@charset "UTF-8";

:root {
    /**
  @font family declaration
  */
    --tp-ff-body: Graphik Regular;
    --tp-ff-font-optical-sizing: auto;
    --tp-ff-heading: Graphik Bold;
    --tp-ff-p: Graphik Regular Trial;
    --tp-ff-fontawesome: "Font Awesome 6 Pro";
    /**
  @font Size declaration
  */
    --tp-fz-body: 15px;
    --tp-fz-p: 16px;
    --tp-fz-a: 20px;
    --tp-fz-h1: 65px;
    --tp-fz-h2: 45px;
    --tp-fz-h3: 26px;
    --tp-fz-h4: 20px;
    --tp-fz-h5: 18px;
    --tp-fz-h6: 16px;
    --tp-fz-font: 10px;
    --tp-fz-font1: 12px;
    --tp-fz-font2: 13px;
    /**
   @font Weight declaration
  */
    --tp-fw-normal: normal;
    --tp-fw-elight: 200;
    --tp-fw-light: 300;
    --tp-fw-regular: 400;
    --tp-fw-medium: 550;
    --tp-fw-sbold: 600;
    --tp-fw-bold: 700;
    --tp-fw-ebold: 800;
    --tp-fw-black: 900;
    /**


  @color declaration
  */
    --tp-common-white: #ffffff;
    --tp-common-black: #000;
    --tp-heading-primary: #272727;
    --tp-heading-spanred: #FFC048;
    --tp-bg-1: #FFF5E9;
    --tp-bg-2: #F8F8F8;
    --tp-bg-3: #F6F6F6;
    --tp-bg-4: #181818;
    --tp-grey-1: #525252;
    --tp-text-body: #494949;
    --tp-text-1: #444444;
    --tp-text-2: #343434;
    --tp-text-3: #9F9F9F;
    --tp-border-primary: #9C9C9C;
    --tp-border-secondary: #EAEAEA;
    --tp-border-1: #FFFAD5;
    --tp-border-2: #D2D2D2;
    --tp-icon-blue: #006EB1;
    --tp-icon-blue-light: #E7efFF;
    --tp-icon-green: #10D0A1;
    --tp-icon-green-light: #E7FAF6;
    --tp-icon-pink: #F72A75;
    --tp-icon-pink-light: #FEEAf1;
    --tp-icon-sky: #42BFFF;
    --tp-icon-sky-light: #ECF9FF;
    --tp-icon-red: #FF0000;
    --tp-icon-tweet: #1DA1F2;
    --tp-icon-fb: #4267B2;
    --tp-icon-skype: #00A6E4;
}

body {
    font-family: var(--tp-ff-body);
    font-size: var(--tp-fz-body);
    font-weight: var(--tp-fw-regular);
    color: var(--tp-grey-1);
    line-height: 26px;
}

body.loading {
    overflow: hidden;
    height: 100vh;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

p {
    font-size: var(--tp-fz-p);
    color: var(--tp-grey-1);
    font-weight: var(--tp-fw-regular);
    margin-bottom: 22px;
}

.head {
    text-align: center;
    padding-bottom: 50px;
}

.head h3 {
    font-size: var(--tp-fz-h4);
    color: var(--tp-heading-spanred);
    text-transform: uppercase;
    font-weight: var(--tp-fw-sbold);
    padding-bottom: 10px;
}

@media screen and (max-width: 1399px) {
    .head h3 {
        font-size: calc(var(--tp-fz-h4) - 4px);
    }
}

.head span {
    color: #000;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    display: block;
}

@media screen and (max-width: 991px) {
    .head span {
        letter-spacing: 4px;
        font-size: 15px;
        line-height: 26px;
    }
}

.head p {
    color: #000;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 15px;
    display: block;
}

@media screen and (max-width: 991px) {
    .head p {
        font-size: 15px;
        line-height: 26px;
    }
}

.head h2 {
    font-size: var(--tp-fz-h2);
    color: var(--tp-heading-primary);
    font-family: "Graphik Semibold";
    font-weight: var(--tp-fw-sbold);
    margin-bottom: 2px;
}

@media screen and (max-width: 991px) {
    .head h2 {
        font-size: calc(var(--tp-fz-h2) - 10px);
    }
}

@media screen and (max-width: 767px) {
    .head h2 {
        font-size: calc(var(--tp-fz-h2) - 15px);
    }
}

@media screen and (max-width: 991px) {
    .head {
        padding-bottom: 20px;
    }
}

.head h1 {
    font-size: var(--tp-fz-h2);
    color: var(--tp-heading-primary);
    font-family: "Graphik Semibold";
    font-weight: var(--tp-fw-sbold);
}

@media screen and (max-width: 991px) {
    .head h1 {
        font-size: calc(var(--tp-fz-h2) - 10px);
    }
}

@media screen and (max-width: 767px) {
    .head h1 {
        font-size: calc(var(--tp-fz-h2) - 15px);
    }
}

@media screen and (max-width: 991px) {
    .head {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1450px) {
    .container {
        max-width: 1240px;
    }
}

@media screen and (max-width: 1199px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
}

.apple-head {
    padding-bottom: 50px;
}

.apple-head h2 {
    font-family: "Montserrat", sans-serif;
    padding-bottom: 30px;
    color: #010101;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
}

@media screen and (max-width: 1199px) {
    .apple-head h2 {
        font-size: 38px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .apple-head h2 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .apple-head h2 {
        font-size: 30px;
    }
}

.apple-head h1 {
    font-family: "Montserrat", sans-serif;
    padding-bottom: 30px;
    color: #010101;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
}

@media screen and (max-width: 1199px) {
    .apple-head h1 {
        font-size: 38px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .apple-head h1 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .apple-head h1 {
        font-size: 30px;
    }
}

.site-main.error-page {
    padding-top: 150px;
    background-color: #000;
    padding-bottom: 100px;
}

.page_not_found {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    padding: 0px 15px;
}

.error-page h1 {
    color: #fff;
    padding-bottom: 30px;
    max-width: 675px;
    margin: 0 auto;
    font-size: var(--tp-fz-h2);
    font-family: "Graphik Semibold";
    line-height: 115%;
}

@media screen and (max-width: 1399px) {
    .error-page h1 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .error-page h1 {
        font-size: 35px;
    }
}

.error-page p {
    font-size: var(--tp-fz-p);
    color: #fff;
    font-weight: var(--tp-fw-regular);
    margin-bottom: 22px;
}

.error-page a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.error-page a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.error-page a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.error-page a:hover img {
    margin-left: 10px;
}

.error-page a img {
    transform: rotate(180deg);
}


/* Wrapper creates enough vertical space for sticky scroll */
.scroll-wrapper {
    position: relative;
}


header {
    padding: 0px;
    width: 100%;
    z-index: 99;
    position: absolute;
    transition: all 0.3s;
}

header .header-main {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .header-main .logo {
    min-width: 99px;
    max-width: 99px;
}

header .header-main .logo a {
    width: 100%;
    display: block;
}

header .header-main .logo img {
    width: 100%;
}

header .header-main .navbar {
    padding: 0px 15px;
    margin-right: 0px;
    position: relative;
    width: 100%;
    justify-content: center;
}

header .header-main .navbar .menu-header-menu-container {
    position: relative;
}

header .header-main .navbar #menu {
    position: relative;
}

header .header-main .navbar ul {
    display: flex;
}

header .header-main .navbar ul li {
    padding: 0px 25px;
}

header .header-main .navbar ul li a {
    color: #fff;
    font-weight: var(--tp-fw-medium);
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    font-size: 20px;
    font-family: "Graphik Medium";
    position: relative;
    z-index: 99;
}

@media screen and (max-width: 1023px) {
    header .header-main .navbar ul li a {
        color: #000;
        background: none !important;
        font-size: 18px;
    }

    header .header-main .navbar ul li a .slicknav_arrow {
        position: absolute;
        right: 11px;
        z-index: 100;
        top: 7px;
        width: 30px;
        height: 30px;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
}

header .header-main .navbar ul li a:hover {
    color: #FFD400;
}

@media screen and (max-width: 1023px) {
    header .header-main .navbar ul li a {
        margin: 0px;
        width: 100%;
    }
}

header .header-main .navbar ul li:first-child {
    padding-left: 0px;
}

header .header-main .navbar ul li:last-child {
    padding-right: 0px;
}

@media screen and (max-width: 1450px) {
    header .header-main .navbar ul li {
        padding: 0px 20px;
    }
}

@media screen and (max-width: 1399px) {
    header .header-main .navbar ul li {
        padding: 0px 15px;
    }
}

header .header-main .navbar ul li.dropdown {
    position: static;
}

header .header-main .navbar ul li.dropdown>a {
    background: url(../images/drop-down-arrow.svg) no-repeat right center !important;
    padding-right: 18px !important;
    background-size: 14px !important;
    position: relative;
}

@media screen and (max-width: 1023px) {
    header .header-main .navbar #menu {
        display: none;
    }

    header .header-main .navbar #menu-header-menu {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    header .header-main .navbar {
        position: static;
    }
}

header .header-main .great-work img {
    width: 58px;
}

header .header-main .contact-btn {
    background: #0FACB8;
    width: 196px;
    height: 50px;
    border-right: 2px solid #FFD400;
    margin-right: 50px;
}

header .header-main .contact-btn a {
    color: #fff;
    overflow: hidden;
    z-index: 1;
    font-family: "Graphik Medium";
    position: relative;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 50px;
    text-decoration: none;
}

header .header-main .contact-btn a img {
    margin-right: 10px;
}

header .header-main .contact-btn a:after {
    background: #FFD400;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 0.3s ease;
    width: 0%;
    height: 100%;
}

header .header-main .contact-btn a:hover {
    color: #000;
}

header .header-main .contact-btn a:hover:after {
    width: 100%;
}

@media screen and (max-width: 991px) {
    header .header-main .contact-btn {
        min-width: 150px;
    }
}

header .header-main .search {
    width: auto;
    position: absolute;
    right: 0;
}

header .header-main .search a {
    width: 34px;
    height: 34px;
    border-radius: 34px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

header .header-main .search a i {
    color: #000;
}

header.fixed-header {
    position: fixed;
    background: #fff;
    z-index: 999;
    left: 0;
    width: 100%;
    border-bottom: 0.5px solid #323232;
    padding: 20px 0;
}

header.fixed-header .navbar ul li a {
    color: #323232;
}

header.fixed-header .search a {
    background: #323232;
}

header.fixed-header .search a i {
    color: #fff;
}

.button-scroll .button-learn-more {
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    height: 79px;
    position: relative;
    transition: 0.3s;
    width: 79px;
}

.button-scroll .button-learn-more .button-learn-more__wrapp {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.button-scroll .button-learn-more .button-learn-more__wrapp .button-learn-more__text {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    margin-right: 39.5px;
    padding: 0 29px 0 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    transition: 0.3s;
    width: 79px;
}

.button-scroll .button-learn-more .button-learn-more__wrapp .button-learn-more__text:before {
    background: #fff;
    content: "";
    height: 1px;
    left: 100%;
    transition: 0.3s;
    width: 38px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.button-scroll .button-learn-more svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.button-scroll .button-learn-more svg.left {
    left: -23px;
}

.button-scroll .button-learn-more svg.right {
    right: -23px;
}

.button-scroll .button-learn-more:hover .button-learn-more__text {
    margin-right: 0;
    padding: 0 14.5px;
    text-align: center;
}

.button-scroll .button-learn-more:hover .button-learn-more__text:before {
    display: none;
}

header.scrolled {
    background: rgb(0, 0, 0);
    position: fixed;
    top: 0;
}

@media screen and (max-width: 576px) {
    header.scrolled {
        top: 0px;
    }
}

.scrolled header {
    background: rgb(0, 0, 0);
}

.scrolled header .header-main .navbar ul li a {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .scrolled header .header-main .navbar ul li a {
        color: #000;
    }
}

header.header-two .header-main .navbar ul li.dropdown a {
    background: url(../images/arrow-head-two.png) no-repeat right center;
}

.scrolled header .header-main .navbar ul li a:hover {
    color: #0FACB8;
}

header.header-two .header-main .navbar ul li a {
    color: #000;
}

header.header-two .header-main .navbar ul li a:hover {
    color: #0FACB8;
}

header.header-two {
    background: #fff;
    box-shadow: 0px 8px 12px -9px rgba(0, 0, 0, 0.2);
}

header.header-two .slicknav_menu .slicknav_icon-bar {
    box-shadow: 0 1px 0 rgb(0, 0, 0);
}

header.header-two::after {
    background: linear-gradient(-66deg, #16AEB2 0%, #EBFF00 52.06%, #FED300 100%);
    left: 0px;
    width: 100%;
    content: "";
    position: absolute;
    height: 3px;
    bottom: 6px;
    transform: translate3d(0px, 10px, -24px) scale(1) rotate(180deg);
    filter: blur(2px);
    opacity: var(0.7);
    z-index: -1;
}

@media screen and (min-width: 961px) {
    header.dark-bg .ubermenu-skin-grey-white .ubermenu-item-level-0>.ubermenu-target {
        color: #000 !important;
    }

    header.dark-bg .header-main .navbar ul li.dropdown>a {
        background: url(../images/drop-down-arrow-black.svg) no-repeat right center !important;
    }

    header.dark-bg.scrolled .header-main .navbar ul li.dropdown>a {
        background: url(../images/drop-down-arrow-black.svg) no-repeat right center !important;
    }
}

header.dark-bg.scrolled {
    background: #fff;
}

@media screen and (max-width: 960px) {
    header.dark-bg .ubermenu-skin-grey-white.ubermenu-responsive-toggle {
        color: #000;
    }
}

.banner-outer {
    position: relative;
    padding-top: 0px;
    height: 100vh;
}

.banner-outer .banner-slider {
    margin-bottom: 0;
    line-height: 0;
    height: 100%;
}

.banner-outer .banner-slider .slick-list.draggable {
    height: 100%;
}

.banner-outer .banner-slider .slick-list.draggable .slick-track {
    height: 100%;
}

.banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide {
    height: 100%;
}

.banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide div {
    height: 100%;
}

.banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide .banner-slide-outer {
    height: 100%;
    display: flex;
}

.banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide .banner-slide-outer .container {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide .banner-slide-outer .container {
        flex-wrap: wrap;
    }
}

.banner-outer .banner-slide {
    position: relative;
    margin-bottom: 0;
    line-height: 0;
}

.banner-outer .banner-slide figure {
    margin-bottom: 0;
    width: 100%;
}

.banner-outer .banner-slide figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .banner-outer .banner-slide figure img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.banner-outer .banner-slide figure figcaption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-outer .banner-slide figure figcaption .banner-text-width {
    width: 100%;
    display: flex;
    height: 100% !important;
    padding-top: 150px;
    position: relative;
}

.banner-outer .banner-slide figure figcaption .banner-text-width h2 {
    font-size: 70px;
    color: var(--tp-common-white);
    font-weight: var(--tp-fw-bold);
    text-transform: inherit;
    padding-bottom: 0px;
    line-height: 120%;
    padding-right: 0px;
    text-transform: uppercase;
    font-family: "Graphik Bold";
}

@media screen and (max-width: 1450px) {
    .banner-outer .banner-slide figure figcaption .banner-text-width h2 {
        font-size: 55px;
    }
}

@media (max-width: 991px) {
    .banner-outer .banner-slide figure figcaption .banner-text-width h2 {
        position: static;
        width: 100%;
        font-size: 40px;
        line-height: 120%;
        padding-bottom: 20px;
    }

    .banner-outer .banner-slide figure figcaption .banner-text-width h2 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .banner-outer .banner-slide figure figcaption .banner-text-width h2 {
        font-size: calc(var(--tp-fz-h2) - 10px);
        padding-right: 0;
    }
}

@media screen and (max-width: 600px) {
    .banner-outer .banner-slide figure figcaption .banner-text-width h2 {
        font-size: calc(var(--tp-fz-h2) - 20px);
        padding-right: 0;
        margin: 0px;
    }
}

.banner-outer .banner-slide figure figcaption .banner-text-width h2 span {
    color: transparent;
    display: block;
    -webkit-text-stroke: 0.5px #fff;
}

@media (max-width: 480px) {
    .banner-outer .banner-slide figure figcaption .banner-text-width h2 {
        font-size: 30px;
        line-height: 38px;
    }
}

.banner-outer .banner-slide figure figcaption .banner-text-width .text-box {
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 454px;
    height: auto !important;
    min-height: 250px;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
}

.banner-outer .banner-slide figure figcaption .banner-text-width .text-box h3 {
    font-size: 35px;
    color: #fff;
    width: 100%;
    text-transform: inherit;
    line-height: normal;
    padding-bottom: 10px;
    line-height: 42px;
    padding-right: 0px;
    opacity: 0;
    transform: translateY(-50px);
    transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0.8s ease-in-out;
    font-family: "Graphik Medium";
}

@media (max-width: 991px) {
    .banner-outer .banner-slide figure figcaption .banner-text-width .text-box h3 {
        font-size: 25px;
        line-height: 32px;
    }

    .banner-outer .banner-slide figure figcaption .banner-text-width .text-box h3 br {
        display: none;
    }
}

@media (max-width: 480px) {
    .banner-outer .banner-slide figure figcaption .banner-text-width .text-box h3 {
        font-size: 20px;
    }
}

.banner-outer .banner-slide figure figcaption .banner-text-width .text-box a.learn-more {
    white-space: nowrap;
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.banner-outer .banner-slide figure figcaption .banner-text-width .text-box a.learn-more img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.banner-outer .banner-slide figure figcaption .banner-text-width .text-box a.learn-more:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.banner-outer .banner-slide figure figcaption .banner-text-width .text-box a.learn-more:hover img {
    margin-left: 10px;
}

@media (max-width: 991px) {
    .banner-outer .banner-slide figure figcaption .banner-text-width .text-box {
        position: static;
        width: 100%;
        display: block;
        min-height: unset;
    }
}

.banner-outer .banner-slide figure figcaption .banner-text-width p {
    font-size: calc(var(--tp-fz-h4) - 2px);
    opacity: 0;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    transform: translateX(-400px);
    transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0.8s ease-in-out;
    margin-bottom: 0;
    font-weight: var(--tp-fw-bold);
    color: var(--tp-common-white);
    line-height: 26px;
}

.banner-outer .banner-slide figure figcaption .banner-text-width .button-learn-more {
    height: 79px !important;
    margin-left: 50px;
    margin-top: 0px;
}

.banner-outer .banner-slide figure figcaption .banner-text-width .button-learn-more .button-learn-more__wrapp {
    height: auto !important;
}

@media screen and (max-width: 767px) {
    .banner-outer .banner-slide figure figcaption .banner-text-width {
        width: 100%;
        order: 2;
    }
}

@media (max-width: 991px) {
    .banner-outer .banner-slide figure figcaption .banner-text-width {
        flex-wrap: wrap;
        align-content: center;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 576px) {
    .banner-outer .banner-slide figure figcaption .banner-text-width {
        flex-wrap: wrap;
        align-content: center;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 767px) {
    .banner-outer .banner-slide figure figcaption {
        top: -100px;
    }
}

.banner-outer .banner-slide.slick-active .banner-slide-outer figure figcaption .banner-text-width h3 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

.banner-outer .slider-dots-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 34px;
    width: 100%;
}

.banner-outer .slider-dots-box .slider-dots {
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-outer .slider-dots-box .slider-dots button {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    display: block;
    border: 2px solid #FFF;
    background-color: transparent;
    margin: 0 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    transition: 0.3s all;
    position: relative;
    z-index: 0;
    font-size: 0;
    opacity: 1 !important;
}

.banner-outer .slider-dots-box .slick-active button::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: #F9D204;
    position: absolute;
    left: 2px;
    top: 2px;
}

@media screen and (max-width: 1399px) {
    .banner-outer .slider-dots-box {
        bottom: 20px;
    }
}

@media (max-width: 991px) {
    .banner-outer .slider-dots-box {
        display: none;
    }
}

.banner-outer .slick-arrow {
    width: 51px;
    height: 51px;
    border: 2px solid #F1F1F1;
    border-radius: 100%;
    bottom: 20px;
    top: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.banner-outer .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 26px;
    height: 16px;
    opacity: 1 !important;
}

.banner-outer .slick-arrow:hover {
    border-color: #06ABBF;
    background: #06ABBF;
}

@media screen and (max-width: 991px) {
    .banner-outer .slick-arrow {
        bottom: -8px;
    }
}

@media screen and (max-width: 767px) {
    .banner-outer .slick-arrow {
        width: 45px;
        height: 45px;
        bottom: 8px;
    }
}

.banner-outer .slick-prev {
    left: 5.5%;
}

@media (max-width: 1920px) {
    .banner-outer .slick-prev {
        left: 16.5%;
    }
}

@media (max-width: 1680px) {
    .banner-outer .slick-prev {
        left: 7.5%;
    }
}

@media (max-width: 1400px) {
    .banner-outer .slick-prev {
        left: 5.5%;
    }
}

@media (max-width: 1280px) {
    .banner-outer .slick-prev {
        left: 2.5%;
    }
}

@media (max-width: 1024px) {
    .banner-outer .slick-prev {
        left: 20px;
    }
}

@media (max-width: 991px) {
    .banner-outer .slick-prev {
        left: 43px;
    }
}

@media (max-width: 576px) {
    .banner-outer .slick-prev {
        left: 15px;
    }
}

.banner-outer .slick-next {
    right: unset;
    left: 10%;
}

.banner-outer .slick-next::before {
    transform: rotate(180deg);
}

@media (max-width: 1920px) {
    .banner-outer .slick-next {
        left: 19.5%;
    }
}

@media (max-width: 1680px) {
    .banner-outer .slick-next {
        left: 12%;
    }
}

@media (max-width: 1400px) {
    .banner-outer .slick-next {
        left: 9.7%;
    }
}

@media (max-width: 1280px) {
    .banner-outer .slick-next {
        left: 7.4%;
    }
}

@media (max-width: 1024px) {
    .banner-outer .slick-next {
        left: 75px;
    }
}

@media (max-width: 991px) {
    .banner-outer .slick-next {
        left: 102px;
    }
}

@media (max-width: 576px) {
    .banner-outer .slick-next {
        left: 75px;
    }
}

.banner-outer .slider-progress {
    width: 352px;
    height: 3px;
    background: #fff;
    max-width: 352px;
    margin: 0 auto;
    position: absolute;
    bottom: 113px;
    right: 32.5%;
    transform: rotate(90deg);
}

@media (max-width: 1640px) {
    .banner-outer .slider-progress {
        right: 29%;
    }
}

@media (max-width: 1440px) {
    .banner-outer .slider-progress {
        right: 30%;
    }
}

@media (max-width: 1368px) {
    .banner-outer .slider-progress {
        right: 29%;
    }
}

@media (max-width: 1280px) {
    .banner-outer .slider-progress {
        right: 28%;
    }
}

@media (max-width: 1150px) {
    .banner-outer .slider-progress {
        right: 29%;
    }
}

@media (max-width: 1100px) {
    .banner-outer .slider-progress {
        right: 30%;
    }
}

@media (max-width: 1030px) {
    .banner-outer .slider-progress {
        right: 32%;
    }
}

@media (max-width: 991px) {
    .banner-outer .slider-progress {
        right: unset;
        left: 45px;
        top: unset;
        bottom: 100px;
        margin: auto 0;
        transform: unset;
    }
}

@media (max-width: 576px) {
    .banner-outer .slider-progress {
        left: 15px;
        width: 332px;
    }
}

.banner-outer .slider-progress .progress {
    width: 0%;
    height: 3px;
    background: #06ABBF;
}

.banner-outer .ban-click {
    display: none;
    position: absolute;
    bottom: 40px;
    width: 17px;
    height: 86px;
    left: 0;
    right: 0;
    margin: 0 auto;
    cursor: pointer;
}

.banner-outer .ban-click img {
    width: 100%;
}

.banner-outer .social-share {
    position: absolute;
    right: 35px;
    bottom: 20px;
}

.banner-outer .social-share li {
    margin-bottom: 10px;
}

.banner-outer .social-share li a {
    background: transparent;
    width: 40px;
    height: 40px;
    transform: scale(1);
    transition: transform 0.3s;
    border-radius: 100%;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
}

.banner-outer .social-share li a:hover {
    color: #F9D204;
}

@media (max-width: 991px) {
    .banner-outer .social-share li a {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 991px) {
    .banner-outer .social-share {
        right: 6px;
    }
}

.circle-bg {
    fill: transparent;
    stroke: var(--tp-common-white);
    stroke-width: 2;
    stroke-linecap: butt;
}

.circle-go {
    fill: transparent;
    stroke: var(--tp-heading-spanred);
    stroke-width: 2;
    stroke-linecap: round;
    animation: progress 8s;
    stroke-dasharray: 360px;
    stroke-dashoffset: 360;
}

@keyframes progress {
    from {
        stroke-dashoffset: 360;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.footer-outer {
    background: #2C2C2C;
    padding: 50px 0px 0px;
}

.footer-outer .footer-top {
    padding-bottom: 15px;
    border-bottom: 1px solid #505050;
}

.footer-outer .footer-top h3 {
    color: #878787;
    font-size: 20px;
    line-height: 20px;
    font-family: "Graphik Medium";
    text-transform: uppercase;
    padding-bottom: 16px;
}

@media screen and (max-width: 1024px) {
    .footer-outer .footer-top h3 {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 600px) {
    .footer-outer .footer-top h3 {
        font-size: 18px;
        padding-bottom: 18px;
    }
}

.footer-outer .footer-top h2 {
    font-size: 40px;
    line-height: 40px;
    font-family: "Graphik Semibold";
    display: inline-block;
}

.footer-outer .footer-top h2 a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
}

.footer-outer .footer-top h2 a img {
    margin-left: 20px;
    width: 35px;
}

@media screen and (max-width: 1024px) {
    .footer-outer .footer-top h2 a img {
        width: 35px;
    }
}

@media screen and (max-width: 600px) {
    .footer-outer .footer-top h2 a img {
        width: 25px;
    }
}

.footer-outer .footer-top h2:hover a {
    color: #0FACB8;
}

@media screen and (max-width: 1024px) {
    .footer-outer .footer-top h2 {
        font-size: 40px;
        line-height: 40px;
    }
}

@media screen and (max-width: 600px) {
    .footer-outer .footer-top h2 {
        font-size: 25px;
        line-height: 25px;
    }
}

.footer-outer .footer-section {
    padding-top: 24px;
    display: flex;
    flex-wrap: wrap;
}

.footer-outer .footer-section .footer-bx {
    width: 25%;
    padding: 0px 25px;
}

.footer-outer .footer-section .footer-bx:nth-child(1) {
    width: 50%;
    padding-right: 110px;
    padding-left: 0;
}

@media screen and (max-width: 1024px) {
    .footer-outer .footer-section .footer-bx:nth-child(1) {
        padding-right: 0px;
        width: 100%;
        margin-bottom: 40px;
    }
}

.footer-outer .footer-section .footer-bx:nth-child(3) {
    padding-right: 0px;
}

.footer-outer .footer-section .footer-bx:nth-child(2) {
    padding-left: 0px;
}

.footer-outer .footer-section .footer-bx p {
    color: #B5B5B5;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 0px;
}

@media screen and (max-width: 1024px) {
    .footer-outer .footer-section .footer-bx p {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 600px) {
    .footer-outer .footer-section .footer-bx p {
        font-size: 16px;
        line-height: 22px;
    }
}

.footer-outer .footer-section .footer-bx .pro-discussion {
    background: #363636;
    border-radius: 54px;
    padding: 18px 15px;
    display: block;
    width: 90%;
    text-align: center;
    font-size: 17px;
    color: #fff;
    line-height: 22px;
    font-family: "Graphik Bold";
    text-decoration: none;
    display: none;
}

.footer-outer .footer-section .footer-bx .pro-discussion:hover {
    background: #0FACB8;
}

@media screen and (max-width: 1024px) {
    .footer-outer .footer-section .footer-bx .pro-discussion {
        width: 452px;
    }
}

@media screen and (max-width: 600px) {
    .footer-outer .footer-section .footer-bx .pro-discussion {
        font-size: 18px;
        line-height: 18px;
        padding: 15px 15px;
        width: 320px;
    }
}

@media screen and (max-width: 991px) {
    .footer-outer .footer-section .footer-bx .pro-discussion {
        padding: 19px 15px;
    }
}

.footer-outer .footer-section .footer-bx h3 {
    font-size: 20px;
    line-height: 38px;
    color: #fff;
    font-family: "Graphik Medium";
    padding-bottom: 10px;
    border-bottom: 1px solid #363636;
    margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
    .footer-outer .footer-section .footer-bx h3 {
        font-size: 20px;
        line-height: 30px;
    }
}

.footer-outer .footer-section .footer-bx .footer-menu li {
    margin-bottom: 11px;
}

.footer-outer .footer-section .footer-bx .footer-menu li a {
    font-size: 15px;
    display: block;
    line-height: 20px;
    color: #BBBBBB;
    display: block;
    text-decoration: none;
}

.footer-outer .footer-section .footer-bx .footer-menu li a:hover {
    color: #0FACB8;
}

.footer-outer .footer-section .footer-bx .socail-footer {
    display: flex;
}

.footer-outer .footer-section .footer-bx .socail-footer li {
    margin-right: 8px;
}

.footer-outer .footer-section .footer-bx .socail-footer li a {
    background: #5A5A5A;
    display: block;
    width: 49px;
    height: 49px;
    border-radius: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-decoration: none;
}

.footer-outer .footer-section .footer-bx .socail-footer li a:hover {
    background: #0FACB8;
}

@media screen and (max-width: 1199px) {
    .footer-outer .footer-section .footer-bx .socail-footer li a {
        width: 35px;
        height: 35px;
    }
}

.footer-outer .footer-section .footer-bx .socail-footer li:last-child {
    margin-right: 0px;
}

@media screen and (max-width: 1024px) {
    .footer-outer .footer-section .footer-bx {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .footer-outer .footer-section .footer-bx {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .footer-outer .footer-section .footer-bx:nth-child(3) {
        padding-left: 0px;
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 1024px) {
    .footer-outer .footer-section {
        padding-top: 29px;
    }
}

.footer-outer .copy-right {
    text-align: center;
    padding-bottom: 1px;
    padding-top: 15px;
}

.footer-outer .copy-right p {
    color: #737373;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 11px;
}

.footer-outer .copy-right p a {
    color: #fff;
    text-decoration: none;
    position: relative;
    padding: 0px 8px;
    display: inline-block;
}

.footer-outer .copy-right p a::after {
    width: 1px;
    height: 12px;
    content: "";
    position: absolute;
    right: -2px;
    top: 5px;
    display: block;
    background: #737373;
}

.footer-outer .copy-right p a:hover {
    color: #0FACB8;
}

.footer-outer .copy-right p span {
    display: inline-block;
    padding-left: 8px;
}

.slicknav_menu {
    font-size: 16px;
    box-sizing: border-box;
    padding: 5px;
}

.slicknav_menu * {
    box-sizing: border-box;
}

.slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px var(--tp-heading-orange);
}

.slicknav_menu .slicknav_icon-bar {
    background-color: var(--tp-heading-orange);
}

.slicknav_btn {
    text-decoration: none;
    text-shadow: 0 1px 1px var(--tp-heading-orange);
    border-radius: 4px;
}

.slicknav_nav {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
    list-style: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    top: 78px;
    background: #fff;
    max-width: 720px;
    margin: 0 auto;
    right: 0;
}

@media screen and (max-width: 767px) {
    .slicknav_nav {
        top: 101px;
    }
}

.slicknav_nav li:last-child a {
    border-bottom: none;
}

.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px;
}

.slicknav_nav .slicknav_row {
    margin: 2px 5px;
}

.slicknav_nav .slicknav_row:hover {
    border-radius: 6px;
    color: var(--tp-grey-1);
}

.slicknav_nav a {
    padding: 10px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: var(--tp-grey-1);
    font-weight: var(--tp-fw-medium);
    border-bottom: 1px solid var(--tp-border-secondary);
}

.slicknav_nav a span {
    margin-right: 8px;
}

.slicknav_nav a:hover {
    border-radius: 6px;
    color: #FF7A00;
}

.slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
}

.slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
    border: none;
}

.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
}

.slicknav_nav .slicknav_parent ul li a {
    font-weight: var(--tp-fw-regular);
}

.slicknav_brand {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding: 7px 12px;
    height: 44px;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    line-height: 1.125em;
    cursor: pointer;
}

.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: 8px;
}

.slicknav_menu {
    *zoom: 1;
    display: none;
}

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
}

.slicknav_menu .slicknav_icon {
    float: left;
    width: 30px;
    height: 25px;
    margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_icon:before {
    background: transparent;
    width: 1.125em;
    height: 0.875em;
    display: block;
    content: "";
    position: absolute;
}

.slicknav_menu .slicknav_no-text {
    margin: 0;
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 0;
    box-shadow: 0 1px 0 rgb(255, 255, 255);
}

.slicknav_menu:before {
    content: " ";
    display: table;
}

.slicknav_menu:after {
    content: " ";
    display: table;
    clear: both;
}

@media screen and (max-width: 1023px) {
    .slicknav_menu {
        display: block;
        order: 3;
        margin-left: 10px;
        min-height: 50px;
        width: 100%;
    }

    .slicknav_menu .slicknav_btn {
        position: absolute;
        right: 25px;
        top: 15px;
    }
}

@media screen and (max-width: 767px) {
    .slicknav_menu .slicknav_btn {
        position: absolute;
        right: 80px;
        top: 37px;
    }
}

.slicknav_nav {
    clear: both;
    max-height: 363px;
    overflow: auto;
}

.slicknav_nav ul {
    display: block;
}

.slicknav_nav li {
    display: block;
}

.slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em;
}

.slicknav_nav .slicknav_item {
    cursor: pointer;
}

.slicknav_nav .slicknav_item a {
    display: inline;
}

.slicknav_nav .slicknav_row {
    display: block;
}

.slicknav_nav a {
    display: block;
}

.slicknav_nav .slicknav_parent-link a {
    display: inline;
}

.slicknav_brand {
    float: left;
}

body {
    font-family: var(--tp-ff-body);
    font-size: var(--tp-fz-body);
    font-weight: var(--tp-fw-regular);
    color: var(--tp-grey-1);
    line-height: 26px;
}

body.loading {
    overflow: hidden;
    height: 100vh;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

p {
    font-size: var(--tp-fz-p);
    color: var(--tp-grey-1);
    font-weight: var(--tp-fw-regular);
    margin-bottom: 22px;
}

.head {
    text-align: center;
    padding-bottom: 50px;
}

.head h3 {
    font-size: var(--tp-fz-h4);
    color: var(--tp-heading-spanred);
    text-transform: uppercase;
    font-weight: var(--tp-fw-sbold);
    padding-bottom: 10px;
}

@media screen and (max-width: 1399px) {
    .head h3 {
        font-size: calc(var(--tp-fz-h4) - 4px);
    }
}

.head span {
    color: #000;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    display: block;
}

@media screen and (max-width: 991px) {
    .head span {
        letter-spacing: 4px;
        font-size: 15px;
        line-height: 26px;
    }
}

.head p {
    color: #000;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 15px;
    display: block;
}

@media screen and (max-width: 991px) {
    .head p {
        font-size: 15px;
        line-height: 26px;
    }
}

.head h2 {
    font-size: var(--tp-fz-h2);
    color: var(--tp-heading-primary);
    font-family: "Graphik Semibold";
    font-weight: var(--tp-fw-sbold);
    margin-bottom: 2px;
}

@media screen and (max-width: 991px) {
    .head h2 {
        font-size: calc(var(--tp-fz-h2) - 10px);
    }
}

@media screen and (max-width: 767px) {
    .head h2 {
        font-size: calc(var(--tp-fz-h2) - 15px);
    }
}

@media screen and (max-width: 991px) {
    .head {
        padding-bottom: 20px;
    }
}

.head h1 {
    font-size: var(--tp-fz-h2);
    color: var(--tp-heading-primary);
    font-family: "Graphik Semibold";
    font-weight: var(--tp-fw-sbold);
}

@media screen and (max-width: 991px) {
    .head h1 {
        font-size: calc(var(--tp-fz-h2) - 10px);
    }
}

@media screen and (max-width: 767px) {
    .head h1 {
        font-size: calc(var(--tp-fz-h2) - 15px);
    }
}

@media screen and (max-width: 991px) {
    .head {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1450px) {
    .container {
        max-width: 1240px;
    }
}

@media screen and (max-width: 1199px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
}

.apple-head {
    padding-bottom: 50px;
}

.apple-head h2 {
    font-family: "Montserrat", sans-serif;
    padding-bottom: 30px;
    color: #010101;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
}

@media screen and (max-width: 1199px) {
    .apple-head h2 {
        font-size: 38px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .apple-head h2 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .apple-head h2 {
        font-size: 30px;
    }
}

.apple-head h1 {
    font-family: "Montserrat", sans-serif;
    padding-bottom: 30px;
    color: #010101;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
}

@media screen and (max-width: 1199px) {
    .apple-head h1 {
        font-size: 38px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .apple-head h1 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .apple-head h1 {
        font-size: 30px;
    }
}

.site-main.error-page {
    padding-top: 150px;
    background-color: #000;
    padding-bottom: 100px;
}

.page_not_found {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    padding: 0px 15px;
}

.error-page h1 {
    color: #fff;
    padding-bottom: 30px;
    max-width: 675px;
    margin: 0 auto;
    font-size: var(--tp-fz-h2);
    font-family: "Graphik Semibold";
    line-height: 115%;
}

@media screen and (max-width: 1399px) {
    .error-page h1 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .error-page h1 {
        font-size: 35px;
    }
}

.error-page p {
    font-size: var(--tp-fz-p);
    color: #fff;
    font-weight: var(--tp-fw-regular);
    margin-bottom: 22px;
}

.error-page a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.error-page a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.error-page a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.error-page a:hover img {
    margin-left: 10px;
}

.error-page a img {
    transform: rotate(180deg);
}

/* Wrapper creates enough vertical space for sticky scroll */
.scroll-wrapper {
    position: relative;
}

/* Slider */
.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir=rtl] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir=rtl] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

.apple-banner-outer {
    position: relative;
    padding-top: 0px;
    height: 100vh;
}

.apple-banner-outer .banner-slider {
    margin-bottom: 0;
    line-height: 0;
    height: 100%;
}

.apple-banner-outer .banner-slider .slick-list.draggable {
    height: 100%;
}

.apple-banner-outer .banner-slider .slick-list.draggable .slick-track {
    height: 100%;
}

.apple-banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide {
    height: 100%;
}

.apple-banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide div {
    height: 100%;
}

@media screen and (max-width: 1399px) {
    .apple-banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide div {
        height: auto;
    }
}

.apple-banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide .banner-slide-outer {
    height: 100%;
    display: flex;
}

.apple-banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide .banner-slide-outer .container {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .apple-banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide .banner-slide-outer .container {
        flex-wrap: wrap;
    }
}

.apple-banner-outer .banner-slide {
    position: relative;
    margin-bottom: 0;
    line-height: 0;
}

.apple-banner-outer .banner-slide figure {
    margin-bottom: 0;
    width: 100%;
}

.apple-banner-outer .banner-slide figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .apple-banner-outer .banner-slide figure img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.apple-banner-outer .banner-slide figure figcaption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apple-banner-outer .banner-slide figure figcaption .banner-text-width {
    width: 100%;
    padding-top: 150px;
    position: relative;
    -webkit-transform: translateY(-50px);
    opacity: 0;
    transform: translateY(-50px);
    transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0.8s ease-in-out;
}

.apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 {
    font-size: 70px;
    color: var(--tp-common-white);
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    padding-bottom: 10px;
    line-height: 123%;
}

@media screen and (max-width: 1399px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 {
        font-size: 45px;
    }
}

@media (max-width: 991px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 {
        position: static;
        width: 100%;
        font-size: 40px;
        line-height: 120%;
        padding-bottom: 20px;
    }

    .apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 {
        font-size: calc(var(--tp-fz-h2) - 10px);
        padding-right: 0;
    }
}

@media screen and (max-width: 600px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 {
        font-size: calc(var(--tp-fz-h2) - 20px);
        padding-right: 0;
        margin: 0px;
    }
}

@media (max-width: 480px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 {
        font-size: 30px;
        line-height: 38px;
    }
}

.apple-banner-outer .banner-slide figure figcaption .banner-text-width h3 {
    font-size: 49px;
    color: #fff;
    width: 100%;
    line-height: 123%;
    padding-bottom: 30px;
    padding-right: 0px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

@media screen and (max-width: 1399px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width h3 {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width h3 {
        font-size: 25px;
        line-height: 32px;
    }

    .apple-banner-outer .banner-slide figure figcaption .banner-text-width h3 br {
        display: none;
    }
}

@media (max-width: 480px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width h3 {
        font-size: 20px;
    }
}

.apple-banner-outer .banner-slide figure figcaption .banner-text-width a.learn-more {
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 123%;
    color: #fff;
    text-decoration: none;
}

.apple-banner-outer .banner-slide figure figcaption .banner-text-width a.learn-more:hover {
    color: #0080FF;
}

@media (max-width: 991px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width a.learn-more {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width a.learn-more {
        font-size: 16px;
    }
}

@media (max-width: 1399px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width {
        padding-top: 0px;
    }
}

@media (max-width: 991px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width {
        position: static;
        width: 100%;
        display: block;
        min-height: unset;
    }
}

@media screen and (max-width: 767px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width {
        width: 100%;
        order: 2;
    }
}

@media (max-width: 991px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width {
        flex-wrap: wrap;
        align-content: center;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 576px) {
    .apple-banner-outer .banner-slide figure figcaption .banner-text-width {
        flex-wrap: wrap;
        align-content: center;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 767px) {
    .apple-banner-outer .banner-slide figure figcaption {
        top: -100px;
    }
}

.apple-banner-outer .banner-slide.slick-active .banner-slide-outer figure figcaption .banner-text-width {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

.apple-banner-outer .slick-arrow {
    width: 51px;
    height: 51px;
    border: 2px solid #F1F1F1;
    border-radius: 100%;
    bottom: 20px;
    top: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.apple-banner-outer .slick-arrow::before {
    /* background: url() no-repeat; */
  background: url(../images/arrow-use-slide.png) no-repeat;
     z-index: 1000;
    /* font-size: 0; */
    /* color: transparent; 
    */
    width: 26px;
    height: 16px;
    opacity: 1 !important;
}

.apple-banner-outer .slick-arrow:hover {
    border-color: #06ABBF;
    background: #06ABBF;
}

@media screen and (max-width: 991px) {
    .apple-banner-outer .slick-arrow {
        bottom: -8px;
    }
}

@media screen and (max-width: 767px) {
    .apple-banner-outer .slick-arrow {
        width: 45px;
        height: 45px;
        bottom: 8px;
    }
}

.apple-banner-outer .slick-prev {
    left: 5.5%;
}

@media (max-width: 1920px) {
    .apple-banner-outer .slick-prev {
        left: 16.5%;
    }
}

@media (max-width: 1680px) {
    .apple-banner-outer .slick-prev {
        left: 7.5%;
    }
}

@media (max-width: 1400px) {
    .apple-banner-outer .slick-prev {
        left: 5.5%;
    }
}

@media (max-width: 1280px) {
    .apple-banner-outer .slick-prev {
        left: 2.5%;
    }
}

@media (max-width: 1024px) {
    .apple-banner-outer .slick-prev {
        left: 20px;
    }
}

@media (max-width: 991px) {
    .apple-banner-outer .slick-prev {
        left: 43px;
    }
}

@media (max-width: 576px) {
    .apple-banner-outer .slick-prev {
        left: 15px;
    }
}

.apple-banner-outer .slick-next {
    right: unset;
    left: 10%;
}

/* .apple-banner-outer .slick-next::before {
    transform: rotate(180deg);
} */

@media (max-width: 1920px) {
    .apple-banner-outer .slick-next {
        left: 19.5%;
    }
}

@media (max-width: 1680px) {
    .apple-banner-outer .slick-next {
        left: 12%;
    }
}

@media (max-width: 1400px) {
    .apple-banner-outer .slick-next {
        left: 9.7%;
    }
}

@media (max-width: 1280px) {
    .apple-banner-outer .slick-next {
        left: 7.4%;
    }
}

@media (max-width: 1024px) {
    .apple-banner-outer .slick-next {
        left: 75px;
    }
}

@media (max-width: 991px) {
    .apple-banner-outer .slick-next {
        left: 102px;
    }
}

@media (max-width: 576px) {
    .apple-banner-outer .slick-next {
        left: 75px;
    }
}

.apple-innner-banner {
    padding: 65px 0px 40px;
}

.apple-innner-banner .apple-inner-text h1 {
    font-family: "Montserrat", sans-serif;
    padding-bottom: 5px;
    color: #000;
    font-weight: bold;
    font-size: 80px;
    line-height: 120%;
    text-align: center;
}

@media screen and (max-width: 1399px) {
    .apple-innner-banner .apple-inner-text h1 {
        font-size: 70px;
    }
}

@media screen and (max-width: 1199px) {
    .apple-innner-banner .apple-inner-text h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 991px) {
    .apple-innner-banner .apple-inner-text h1 {
        font-size: 50px;
    }

    .apple-innner-banner .apple-inner-text h1 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .apple-innner-banner .apple-inner-text h1 {
        font-size: 40px;
    }
}

@media screen and (max-width: 576px) {
    .apple-innner-banner .apple-inner-text h1 {
        font-size: 30px;
    }
}

.apple-innner-banner .apple-inner-text h3 {
    font-size: 40px;
    line-height: 120%;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-align: center;
    color: #000;
}

@media screen and (max-width: 1199px) {
    .apple-innner-banner .apple-inner-text h3 {
        font-size: 36px;
    }
}

@media screen and (max-width: 991px) {
    .apple-innner-banner .apple-inner-text h3 {
        font-size: 30px;
    }

    .apple-innner-banner .apple-inner-text h3 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .apple-innner-banner .apple-inner-text h3 {
        font-size: 25px;
    }
}

@media screen and (max-width: 576px) {
    .apple-innner-banner .apple-inner-text h3 {
        font-size: 20px;
    }
}

.apple-innner-banner .apple-inner-text figure {
    padding: 100px 0px 50px;
}

.apple-innner-banner .apple-inner-text figure img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 1199px) {
    .apple-innner-banner .apple-inner-text figure {
        padding: 50px 0px 50px;
    }
}

.apple-innner-banner .apple-inner-text p {
    font-size: 22px;
    line-height: 138%;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    text-align: center;
    color: #000;
}

@media screen and (max-width: 1199px) {
    .apple-innner-banner .apple-inner-text p {
        font-size: 20px;
    }

    .apple-innner-banner .apple-inner-text p br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .apple-innner-banner .apple-inner-text p {
        font-size: 18px;
    }
}

@media screen and (max-width: 576px) {
    .apple-innner-banner .apple-inner-text p {
        font-size: 16px;
    }
}

.apple-innner-banner .apple-inner-text h4 {
    font-size: 30px;
    line-height: 138%;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-align: center;
    color: #000;
    padding-bottom: 8px;
}

@media screen and (max-width: 1199px) {
    .apple-innner-banner .apple-inner-text h4 {
        font-size: 26px;
    }
}

@media screen and (max-width: 991px) {
    .apple-innner-banner .apple-inner-text h4 {
        font-size: 25px;
    }
}

@media screen and (max-width: 767px) {
    .apple-innner-banner .apple-inner-text h4 {
        font-size: 22px;
    }
}

.apple-innner-banner.no-padding figure {
    padding: 0;
    padding-top: 15px;
    margin-bottom: 0;
}

.apple-header {
    padding: 40px 0px;
    background: url(../images/apple-lmages/header-bg.webp) no-repeat;
    background-size: 100% 100%;
}

.apple-header .apple-header-main {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}

.apple-header .apple-header-main .logo {
    display: flex;
    gap: 30px;
}

.apple-header .apple-header-main .logo a {
    width: auto;
}

.apple-header .apple-header-main .logo a img {
    max-width: 100%;
}

.apple-header .apple-header-main .nav {
    display: flex;
}

.apple-header .apple-header-main .nav ul {
    display: flex;
}

.apple-header .apple-header-main .nav ul li {
    /* padding: 0px 28px; */
    padding: 0px 14px;
}

.apple-header .apple-header-main .nav ul li a {
    font-size: 16px;
    color: #fff;
    text-decoration: unset;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

@media screen and (max-width: 991px) {
    .apple-header .apple-header-main .nav ul li a {
        color: #000;
    }
}

.apple-header .apple-header-main .nav ul li a:hover {
    color: #0080FF;
}

@media screen and (max-width: 1199px) {
    .apple-header .apple-header-main .nav ul li {
        padding: 0px 14px;
    }
}

@media screen and (max-width: 991px) {
    .apple-header .apple-header-main .nav ul li {
        width: 100%;
    }
}

.apple-header .apple-header-main .nav ul li.dropdown>a {
    background: url(../images/drop-down-arrow.svg) no-repeat right center !important;
    padding-right: 18px !important;
    background-size: 14px !important;
    position: relative;
}

@media screen and (max-width: 991px) {
    .apple-header .apple-header-main .nav ul {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 991px) {
    .apple-header .apple-header-main .nav #menu-header-menu {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .apple-header {
        padding: 11px 0px;
    }

    .apple-header .slicknav_menu .slicknav_btn {
        top: 24px;
        right: 15px;
    }

    .apple-header .slicknav_nav {
        top: 73px;
    }

    .apple-header .slicknav_nav .slicknav_arrow {
        display: none;
    }

    .apple-header .slicknav_nav .sub-menu {
        position: static !important;
        transform: unset !important;
        opacity: 1 !important;
        visibility: visible !important;
        background: none !important;
        border: none !important;
        padding: 5px 0 !important;
    }

    .apple-header .slicknav_nav .sub-menu li a {
        line-height: 20px;
    }
}

.apple-header.apple-header-white {
    background: none;
    position: relative;
}

.apple-header.apple-header-white .apple-header-main .nav ul li a {
    color: #000;
}

@media screen and (max-width: 991px) {
    .apple-header.apple-header-white .apple-header-main .nav ul li a {
        color: #000;
    }
}

.apple-header.apple-header-white .apple-header-main .nav ul li a:hover {
    color: #0080FF;
}

.apple-header.apple-header-white .apple-header-main .nav ul li.dropdown>a {
    background: url(../assest/new-apple-microsite/images/apple-lmages/drop-down-arrow-black.svg) no-repeat right center !important;
    background-size: 14px !important;
}

.apple-header.apple-header-white .slicknav_menu .slicknav_icon-bar {
    box-shadow: 0 1px 0 rgb(0, 0, 0);
}

.apple-header.apple-header-white.scrolled {
    position: fixed;
    background: #fff;
    box-shadow: 0px 5px 83px 0px rgba(0, 28, 65, 0.14);
}

.apple-header {
    /* padding: 40px 0px; */
    padding: 20px 0px;
    background: url(../images/apple-lmages/header-bg.webp) no-repeat;
    background-size: 100% 100%;
}

.apple-header .apple-header-main {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}

.apple-header .apple-header-main .logo {
    display: flex;
    gap: 30px;
}

.apple-header .apple-header-main .logo a {
    width: auto;
}

.apple-header .apple-header-main .logo a img {
    max-width: 100%;
}

.apple-header .apple-header-main .nav {
    display: flex;
}

.apple-header .apple-header-main .nav ul {
    display: flex;
}

.apple-header .apple-header-main .nav ul li {
    padding: 0px 14px;
}

.apple-header .apple-header-main .nav ul li a {
    font-size: 16px;
    color: #fff;
    text-decoration: unset;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

@media screen and (max-width: 991px) {
    .apple-header .apple-header-main .nav ul li a {
        color: #000;
    }
}

.apple-header .apple-header-main .nav ul li a:hover {
    color: #0080FF;
}

@media screen and (max-width: 1199px) {
    .apple-header .apple-header-main .nav ul li {
        padding: 0px 14px;
    }
}

@media screen and (max-width: 991px) {
    .apple-header .apple-header-main .nav ul li {
        width: 100%;
    }
}

.apple-header .apple-header-main .nav ul li.dropdown>a {
    background: url(../images/drop-down-arrow.svg) no-repeat right center !important;
    padding-right: 18px !important;
    background-size: 14px !important;
    position: relative;
}

@media screen and (max-width: 991px) {
    .apple-header .apple-header-main .nav ul {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 991px) {
    .apple-header .apple-header-main .nav #menu-header-menu {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .apple-header {
        padding: 11px 0px;
    }

    .apple-header .slicknav_menu .slicknav_btn {
        top: 24px;
        right: 15px;
    }

    .apple-header .slicknav_nav {
        top: 73px;
    }

    .apple-header .slicknav_nav .slicknav_arrow {
        display: none;
    }

    .apple-header .slicknav_nav .sub-menu {
        position: static !important;
        transform: unset !important;
        opacity: 1 !important;
        visibility: visible !important;
        background: none !important;
        border: none !important;
        padding: 5px 0 !important;
    }

    .apple-header .slicknav_nav .sub-menu li a {
        line-height: 20px;
    }
}

.apple-header.apple-header-white {
    background: none;
    position: relative;
}

.apple-header.apple-header-white .apple-header-main .nav ul li a {
    color: #000;
}

@media screen and (max-width: 991px) {
    .apple-header.apple-header-white .apple-header-main .nav ul li a {
        color: #000;
    }
}

.apple-header.apple-header-white .apple-header-main .nav ul li a:hover {
    color: #0080FF;
}

.apple-header.apple-header-white .apple-header-main .nav ul li.dropdown>a {
    background: url(../assest/new-apple-microsite/images/apple-lmages/drop-down-arrow-black.svg) no-repeat right center !important;
    background-size: 14px !important;
}

.apple-header.apple-header-white .slicknav_menu .slicknav_icon-bar {
    box-shadow: 0 1px 0 rgb(0, 0, 0);
}

.apple-header.apple-header-white.scrolled {
    position: fixed;
    background: #fff;
    box-shadow: 0px 5px 83px 0px rgba(0, 28, 65, 0.14);
}

.Zeroafi-header {
    position: static;
    background: #fff;
    padding: 20px 0px;
}

.Zeroafi-header .zero-header-main {
    display: flex;
    justify-content: space-between;
    padding: 20px 0px;
}

.Zeroafi-header .zero-header-main .nav ul {
    display: flex;
}

.Zeroafi-header .zero-header-main .nav ul li {
    padding: 0px 25px;
}

.Zeroafi-header .zero-header-main .nav ul li a {
    color: #4A5565;
    font-size: 16px;
    text-decoration: none;
}

.Zeroafi-header .zero-header-main .nav ul li a:hover {
    color: #2563EB;
}

@media screen and (max-width: 1023px) {
    .Zeroafi-header .zero-header-main .nav #menu-header-menu {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .Zeroafi-header .zero-header-main .nav {
        display: none;
    }
}

.Zeroafi-header .zero-header-main .slicknav_menu {
    height: auto;
    width: 52px;
    padding: 0;
    margin: 0;
    min-height: 41px;
}

.Zeroafi-header .zero-header-main .slicknav_menu .slicknav_icon-bar {
    background-color: #000;
    height: 4px;
}

.Zeroafi-header .zero-header-main .slicknav_menu .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: 4px;
}

.Zeroafi-header .zero-header-main .slicknav_menu .slicknav_btn {
    top: 30px;
}

@media screen and (max-width: 767px) {
    .Zeroafi-header .zero-header-main .slicknav_menu .slicknav_btn {
        right: 15px;
    }
}

@media screen and (max-width: 1023px) {
    .Zeroafi-header .zero-header-main {
        align-items: center;
        padding: 0px;
    }

    .Zeroafi-header .zero-header-main .slicknav_nav {
        z-index: 2;
    }

    .Zeroafi-header .zero-header-main .slicknav_nav li a:hover {
        color: #3378F2;
    }
}

@media screen and (max-width: 1023px) and (max-width: 767px) {
    .Zeroafi-header .zero-header-main .slicknav_nav {
        top: 80px;
    }
}

header.Zeroafi-header.scrolled {
    background: #fff;
    box-shadow: 0px 8px 20px 0px rgba(37, 99, 235, 0.1019607843);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

.Zeroafi-banner {
    overflow: hidden;
}

.Zeroafi-banner .Zeroafi-slide-row {
    position: relative;
}

.Zeroafi-banner .Zeroafi-slide-row figure {
    width: 100%;
    height: calc(100vh - 107px);
    display: flex;
    overflow: hidden;
    margin: 0px;
}

.Zeroafi-banner .Zeroafi-slide-row figure img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 100%;
    height: 100%;
}

.Zeroafi-banner .Zeroafi-slide-row figure video {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 100%;
    height: 100%;
}

@media screen and (max-width: 991px) {
    .Zeroafi-banner .Zeroafi-slide-row figure video {
        -o-object-position: right;
        object-position: right;
    }
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0px;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 100%;
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .container {
    display: flex;
}

@media screen and (max-width: 767px) {
    .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .container {
        flex-wrap: wrap;
    }
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left {
    width: 50%;
    opacity: 0;
    transform: translateX(-50px);
    transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0.8s ease-in-out;
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left label {
    background: rgba(255, 255, 255, 0.9);
    padding: 9px 17px;
    border-radius: 24px;
    display: flex;
    max-width: 253px;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    color: #364153;
    margin-bottom: 35px;
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left label img {
    display: inline-block;
    margin-right: 5px;
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left label span {
    background: rgba(37, 99, 235, 0.1);
    font-size: 12px;
    color: #2563EB;
    line-height: 16px;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 24px;
    margin-left: 5px;
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left h2 {
    font-size: 50px;
    line-height: 60px;
    font-family: "Graphik Bold";
    color: #fff;
    padding-bottom: 10px;
}

@media screen and (max-width: 1399px) {
    .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left h2 {
        font-size: 45px;
        line-height: 55px;
    }
}

@media screen and (max-width: 1199px) {
    .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left h2 br {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left h2 {
        font-size: 30px;
        line-height: 35px;
    }
}

@media screen and (max-width: 767px) {
    .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left h2 {
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2), 1px -1px 0 rgba(0, 0, 0, 0.2), -1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, 0.2);
    }
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left p {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
}

@media screen and (max-width: 1199px) {
    .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left p br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left p {
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2), 1px -1px 0 rgba(0, 0, 0, 0.2), -1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, 0.2);
    }
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn {
    display: flex;
    gap: 16px;
    margin-top: 50px;
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .book-demo {
    padding: 14px 19px;
    background: #2563EB;
    border-radius: 13px;
    font-family: "Graphik Medium";
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    border: 1px solid #2563EB;
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .book-demo img {
    display: inline-block;
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .book-demo:hover {
    background: transparent;
}

@media screen and (max-width: 576px) {
    .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .book-demo {
        padding: 9px 19px;
    }
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .video-demo {
    padding: 14px 19px;
    background: #fff;
    border-radius: 13px;
    font-family: "Graphik Medium";
    color: #364153;
    text-decoration: none;
    display: flex;
    align-items: center;
    border: 1px solid #fff;
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .video-demo img {
    display: inline-block;
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .video-demo:hover {
    background: transparent;
    color: #fff;
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .video-demo:hover img {
    filter: brightness(0) invert(100);
}

@media screen and (max-width: 576px) {
    .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .video-demo {
        padding: 9px 19px;
    }
}

@media screen and (max-width: 767px) {
    .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left {
        width: 100%;
    }
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-right {
    width: 50%;
    padding-left: 50px;
    opacity: 0;
    transform: translateX(50px);
    transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0.8s ease-in-out;
}

.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-right img {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-right {
        width: 100%;
        padding-left: 0px;
        display: none;
    }
}

.Zeroafi-banner .Zeroafi-slide-row.slick-current .Zeroafi-slide-text-outer .Zeroafi-left {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

.Zeroafi-banner .Zeroafi-slide-row.slick-current .Zeroafi-slide-text-outer .Zeroafi-right {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

.who-we-are {
    padding: 0px 0 0 0;
    position: relative;
    height: 100vh;
}

.who-we-are .head span {
    text-transform: uppercase;
}

.who-we-are figure {
    position: relative;
    margin-bottom: 0;
    display: flex;
    height: 100%;
}

.who-we-are figure video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 1024px) {
    .who-we-are figure video {
        -o-object-position: right;
        object-position: right;
    }
}

@media screen and (max-width: 576px) {
    .who-we-are figure video {
        -o-object-position: left;
        object-position: left;
    }
}

.who-we-are figure figcaption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.who-we-are figure figcaption .container {
    display: flex;
    align-items: center;
    height: 100%;
}

.who-we-are figure figcaption .container .who-we-are-left {
    width: 50%;
    padding-right: 0px;
    position: relative;
}

.who-we-are figure figcaption .container .who-we-are-left .head {
    padding-bottom: 0;
    text-align: left;
}

.who-we-are figure figcaption .container .who-we-are-left .head span {
    color: #fff;
}

.who-we-are figure figcaption .container .who-we-are-left .head p {
    line-height: 24px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

@media screen and (max-width: 1399px) {
    .who-we-are figure figcaption .container .who-we-are-left .head p {
        font-size: 16px;
        line-height: 26px;
    }
}

@media screen and (max-width: 600px) {
    .who-we-are figure figcaption .container .who-we-are-left .head p {
        font-size: 16px;
        line-height: 26px;
    }
}

.who-we-are figure figcaption .container .who-we-are-left .head h1 {
    color: #fff;
}

@media screen and (max-width: 1399px) {
    .who-we-are figure figcaption .container .who-we-are-left .head h1 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .who-we-are figure figcaption .container .who-we-are-left .head h1 {
        font-size: 28px;
        line-height: 38px;
    }
}

.who-we-are figure figcaption .container .who-we-are-left .head h3 {
    color: #fff;
    font-family: "Graphik Medium";
    font-size: 28px;
    line-height: 38px;
    text-transform: inherit;
}

@media screen and (max-width: 1399px) {
    .who-we-are figure figcaption .container .who-we-are-left .head h3 {
        line-height: 33px;
        font-size: 25px;
    }
}

@media screen and (max-width: 600px) {
    .who-we-are figure figcaption .container .who-we-are-left .head h3 {
        font-size: 22px;
        line-height: 30px;
    }
}

.who-we-are figure figcaption .container .who-we-are-left .head .know-more {
    width: 250px;
    margin-top: 26px;
}

.who-we-are figure figcaption .container .who-we-are-left .head .know-more a.learn-more {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.who-we-are figure figcaption .container .who-we-are-left .head .know-more a.learn-more img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.who-we-are figure figcaption .container .who-we-are-left .head .know-more a.learn-more:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.who-we-are figure figcaption .container .who-we-are-left .head .know-more a.learn-more:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 1199px) {
    .who-we-are figure figcaption .container .who-we-are-left {
        width: 55%;
    }
}

@media screen and (max-width: 767px) {
    .who-we-are figure figcaption .container .who-we-are-left {
        width: 100%;
        order: 2;
        padding-right: 0;
    }
}

.who-we-are figure figcaption .container .who-we-are-left ul {
    display: flex;
    margin-top: 50px;
    max-width: 648px;
}

.who-we-are figure figcaption .container .who-we-are-left ul li {
    padding: 0 0 0 50px;
    border-radius: 0px;
    position: relative;
    z-index: 1;
    border-right: 1px solid #d7d7d7;
    min-width: 190px;
    max-width: 190px;
}

.who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content .count-digit {
    color: #06ABBF;
    font-size: 40px;
    font-family: "Graphik semibold";
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

@media screen and (max-width: 1399px) {
    .who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content .count-digit {
        font-size: 30px;
    }
}

@media screen and (max-width: 991px) {
    .who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content .count-digit {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    .who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content .count-digit {
        font-size: 25px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    }
}

.who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content span {
    color: #06ABBF;
    font-size: 40px;
    font-family: "Graphik semibold";
}

@media screen and (max-width: 991px) {
    .who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content span {
        font-size: 25px;
    }
}

@media screen and (max-width: 767px) {
    .who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content span {
        font-size: 20px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    }
}

.who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content .count-title {
    color: #fff;
    font-size: 24px;
    width: 100%;
    text-align: start;
}

@media screen and (max-width: 767px) {
    .who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content .count-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 1450px) {
    .who-we-are figure figcaption .container .who-we-are-left ul li {
        padding-left: 36px;
        min-width: 175px;
        max-width: 175px;
    }
}

@media screen and (max-width: 767px) {
    .who-we-are figure figcaption .container .who-we-are-left ul li {
        min-width: 140px;
        max-width: 140px;
    }
}

.who-we-are figure figcaption .container .who-we-are-left ul li:nth-child(2) {
    min-width: 239px;
    max-width: 239px;
}

@media screen and (max-width: 1450px) {
    .who-we-are figure figcaption .container .who-we-are-left ul li:nth-child(2) {
        min-width: 205px;
        max-width: 205px;
    }
}

@media screen and (max-width: 767px) {
    .who-we-are figure figcaption .container .who-we-are-left ul li:nth-child(2) {
        min-width: 181px;
        max-width: 181px;
    }
}

.who-we-are figure figcaption .container .who-we-are-left ul li:last-child {
    border-right: none;
    width: 210px;
}

.who-we-are figure figcaption .container .who-we-are-left ul li:first-child {
    padding-left: 0;
}

@media screen and (max-width: 576px) {
    .who-we-are figure figcaption .container .who-we-are-left ul li {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        padding-bottom: 15px;
        border: none;
        padding-left: 0px;
    }
}

@media screen and (max-width: 576px) {
    .who-we-are figure figcaption .container .who-we-are-left ul {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1450px) {
    .who-we-are figure figcaption .container .who-we-are-left ul {
        margin-top: 35px;
    }
}

@media screen and (max-width: 991px) {
    .who-we-are figure figcaption .container .who-we-are-left {
        width: 100%;
    }
}

.who-we-are figure figcaption .container .who-we-are-right {
    width: 45%;
    position: relative;
}

.who-we-are figure figcaption .container .who-we-are-right figure {
    margin-bottom: 0;
    padding-left: 100px;
}

.who-we-are figure figcaption .container .who-we-are-right figure img {
    width: 100%;
}

@media screen and (max-width: 991px) {
    .who-we-are figure figcaption .container .who-we-are-right figure {
        padding-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .who-we-are figure figcaption .container .who-we-are-right {
        width: 100%;
        order: 1;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 767px) {
    .who-we-are figure figcaption .container {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 576px) {
    .who-we-are {
        height: 900px;
    }
}

.our-solutions {
    background: url(../images/our-solution-bg.webp) no-repeat;
    padding: 50px 0 45px 0;
    background-size: cover;
}

.our-solutions .head {
    padding-bottom: 20px;
}

.our-solutions .head span {
    color: #000000;
}

.our-solutions .head h2 {
    color: #000000;
}

@media screen and (max-width: 1399px) {
    .our-solutions .head h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .our-solutions .head h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .our-solutions .head h2 br {
        display: none;
    }
}

.our-solutions .row {
    justify-content: center;
}

.our-solutions .solution-box {
    margin-bottom: 20px;
    width: 25%;
}

.our-solutions .solution-box figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
}

.our-solutions .solution-box figure img {
    width: 100%;
}

.our-solutions .solution-box figure figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 25px;
    background: transparent;
}

.our-solutions .solution-box figure figcaption h3 {
    color: #fff;
    font-size: 37px;
    line-height: 115%;
    font-family: "Graphik Semibold";
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    transition: all 0.5s;
}

.our-solutions .solution-box figure figcaption h3 i {
    margin-top: 5px;
    display: none;
}

@media screen and (max-width: 1399px) {
    .our-solutions .solution-box figure figcaption h3 {
        font-size: 34px;
    }
}

@media screen and (max-width: 767px) {
    .our-solutions .solution-box figure figcaption h3 {
        font-size: 22px;
        line-height: 28px;
    }
}

@media screen and (max-width: 576px) {
    .our-solutions .solution-box figure figcaption h3 {
        font-size: 28px;
        line-height: 35px;
    }
}

.our-solutions .solution-box figure figcaption p {
    opacity: 0;
    visibility: hidden;
    font-size: 16px;
    line-height: 26px;
    transition: opacity 2s;
    margin-bottom: 0;
}

@media screen and (max-width: 1450px) {
    .our-solutions .solution-box figure figcaption p {
        line-height: 23px;
    }
}

@media screen and (max-width: 1281px) {
    .our-solutions .solution-box figure figcaption p {
        font-size: 14px;
        line-height: 22px;
    }
}

.our-solutions .solution-box figure figcaption ul {
    opacity: 0;
    list-style: disc;
    padding-left: 17px;
}

.our-solutions .solution-box figure figcaption ul li {
    font-size: 16px;
    line-height: 26px;
    transition: opacity 2s;
}

.our-solutions .solution-box figure figcaption a.learn-more {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    opacity: 0;
}

.our-solutions .solution-box figure figcaption a.learn-more img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.our-solutions .solution-box figure figcaption a.learn-more:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.our-solutions .solution-box figure figcaption a.learn-more:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 1399px) {
    .our-solutions .solution-box figure figcaption {
        padding: 20px;
    }
}

.our-solutions .solution-box figure .layer {
    z-index: 1;
    position: absolute;
    top: 100%;
    height: 100%;
    width: 100%;
    left: 0;
    background-size: cover;
    transition: 0.5s;
}

.our-solutions .solution-box figure:hover figcaption {
    z-index: 2;
}

.our-solutions .solution-box figure:hover figcaption h3 {
    color: #fff;
    font-size: 22px;
}

.our-solutions .solution-box figure:hover figcaption h3 i {
    color: #fff;
}

.our-solutions .solution-box figure:hover figcaption p {
    opacity: 1;
    visibility: visible;
    color: #fff;
}

.our-solutions .solution-box figure:hover figcaption ul {
    opacity: 1;
    visibility: visible;
}

.our-solutions .solution-box figure:hover figcaption ul li {
    color: #fff;
}

.our-solutions .solution-box figure:hover figcaption a {
    opacity: 1;
    visibility: visible;
    position: absolute;
    bottom: 23px;
    left: 25px;
}

@media screen and (max-width: 1399px) {
    .our-solutions .solution-box figure:hover figcaption a {
        left: 20px;
    }
}

.our-solutions .solution-box figure:hover .layer {
    top: 0;
}

@media screen and (max-width: 1199px) {
    .our-solutions .solution-box {
        width: 33.33%;
    }
}

@media screen and (max-width: 991px) {
    .our-solutions .solution-box {
        width: 50%;
    }
}

@media screen and (max-width: 576px) {
    .our-solutions .solution-box {
        width: 100%;
    }

    .our-solutions .solution-box:last-child {
        margin-bottom: 0px;
    }
}

.our-solutions .view-more {
    text-align: center;
    margin-top: 40px;
}

.our-solutions .view-more a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.our-solutions .view-more a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.our-solutions .view-more a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.our-solutions .view-more a:hover img {
    margin-left: 10px;
}

.our-solutions .three-box-row .solution-box {
    width: 29%;
}

@media screen and (max-width: 991px) {
    .our-solutions .three-box-row .solution-box {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .our-solutions .three-box-row .solution-box {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .our-solutions .three-box-row .solution-box {
        width: 100%;
    }
}

.industry-reach {
    padding: 70px 0;
    background: #0E081D;
    overflow: hidden;
    position: relative;
}

.industry-reach .head {
    position: relative;
    z-index: 1;
}

.industry-reach .head span {
    text-align: left;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 0px;
}

@media screen and (max-width: 435px) {
    .industry-reach .head span {
        text-align: center;
    }
}

.industry-reach .head h2 {
    color: #fff;
    text-align: left;
    font-size: 102px;
    line-height: 102px;
}

@media screen and (max-width: 1399px) {
    .industry-reach .head h2 {
        font-size: 95px;
        line-height: 95px;
    }
}

@media screen and (max-width: 1024px) {
    .industry-reach .head h2 {
        font-size: 85px;
        line-height: 85px;
    }
}

@media screen and (max-width: 991px) {
    .industry-reach .head h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .industry-reach .head h2 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .industry-reach .head h2 {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .industry-reach .head {
        width: 100%;
    }
}

.industry-reach ul {
    gap: 20px 28px;
}

.industry-reach ul li {
    width: calc(33.33% - 20px);
    margin-bottom: 0px;
    padding: 20px;
    border-radius: 40px;
    background: url(../images/reaserch-img-bg.webp) no-repeat;
    background-size: 100% 100%;
    min-height: 214px;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    position: relative;
    z-index: 1;
}

.industry-reach ul li figure {
    width: 100%;
    margin-bottom: 0px;
    margin-top: 20px;
}

.industry-reach ul li figure span {
    max-width: 65px;
    height: 65px;
    display: flex;
    margin: 0 auto;
    align-items: flex-end;
    justify-content: center;
}

.industry-reach ul li figure span img {
    max-width: 100%;
}

.industry-reach ul li figure figcaption {
    display: flex;
    margin-top: 10px;
}

.industry-reach ul li figure figcaption a {
    color: #fff;
    text-decoration: none;
    font-family: "Graphik Semibold";
    display: flex;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 20px;
    line-height: 140%;
    justify-content: center;
}

@media screen and (max-width: 992px) {
    .industry-reach ul li figure figcaption a {
        font-size: 18px;
    }
}

@media screen and (max-width: 576px) {
    .industry-reach ul li figure figcaption a {
        font-size: 16px;
    }
}

.industry-reach ul li:hover {
    background: url(../images/reaserch-img-bg-hover.webp) no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 1399px) {
    .industry-reach ul li {
        min-height: 200px;
    }
}

@media screen and (max-width: 1024px) {
    .industry-reach ul li {
        min-height: 200px;
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 991px) {
    .industry-reach ul li {
        min-height: 257px;
    }
}

@media screen and (max-width: 767px) {
    .industry-reach ul li {
        width: 228px;
        min-height: 200px;
    }
}

@media screen and (max-width: 767px) {
    .industry-reach ul {
        justify-content: center;
    }
}

.industry-reach::before {
    background: url(../images/research-after.webp) no-repeat;
    width: 570px;
    height: 450px;
    left: 0px;
    bottom: 0px;
    content: "";
    position: absolute;
}

.partners {
    padding: 70px 0;
    background: url(../images/partner-bg.webp) no-repeat;
    background-size: cover;
}

.partners .head {
    padding-bottom: 20px;
}

@media screen and (max-width: 1399px) {
    .partners .head h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .partners .head h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .partners .head h2 br {
        display: none;
    }
}

.partners .marquee {
    display: flex;
    gap: 34px 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.partners .marquee .image-box {
    box-shadow: 0px 2px 4px -2px rgba(24, 39, 75, 0.0196078431);
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(14.28% - 10px);
    min-height: 85px;
    padding: 5px;
}

.partners .marquee .image-box img {
    max-width: 100%;
    max-height: 100%;
}

@media screen and (max-width: 992px) {
    .partners .marquee .image-box {
        width: calc(20% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .partners .marquee .image-box {
        height: 70px;
        width: calc(33.33% - 10px);
    }
}

@media screen and (max-width: 576px) {
    .partners .marquee .image-box {
        width: calc(50% - 10px);
    }
}

.partners .marquee .image-box:hover {
    box-shadow: 0px 16px 18px 5px rgba(212, 250, 255, 0.6901960784);
    border-color: #61DEEE;
}

@media screen and (max-width: 991px) {
    .partners .marquee {
        gap: 10px;
    }
}

.insight-outer {
    padding: 55px 0px 80px;
    background: #000816;
}

.insight-outer .head {
    padding-bottom: 20px;
}

.insight-outer .head h2 {
    color: #fff;
}

.insight-outer .head p {
    color: #fff;
}

.insight-outer .head span {
    color: #fff;
}

.insight-outer .insight-main {
    display: flex;
    align-items: flex-start;
}

.insight-outer .insight-main .insight-left {
    width: 60%;
    padding-right: 30px;
}

.insight-outer .insight-main .insight-left figure {
    height: 452px;
    display: flex;
    border-radius: 16px;
    padding: 1px;
    margin-bottom: 30px;
    border-radius: 16px;
    background: linear-gradient(293.41deg, rgba(255, 255, 255, 0.5) 16.62%, rgba(190, 235, 241, 0.2) 31.35%, rgba(98, 206, 222, 0.1) 56.21%, rgba(0, 175, 202, 0.5) 82.8%);
}

.insight-outer .insight-main .insight-left figure a {
    display: flex;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}

.insight-outer .insight-main .insight-left figure img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
    background: transparent;
    transition: all 0.5s;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(to right, #00afca, #62cede);
}

.insight-outer .insight-main .insight-left figure:hover img {
    transform: scale(1.1);
}

@media screen and (max-width: 1450px) {
    .insight-outer .insight-main .insight-left figure {
        height: 380px;
    }
}

@media screen and (max-width: 576px) {
    .insight-outer .insight-main .insight-left figure {
        height: 300px;
    }
}

.insight-outer .insight-main .insight-left h3 {
    font-size: 26px;
    line-height: 124%;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
}

.insight-outer .insight-main .insight-left h3 a {
    text-decoration: unset;
    color: #fff;
}

.insight-outer .insight-main .insight-left h3 a:hover {
    color: #1EC9F2;
}

@media screen and (max-width: 1199px) {
    .insight-outer .insight-main .insight-left h3 {
        font-size: 22px;
    }
}

.insight-outer .insight-main .insight-left p {
    color: #fff;
    margin-bottom: 0px;
}

.insight-outer .insight-main .insight-left p a {
    text-decoration: unset;
    color: #fff;
}

.insight-outer .insight-main .insight-left p a:hover {
    color: #1EC9F2;
}

@media screen and (max-width: 991px) {
    .insight-outer .insight-main .insight-left {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 30px;
    }
}

.insight-outer .insight-main .insight-right {
    width: 40%;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.insight-outer .insight-main .insight-right .insight-title {
    padding-left: 30px;
}

.insight-outer .insight-main .insight-right .insight-title h3 {
    font-size: 30px;
    font-family: "Graphik Semibold";
    background: url(../images/insight-tile-bg.webp) no-repeat;
    background-size: cover;
    border-radius: 12px;
    padding: 30px 68px;
    display: flex;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1450px) {
    .insight-outer .insight-main .insight-right .insight-title h3 {
        font-size: 25px;
        padding: 30px 60px;
    }
}

@media screen and (max-width: 600px) {
    .insight-outer .insight-main .insight-right .insight-title h3 {
        padding: 15px;
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .insight-outer .insight-main .insight-right .insight-title {
        padding-left: 20px;
    }
}

@media screen and (max-width: 991px) {
    .insight-outer .insight-main .insight-right .insight-title {
        padding-left: 0px;
    }
}

.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx {
    display: flex;
    padding: 25px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx figure {
    min-width: 184px;
    margin-bottom: 0px;
    overflow: hidden;
    border-radius: 8px;
    display: flex;
    max-width: 184px;
}

.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx figure a {
    display: flex;
}

.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx figure a img {
    width: 100%;
    transition: all 0.5s;
    border-radius: 8px;
}

.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx figure:hover img {
    transform: scale(1.1);
}

@media screen and (max-width: 1450px) {
    .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx figure {
        min-width: 150px;
        max-width: 150px;
    }
}

@media screen and (max-width: 1199px) {
    .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx figure {
        min-width: 115px;
        max-width: 115px;
    }
}

.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx .insight-content {
    width: 100%;
    padding-left: 23px;
    display: flex;
    align-items: center;
}

.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx .insight-content p {
    font-size: 18px;
    line-height: 130%;
    color: #fff;
    font-family: "Graphik Medium";
    margin: 0px;
}

.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx .insight-content p a {
    text-decoration: none;
    color: #fff;
}

.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx .insight-content p a:hover {
    color: #1EC9F2;
}

@media screen and (max-width: 1199px) {
    .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx .insight-content p {
        font-size: 17px;
    }
}

@media screen and (max-width: 991px) {
    .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx .insight-content p {
        font-size: 16px;
    }
}

.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

@media screen and (max-width: 1199px) {
    .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx {
        align-items: flex-start;
    }
}

@media screen and (max-width: 1024px) {
    .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx {
        padding: 20px;
    }
}

@media screen and (max-width: 991px) {
    .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx {
        padding: 20px 0px;
    }
}

@media screen and (max-width: 991px) {
    .insight-outer .insight-main .insight-right {
        width: 100%;
        border-left: none;
    }
}

@media screen and (max-width: 991px) {
    .insight-outer .insight-main {
        flex-wrap: wrap;
    }
}

.CSR {
    background: url(../images/csr-bg.webp) left top no-repeat;
    background-size: cover;
    padding: 50px 0 50px 0;
    z-index: 2;
    position: relative;
}

.CSR .head {
    padding-bottom: 30px;
}

.CSR .head h2 {
    color: #fff;
}

@media screen and (max-width: 1399px) {
    .CSR .head h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .CSR .head h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .CSR .head h2 br {
        display: none;
    }
}

.CSR .head p {
    color: #fff;
}

.CSR .head span {
    color: #fff;
}

.CSR .video-section {
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
    padding-top: 100px;
}

.CSR .video-section .video-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    transition: width 0.3s ease;
}

.CSR .video-section .video-box figure {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.CSR .video-section .video-box figure img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-height: 100%;
}

@media screen and (max-width: 991px) {
    .CSR .video-section .video-box {
        position: static;
        width: 100% !important;
    }
}

.CSR .video-section .text-box-main {
    position: absolute;
    bottom: -150px;
    right: 0;
    width: 50%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease;
}

.CSR .video-section .text-box-main figure img {
    width: 100%;
}

.CSR .video-section .text-box-main .text-box {
    padding: 0 10%;
}

.CSR .video-section .text-box-main .text-box h3 {
    font-family: "Graphik Bold";
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    padding-bottom: 15px;
}

@media screen and (max-width: 991px) {
    .CSR .video-section .text-box-main .text-box h3 {
        font-size: 24px;
        line-height: 34px;
    }
}

@media screen and (max-width: 767px) {
    .CSR .video-section .text-box-main .text-box h3 {
        font-size: 20px;
        line-height: 30px;
    }
}

.CSR .video-section .text-box-main .text-box p {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}

@media screen and (max-width: 767px) {
    .CSR .video-section .text-box-main .text-box p {
        font-size: 16px;
        line-height: 26px;
    }
}

.CSR .video-section .text-box-main .text-box a.learn-more {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.CSR .video-section .text-box-main .text-box a.learn-more img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.CSR .video-section .text-box-main .text-box a.learn-more:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.CSR .video-section .text-box-main .text-box a.learn-more:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .CSR .video-section .text-box-main .text-box {
        padding: 0px;
    }
}

@media screen and (max-width: 991px) {
    .CSR .video-section .text-box-main {
        position: static;
        width: 100% !important;
        padding: 0px;
    }
}

@media screen and (max-width: 1399px) {
    .CSR .video-section {
        height: 80vh;
        padding-top: 80px;
    }
}

@media screen and (max-width: 991px) {
    .CSR .video-section {
        height: auto;
        padding: 0;
        width: 100%;
        margin: 0;
    }
}

.we_appin {
    background-color: #fff;
    min-height: 100vh;
    width: 100%;
    position: relative;
    z-index: 1;
}

.we_appin .app_zm_panel {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.we_appin .app_zm_panel .we_r {
    text-align: center;
    color: #1a1818;
    font-size: 35px;
    position: absolute;
    left: 50%;
    font-weight: 400;
    top: 28vh;
    z-index: 3;
    transform: translateX(-50%);
}

@media (max-width: 991px) {
    .we_appin .app_zm_panel .we_r {
        top: 34px;
    }
}

.we_appin .app_zm_panel .we_appi_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100vh;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.we_appin .app_zm_panel .we_appi_wrap .appi_zm_video {
    width: 100vw;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.we_appin .app_zm_panel .appinventiv_msk {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.we_appin .app_zm_panel .appinventiv_msk .appinventiv_img_mast {
    backface-visibility: hidden;
    height: 100%;
    transform-origin: 50.36% center;
}

.we_appin .app_zm_panel .appinventiv_msk .appinventiv_img_mast img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 991px) {
    .we_appin .app_zm_panel .appinventiv_msk .appinventiv_img_mast img {
        display: none;
    }
}

.contact-us {
    padding: 50px 0;
    background: #000 url(../images/contact-bg.jpg) left top no-repeat;
    background-size: cover;
    z-index: 2;
    position: relative;
}

.contact-us .head.head-top {
    padding-bottom: 30px;
    max-width: 100%;
}

.contact-us .head.head-top h2 {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .contact-us .head.head-top {
        padding-bottom: 0px;
    }
}

.contact-us .head {
    max-width: 411px;
    padding-top: 10px;
}

.contact-us .head span {
    text-align: left;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

.contact-us .head h2 {
    text-align: left;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    padding-bottom: 8px;
}

.contact-us .head p {
    text-align: left;
    color: #fff;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

@media screen and (max-width: 991px) {
    .contact-us .head p {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .contact-us .head p {
        padding-right: 0px;
    }
}

.contact-us .head ul li {
    margin-right: 15px;
}

.contact-us .head ul li a {
    color: #fff;
}

.contact-us .head ul li a:hover {
    color: #0FACB8;
}

@media screen and (max-width: 991px) {
    .contact-us .head {
        max-width: 100%;
    }
}

.contact-us .head.head2 {
    max-width: 100%;
}

.contact-us .head.head2 span {
    text-align: center;
    color: #fff;
}

.contact-us .head.head2 h2 {
    text-align: center;
    color: #fff;
}

@media screen and (max-width: 991px) {
    .contact-us .head.head2 h2 {
        font-size: 28px;
    }
}

.contact-us .contact-form {
    max-width: 491px;
}

.contact-us .contact-form h2 {
    color: #fff;
    font-size: 40px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    margin-bottom: 25px;
}

@media screen and (max-width: 991px) {
    .contact-us .contact-form h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }
}

.contact-us .contact-form form .form-row {
    margin-bottom: 15px;
}

.contact-us .contact-form form .form-row .form-group {
    padding: 0px;
    position: relative;
}

.contact-us .contact-form form .form-row .form-group p {
    margin-bottom: 0px;
    line-height: 0;
}

.contact-us .contact-form form .form-row .form-group input {
    width: 100%;
    height: 53px;
    color: #000;
    border: 1px solid #DADADA;
    padding: 0 15px;
    border-radius: 17px;
    box-shadow: none;
    font-family: "Open Sans";
    box-shadow: none !important;
    outline: none;
}

.contact-us .contact-form form .form-row .form-group input::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.contact-us .contact-form form .form-row .form-group input::placeholder {
    color: #000;
    opacity: 1;
}

.contact-us .contact-form form .form-row .form-group select {
    width: 100%;
    height: 53px;
    border: 1px solid #DADADA;
    padding: 0 15px;
    border-radius: 17px;
    background: #fff url(../images/select-arrow.png) no-repeat 98% center;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    box-shadow: none !important;
    outline: none;
}

.contact-us .contact-form form .form-row .form-group select:valid {
    color: #000;
}

.contact-us .contact-form form .form-row .form-group textarea {
    width: 100%;
    height: 130px;
    resize: none;
    border: 1px solid #DADADA;
    color: #000;
    padding: 15px;
    border-radius: 17px;
    box-shadow: none;
    box-shadow: none !important;
    outline: none;
    line-height: normal;
}

.contact-us .contact-form form .form-row .form-group textarea::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.contact-us .contact-form form .form-row .form-group textarea::placeholder {
    color: #000;
    opacity: 1;
}

.contact-us .contact-form form .form-row .form-group .wpcf7-not-valid-tip {
    margin-top: 5px;
    line-height: normal;
    color: #fff;
    display: none;
}

@media screen and (max-width: 991px) {
    .contact-us .contact-form form .form-row {
        flex-wrap: wrap;
    }
}

.contact-us .contact-form form .form-row .wpcf7-spinner {
    position: absolute;
}

.contact-us .contact-form form input[type=submit] {
    background: #9266FD;
    width: 194px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    transition: all 0.3s;
    border: none;
    color: #fff;
    border-radius: 17px;
}

.contact-us .contact-form form input[type=submit]:hover {
    background: #fff;
    color: #9266FD;
}

@media screen and (max-width: 991px) {
    .contact-us .contact-form {
        padding: 35px 0px 15px 0px;
        max-width: 100%;
        padding-top: 0;
    }
}

.contact-us .contact-form .wpcf7 .screen-reader-response {
    position: static;
    width: 100%;
    height: auto;
    clip-path: unset;
    clip: unset;
}

.contact-us .contact-form .wpcf7 .screen-reader-response p {
    color: #fff;
    font-weight: var(--tp-fw-sbold);
}

.contact-us .contact-form .wpcf7 .screen-reader-response ul {
    display: none;
}

@media screen and (max-width: 991px) {
    .contact-us .col-lg-6.col-md-6.col-sm-6.col-xs-12 {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.solution-banner-outer {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.solution-banner-outer .solution-main {
    text-align: center;
}

.solution-banner-outer .solution-main h1 {
    font-size: 100px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 99%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .solution-banner-outer .solution-main h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .solution-banner-outer .solution-main h1 {
        font-size: 70px;
    }
}

@media screen and (max-width: 767px) {
    .solution-banner-outer .solution-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 600px) {
    .solution-banner-outer .solution-main h1 {
        font-size: 45px;
    }
}

.solution-banner-outer .solution-main h3 {
    font-size: 55px;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .solution-banner-outer .solution-main h3 {
        font-size: 45px;
    }
}

@media screen and (max-width: 1199px) {
    .solution-banner-outer .solution-main h3 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .solution-banner-outer .solution-main h3 {
        font-size: 35px;
    }
}

@media screen and (max-width: 600px) {
    .solution-banner-outer .solution-main h3 {
        font-size: 25px;
    }

    .solution-banner-outer .solution-main h3 br {
        display: none;
    }
}

.solution-banner-outer .solution-main p {
    font-size: 25px;
    color: #fff;
    font-family: "Graphik Medium";
    line-height: 150%;
}

@media screen and (max-width: 1450px) {
    .solution-banner-outer .solution-main p {
        font-size: 22px;
    }
}

@media screen and (max-width: 600px) {
    .solution-banner-outer .solution-main p {
        font-size: 17px;
    }

    .solution-banner-outer .solution-main p br {
        display: none;
    }
}

.solution-banner-outer .solution-main a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.solution-banner-outer .solution-main a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.solution-banner-outer .solution-main a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.solution-banner-outer .solution-main a:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .solution-banner-outer {
        padding: 100px 0px 30px;
        background-size: cover !important;
    }
}

.solution-aws-banner {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.solution-aws-banner .solution-main {
    text-align: center;
    display: flex;
    align-items: center;
}

.solution-aws-banner .solution-main .solution-left {
    width: 50%;
    text-align: left;
    position: relative;
    z-index: 1;
}

.solution-aws-banner .solution-main .solution-left h1 {
    font-size: 95px;
    color: #000;
    font-family: "Graphik Semibold";
    line-height: 99%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .solution-aws-banner .solution-main .solution-left h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .solution-aws-banner .solution-main .solution-left h1 {
        font-size: 70px;
    }
}

@media screen and (max-width: 767px) {
    .solution-aws-banner .solution-main .solution-left h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 600px) {
    .solution-aws-banner .solution-main .solution-left h1 {
        font-size: 45px;
    }
}

.solution-aws-banner .solution-main .solution-left h2 {
    font-size: 36px;
    color: #000;
    font-family: "Graphik Medium";
    padding-bottom: 10px;
    line-height: 129%;
}

@media screen and (max-width: 1199px) {
    .solution-aws-banner .solution-main .solution-left h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 991px) {
    .solution-aws-banner .solution-main .solution-left h2 {
        font-size: 25px;
    }
}

@media screen and (max-width: 600px) {
    .solution-aws-banner .solution-main .solution-left h2 {
        font-size: 20px;
    }
}

.solution-aws-banner .solution-main .solution-left p {
    font-size: 22px;
    color: #000;
    font-family: "Graphik Regular";
}

@media screen and (max-width: 1450px) {
    .solution-aws-banner .solution-main .solution-left p {
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {
    .solution-aws-banner .solution-main .solution-left p {
        font-size: 17px;
    }
}

.solution-aws-banner .solution-main .solution-left a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.solution-aws-banner .solution-main .solution-left a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.solution-aws-banner .solution-main .solution-left a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.solution-aws-banner .solution-main .solution-left a:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .solution-aws-banner .solution-main .solution-left {
        width: 100%;
    }
}

.solution-aws-banner .solution-main .solution-right-image {
    width: 50%;
}

.solution-aws-banner .solution-main .solution-right-image img {
    width: 100%;
}

@media screen and (max-width: 991px) {
    .solution-aws-banner .solution-main .solution-right-image {
        width: 200px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .solution-aws-banner .solution-main {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 991px) {
    .solution-aws-banner {
        padding: 100px 0px 30px;
        background-size: cover !important;
    }
}

.solution-azure-banner {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: cover !important;
    display: flex;
    align-items: center;
    background-position: right !important;
}

.solution-azure-banner .solution-main {
    text-align: center;
    display: flex;
    align-items: center;
}

.solution-azure-banner .solution-main .solution-left {
    width: 55%;
    text-align: left;
    position: relative;
    z-index: 1;
}

.solution-azure-banner .solution-main .solution-left h1 {
    font-size: 95px;
    color: #000;
    font-family: "Graphik Semibold";
    line-height: 99%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .solution-azure-banner .solution-main .solution-left h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .solution-azure-banner .solution-main .solution-left h1 {
        font-size: 70px;
    }
}

@media screen and (max-width: 767px) {
    .solution-azure-banner .solution-main .solution-left h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 600px) {
    .solution-azure-banner .solution-main .solution-left h1 {
        font-size: 45px;
    }
}

.solution-azure-banner .solution-main .solution-left h2 {
    font-size: 36px;
    color: #000;
    font-family: "Graphik Medium";
    padding-bottom: 10px;
    line-height: 129%;
}

@media screen and (max-width: 1199px) {
    .solution-azure-banner .solution-main .solution-left h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 991px) {
    .solution-azure-banner .solution-main .solution-left h2 {
        font-size: 25px;
    }
}

@media screen and (max-width: 600px) {
    .solution-azure-banner .solution-main .solution-left h2 {
        font-size: 20px;
    }
}

.solution-azure-banner .solution-main .solution-left p {
    font-size: 22px;
    color: #000;
    font-family: "Graphik Regular";
}

@media screen and (max-width: 1450px) {
    .solution-azure-banner .solution-main .solution-left p {
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {
    .solution-azure-banner .solution-main .solution-left p {
        font-size: 17px;
    }
}

.solution-azure-banner .solution-main .solution-left a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.solution-azure-banner .solution-main .solution-left a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.solution-azure-banner .solution-main .solution-left a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.solution-azure-banner .solution-main .solution-left a:hover img {
    margin-left: 10px;
}

.solution-azure-banner .solution-main .solution-left figure {
    margin-bottom: 0px;
    padding-top: 10px;
}

.solution-azure-banner .solution-main .solution-left figure img {
    max-width: 100%;
}

@media screen and (max-width: 991px) {
    .solution-azure-banner .solution-main .solution-left {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .solution-azure-banner .solution-main {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 991px) {
    .solution-azure-banner {
        padding: 100px 0px 30px;
        background-size: cover !important;
    }
}

.solution-google-platform-banner {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: cover !important;
    display: flex;
    align-items: center;
    background-position: right !important;
}

.solution-google-platform-banner .solution-main {
    text-align: center;
    display: flex;
    align-items: center;
}

.solution-google-platform-banner .solution-main .solution-left {
    width: 55%;
    text-align: left;
    position: relative;
    z-index: 1;
}

.solution-google-platform-banner .solution-main .solution-left h1 {
    font-size: 95px;
    color: #000;
    font-family: "Graphik Semibold";
    line-height: 110%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .solution-google-platform-banner .solution-main .solution-left h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .solution-google-platform-banner .solution-main .solution-left h1 {
        font-size: 70px;
    }
}

@media screen and (max-width: 767px) {
    .solution-google-platform-banner .solution-main .solution-left h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 600px) {
    .solution-google-platform-banner .solution-main .solution-left h1 {
        font-size: 45px;
    }
}

.solution-google-platform-banner .solution-main .solution-left h2 {
    font-size: 36px;
    color: #000;
    font-family: "Graphik Medium";
    padding-bottom: 10px;
    line-height: 129%;
}

@media screen and (max-width: 1199px) {
    .solution-google-platform-banner .solution-main .solution-left h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 991px) {
    .solution-google-platform-banner .solution-main .solution-left h2 {
        font-size: 25px;
    }
}

@media screen and (max-width: 600px) {
    .solution-google-platform-banner .solution-main .solution-left h2 {
        font-size: 20px;
    }
}

.solution-google-platform-banner .solution-main .solution-left p {
    font-size: 22px;
    color: #000;
    font-family: "Graphik Regular";
}

@media screen and (max-width: 1450px) {
    .solution-google-platform-banner .solution-main .solution-left p {
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {
    .solution-google-platform-banner .solution-main .solution-left p {
        font-size: 17px;
    }
}

.solution-google-platform-banner .solution-main .solution-left a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.solution-google-platform-banner .solution-main .solution-left a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.solution-google-platform-banner .solution-main .solution-left a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.solution-google-platform-banner .solution-main .solution-left a:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .solution-google-platform-banner .solution-main .solution-left {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .solution-google-platform-banner .solution-main {
        flex-wrap: wrap;
    }
}

.solution-google-platform-banner .solution-main figure {
    margin-bottom: 0px;
    margin-top: 10px;
}

.solution-google-platform-banner .solution-main figure img {
    max-width: 100%;
}

@media screen and (max-width: 991px) {
    .solution-google-platform-banner {
        padding: 100px 0px 30px;
        background-size: cover !important;
    }
}

.solution-google-workspace-banner {
    padding: 100px 0px 30px;
    height: 100vh;
    background-size: cover !important;
    display: flex;
    align-items: center;
    background-position: right !important;
}

.solution-google-workspace-banner .solution-main {
    text-align: center;
    display: flex;
    align-items: center;
}

.solution-google-workspace-banner .solution-main .solution-left {
    width: 55%;
    text-align: left;
    position: relative;
    z-index: 1;
}

.solution-google-workspace-banner .solution-main .solution-left h1 {
    font-size: 60px;
    color: #000;
    font-family: "Graphik Semibold";
    line-height: 110%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .solution-google-workspace-banner .solution-main .solution-left h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .solution-google-workspace-banner .solution-main .solution-left h1 {
        font-size: 45px;
    }
}

@media screen and (max-width: 767px) {
    .solution-google-workspace-banner .solution-main .solution-left h1 {
        font-size: 40px;
    }
}

@media screen and (max-width: 600px) {
    .solution-google-workspace-banner .solution-main .solution-left h1 {
        font-size: 35px;
    }
}

.solution-google-workspace-banner .solution-main .solution-left h2 {
    font-size: 36px;
    color: #000;
    font-family: "Graphik Medium";
    padding-bottom: 10px;
    line-height: 129%;
}

@media screen and (max-width: 1199px) {
    .solution-google-workspace-banner .solution-main .solution-left h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 991px) {
    .solution-google-workspace-banner .solution-main .solution-left h2 {
        font-size: 25px;
    }
}

@media screen and (max-width: 600px) {
    .solution-google-workspace-banner .solution-main .solution-left h2 {
        font-size: 20px;
    }
}

.solution-google-workspace-banner .solution-main .solution-left p {
    font-size: 22px;
    color: #000;
    font-family: "Graphik Regular";
}

@media screen and (max-width: 1450px) {
    .solution-google-workspace-banner .solution-main .solution-left p {
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {
    .solution-google-workspace-banner .solution-main .solution-left p {
        font-size: 17px;
    }
}

.solution-google-workspace-banner .solution-main .solution-left a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: #0078D4;
}

.solution-google-workspace-banner .solution-main .solution-left a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.solution-google-workspace-banner .solution-main .solution-left a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.solution-google-workspace-banner .solution-main .solution-left a:hover img {
    margin-left: 10px;
}

.solution-google-workspace-banner .solution-main .solution-left a:hover {
    background: #015a9e;
}

@media screen and (max-width: 991px) {
    .solution-google-workspace-banner .solution-main .solution-left {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .solution-google-workspace-banner .solution-main {
        flex-wrap: wrap;
    }
}

.solution-google-workspace-banner .solution-main figure {
    margin-bottom: 0px;
    margin-top: 10px;
}

.solution-google-workspace-banner .solution-main figure img {
    max-width: 100%;
}

@media screen and (max-width: 991px) {
    .solution-google-workspace-banner {
        padding: 100px 0px 30px;
        background-size: cover !important;
    }
}

.solution-banner-outer.audio-visual-banner .solution-main h1 {
    font-size: 80px;
    color: #000;
    font-family: "Graphik Semibold";
    line-height: 110%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .solution-banner-outer.audio-visual-banner .solution-main h1 {
        font-size: 70px;
    }
}

@media screen and (max-width: 1199px) {
    .solution-banner-outer.audio-visual-banner .solution-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 767px) {
    .solution-banner-outer.audio-visual-banner .solution-main h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 600px) {
    .solution-banner-outer.audio-visual-banner .solution-main h1 {
        font-size: 45px;
    }
}

.solution-banner-outer.audio-visual-banner .solution-main p {
    line-height: 150%;
}

.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons {
    position: relative;
    z-index: 9;
}

.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    margin-right: 15px;
}

.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:hover img {
    margin-left: 10px;
}

.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:first-child {
    border: 1px solid transparent;
    background: linear-gradient(91.33deg, #00773B 23.51%, #067566 72.43%);
}

.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:first-child:hover {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:last-child {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:last-child:hover {
    background: linear-gradient(91.33deg, #00773B 23.51%, #067566 72.43%);
    color: #fff;
}

.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:last-child:hover img {
    filter: inherit;
}

@media screen and (max-width: 767px) {
    .solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .solution-banner-outer.smart-epp-banner .solution-main .cta-buttons {
        flex-wrap: wrap;
    }
}

.fule-innovation-outer {
    padding: 50px 0px 80px;
    background-size: cover !important;
    margin-top: -1px;
}

.fule-innovation-outer .head h2 {
    color: #fff;
    padding-bottom: 10px;
}

.fule-innovation-outer .head p {
    color: #fff;
}

@media screen and (max-width: 992px) {
    .fule-innovation-outer .head p {
        display: none;
    }
}

.fule-innovation-outer .fule-innovation-main {
    display: flex;
    gap: 30px;
    justify-content: center;
}

.fule-innovation-outer .fule-innovation-main .fule-bx {
    width: calc(25% - 24px);
    padding: 1px;
    border-radius: 16px;
    display: flex;
    transition: all 0.5s;
    background: url(../images/fule-bx-bg.webp) no-repeat;
    background-size: 100% 100%;
}

.fule-innovation-outer .fule-innovation-main .fule-bx .fule-area {
    width: 100%;
    min-height: 165px;
    border-radius: 16px;
    align-items: center;
    justify-content: center;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding: 10px 0px;
}

.fule-innovation-outer .fule-innovation-main .fule-bx .fule-area h3 {
    font-size: 60px;
    line-height: 99%;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
}

@media screen and (max-width: 1199px) {
    .fule-innovation-outer .fule-innovation-main .fule-bx .fule-area h3 {
        font-size: 60px;
    }
}

@media screen and (max-width: 767px) {
    .fule-innovation-outer .fule-innovation-main .fule-bx .fule-area h3 {
        font-size: 40px;
    }
}

.fule-innovation-outer .fule-innovation-main .fule-bx .fule-area p {
    color: #fff;
    font-family: "Graphik Medium";
    font-size: 20px;
    margin-bottom: 0px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .fule-innovation-outer .fule-innovation-main .fule-bx .fule-area {
        min-height: 123px;
    }
}

.fule-innovation-outer .fule-innovation-main .fule-bx:hover {
    background: url(../images/fule-bx-bg-hover.webp) no-repeat;
    background-size: 100% 100%;
    box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
    -webkit-box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
    -moz-box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
}

@media screen and (max-width: 1199px) {
    .fule-innovation-outer .fule-innovation-main .fule-bx {
        width: calc(50% - 24px);
    }
}

@media screen and (max-width: 767px) {
    .fule-innovation-outer .fule-innovation-main .fule-bx {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .fule-innovation-outer .fule-innovation-main {
        max-width: 659px;
        margin: 0 auto;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px) {
    .fule-innovation-outer .fule-innovation-main {
        max-width: 305px;
    }
}

@media screen and (max-width: 991px) {
    .fule-innovation-outer {
        background-size: cover !important;
    }
}

.fule-innovation-outer.fule-innovation-outer-aws-page {
    padding-bottom: 0px;
}

.fule-innovation-outer.fule-innovation-outer-aws-page .head h2 {
    color: #000;
    padding-bottom: 30px;
}

.fule-innovation-outer.fule-innovation-outer-aws-page .head p {
    color: #000;
    line-height: 150%;
}

.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx {
    background: #F3F3F7;
    position: relative;
}

.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx::before {
    background: linear-gradient(278.99deg, #FF00FF 4.48%, #00B4FF 96.89%);
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    transform: translateZ(-1px);
    pointer-events: none;
    transition-property: filter, inset;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    background-clip: content-box !important;
    padding: 1px;
    z-index: -1;
}

.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx .fule-area {
    text-align: left;
    justify-content: flex-start;
    padding: 10px 25px;
    min-height: 120px;
    background: #F3F3F7;
    position: relative;
    z-index: 1;
}

.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx .fule-area h3 {
    background: none !important;
    color: #000;
    -webkit-text-fill-color: unset;
    font-size: 36px;
    text-align: left;
    padding-bottom: 5px;
}

.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx .fule-area h3 span {
    color: #000;
}

.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx .fule-area p {
    color: #000;
}

.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx:hover:before {
    filter: blur(11px);
}

.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-image {
    margin-top: 50px;
}

.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-image img {
    max-width: 100%;
}

.fule-innovation-outer.azure-fule-inovation-outer {
    background: linear-gradient(99.77deg, #F2F3F5 4.05%, #F2EAC9 20.94%, #D6C3C5 51.49%, #B0BAEB 98.54%);
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main {
    align-items: flex-start;
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-left {
    width: calc(50% - 15px);
    background: linear-gradient(90deg, #F4D376 17.85%, #91A2DC 71.25%, #AEB3D9 100%);
    padding: 25px;
    border-radius: 12px;
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-left figure {
    margin-bottom: 0px;
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-left figure img {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-left {
        width: 100%;
    }
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right {
    width: calc(50% - 15px);
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .head {
    text-align: left;
    padding-bottom: 25px;
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .head h2 {
    color: #000;
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .head p {
    color: #000;
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx {
    width: calc(50% - 20px);
    background: rgba(255, 255, 255, 0.3098039216);
    padding: 30px 25px;
    border-radius: 17px;
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area {
    min-height: unset;
    justify-content: flex-start;
    padding: 0px;
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area h3 {
    font-size: 36px;
    text-align: left;
    color: #000;
    -webkit-text-fill-color: unset;
}

.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area p {
    font-size: 20px;
    color: #000;
}

@media screen and (max-width: 600px) {
    .fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main {
        max-width: 100%;
    }
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main {
    align-items: flex-end;
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-left {
    width: calc(45% - 15px);
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-left figure {
    margin-bottom: 0px;
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-left figure img {
    width: 100%;
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-left iframe {
    width: 100%;
    height: 413px;
    border-radius: 17px;
}

@media screen and (max-width: 1024px) {
    .fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-left {
        width: 100%;
    }
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right {
    width: calc(55% - 15px);
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .head {
    text-align: left;
    padding-bottom: 0px;
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .head h2 {
    color: #000;
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .head h2 span {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    color: #34A853;
    letter-spacing: 0;
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .head p {
    color: #000;
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx {
    width: calc(50% - 20px);
    background: linear-gradient(278.32deg, #3C94AE 5.47%, #4285F4 96.14%);
    padding: 30px 25px;
    border-radius: 17px;
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area {
    min-height: unset;
    justify-content: flex-start;
    padding: 0px;
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area h3 {
    font-size: 36px;
    text-align: left;
    color: #fff;
    -webkit-text-fill-color: unset;
}

@media screen and (max-width: 1199px) {
    .fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area h3 {
        font-size: 30px;
    }
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area p {
    font-size: 20px;
    color: #fff;
    text-align: left;
}

@media screen and (max-width: 1199px) {
    .fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area p {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx {
        width: 100%;
    }
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx:nth-child(3) {
    background: linear-gradient(279.03deg, #34A853 7.12%, #3A989A 97.94%);
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx:nth-child(4) {
    background: linear-gradient(279.03deg, #34A853 7.12%, #3A989A 97.94%);
}

@media screen and (max-width: 1024px) {
    .fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main {
        max-width: 100%;
    }
}

.fule-innovation-outer.google-workspace-innovation {
    background: #F8F9FA !important;
}

.fule-innovation-outer.google-workspace-innovation .head h2 {
    color: #000;
    padding-bottom: 30px;
}

.fule-innovation-outer.google-workspace-innovation .head p {
    color: #000;
    line-height: 150%;
}

.fule-innovation-outer.google-workspace-innovation .fule-innovation-main .fule-bx {
    position: relative;
    background: none;
    padding: 0px;
}

.fule-innovation-outer.google-workspace-innovation .fule-innovation-main .fule-bx .fule-area {
    text-align: left;
    justify-content: flex-start;
    padding: 10px 25px;
    min-height: 120px;
    background: #fff;
    position: relative;
    z-index: 1;
    border: 1px solid #D2D2D2;
}

.fule-innovation-outer.google-workspace-innovation .fule-innovation-main .fule-bx .fule-area h3 {
    background: none !important;
    color: #000;
    -webkit-text-fill-color: unset;
    font-size: 36px;
    text-align: left;
    padding-bottom: 5px;
}

.fule-innovation-outer.google-workspace-innovation .fule-innovation-main .fule-bx .fule-area h3 span {
    color: #000;
}

.fule-innovation-outer.google-workspace-innovation .fule-innovation-main .fule-bx .fule-area p {
    color: #000;
    text-align: left;
    font-family: var(--tp-ff-body);
}

.fule-innovation-outer.google-workspace-innovation .fule-innovation-image {
    margin-top: 50px;
}

.fule-innovation-outer.google-workspace-innovation .fule-innovation-image img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.fule-innovation-outer.security-innovation-outer .fule-innovation-main .fule-bx {
    width: calc(33.33% - 24px);
}

.fule-innovation-outer.security-innovation-outer .fule-innovation-main .fule-bx .fule-area {
    padding: 10px 20px;
}

.fule-innovation-outer.security-innovation-outer .fule-innovation-main .fule-bx .fule-area h3 {
    text-align: left;
    font-size: 30px;
}

.fule-innovation-outer.security-innovation-outer .fule-innovation-main .fule-bx .fule-area p {
    text-align: left;
    font-family: "Graphik Regular";
}

@media screen and (max-width: 991px) {
    .fule-innovation-outer.security-innovation-outer .fule-innovation-main .fule-bx {
        width: calc(50% - 24px);
    }
}

@media screen and (max-width: 600px) {
    .fule-innovation-outer.security-innovation-outer .fule-innovation-main .fule-bx {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .fule-innovation-outer.security-innovation-outer .fule-innovation-main {
        max-width: 100%;
    }
}

.fule-innovation-outer.security-innovation-outer .miscofiguration-main {
    text-align: center;
    margin-top: 40px;
}

.fule-innovation-outer.security-innovation-outer .miscofiguration-main h3 {
    font-size: 30px;
    font-family: "Graphik Medium";
    color: #fff;
    padding-bottom: 20px;
}

.fule-innovation-outer.security-innovation-outer .miscofiguration-main h3 span {
    color: #2B60FF;
}

@media screen and (max-width: 767px) {
    .fule-innovation-outer.security-innovation-outer .miscofiguration-main h3 {
        font-size: 25px;
    }
}

.fule-innovation-outer.security-innovation-outer .miscofiguration-main p {
    color: #fff;
    font-size: 20px;
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .fule-innovation-outer.security-innovation-outer .miscofiguration-main p {
        font-size: 18px;
    }
}

.fule-innovation-outer.security-innovation-outer .miscofiguration-main a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(92.86deg, #007BFF 1.73%, #BF00FF 84.19%);
}

.fule-innovation-outer.security-innovation-outer .miscofiguration-main a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.fule-innovation-outer.security-innovation-outer .miscofiguration-main a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.fule-innovation-outer.security-innovation-outer .miscofiguration-main a:hover img {
    margin-left: 10px;
}

.fule-innovation-outer.security-innovation-outer .miscofiguration-main a:hover {
    background: linear-gradient(92.86deg, #BF00FF 1.73%, #007BFF 84.19%);
}

.our-customer-outer {
    background: url(../images/ourcustomer-bg.webp) no-repeat;
    background-size: 100% 100% !important;
    padding: 60px 0px;
}

.our-customer-outer .head {
    padding-bottom: 20px;
}

.our-customer-outer .head h2 {
    color: #000;
}

.our-customer-outer .our-customer-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px 30px;
}

.our-customer-outer .our-customer-main .our-customer-bx {
    height: 63px;
    display: flex;
    padding: 5px;
    width: 7.69%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.our-customer-outer .our-customer-main .our-customer-bx img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    filter: grayscale(100%);
    transition: all 0.5s;
}

.our-customer-outer .our-customer-main .our-customer-bx:hover img {
    filter: grayscale(0);
}

@media screen and (max-width: 1024px) {
    .our-customer-outer .our-customer-main .our-customer-bx {
        width: 11.6%;
    }
}

@media screen and (max-width: 767px) {
    .our-customer-outer .our-customer-main .our-customer-bx {
        width: 16.5%;
    }
}

@media screen and (max-width: 576px) {
    .our-customer-outer .our-customer-main .our-customer-bx {
        width: 32.5%;
    }
}

@media screen and (max-width: 767px) {
    .our-customer-outer .our-customer-main {
        padding: 0px 15px;
    }
}

@media screen and (max-width: 991px) {
    .our-customer-outer {
        background-size: cover;
        background-position: center !important;
    }
}

.our-customer-outer .view-mor {
    margin-top: 30px;
    text-align: center;
}

.our-customer-outer .view-mor a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(92.86deg, #007BFF 1.73%, #BF00FF 84.19%);
}

.our-customer-outer .view-mor a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.our-customer-outer .view-mor a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.our-customer-outer .view-mor a:hover img {
    margin-left: 10px;
}

.our-customer-outer .view-mor a:hover {
    background: linear-gradient(92.86deg, #BF00FF 1.73%, #007BFF 84.19%);
}

.our-customer-outer.our-customer-aws-outer {
    background: none;
}

.our-customer-outer.industry-our-customer {
    background: url(../images/industry-our-logo-bg.png) no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 991px) {
    .our-customer-outer.industry-our-customer {
        background-size: cover;
    }
}

.our-experties-outer {
    background: #000;
    padding: 60px 0px;
}

.our-experties-outer .head {
    padding-bottom: 30px;
}

.our-experties-outer .head h2 {
    color: #fff;
}

.our-experties-outer .head p {
    color: #fff;
}

.our-experties-outer .our-experties-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.our-experties-outer .our-experties-main .our-experties-bx {
    width: 33.33%;
    padding: 51px;
    transition: all 0.5s;
    border-radius: 17px;
}

.our-experties-outer .our-experties-main .our-experties-bx .our-ex-ico {
    width: 66px;
    height: 66px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/expeties-ico-bg.webp) no-repeat;
    margin-bottom: 11px;
    transition: all 0.5s;
}

.our-experties-outer .our-experties-main .our-experties-bx .our-ex-ico img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.our-experties-outer .our-experties-main .our-experties-bx h3 {
    font-size: 24px;
    line-height: 124%;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
    min-height: 69px;
}

@media screen and (max-width: 600px) {
    .our-experties-outer .our-experties-main .our-experties-bx h3 {
        min-height: unset;
    }
}

.our-experties-outer .our-experties-main .our-experties-bx p {
    color: #fff;
    margin-bottom: 0px;
}

.our-experties-outer .our-experties-main .our-experties-bx ul {
    list-style: disc;
    padding-left: 17px;
}

.our-experties-outer .our-experties-main .our-experties-bx ul li {
    color: #fff;
    margin-bottom: 7px;
}

.our-experties-outer .our-experties-main .our-experties-bx:hover {
    background: #fff;
}

.our-experties-outer .our-experties-main .our-experties-bx:hover .our-ex-ico {
    background: none;
}

.our-experties-outer .our-experties-main .our-experties-bx:hover h3 {
    color: #000;
}

.our-experties-outer .our-experties-main .our-experties-bx:hover p {
    color: #000;
}

.our-experties-outer .our-experties-main .our-experties-bx:hover ul li {
    color: #000;
}

@media screen and (max-width: 1199px) {
    .our-experties-outer .our-experties-main .our-experties-bx {
        padding: 20px 20px 30px;
    }
}

@media screen and (max-width: 991px) {
    .our-experties-outer .our-experties-main .our-experties-bx {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .our-experties-outer .our-experties-main .our-experties-bx {
        width: 100%;
    }
}

.our-experties-outer .our-experties-main .our-experties-left {
    width: 55%;
    display: flex;
    flex-wrap: wrap;
}

.our-experties-outer .our-experties-main .our-experties-left .our-experties-bx {
    width: 50%;
    padding: 14px 20px;
}

@media screen and (max-width: 600px) {
    .our-experties-outer .our-experties-main .our-experties-left .our-experties-bx {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .our-experties-outer .our-experties-main .our-experties-left {
        width: 100%;
        padding-bottom: 30px;
    }
}

.our-experties-outer .our-experties-main .our-experties-right {
    width: 45%;
    display: flex;
    padding-left: 40px;
    align-items: flex-end;
}

.our-experties-outer .our-experties-main .our-experties-right iframe {
    width: 100%;
    height: 336px;
    border-radius: 6px;
    border: 2px solid #2B2B2B;
}

@media screen and (max-width: 991px) {
    .our-experties-outer .our-experties-main .our-experties-right {
        width: 100%;
        padding-left: 0px;
    }
}

.our-experties-outer .view-more {
    text-align: center;
    margin-top: 40px;
}

.our-experties-outer .view-more a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(92.63deg, #D99C00 21.34%, #CE6300 71.05%);
    padding: 13px 23px;
    cursor: pointer;
}

.our-experties-outer .view-more a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.our-experties-outer .view-more a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.our-experties-outer .view-more a:hover img {
    margin-left: 10px;
}

.our-experties-outer .view-more a:hover {
    background: linear-gradient(92.63deg, #CE6300 21.34%, #D99C00 71.05%);
}

.our-experties-outer.our-amazon-experties {
    background: #fff;
}

.our-experties-outer.our-amazon-experties .head h2 {
    color: #000;
}

.our-experties-outer.our-amazon-experties .head p {
    color: #000;
}

.our-experties-outer.our-amazon-experties .our-experties-main {
    gap: 30px;
}

.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx {
    border: 1px solid #E2E2E2;
    border-radius: 16px;
    width: calc(33.33% - 21px);
    position: relative;
    background: #fff;
    padding: 40px 51px;
}

.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx h3 {
    color: #000;
    position: relative;
    z-index: 2;
}

.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx p {
    color: #000;
    position: relative;
    z-index: 2;
}

.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx .our-ex-ico {
    background: url(../images/expeties-amozan-ico-bg.webp) no-repeat;
    position: relative;
    z-index: 2;
}

.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx:hover .our-ex-ico {
    background: none;
}

.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx:hover:before {
    filter: blur(11px);
    background: linear-gradient(278.99deg, #FF00FF 4.48%, #00B4FF 96.89%);
}

.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx:hover::after {
    background: #F3F3F7;
}

.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx::before {
    background: #fff;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    transform: translateZ(-1px);
    pointer-events: none;
    transition-property: filter, inset;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    background-clip: content-box !important;
    padding: 1px;
}

.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx::after {
    background: #fff;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    transform: translateZ(-1px);
    pointer-events: none;
    transition-property: filter, inset;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    background-clip: content-box !important;
    padding: 1px;
    z-index: 1;
}

@media screen and (max-width: 1199px) {
    .our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx {
        padding: 30px;
    }
}

@media screen and (max-width: 991px) {
    .our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx {
        width: calc(50% - 20px);
        padding: 20px;
    }
}

@media screen and (max-width: 600px) {
    .our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx {
        width: 100%;
        padding: 15px;
    }
}

.our-experties-outer.two-column .our-experties-main .our-experties-bx {
    width: 50%;
}

@media screen and (max-width: 600px) {
    .our-experties-outer.two-column .our-experties-main .our-experties-bx {
        width: 100%;
    }
}

.our-experties-outer.four-column .our-experties-main .our-experties-bx {
    width: 25%;
    padding: 14px 20px;
}

@media screen and (max-width: 991px) {
    .our-experties-outer.four-column .our-experties-main .our-experties-bx {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .our-experties-outer.four-column .our-experties-main .our-experties-bx {
        width: 100%;
    }
}

.our-experties-outer.azure-experties-outer {
    background-size: 100% 100% !important;
}

.our-experties-outer.azure-experties-outer .head h2 {
    color: #000;
}

.our-experties-outer.azure-experties-outer .head p {
    color: #000;
}

.our-experties-outer.azure-experties-outer .our-experties-main {
    gap: 30px;
    justify-content: center;
}

.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx {
    border: 1px solid #EEF7FC;
    border-radius: 16px;
    width: calc(33.33% - 21px);
    position: relative;
    background: #EEF7FC;
    padding: 40px 51px;
}

.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx h3 {
    color: #000;
    position: relative;
    z-index: 2;
}

.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx p {
    color: #000;
    position: relative;
    z-index: 2;
}

.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx .our-ex-ico {
    background: url(../images/expeties-azure-ico-bg.webp) no-repeat;
    position: relative;
    z-index: 2;
}

.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx:hover {
    background: #fff;
    box-shadow: 14px 18px 7.2px -5px rgba(171, 171, 171, 0.2509803922);
}

.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx:hover .our-ex-ico {
    background: none;
}

.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx:hover:before {
    filter: blur(11px);
    background: linear-gradient(278.99deg, #FF00FF 4.48%, #00B4FF 96.89%);
}

@media screen and (max-width: 1199px) {
    .our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx {
        padding: 30px;
    }
}

@media screen and (max-width: 991px) {
    .our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx {
        width: calc(50% - 20px);
        padding: 20px;
    }
}

@media screen and (max-width: 600px) {
    .our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx {
        width: 100%;
        padding: 15px;
    }
}

.our-experties-outer.mobilty-our-experies-outer {
    background-size: 100% 100% !important;
}

.our-experties-outer.mobilty-our-experies-outer .our-experties-main {
    gap: 30px;
    justify-content: center;
}

.our-experties-outer.mobilty-our-experies-outer .our-experties-main .our-experties-bx {
    border: 1px solid #3D3D3D;
    border-radius: 16px;
    width: calc(33.33% - 21px);
    position: relative;
    padding: 40px 51px;
}

.our-experties-outer.mobilty-our-experies-outer .our-experties-main .our-experties-bx:hover {
    background: #fff;
}

@media screen and (max-width: 1199px) {
    .our-experties-outer.mobilty-our-experies-outer .our-experties-main .our-experties-bx {
        padding: 30px;
    }
}

@media screen and (max-width: 991px) {
    .our-experties-outer.mobilty-our-experies-outer .our-experties-main .our-experties-bx {
        width: calc(50% - 20px);
        padding: 20px;
    }
}

@media screen and (max-width: 600px) {
    .our-experties-outer.mobilty-our-experies-outer .our-experties-main .our-experties-bx {
        width: 100%;
        padding: 15px;
    }
}

.our-experties-outer.Google-experties-outer {
    background: linear-gradient(180.13deg, #4285F4 0.11%, #28AF4C 99.89%);
}

.our-experties-outer.Google-experties-outer .head h2 span {
    color: #FBBC04;
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
    letter-spacing: 0;
}

.our-experties-outer.Google-experties-outer .our-experties-main {
    gap: 30px;
    justify-content: center;
}

.our-experties-outer.Google-experties-outer .our-experties-main .our-experties-bx {
    border: 1px solid #fff;
    border-radius: 16px;
    width: calc(33.33% - 21px);
    padding: 40px 51px;
    position: relative;
}

.our-experties-outer.Google-experties-outer .our-experties-main .our-experties-bx .our-ex-ico {
    background: url(../images/google-partner-expeties-ico-bg.webp) no-repeat;
    position: relative;
    z-index: 2;
}

.our-experties-outer.Google-experties-outer .our-experties-main .our-experties-bx:hover {
    background: #fff;
}

@media screen and (max-width: 1199px) {
    .our-experties-outer.Google-experties-outer .our-experties-main .our-experties-bx {
        padding: 30px;
    }
}

@media screen and (max-width: 991px) {
    .our-experties-outer.Google-experties-outer .our-experties-main .our-experties-bx {
        width: calc(50% - 20px);
        padding: 20px;
    }
}

@media screen and (max-width: 600px) {
    .our-experties-outer.Google-experties-outer .our-experties-main .our-experties-bx {
        width: 100%;
        padding: 15px;
    }
}

.our-solutions.solution-page-solution {
    background: #000;
}

.our-solutions.solution-page-solution .head {
    padding-bottom: 30px;
}

.our-solutions.solution-page-solution .head h2 {
    color: #fff;
    margin-bottom: 15px;
}

.our-solutions.solution-page-solution .head p {
    color: #fff;
}

.our-solutions.solution-page-solution .solution-box figure figcaption h3 {
    font-size: 30px;
}

@media screen and (max-width: 1399px) {
    .our-solutions.solution-page-solution .solution-box figure figcaption h3 {
        font-size: 27px;
    }
}

@media screen and (max-width: 1024px) {
    .our-solutions.solution-page-solution .solution-box figure figcaption h3 {
        font-size: 25px;
    }
}

.our-solutions.solution-page-solution .solution-box figure figcaption a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.our-solutions.solution-page-solution .solution-box figure figcaption a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.our-solutions.solution-page-solution .solution-box figure figcaption a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.our-solutions.solution-page-solution .solution-box figure figcaption a:hover img {
    margin-left: 10px;
}

.our-solutions.solution-page-solution .solution-box:hover figure figcaption h3 {
    font-size: 22px;
}

.appi_portfolio_panel {
    position: relative;
    overflow: hidden;
    padding-top: 0px;
    min-height: 100vh;
    background: #000;
    background-size: cover;
    display: none;
}

.appi_portfolio_panel .showcase_panel {
    position: relative;
    padding-bottom: 50px;
    height: 100vh;
    display: flex;
    align-items: center;
}

.appi_portfolio_panel .showcase_panel .showcase {
    position: relative;
    display: flex;
    height: 70vh;
    width: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    z-index: 1;
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_inner {
    position: relative;
    overflow: hidden;
    width: 55%;
    height: 100%;
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card {
    padding-left: 55px;
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateY(0%);
    opacity: 0;
    color: #fff;
    padding-right: 55px;
    display: flex;
    align-content: start;
    flex-wrap: wrap;
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card:first-child {
    opacity: 1;
    transform: translateY(0);
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card h3 {
    font-size: 30px;
    font-family: "Graphik Semibold";
    line-height: 36px;
    color: #fff;
    padding-bottom: 10px;
    width: 100%;
    min-height: 130px;
}

@media screen and (max-width: 991px) {
    .appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card h3 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card h3 {
        width: 100%;
    }
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card p {
    color: #fff;
    width: 100%;
    padding-right: 18%;
    line-height: 25px;
    min-height: 160px;
}

@media screen and (max-width: 991px) {
    .appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card p {
        padding-right: 0px;
    }
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media screen and (max-width: 767px) {
    .appi_portfolio_panel .showcase_panel .showcase .showcase_inner {
        width: 100%;
    }
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_visuals {
    position: relative;
    overflow: hidden;
    width: 45%;
    height: 100%;
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_visuals .showcase_view {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 1 !important;
    visibility: visible !important;
    line-height: 0px;
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_visuals .showcase_view img {
    width: 100%;
    border-radius: 17px;
}

.appi_portfolio_panel .showcase_panel .showcase .showcase_visuals .showcase_view:last-child {
    height: 100% !important;
}

@media screen and (max-width: 767px) {
    .appi_portfolio_panel .showcase_panel .showcase .showcase_visuals {
        display: none;
    }
}

.appi_portfolio_panel .showcase_panel .showcase .scr_bar {
    height: calc(100% - 70px);
    width: 4px;
    background: #373737;
    border-radius: 100px;
    position: absolute;
    left: 20px;
    top: 0;
}

.appi_portfolio_panel .showcase_panel .showcase .scr_bar .bar {
    position: absolute;
    left: 0px;
    top: 0;
    width: 5px;
    height: 33%;
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    content: "";
    border-radius: 60px;
}

@media screen and (max-width: 1024px) {
    .appi_portfolio_panel .showcase_panel .showcase .scr_bar {
        height: 338px;
    }
}

@media screen and (max-width: 991px) {
    .appi_portfolio_panel .showcase_panel .showcase .scr_bar {
        left: 0px;
        height: 438px;
    }
}

@media screen and (max-width: 991px) {
    .appi_portfolio_panel .showcase_panel .showcase {
        margin-top: 40px;
    }
}

.appi_portfolio_panel .showcase_panel .head h2 {
    color: #fff;
    margin: 0;
}

.appi_portfolio_panel::after {
    position: absolute;
    width: 40%;
    height: 100%;
    content: "";
    bottom: 0px;
    right: 0px;
    background: url(../images/case-bg-af.png) no-repeat;
    background-size: cover;
    background-blend-mode: lighten;
}

@media screen and (max-width: 767px) {
    .appi_portfolio_panel::after {
        bottom: 100px;
    }
}

@media screen and (max-width: 1023px) {
    .appi_portfolio_panel {
        display: none;
    }
}

.bolg-outer {
    width: 100%;
    padding: 60px 0px;
    overflow: hidden;
}

.bolg-outer .head {
    padding-bottom: 40px;
}

.bolg-outer .head h2 {
    color: #06ABBF;
    margin: 0;
}

@media screen and (max-width: 1399px) {
    .bolg-outer .head h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .bolg-outer .head h2 {
        font-size: 28px;
        line-height: 38px;
    }
}

.bolg-outer .blog-main {
    display: flex;
    flex-wrap: wrap;
    z-index: 2;
}

.bolg-outer .blog-main .slick-track {
    display: flex;
}

.bolg-outer .blog-main .blog-bx {
    width: 33.33%;
    padding: 0px 20px;
    display: flex;
    margin-bottom: 30px;
    transform: translateY(0px);
    transition: all 0.5s;
    position: relative;
    height: auto;
}

.bolg-outer .blog-main .blog-bx .blog-area {
    padding: 0px 0px 60px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.bolg-outer .blog-main .blog-bx .blog-area figure {
    position: relative;
    z-index: 1;
    margin-bottom: 28px;
    overflow: hidden;
    height: 200px;
    transition: all 1s;
    display: flex;
    width: 100%;
}

.bolg-outer .blog-main .blog-bx .blog-area figure img {
    width: 100%;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.bolg-outer .blog-main .blog-bx .blog-area figure a {
    display: flex;
    width: 100%;
}

.bolg-outer .blog-main .blog-bx .blog-area label {
    font-size: 12px;
    line-height: 20px;
    color: #004280;
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 10px;
}

.bolg-outer .blog-main .blog-bx .blog-area h5 {
    font-size: 18px;
    line-height: 25px;
    font-family: "Graphik Medium";
    color: #000000;
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
    min-height: 90px;
}

.bolg-outer .blog-main .blog-bx .blog-area h5 a {
    text-decoration: none;
    color: #242424;
}

.bolg-outer .blog-main .blog-bx .blog-area h5 a:hover {
    color: #06ABBF;
}

.bolg-outer .blog-main .blog-bx .blog-area p {
    color: #000000;
}

.bolg-outer .blog-main .blog-bx .blog-area p a {
    color: #000000;
    text-decoration: none;
}

.bolg-outer .blog-main .blog-bx .blog-area .blog-arrow-btn {
    font-size: 16px;
    font-family: "Graphik Bold";
    color: #06ABBF;
    text-decoration: none;
    position: absolute;
    bottom: 30px;
    left: 0px;
}

.bolg-outer .blog-main .blog-bx .blog-area .blog-arrow-btn img {
    margin-left: 10px;
    transition: all 0.5s;
    display: inline-block;
}

.bolg-outer .blog-main .blog-bx .blog-area .blog-arrow-btn:hover {
    color: #000;
}

.bolg-outer .blog-main .blog-bx .blog-area .blog-arrow-btn:hover img {
    margin-left: 15px;
}

.bolg-outer .blog-main .blog-bx .blog-area:hover figure img {
    transform: scale(1.1);
}

@media screen and (max-width: 991px) {
    .bolg-outer .blog-main .blog-bx {
        width: 50%;
    }

    .bolg-outer .blog-main .blog-bx:last-child {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 600px) {
    .bolg-outer .blog-main .blog-bx {
        width: 100%;
    }
}

.bolg-outer .blog-main .blog-bx::after {
    left: 0px;
    width: 100%;
    height: 0;
    content: "";
    position: absolute;
    background: linear-gradient(180deg, #FDFAFE 0%, #B3EAF1 100%);
    transition: all 0.5s;
    bottom: 0px;
    right: 0px;
}

.bolg-outer .blog-main .blog-bx.slick-center::after {
    width: 100%;
    height: 100%;
}

.bolg-outer .blog-main .blog-bx.slick-center .blog-area figure {
    transform: scale(1.06);
}

.bolg-outer .blog-main .slick-arrow {
    width: 51px;
    height: 51px;
    border: 1px solid #3A3A3A;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.bolg-outer .blog-main .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 26px;
    height: 16px;
    filter: invert(100);
}

.bolg-outer .blog-main .slick-arrow:hover {
    border-color: #06ABBF;
    background: #06ABBF;
}

.bolg-outer .blog-main .slick-arrow:hover:before {
    filter: invert(0);
}

@media screen and (max-width: 1450px) {
    .bolg-outer .blog-main .slick-arrow {
        background: #fff;
        top: 196px;
    }
}

@media screen and (max-width: 576px) {
    .bolg-outer .blog-main .slick-arrow {
        width: 45px;
        height: 45px;
    }
}

.bolg-outer .blog-main .slick-prev {
    left: -57px;
}

@media screen and (max-width: 1450px) {
    .bolg-outer .blog-main .slick-prev {
        left: 0px;
    }
}

.bolg-outer .blog-main .slick-next {
    right: -57px;
}

@media screen and (max-width: 1450px) {
    .bolg-outer .blog-main .slick-next {
        right: 0px;
    }
}

.bolg-outer .blog-main .slick-next::before {
    transform: rotate(180deg);
}

.faq-outer {
    background: url(../images/faq-bg.webp) no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.faq-outer .head {
    padding-bottom: 30px;
}

.faq-outer .head span {
    color: #fff;
}

.faq-outer .head h2 {
    color: #fff;
}

@media screen and (max-width: 1399px) {
    .faq-outer .head h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .faq-outer .head h2 {
        font-size: 28px;
        line-height: 38px;
    }
}

.faq-outer .faq-main .accordion-item {
    background: none;
    border: none;
    border-bottom: 1px solid #2E2E2E;
}

.faq-outer .faq-main .accordion-item .accordion-button:not(.collapsed) {
    background: none;
    box-shadow: none;
}

.faq-outer .faq-main .accordion-item .accordion-button:not(.collapsed)::after {
    background: url(../images/faq-minus.png) no-repeat center;
    transform: unset !important;
    top: 42px;
    right: 0px;
}

@media screen and (max-width: 991px) {
    .faq-outer .faq-main .accordion-item .accordion-button:not(.collapsed)::after {
        top: 21px;
    }
}

.faq-outer .faq-main .accordion-item .accordion-button {
    background: none;
    position: relative;
    padding: 35px 35px 35px 0px;
    font-size: 22px;
    line-height: 41px;
    color: #fff;
    z-index: 2;
    outline: none !important;
    box-shadow: none;
    font-family: "Graphik Medium";
}

.faq-outer .faq-main .accordion-item .accordion-button::after {
    background: url(../images/faq-plus.png) no-repeat center;
    width: 25px;
    height: 25px;
    transform: unset !important;
    background-size: 100%;
    position: absolute;
    right: 0px;
    top: 42px;
}

@media screen and (max-width: 991px) {
    .faq-outer .faq-main .accordion-item .accordion-button::after {
        top: 21px;
    }
}

.faq-outer .faq-main .accordion-item .accordion-button:hover {
    color: #06ABBF;
}

@media screen and (max-width: 991px) {
    .faq-outer .faq-main .accordion-item .accordion-button {
        padding: 15px 15px 15px 0px;
    }
}

@media screen and (max-width: 991px) {
    .faq-outer .faq-main .accordion-item .accordion-button {
        font-size: 18px;
        line-height: 28px;
        padding-right: 40px;
    }
}

.faq-outer .faq-main .accordion-item:has(.accordion-button:not(.collapsed)) .accordion-button {
    padding-bottom: 0px;
    color: #fff;
}

.faq-outer .faq-main .accordion-item:has(.accordion-button:not(.collapsed)) .accordion-button:hover {
    color: #06ABBF;
}

@media screen and (max-width: 991px) {
    .faq-outer .faq-main .accordion-item:has(.accordion-button:not(.collapsed)) .accordion-button {
        padding-top: 15px;
    }
}

.faq-outer .faq-main .accordion-item .accordion-body {
    padding-left: 0px;
    padding-bottom: 20px;
}

.faq-outer .faq-main .accordion-item .accordion-body p {
    color: #fff;
    margin-bottom: 15px;
}

@media screen and (max-width: 600px) {
    .faq-outer .faq-main .accordion-item .accordion-body p {
        font-size: 15px;
        line-height: 22px;
    }
}

.faq-outer .faq-main .accordion-item .accordion-body ul {
    margin-bottom: 30px;
}

.faq-outer .faq-main .accordion-item .accordion-body ul li {
    font-size: var(--tp-fz-p);
    color: #fff;
    font-weight: var(--tp-fw-regular);
    padding-left: 25px;
    background: url(../images/arrow1-btn.svg) no-repeat 0px 5px;
    margin-bottom: 15px;
}

@media screen and (max-width: 600px) {
    .faq-outer .faq-main .accordion-item .accordion-body ul li {
        font-size: 15px;
        line-height: 22px;
    }
}

.faq-outer .faq-main .accordion-item:last-child {
    margin-bottom: 0px;
}

.faq-outer .faq-main .view-more {
    margin-top: 35px;
    text-align: center;
}

.faq-outer .faq-main .view-more .learn-more {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    border: transparent;
}

.faq-outer .faq-main .view-more .learn-more img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.faq-outer .faq-main .view-more .learn-more:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.faq-outer .faq-main .view-more .learn-more:hover img {
    margin-left: 10px;
}

.case-study-mobile-outer {
    padding: 60px 0px;
    background: #000;
    display: none;
}

.case-study-mobile-outer .head {
    padding-bottom: 30px;
}

.case-study-mobile-outer .head h2 {
    color: #fff;
}

.case-study-mobile-outer .slick-track {
    display: flex;
}

.case-study-mobile-outer .case-study-row {
    margin: 0px 10px;
    padding-bottom: 54px;
    position: relative;
    height: auto;
}

.case-study-mobile-outer .case-study-row figure {
    margin-bottom: 30px;
    height: 335px;
    display: flex;
    border-radius: 8px;
}

.case-study-mobile-outer .case-study-row figure img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    -o-object-position: top;
    object-position: top;
}

@media screen and (max-width: 991px) {
    .case-study-mobile-outer .case-study-row figure {
        height: 235px;
    }
}

.case-study-mobile-outer .case-study-row .case-study-text h3 {
    font-size: 25px;
    font-family: "Graphik Semibold";
    line-height: 30px;
    color: #fff;
    padding-bottom: 10px;
    width: 100%;
    min-height: unset;
}

.case-study-mobile-outer .case-study-row .case-study-text p {
    color: #fff;
    width: 100%;
    line-height: 25px;
}

.case-study-mobile-outer .case-study-row .case-study-text a.learn-more {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.case-study-mobile-outer .case-study-row .case-study-text a.learn-more img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.case-study-mobile-outer .case-study-row .case-study-text a.learn-more:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.case-study-mobile-outer .case-study-row .case-study-text a.learn-more:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 1023px) {
    .case-study-mobile-outer {
        display: none;
    }
}

.case-study-mobile-outer .slick-arrow {
    width: 45px;
    height: 45px;
    border: 1px solid #3A3A3A;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    top: 229px;
    background: #fff;
}

.case-study-mobile-outer .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 26px;
    height: 16px;
    filter: invert(100);
}

.case-study-mobile-outer .slick-arrow:hover {
    border-color: #06ABBF;
    background: #06ABBF;
}

.case-study-mobile-outer .slick-arrow:hover:before {
    filter: invert(0);
}

.case-study-mobile-outer .slick-prev {
    left: 0px;
}

.case-study-mobile-outer .slick-next {
    right: 0px;
}

.case-study-mobile-outer .slick-next::before {
    transform: rotate(180deg);
}

.grow-up-outer {
    position: relative;
    background: #000;
}

.grow-up-outer .grow-tile {
    position: absolute;
    top: 0px;
    bottom: 128px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.grow-up-outer .grow-tile h2 {
    font-size: 90px;
    font-family: "Graphik Bold";
    line-height: 108%;
    color: white;
    text-align: center;
}

@media screen and (max-width: 1399px) {
    .grow-up-outer .grow-tile h2 {
        font-size: 75px;
    }
}

@media screen and (max-width: 1280px) {
    .grow-up-outer .grow-tile h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .grow-up-outer .grow-tile h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 767px) {
    .grow-up-outer .grow-tile h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 1280px) {
    .grow-up-outer .grow-tile {
        bottom: unset;
        top: 45px;
    }
}

@media screen and (max-width: 991px) {
    .grow-up-outer .grow-tile {
        padding-bottom: 40px;
        position: static;
    }
}

.grow-up-outer .grow-speeker {
    display: flex;
}

.grow-up-outer .grow-speeker .grow-bx {
    position: relative;
    width: 50%;
    overflow: hidden;
}

.grow-up-outer .grow-speeker .grow-bx figure {
    margin-bottom: 0px;
}

.grow-up-outer .grow-speeker .grow-bx figure img {
    width: 100%;
}

@media screen and (max-width: 991px) {
    .grow-up-outer .grow-speeker .grow-bx figure {
        height: 350px;
        display: flex;
    }

    .grow-up-outer .grow-speeker .grow-bx figure img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media screen and (max-width: 370px) {
    .grow-up-outer .grow-speeker .grow-bx figure {
        height: 402px;
    }
}

.grow-up-outer .grow-speeker .grow-bx .grow-link {
    text-align: center;
    position: absolute;
    bottom: -216px;
    left: 0px;
    width: 100%;
    z-index: 2;
    transition: all 0.5s;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: center;
    padding: 0px 20px 36px;
}

.grow-up-outer .grow-speeker .grow-bx .grow-link h3 {
    font-size: 20px;
    line-height: 100%;
    color: #fff;
    text-decoration: none;
    font-family: "Graphik Semibold";
    text-transform: capitalize;
    transition: all 0.5s;
    border: 2px solid #fff;
    padding: 10px 21px;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 38px;
}

@media screen and (max-width: 1399px) {
    .grow-up-outer .grow-speeker .grow-bx .grow-link h3 {
        font-size: 25px;
    }
}

@media screen and (max-width: 576px) {
    .grow-up-outer .grow-speeker .grow-bx .grow-link h3 {
        font-size: 20px;
    }
}

.grow-up-outer .grow-speeker .grow-bx .grow-link h4 {
    font-size: 20px;
    line-height: 100%;
    color: #fff;
    text-decoration: none;
    font-family: "Graphik Medium";
    text-transform: capitalize;
    transition: all 0.5s;
    padding-bottom: 15px;
    width: 100%;
}

@media screen and (max-width: 1399px) {
    .grow-up-outer .grow-speeker .grow-bx .grow-link h4 {
        font-size: 18px;
    }
}

@media screen and (max-width: 576px) {
    .grow-up-outer .grow-speeker .grow-bx .grow-link h4 {
        font-size: 16px;
    }
}

.grow-up-outer .grow-speeker .grow-bx .grow-link p {
    color: #fff;
    min-height: 80px;
    padding: 0px 10%;
}

@media screen and (max-width: 1340px) {
    .grow-up-outer .grow-speeker .grow-bx .grow-link p {
        padding: 0px;
    }
}

@media screen and (max-width: 991px) {
    .grow-up-outer .grow-speeker .grow-bx .grow-link p {
        padding: 0px 16%;
    }
}

@media screen and (max-width: 576px) {
    .grow-up-outer .grow-speeker .grow-bx .grow-link p {
        padding: 0px;
    }
}

.grow-up-outer .grow-speeker .grow-bx .grow-link a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(93.16deg, #FF7CFC 16.98%, #FF49D1 80.54%);
}

.grow-up-outer .grow-speeker .grow-bx .grow-link a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.grow-up-outer .grow-speeker .grow-bx .grow-link a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.grow-up-outer .grow-speeker .grow-bx .grow-link a:hover img {
    margin-left: 10px;
}

.grow-up-outer .grow-speeker .grow-bx .grow-link a img {
    margin-left: 10px;
    vertical-align: middle;
}

.grow-up-outer .grow-speeker .grow-bx .grow-link a:hover {
    background: linear-gradient(93.16deg, #FF49D1 16.98%, #FF7CFC 80.54%);
}

@media screen and (max-width: 1024px) {
    .grow-up-outer .grow-speeker .grow-bx .grow-link {
        bottom: unset;
        top: 85%;
    }
}

@media screen and (max-width: 991px) {
    .grow-up-outer .grow-speeker .grow-bx .grow-link {
        bottom: unset;
        padding-bottom: 30px;
        top: 80%;
    }
}

@media screen and (max-width: 576px) {
    .grow-up-outer .grow-speeker .grow-bx .grow-link {
        top: 82%;
    }
}

@media screen and (max-width: 370px) {
    .grow-up-outer .grow-speeker .grow-bx .grow-link {
        top: 84%;
    }
}

@media screen and (max-width: 991px) {
    .grow-up-outer .grow-speeker .grow-bx {
        width: 100%;
    }
}

.grow-up-outer .grow-speeker .grow-bx:hover .grow-link {
    bottom: 0px;
}

@media screen and (max-width: 1024px) {
    .grow-up-outer .grow-speeker .grow-bx:hover .grow-link {
        bottom: unset;
        top: 33%;
    }
}

@media screen and (max-width: 991px) {
    .grow-up-outer .grow-speeker .grow-bx:hover .grow-link {
        bottom: unset;
        top: 60px;
    }
}

@media screen and (max-width: 991px) {
    .grow-up-outer .grow-speeker {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 991px) {
    .grow-up-outer {
        padding-top: 60px;
    }
}

.staff-model-form .modal-dialog {
    margin-top: 50px;
    max-width: 600px;
}

.staff-model-form .modal-dialog .modal-content {
    background: url(../images/contact-form-bg.webp) no-repeat;
    background-size: auto;
    background-size: 100% 100%;
    padding: 35px 34px;
}

.staff-model-form .modal-dialog .modal-content .btn-close {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    right: -16px;
    top: -15px;
    opacity: 1;
}

@media screen and (max-width: 576px) {
    .staff-model-form .modal-dialog .modal-content .btn-close {
        width: 30px;
        height: 30px;
        right: -8px;
    }
}

.staff-model-form .modal-dialog .modal-content .modal-body {
    padding: 0px;
}

.staff-model-form .modal-dialog .modal-content .modal-body form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx {
    width: calc(50% - 10px);
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx p {
    margin-bottom: 0px;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx input {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    width: 100%;
    height: 48px;
    padding: 0px 20px;
    box-shadow: none !important;
    outline: none !important;
    line-height: 48px;
    font-size: 14px;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx input::placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx select {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    width: 100%;
    height: 48px;
    padding: 0px 20px;
    box-shadow: none !important;
    outline: none !important;
    line-height: 48px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/select-ico.png) no-repeat 97% center;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx select option {
    color: #000;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx textarea {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    width: 100%;
    height: 130px;
    padding: 5px 20px;
    box-shadow: none !important;
    outline: none !important;
    line-height: 20px;
    font-size: 14px;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx textarea::placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx .submit {
    background: #9266FD;
    width: 194px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    transition: all 0.3s;
    border: none;
    color: #fff;
    border-radius: 17px;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx .submit:hover {
    background: #fff;
    color: #9266FD;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx .wpcf7-spinner {
    position: absolute;
}

.staff-model-form .modal-dialog .modal-content .modal-body .model-bx.full {
    width: calc(100% - 10px);
}

@media screen and (max-width: 576px) {
    .staff-model-form .modal-dialog .modal-content {
        padding: 25px 15px;
    }
}

.talent-outer {
    padding: 60px 0px;
    background: url(../images/team-computer-bg.webp) no-repeat;
    background-size: cover;
}

.talent-outer .talent-main ul {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid #A3A3A3;
    justify-content: center;
}

.talent-outer .talent-main ul li {
    padding: 0px 10px;
    width: 25%;
    text-align: center;
}

.talent-outer .talent-main ul li button {
    padding: 0px 0px 20px;
    border: none !important;
    background: none !important;
    line-height: 124%;
    margin: 0px;
    font-size: 24px;
    color: #000000;
    font-family: "Graphik Medium";
    position: relative;
    margin: 0 auto;
}

.talent-outer .talent-main ul li button::after {
    position: absolute;
    left: 0px;
    height: 6px;
    background: #C116A7;
    content: "";
    width: 0px;
    transition: all 0.5s;
    bottom: -3px;
}

.talent-outer .talent-main ul li button.active {
    color: #C116A7;
}

.talent-outer .talent-main ul li button.active::after {
    width: 100%;
}

@media screen and (max-width: 991px) {
    .talent-outer .talent-main ul {
        display: none;
    }
}

.talent-outer .talent-main .tab-content .tab-pane {
    background: none !important;
    border: none;
    padding: 10px 0px;
}

.talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body {
    padding: 0px;
    padding-top: 20px;
}

.talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul {
    display: flex;
    gap: 17px 24px;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: none;
}

.talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul li {
    width: calc(25% - 19px);
    padding: 16px 8px;
    border: 1px solid #FF62E7;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    line-height: 124%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    box-shadow: 0px 20px 48px 0px rgba(242, 211, 237, 0.5411764706);
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul li {
        width: calc(33.33% - 16px);
    }
}

@media screen and (max-width: 600px) {
    .talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul li {
        width: calc(50% - 16px);
    }
}

@media screen and (max-width: 414px) {
    .talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul li {
        width: 100%;
    }
}

.talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul li:hover {
    color: #fff;
    background: #C116A7;
}

@media screen and (max-width: 414px) {
    .talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul {
        gap: 20px 0px;
    }
}

@media screen and (max-width: 991px) {
    .talent-outer .talent-main .tab-content .tab-pane {
        display: block;
        opacity: 1;
    }
}

.talent-outer .talent-main .tab-content .tab-pane .accordion-header .accordion-button {
    font-size: 20px;
    color: #C116A7;
    font-family: "Graphik Medium";
    line-height: 124%;
}

.talent-outer .talent-main .tab-content .tab-pane .accordion-header .accordion-button.collapsed {
    color: #000000;
}

.long-term-outer {
    background-size: cover !important;
    background: url(../images/staff-journey-bg.webp) no-repeat;
    padding: 60px 50px;
}

.long-term-outer .head {
    padding: 0px 15px 30px;
}

.long-term-outer .head h2 {
    color: #fff;
}

.long-term-outer .head p {
    color: #fff;
}

.long-term-outer .long-term-main {
    position: relative;
    max-width: 1511px;
    margin: 0 auto;
    padding: 202px 270px 0px;
}

@media screen and (max-width: 1023px) {
    .long-term-outer .long-term-main {
        position: static;
        padding: 0px 15px;
    }
}

.long-term-outer figure img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    transform: scale(0.97);
}

@media screen and (max-width: 1023px) {
    .long-term-outer figure {
        display: none;
    }
}

.long-term-outer figure:hover {
    transform: unset;
}

.long-term-outer .mobile-long-term {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    bottom: 0px;
    display: flex;
}

.long-term-outer .mobile-long-term ul li {
    margin-bottom: 10px;
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 20px;
    width: 256px;
    transition: all 0.5s;
    transform: scale(0.97);
}

.long-term-outer .mobile-long-term ul li .staf-ico {
    min-width: 100px;
    border: 2px dotted #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    margin-bottom: 20px;
    display: none;
}

.long-term-outer .mobile-long-term ul li .staf-ico img {
    width: 45px;
}

@media screen and (max-width: 415px) {
    .long-term-outer .mobile-long-term ul li .staf-ico {
        min-width: 60px;
        height: 60px;
    }

    .long-term-outer .mobile-long-term ul li .staf-ico img {
        width: 35px;
    }
}

@media screen and (max-width: 1023px) {
    .long-term-outer .mobile-long-term ul li .staf-ico {
        display: flex;
    }
}

.long-term-outer .mobile-long-term ul li .content-staff h4 {
    font-size: 34px;
    color: #fff;
    font-family: "Graphik Medium";
    transition: all 0.5s;
}

.long-term-outer .mobile-long-term ul li .content-staff h4:hover {
    color: #FF49D1;
}

.long-term-outer .mobile-long-term ul li .content-staff h3 {
    font-size: 20px;
    color: #fff;
    font-family: "Graphik Medium";
    transition: all 0.5s;
}

@media screen and (max-width: 1199px) {
    .long-term-outer .mobile-long-term ul li .content-staff h3 {
        font-size: 18px;
    }
}

.long-term-outer .mobile-long-term ul li .content-staff h3:hover {
    color: #FF49D1;
}

.long-term-outer .mobile-long-term ul li .content-staff p {
    color: #fff;
    margin-bottom: 0px;
    transition: all 0.5s;
}

@media screen and (max-width: 1199px) {
    .long-term-outer .mobile-long-term ul li .content-staff p {
        font-size: 15px;
        line-height: 20px;
    }
}

.long-term-outer .mobile-long-term ul li .content-staff p:hover {
    color: #FF49D1;
}

.long-term-outer .mobile-long-term ul li:nth-child(1) .content-staff {
    padding-right: 10px;
}

.long-term-outer .mobile-long-term ul li:nth-child(2) {
    bottom: 220px;
    left: 138px;
}

@media screen and (max-width: 1199px) {
    .long-term-outer .mobile-long-term ul li:nth-child(2) {
        bottom: 169px;
        left: 90px;
    }
}

@media screen and (max-width: 1100px) {
    .long-term-outer .mobile-long-term ul li:nth-child(2) {
        bottom: 142px;
        left: 53px;
    }
}

.long-term-outer .mobile-long-term ul li:nth-child(3) {
    bottom: unset;
    left: 107px;
    right: 0px;
    top: 50px;
    margin: 0 auto;
}

.long-term-outer .mobile-long-term ul li:nth-child(4) {
    bottom: 220px;
    left: unset;
    right: 112px;
}

@media screen and (max-width: 1399px) {
    .long-term-outer .mobile-long-term ul li:nth-child(4) {
        right: 77px;
        bottom: 153px;
    }
}

@media screen and (max-width: 1199px) {
    .long-term-outer .mobile-long-term ul li:nth-child(4) {
        right: 60px;
        bottom: 130px;
    }
}

@media screen and (max-width: 1100px) {
    .long-term-outer .mobile-long-term ul li:nth-child(4) {
        right: 30px;
        bottom: 110px;
    }
}

.long-term-outer .mobile-long-term ul li:nth-child(5) {
    bottom: unset;
    left: unset;
    right: 0px;
    top: 75%;
}

@media screen and (max-width: 1399px) {
    .long-term-outer .mobile-long-term ul li:nth-child(5) {
        right: 0px;
    }
}

@media screen and (max-width: 1023px) {
    .long-term-outer .mobile-long-term ul li {
        position: static;
        width: calc(50% - 16px);
        gap: 20px;
    }
}

@media screen and (max-width: 767px) {
    .long-term-outer .mobile-long-term ul li {
        position: static;
        width: 100%;
        gap: 20px;
    }
}

.long-term-outer .mobile-long-term ul li:hover {
    transform: unset;
}

@media screen and (max-width: 1023px) {
    .long-term-outer .mobile-long-term ul {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .long-term-outer .mobile-long-term ul {
        gap: 30px 0px;
    }
}

@media screen and (max-width: 1023px) {
    .long-term-outer .mobile-long-term {
        position: static;
        padding: 0px 15px;
    }
}

@media screen and (max-width: 1023px) {
    .long-term-outer {
        padding: 60px 0px;
    }
}

.it-opration-outer {
    background: url(../images/it-opration-bg.webp) no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.it-opration-outer .it-opration-main {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.it-opration-outer .it-opration-main .it-opration-left {
    width: calc(50% - 15px);
}

.it-opration-outer .it-opration-main .it-opration-left h3 {
    font-size: 30px;
    color: #000;
    font-family: "Graphik Semibold";
    line-height: 42px;
    padding-bottom: 15px;
}

@media screen and (max-width: 991px) {
    .it-opration-outer .it-opration-main .it-opration-left h3 {
        font-size: 20px;
        line-height: 32px;
    }
}

.it-opration-outer .it-opration-main .it-opration-left ul {
    margin-bottom: 29px;
}

.it-opration-outer .it-opration-main .it-opration-left ul li {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    padding-left: 35px;
    margin-bottom: 15px;
}

.it-opration-outer .it-opration-main .it-opration-left ul li::before {
    width: 25px;
    height: 25px;
    background: url(../images/amc-li-bg.png) no-repeat;
    content: "";
    position: absolute;
    left: 0px;
    top: 1px;
}

@media screen and (max-width: 991px) {
    .it-opration-outer .it-opration-main .it-opration-left ul li {
        font-size: 17px;
        line-height: 27px;
    }
}

.it-opration-outer .it-opration-main .it-opration-left a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(263.67deg, #F7C4FF -26.08%, #8702FC 91.26%);
}

.it-opration-outer .it-opration-main .it-opration-left a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.it-opration-outer .it-opration-main .it-opration-left a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.it-opration-outer .it-opration-main .it-opration-left a:hover img {
    margin-left: 10px;
}

.it-opration-outer .it-opration-main .it-opration-left a:hover {
    background: linear-gradient(263.67deg, #8702FC -26.08%, #F7C4FF 91.26%);
}

@media screen and (max-width: 767px) {
    .it-opration-outer .it-opration-main .it-opration-left {
        width: 100%;
        order: 2;
    }
}

.it-opration-outer .it-opration-main .it-opration-right {
    width: calc(50% - 15px);
}

.it-opration-outer .it-opration-main .it-opration-right figure {
    overflow: hidden;
    padding: 7px;
}

.it-opration-outer .it-opration-main .it-opration-right figure img {
    max-width: 100%;
    transition: all 0.5s;
}

.it-opration-outer .it-opration-main .it-opration-right figure:hover img {
    transform: scale(1.01);
}

@media screen and (max-width: 767px) {
    .it-opration-outer .it-opration-main .it-opration-right {
        width: 100%;
        order: 1;
    }
}

@media screen and (max-width: 767px) {
    .it-opration-outer .it-opration-main {
        gap: 0px;
    }
}

.zero-incident-outer {
    padding: 60px 0px;
    background-size: cover !important;
}

.zero-incident-outer .head h2 {
    color: #fff;
}

.zero-incident-outer figure {
    margin-bottom: 0px;
}

.zero-incident-outer figure img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 1399px) {
    .zero-incident-outer figure img {
        max-width: 90%;
    }
}

.our-partners-section-outer {
    padding: 60px 0px;
    background-size: cover !important;
}

.our-partners-section-outer .our-partners-section-main .nav {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #FFFFFF;
    margin-bottom: 15px;
}

.our-partners-section-outer .our-partners-section-main .nav li {
    width: 16.66%;
    display: flex;
    padding: 0px 5px;
}

.our-partners-section-outer .our-partners-section-main .nav li .nav-link {
    display: flex;
    background: none;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    padding-bottom: 15px;
    border: none;
    align-items: flex-start;
}

.our-partners-section-outer .our-partners-section-main .nav li .nav-link span {
    min-height: 76px;
    min-width: 76px;
    max-width: 76px;
    border: 1px solid #E0CDDD;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-bottom: 15px;
}

.our-partners-section-outer .our-partners-section-main .nav li .nav-link span img {
    max-width: 38px;
}

@media (max-width: 768px) {
    .our-partners-section-outer .our-partners-section-main .nav li .nav-link span img {
        max-width: 22px;
    }
}

@media (max-width: 768px) {
    .our-partners-section-outer .our-partners-section-main .nav li .nav-link span {
        padding: 9px;
        box-sizing: border-box;
        width: 40px;
        height: 40px;
        min-height: 40px;
        min-width: 40px;
    }
}

.our-partners-section-outer .our-partners-section-main .nav li .nav-link p {
    font-size: 22px;
    font-family: "Graphik Medium";
    color: #000000;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    width: 100%;
    justify-content: center;
}

@media (max-width: 768px) {
    .our-partners-section-outer .our-partners-section-main .nav li .nav-link p {
        min-width: 100%;
        font-size: 16px;
        padding-right: 20px;
        position: relative;
    }

    .our-partners-section-outer .our-partners-section-main .nav li .nav-link p br {
        display: none;
    }

    .our-partners-section-outer .our-partners-section-main .nav li .nav-link p::after {
        width: 7px;
        height: 14px;
        background: url(../images/arrow-black-accordian.png) no-repeat 0px 0px;
        content: "";
        position: absolute;
        right: 0px;
        top: 13px;
        display: block;
    }
}

.our-partners-section-outer .our-partners-section-main .nav li .nav-link::after {
    height: 6px;
    width: 0px;
    content: "";
    position: absolute;
    bottom: -2.5px;
    left: 0px;
    background: transparent;
    transition: all 0.5s;
}

.our-partners-section-outer .our-partners-section-main .nav li .nav-link.active {
    border: none;
}

.our-partners-section-outer .our-partners-section-main .nav li .nav-link.active::after {
    background: #C116A7;
    width: 100%;
}

.our-partners-section-outer .our-partners-section-main .tab-content {
    overflow: hidden;
    padding: 0 1rem;
    margin-top: 20px;
    min-width: 100%;
}

.our-partners-section-outer .our-partners-section-main .tab-content .tab-pane {
    background: none;
    border: none;
}

.our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body {
    padding: 0px;
}

.our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 30px;
    justify-content: center;
}

.our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider .partner-logo {
    border: 1px solid #FF83F4;
    background: #FFFFFF;
    padding: 5px;
    height: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    box-shadow: 0px 7px 13.9px 0px rgba(125, 34, 82, 0.1882352941);
    width: calc(25% - 25px);
}

.our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider .partner-logo img {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    min-width: 100px;
}

.our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider .partner-logo:hover {
    box-shadow: 0px 0px 6px 1px rgba(135, 2, 252, 0.4);
    border-color: #d998f4;
}

@media (max-width: 991px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider .partner-logo {
        width: calc(25% - 15px);
    }
}

@media (max-width: 600px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider .partner-logo {
        width: calc(33.33% - 15px);
    }
}

@media (max-width: 600px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider .partner-logo {
        width: calc(50% - 15px);
    }
}

@media (max-width: 991px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider {
        gap: 15px;
        margin-top: 0px;
    }
}

@media (max-width: 991px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body {
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane {
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 991px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane {
        overflow: hidden;
        display: block;
    }

    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header {
        cursor: pointer;
        min-width: 30%;
        display: flex;
        margin-bottom: 15px;
    }

    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header span {
        min-height: 60px;
        min-width: 60px;
        border: 1px solid #E0CDDD;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin-right: 18px;
    }

    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header span img {
        max-width: 38px;
    }
}

@media (max-width: 991px) and (max-width: 768px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header span img {
        max-width: 22px;
    }
}

@media (max-width: 991px) and (max-width: 768px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header span {
        padding: 9px;
        box-sizing: border-box;
        width: 40px;
        height: 40px;
        min-height: 40px;
        min-width: 40px;
    }
}

@media (max-width: 991px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header p {
        font-size: 22px;
        font-family: "Graphik Medium";
        color: #000000;
        display: flex;
        align-items: center;
        margin-bottom: 0px;
    }
}

@media (max-width: 991px) and (max-width: 768px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header p {
        font-size: 16px;
        padding-right: 20px;
        position: relative;
    }

    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header p br {
        display: none;
    }
}

@media (max-width: 991px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header .accordion-button {
        box-shadow: none;
    }

    .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header .accordion-button:not(.collapsed) {
        box-shadow: none;
    }
}

@media (max-width: 768px) {
    .our-partners-section-outer .our-partners-section-main .tab-content {
        min-width: 100%;
        padding: 0rem;
    }

    .our-partners-section-outer .our-partners-section-main .tab-content .my-slider {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .our-partners-section-outer .our-partners-section-main .tab-content .my-slider .partner-logo {
        width: calc(25% - 12px);
        margin: 0;
    }
}

@media (max-width: 600px) {
    .our-partners-section-outer .our-partners-section-main .tab-content .my-slider {
        gap: 7px;
    }

    .our-partners-section-outer .our-partners-section-main .tab-content .my-slider .partner-logo {
        width: calc(33.33% - 7px);
        margin: 0;
    }
}

.cloud-partner-outer {
    background: url(../images/cloud-partner-bg.webp) no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.cloud-partner-outer .cloud-partner-main .slick-track {
    margin: 0px auto;
}

.cloud-partner-outer .cloud-partner-main .cloud-partner-bx {
    display: flex;
    height: 200px;
    border: 1px solid #A3CDEF;
    background: linear-gradient(180deg, #FFFFFF 19.6%, #D8EBFF 100%);
    box-shadow: 0px 20px 38.8px 0px #CAF6FF;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0px 7px;
    transition: all 0.5s;
    padding: 35px 20px 0px;
}

.cloud-partner-outer .cloud-partner-main .cloud-partner-bx figure {
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: all 0.5s;
    margin-bottom: 0px;
}

.cloud-partner-outer .cloud-partner-main .cloud-partner-bx figure img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: all 0.5s;
}

.cloud-partner-outer .cloud-partner-main .cloud-partner-bx .learn-btn {
    height: 0px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    font-size: 14px;
    line-height: 19px;
    font-family: "Montserrat", sans-serif;
    color: #06ABBF;
    font-weight: 600;
    text-decoration: none;
}

.cloud-partner-outer .cloud-partner-main .cloud-partner-bx .learn-btn img {
    display: inline-block;
    margin-left: 8px;
}

.cloud-partner-outer .cloud-partner-main .cloud-partner-bx:hover {
    padding: 15px 20px 0px;
}

.cloud-partner-outer .cloud-partner-main .cloud-partner-bx:hover a {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.cloud-partner-outer .cloud-partner-main .cloud-partner-bx:hover a:hover {
    color: #000;
}

.cloud-partner-outer .cloud-partner-main .cloud-partner-bx:hover a:hover img {
    filter: brightness(0) invert(0);
}

.cloud-partner-outer .cloud-partner-main .slick-arrow {
    width: 51px;
    height: 51px;
    border: 1px solid #3A3A3A;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    background: #fff;
}

.cloud-partner-outer .cloud-partner-main .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 26px;
    height: 16px;
    filter: invert(100);
}

.cloud-partner-outer .cloud-partner-main .slick-arrow:hover {
    border-color: #06ABBF;
    background: #06ABBF;
}

.cloud-partner-outer .cloud-partner-main .slick-arrow:hover:before {
    filter: invert(0);
}

@media screen and (max-width: 1450px) {
    .cloud-partner-outer .cloud-partner-main .slick-arrow {
        background: #fff;
    }
}

@media screen and (max-width: 576px) {
    .cloud-partner-outer .cloud-partner-main .slick-arrow {
        width: 45px;
        height: 45px;
    }
}

.cloud-partner-outer .cloud-partner-main .slick-prev {
    left: -57px;
}

@media screen and (max-width: 1450px) {
    .cloud-partner-outer .cloud-partner-main .slick-prev {
        left: -26px;
    }
}

@media screen and (max-width: 1280px) {
    .cloud-partner-outer .cloud-partner-main .slick-prev {
        left: -3px;
    }
}

.cloud-partner-outer .cloud-partner-main .slick-next {
    right: -57px;
}

@media screen and (max-width: 1450px) {
    .cloud-partner-outer .cloud-partner-main .slick-next {
        right: -26px;
    }
}

@media screen and (max-width: 1280px) {
    .cloud-partner-outer .cloud-partner-main .slick-next {
        right: -3px;
    }
}

.cloud-partner-outer .cloud-partner-main .slick-next::before {
    transform: rotate(180deg);
}

@media screen and (max-width: 1280px) {
    .cloud-partner-outer .cloud-partner-main {
        padding: 0px 20px;
    }
}

.cloud-partner-outer.mobilty-partner-outer {
    background-size: cover !important;
}

.cloud-partner-outer.mobilty-partner-outer .head {
    padding-bottom: 10px;
}

.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .slick-track {
    margin: 0px auto;
}

.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx {
    background: #FFFFFF;
    border: 1px solid #EFE6D6;
    box-shadow: 0px 12px 15.8px 0px #DBD2C8;
    margin: 30px 15px;
    border-radius: 7px;
}

.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx figure img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: all 0.5s;
}

.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx .learn-btn {
    height: 0px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    font-size: 14px;
    line-height: 19px;
    font-family: "Montserrat", sans-serif;
    color: #000000;
    font-weight: 600;
    text-decoration: none;
}

.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx .learn-btn img {
    display: inline-block;
    margin-left: 8px;
}

.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx:hover {
    padding: 15px 20px 0px;
    background: linear-gradient(180deg, #FFFFFF 19.6%, #FFEFDA 100%);
}

.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx:hover a {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx:hover a:hover {
    color: #000;
}

.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .slick-arrow {
    background: none;
}

.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .slick-arrow:hover {
    background: #008ED5;
}

.our-achivements-outer {
    background: url(../images/cloud-partner-bg.webp) no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.our-achivements-outer .head {
    padding-bottom: 30px;
}

.our-achivements-outer .our-achivements-main {
    display: flex;
}

.our-achivements-outer .our-achivements-main .slick-list.draggable {
    width: 100%;
}

.our-achivements-outer .our-achivements-main .slick-track {
    margin: 0px;
}

.our-achivements-outer .our-achivements-main .our-achivements-row {
    background: rgba(255, 255, 255, 0.4);
    padding: 26px;
    display: flex;
    border-radius: 22px;
    border: 1px solid #947DDC;
    align-items: center;
}

.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-images {
    min-width: 413px;
}

.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-images figure {
    margin-bottom: 0px;
}

.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-images img {
    width: 100%;
    border-radius: 12px;
}

@media screen and (max-width: 1199px) {
    .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-images {
        min-width: 300px;
    }
}

@media screen and (max-width: 991px) {
    .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-images {
        max-width: 300px;
        margin: 0 auto 35px;
    }
}

@media screen and (max-width: 600px) {
    .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-images {
        max-width: 100%;
        min-width: 100%;
    }
}

.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text {
    width: 100%;
    padding-left: 35px;
}

.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text h3 {
    font-size: 24px;
    font-family: "Graphik Semibold";
    color: #000;
    padding-bottom: 35px;
}

@media screen and (max-width: 991px) {
    .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text h3 {
        font-size: 20px;
    }
}

.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text ul li {
    font-size: 20px;
    line-height: 140%;
    color: #000;
    padding-bottom: 20px;
    position: relative;
    padding-left: 25px;
    background: url(../images/achivment-li-bg.webp) no-repeat 0px 5px;
}

@media screen and (max-width: 991px) {
    .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text ul li {
        font-size: 16px;
    }
}

.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text ul li b {
    font-size: 20px;
    font-family: "Graphik Semibold";
    color: #000;
    line-height: 120%;
}

@media screen and (max-width: 991px) {
    .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text ul li b {
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text {
        padding-left: 0px;
    }
}

@media screen and (max-width: 991px) {
    .our-achivements-outer .our-achivements-main .our-achivements-row {
        flex-wrap: wrap;
        padding: 15px;
    }
}

.our-achivements-outer .our-achivements-main .our-achivements-bx figure {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: all 0.5s;
    height: 100%;
}

.our-achivements-outer .our-achivements-main .our-achivements-bx figure img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: all 0.5s;
}

.our-achivements-outer .our-achivements-main .our-achivements-bx:hover figure img {
    transform: scale(1.05);
}

.our-achivements-outer .our-achivements-main .slick-arrow {
    width: 51px;
    height: 51px;
    border: 1px solid #3A3A3A;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.our-achivements-outer .our-achivements-main .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 26px;
    height: 16px;
    filter: invert(100);
}

.our-achivements-outer .our-achivements-main .slick-arrow:hover {
    border-color: #06ABBF;
    background: #06ABBF;
}

.our-achivements-outer .our-achivements-main .slick-arrow:hover:before {
    filter: invert(0);
}

@media screen and (max-width: 1450px) {
    .our-achivements-outer .our-achivements-main .slick-arrow {
        background: #fff;
    }
}

@media screen and (max-width: 600px) {
    .our-achivements-outer .our-achivements-main .slick-arrow {
        top: 384px;
    }
}

@media screen and (max-width: 576px) {
    .our-achivements-outer .our-achivements-main .slick-arrow {
        width: 45px;
        height: 45px;
    }
}

.our-achivements-outer .our-achivements-main .slick-prev {
    left: -57px;
}

@media screen and (max-width: 1450px) {
    .our-achivements-outer .our-achivements-main .slick-prev {
        left: -26px;
    }
}

@media screen and (max-width: 1280px) {
    .our-achivements-outer .our-achivements-main .slick-prev {
        left: -3px;
    }
}

@media screen and (max-width: 600px) {
    .our-achivements-outer .our-achivements-main .slick-prev {
        left: -16px;
    }
}

.our-achivements-outer .our-achivements-main .slick-next {
    right: -57px;
}

@media screen and (max-width: 1450px) {
    .our-achivements-outer .our-achivements-main .slick-next {
        right: -26px;
    }
}

@media screen and (max-width: 1280px) {
    .our-achivements-outer .our-achivements-main .slick-next {
        right: -3px;
    }
}

@media screen and (max-width: 600px) {
    .our-achivements-outer .our-achivements-main .slick-next {
        right: -16px;
    }
}

.our-achivements-outer .our-achivements-main .slick-next::before {
    transform: rotate(180deg);
}

@media screen and (max-width: 1280px) {
    .our-achivements-outer .our-achivements-main {
        padding: 0px 8px;
    }
}

.zero-ai-global-support-outer {
    position: relative;
    background-size: cover !important;
    padding: 60px 0px;
}

.zero-ai-global-support-outer .head {
    padding-bottom: 30px;
}

.zero-ai-global-support-outer .head h2 {
    color: #fff;
}

.zero-ai-global-support-outer .head p {
    color: #fff;
}

.zero-ai-global-support-outer .zero-ai-global-support-main {
    display: flex;
    gap: 30px;
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx {
    position: relative;
    width: calc(50% - 17px);
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid #333333;
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx figure {
    margin-bottom: 0px;
    border-radius: 14px;
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx figure img {
    width: 100%;
    transition: all 0.5s;
}

@media screen and (max-width: 991px) {
    .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx figure {
        height: 350px;
        display: flex;
    }

    .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx figure img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media screen and (max-width: 370px) {
    .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx figure {
        height: 402px;
    }
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    top: 0px;
    z-index: 2;
    transition: all 0.5s;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: center;
    padding: 20px 20px 95px;
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar {
    margin-top: auto;
    transform: translateY(100%);
    transition: all 0.5s;
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar h3 {
    border: 1px solid #595959;
    background: rgba(0, 0, 0, 0.6);
    padding: 18px 25px;
    font-size: 22px;
    line-height: 124%;
    color: #fff;
    border-radius: 5px;
    font-family: "Graphik Medium";
    display: inline-block;
    margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar h3 {
        padding: 15px 25px;
        font-size: 18px;
    }
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar p {
    color: #fff;
    font-size: 20px;
    line-height: 134%;
    max-width: 475px;
    margin: 0 auto;
    padding-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar p {
        font-size: 16px;
    }
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(94.23deg, #FFCA80 25.22%, #DE89FF 77.21%);
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar a:hover img {
    margin-left: 10px;
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar a:hover {
    background: linear-gradient(94.23deg, #DE89FF 25.22%, #FFCA80 77.21%);
}

@media screen and (max-width: 991px) {
    .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text {
        padding: 20px 20px 75px;
    }
}

@media screen and (max-width: 991px) {
    .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx {
        width: 100%;
    }
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx:hover figure img {
    transform: scale(1.06) rotate(-2deg);
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx:hover .zero-ai-gl-text {
    padding: 20px 20px 35px;
}

.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx:hover .zero-ai-gl-text .zero-ai-gl-text-ar {
    margin-top: auto;
    transform: unset;
}

@media screen and (max-width: 991px) {
    .zero-ai-global-support-outer .zero-ai-global-support-main {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 991px) {
    .zero-ai-global-support-outer {
        padding-top: 60px;
    }
}

.our-experties-outer.what-set-outer {
    background-size: cover !important;
}

.gdc-location-outer {
    padding: 60px 0px;
    background: url(../images/gdc-loaction-bg.webp) no-repeat;
    background-size: cover;
}

.gdc-location-outer .head {
    padding-bottom: 30px;
}

.gdc-location-outer .head h2 {
    color: #fff;
}

.gdc-location-outer .head p {
    color: #fff;
}

.gdc-location-outer .gdc-main ul {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 40px;
}

.gdc-location-outer .gdc-main ul li {
    height: 150px;
    width: 150px;
    border: 1px solid #9800B1;
    border-radius: 100%;
    padding: 9px;
    position: relative;
}

.gdc-location-outer .gdc-main ul li span {
    width: 130px;
    height: 130px;
    border: 1px solid #220C57;
    background: #9800B1;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 22px;
    font-size: 15px;
    font-family: "Graphik Semibold";
    color: #fff;
    padding: 2px;
}

.gdc-location-outer .gdc-main ul li::after {
    width: 31px;
    height: 15px;
    background: url(../images/gdc-arrow2.png) no-repeat;
    content: "";
    position: absolute;
    right: -31px;
    top: 63px;
}

@media screen and (max-width: 767px) {
    .gdc-location-outer .gdc-main ul li::after {
        right: 0;
        top: unset;
        bottom: -23px;
        transform: rotate(90deg);
        left: 0;
        margin: 0 auto;
    }
}

.gdc-location-outer .gdc-main ul li:nth-child(2n) {
    border-color: #01578D;
}

.gdc-location-outer .gdc-main ul li:nth-child(2n) span {
    background: #01578D;
}

.gdc-location-outer .gdc-main ul li:nth-child(2n)::after {
    background: url(../images/gdc-arrow1.png) no-repeat;
}

.gdc-location-outer .gdc-main ul li:last-child::after {
    background: none;
}

@media screen and (max-width: 767px) {
    .gdc-location-outer .gdc-main ul {
        max-width: 300px;
        flex-wrap: wrap;
        margin: 0 auto 40px;
    }
}

.gdc-location-outer .gdc-main .gdc-slid-main {
    max-width: 1190px;
    margin: 0 auto;
    position: relative;
}

.gdc-location-outer .gdc-main .gdc-slid-main .gdc-slider .gdc-rw {
    border-radius: 17px;
}

.gdc-location-outer .gdc-main .gdc-slid-main .gdc-slider .gdc-rw img {
    width: 100%;
    border-radius: 17px;
}

@media screen and (max-width: 767px) {
    .gdc-location-outer .gdc-main .gdc-slid-main .gdc-slider .gdc-rw img {
        height: 335px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide {
    position: absolute;
    bottom: 60px;
    left: 0px;
    width: 100%;
}

.gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide .slick-track {
    margin: 0px;
}

.gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide .slick-track .slick-slide {
    margin: 0px 15px;
}

.gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide .slick-track .slick-slide h4 {
    margin: 0px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #2E5989;
    padding: 16px 27px;
    font-size: 20px;
    line-height: 25px;
    border-radius: 75px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-family: "Graphik Medium";
}

@media screen and (max-width: 767px) {
    .gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide .slick-track .slick-slide h4 {
        padding: 10px 9px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide .slick-track .slick-slide {
        margin: 5px 0px;
    }
}

.gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide .slick-track .slick-slide.slick-current h4 {
    background: #2E5989;
}

@media screen and (max-width: 767px) {
    .gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide {
        max-width: 200px;
    }
}

.gdc-location-outer .gdc-main .gdc-btn {
    text-align: center;
    margin-top: 30px;
}

.gdc-location-outer .gdc-main .gdc-btn a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(92.63deg, #5039A4 21.72%, #008ED5 93.1%);
    padding: 11px 34px;
}

.gdc-location-outer .gdc-main .gdc-btn a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.gdc-location-outer .gdc-main .gdc-btn a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.gdc-location-outer .gdc-main .gdc-btn a:hover img {
    margin-left: 10px;
}

.gdc-location-outer .gdc-main .gdc-btn a:hover {
    background: linear-gradient(92.63deg, #008ED5 21.72%, #5039A4 93.1%);
}

.exampleModal_video .modal-dialog {
    margin-top: 50px;
    max-width: 900px;
}

.exampleModal_video .modal-dialog .modal-content {
    background: #110724;
    background-size: auto;
    padding: 15px;
    border: 1px solid #3A1E6E;
}

.exampleModal_video .modal-dialog .modal-content .btn-close {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    right: -16px;
    top: -15px;
    opacity: 1;
    z-index: 1;
}

@media screen and (max-width: 576px) {
    .exampleModal_video .modal-dialog .modal-content .btn-close {
        width: 30px;
        height: 30px;
        right: -8px;
    }
}

.exampleModal_video .modal-dialog .modal-content .modal-body {
    padding: 0px;
    display: flex;
}

.exampleModal_video .modal-dialog .modal-content .modal-body iframe {
    width: 100%;
    height: 450px;
}

@media screen and (max-width: 767px) {
    .exampleModal_video .modal-dialog .modal-content .modal-body iframe {
        height: 300px;
    }
}

@media screen and (max-width: 767px) {
    .exampleModal_video .modal-dialog {
        padding: 0px 15px;
    }
}

.dims-banner-outer {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.dims-banner-outer .dims-banner-text {
    display: flex;
    gap: 30px;
    align-items: center;
}

.dims-banner-outer .dims-banner-text .dimis-left {
    width: 50%;
    margin-top: -37px;
}

.dims-banner-outer .dims-banner-text .dimis-left h1 {
    font-size: 71px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 112%;
    padding-bottom: 20px;
}

@media screen and (max-width: 1450px) {
    .dims-banner-outer .dims-banner-text .dimis-left h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 1199px) {
    .dims-banner-outer .dims-banner-text .dimis-left h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 767px) {
    .dims-banner-outer .dims-banner-text .dimis-left h1 {
        font-size: 45px;
    }
}

@media screen and (max-width: 600px) {
    .dims-banner-outer .dims-banner-text .dimis-left h1 {
        font-size: 40px;
    }
}

.dims-banner-outer .dims-banner-text .dimis-left a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(259.44deg, #1989CE 25.03%, #00A883 90.57%);
}

.dims-banner-outer .dims-banner-text .dimis-left a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.dims-banner-outer .dims-banner-text .dimis-left a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.dims-banner-outer .dims-banner-text .dimis-left a:hover img {
    margin-left: 10px;
}

.dims-banner-outer .dims-banner-text .dimis-left a:hover {
    background: linear-gradient(259.44deg, #00A883 25.03%, #1989CE 90.57%);
}

@media screen and (max-width: 767px) {
    .dims-banner-outer .dims-banner-text .dimis-left {
        width: 100%;
    }
}

.dims-banner-outer .dims-banner-text .dims-right {
    width: 50%;
    overflow: hidden;
    padding: 5px;
}

.dims-banner-outer .dims-banner-text .dims-right img {
    max-width: 100%;
    transition: all 0.5s;
}

.dims-banner-outer .dims-banner-text .dims-right:hover img {
    transform: scale(1.02);
}

@media screen and (max-width: 767px) {
    .dims-banner-outer .dims-banner-text .dims-right {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .dims-banner-outer .dims-banner-text {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px) {
    .dims-banner-outer {
        height: auto;
    }
}

.proudly-outer {
    padding: 60px 0px;
    background-size: cover !important;
}

.proudly-outer .head h2 {
    color: #fff;
}

.proudly-outer .head p {
    color: #fff;
}

.proudly-outer .proudly-main {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}

.proudly-outer .proudly-main .proudly-left {
    width: 50%;
    overflow: hidden;
    padding: 5px;
}

.proudly-outer .proudly-main .proudly-left img {
    max-width: 100%;
    transition: all 0.5s;
}

.proudly-outer .proudly-main .proudly-left:hover img {
    transform: scale(1.02);
}

@media screen and (max-width: 767px) {
    .proudly-outer .proudly-main .proudly-left {
        width: 100%;
    }
}

.proudly-outer .proudly-main .proudly-right {
    width: 50%;
}

.proudly-outer .proudly-main .proudly-right ul li {
    display: flex;
    padding: 22px 20px;
    background: linear-gradient(90deg, #00275C 0%, rgba(0, 0, 0, 0) 100%);
    align-items: center;
    border-radius: 5px;
    margin-bottom: 11px;
    transition: all 0.5s;
}

.proudly-outer .proudly-main .proudly-right ul li .proudly-ico {
    width: 49px;
    min-width: 49px;
}

.proudly-outer .proudly-main .proudly-right ul li .proudly-ico img {
    width: 100%;
}

@media screen and (max-width: 992px) {
    .proudly-outer .proudly-main .proudly-right ul li .proudly-ico {
        width: 35px;
        min-width: 35px;
    }
}

.proudly-outer .proudly-main .proudly-right ul li .proudly-text {
    color: #fff;
    font-size: 22px;
    line-height: 124%;
    font-family: "Graphik Medium";
    padding-left: 22px;
    width: 100%;
    display: block;
}

@media screen and (max-width: 992px) {
    .proudly-outer .proudly-main .proudly-right ul li .proudly-text {
        font-size: 18px;
        padding-left: 15px;
    }
}

.proudly-outer .proudly-main .proudly-right ul li:nth-child(2n) {
    background: linear-gradient(90deg, #005B5D 0%, rgba(0, 0, 0, 0) 100%);
}

.proudly-outer .proudly-main .proudly-right ul li:hover {
    transform: matrix(1, 0, 0, 1, -7, -7);
}

@media screen and (max-width: 767px) {
    .proudly-outer .proudly-main .proudly-right {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .proudly-outer .proudly-main {
        flex-wrap: wrap;
    }
}

.try-it-outer {
    padding: 60px 0px;
    background-size: cover !important;
}

.try-it-outer .try-it-main .head {
    padding-bottom: 20px;
}

.try-it-outer .try-it-main .head h2 {
    color: #fff;
}

.try-it-outer .try-it-main .head p {
    color: #fff;
}

.try-it-outer .try-slide img {
    max-width: 100%;
    padding: 5px;
    transition: all 0.5s;
}

.end-it-ticket-outer {
    padding: 60px 0px;
    background-size: cover !important;
}

.end-it-ticket-outer .head {
    padding-bottom: 30px;
}

.end-it-ticket-outer .head h2 {
    color: #fff;
}

.end-it-ticket-outer .head p {
    color: #fff;
}

.end-it-ticket-outer .end-it-ticket-main {
    display: flex;
    gap: 30px;
}

.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left {
    width: calc(25% - 30px);
}

.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left ul {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 14px;
    border-radius: 4px;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: linear-gradient(360deg, #004546 -2.92%, rgba(9, 18, 27, 0) 100%);
}

.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left ul li {
    font-size: 20px;
    line-height: 156%;
    color: #fff;
    padding-left: 23px;
    margin-bottom: 20px;
    background: url(../images/dims-li-bg.webp) no-repeat 0px 8px;
    transition: all 0.5s;
}

.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left ul li:hover {
    transform: matrix(1, 0, 0, 1, -4, -4);
}

.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left ul li:last-child {
    margin-bottom: 0px;
}

@media screen and (max-width: 1024px) {
    .end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left ul li {
        font-size: 16px;
    }
}

@media screen and (max-width: 576px) {
    .end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left ul {
        padding: 15px 14px;
    }
}

@media screen and (max-width: 991px) {
    .end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left {
        width: calc(50% - 15px);
        order: 2;
    }
}

@media screen and (max-width: 576px) {
    .end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left {
        width: 100%;
    }
}

.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right {
    position: relative;
    width: 50%;
    border-radius: 9px;
}

.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right .end-it-ticket-slide {
    padding: 6px;
    overflow: hidden;
    border-radius: 9px;
    position: relative;
    z-index: 1;
    border-radius: 9px;
}

.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right .end-it-ticket-slide .slick-list.draggable {
    border-radius: 9px;
}

.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right .end-it-ticket-slide img {
    width: 100%;
    transition: all 0.5s;
    border-radius: 9px;
}

.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right .end-it-ticket-slide:hover img {
    transform: scale(1.02);
}

.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right:after {
    width: 100%;
    height: 480px;
    background: url(../images/Ellipse-it-bg.webp) no-repeat;
    position: absolute;
    left: 0;
    top: 0px;
    content: "";
    background-size: 100% 100%;
}

@media screen and (max-width: 991px) {
    .end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right {
        width: 100%;
        order: 1;
    }
}

@media screen and (max-width: 991px) {
    .end-it-ticket-outer .end-it-ticket-main {
        flex-wrap: wrap;
    }
}

.azure-solution-growth-outer {
    padding: 60px 0px;
    background: #F4FAFD;
}

.azure-solution-growth-outer .azure-solution-growth-main {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx {
    width: calc(33.33% - 20px);
    background: #fff;
    padding: 25px;
    border-radius: 16px;
}

.azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx figure {
    margin-bottom: 20px;
    height: 170px;
    display: flex;
}

.azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx figure img {
    width: 100%;
    border-radius: 7px;
    -o-object-fit: cover;
    object-fit: cover;
}

.azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx .azure-grow-area h3 {
    font-size: 30px;
    line-height: 124%;
    color: #000000;
    font-family: "Graphik Semibold";
    padding-bottom: 5px;
}

@media screen and (max-width: 991px) {
    .azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx .azure-grow-area h3 {
        font-size: 20px;
    }
}

.azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx .azure-grow-area p {
    color: #000;
}

.azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx:hover {
    box-shadow: 14px 18px 7.2px -5px rgba(171, 171, 171, 0.2509803922);
}

@media screen and (max-width: 991px) {
    .azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx {
        width: calc(50% - 20px);
        padding: 20px;
    }
}

@media screen and (max-width: 600px) {
    .azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx {
        width: 100%;
        padding: 15px;
    }
}

.work-space-smart-outer {
    padding: 60px 0px;
    background: #F8F9FA;
}

.work-space-smart-outer .head h2 {
    padding-bottom: 10px;
}

.work-space-smart-outer .work-space-smart-main {
    position: relative;
}

.work-space-smart-outer .work-space-smart-main .work-space-rw {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

.work-space-smart-outer .work-space-smart-main .work-space-rw .work-space-box {
    max-width: 448px;
    box-shadow: 0px 16px 21.9px 0px #E1F0FF;
    border: 1px solid #D3EDFF;
    background: #FFFFFF;
    padding: 30px 25px;
    border-radius: 6px;
    position: relative;
    z-index: 1;
    min-height: 200px;
}

.work-space-smart-outer .work-space-smart-main .work-space-rw .work-space-box h3 {
    font-size: 24px;
    font-family: "Graphik Medium";
    color: #000;
    line-height: 150%;
}

.work-space-smart-outer .work-space-smart-main .work-space-rw .work-space-box p {
    margin-bottom: 0px;
    line-height: 150%;
    font-size: 17px;
}

@media screen and (max-width: 1023px) {
    .work-space-smart-outer .work-space-smart-main .work-space-rw .work-space-box {
        width: calc(50% - 10px);
        max-width: unset;
    }
}

@media screen and (max-width: 767px) {
    .work-space-smart-outer .work-space-smart-main .work-space-rw .work-space-box {
        width: 100%;
    }
}

.work-space-smart-outer .work-space-smart-main .work-space-rw:last-child {
    margin-bottom: 0px;
}

@media screen and (max-width: 1023px) {
    .work-space-smart-outer .work-space-smart-main .work-space-rw {
        margin-bottom: 20px;
        gap: 20px;
    }
}

@media screen and (max-width: 767px) {
    .work-space-smart-outer .work-space-smart-main .work-space-rw {
        flex-wrap: wrap;
    }
}

.work-space-smart-outer .work-space-smart-main .work-space-img {
    position: absolute;
    top: 0px;
    width: 442px;
    height: 442px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.work-space-smart-outer .work-space-smart-main .work-space-img img {
    width: 100%;
}

@media screen and (max-width: 1199px) {
    .work-space-smart-outer .work-space-smart-main .work-space-img {
        width: 342px;
        height: 342px;
    }
}

@media screen and (max-width: 1023px) {
    .work-space-smart-outer .work-space-smart-main .work-space-img {
        display: none;
    }
}

.why-busniess-trus-outer {
    padding: 60px 0px;
    background: #fff;
}

.why-busniess-trus-outer .why-busniess-trus-main {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx {
    background: #F8F9FA;
    border: 1px solid #E5E5E5;
    padding: 24px 30px;
    width: calc(25% - 8px);
    text-align: center;
    transition: all 0.5s;
}

.why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx figure {
    margin-bottom: 20px;
}

.why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx figure img {
    width: 100%;
    border-radius: 4px;
}

.why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx h3 {
    font-size: 24px;
    font-family: "Graphik Semibold";
    line-height: 150%;
    color: #000000;
    min-height: 72px;
}

@media screen and (max-width: 767px) {
    .why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx h3 {
        min-height: unset;
    }
}

.why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx p {
    font-size: 20px;
    line-height: 150%;
    color: #000000;
}

@media screen and (max-width: 1199px) {
    .why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx {
        width: calc(50% - 8px);
        max-width: unset;
    }
}

@media screen and (max-width: 767px) {
    .why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx {
        width: 100%;
        max-width: unset;
    }
}

.why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx:hover {
    box-shadow: 0px 16px 21.9px 0px #E1F0FF;
}

.power-tools-outer {
    padding: 60px 0px;
}

.power-tools-outer .head {
    padding-bottom: 40px;
}

.power-tools-outer .power-tools-main {
    display: flex;
    justify-content: center;
    gap: 32px;
    text-align: center;
    flex-wrap: wrap;
}

.power-tools-outer .power-tools-main .power-ico .power-img {
    height: 54px;
}

.power-tools-outer .power-tools-main .power-ico .power-img img {
    max-width: 100%;
}

.power-tools-outer .power-tools-main .power-ico p {
    margin-bottom: 0px;
}

@media screen and (max-width: 1399px) {
    .power-tools-outer .power-tools-main {
        gap: 29px;
    }
}

.google-workplace-built-outer {
    background: #F8F9FA;
    padding: 60px 0px;
}

.google-workplace-built-outer .built-head {
    padding-bottom: 30px;
}

.google-workplace-built-outer .built-head h3 {
    font-size: 36px;
    line-height: 124%;
    color: #000000;
    font-family: "Graphik Medium";
    text-align: center;
}

@media screen and (max-width: 1023px) {
    .google-workplace-built-outer .built-head h3 {
        font-size: 30px;
    }
}

.google-workplace-built-outer .google-workplace-built-main {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

.google-workplace-built-outer .google-workplace-built-main .google-workplace-built-bx {
    width: calc(50% - 50px);
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 32px 26px;
    border-radius: 11px;
    transition: all 0.5s;
}

.google-workplace-built-outer .google-workplace-built-main .google-workplace-built-bx h3 {
    font-size: 24px;
    line-height: 124%;
    color: #000;
    font-family: "Graphik Medium";
    padding-bottom: 10px;
}

.google-workplace-built-outer .google-workplace-built-main .google-workplace-built-bx p {
    color: #000;
    font-size: 20px;
    line-height: 150%;
}

@media screen and (max-width: 991px) {
    .google-workplace-built-outer .google-workplace-built-main .google-workplace-built-bx {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .google-workplace-built-outer .google-workplace-built-main .google-workplace-built-bx {
        width: 100%;
    }
}

.google-workplace-built-outer .google-workplace-built-main .google-workplace-built-bx:hover {
    box-shadow: 0px 16px 21.9px 0px #E1F0FF;
}

@media screen and (max-width: 991px) {
    .google-workplace-built-outer .google-workplace-built-main {
        gap: 20px;
    }
}

.wrokforce-boundaries {
    padding: 60px 0;
    background-size: cover !important;
    background-position: right !important;
}

.wrokforce-boundaries .text-box {
    width: 65%;
}

.wrokforce-boundaries .text-box .head h2 {
    color: #fff;
    margin-bottom: 15px;
}

.wrokforce-boundaries .text-box .head p {
    color: #fff;
}

.wrokforce-boundaries .text-box .fule-innovation-main {
    display: flex;
    gap: 30px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.wrokforce-boundaries .text-box .fule-innovation-main .fule-bx {
    width: calc(42% - 24px);
    padding: 1px;
    border-radius: 16px;
    display: flex;
    transition: all 0.5s;
    background-size: 100% 100% !important;
}

.wrokforce-boundaries .text-box .fule-innovation-main .fule-bx .fule-area {
    width: 100%;
    min-height: 130px;
    border-radius: 16px;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding: 10px 15px;
}

.wrokforce-boundaries .text-box .fule-innovation-main .fule-bx .fule-area h3 {
    font-size: 36px;
    line-height: 99%;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}

.wrokforce-boundaries .text-box .fule-innovation-main .fule-bx .fule-area p {
    color: #fff;
    font-family: "Graphik Regular";
    font-size: 20px;
    margin-bottom: 0px;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .wrokforce-boundaries .text-box .fule-innovation-main .fule-bx .fule-area {
        min-height: 123px;
    }
}

.wrokforce-boundaries .text-box .fule-innovation-main .fule-bx:hover {
    background: url(../images/fule-bx-bg-hover.webp) no-repeat !important;
    background-size: 100% 100% !important;
    box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
    -webkit-box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
    -moz-box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
}

@media screen and (max-width: 1199px) {
    .wrokforce-boundaries .text-box .fule-innovation-main .fule-bx {
        width: calc(50% - 24px);
    }
}

@media screen and (max-width: 767px) {
    .wrokforce-boundaries .text-box .fule-innovation-main .fule-bx {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .wrokforce-boundaries .text-box .fule-innovation-main {
        max-width: 659px;
        margin: 0 auto;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px) {
    .wrokforce-boundaries .text-box .fule-innovation-main {
        max-width: 305px;
    }
}

@media screen and (max-width: 991px) {
    .wrokforce-boundaries .text-box {
        width: 100%;
    }
}

.wrokforce-boundaries.SPSF .text-box .fule-innovation-main .fule-bx {
    background: url(../images/smart-ecosystemter-counter-bg.png) no-repeat;
    background-size: 100%;
}

.wrokforce-boundaries .view-more {
    margin-top: 30px;
}

.wrokforce-boundaries .view-more a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(91.33deg, #A30E8A 23.51%, #5F199D 72.43%);
}

.wrokforce-boundaries .view-more a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.wrokforce-boundaries .view-more a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.wrokforce-boundaries .view-more a:hover img {
    margin-left: 10px;
}

.wrokforce-boundaries .view-more a:hover {
    background: linear-gradient(91.33deg, #5F199D 23.51%, #A30E8A 72.43%);
}

.monility-cta {
    padding: 60px 0;
    background-size: cover !important;
}

.monility-cta .head {
    padding-bottom: 20px;
}

.monility-cta .head h2 {
    color: #fff;
    margin-bottom: 20px;
}

.monility-cta .head p {
    color: #fff;
}

.monility-cta .cta-box {
    flex-wrap: wrap;
    gap: 20px;
}

.monility-cta .cta-box a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    margin-right: 15px;
}

.monility-cta .cta-box a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.monility-cta .cta-box a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.monility-cta .cta-box a:hover img {
    margin-left: 10px;
}

.monility-cta .cta-box a.get-free-counsulations {
    border: 1px solid transparent;
    background: linear-gradient(92.63deg, #D99C00 21.34%, #CE6300 71.05%);
}

.monility-cta .cta-box a.get-free-counsulations:hover {
    background: transparent;
    border-color: #fff;
}

.monility-cta .cta-box a.explore-solutions {
    background: transparent;
    border: 1px solid #fff;
}

.monility-cta .cta-box a.explore-solutions:hover {
    background: linear-gradient(92.63deg, #D99C00 21.34%, #CE6300 71.05%);
}

.monility-cta.SPSF .cta-box a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    margin-right: 15px;
}

.monility-cta.SPSF .cta-box a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.monility-cta.SPSF .cta-box a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.monility-cta.SPSF .cta-box a:hover img {
    margin-left: 10px;
}

.monility-cta.SPSF .cta-box a.get-free-counsulations {
    border: 1px solid transparent;
    background: linear-gradient(88.15deg, #0052CD 17.21%, #0798FF 99.24%);
}

.monility-cta.SPSF .cta-box a.get-free-counsulations:hover {
    background: linear-gradient(88.15deg, #0798FF 17.21%, #0052CD 99.24%);
}

.problem-it-leaders {
    padding: 60px 0;
    background-size: cover !important;
}

.problem-it-leaders .head h2 {
    color: #fff;
}

.problem-it-leaders .head p {
    color: #fff;
}

.problem-it-leaders .image-text-box {
    align-items: flex-start;
}

.problem-it-leaders .image-text-box .text-box-grid {
    width: 55%;
    padding-right: 35px;
    justify-content: space-between;
}

.problem-it-leaders .image-text-box .text-box-grid .text-box {
    width: 49%;
    padding: 25px;
    border: 1px solid #1E3E4C;
    border-radius: 6px;
    margin-bottom: 15px;
    background: linear-gradient(180deg, rgba(10, 0, 99, 0.15) 0%, rgba(0, 201, 97, 0.15) 100%);
    transition: all 0.5s;
}

.problem-it-leaders .image-text-box .text-box-grid .text-box span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: linear-gradient(92.9deg, #005E98 21.73%, #009C82 102.56%);
    margin-bottom: 25px;
}

.problem-it-leaders .image-text-box .text-box-grid .text-box span img {
    max-width: 23px;
}

.problem-it-leaders .image-text-box .text-box-grid .text-box h3 {
    color: #fff;
    font-family: "Graphik Semibold";
    font-size: 20px;
}

.problem-it-leaders .image-text-box .text-box-grid .text-box p {
    color: #fff;
    margin-bottom: 0;
    font-size: 20px;
}

@media screen and (max-width: 576px) {
    .problem-it-leaders .image-text-box .text-box-grid .text-box {
        width: 100%;
        padding-right: 0;
    }
}

.problem-it-leaders .image-text-box .text-box-grid .text-box:hover {
    box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
    -webkit-box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
    -moz-box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
}

@media screen and (max-width: 767px) {
    .problem-it-leaders .image-text-box .text-box-grid {
        width: 100%;
        padding-right: 0;
    }
}

.problem-it-leaders .image-text-box .image-box {
    width: 45%;
}

@media screen and (max-width: 767px) {
    .problem-it-leaders .image-text-box .image-box {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .problem-it-leaders .image-text-box {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.explore-different-options {
    padding: 60px 0;
    background: 100% 100% !important;
    background-size: cover;
}

.explore-different-options .explore-option-slider {
    padding: 0 100px;
}

.explore-different-options .explore-option-slider .slide {
    position: relative;
    box-shadow: 0px 27px 43.3px 0px #c8ffff;
    /* Drop shadow */
    border-radius: 18px;
    padding: 20px;
    background: #fff;
    z-index: 1;
    overflow: hidden;
}

.explore-different-options .explore-option-slider .slide:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    padding: 1px;
    background: linear-gradient(90deg, #01b441, #e9fffe, #01c9ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}

.explore-different-options .explore-option-slider .slide .image-box {
    width: 42%;
}

@media screen and (max-width: 767px) {
    .explore-different-options .explore-option-slider .slide .image-box {
        width: 100%;
        margin-bottom: 25px;
    }
}

.explore-different-options .explore-option-slider .slide .text-box {
    width: 63%;
    padding-left: 30px;
}

.explore-different-options .explore-option-slider .slide .text-box h3 {
    color: #0696af;
    font-family: "Graphik Semibold";
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.explore-different-options .explore-option-slider .slide .text-box p {
    font-size: 20px;
    color: #272c33;
}

@media screen and (max-width: 767px) {
    .explore-different-options .explore-option-slider .slide .text-box p {
        font-size: 16px;
    }
}

.explore-different-options .explore-option-slider .slide .text-box h4 {
    font-family: "Graphik Medium";
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
}

.explore-different-options .explore-option-slider .slide .text-box ul {
    margin-bottom: 25px;
    list-style: disc;
    padding-left: 17px;
}

.explore-different-options .explore-option-slider .slide .text-box ul li {
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .explore-different-options .explore-option-slider .slide .text-box ul li {
        font-size: 16px;
    }
}

.explore-different-options .explore-option-slider .slide .text-box a {
    background: linear-gradient(91.33deg, #059b66 23.51%, #2b5295 72.43%);
    width: 185px;
    height: 50px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
}

.explore-different-options .explore-option-slider .slide .text-box a img {
    margin-left: 10px;
}

.explore-different-options .explore-option-slider .slide .text-box a:hover {
    background: linear-gradient(91.33deg, #2b5295 23.51%, #059b66 72.43%);
}

@media screen and (max-width: 767px) {
    .explore-different-options .explore-option-slider .slide .text-box {
        width: 100%;
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .explore-different-options .explore-option-slider .slide {
        flex-wrap: wrap;
    }
}

.explore-different-options .explore-option-slider .slick-dots {
    left: 0;
    bottom: -50px;
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.explore-different-options .explore-option-slider .slick-dots li {
    width: 14px;
    height: 14px;
    padding: 0px;
    background: #fff;
    border: 1px solid #2b5295;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.explore-different-options .explore-option-slider .slick-dots li button {
    background: #fff;
    padding: 0;
    border-radius: 100%;
    width: 8px;
    height: 8px;
}

.explore-different-options .explore-option-slider .slick-dots li button:before {
    display: none;
}

.explore-different-options .explore-option-slider .slick-dots li.slick-active button {
    background: #18787d;
}

.explore-different-options .explore-option-slider .slick-arrow {
    width: 51px;
    height: 51px;
    border: 2px solid #000000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.explore-different-options .explore-option-slider .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 28px;
    height: 16px;
    filter: invert(100);
}

.explore-different-options .explore-option-slider .slick-arrow:hover {
    border-color: #06abbf;
    background: #06abbf;
}

.explore-different-options .explore-option-slider .slick-arrow:hover::before {
    filter: unset;
}

@media screen and (max-width: 1199px) {
    .explore-different-options .explore-option-slider .slick-arrow {
        width: 45px;
        height: 45px;
    }
}

.explore-different-options .explore-option-slider .slick-prev {
    left: 0px;
}

@media screen and (max-width: 767px) {
    .explore-different-options .explore-option-slider .slick-prev {
        left: -15px;
    }
}

.explore-different-options .explore-option-slider .slick-next {
    right: 0px;
}

.explore-different-options .explore-option-slider .slick-next::before {
    transform: rotate(180deg);
}

@media screen and (max-width: 767px) {
    .explore-different-options .explore-option-slider .slick-next {
        right: -15px;
    }
}

@media screen and (max-width: 767px) {
    .explore-different-options .explore-option-slider {
        padding: 0px 12px;
    }
}

.choose-right-dass {
    padding: 60px 0;
    background-size: cover !important;
}

.choose-right-dass .head h2 {
    color: #fff;
}

.choose-right-dass .head p {
    color: #fff;
}

.choose-right-dass table {
    width: 100%;
    border: 1px dotted #4C4C4C;
}

.choose-right-dass table thead th {
    background: #024242;
    color: #7AD7D3;
    font-size: 18px;
    line-height: 60px;
    padding: 0 25px;
    font-family: "Graphik Semibold";
}

@media screen and (max-width: 767px) {
    .choose-right-dass table thead th {
        font-size: 14px;
        line-height: 20px;
        padding: 5px;
    }
}

@media screen and (max-width: 767px) {
    .choose-right-dass table thead th {
        font-size: 12px;
        line-height: 16px;
    }
}

.choose-right-dass table tbody tr td {
    color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 25px;
    padding: 15px 25px;
    border-right: 1px dotted #4C4C4C;
}

.choose-right-dass table tbody tr td:first-child {
    text-align: left;
}

@media screen and (max-width: 767px) {
    .choose-right-dass table tbody tr td {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 5px;
    }
}

@media screen and (max-width: 576px) {
    .choose-right-dass table tbody tr td {
        font-size: 12px;
        line-height: 16px;
        padding: 10px 5px;
    }
}

.device-section {
    background-size: cover !important;
    padding: 60px 0;
}

.device-section .head h2 {
    color: #fff;
}

.device-section .head p {
    color: #fff;
}

.device-section .device-cards {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    text-align: center;
    background: 100% 100% !important;
}

.device-section .device-cards .device-card {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 0px;
    width: 31%;
    transition: all 0.3s ease;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.device-section .device-cards .device-card h3 {
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 25px;
    font-weight: 600;
    padding: 25px 15px;
    border-radius: 20px;
    color: #fff;
}

.device-section .device-cards .device-card p {
    font-size: 20px;
    line-height: 33px;
    color: #d8d8d8;
    padding: 15px 25px;
    margin-bottom: 0;
    margin-top: 15px;
}

.device-section .device-cards .device-card .icon img {
    width: 48px;
    height: 48px;
    filter: brightness(0) invert(1);
}

.device-section .device-cards .device-card:hover {
    transform: translateY(-5px);
}

@media screen and (max-width: 991px) {
    .device-section .device-cards .device-card {
        width: 45%;
    }
}

@media screen and (max-width: 576px) {
    .device-section .device-cards .device-card {
        width: 100%;
    }
}

.type-of-assets {
    padding: 60px 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    background-size: 100% 100% !important;
}

.type-of-assets .head h2 {
    color: #fff;
}

.type-of-assets .head p {
    color: #fff;
}

.type-of-assets .container {
    position: relative;
}

:root {
    --card-w: 225px;
    --card-h: 450px;
    --visible-gap: 20px;
    --depth: 200px;
    --bg: #041024;
}

.slider-box {
    position: relative;
    height: auto;
    aspect-ratio: 1100/520;
    perspective: 1400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 120px 25px 0 25px;
}

.slider-box .nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, 0.6117647059);
    border: 1px solid #fff;
    font-size: 20px;
    cursor: pointer;
    z-index: 20;
    transition: background 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-box .nav:hover {
    background: rgba(255, 255, 255, 0.18);
}

.slider-box .prev {
    left: 5px;
}

.slider-box .next {
    right: 5px;
}

.slider-box .cards {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.slider-box .card {
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--card-w);
    height: var(--card-h);
    border-radius: 20px;
    overflow: hidden;
    transform-origin: center center;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    transition: transform 0.5s ease, opacity 0.5s ease;
    background: #000;
}

.slider-box .card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.slider-box .label {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
    text-align: center;
}

@media (max-width: 479px) {
    .slider-box .label {
        font-size: 13px;
        line-height: 19px;
        display: block;
    }
}

/* ---------- Responsive Styles ---------- */
@media (max-width: 1024px) {
    :root {
        --card-w: 200px;
        --card-h: 320px;
        --visible-gap: 16px;
        --depth: 160px;
    }
}

@media (max-width: 768px) {
    :root {
        --card-w: 160px;
        --card-h: 280px;
        --visible-gap: 14px;
        --depth: 120px;
    }

    .slider-box {
        width: 95vw;
        overflow: visible;
    }

    .prev,
    .next {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    :root {
        --card-w: 130px;
        --card-h: 250px;
        --visible-gap: 10px;
        --depth: 90px;
    }

    .slider-box {
        height: 340px;
        perspective: 1000px;
    }

    .prev,
    .next {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
}

.device-in-store {
    padding: 60px 0;
}

.device-in-store .device-grid {
    justify-content: space-between;
}

.device-in-store .device-grid .device-box {
    width: 20%;
    text-align: center;
}

.device-in-store .device-grid .device-box figure {
    min-height: 312px;
    overflow: hidden;
    padding: 20px;
}

.device-in-store .device-grid .device-box figure img {
    max-width: 100%;
    transition: all 0.5s;
}

@media screen and (max-width: 1199px) {
    .device-in-store .device-grid .device-box figure img {
        height: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .device-in-store .device-grid .device-box figure {
        min-height: 312px;
    }
}

.device-in-store .device-grid .device-box h3 {
    font-size: 20px;
    font-family: "Graphik Medium";
}

@media screen and (max-width: 1199px) {
    .device-in-store .device-grid .device-box h3 {
        font-size: 17px;
    }
}

@media screen and (max-width: 1024px) {
    .device-in-store .device-grid .device-box {
        width: 33.3%;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 767px) {
    .device-in-store .device-grid .device-box {
        width: 48%;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 576px) {
    .device-in-store .device-grid .device-box {
        width: 100%;
        margin-bottom: 25px;
    }
}

.device-in-store .device-grid .device-box:hover figure img {
    transform: scale(1.03);
}

@media screen and (max-width: 1024px) {
    .device-in-store .device-grid {
        flex-wrap: wrap;
        justify-content: inherit;
    }
}

.step-by-step {
    padding: 60px 0;
    background: url(../images/how-it-works-bg.webp) left top no-repeat;
    background-size: cover;
    position: relative;
}

.step-by-step:before {
    background: url(../images/how-works-bfr.webp) left bottom no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: "";
    left: 0;
    bottom: 0;
}

.step-by-step .steps {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 9;
}

.step-by-step .steps .step {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    border-bottom: 1px dashed rgb(181, 181, 181);
}

.step-by-step .steps .step .step-content {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 15px;
    flex: 1;
    width: calc(100% - 330px);
}

.step-by-step .steps .step .step-content .step-number {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: linear-gradient(138.88deg, #046E00 17.75%, #00B206 82.18%);
}

.step-by-step .steps .step .step-content .step-text h3 {
    margin: 0;
    font-size: 24px;
    font-family: "Graphik Semibold";
    color: #000;
}

.step-by-step .steps .step .step-content .step-text p {
    margin: 5px 0 0;
    color: #000;
}

@media screen and (max-width: 767px) {
    .step-by-step .steps .step .step-content {
        width: 65%;
    }
}

@media screen and (max-width: 576px) {
    .step-by-step .steps .step .step-content {
        width: 100%;
    }
}

.step-by-step .steps .step .step-images {
    width: 300px;
    overflow: hidden;
    border-radius: 8px;
}

.step-by-step .steps .step .step-images img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    transition: all 0.5s;
}

@media screen and (max-width: 767px) {
    .step-by-step .steps .step .step-images {
        width: 30%;
    }
}

@media screen and (max-width: 576px) {
    .step-by-step .steps .step .step-images {
        width: 100%;
        margin-bottom: 25px;
    }
}

.step-by-step .steps .step .step-images:hover img {
    transform: scale(1.03);
}

.step-by-step .steps .step:last-child {
    border: none;
}

@media screen and (max-width: 767px) {
    .step-by-step .steps .step {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 576px) {
    .step-by-step .steps .step {
        flex-direction: column-reverse;
    }
}

.step-by-step .cta-buttons {
    position: relative;
    z-index: 9;
}

.step-by-step .cta-buttons a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    margin-right: 15px;
    border: 1px solid transparent;
    background: linear-gradient(91.33deg, #00773B 23.51%, #067566 72.43%);
}

.step-by-step .cta-buttons a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.step-by-step .cta-buttons a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.step-by-step .cta-buttons a:hover img {
    margin-left: 10px;
}

.step-by-step .cta-buttons a:hover {
    background: linear-gradient(91.33deg, #067566 23.51%, #00773B 72.43%);
}

@media screen and (max-width: 767px) {
    .step-by-step .cta-buttons a {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .step-by-step .cta-buttons {
        flex-wrap: wrap;
    }
}

.av-solution-outer {
    background: url(../images/av-solution-bg.webp) no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.av-solution-outer .av-solution-main {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.av-solution-outer .av-solution-main .image-stack {
    width: 50%;
    position: relative;
}

.av-solution-outer .av-solution-main .image-stack img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.35s, z-index 0s 0.35s;
}

.av-solution-outer .av-solution-main .image-stack img:first-of-type {
    position: relative;
}

.av-solution-outer .av-solution-main .image-stack img.active {
    opacity: 1;
    z-index: 2;
    pointer-events: auto;
}

.av-solution-outer .av-solution-main .image-stack .hot-list {
    position: absolute;
    top: 20%;
    left: 2%;
    width: 98%;
    height: 45%;
    transform: skew(46deg, -3deg) rotate(-20deg);
    z-index: 4;
}

.av-solution-outer .av-solution-main .image-stack .hot-list .hot-block {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 20%;
    height: 27%;
    cursor: pointer;
}

.av-solution-outer .av-solution-main .image-stack .hot-list .hot-block1 {
    top: 0;
    left: 55%;
    width: 20%;
    height: 27%;
}

.av-solution-outer .av-solution-main .image-stack .hot-list .hot-block2 {
    top: 0;
    left: 33%;
    width: 22%;
    height: 27%;
}

.av-solution-outer .av-solution-main .image-stack .hot-list .hot-block3 {
    top: 0;
    left: 0;
    width: 33%;
    height: 27%;
}

.av-solution-outer .av-solution-main .image-stack .hot-list .hot-block4 {
    bottom: 0;
    left: 0;
    width: 46%;
    height: 35%;
    top: auto;
}

.av-solution-outer .av-solution-main .image-stack .hot-list .hot-block5 {
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    width: 49%;
    height: 68%;
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box .ripple-core {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(25, 111, 210, 0.4);
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box .ripple1,
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box .ripple2,
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box .ripple3 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(25, 111, 210, 0.6);
    animation: ripple 2s linear infinite;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box .ripple2 {
    animation-delay: 0.5s !important;
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box.active {
    opacity: 0;
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box1 {
    top: 19%;
    left: 44%;
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box2 {
    top: 30%;
    left: 32%;
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box3 {
    top: 45%;
    left: 16%;
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box4 {
    top: 72%;
    left: 48%;
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box5 {
    top: 38%;
    left: 69%;
}

.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box6 {
    top: 10%;
    left: 55%;
}

@media screen and (max-width: 1024px) {
    .av-solution-outer .av-solution-main .image-stack {
        width: 60%;
    }
}

@media screen and (max-width: 991px) {
    .av-solution-outer .av-solution-main .image-stack {
        width: 100%;
    }
}

.av-solution-outer .av-solution-main .side-av-slution {
    width: 35%;
}

.av-solution-outer .av-solution-main .side-av-slution .side-av-area {
    display: flex;
    margin-bottom: 40px;
}

.av-solution-outer .av-solution-main .side-av-slution .side-av-area span {
    min-width: 68px;
    height: 68px;
    display: flex;
    padding: 10px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    background: linear-gradient(92.9deg, #980090 21.73%, #9C0024 102.56%);
}

.av-solution-outer .av-solution-main .side-av-slution .side-av-area .side-text {
    padding-left: 15px;
}

.av-solution-outer .av-solution-main .side-av-slution .side-av-area .side-text h3 {
    font-size: 25px;
    line-height: 124%;
    color: #9B014B;
    margin-bottom: 4px;
    font-weight: 700;
}

.av-solution-outer .av-solution-main .side-av-slution .side-av-area .side-text p {
    font-size: 18px;
    line-height: 134%;
    color: #000000;
}

.av-solution-outer .av-solution-main .side-av-slution .side-av-area:last-child {
    margin-bottom: 0px;
}

@media screen and (max-width: 991px) {
    .av-solution-outer .av-solution-main .side-av-slution {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .av-solution-outer .av-solution-main {
        flex-wrap: wrap;
    }
}

.av-solution-outer .tabs-row {
    display: flex;
    justify-content: space-between;
    align-items: last baseline;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-behavior: smooth;
}

.av-solution-outer .tabs-row .tab-btn {
    display: block;
    width: 240px;
    text-align: center;
    border: none;
    background: none;
}

.av-solution-outer .tabs-row .tab-btn img {
    padding: 5px;
    border: 2px solid transparent;
    width: 100%;
    border-radius: 4px;
}

.av-solution-outer .tabs-row .tab-btn span {
    display: block;
}

.av-solution-outer .tabs-row .tab-btn.active img {
    border-color: #9B0139;
}

.av-solution-second-outer {
    background: url(../images/av-solution-second-outer.webp) no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.av-solution-second-outer .av-solution-second-main .bottom-tabs-row {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: last baseline;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-behavior: smooth;
}

.av-solution-second-outer .av-solution-second-main .bottom-tabs-row .bottom-tab-btn {
    display: block;
    width: auto;
    color: #fff;
    font-family: "Graphik Medium";
    padding-bottom: 15px;
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 18px;
    text-align: center;
    background: none;
}

.av-solution-second-outer .av-solution-second-main .bottom-tabs-row .bottom-tab-btn.active {
    color: #9B0139;
    color: #E30097;
    border-color: #E30097;
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section {
    display: none;
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box {
    display: flex;
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .image-box {
    width: 60%;
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .image-box figure img {
    border-radius: 10px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .image-box {
        width: 100%;
    }
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box {
    width: 40%;
    padding-left: 5%;
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box img {
    width: auto;
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box h2 {
    color: #E30097;
    margin: 15px 0;
    font-family: "Graphik Medium";
    font-size: 30px;
    line-height: 40px;
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box h3 {
    font-family: "Graphik Medium";
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box p {
    color: #fff;
    font-size: 16px;
    position: relative;
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box ul {
    margin-top: 20px;
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box ul li {
    color: #fff;
    font-size: 16px;
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px;
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box ul li:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 8px;
    background: #fff;
    display: block;
    content: "";
}

@media screen and (max-width: 767px) {
    .av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box {
        flex-wrap: wrap;
    }
}

.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section.active {
    display: block;
}

@keyframes ripple {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
    }

    to {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

.unity-intro {
    padding: 60px 0;
    background: url(../images/introcloud-bg.webp) left top no-repeat;
    background-size: cover;
}

.unity-intro .head h2 {
    color: #fff;
}

.unity-intro .head p {
    color: white;
}

.unity-intro .image-text {
    display: flex;
    align-items: center;
}

.unity-intro .image-text .text-box {
    width: 60%;
}

.unity-intro .image-text .text-box h3 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-family: "Graphik Semibold";
}

.unity-intro .image-text .text-box p {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .unity-intro .image-text .text-box {
        width: 100%;
    }
}

.unity-intro .image-text .image-box {
    width: 40%;
}

.unity-intro .image-text .image-box img {
    width: 100%;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .unity-intro .image-text .image-box {
        width: 100%;
        margin-bottom: 25px;
    }
}

.unity-intro .image-text .image-box .video-container {
    position: relative;
    width: 625px;
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.unity-intro .image-text .image-box .video-container .thumbnail {
    width: 100%;
    display: block;
}

.unity-intro .image-text .image-box .video-container .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s ease;
}

.unity-intro .image-text .image-box .video-container .play-button:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

.unity-intro .image-text .image-box .video-container iframe {
    width: 100%;
    height: 350px;
    border: none;
}

@media screen and (max-width: 767px) {
    .unity-intro .image-text {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.team-computer-advantage {
    padding: 60px 0;
    position: relative;
    background-size: cover !important;
}

.team-computer-advantage .container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.team-computer-advantage .container .head {
    text-align: left;
    width: 50%;
}

.team-computer-advantage .container .head p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .team-computer-advantage .container .head {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .team-computer-advantage:before {
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: "";
    }

    .team-computer-advantage .head {
        position: relative;
        z-index: 9;
    }

    .team-computer-advantage .head h2 {
        color: #fff;
    }

    .team-computer-advantage .head p {
        color: #fff;
    }
}

.develop-motivate-care {
    padding: 60px 0;
    background: url(../images/devlope-care.webp) left top no-repeat;
    background-size: cover;
}

.develop-motivate-care .top-row {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 20px;
}

.develop-motivate-care .box {
    display: flex;
    position: relative;
    width: 329px;
    height: 267px;
    margin: 0 30px;
}

.develop-motivate-care .box .box-anchor {
    border-radius: 12px;
    background: url(../images/top-box.webp) left top no-repeat;
    background-size: 100% 100%;
    padding: 1.2rem;
    width: 100%;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.develop-motivate-care .box:after {
    background: url(../images/bottom-after.png) left -24px no-repeat;
    position: absolute;
    display: block;
    content: "";
    left: 0;
    bottom: -93px;
    width: 100%;
    height: 190px;
    z-index: 9;
    background-size: 100% 100%;
}

.develop-motivate-care .box .text {
    text-align: center;
}

.develop-motivate-care .box .text h3 {
    font-size: 40px;
    font-family: "Graphik Semibold";
    background: linear-gradient(91.08deg, #008690 6.04%, #1F49DF 92.85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 767px) {
    .develop-motivate-care .box .text h3 {
        font-size: 30px;
        margin-top: 20px;
    }
}

.develop-motivate-care .box img {
    margin-bottom: 20px;
}

.develop-motivate-care .box h3 {
    color: #004aad;
    font-size: 1.1rem;
    margin: 0;
}

.develop-motivate-care .plus-box {
    align-items: center;
}

.develop-motivate-care .plus-box img {
    width: auto;
}

.develop-motivate-care .connector {
    margin: 0.5rem 0;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1023px) {
    .develop-motivate-care .connector img {
        width: 90%;
    }
}

.develop-motivate-care .middle-box:before {
    width: 4px;
    height: 44px;
    background: url(../images/box-bfr-dev.png) left top no-repeat;
    position: absolute;
    display: block;
    content: "";
    bottom: -50px;
    left: 50%;
}

.develop-motivate-care .middle-box {
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    color: #004aad;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    position: relative;
}

.develop-motivate-care .middle-box .text-box {
    width: 700px;
    background: #DDFEFF;
    position: relative;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 9;
    background: url(../images/bottom-box.webp) left top no-repeat;
    background-size: 100% 100%;
}

.develop-motivate-care .middle-box .text-box img {
    margin-right: 15px;
}

.develop-motivate-care .middle-box .text-box h3 {
    font-size: 40px;
    font-family: "Graphik Semibold";
    background: linear-gradient(91.08deg, #008690 6.04%, #1F49DF 92.85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .develop-motivate-care .middle-box .text-box h3 {
        font-size: 30px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .develop-motivate-care .middle-box .text-box {
        width: 100%;
        flex-wrap: wrap;
    }
}

.develop-motivate-care .middle-box:after {
    background: url(../images/top-after.png) center -24px no-repeat;
    position: absolute;
    display: block;
    content: "";
    left: 0;
    bottom: -70px;
    width: 100%;
    height: 70px;
    z-index: 9;
    background-size: 67% 100%;
}

@media screen and (max-width: 767px) {
    .develop-motivate-care .middle-box:after {
        background-size: 100% 100%;
    }
}

.develop-motivate-care .middle-box.bootm-bx::before {
    display: none;
}

.develop-motivate-care .middle-box.bootm-bx {
    margin-bottom: 0px;
}

@media (max-width: 600px) {
    .develop-motivate-care .top-row {
        flex-direction: column;
        align-items: center;
    }

    .develop-motivate-care .box {
        width: 90%;
        margin: 10px 0;
        height: auto;
    }

    .develop-motivate-care .box h3 {
        font-size: 1rem;
    }
}

.fueling-careers {
    padding: 60px 0;
    position: relative;
    background: url(../images/develop.webp) left top no-repeat;
    background-size: cover;
}

.fueling-careers .head h2 {
    color: #fff;
}

.fueling-careers .head p {
    color: #fff;
}

.fueling-careers .develop-slider {
    background: rgba(255, 255, 255, 0.031372549);
    width: 80%;
    margin: 0 auto;
    border: 1px solid #454545;
    border-radius: 25px;
    padding: 25px 50px;
}

.fueling-careers .develop-slider .slick-list .slick-track .slide {
    display: flex;
    align-items: center;
}

.fueling-careers .develop-slider .slick-list .slick-track .slide .text-box {
    width: 60%;
    padding-right: 50px;
    position: relative;
}

.fueling-careers .develop-slider .slick-list .slick-track .slide .text-box h2 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 13px;
    font-family: "Graphik Medium";
}

.fueling-careers .develop-slider .slick-list .slick-track .slide .text-box h3 {
    color: rgba(255, 255, 255, 0.0509803922);
    top: -27px;
    position: absolute;
    font-size: 40px;
    font-family: "Graphik Bold";
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .fueling-careers .develop-slider .slick-list .slick-track .slide .text-box h3 {
        font-size: 22px;
    }
}

.fueling-careers .develop-slider .slick-list .slick-track .slide .text-box p {
    color: #fff;
    margin-top: 0px;
}

@media screen and (max-width: 767px) {
    .fueling-careers .develop-slider .slick-list .slick-track .slide .text-box {
        width: 100%;
        padding-right: 0;
    }
}

.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider {
    width: 40%;
}

.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider img {
    border-radius: 10px;
    width: 100%;
}

.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider .slick-dots {
    left: 0;
    bottom: -20px;
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider .slick-dots li {
    width: 14px;
    height: 14px;
    padding: 0px;
    background: #fff;
    border: 1px solid #2b5295;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider .slick-dots li button {
    background: #fff;
    padding: 0;
    border-radius: 100%;
    width: 8px;
    height: 8px;
}

.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider .slick-dots li button:before {
    display: none;
}

.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider .slick-dots li.slick-active button {
    background: #18787d;
}

@media screen and (max-width: 767px) {
    .fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider {
        width: 100%;
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 767px) {
    .fueling-careers .develop-slider .slick-list .slick-track .slide {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.fueling-careers .develop-slider .slick-arrow {
    width: 51px;
    height: 51px;
    border: 2px solid #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.fueling-careers .develop-slider .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 28px;
    height: 16px;
}

.fueling-careers .develop-slider .slick-arrow:hover {
    border-color: #06abbf;
    background: #06abbf;
}

.fueling-careers .develop-slider .slick-arrow:hover::before {
    filter: unset;
}

@media screen and (max-width: 1199px) {
    .fueling-careers .develop-slider .slick-arrow {
        width: 45px;
        height: 45px;
    }
}

.fueling-careers .develop-slider .slick-prev {
    left: -80px;
}

@media screen and (max-width: 1199px) {
    .fueling-careers .develop-slider .slick-prev {
        left: -24px;
    }
}

@media screen and (max-width: 767px) {
    .fueling-careers .develop-slider .slick-prev {
        left: -30px;
    }
}

.fueling-careers .develop-slider .slick-next {
    right: -80px;
}

@media screen and (max-width: 1199px) {
    .fueling-careers .develop-slider .slick-next {
        right: -24px;
    }
}

@media screen and (max-width: 767px) {
    .fueling-careers .develop-slider .slick-next {
        right: -30px;
    }
}

.fueling-careers .develop-slider .slick-next::before {
    transform: rotate(180deg);
}

@media screen and (max-width: 767px) {
    .fueling-careers .develop-slider {
        padding: 20px;
    }
}

.fueling-careers .stick-text {
    font-size: 90px;
    color: rgba(255, 255, 255, 0.1019607843);
    transform: rotate(-90deg);
    font-family: "Graphik Bold";
    position: absolute;
    right: 0;
    top: 50%;
    right: -160px;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .fueling-careers .stick-text {
        display: none;
    }
}

.celebrating-milestones {
    padding: 60px 0;
    background: url(../images/celebrating-milestones.webp) left top no-repeat;
    position: relative;
    background-size: cover;
}

.celebrating-milestones .head h2 {
    color: #fff;
}

.celebrating-milestones .head p {
    color: #fff;
}

.celebrating-milestones .awards-slider {
    background: rgba(255, 255, 255, 0.031372549);
    width: 80%;
    margin: 0 auto;
    border: 1px solid #454545;
    border-radius: 25px;
    padding: 25px 50px;
}

.celebrating-milestones .awards-slider .slick-list .slick-track .slide {
    display: flex;
    align-items: center;
}

.celebrating-milestones .awards-slider .slick-list .slick-track .slide .text-box {
    width: 60%;
    padding-right: 50px;
    position: relative;
}

.celebrating-milestones .awards-slider .slick-list .slick-track .slide .text-box h2 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 13px;
    font-family: "Graphik Medium";
}

.celebrating-milestones .awards-slider .slick-list .slick-track .slide .text-box h3 {
    color: rgba(255, 255, 255, 0.0509803922);
    top: -27px;
    position: absolute;
    font-size: 40px;
    font-family: "Graphik Bold";
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .celebrating-milestones .awards-slider .slick-list .slick-track .slide .text-box h3 {
        font-size: 22px;
    }
}

.celebrating-milestones .awards-slider .slick-list .slick-track .slide .text-box p {
    color: #fff;
    margin-top: 0px;
}

@media screen and (max-width: 767px) {
    .celebrating-milestones .awards-slider .slick-list .slick-track .slide .text-box {
        width: 100%;
        padding-right: 0;
    }
}

.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider {
    width: 40%;
}

.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider img {
    border-radius: 10px;
    width: 100%;
}

.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider .slick-dots {
    left: 0;
    bottom: -20px;
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider .slick-dots li {
    width: 14px;
    height: 14px;
    padding: 0px;
    background: #fff;
    border: 1px solid #2b5295;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider .slick-dots li button {
    background: #fff;
    padding: 0;
    border-radius: 100%;
    width: 8px;
    height: 8px;
}

.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider .slick-dots li button:before {
    display: none;
}

.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider .slick-dots li.slick-active button {
    background: #18787d;
}

@media screen and (max-width: 767px) {
    .celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider {
        width: 100%;
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 767px) {
    .celebrating-milestones .awards-slider .slick-list .slick-track .slide {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.celebrating-milestones .awards-slider .slick-arrow {
    width: 51px;
    height: 51px;
    border: 2px solid #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.celebrating-milestones .awards-slider .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 28px;
    height: 16px;
}

.celebrating-milestones .awards-slider .slick-arrow:hover {
    border-color: #06abbf;
    background: #06abbf;
}

.celebrating-milestones .awards-slider .slick-arrow:hover::before {
    filter: unset;
}

@media screen and (max-width: 1199px) {
    .celebrating-milestones .awards-slider .slick-arrow {
        width: 45px;
        height: 45px;
    }
}

.celebrating-milestones .awards-slider .slick-prev {
    left: -80px;
}

@media screen and (max-width: 1199px) {
    .celebrating-milestones .awards-slider .slick-prev {
        left: -24px;
    }
}

@media screen and (max-width: 767px) {
    .celebrating-milestones .awards-slider .slick-prev {
        left: -30px;
    }
}

.celebrating-milestones .awards-slider .slick-next {
    right: -80px;
}

@media screen and (max-width: 1199px) {
    .celebrating-milestones .awards-slider .slick-next {
        right: -24px;
    }
}

@media screen and (max-width: 767px) {
    .celebrating-milestones .awards-slider .slick-next {
        right: -30px;
    }
}

.celebrating-milestones .awards-slider .slick-next::before {
    transform: rotate(180deg);
}

@media screen and (max-width: 767px) {
    .celebrating-milestones .awards-slider {
        padding: 20px;
    }
}

.celebrating-milestones .stick-text {
    font-size: 90px;
    color: rgba(255, 255, 255, 0.1019607843);
    transform: rotate(-90deg);
    font-family: "Graphik Bold";
    position: absolute;
    top: 50%;
    left: -172px;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .celebrating-milestones .stick-text {
        display: none;
    }
}

.putting-people {
    padding: 60px 0;
    position: relative;
    background: url(../images/putting-people.webp) left top no-repeat;
    background-size: cover;
}

.putting-people .head h2 {
    color: #fff;
}

.putting-people .head p {
    color: #fff;
}

.putting-people .putting-people-inner {
    background: rgba(255, 255, 255, 0.031372549);
    width: 80%;
    margin: 0 auto;
    border: 1px solid #454545;
    border-radius: 25px;
    padding: 25px 50px;
}

.putting-people .putting-people-inner .slick-list .slick-track .slide {
    display: flex;
    align-items: center;
}

.putting-people .putting-people-inner .slick-list .slick-track .slide .text-box {
    width: 60%;
    padding-right: 50px;
    position: relative;
}

.putting-people .putting-people-inner .slick-list .slick-track .slide .text-box h2 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 13px;
    font-family: "Graphik Medium";
}

.putting-people .putting-people-inner .slick-list .slick-track .slide .text-box h3 {
    color: rgba(255, 255, 255, 0.0509803922);
    top: -27px;
    position: absolute;
    font-size: 40px;
    font-family: "Graphik Bold";
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .putting-people .putting-people-inner .slick-list .slick-track .slide .text-box h3 {
        font-size: 22px;
    }
}

.putting-people .putting-people-inner .slick-list .slick-track .slide .text-box p {
    color: #fff;
    margin-top: 0px;
}

@media screen and (max-width: 767px) {
    .putting-people .putting-people-inner .slick-list .slick-track .slide .text-box {
        width: 100%;
        padding-right: 0;
    }
}

.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider {
    width: 40%;
}

.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider img {
    border-radius: 10px;
    width: 100%;
}

.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider .slick-dots {
    left: 0;
    bottom: -20px;
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider .slick-dots li {
    width: 14px;
    height: 14px;
    padding: 0px;
    background: #fff;
    border: 1px solid #2b5295;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider .slick-dots li button {
    background: #fff;
    padding: 0;
    border-radius: 100%;
    width: 8px;
    height: 8px;
}

.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider .slick-dots li button:before {
    display: none;
}

.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider .slick-dots li.slick-active button {
    background: #18787d;
}

@media screen and (max-width: 767px) {
    .putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider {
        width: 100%;
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 767px) {
    .putting-people .putting-people-inner .slick-list .slick-track .slide {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.putting-people .putting-people-inner .slick-arrow {
    width: 51px;
    height: 51px;
    border: 2px solid #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.putting-people .putting-people-inner .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 28px;
    height: 16px;
}

.putting-people .putting-people-inner .slick-arrow:hover {
    border-color: #06abbf;
    background: #06abbf;
}

.putting-people .putting-people-inner .slick-arrow:hover::before {
    filter: unset;
}

@media screen and (max-width: 1199px) {
    .putting-people .putting-people-inner .slick-arrow {
        width: 45px;
        height: 45px;
    }
}

.putting-people .putting-people-inner .slick-prev {
    left: -80px;
}

@media screen and (max-width: 1199px) {
    .putting-people .putting-people-inner .slick-prev {
        left: -24px;
    }
}

@media screen and (max-width: 767px) {
    .putting-people .putting-people-inner .slick-prev {
        left: -30px;
    }
}

.putting-people .putting-people-inner .slick-next {
    right: -80px;
}

@media screen and (max-width: 1199px) {
    .putting-people .putting-people-inner .slick-next {
        right: -24px;
    }
}

@media screen and (max-width: 767px) {
    .putting-people .putting-people-inner .slick-next {
        right: -30px;
    }
}

.putting-people .putting-people-inner .slick-next::before {
    transform: rotate(180deg);
}

@media screen and (max-width: 767px) {
    .putting-people .putting-people-inner {
        padding: 20px;
    }
}

.putting-people .stick-text {
    font-size: 90px;
    color: rgba(255, 255, 255, 0.1019607843);
    transform: rotate(-90deg);
    font-family: "Graphik Bold";
    position: absolute;
    top: 50%;
    right: -70px;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .putting-people .stick-text {
        display: none;
    }
}

.people-customer-advantge-outer {
    padding: 60px 0px;
    background-size: 100% 100% !important;
}

.people-customer-advantge-outer .people-customer-advantge-main {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

.people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx {
    background: rgba(255, 255, 255, 0.35);
    border: 1px solid rgb(255, 255, 255);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 16px;
    width: calc(33.33% - 22px);
    padding: 50px;
}

.people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx .pople-ico {
    width: 39px;
    height: 39px;
    margin-bottom: 20px;
}

.people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx .pople-ico img {
    max-width: 100%;
}

.people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx h3 {
    font-size: 30px;
    font-family: "Graphik Semibold";
    color: rgb(0, 0, 0);
    margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
    .people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx h3 {
        font-size: 22px;
    }
}

.people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx p {
    color: #000;
}

@media screen and (max-width: 1024px) {
    .people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx {
        width: calc(50% - 22px);
        padding: 40px;
    }
}

@media screen and (max-width: 991px) {
    .people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx {
        width: calc(50% - 22px);
        padding: 30px;
    }
}

@media screen and (max-width: 600px) {
    .people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx {
        width: 100%;
        padding: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .people-customer-advantge-outer .people-customer-advantge-main {
        flex-wrap: wrap;
    }
}

.security-partner-outer {
    background-size: cover !important;
}

.security-partner-outer .security-transformation-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 577px;
    max-height: 577px;
}

.security-partner-outer .security-transformation-main .security-left {
    width: 70%;
}

.security-partner-outer .security-transformation-main .security-left .head h2 {
    color: #fff;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .security-partner-outer .security-transformation-main .security-left {
        width: 100%;
    }
}

.security-partner-outer .security-transformation-main .security-right {
    min-width: 260px;
    max-width: 260px;
}

.security-partner-outer .security-transformation-main .security-right .security-transformation-slider .partner {
    height: 204px;
    background: rgb(47, 1, 80);
    border: 1px solid rgb(160, 160, 160);
    margin: 8px 0px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    opacity: 0.5;
}

.security-partner-outer .security-transformation-main .security-right .security-transformation-slider .partner img {
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 100%;
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .security-partner-outer .security-transformation-main .security-right .security-transformation-slider .partner {
        margin: 0px 8px;
    }
}

.security-partner-outer .security-transformation-main .security-right .security-transformation-slider .partner.slick-active {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .security-partner-outer .security-transformation-main .security-right {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .security-partner-outer .security-transformation-main {
        min-height: unset;
        max-height: unset;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px) {
    .security-partner-outer {
        padding: 60px 0px;
    }

    .security-partner-outer .container {
        padding: 0px;
    }

    .security-partner-outer .container .head {
        padding: 0px 15px 30px;
    }
}

.cloud-design-outer {
    padding: 60px 0px;
    background: #000000;
}

.cloud-design-outer .head h2 {
    color: #fff;
    padding-bottom: 20px;
}

.cloud-design-outer .head h3 {
    background: linear-gradient(92.86deg, #007BFF 1.73%, #BF00FF 84.19%);
    text-transform: unset;
    -webkit-background-clip: text !important;
    font-family: "Graphik Medium";
    font-size: 28px;
    -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 991px) {
    .cloud-design-outer .head h3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) {
    .cloud-design-outer .head h3 {
        font-size: 18px;
    }
}

.cloud-design-outer .head p {
    color: #fff;
}

.cloud-design-outer .cloud-design-main {
    display: flex;
    gap: 25px;
}

.cloud-design-outer .cloud-design-main .cloud-design-bx {
    width: calc(25% - 20px);
    border: 1px solid rgb(65, 65, 65);
    background: url(../images/cloud-design-bx-bg.webp) no-repeat;
    background: 100% 100%;
    border-radius: 11px;
    padding: 22px;
    display: flex;
    flex-wrap: wrap;
}

.cloud-design-outer .cloud-design-main .cloud-design-bx figure {
    width: 100%;
}

.cloud-design-outer .cloud-design-main .cloud-design-bx figure img {
    width: 100%;
}

.cloud-design-outer .cloud-design-main .cloud-design-bx .cloud-design-text p {
    font-size: 21px;
    line-height: 148%;
    color: rgb(255, 255, 255);
    margin-top: 40px;
    width: 100%;
    margin-bottom: 0px;
    transition: all 0.5s;
}

.cloud-design-outer .cloud-design-main .cloud-design-bx:nth-child(2n) figure {
    order: 2;
}

@media screen and (max-width: 600px) {
    .cloud-design-outer .cloud-design-main .cloud-design-bx:nth-child(2n) figure {
        order: 1;
    }
}

.cloud-design-outer .cloud-design-main .cloud-design-bx:nth-child(2n) .cloud-design-text {
    order: 1;
}

.cloud-design-outer .cloud-design-main .cloud-design-bx:nth-child(2n) .cloud-design-text p {
    margin-top: 0px;
    margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
    .cloud-design-outer .cloud-design-main .cloud-design-bx:nth-child(2n) .cloud-design-text p {
        margin-top: 40px;
        margin-bottom: 0px;
    }
}

.cloud-design-outer .cloud-design-main .cloud-design-bx:nth-child(2n):hover p {
    margin-bottom: 30px;
    margin-top: 0px;
}

.cloud-design-outer .cloud-design-main .cloud-design-bx:hover p {
    margin-top: 30px;
}

@media screen and (max-width: 991px) {
    .cloud-design-outer .cloud-design-main .cloud-design-bx {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 600px) {
    .cloud-design-outer .cloud-design-main .cloud-design-bx {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .cloud-design-outer .cloud-design-main {
        flex-wrap: wrap;
    }
}

.complete-cloud-outer {
    padding: 60px 0px;
    background-size: 100% 100% !important;
}

.complete-cloud-outer .head h2 {
    color: #fff;
}

.complete-cloud-outer .complete-cloud-main ul {
    justify-content: center;
    gap: 20px;
    border: none;
}

.complete-cloud-outer .complete-cloud-main ul li {
    width: calc(25% - 20px);
    display: flex;
}

.complete-cloud-outer .complete-cloud-main ul li .nav-link {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 56px;
    color: #fff;
    padding: 10px 34px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

@media screen and (max-width: 1199px) {
    .complete-cloud-outer .complete-cloud-main ul li .nav-link {
        padding: 10px 20px;
    }
}

.complete-cloud-outer .complete-cloud-main ul li .nav-link.active {
    background: rgb(255, 255, 255);
    color: #000;
}

@media screen and (max-width: 1199px) {
    .complete-cloud-outer .complete-cloud-main ul li {
        width: calc(33.33% - 20px);
    }
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion {
    margin-top: 60px;
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item {
    background: none;
    border: none;
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body {
    background: linear-gradient(360deg, #132C81 8.39%, #0F1156 97.69%);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 30px;
    display: flex;
    padding: 50px;
    gap: 50px;
    background-size: 100% 100% !important;
    justify-content: space-between;
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content {
    width: calc(50% - 25px);
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content h3 {
    font-size: 26px;
    font-family: "Graphik Semibold";
    color: #fff;
    padding-bottom: 15px;
}

@media screen and (max-width: 1024px) {
    .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content h3 {
        font-size: 20px;
    }
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content h4 {
    font-size: 20px;
    color: #fff;
    padding-bottom: 25px;
    font-family: "Graphik Medium";
}

@media screen and (max-width: 1024px) {
    .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content h4 {
        font-size: 18px;
    }
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content ul {
    margin-bottom: 30px;
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content ul li {
    width: 100%;
    background: url(../images/security-li-bg.webp) no-repeat 0px 5px;
    padding-left: 23px;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
    margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
    .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content ul li {
        font-size: 18px;
    }
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(92.86deg, #007BFF 1.73%, #BF00FF 84.19%);
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content a:hover img {
    margin-left: 10px;
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content a:hover {
    background: linear-gradient(92.86deg, #BF00FF 1.73%, #007BFF 84.19%);
}

@media screen and (max-width: 767px) {
    .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content {
        width: 100%;
    }
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-img {
    width: calc(42% - 25px);
}

.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-img img {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-img {
        width: calc(50% - 25px);
    }
}

@media screen and (max-width: 767px) {
    .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-img {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body {
        flex-wrap: wrap;
        padding: 20px;
        border-radius: 15px;
    }
}

@media screen and (max-width: 991px) {
    .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item {
        display: block;
        opacity: 1;
        margin-bottom: 10px;
    }

    .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-button {
        margin-bottom: 10px;
        box-shadow: none !important;
        border-radius: 10px;
        font-family: "Graphik Semibold";
        color: #000;
    }

    .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-button.collapsed {
        font-family: "Graphik Regular";
    }
}

@media screen and (max-width: 767px) {
    .complete-cloud-outer .complete-cloud-main .tab-content.accordion {
        margin-top: 20px;
    }
}

.industry-banner-outer {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.industry-banner-outer .industry-main {
    text-align: center;
}

.industry-banner-outer .industry-main h1 {
    font-size: 100px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 102%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .industry-banner-outer .industry-main h1 {
        font-size: 90px;
    }
}

@media screen and (max-width: 1450px) {
    .industry-banner-outer .industry-main h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .industry-banner-outer .industry-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 767px) {
    .industry-banner-outer .industry-main h1 {
        font-size: 50px;
    }
}

.industry-banner-outer .industry-main h3 {
    font-size: 55px;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .industry-banner-outer .industry-main h3 {
        font-size: 45px;
    }
}

@media screen and (max-width: 1199px) {
    .industry-banner-outer .industry-main h3 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .industry-banner-outer .industry-main h3 {
        font-size: 35px;
    }
}

@media screen and (max-width: 767px) {
    .industry-banner-outer .industry-main h3 {
        font-size: 25px;
    }

    .industry-banner-outer .industry-main h3 br {
        display: none;
    }
}

.industry-banner-outer .industry-main p {
    font-size: 25px;
    color: #fff;
    font-family: "Graphik Medium";
}

@media screen and (max-width: 1450px) {
    .industry-banner-outer .industry-main p {
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) {
    .industry-banner-outer .industry-main p br {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .industry-banner-outer {
        padding: 100px 0px 30px;
    }
}

@media screen and (max-width: 767px) {
    .industry-banner-outer {
        background-size: cover !important;
    }
}

.expercience-outer {
    position: relative;
    background-size: cover !important;
    padding: 70px 0px;
}

.expercience-outer figure {
    margin-bottom: 0px;
}

.expercience-outer figure img {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .expercience-outer figure {
        display: none;
    }
}

.expercience-outer .expercience-text .head span {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0px;
    font-family: "Graphik Semibold";
}

.expercience-outer .expercience-text .head h2 {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .expercience-outer .expercience-text .head {
        padding-bottom: 35px;
    }
}

.expercience-outer .expercience-text .mobile-expertis {
    display: none;
}

.expercience-outer .expercience-text .mobile-expertis ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.expercience-outer .expercience-text .mobile-expertis ul li .mobile-expert-ico {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    padding: 10px;
    margin-right: 10px;
}

.expercience-outer .expercience-text .mobile-expertis ul li .mobile-expert-ico img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media screen and (max-width: 576px) {
    .expercience-outer .expercience-text .mobile-expertis ul li .mobile-expert-ico {
        width: 40px;
        height: 40px;
    }
}

.expercience-outer .expercience-text .mobile-expertis ul li .mobile-expert-text {
    font-size: 18px;
    line-height: 143%;
    color: #fff;
    font-family: "Graphik Medium";
}

@media screen and (max-width: 767px) {
    .expercience-outer .expercience-text .mobile-expertis ul li .mobile-expert-text {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .expercience-outer .expercience-text .mobile-expertis {
        display: block;
    }
}

.our-solutions.industry-page-solution {
    background: #000;
    padding-top: 60px;
}

.our-solutions.industry-page-solution .head {
    padding-bottom: 30px;
}

.our-solutions.industry-page-solution .head h2 {
    color: #fff;
    margin-bottom: 28px;
}

.our-solutions.industry-page-solution .head h6 {
    font-size: 34px;
    line-height: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: #fff;
    padding-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .our-solutions.industry-page-solution .head h6 {
        font-size: 28px;
    }
}

.our-solutions.industry-page-solution .head p {
    color: #fff;
    line-height: 27px;
}

.our-solutions.industry-page-solution .solution-box figure figcaption h3 {
    font-size: 30px;
}

@media screen and (max-width: 1399px) {
    .our-solutions.industry-page-solution .solution-box figure figcaption h3 {
        font-size: 27px;
    }
}

.our-solutions.industry-page-solution .solution-box figure figcaption a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.our-solutions.industry-page-solution .solution-box figure figcaption a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.our-solutions.industry-page-solution .solution-box figure figcaption a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.our-solutions.industry-page-solution .solution-box figure figcaption a:hover img {
    margin-left: 10px;
}

.our-solutions.industry-page-solution .solution-box:hover figure figcaption h3 {
    font-size: 22px;
}

.our-smiplify-outer {
    padding: 90px 0px;
    background: url(../images/simply-bg.webp) no-repeat;
    background-size: cover;
}

.our-smiplify-outer .head span {
    letter-spacing: 0px;
}

.our-smiplify-outer .head h2 {
    margin-bottom: 15px;
}

.our-smiplify-outer .our-smiplify-main {
    padding: 0px 80px;
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row {
    display: flex;
    padding-right: 15px;
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text {
    width: 52%;
    padding-right: 40px;
    padding-top: 20px;
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text h3 {
    font-size: 22px;
    font-family: "Graphik Semibold";
    color: #000;
    padding-bottom: 12px;
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text p {
    font-size: 20px;
    line-height: 27px;
    color: #000;
    padding-bottom: 15px;
}

@media screen and (max-width: 576px) {
    .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text p {
        font-size: 16px;
        line-height: 22px;
    }
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text a.learn-more {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text a.learn-more img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text a.learn-more:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text a.learn-more:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text {
        width: 100%;
        padding-right: 0px;
        order: 2;
    }
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-right {
    width: 48%;
    height: 300px;
    display: flex;
    border-radius: 16px;
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-right img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
}

@media screen and (max-width: 991px) {
    .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-right {
        width: 100%;
        order: 1;
    }
}

@media screen and (max-width: 1450px) {
    .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 576px) {
    .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row {
        padding: 0px 5px;
    }
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-arrow {
    width: 51px;
    height: 51px;
    border: 1px solid #3A3A3A;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 26px;
    height: 16px;
    filter: invert(100);
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-arrow:hover {
    border-color: #06ABBF;
    background: #06ABBF;
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-arrow:hover:before {
    filter: invert(0);
}

@media screen and (max-width: 1450px) {
    .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-arrow {
        background: #fff;
    }
}

@media screen and (max-width: 576px) {
    .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-arrow {
        top: 280px;
        width: 45px;
        height: 45px;
    }
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-prev {
    left: -65px;
}

@media screen and (max-width: 576px) {
    .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-prev {
        left: 0px;
    }
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-next {
    right: -40px;
}

.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-next::before {
    transform: rotate(180deg);
}

@media screen and (max-width: 576px) {
    .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-next {
        right: 0px;
    }
}

@media screen and (max-width: 576px) {
    .our-smiplify-outer .our-smiplify-main {
        padding: 0px;
    }
}

.data-driven-outer {
    background: #000;
    padding: 60px 0px;
}

.data-driven-outer .head {
    text-align: left;
    padding-bottom: 0px;
}

.data-driven-outer .head span {
    color: #fff;
}

.data-driven-outer .head h2 {
    color: #fff;
    padding-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .data-driven-outer .head h2 br {
        display: none;
    }
}

.data-driven-outer .head p {
    color: #fff;
}

.data-driven-outer .data-driven-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.data-driven-outer .data-driven-main .data-driven-right {
    width: 60%;
    padding-left: 80px;
}

@media screen and (max-width: 767px) {
    .data-driven-outer .data-driven-main .data-driven-right {
        width: 100%;
        padding-left: 0px;
    }
}

.data-driven-outer .data-driven-main .data-driven-left {
    width: 40%;
    padding: 10px;
    padding-bottom: 30px;
}

.data-driven-outer .data-driven-main .data-driven-left img {
    max-width: 100%;
    transition: all 0.5s;
    display: block;
    margin: 0 auto;
}

.data-driven-outer .data-driven-main .data-driven-left:hover img {
    transform: scale(1.05);
}

@media screen and (max-width: 767px) {
    .data-driven-outer .data-driven-main .data-driven-left {
        width: 100%;
    }
}

.secure-compliant-outer {
    background-size: cover !important;
    padding: 60px 0px;
}

.secure-compliant-outer .head {
    text-align: left;
    padding-bottom: 0px;
}

.secure-compliant-outer .head span {
    color: #fff;
}

.secure-compliant-outer .head h2 {
    color: #fff;
    padding-bottom: 30px;
}

.secure-compliant-outer .head p {
    color: #fff;
}

.secure-compliant-outer .secure-compliant-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.secure-compliant-outer .secure-compliant-main .secure-compliant-right {
    width: 40%;
    overflow: hidden;
    padding: 10px;
    padding-bottom: 30px;
}

.secure-compliant-outer .secure-compliant-main .secure-compliant-right img {
    max-width: 100%;
    transition: all 0.5s;
    display: block;
    margin: 0 auto;
}

.secure-compliant-outer .secure-compliant-main .secure-compliant-right:hover img {
    transform: scale(1.05);
}

@media screen and (max-width: 767px) {
    .secure-compliant-outer .secure-compliant-main .secure-compliant-right {
        width: 100%;
        order: 1;
    }
}

.secure-compliant-outer .secure-compliant-main .secure-compliant-left {
    width: 60%;
    padding-right: 80px;
}

@media screen and (max-width: 767px) {
    .secure-compliant-outer .secure-compliant-main .secure-compliant-left {
        width: 100%;
        padding-right: 0px;
        order: 2;
    }
}

.appi_portfolio_panel.industry-case-study .showcase_panel .showcase .scr_bar .bar {
    background: linear-gradient(93.05deg, #19D58A -14.26%, #0884B2 85.74%);
}

.appi_portfolio_panel.industry-case-study .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.appi_portfolio_panel.industry-case-study .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.appi_portfolio_panel.industry-case-study .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.appi_portfolio_panel.industry-case-study .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more:hover img {
    margin-left: 10px;
}

.about-page-banner-outer {
    padding: 150px 0px 100px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.about-page-banner-outer .about-page-main {
    text-align: center;
}

.about-page-banner-outer .about-page-main h1 {
    font-size: 148px;
    background: linear-gradient(259.44deg, #E8F073 30.39%, rgba(0, 255, 200, 0.99) 90.57%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 99%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .about-page-banner-outer .about-page-main h1 {
        font-size: 120px;
    }
}

@media screen and (max-width: 1199px) {
    .about-page-banner-outer .about-page-main h1 {
        font-size: 100px;
    }
}

@media screen and (max-width: 767px) {
    .about-page-banner-outer .about-page-main h1 {
        font-size: 70px;
    }
}

.about-page-banner-outer .about-page-main h3 {
    font-size: 45px;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .about-page-banner-outer .about-page-main h3 {
        font-size: 35px;
    }
}

@media screen and (max-width: 1199px) {
    .about-page-banner-outer .about-page-main h3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 991px) {
    .about-page-banner-outer .about-page-main h3 {
        font-size: 25px;
    }

    .about-page-banner-outer .about-page-main h3 br {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .about-page-banner-outer .about-page-main h3 {
        font-size: 25px;
    }
}

.about-page-banner-outer .about-page-main p {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 15px;
}

@media screen and (max-width: 991px) {
    .about-page-banner-outer .about-page-main p br {
        display: none;
    }
}

.about-page-banner-outer .about-page-main a.learn-more {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.about-page-banner-outer .about-page-main a.learn-more img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.about-page-banner-outer .about-page-main a.learn-more:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.about-page-banner-outer .about-page-main a.learn-more:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 1199px) {
    .about-page-banner-outer {
        padding-top: 100px;
    }
}

.our-mission-outer {
    background: #000;
    padding: 60px 0px;
    position: relative;
    overflow: hidden;
}

.our-mission-outer .our-mission-main {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.our-mission-outer .our-mission-main .our-mission-bx {
    width: calc(33.33% - 70px);
}

.our-mission-outer .our-mission-main .our-mission-bx span {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
    display: block;
    color: #fff;
    text-transform: uppercase;
}

.our-mission-outer .our-mission-main .our-mission-bx h3 {
    font-size: var(--tp-fz-h2);
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    display: flex;
    padding-bottom: 5px;
}

.our-mission-outer .our-mission-main .our-mission-bx h3 span {
    font-size: var(--tp-fz-h2);
    text-transform: inherit;
    background: linear-gradient(259.44deg, #E8F073 30.39%, rgba(0, 255, 200, 0.99) 90.57%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: inherit;
    margin-bottom: 0px;
    padding-left: 5px;
}

.our-mission-outer .our-mission-main .our-mission-bx p {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .our-mission-outer .our-mission-main .our-mission-bx {
        width: 100%;
        padding-right: 350px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .our-mission-outer .our-mission-main .our-mission-bx {
        padding-right: 220px;
    }
}

@media screen and (max-width: 576px) {
    .our-mission-outer .our-mission-main .our-mission-bx {
        padding-right: 0px;
    }
}

.our-mission-outer .our-mission-main .our-mis-text {
    position: relative;
    top: -10px;
}

.our-mission-outer .our-mission-main .our-mis-text h5 {
    font-size: 100px;
    line-height: 80%;
    font-family: "Playfair Display";
    color: #fff;
}

@media screen and (max-width: 767px) {
    .our-mission-outer .our-mission-main .our-mis-text h5 {
        font-size: 70px;
    }
}

@media screen and (max-width: 991px) {
    .our-mission-outer .our-mission-main .our-mis-text {
        position: absolute;
        right: 0px;
    }
}

@media screen and (max-width: 576px) {
    .our-mission-outer .our-mission-main .our-mis-text {
        position: static;
    }
}

@media screen and (max-width: 991px) {
    .our-mission-outer .our-mission-main {
        flex-wrap: wrap;
    }
}

.our-mission-outer::after {
    width: 30%;
    height: 100%;
    content: "";
    position: absolute;
    right: -5%;
    top: 0px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(201, 148, 229, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
    background-blend-mode: lighten;
}

@media screen and (max-width: 767px) {
    .our-mission-outer::after {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .our-mission-outer::after {
        width: 70%;
    }
}

.our-core-values {
    background: url(../images/core-value-bg.webp) no-repeat;
    background-size: 100% 100%;
    padding: 60px 0px 40px;
}

.our-core-values .head {
    padding-bottom: 60px;
}

.our-core-values .our-core-main {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.our-core-values .our-core-main .our-core-bx {
    width: calc(50% - 25px);
    padding: 55px 55px 26px;
    background: url(../images/core-bg1.webp) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 30px;
    min-height: 195px;
    transition: all 0.5s;
}

.our-core-values .our-core-main .our-core-bx .our-core-ico {
    position: absolute;
    left: 53px;
    top: -35px;
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    background: url(../images/core-ico-bg.webp) no-repeat;
    border-radius: 100%;
    justify-content: center;
}

.our-core-values .our-core-main .our-core-bx .our-core-ico img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media screen and (max-width: 1024px) {
    .our-core-values .our-core-main .our-core-bx .our-core-ico {
        left: 45px;
    }
}

@media screen and (max-width: 991px) {
    .our-core-values .our-core-main .our-core-bx .our-core-ico {
        left: 25px;
    }
}

.our-core-values .our-core-main .our-core-bx h3 {
    font-size: 24px;
    line-height: 124%;
    font-family: "Graphik Semibold";
    color: #000;
}

@media screen and (max-width: 767px) {
    .our-core-values .our-core-main .our-core-bx h3 {
        font-size: 20px;
    }
}

.our-core-values .our-core-main .our-core-bx p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 0px;
    color: #000;
}

@media screen and (max-width: 767px) {
    .our-core-values .our-core-main .our-core-bx p {
        font-size: 16px;
        line-height: 22px;
    }
}

.our-core-values .our-core-main .our-core-bx:hover {
    background: url(../images/core-bg1-hover.png) no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 1024px) {
    .our-core-values .our-core-main .our-core-bx {
        padding: 45px 45px 26px;
    }
}

@media screen and (max-width: 991px) {
    .our-core-values .our-core-main .our-core-bx {
        padding: 45px 25px 26px 25px;
    }
}

@media screen and (max-width: 767px) {
    .our-core-values .our-core-main .our-core-bx {
        width: 100%;
        min-height: unset;
    }
}

@media screen and (max-width: 767px) {
    .our-core-values .our-core-main {
        gap: 0px 0px 30px;
    }
}

.scroll-wrapper {
    padding: 80px 0px;
    background-size: cover !important;
    height: 994px;
    overflow: hidden;
}

.scroll-wrapper .head {
    width: 100%;
    text-align: center;
}

.scroll-wrapper .head span {
    color: #fff;
}

.scroll-wrapper .head h2 {
    color: #fff;
    background: linear-gradient(259.44deg, #E8F073 47.39%, rgba(0, 255, 200, 0.99) 57.57%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.scroll-wrapper #sliderSection {
    position: relative;
    width: 100vw;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    padding: 0px 70px 75px;
}

.scroll-wrapper #sliderSection .track {
    display: flex;
    transition: transform 0.4s ease;
    align-items: flex-start;
    margin: 0 auto;
    will-change: transform;
}

.scroll-wrapper #sliderSection .track .journey-item {
    min-width: 200px;
    max-width: 200px;
    position: relative;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 2;
}

.scroll-wrapper #sliderSection .track .journey-item p {
    font-size: 12px;
    color: #fff;
    line-height: 18px;
}

.scroll-wrapper #sliderSection .track .journey-item::after {
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background: linear-gradient(259.44deg, #FBAA9D 25.03%, #66FDB9 90.57%);
    left: 0;
    position: absolute;
    right: 14px;
    margin: 0 auto;
    bottom: -44px;
    content: "";
    z-index: 2;
}

.scroll-wrapper #sliderSection .track .journey-item:nth-child(2n) {
    margin-top: 200px;
}

.scroll-wrapper #sliderSection .track .journey-item:nth-child(2n)::after {
    bottom: unset;
    top: -55px;
}

.scroll-wrapper #sliderSection .track .journey-item.visible {
    opacity: 1;
}

.scroll-wrapper #sliderSection .track::after {
    height: 1px;
    width: 100%;
    background: #000000;
    content: "";
    left: 0px;
    top: 150px;
    position: absolute;
    z-index: 1;
}

.scroll-wrapper #sliderSection .nav-buttons {
    position: absolute;
    top: 126px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    left: 0;
    z-index: 9;
    padding-right: 40px;
    padding-left: 20px;
}

@media screen and (max-width: 1024px) {
    .scroll-wrapper #sliderSection .nav-buttons {
        padding-right: 8px;
        padding-left: 6px;
    }
}

.scroll-wrapper #sliderSection .nav-buttons button {
    min-width: 51px;
    height: 51px;
    border: 2px solid #F1F1F1;
    border-radius: 100%;
    position: relative;
    background: none;
    font-size: 0px;
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scroll-wrapper #sliderSection .nav-buttons button:hover {
    border-color: #06ABBF;
    background: #06ABBF;
}

@media screen and (max-width: 1024px) {
    .scroll-wrapper #sliderSection .nav-buttons button {
        min-width: 45px;
        height: 45px;
    }
}

.scroll-wrapper #sliderSection .nav-buttons button#nextBtn::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 26px;
    height: 16px;
    opacity: 1 !important;
    transform: rotate(180deg);
    content: "";
    position: absolute;
}

.scroll-wrapper #sliderSection .nav-buttons button#prevBtn::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 26px;
    height: 16px;
    opacity: 1 !important;
    content: "";
    position: absolute;
}

.scroll-wrapper #sliderSection .nav-buttons button:disabled {
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
}

@media screen and (max-width: 767px) {
    .scroll-wrapper #sliderSection {
        padding: 0px 30px 35px;
    }
}

@media screen and (max-width: 1024px) {
    .scroll-wrapper {
        height: 800px;
    }
}

@media screen and (max-width: 767px) {
    .scroll-wrapper {
        height: auto;
    }
}

.every-where-outer {
    background: url(../images/every-think-bg.webp) no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.every-where-outer .head span {
    margin-bottom: 8px;
}

.every-where-outer .every-where-main {
    position: relative;
}

.every-where-outer .every-where-main .every-figure figure {
    width: 54%;
    margin: 0 auto;
}

.every-where-outer .every-where-main .every-figure figure img {
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .every-where-outer .every-where-main .every-figure figure {
        width: 100%;
    }
}

.every-where-outer .every-where-main .every-india-number {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.every-where-outer .every-where-main .every-india-number .every-bx {
    width: 243px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
}

.every-where-outer .every-where-main .every-india-number .every-bx h3 {
    background: linear-gradient(91.06deg, #1DCAF6 0%, #08B066 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 75px;
    line-height: 99%;
    font-family: "Graphik Semibold";
}

@media screen and (max-width: 1199px) {
    .every-where-outer .every-where-main .every-india-number .every-bx h3 {
        font-size: 55px;
    }
}

@media screen and (max-width: 991px) {
    .every-where-outer .every-where-main .every-india-number .every-bx h3 {
        font-size: 40px;
    }
}

@media screen and (max-width: 767px) {
    .every-where-outer .every-where-main .every-india-number .every-bx h3 {
        font-size: 30px;
    }
}

.every-where-outer .every-where-main .every-india-number .every-bx p {
    font-size: 24px;
    font-family: "Graphik Medium";
    text-align: center;
}

@media screen and (max-width: 1199px) {
    .every-where-outer .every-where-main .every-india-number .every-bx p {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {
    .every-where-outer .every-where-main .every-india-number .every-bx p {
        font-size: 16px;
    }
}

.every-where-outer .every-where-main .every-india-number .every-bx:nth-child(2) {
    top: 300px;
    text-align: center;
    width: 220px;
}

@media screen and (max-width: 1399px) {
    .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(2) {
        top: 250px;
    }
}

@media screen and (max-width: 1060px) {
    .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(2) {
        top: 190px;
    }
}

.every-where-outer .every-where-main .every-india-number .every-bx:nth-child(3) {
    top: 600px;
    text-align: center;
    width: 200px;
}

@media screen and (max-width: 1399px) {
    .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(3) {
        top: 550px;
    }
}

@media screen and (max-width: 1060px) {
    .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(3) {
        top: 455px;
    }
}

.every-where-outer .every-where-main .every-india-number .every-bx:nth-child(4) {
    right: 0px;
    left: unset;
}

.every-where-outer .every-where-main .every-india-number .every-bx:nth-child(5) {
    right: 0px;
    left: unset;
    top: 300px;
}

@media screen and (max-width: 1399px) {
    .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(5) {
        top: 250px;
    }
}

@media screen and (max-width: 1060px) {
    .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(5) {
        top: 190px;
    }
}

.every-where-outer .every-where-main .every-india-number .every-bx:nth-child(6) {
    right: 0px;
    left: unset;
    top: 600px;
    text-align: center;
    width: 250px;
}

@media screen and (max-width: 1399px) {
    .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(6) {
        top: 550px;
    }
}

@media screen and (max-width: 1060px) {
    .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(6) {
        top: 455px;
    }
}

@media screen and (max-width: 1199px) {
    .every-where-outer .every-where-main .every-india-number .every-bx {
        width: 210px;
    }
}

@media screen and (max-width: 991px) {
    .every-where-outer .every-where-main .every-india-number .every-bx {
        position: static;
        width: 33.33% !important;
    }
}

@media screen and (max-width: 767px) {
    .every-where-outer .every-where-main .every-india-number .every-bx {
        position: static;
        width: 50% !important;
    }
}

@media screen and (max-width: 991px) {
    .every-where-outer .every-where-main .every-india-number {
        position: static;
        flex-wrap: wrap;
        display: flex;
    }
}

.assits-outer {
    background: url(../images/assits-outer-bg.webp) no-repeat;
    background-size: cover !important;
    padding: 60px 0px 70px;
}

.assits-outer .assits-head {
    text-align: center;
}

.assits-outer .assits-head h2 {
    font-size: 60px;
    line-height: 124%;
    font-family: "Graphik Semibold";
    color: #fff;
    padding-bottom: 15px;
}

@media screen and (max-width: 991px) {
    .assits-outer .assits-head h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 767px) {
    .assits-outer .assits-head h2 {
        font-size: 35px;
    }

    .assits-outer .assits-head h2 br {
        display: none;
    }
}

.assits-outer .assits-head a.learn-more {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.assits-outer .assits-head a.learn-more img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.assits-outer .assits-head a.learn-more:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.assits-outer .assits-head a.learn-more:hover img {
    margin-left: 10px;
}

.contact-us-outer {
    background: #000 url(../images/contact-page-bg.webp) no-repeat 0px 0px;
    background-size: 100% 100%;
    padding: 150px 0px 30px;
}

.contact-us-outer .contact-us-main .contact-us-head h2 {
    font-size: 80px;
    line-height: 100%;
    color: #D9D9D9;
    font-family: "Graphik Semibold";
    text-align: center;
    padding-bottom: 15px;
}

@media screen and (max-width: 1450px) {
    .contact-us-outer .contact-us-main .contact-us-head h2 {
        font-size: 70px;
    }
}

@media screen and (max-width: 1450px) {
    .contact-us-outer .contact-us-main .contact-us-head h2 {
        font-size: 60px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-us-outer .contact-us-main .contact-us-head h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 767px) {
    .contact-us-outer .contact-us-main .contact-us-head h2 {
        font-size: 40px;
        color: #fff;
    }
}

.contact-us-outer .contact-us-main .contact-us-head p {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .contact-us-outer .contact-us-main .contact-us-head p {
        font-size: 16px;
        line-height: 22px;
    }

    .contact-us-outer .contact-us-main .contact-us-head p br {
        display: none;
    }
}

.contact-us-outer .contact-us-main .contact-us-form-main {
    display: flex;
    gap: 0px 78px;
    padding: 80px 0px 60px;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left {
    background: url(../images/contact-form-bg.webp) no-repeat;
    background-size: 100% 100%;
    width: 50%;
    min-height: 712px;
    padding: 35px 47px;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left h2 {
    font-size: 35px;
    font-family: "Graphik Semibold";
    color: #fff;
    padding-bottom: 10px;
}

@media screen and (max-width: 991px) {
    .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left h2 {
        font-size: 28px;
    }
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row {
    margin-bottom: 10px;
    line-height: 1;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row input {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    width: 100%;
    height: 48px;
    padding: 0px 20px;
    box-shadow: none !important;
    outline: none !important;
    line-height: 48px;
    font-size: 14px;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row input::placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row select {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    width: 100%;
    height: 48px;
    padding: 0px 20px;
    box-shadow: none !important;
    outline: none !important;
    line-height: 48px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/select-ico.png) no-repeat 97% center;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row select option {
    color: #000;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row textarea {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    width: 100%;
    height: 130px;
    padding: 5px 20px;
    box-shadow: none !important;
    outline: none !important;
    line-height: 20px;
    font-size: 14px;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row textarea::placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row .submit {
    background: #13ACB8;
    font-size: 22px;
    font-family: "Graphik Semibold";
    color: #fff;
    border: 1px solid #00AFCA;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row .submit:hover {
    background: transparent;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row p {
    margin: 0px;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row .wpcf7-not-valid-tip {
    margin-top: 8px;
    display: none;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row .wpcf7-spinner {
    position: absolute;
}

@media screen and (max-width: 991px) {
    .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left {
        padding: 30px;
    }
}

@media screen and (max-width: 767px) {
    .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left {
        padding: 30px;
        width: 100%;
        min-height: unset;
        margin-bottom: 30px;
    }
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right {
    width: 50%;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right h3 {
    font-size: var(--tp-fz-h2);
    color: #fff;
    font-family: "Graphik Semibold";
    font-weight: var(--tp-fw-sbold);
    margin-bottom: 25px;
}

@media screen and (max-width: 991px) {
    .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right h3 {
        font-size: calc(var(--tp-fz-h2) - 10px);
    }
}

@media screen and (max-width: 767px) {
    .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right h3 {
        font-size: calc(var(--tp-fz-h2) - 20px);
    }
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right ul {
    margin-bottom: 50px;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right ul li {
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    margin-bottom: 20px;
    display: flex;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right ul li .socail-ico {
    min-width: 22px;
    margin-right: 10px;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right ul li a {
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 991px) {
    .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right ul li {
        font-size: 16px;
        line-height: 22px;
    }

    .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right ul li span br {
        display: none;
    }
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right .contact-us-map {
    width: 100%;
    border-radius: 17px;
    overflow: hidden;
    height: 400px;
}

.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right .contact-us-map iframe {
    border-radius: 17px;
    height: calc(100% + 141px);
    margin-top: -141px;
}

@media screen and (max-width: 767px) {
    .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .contact-us-outer .contact-us-main .contact-us-form-main {
        gap: 0px 30px;
    }
}

@media screen and (max-width: 767px) {
    .contact-us-outer .contact-us-main .contact-us-form-main {
        flex-wrap: wrap;
        gap: 0px;
    }
}

@media screen and (max-width: 767px) {
    .contact-us-outer .contact-us-main .contact-us-form-main {
        padding: 20px 0px 40px;
    }
}

.our-presence-outer {
    background: url(../images/our-presence-bg.webp) no-repeat;
    background-size: cover;
    padding: 60px 0px;
    min-height: 900px;
}

.our-presence-outer .head span {
    color: #fff;
    margin-bottom: 2px;
}

.our-presence-outer .head h2 {
    color: #fff;
}

.our-presence-outer .our-persence-main {
    position: relative;
    padding: 30px 0px 80px;
}

.our-presence-outer .our-persence-main figure {
    width: 54%;
    margin: 0 auto;
}

.our-presence-outer .our-persence-main figure img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

@media screen and (max-width: 1399px) {
    .our-presence-outer .our-persence-main figure {
        width: 50%;
    }
}

@media screen and (max-width: 1199px) {
    .our-presence-outer .our-persence-main figure {
        width: 40%;
    }
}

@media screen and (max-width: 767px) {
    .our-presence-outer .our-persence-main figure {
        width: 100%;
    }
}

.our-presence-outer .our-persence-main .our-presence-bx {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 280px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    left: 0px;
}

.our-presence-outer .our-persence-main .our-presence-bx .our-presence-area {
    width: 100%;
}

.our-presence-outer .our-persence-main .our-presence-bx .our-presence-area h4 {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: "Graphik Semibold";
    font-size: 24px;
    -webkit-text-fill-color: transparent;
}

.our-presence-outer .our-persence-main .our-presence-bx .our-presence-area p {
    font-size: 18px;
    line-height: 25px;
    color: #8C8C8C;
    margin-bottom: 0px;
    min-height: 125px;
}

@media screen and (max-width: 991px) {
    .our-presence-outer .our-persence-main .our-presence-bx .our-presence-area p {
        min-height: unset;
    }
}

@media screen and (max-width: 991px) {
    .our-presence-outer .our-persence-main .our-presence-bx {
        position: static;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .our-presence-outer .our-persence-main .our-presence-bx .our-presence-area {
        width: calc(50% - 13px);
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 991px) and (max-width: 576px) {
    .our-presence-outer .our-persence-main .our-presence-bx .our-presence-area {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .our-presence-outer .our-persence-main .our-presence-bx {
        gap: 0px;
    }
}

.our-presence-outer .our-persence-main .our-presence-bx.our-presence-bx-right {
    left: unset;
    right: 0px;
}

@media screen and (max-width: 991px) {
    .our-presence-outer .our-persence-main {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 991px) {
    .our-presence-outer {
        min-height: unset;
    }
}

.case-study-banner {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.case-study-banner .case-study-main {
    text-align: center;
}

.case-study-banner .case-study-main h1 {
    font-size: 148px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 99%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .case-study-banner .case-study-main h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .case-study-banner .case-study-main h1 {
        font-size: 70px;
    }
}

@media screen and (max-width: 767px) {
    .case-study-banner .case-study-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 600px) {
    .case-study-banner .case-study-main h1 {
        font-size: 45px;
    }
}

.case-study-banner .case-study-main h3 {
    font-size: 45px;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .case-study-banner .case-study-main h3 {
        font-size: 35px;
    }
}

@media screen and (max-width: 1199px) {
    .case-study-banner .case-study-main h3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 991px) {
    .case-study-banner .case-study-main h3 {
        font-size: 25px;
    }

    .case-study-banner .case-study-main h3 br {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .case-study-banner .case-study-main h3 {
        font-size: 25px;
    }
}

.case-study-banner .case-study-main p {
    font-size: 22px;
    color: #fff;
    font-family: "Graphik Medium";
}

@media screen and (max-width: 1450px) {
    .case-study-banner .case-study-main p {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .case-study-banner .case-study-main p {
        font-size: 16px;
    }
}

.case-study-banner .case-study-main a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.case-study-banner .case-study-main a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.case-study-banner .case-study-main a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.case-study-banner .case-study-main a:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .case-study-banner {
        padding: 100px 0px 30px;
        background-size: cover !important;
    }
}

.case-study-listing-outer {
    background-size: cover !important;
    padding: 60px 0px;
    position: relative;
    /* Responsive */
}

.case-study-listing-outer .filter-icon {
    display: none;
    background: #222344;
    border: none;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    position: relative;
    margin-bottom: 18px;
    cursor: pointer;
    outline: none;
}

.case-study-listing-outer .filter-icon:after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M7 12h10M10 18h4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.case-study-listing-outer .filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    justify-content: center;
}

.case-study-listing-outer .filter-tabs .tab {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 34px;
    border-radius: 44px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
    border: 1px solid #494949;
    min-width: 211px;
}

.case-study-listing-outer .filter-tabs .tab:not(.active):hover {
    background: #0089C4;
    border-color: #0089C4;
}

.case-study-listing-outer .filter-tabs .tab.active {
    background: #0089C4;
    color: #fff;
    border-color: #0089C4;
    box-shadow: 0 2px 8px rgba(23, 145, 255, 0.12);
}

.case-study-listing-outer .mobile-filter-list {
    display: none;
    flex-direction: column;
    gap: 8px;
    background: #222344;
    padding: 10px 0px;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(23, 47, 94, 0.12);
    margin-bottom: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    left: 16px;
    right: 16px;
    top: 108px;
    z-index: 10;
}

.case-study-listing-outer .mobile-filter-list.open {
    display: flex;
}

.case-study-listing-outer .mobile-filter-list.open .tab {
    text-align: left;
    padding: 4px 20px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
}

.case-study-listing-outer .mobile-filter-list.open .tab:hover {
    background: #1791ff;
    color: #fff;
}

.case-study-listing-outer .content-card {
    padding: 50px 0;
    border-bottom: 1px solid #808080;
}

.case-study-listing-outer .content-card .card-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.case-study-listing-outer .content-card .card-details .card-text {
    width: 50%;
    padding-right: 60px;
    max-width: 514px;
}

.case-study-listing-outer .content-card .card-details .card-text .card-label {
    display: inline-block;
    background: linear-gradient(91.29deg, rgba(8, 32, 93, 0.62) 50.29%, rgba(24, 71, 153, 0.62) 115.21%);
    color: #fff;
    padding: 14px 32px;
    font-size: 14px;
    border-radius: 30px;
    margin-bottom: 25px;
    font-weight: 500;
}

.case-study-listing-outer .content-card .card-details .card-text h3 {
    font-size: 22px;
    margin-bottom: 8px;
    color: #fff;
    font-family: "Graphik Medium";
    margin-bottom: 25px;
}

.case-study-listing-outer .content-card .card-details .card-text p {
    color: #FFFFFF;
}

.case-study-listing-outer .content-card .card-details .card-text .know-more {
    font-size: 16px;
    text-decoration: none;
    font-family: "Graphik Bold";
    background: linear-gradient(88.81deg, #0B85FF 3.08%, #0089C4 79.39%);
    transition: color 0.2s;
    color: #fff;
    -webkit-background-clip: text !important;
    transition: all 0.5s;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.case-study-listing-outer .content-card .card-details .card-text .know-more img {
    margin-left: 7px;
    transition: all 0.5s;
}

.case-study-listing-outer .content-card .card-details .card-text .know-more:hover {
    background: linear-gradient(88.81deg, #0089C4 3.08%, #0B85FF 79.39%);
}

.case-study-listing-outer .content-card .card-details .card-text .know-more:hover img {
    margin-left: 9px;
}

@media screen and (max-width: 991px) {
    .case-study-listing-outer .content-card .card-details .card-text {
        width: 100%;
        padding-right: 0px;
        max-width: 100%;
        order: 2;
    }
}

.case-study-listing-outer .content-card .card-details .card-img {
    width: 50%;
    border-radius: 12px;
    box-shadow: 0 4px 16px 0 rgba(23, 47, 94, 0.15);
    -o-object-fit: cover;
    object-fit: cover;
    height: 382px;
    overflow: hidden;
    display: flex;
}

.case-study-listing-outer .content-card .card-details .card-img img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 991px) {
    .case-study-listing-outer .content-card .card-details .card-img {
        width: 100%;
        order: 1;
        margin-bottom: 20px;
    }
}

.case-study-listing-outer .content-card:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.case-study-listing-outer .loader-btn {
    width: 100%;
    text-align: center;
    padding-top: 40px;
}

.case-study-listing-outer .loader-btn a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(93.05deg, #00DFA3 -14.26%, #007EFC 85.74%);
}

.case-study-listing-outer .loader-btn a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.case-study-listing-outer .loader-btn a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.case-study-listing-outer .loader-btn a:hover img {
    margin-left: 10px;
}

.case-study-listing-outer .loader-btn a:hover {
    background: linear-gradient(93.05deg, #007EFC -14.26%, #00DFA3 85.74%);
}

@media (max-width: 900px) {
    .case-study-listing-outer .content-card .card-details {
        flex-direction: column;
    }

    .case-study-listing-outer .card-text {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .case-study-listing-outer .card-image {
        max-width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 700px) {
    .case-study-listing-outer {
        /* mobile-filter-list set above */
    }

    .case-study-listing-outer .filter-tabs {
        display: none;
    }

    .case-study-listing-outer .filter-icon {
        display: block;
    }
}

.case-details-study-banner {
    position: relative;
}

.case-details-study-banner figure {
    margin: 0px;
}

.case-details-study-banner figure img {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .case-details-study-banner figure img {
        height: 300px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
}

.case-details-study-banner .case-details-outer-text {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    display: flex;
    align-items: center;
}

.case-details-study-banner .case-details-outer-text .case-details-text {
    max-width: 500px;
}

.case-details-study-banner .case-details-outer-text .case-details-text h1 {
    font-size: 80px;
    font-family: "Graphik Bold";
    color: #fff;
    padding-bottom: 30px;
}

@media screen and (max-width: 1199px) {
    .case-details-study-banner .case-details-outer-text .case-details-text h1 {
        font-size: 50px;
        padding-bottom: 10px;
    }
}

.case-details-study-banner .case-details-outer-text .case-details-text p {
    font-size: 20px;
    color: #fff;
    line-height: 166%;
}

.clint-profile-outer {
    padding: 60px 0px;
    background-size: cover !important;
}

.clint-profile-outer .head h2 {
    color: #fff;
}

.clint-profile-outer .clint-profile-main {
    display: flex;
    gap: 80px;
    max-width: 1000px;
    margin: 0 auto;
}

.clint-profile-outer .clint-profile-main .client-profile-bx {
    width: 50%;
    padding: 40px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background: url(../images/client-profile-bg2.webp);
    background-size: 100% 100%;
}

.clint-profile-outer .clint-profile-main .client-profile-bx figure {
    width: 100%;
}

.clint-profile-outer .clint-profile-main .client-profile-bx figure img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.clint-profile-outer .clint-profile-main .client-profile-bx h3 {
    font-size: 22px;
    color: #1DE1FF;
    font-family: "Graphik Semibold";
    padding-bottom: 15px;
}

.clint-profile-outer .clint-profile-main .client-profile-bx p {
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 160%;
}

@media screen and (max-width: 767px) {
    .clint-profile-outer .clint-profile-main .client-profile-bx p {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .clint-profile-outer .clint-profile-main .client-profile-bx {
        width: 100%;
        padding: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .clint-profile-outer .clint-profile-main {
        max-width: 100%;
        gap: 40px;
    }
}

@media screen and (max-width: 767px) {
    .clint-profile-outer .clint-profile-main {
        flex-wrap: wrap;
    }
}

.key-obstacles-outer {
    padding: 60px 0px;
    min-height: 550px;
    background-size: cover !important;
}

.key-obstacles-outer .key-obstacles-main {
    display: flex;
    justify-content: flex-end;
}

.key-obstacles-outer .key-obstacles-main .key-obstacles-text {
    width: 702px;
    background: url(../images/key-obstacles-text-bg.webp) no-repeat;
    background-size: 100% 100%;
    min-height: 216px;
    padding: 20px 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.key-obstacles-outer .key-obstacles-main .key-obstacles-text p {
    font-size: 24px;
    line-height: 166%;
    font-family: "Graphik Medium";
    color: #000;
}

.key-obstacles-outer .key-obstacles-main .key-obstacles-text p span {
    color: #0090FF;
}

@media screen and (max-width: 767px) {
    .key-obstacles-outer .key-obstacles-main .key-obstacles-text p {
        font-size: 20px;
    }
}

.key-obstacles-outer .key-obstacles-main .key-obstacles-text ul li {
    background: url(../images/blue-arrow.svg) no-repeat 0px 5px;
    font-size: 16px;
    color: #000;
    padding-left: 30px;
    background-size: 18px;
    margin-bottom: 8px;
}

@media screen and (max-width: 1199px) {
    .key-obstacles-outer .key-obstacles-main .key-obstacles-text {
        padding: 20px 40px;
        width: 550px;
    }
}

@media screen and (max-width: 767px) {
    .key-obstacles-outer .key-obstacles-main .key-obstacles-text {
        padding: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .key-obstacles-outer {
        min-height: 440px;
        background-position: center !important;
    }
}

.what-we-deliverd-outer {
    padding: 60px 0px;
    min-height: 580px;
    background-size: cover !important;
    display: flex;
    align-items: center;
}

.what-we-deliverd-outer .what-we-deliverd h2 {
    font-size: var(--tp-fz-h2);
    color: #fff;
    font-family: "Graphik Semibold";
    font-weight: var(--tp-fw-sbold);
    margin-bottom: 25px;
}

@media screen and (max-width: 991px) {
    .what-we-deliverd-outer .what-we-deliverd h2 {
        font-size: calc(var(--tp-fz-h2) - 10px);
    }
}

@media screen and (max-width: 767px) {
    .what-we-deliverd-outer .what-we-deliverd h2 {
        font-size: calc(var(--tp-fz-h2) - 15px);
    }
}

.what-we-deliverd-outer .what-we-deliverd ul li {
    background: url(../images/blue-arrow.svg) no-repeat 0px 5px;
    font-size: 16px;
    color: #fff;
    padding-left: 30px;
    background-size: 18px;
    margin-bottom: 8px;
}

.what-we-deliverd-outer .what-we-deliverd p {
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .what-we-deliverd-outer {
        background-position: center !important;
        min-height: 380px;
    }
}

.discover-outer {
    padding: 60px 0px;
    background-size: cover !important;
}

.discover-outer .discover-main-cover {
    display: flex;
    gap: 50px;
    align-items: center;
}

.discover-outer .discover-main-cover .discover-left {
    width: 100%;
}

.discover-outer .discover-main-cover .discover-left h3 {
    font-size: 36px;
    line-height: 48px;
    color: #0D0F36;
    font-family: "Graphik Semibold";
    font-style: italic;
}

@media screen and (max-width: 1024px) {
    .discover-outer .discover-main-cover .discover-left h3 {
        font-size: 26px;
        line-height: 38px;
    }

    .discover-outer .discover-main-cover .discover-left h3 br {
        display: none;
    }
}

.discover-outer .discover-main-cover .discover-left p {
    font-size: 20px;
    line-height: 150%;
    color: #000;
}

.discover-outer .discover-main-cover .discover-btn {
    min-width: 250px;
}

.discover-outer .discover-main-cover .discover-btn a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(92.06deg, #08205D 16.42%, #0051DC 130.34%);
}

.discover-outer .discover-main-cover .discover-btn a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.discover-outer .discover-main-cover .discover-btn a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.discover-outer .discover-main-cover .discover-btn a:hover img {
    margin-left: 10px;
}

.discover-outer .discover-main-cover .discover-btn a:hover {
    background: linear-gradient(92.06deg, #0051DC 16.42%, #08205D 130.34%);
}

@media screen and (max-width: 767px) {
    .discover-outer .discover-main-cover {
        flex-wrap: wrap;
        align-content: flex-start;
        gap: 0px;
    }
}

.key-achivement-outer {
    background-size: cover !important;
    padding: 60px 0px;
}

.key-achivement-outer .head h2 {
    color: #fff;
}

.key-achivement-outer .key-achivemnt-main .key-achivemnt-row {
    padding: 0px 100px;
}

.key-achivement-outer .key-achivemnt-main .key-achivemnt-row .key-achivment-text {
    background: linear-gradient(90deg, rgba(6, 95, 191, 0.32) 0%, rgba(0, 0, 0, 0) 110.52%);
    padding: 22px 33px;
    max-width: 435px;
    margin-bottom: 15px;
    border-radius: 6px;
}

.key-achivement-outer .key-achivemnt-main .key-achivemnt-row .key-achivment-text h3 {
    font-size: 22px;
    color: #1DE1FF;
    font-family: "Graphik Medium";
    padding-bottom: 5px;
}

.key-achivement-outer .key-achivemnt-main .key-achivemnt-row .key-achivment-text p {
    font-size: 20px;
    line-height: 160%;
    color: #fff;
    margin: 0px;
}

@media screen and (max-width: 767px) {
    .key-achivement-outer .key-achivemnt-main .key-achivemnt-row .key-achivment-text p {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .key-achivement-outer .key-achivemnt-main .key-achivemnt-row .key-achivment-text {
        padding: 20px;
    }
}

@media screen and (max-width: 767px) {
    .key-achivement-outer .key-achivemnt-main .key-achivemnt-row {
        padding: 0px;
    }
}

@media screen and (max-width: 1024px) {
    .key-achivement-outer {
        background-position: center !important;
    }
}

.blog-listing-outer {
    background-size: cover !important;
    padding: 60px 0px;
    position: relative;
    /* Responsive */
}

.blog-listing-outer .filter-icon {
    display: none;
    background: #222344;
    border: none;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    position: relative;
    margin-bottom: 18px;
    cursor: pointer;
    outline: none;
}

.blog-listing-outer .filter-icon:after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M7 12h10M10 18h4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.blog-listing-outer .filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    justify-content: center;
}

.blog-listing-outer .filter-tabs .tab {
    background: transparent;
    border: none;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 34px;
    border-radius: 44px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
    border: 1px solid #B5B5B5;
    min-width: 211px;
}

.blog-listing-outer .filter-tabs .tab:not(.active):hover {
    background: #00BDC4;
    border-color: #00BDC4;
    color: #fff;
}

.blog-listing-outer .filter-tabs .tab.active {
    background: #00BDC4;
    color: #fff;
    border-color: #00BDC4;
    box-shadow: 0 2px 8px rgba(23, 145, 255, 0.12);
}

.blog-listing-outer .mobile-filter-list {
    display: none;
    flex-direction: column;
    gap: 8px;
    background: #222344;
    padding: 10px 0px;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(23, 47, 94, 0.12);
    margin-bottom: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    left: 16px;
    right: 16px;
    top: 108px;
    z-index: 10;
}

.blog-listing-outer .mobile-filter-list.open {
    display: flex;
}

.blog-listing-outer .mobile-filter-list.open .tab {
    text-align: left;
    padding: 4px 20px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
}

.blog-listing-outer .mobile-filter-list.open .tab:hover {
    background: #1791ff;
    color: #fff;
}

.blog-listing-outer .blog-listing-main {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.blog-listing-outer .blog-listing-main .blog-bx {
    padding: 25px;
    border-bottom: 1px solid #808080;
    width: calc(33.33% - 20px);
    background: rgba(255, 255, 255, 0.4588235294);
    box-shadow: 0px 18px 56px 0px rgba(130, 216, 255, 0.6117647059);
    border-radius: 11px;
    border: 1px solid #E2E2E2;
    transition: all 0.5s;
}

.blog-listing-outer .blog-listing-main .blog-bx .blog-area figure {
    border-radius: 9px;
    margin-bottom: 20px;
    height: 190px;
    display: flex;
}

.blog-listing-outer .blog-listing-main .blog-bx .blog-area figure a {
    display: flex;
    border-radius: 9px;
    width: 100%;
}

.blog-listing-outer .blog-listing-main .blog-bx .blog-area figure a img {
    width: 100%;
    border-radius: 9px;
    max-height: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-listing-outer .blog-listing-main .blog-bx .blog-area label {
    font-size: 13px;
    line-height: 25px;
    color: #0070A8;
    display: block;
    margin-bottom: 8px;
}

.blog-listing-outer .blog-listing-main .blog-bx .blog-area h3 {
    font-size: 20px;
    line-height: 30px;
    color: #242424;
    font-family: "Graphik Medium";
    margin-bottom: 20px;
    min-height: 60px;
}

.blog-listing-outer .blog-listing-main .blog-bx .blog-area h3 a {
    text-decoration: none;
    color: #242424;
}

@media screen and (max-width: 600px) {
    .blog-listing-outer .blog-listing-main .blog-bx .blog-area h3 {
        min-height: unset;
    }
}

.blog-listing-outer .blog-listing-main .blog-bx .blog-area p a {
    text-decoration: none;
    color: #000;
}

.blog-listing-outer .blog-listing-main .blog-bx .blog-area .know-more {
    font-size: 16px;
    text-decoration: none;
    font-family: "Graphik Bold";
    background: linear-gradient(91.67deg, #1A9B83 1.42%, #0088FF 101.9%);
    transition: color 0.2s;
    color: #fff;
    -webkit-background-clip: text !important;
    transition: all 0.5s;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.blog-listing-outer .blog-listing-main .blog-bx .blog-area .know-more img {
    margin-left: 7px;
    transition: all 0.5s;
}

.blog-listing-outer .blog-listing-main .blog-bx .blog-area .know-more:hover {
    background: linear-gradient(88.81deg, #0089C4 3.08%, #1A9B83 79.39%);
}

.blog-listing-outer .blog-listing-main .blog-bx .blog-area .know-more:hover img {
    margin-left: 9px;
}

.blog-listing-outer .blog-listing-main .blog-bx:hover {
    background: #fff;
}

@media screen and (max-width: 991px) {
    .blog-listing-outer .blog-listing-main .blog-bx {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 600px) {
    .blog-listing-outer .blog-listing-main .blog-bx {
        width: 100%;
    }
}

.blog-listing-outer .loader-btn {
    width: 100%;
    text-align: center;
    padding-top: 40px;
}

.blog-listing-outer .loader-btn a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(93.05deg, #00DFA3 -14.26%, #007EFC 85.74%);
}

.blog-listing-outer .loader-btn a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.blog-listing-outer .loader-btn a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.blog-listing-outer .loader-btn a:hover img {
    margin-left: 10px;
}

.blog-listing-outer .loader-btn a:hover {
    background: linear-gradient(93.05deg, #007EFC -14.26%, #00DFA3 85.74%);
}

@media (max-width: 900px) {
    .blog-listing-outer .content-card .card-details {
        flex-direction: column;
    }

    .blog-listing-outer .card-text {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .blog-listing-outer .card-image {
        max-width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 700px) {
    .blog-listing-outer {
        /* mobile-filter-list set above */
    }

    .blog-listing-outer .filter-tabs {
        display: none;
    }

    .blog-listing-outer .filter-icon {
        display: block;
    }
}

.blog-details-out-area {
    background: url(../images/blog-details-otu-area-bg.webp) no-repeat;
    background-size: 100% 100%;
}

.blog-details-outer {
    padding: 150px 0px 0px;
}

.blog-details-outer .blog-details-main {
    display: flex;
}

.blog-details-outer .blog-details-main .blog-details-left {
    width: 67%;
    padding-right: 80px;
}

@media screen and (max-width: 991px) {
    .blog-details-outer .blog-details-main .blog-details-left {
        padding-right: 20px;
    }
}

@media screen and (max-width: 768px) {
    .blog-details-outer .blog-details-main .blog-details-left {
        width: 100%;
        padding-right: 0px;
    }
}

.blog-details-outer .blog-details-main .blog-details-left h1 {
    font-size: 26px;
    line-height: 150%;
    color: #000;
    font-family: "Graphik Medium";
    padding-bottom: 10px;
}

@media screen and (max-width: 991px) {
    .blog-details-outer .blog-details-main .blog-details-left h1 {
        font-size: 25px;
    }
}

.blog-details-outer .blog-details-main .blog-details-left .blog-main-img {
    margin-bottom: 30px;
}

.blog-details-outer .blog-details-main .blog-details-left .blog-main-img img {
    width: 100%;
}

.blog-details-outer .blog-details-main .blog-details-left .blog-date {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.blog-details-outer .blog-details-main .blog-details-left .blog-date-rw {
    display: flex;
    margin-bottom: 20px;
}

.blog-details-outer .blog-details-main .blog-details-left .blog-date-rw .blog-details-date {
    font-size: 15px;
    line-height: 12px;
    color: #00D4FF;
    display: block;
    font-family: "Graphik Medium";
    position: relative;
    padding-right: 15px;
}

.blog-details-outer .blog-details-main .blog-details-left .blog-date-rw .blog-details-date::after {
    position: absolute;
    right: -1px;
    top: -1px;
    background: #585858;
    height: 15px;
    width: 1px;
    content: "";
}

.blog-details-outer .blog-details-main .blog-details-left .blog-date-rw span {
    font-size: 15px;
    line-height: 12px;
    color: #00D4FF;
    display: block;
    font-family: "Graphik Medium";
    padding-left: 15px;
}

.blog-details-outer .blog-details-main .blog-details-left h2 {
    font-size: 22px;
    line-height: 150%;
    font-family: "Graphik Medium";
    color: #000;
    margin-bottom: 20px;
}

.blog-details-outer .blog-details-main .blog-details-left h3 {
    font-size: 20px;
    line-height: 150%;
    font-family: "Graphik Medium";
    color: #000;
    margin-bottom: 20px;
}

.blog-details-outer .blog-details-main .blog-details-left h4 {
    font-size: 18px;
    line-height: 150%;
    font-family: "Graphik Medium";
    color: #000;
    margin-bottom: 20px;
}

.blog-details-outer .blog-details-main .blog-details-left p {
    font-size: 18px;
    line-height: 150%;
    color: #000;
    margin-bottom: 20px;
}

.blog-details-outer .blog-details-main .blog-details-left p a {
    color: #00D4FF;
}

@media screen and (max-width: 991px) {
    .blog-details-outer .blog-details-main .blog-details-left p {
        font-size: 16px;
    }
}

.blog-details-outer .blog-details-main .blog-details-left .events-slider .slick-dots {
    bottom: 12px;
}

.blog-details-outer .blog-details-main .blog-details-left .events-slider .slick-dots li {
    width: 35px;
    height: 4px;
}

.blog-details-outer .blog-details-main .blog-details-left .events-slider .slick-dots li button {
    width: 35px;
    height: 4px;
    padding: 0;
    background: #D4D4D4;
}

.blog-details-outer .blog-details-main .blog-details-left .events-slider .slick-dots li.slick-active button {
    background: #06ABBF;
}

.blog-details-outer .blog-details-main .blog-details-left img {
    max-width: 100%;
    height: auto;
}

.blog-details-outer .blog-details-main .blog-details-left>ul {
    margin-bottom: 25px;
}

.blog-details-outer .blog-details-main .blog-details-left>ul li {
    font-size: 18px;
    line-height: 150%;
    color: #000;
    padding-left: 25px;
    background: url(../images/li-bg-arrow.svg) no-repeat 0px 5px;
    margin-bottom: 12px;
}

.blog-details-outer .blog-details-main .blog-details-left .share-icone {
    padding-top: 10px;
}

.blog-details-outer .blog-details-main .blog-details-left .share-icone ul {
    display: flex;
}

.blog-details-outer .blog-details-main .blog-details-left .share-icone ul li {
    margin-right: 8px;
}

.blog-details-outer .blog-details-main .blog-details-left .share-icone ul li a {
    display: flex;
    width: 46px;
    height: 46px;
    border: 1px solid rgb(209, 209, 209);
    border-radius: 100%;
    font-size: 25px;
    align-items: center;
    justify-content: center;
    color: rgb(6, 171, 191);
    text-decoration: none;
}

.blog-details-outer .blog-details-main .blog-details-left .share-icone ul li a:hover {
    background: linear-gradient(246.46deg, #00DFAF 31.39%, #00BFFF 84.83%);
    color: #fff;
}

.blog-details-outer .blog-details-main .blog-details-left .share-icone .blog-arrow-btn {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    margin-top: 30px;
}

.blog-details-outer .blog-details-main .blog-details-left .share-icone .blog-arrow-btn img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.blog-details-outer .blog-details-main .blog-details-left .share-icone .blog-arrow-btn:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.blog-details-outer .blog-details-main .blog-details-left .share-icone .blog-arrow-btn:hover img {
    margin-left: 10px;
}

.blog-details-outer .blog-details-main .blog-details-left .share-icone.active ul {
    display: flex;
}

.blog-details-outer .blog-details-main .blog-details-right {
    width: 33%;
    padding-top: 65px;
}

@media screen and (max-width: 768px) {
    .blog-details-outer .blog-details-main .blog-details-right {
        width: 100%;
    }
}

.blog-details-outer .blog-details-main .blog-details-right h3 {
    font-size: 32px;
    line-height: 100%;
    color: #000;
    font-family: "Graphik Medium";
    margin-bottom: 0px;
}

@media screen and (max-width: 991px) {
    .blog-details-outer .blog-details-main .blog-details-right h3 {
        font-size: 25px;
    }
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row {
    display: flex;
    padding: 30px 0px;
    border-bottom: 1px dashed rgba(83, 83, 83, 0.5);
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-img {
    width: 40%;
    display: flex;
    height: 113px;
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-img a {
    display: flex;
    width: 100%;
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-img {
        max-width: 170px;
    }
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details {
    width: 60%;
    padding-left: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details h4 {
    font-size: 18px;
    line-height: 140%;
    color: #000;
    margin-bottom: 10px;
    width: 100%;
    min-height: 90px;
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details h4 a {
    color: #000;
    text-decoration: none;
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details h4 a:hover {
    color: #06ABBF;
}

@media screen and (max-width: 991px) {
    .blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details h4 {
        font-size: 14px;
    }
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details .date-blog {
    display: flex;
    align-items: center;
    width: 100%;
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details .date-blog span {
    font-size: 13px;
    line-height: 13px;
    color: #00D4FF;
    display: inline-block;
    text-decoration: none;
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details .date-blog span label {
    font-size: 13px;
    line-height: 13px;
    color: #000;
    display: inline-block;
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details .date-blog span label:hover {
    color: #00D4FF;
}

.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row:last-child {
    border-bottom: none;
}

@media screen and (max-width: 768px) {
    .blog-details-outer .blog-details-main {
        flex-wrap: wrap;
    }
}

.blog-details-releted-outer {
    padding: 60px 0px;
}

.blog-details-releted-outer .head {
    padding-bottom: 30px;
}

.blog-details-releted-outer .head span {
    color: #000;
}

.blog-details-releted-outer .head h2 {
    color: #000;
    padding-bottom: 10px;
}

@media screen and (max-width: 1399px) {
    .blog-details-releted-outer .head h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .blog-details-releted-outer .head h2 {
        font-size: 28px;
        line-height: 38px;
    }
}

.blog-details-releted-outer .blog-main {
    display: flex;
    flex-wrap: wrap;
}

.blog-details-releted-outer .blog-main .slick-list.draggable {
    width: 100%;
}

.blog-details-releted-outer .blog-main .slick-track {
    display: flex;
}

.blog-details-releted-outer .blog-main .blog-bx {
    padding: 25px;
    border-bottom: 1px solid #808080;
    width: calc(33.33% - 30px);
    background: rgba(255, 255, 255, 0.4588235294);
    border-radius: 11px;
    border: 1px solid #E2E2E2;
    transition: all 0.5s;
    margin: 0px 15px;
}

.blog-details-releted-outer .blog-main .blog-bx .blog-area figure {
    border-radius: 9px;
    margin-bottom: 20px;
    height: 185px;
    display: flex;
}

.blog-details-releted-outer .blog-main .blog-bx .blog-area figure a {
    display: flex;
    border-radius: 9px;
    width: 100%;
}

.blog-details-releted-outer .blog-main .blog-bx .blog-area figure a img {
    width: 100%;
    border-radius: 9px;
    max-height: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-details-releted-outer .blog-main .blog-bx .blog-area label {
    font-size: 13px;
    line-height: 25px;
    color: #0070A8;
    display: block;
    margin-bottom: 8px;
}

.blog-details-releted-outer .blog-main .blog-bx .blog-area h3 {
    font-size: 20px;
    line-height: 30px;
    color: #242424;
    font-family: "Graphik Medium";
    margin-bottom: 20px;
    min-height: 60px;
}

.blog-details-releted-outer .blog-main .blog-bx .blog-area h3 a {
    text-decoration: none;
    color: #242424;
}

.blog-details-releted-outer .blog-main .blog-bx .blog-area p a {
    text-decoration: none;
    color: #000;
}

.blog-details-releted-outer .blog-main .blog-bx .blog-area .know-more {
    font-size: 16px;
    text-decoration: none;
    font-family: "Graphik Bold";
    background: linear-gradient(91.67deg, #1A9B83 1.42%, #0088FF 101.9%);
    transition: color 0.2s;
    color: #fff;
    -webkit-background-clip: text !important;
    transition: all 0.5s;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.blog-details-releted-outer .blog-main .blog-bx .blog-area .know-more img {
    margin-left: 7px;
    transition: all 0.5s;
    display: inline-block;
}

.blog-details-releted-outer .blog-main .blog-bx .blog-area .know-more:hover {
    background: linear-gradient(88.81deg, #0089C4 3.08%, #1A9B83 79.39%);
}

.blog-details-releted-outer .blog-main .blog-bx .blog-area .know-more:hover img {
    margin-left: 9px;
}

.blog-details-releted-outer .blog-main .blog-bx:hover {
    background: #fff;
}

@media screen and (max-width: 991px) {
    .blog-details-releted-outer .blog-main .blog-bx {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 600px) {
    .blog-details-releted-outer .blog-main .blog-bx {
        width: 100%;
    }
}

.blog-details-releted-outer .blog-main .slick-arrow {
    width: 51px;
    height: 51px;
    border: 2px solid #000000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.blog-details-releted-outer .blog-main .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 28px;
    height: 16px;
    filter: invert(100);
}

.blog-details-releted-outer .blog-main .slick-arrow:hover {
    border-color: #06ABBF;
    background: #06ABBF;
}

.blog-details-releted-outer .blog-main .slick-arrow:hover::before {
    filter: unset;
}

@media screen and (max-width: 1199px) {
    .blog-details-releted-outer .blog-main .slick-arrow {
        width: 45px;
        height: 45px;
    }
}

.blog-details-releted-outer .blog-main .slick-prev {
    left: -50px;
}

@media screen and (max-width: 1399px) {
    .blog-details-releted-outer .blog-main .slick-prev {
        left: -40px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-details-releted-outer .blog-main .slick-prev {
        left: -10px;
    }
}

.blog-details-releted-outer .blog-main .slick-next {
    right: -50px;
}

.blog-details-releted-outer .blog-main .slick-next::before {
    transform: rotate(180deg);
}

@media screen and (max-width: 1399px) {
    .blog-details-releted-outer .blog-main .slick-next {
        right: -40px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-details-releted-outer .blog-main .slick-next {
        right: -10px;
    }
}

@media screen and (max-width: 1399px) {
    .blog-details-releted-outer .blog-main {
        margin-left: 0px;
    }
}

.news-listing-outer {
    background-size: cover !important;
    padding: 60px 0px;
    position: relative;
}

.news-listing-outer .news-listing-main {
    flex-wrap: wrap;
    justify-content: space-between;
}

.news-listing-outer .news-listing-main .news-box {
    width: 49%;
    gap: 15px;
    margin-bottom: 45px;
}

.news-listing-outer .news-listing-main .news-box .date span.month {
    color: #421798;
    font-size: 20px;
    font-family: "Graphik Medium";
    display: block;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DECEFF;
    text-transform: capitalize;
}

@media screen and (max-width: 991px) {
    .news-listing-outer .news-listing-main .news-box .date span.month {
        font-size: 15px;
        margin-bottom: 8px;
        padding-bottom: 5px;
    }
}

.news-listing-outer .news-listing-main .news-box .date span.month-date {
    color: #421798;
    font-size: 36px;
    font-family: "Graphik Medium";
}

@media screen and (max-width: 991px) {
    .news-listing-outer .news-listing-main .news-box .date span.month-date {
        font-size: 25px;
    }
}

.news-listing-outer .news-listing-main .news-box .news-image {
    width: 40%;
}

@media screen and (max-width: 991px) {
    .news-listing-outer .news-listing-main .news-box .news-image {
        width: 30%;
        min-width: 100px;
    }
}

.news-listing-outer .news-listing-main .news-box .news-info {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.news-listing-outer .news-listing-main .news-box .news-info h2 {
    color: #000000;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCD2FF;
    letter-spacing: -0.2px;
    width: 100%;
}

@media screen and (max-width: 1199px) {
    .news-listing-outer .news-listing-main .news-box .news-info h2 {
        font-size: 18px;
        line-height: 139%;
    }
}

@media screen and (max-width: 576px) {
    .news-listing-outer .news-listing-main .news-box .news-info h2 {
        font-size: 16px;
    }
}

.news-listing-outer .news-listing-main .news-box .news-info h2 a {
    color: #000;
    text-decoration: none;
}

.news-listing-outer .news-listing-main .news-box .news-info h2 a:hover {
    color: #421798;
}

@media screen and (max-width: 991px) {
    .news-listing-outer .news-listing-main .news-box .news-info {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .news-listing-outer .news-listing-main .news-box {
        width: 100%;
    }
}

.news-listing-outer .loader-btn {
    width: 100%;
    text-align: center;
    padding-top: 40px;
}

.news-listing-outer .loader-btn a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(93.05deg, #B38AFF -14.26%, #B701FF 85.74%);
}

.news-listing-outer .loader-btn a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.news-listing-outer .loader-btn a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.news-listing-outer .loader-btn a:hover img {
    margin-left: 10px;
}

.news-listing-outer .loader-btn a:hover {
    background: linear-gradient(93.05deg, #B701FF -14.26%, #B38AFF 85.74%);
}

.blog-details-out-area.news-details-out-area {
    background: url(../images/news-details-bg.webp) no-repeat;
    background-size: 100% 100%;
    padding-bottom: 60px;
}

.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left .blog-main-img img {
    border-radius: 9px;
}

.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left .blog-date-rw .blog-details-date {
    color: #541AA5;
}

.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left .blog-date-rw .blog-details-date::after {
    display: none;
}

.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left .blog-date-rw span {
    color: #541AA5;
}

.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left p a {
    color: #541AA5;
}

.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left .share-icone .social-share li a {
    color: #541AA5;
}

.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left .share-icone .social-share li a:hover {
    background: linear-gradient(246.46deg, #603f8e 31.39%, #541AA5 84.83%);
    color: #fff;
}

.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-right .latest-bx-row {
    border-bottom: 1px solid #CCD2FF;
}

.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-img img {
    border-radius: 9px;
}

.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details h4 a:hover {
    color: #541AA5;
}

.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details .date-blog span {
    color: #541AA5;
}

.csr-page-banner-outer {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.csr-page-banner-outer .csr-page-main {
    text-align: center;
}

.csr-page-banner-outer .csr-page-main h1 {
    font-size: 148px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 99%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .csr-page-banner-outer .csr-page-main h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .csr-page-banner-outer .csr-page-main h1 {
        font-size: 70px;
    }
}

@media screen and (max-width: 767px) {
    .csr-page-banner-outer .csr-page-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 600px) {
    .csr-page-banner-outer .csr-page-main h1 {
        font-size: 45px;
    }
}

.csr-page-banner-outer .csr-page-main h3 {
    font-size: 36px;
    color: #fff;
    font-family: "Graphik Medium";
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .csr-page-banner-outer .csr-page-main h3 {
        font-size: 26px;
    }
}

@media screen and (max-width: 1199px) {
    .csr-page-banner-outer .csr-page-main h3 {
        font-size: 21px;
    }
}

@media screen and (max-width: 991px) {
    .csr-page-banner-outer .csr-page-main h3 {
        font-size: 16px;
    }

    .csr-page-banner-outer .csr-page-main h3 br {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .csr-page-banner-outer .csr-page-main h3 {
        font-size: 25px;
    }
}

.csr-page-banner-outer .csr-page-main p {
    font-size: 22px;
    color: #fff;
    font-family: "Graphik Medium";
}

@media screen and (max-width: 1450px) {
    .csr-page-banner-outer .csr-page-main p {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .csr-page-banner-outer .csr-page-main p {
        font-size: 16px;
    }
}

.csr-page-banner-outer .csr-page-main a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.csr-page-banner-outer .csr-page-main a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.csr-page-banner-outer .csr-page-main a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.csr-page-banner-outer .csr-page-main a:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .csr-page-banner-outer {
        padding: 100px 0px 30px;
        background-size: cover !important;
    }
}

.csr-focus-area-outer {
    overflow: hidden;
    background-size: cover !important;
    padding: 60px 0px;
}

.csr-focus-area-outer .head h2 {
    color: #fff;
    padding-bottom: 10px;
}

.csr-focus-area-outer .head p {
    color: #fff;
}

.csr-focus-area-outer .csr-focus-outer .slick-list.draggable {
    padding: 0px 50px;
}

.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx {
    padding: 0px 8px;
    position: relative;
    transition: all 0.5s;
}

.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx figure {
    position: relative;
}

.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx figure img {
    width: 100%;
}

.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx figure::after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 47.18%);
    z-index: 1;
}

.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx h3 {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    z-index: 2;
    padding: 0px 15px;
    font-family: "Graphik Medium";
}

.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx:nth-child(2n) {
    margin-top: 40px;
}

.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx:nth-child(2n):hover {
    margin-top: 50px;
}

.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx:hover {
    margin-top: 10px;
}

.sustainbility-outer {
    background: #000;
    padding: 60px 0px;
    background-size: cover !important;
}

.sustainbility-outer .head {
    padding-bottom: 30px;
}

.sustainbility-outer .head h2 {
    padding-bottom: 10px;
}

.sustainbility-outer .sustainbility-main {
    display: flex;
}

.sustainbility-outer .sustainbility-main .slick-list.draggable {
    width: 100%;
}

.sustainbility-outer .sustainbility-main .sustainbility-box {
    padding: 0px 15px;
}

.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area {
    position: relative;
}

.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area figure {
    margin-bottom: 0px;
    height: 402px;
    display: flex;
}

.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area figure a {
    display: flex;
    width: 100%;
}

.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area figure img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 15px;
    height: 115px;
    transition: all 0.5s;
}

.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara a {
    text-decoration: none;
}

.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara h3 {
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Graphik Bold";
    width: 100%;
    margin-bottom: 0px;
}

@media screen and (max-width: 991px) {
    .sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara h3 {
        font-size: 25px;
    }
}

.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara h6 {
    margin: 0px;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    margin-bottom: 25px;
}

.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara p {
    margin: 0px;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
}

@media screen and (max-width: 1199px) {
    .sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara {
        height: 110px;
    }
}

@media screen and (max-width: 767px) {
    .sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara {
        padding: 30px 20px;
    }
}

.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area:hover .forsting-ara {
    height: 100%;
    align-content: flex-start;
    align-items: flex-start;
    background: #005F8F;
}

.sustainbility-outer .sustainbility-main .sustainbility-box:nth-child(2n) .forsting-ara:hover {
    background: #039135;
}

.sustainbility-outer .sustainbility-main .slick-arrow {
    width: 51px;
    height: 51px;
    border: 2px solid rgb(0, 0, 0);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    opacity: 1;
}

.sustainbility-outer .sustainbility-main .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 28px;
    height: 16px;
    filter: invert(100);
}

.sustainbility-outer .sustainbility-main .slick-arrow:hover {
    border-color: #005F8F;
    background: #005F8F;
}

.sustainbility-outer .sustainbility-main .slick-arrow:hover::before {
    filter: invert(0);
}

@media screen and (max-width: 767px) {
    .sustainbility-outer .sustainbility-main .slick-arrow {
        width: 41px;
        height: 41px;
        border-color: #007263;
        background-color: #007263;
        opacity: 1;
    }

    .sustainbility-outer .sustainbility-main .slick-arrow::before {
        filter: unset;
    }
}

.sustainbility-outer .sustainbility-main .slick-prev {
    left: -57px;
}

@media screen and (max-width: 1399px) {
    .sustainbility-outer .sustainbility-main .slick-prev {
        left: -30px;
    }
}

@media screen and (max-width: 1199px) {
    .sustainbility-outer .sustainbility-main .slick-prev {
        left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .sustainbility-outer .sustainbility-main .slick-prev {
        left: -10px;
    }
}

.sustainbility-outer .sustainbility-main .slick-next {
    right: -57px;
}

@media screen and (max-width: 1399px) {
    .sustainbility-outer .sustainbility-main .slick-next {
        right: -30px;
    }
}

@media screen and (max-width: 1199px) {
    .sustainbility-outer .sustainbility-main .slick-next {
        right: 0px;
    }
}

@media screen and (max-width: 767px) {
    .sustainbility-outer .sustainbility-main .slick-next {
        right: -10px;
    }
}

.sustainbility-outer .sustainbility-main .slick-next::before {
    transform: rotate(180deg);
}

.community-outer {
    background: #fff;
    padding: 60px 0px;
    background-size: cover !important;
}

.community-outer .head {
    padding-bottom: 20px;
}

.community-outer .head h2 {
    color: #fff;
    padding-bottom: 10px;
}

.community-outer .head p {
    color: #fff;
}

.community-outer .community-main-slide {
    margin: 0px;
}

.community-outer .community-main-slide .communitu-row {
    padding: 0px 50px 60px;
}

.community-outer .community-main-slide .communitu-row .community-area {
    background: rgba(255, 255, 255, 0.07);
    padding: 42px 40px;
    box-shadow: 0px 31px 57.5px 0px rgba(0, 0, 0, 0.1019607843);
    border: 1px solid #3E673B;
    display: flex;
    gap: 60px;
    align-items: center;
    border-radius: 7px;
}

@media screen and (max-width: 991px) {
    .community-outer .community-main-slide .communitu-row .community-area {
        padding: 35px 30px;
        box-shadow: 0px 7px 29px -16px rgba(0, 0, 0, 0.3);
    }
}

@media screen and (max-width: 767px) {
    .community-outer .community-main-slide .communitu-row .community-area {
        flex-wrap: wrap;
    }
}

.community-outer .community-main-slide .communitu-row .community-text {
    width: 55%;
}

.community-outer .community-main-slide .communitu-row .community-text h3 {
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    font-family: "Graphik Medium";
    padding-bottom: 15px;
}

@media screen and (max-width: 1399px) {
    .community-outer .community-main-slide .communitu-row .community-text h3 {
        font-size: 25px;
        line-height: 30px;
    }
}

.community-outer .community-main-slide .communitu-row .community-text p {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    font-weight: 300;
}

@media screen and (max-width: 991px) {
    .community-outer .community-main-slide .communitu-row .community-text p {
        font-size: 16px;
        line-height: 26px;
    }
}

.community-outer .community-main-slide .communitu-row .community-text a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(91.33deg, #008A45 23.51%, #007263 72.43%);
}

.community-outer .community-main-slide .communitu-row .community-text a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.community-outer .community-main-slide .communitu-row .community-text a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.community-outer .community-main-slide .communitu-row .community-text a:hover img {
    margin-left: 10px;
}

.community-outer .community-main-slide .communitu-row .community-text a:hover {
    background: linear-gradient(91.33deg, #007263 23.51%, #008A45 72.43%);
}

@media screen and (max-width: 767px) {
    .community-outer .community-main-slide .communitu-row .community-text {
        width: 100%;
    }
}

.community-outer .community-main-slide .communitu-row .Rooted-img {
    width: 45%;
    border-radius: 5px;
}

.community-outer .community-main-slide .communitu-row .Rooted-img img {
    width: 100%;
    border-radius: 5px;
}

@media screen and (max-width: 767px) {
    .community-outer .community-main-slide .communitu-row .Rooted-img {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .community-outer .community-main-slide .communitu-row {
        padding: 0px 20px 30px;
    }
}

.community-outer .community-main-slide .slick-arrow {
    width: 51px;
    height: 51px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    margin-top: -35px;
}

.community-outer .community-main-slide .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 28px;
    height: 16px;
    opacity: 1;
}

.community-outer .community-main-slide .slick-arrow:hover {
    border-color: rgb(27, 224, 89);
    background: rgb(27, 224, 89);
}

.community-outer .community-main-slide .slick-arrow:hover::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
}

@media screen and (max-width: 767px) {
    .community-outer .community-main-slide .slick-arrow {
        width: 41px;
        height: 41px;
        border-color: #ffffff;
    }
}

.community-outer .community-main-slide .slick-prev {
    left: -15px;
}

@media screen and (max-width: 1199px) {
    .community-outer .community-main-slide .slick-prev {
        left: -10px;
    }
}

.community-outer .community-main-slide .slick-next {
    right: -15px;
}

@media screen and (max-width: 1199px) {
    .community-outer .community-main-slide .slick-next {
        right: -10px;
    }
}

.community-outer .community-main-slide .slick-next::before {
    transform: rotate(180deg);
}

.community-outer .community-main-slide .slick-dots {
    bottom: 0px;
}

.community-outer .community-main-slide .slick-dots li {
    width: 35px;
    height: 3px;
}

.community-outer .community-main-slide .slick-dots li button {
    width: 35px;
    height: 3px;
    padding: 0;
    background: #D4D4D4;
}

.community-outer .community-main-slide .slick-dots li button::before {
    display: none;
}

.community-outer .community-main-slide .slick-dots li.slick-active button {
    background: rgb(27, 224, 89);
}

.csr-policy-outer {
    padding: 60px 0px;
    background-size: cover !important;
}

.csr-policy-outer .head h2 {
    padding-bottom: 10px;
}

.csr-policy-outer .csr-policy-main {
    display: flex;
    position: relative;
    width: 100%;
    height: 70vh;
    overflow: hidden;
    padding-top: 70px;
    align-items: center;
}

.csr-policy-outer .csr-policy-main .csr-policy-left {
    position: absolute;
    bottom: -150px;
    left: 0;
    width: 50%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease;
    align-items: center;
    display: flex;
}

.csr-policy-outer .csr-policy-main .csr-policy-left p {
    font-size: 18px;
    line-height: 186%;
    color: #232323;
    margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
    .csr-policy-outer .csr-policy-main .csr-policy-left p {
        font-size: 16px;
    }
}

.csr-policy-outer .csr-policy-main .csr-policy-left .view-pdf a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(91.33deg, #008A45 23.51%, #007263 72.43%);
}

.csr-policy-outer .csr-policy-main .csr-policy-left .view-pdf a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.csr-policy-outer .csr-policy-main .csr-policy-left .view-pdf a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.csr-policy-outer .csr-policy-main .csr-policy-left .view-pdf a:hover img {
    margin-left: 10px;
}

.csr-policy-outer .csr-policy-main .csr-policy-left .view-pdf a:hover {
    background: linear-gradient(91.33deg, #007263 23.51%, #008A45 72.43%);
}

@media screen and (max-width: 991px) {
    .csr-policy-outer .csr-policy-main .csr-policy-left {
        width: 100% !important;
        position: static;
        opacity: 1 !important;
        padding-bottom: 40px;
    }
}

.csr-policy-outer .csr-policy-main .csr-policy-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    transition: width 0.3s ease;
}

.csr-policy-outer .csr-policy-main .csr-policy-right img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-height: 100%;
}

@media screen and (max-width: 991px) {
    .csr-policy-outer .csr-policy-main .csr-policy-right {
        width: 100% !important;
        position: static;
    }
}

@media screen and (max-width: 991px) {
    .csr-policy-outer .csr-policy-main {
        flex-wrap: wrap;
        height: auto;
        padding-top: 0px;
    }
}

.brochure-outer {
    padding: 60px 0px;
    background-size: cover !important;
}

.brochure-outer .head {
    padding-bottom: 20px;
}

.brochure-outer .head h2 {
    color: #fff;
    padding-bottom: 10px;
}

.brochure-outer .head p {
    color: #fff;
}

.brochure-outer .brochure-main-slide {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.brochure-outer .brochure-main-slide .brochure-box {
    width: calc(25% - 15px);
    margin: 0px 15px;
}

.brochure-outer .brochure-main-slide .brochure-box .brochure-area {
    border: 1px solid rgb(62, 103, 59);
    box-shadow: 0px 31px 57.5px 0px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.02);
    padding: 25px 15px;
    border-radius: 7px;
}

.brochure-outer .brochure-main-slide .brochure-box .brochure-area figure {
    height: 144px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.brochure-outer .brochure-main-slide .brochure-box .brochure-area figure img {
    max-width: 100%;
    transition: all 0.5s;
}

.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details h3 {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    font-family: "Graphik Medium";
    margin-bottom: 20px;
}

.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details h3 a {
    text-decoration: none;
    color: #fff;
}

.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details p {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    padding-bottom: 20px;
}

@media screen and (max-width: 991px) {
    .brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details p {
        font-size: 16px;
        line-height: 26px;
    }
}

.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details a.learn-more {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(91.33deg, #008A45 23.51%, #007263 72.43%);
}

.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details a.learn-more img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details a.learn-more:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details a.learn-more:hover img {
    margin-left: 10px;
}

.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details a.learn-more:hover {
    background: linear-gradient(91.33deg, #007263 23.51%, #008A45 72.43%);
}

.brochure-outer .brochure-main-slide .brochure-box .brochure-area:hover figure img {
    transform: scale(1.1);
}

.brochure-outer .brochure-main-slide .brochure-box:nth-child(2n) .brochure-area figcaption h4 {
    color: #FFD400;
}

.brochure-outer .brochure-main-slide .slick-arrow {
    width: 51px;
    height: 51px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    margin-top: -35px;
}

.brochure-outer .brochure-main-slide .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 28px;
    height: 16px;
    opacity: 1;
}

.brochure-outer .brochure-main-slide .slick-arrow:hover {
    border-color: rgb(27, 224, 89);
    background: rgb(27, 224, 89);
}

.brochure-outer .brochure-main-slide .slick-arrow:hover::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
}

@media screen and (max-width: 767px) {
    .brochure-outer .brochure-main-slide .slick-arrow {
        width: 41px;
        height: 41px;
        border-color: #ffffff;
    }
}

.brochure-outer .brochure-main-slide .slick-prev {
    left: -15px;
}

@media screen and (max-width: 1199px) {
    .brochure-outer .brochure-main-slide .slick-prev {
        left: -10px;
    }
}

.brochure-outer .brochure-main-slide .slick-next {
    right: -15px;
}

@media screen and (max-width: 1199px) {
    .brochure-outer .brochure-main-slide .slick-next {
        right: -10px;
    }
}

.brochure-outer .brochure-main-slide .slick-next::before {
    transform: rotate(180deg);
}

.awards-banner-outer {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.awards-banner-outer .awards-main {
    text-align: center;
}

.awards-banner-outer .awards-main h1 {
    font-size: 100px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 102%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .awards-banner-outer .awards-main h1 {
        font-size: 90px;
    }
}

@media screen and (max-width: 1450px) {
    .awards-banner-outer .awards-main h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .awards-banner-outer .awards-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 767px) {
    .awards-banner-outer .awards-main h1 {
        font-size: 50px;
    }
}

.awards-banner-outer .awards-main h3 {
    font-size: 55px;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .awards-banner-outer .awards-main h3 {
        font-size: 45px;
    }
}

@media screen and (max-width: 1199px) {
    .awards-banner-outer .awards-main h3 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .awards-banner-outer .awards-main h3 {
        font-size: 35px;
    }

    .awards-banner-outer .awards-main h3 br {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .awards-banner-outer .awards-main h3 {
        font-size: 35px;
    }
}

.awards-banner-outer .awards-main p {
    font-size: 25px;
    color: #fff;
    font-family: "Graphik Medium";
    line-height: 150%;
}

@media screen and (max-width: 1450px) {
    .awards-banner-outer .awards-main p {
        font-size: 22px;
    }
}

@media screen and (max-width: 991px) {
    .awards-banner-outer {
        padding: 100px 0px 30px;
    }
}

@media screen and (max-width: 767px) {
    .awards-banner-outer {
        background-size: cover !important;
    }
}

.awards-section-outer {
    background: linear-gradient(180deg, #FFF1E1 16.91%, #F9FFF4 68.09%, #FFF8E8 100%);
    padding: 60px 0px;
}

.awards-section-outer .awards-main {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 100px;
}

.awards-section-outer .awards-main .awards-box {
    width: calc(33.33% - 80px);
    cursor: pointer;
}

.awards-section-outer .awards-main .awards-box figure {
    background: url(../images/awards-image-frame.webp) no-repeat;
    background-size: 100%;
    min-height: 291px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.awards-section-outer .awards-main .awards-box figure img {
    width: 169px;
    height: 135px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    margin-top: -81px;
}

@media screen and (max-width: 1199px) {
    .awards-section-outer .awards-main .awards-box figure img {
        width: 120px;
        height: 85px;
    }
}

@media screen and (max-width: 991px) {
    .awards-section-outer .awards-main .awards-box figure img {
        margin-top: -50px;
    }
}

@media screen and (max-width: 1199px) {
    .awards-section-outer .awards-main .awards-box figure {
        min-height: 214px;
    }
}

.awards-section-outer .awards-main .awards-box p {
    text-align: center;
    font-size: 20px;
    font-family: "Graphik Medium";
    line-height: 140%;
    color: #242424;
}

@media screen and (max-width: 991px) {
    .awards-section-outer .awards-main .awards-box {
        width: calc(50% - 25px);
    }
}

@media screen and (max-width: 576px) {
    .awards-section-outer .awards-main .awards-box {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .awards-section-outer .awards-main {
        gap: 50px;
    }
}

@media screen and (max-width: 576px) {
    .awards-section-outer .awards-main {
        gap: 25px 0px;
    }
}

@media screen and (max-width: 1199px) {
    .awards-section-outer .container {
        max-width: 991px;
    }
}

@media screen and (max-width: 991px) {
    .awards-section-outer .container {
        max-width: 600px;
    }
}

@media screen and (max-width: 576px) {
    .awards-section-outer .container {
        max-width: 300px;
    }
}

.awards-pop-outer .modal-dialog {
    max-width: 854px;
}

.awards-pop-outer .modal-dialog .modal-content {
    border: 1px solid #F4E7BB;
    box-shadow: 0px 21px 33.3px 0px #FFEFD0;
    border-radius: 17px;
}

.awards-pop-outer .modal-dialog .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 29px;
    height: 29px;
    opacity: 1;
    background: url(../images/close-ico.svg) no-repeat;
    z-index: 9;
    box-shadow: none !important;
}

.awards-pop-outer .modal-dialog .modal-body {
    padding: 64px;
}

.awards-pop-outer .modal-dialog .modal-body figure img {
    width: 100%;
}

.ourcustomer-banner-outer {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.ourcustomer-banner-outer .ourcustomer-main {
    text-align: center;
}

.ourcustomer-banner-outer .ourcustomer-main h1 {
    font-size: 100px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 102%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .ourcustomer-banner-outer .ourcustomer-main h1 {
        font-size: 90px;
    }
}

@media screen and (max-width: 1450px) {
    .ourcustomer-banner-outer .ourcustomer-main h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .ourcustomer-banner-outer .ourcustomer-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 767px) {
    .ourcustomer-banner-outer .ourcustomer-main h1 {
        font-size: 50px;
    }
}

.ourcustomer-banner-outer .ourcustomer-main h3 {
    font-size: 55px;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .ourcustomer-banner-outer .ourcustomer-main h3 {
        font-size: 45px;
    }
}

@media screen and (max-width: 1199px) {
    .ourcustomer-banner-outer .ourcustomer-main h3 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .ourcustomer-banner-outer .ourcustomer-main h3 {
        font-size: 35px;
    }
}

@media screen and (max-width: 767px) {
    .ourcustomer-banner-outer .ourcustomer-main h3 {
        font-size: 35px;
    }
}

.ourcustomer-banner-outer .ourcustomer-main p {
    font-size: 25px;
    color: #fff;
    font-family: "Graphik Medium";
    line-height: 150%;
}

@media screen and (max-width: 1450px) {
    .ourcustomer-banner-outer .ourcustomer-main p {
        font-size: 22px;
    }
}

@media screen and (max-width: 991px) {
    .ourcustomer-banner-outer {
        padding: 100px 0px 30px;
    }
}

@media screen and (max-width: 767px) {
    .ourcustomer-banner-outer {
        background-size: cover !important;
    }
}

.our-customer-page-outer {
    padding: 60px 0px;
    background-size: cover !important;
    position: relative;
}

.our-customer-page-outer .container {
    max-width: 1650px;
}

.our-customer-page-outer .filter-icon {
    display: none;
    background: #222344;
    border: none;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    position: relative;
    margin-bottom: 18px;
    cursor: pointer;
    outline: none;
}

.our-customer-page-outer .filter-icon:after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M7 12h10M10 18h4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.our-customer-page-outer .filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    justify-content: center;
}

.our-customer-page-outer .filter-tabs .tab {
    background: rgba(255, 255, 255, 0.6705882353);
    font-size: 18px;
    font-family: "Graphik Semibold";
    padding: 12px 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
    border: 1px solid #EDEDED;
    min-width: 197px;
}

.our-customer-page-outer .filter-tabs .tab:not(.active):hover {
    background: #0C4366;
    border-color: #0C4366;
    color: #fff;
}

.our-customer-page-outer .filter-tabs .tab.active {
    background: #0C4366;
    border-color: #0C4366;
    color: #fff;
    box-shadow: 0 2px 8px rgba(23, 145, 255, 0.12);
}

.our-customer-page-outer .mobile-filter-list {
    display: none;
    flex-direction: column;
    gap: 8px;
    background: #222344;
    padding: 10px 0px;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(23, 47, 94, 0.12);
    margin-bottom: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    left: 16px;
    right: 16px;
    top: 108px;
    z-index: 10;
}

.our-customer-page-outer .mobile-filter-list.open {
    display: flex;
}

.our-customer-page-outer .mobile-filter-list.open .tab {
    text-align: left;
    padding: 4px 20px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
}

.our-customer-page-outer .mobile-filter-list.open .tab:hover {
    background: #1791ff;
    color: #fff;
}

.our-customer-page-outer .mobile-filter-list.open .tab.active {
    background: #1791ff;
    color: #fff;
}

.our-customer-page-outer .our-customer-main {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.our-customer-page-outer .our-customer-main .content-card {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px -2px rgba(24, 39, 75, 0.0196078431);
    border-radius: 10px;
    width: calc(14.28% - 9px);
    height: 85px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-customer-page-outer .our-customer-main .content-card img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media screen and (max-width: 1199px) {
    .our-customer-page-outer .our-customer-main .content-card {
        width: calc(20% - 9px);
    }
}

@media screen and (max-width: 991px) {
    .our-customer-page-outer .our-customer-main .content-card {
        width: calc(25% - 9px);
    }
}

@media screen and (max-width: 600px) {
    .our-customer-page-outer .our-customer-main .content-card {
        width: calc(33.33% - 9px);
    }
}

@media screen and (max-width: 450px) {
    .our-customer-page-outer .our-customer-main .content-card {
        width: calc(50% - 9px);
    }
}

@media (max-width: 700px) {
    .our-customer-page-outer {
        /* mobile-filter-list set above */
    }

    .our-customer-page-outer .filter-tabs {
        display: none;
    }

    .our-customer-page-outer .filter-icon {
        display: block;
    }
}

.partner-banner-outer {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.partner-banner-outer .partner-main {
    text-align: center;
}

.partner-banner-outer .partner-main h1 {
    font-size: 100px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 102%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .partner-banner-outer .partner-main h1 {
        font-size: 90px;
    }
}

@media screen and (max-width: 1450px) {
    .partner-banner-outer .partner-main h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .partner-banner-outer .partner-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 767px) {
    .partner-banner-outer .partner-main h1 {
        font-size: 50px;
    }
}

.partner-banner-outer .partner-main h3 {
    font-size: 55px;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
}

@media screen and (max-width: 991px) {
    .partner-banner-outer .partner-main h3 {
        font-size: 45px;
    }
}

@media screen and (max-width: 767px) {
    .partner-banner-outer .partner-main h3 {
        font-size: 35px;
    }
}

.partner-banner-outer .partner-main p {
    font-size: 25px;
    color: #fff;
    font-family: "Graphik Medium";
    line-height: 150%;
}

@media screen and (max-width: 1450px) {
    .partner-banner-outer .partner-main p {
        font-size: 22px;
    }
}

@media screen and (max-width: 991px) {
    .partner-banner-outer {
        padding: 100px 0px 30px;
    }
}

@media screen and (max-width: 767px) {
    .partner-banner-outer {
        background-size: cover !important;
    }
}

.video-banner-outer {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.video-banner-outer .video-main {
    text-align: center;
}

.video-banner-outer .video-main h1 {
    font-size: 100px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 102%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .video-banner-outer .video-main h1 {
        font-size: 90px;
    }
}

@media screen and (max-width: 1450px) {
    .video-banner-outer .video-main h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .video-banner-outer .video-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 767px) {
    .video-banner-outer .video-main h1 {
        font-size: 50px;
    }
}

.video-banner-outer .video-main h3 {
    font-size: 55px;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
}

@media screen and (max-width: 991px) {
    .video-banner-outer .video-main h3 {
        font-size: 45px;
    }
}

@media screen and (max-width: 767px) {
    .video-banner-outer .video-main h3 {
        font-size: 35px;
    }
}

.video-banner-outer .video-main p {
    font-size: 25px;
    color: #fff;
    font-family: "Graphik Medium";
    line-height: 150%;
}

@media screen and (max-width: 1450px) {
    .video-banner-outer .video-main p {
        font-size: 22px;
    }
}

@media screen and (max-width: 991px) {
    .video-banner-outer {
        padding: 100px 0px 30px;
    }
}

@media screen and (max-width: 767px) {
    .video-banner-outer {
        background-size: cover !important;
    }
}

.video-page-outer {
    min-height: 700px;
    padding: 60px 0px;
    background-size: cover !important;
    position: relative;
}

.video-page-outer .container1 {
    max-width: 1650px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
}

.video-page-outer .filter-icon {
    display: none;
    background: #222344;
    border: none;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    position: relative;
    margin-bottom: 18px;
    cursor: pointer;
    outline: none;
}

.video-page-outer .filter-icon:after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M7 12h10M10 18h4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.video-page-outer .filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    justify-content: center;
}

.video-page-outer .filter-tabs .tab {
    background: rgba(255, 255, 255, 0.6705882353);
    font-size: 18px;
    font-family: "Graphik Medium";
    padding: 2px 16px;
    height: 63px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    line-height: 18px;
    color: #1F1F1F;
    outline: none;
    border: 1px solid #EDEDED;
    min-width: 136px;
    max-width: 188px;
}

.video-page-outer .filter-tabs .tab:not(.active):hover {
    background: linear-gradient(90deg, #33C6DC 0%, #1886CC 100%);
    border-color: #33C6DC;
    color: #fff;
}

.video-page-outer .filter-tabs .tab.active {
    background: linear-gradient(90deg, #33C6DC 0%, #1886CC 100%);
    border-color: #33C6DC;
    color: #fff;
}

.video-page-outer .mobile-filter-list {
    display: none;
    flex-direction: column;
    gap: 8px;
    background: #222344;
    padding: 10px 0px;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(23, 47, 94, 0.12);
    margin-bottom: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    left: 16px;
    right: 16px;
    top: 108px;
    z-index: 10;
}

.video-page-outer .mobile-filter-list.open {
    display: flex;
}

.video-page-outer .mobile-filter-list.open .tab {
    text-align: left;
    padding: 4px 20px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
}

.video-page-outer .mobile-filter-list.open .tab:hover {
    background: #1791ff;
    color: #fff;
}

.video-page-outer .video-main {
    gap: 45px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}

.video-page-outer .video-main .content-card {
    background: rgba(255, 255, 255, 0.5490196078);
    border: 1px solid #AFC7D2;
    border-radius: 5px;
    padding: 0px 30px 30px;
    width: calc(33.33% - 30px);
    margin-top: 70px;
}

.video-page-outer .video-main .content-card figure {
    margin-top: -70px;
    height: 180px;
    display: flex;
    position: relative;
    cursor: pointer;
}

.video-page-outer .video-main .content-card figure img {
    width: 100%;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
}

.video-page-outer .video-main .content-card figure .content-play {
    position: absolute;
    width: 27px;
    height: 27px;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.video-page-outer .video-main .content-card h3 {
    font-size: 20px;
    color: #242424;
    font-family: "Graphik Medium";
    margin-top: 30px;
}

@media (max-width: 991px) {
    .video-page-outer .video-main .content-card {
        width: calc(50% - 10px);
    }
}

@media (max-width: 700px) {
    .video-page-outer .video-main .content-card {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .video-page-outer .video-main {
        gap: 20px;
    }
}

@media (max-width: 700px) {
    .video-page-outer {
        /* mobile-filter-list set above */
    }

    .video-page-outer .filter-tabs {
        display: none;
    }

    .video-page-outer .filter-icon {
        display: block;
    }
}

.video-listing-pop .modal-dialog .modal-content .modal-body {
    padding: 0px;
    line-height: 0px;
}

.video-listing-pop .modal-dialog .modal-content .modal-body .btn-close {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #fff;
    opacity: 1;
    padding: 6px;
    border-radius: 0px;
}

.video-listing-pop .modal-dialog .modal-content .modal-body iframe {
    width: 100%;
    height: 450px;
}

.hard-soft-outer {
    background-size: cover !important;
    padding: 60px 0px;
}

.hard-soft-outer .head {
    padding-bottom: 30px;
}

.hard-soft-outer .hard-soft-main {
    display: flex;
    align-items: center;
}

.hard-soft-outer .hard-soft-main .hard-soft-left {
    width: 57%;
    padding-right: 150px;
    font-size: 20px;
    line-height: 160%;
}

.hard-soft-outer .hard-soft-main .hard-soft-left h2 {
    font-size: 30px;
    line-height: 100%;
    font-family: "Graphik Semibold";
    color: #000000;
    padding-bottom: 10px;
}

@media (max-width: 991px) {
    .hard-soft-outer .hard-soft-main .hard-soft-left {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 0px;
        order: 2;
    }
}

.hard-soft-outer .hard-soft-main .hard-soft-images {
    width: 43%;
}

.hard-soft-outer .hard-soft-main .hard-soft-images img {
    width: 100%;
}

@media (max-width: 991px) {
    .hard-soft-outer .hard-soft-main .hard-soft-images {
        width: 100%;
        order: 1;
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .hard-soft-outer .hard-soft-main {
        flex-wrap: wrap;
    }
}

.comprehensive-outer {
    padding: 60px 0px;
    background-size: cover !important;
}

.comprehensive-outer .head h2 {
    color: #fff;
}

.comprehensive-outer .head p {
    color: #fff;
}

.comprehensive-outer .comprehensive-main {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.comprehensive-outer .comprehensive-main .comprehensive-bx {
    width: calc(25% - 10px);
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
}

.comprehensive-outer .comprehensive-main .comprehensive-bx figure {
    margin-bottom: 0px;
    height: 151px;
    display: flex;
}

.comprehensive-outer .comprehensive-main .comprehensive-bx figure img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.comprehensive-outer .comprehensive-main .comprehensive-bx .comphensive-bottom-text {
    position: absolute;
    left: 0px;
    top: calc(100% - 63px);
    width: 100%;
    padding: 15px 25px 0;
    transition: all 0.5s;
}

.comprehensive-outer .comprehensive-main .comprehensive-bx .comphensive-bottom-text a {
    font-size: 16px;
    font-family: "Graphik Medium";
    color: #fff;
    display: block;
    min-height: 50px;
    text-decoration: none;
    padding-bottom: 10px;
    position: relative;
    padding-right: 30px;
    line-height: 20px;
}

.comprehensive-outer .comprehensive-main .comprehensive-bx .comphensive-bottom-text a img {
    margin-left: 10px;
    position: absolute;
    top: 7px;
    right: 0px;
}

.comprehensive-outer .comprehensive-main .comprehensive-bx .comphensive-bottom-text p {
    font-size: 14px;
    line-height: 150%;
    color: #fff;
}

.comprehensive-outer .comprehensive-main .comprehensive-bx:hover .comphensive-bottom-text {
    top: 0px;
    background: #531D72;
    height: 100%;
}

@media screen and (max-width: 1199px) {
    .comprehensive-outer .comprehensive-main .comprehensive-bx {
        width: calc(33.33% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .comprehensive-outer .comprehensive-main .comprehensive-bx {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 600px) {
    .comprehensive-outer .comprehensive-main .comprehensive-bx {
        width: 100%;
    }
}

.out-trusted-outer {
    padding: 60px 0px;
    background-size: cover !important;
    position: relative;
}

@media screen and (max-width: 767px) {
    .out-trusted-outer .out-trusted-main {
        position: relative;
    }
}

.out-trusted-outer .container {
    max-width: 1650px;
}

.out-trusted-outer .filter-icon {
    display: none;
    background: #222344;
    border: none;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    position: relative;
    margin-bottom: 18px;
    cursor: pointer;
    outline: none;
}

@media screen and (max-width: 767px) {
    .out-trusted-outer .filter-icon {
        display: block;
    }
}

.out-trusted-outer .filter-icon:after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M7 12h10M10 18h4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.out-trusted-outer .filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    justify-content: center;
}

.out-trusted-outer .filter-tabs .tab {
    background: rgba(255, 255, 255, 0.6705882353);
    font-size: 18px;
    font-family: "Graphik Semibold";
    padding: 12px 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
    border: 1px solid #EDEDED;
    min-width: 197px;
}

.out-trusted-outer .filter-tabs .tab:not(.active):hover {
    background: #0C4366;
    border-color: #0C4366;
    color: #fff;
}

.out-trusted-outer .filter-tabs .tab.active {
    background: #0C4366;
    border-color: #0C4366;
    color: #fff;
    box-shadow: 0 2px 8px rgba(23, 145, 255, 0.12);
}

@media screen and (max-width: 767px) {
    .out-trusted-outer .filter-tabs {
        display: none;
    }
}

.out-trusted-outer .mobile-filter-list {
    display: none;
    flex-direction: column;
    gap: 8px;
    background: #222344;
    padding: 10px 0px;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(23, 47, 94, 0.12);
    margin-bottom: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 58px;
    z-index: 10;
}

.out-trusted-outer .mobile-filter-list.open {
    display: flex;
}

.out-trusted-outer .mobile-filter-list.open .tab {
    text-align: left;
    padding: 4px 20px;
    border-radius: 0;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
}

.out-trusted-outer .mobile-filter-list.open .tab:hover {
    background: #1791ff;
    color: #fff;
}

.out-trusted-outer .mobile-filter-list.open .tab.active {
    background: #1791ff;
    color: #fff;
}

.out-trusted-outer .out-trusted-logo-section {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.out-trusted-outer .out-trusted-logo-section .content-card {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px -2px rgba(24, 39, 75, 0.0196078431);
    border-radius: 10px;
    width: calc(14.28% - 9px);
    height: 85px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}

.out-trusted-outer .out-trusted-logo-section .content-card img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media screen and (max-width: 1199px) {
    .out-trusted-outer .out-trusted-logo-section .content-card {
        width: calc(20% - 9px);
    }
}

@media screen and (max-width: 991px) {
    .out-trusted-outer .out-trusted-logo-section .content-card {
        width: calc(25% - 9px);
    }
}

@media screen and (max-width: 600px) {
    .out-trusted-outer .out-trusted-logo-section .content-card {
        width: calc(33.33% - 9px);
    }
}

@media screen and (max-width: 450px) {
    .out-trusted-outer .out-trusted-logo-section .content-card {
        width: calc(50% - 9px);
    }
}

.out-trusted-outer .out-trusted-logo-section .content-card:hover {
    filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.5));
}

.legal-banner-outer {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.legal-banner-outer .legal-main {
    text-align: center;
}

.legal-banner-outer .legal-main h1 {
    font-size: 100px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 102%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .legal-banner-outer .legal-main h1 {
        font-size: 90px;
    }
}

@media screen and (max-width: 1450px) {
    .legal-banner-outer .legal-main h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .legal-banner-outer .legal-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 767px) {
    .legal-banner-outer .legal-main h1 {
        font-size: 50px;
    }
}

.legal-banner-outer .legal-main h3 {
    font-size: 55px;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .legal-banner-outer .legal-main h3 {
        font-size: 45px;
    }
}

@media screen and (max-width: 1199px) {
    .legal-banner-outer .legal-main h3 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .legal-banner-outer .legal-main h3 {
        font-size: 35px;
    }
}

@media screen and (max-width: 767px) {
    .legal-banner-outer .legal-main h3 {
        font-size: 35px;
    }
}

.legal-banner-outer .legal-main p {
    font-size: 25px;
    color: #fff;
    font-family: "Graphik Medium";
    line-height: 150%;
}

@media screen and (max-width: 1450px) {
    .legal-banner-outer .legal-main p {
        font-size: 22px;
    }
}

@media screen and (max-width: 991px) {
    .legal-banner-outer {
        padding: 100px 0px 30px;
    }
}

@media screen and (max-width: 767px) {
    .legal-banner-outer {
        background-size: cover !important;
    }
}

.legal-disclamer-outer {
    background: url(../images/legal-disclamer-bg.webp) no-repeat;
    padding: 80px 0px;
    background-size: 100% 100%;
}

@media screen and (max-width: 992px) {
    .legal-disclamer-outer {
        padding-bottom: 20px;
    }
}

.legal-disclamer-outer .legal-disclammer h3 {
    font-size: 22px;
    line-height: 30px;
    color: #070707;
    font-family: "Graphik Semibold";
    margin-bottom: 15px;
}

.legal-disclamer-outer .legal-disclammer h4 {
    font-size: 20px;
    line-height: 30px;
    color: #070707;
    font-family: "Graphik Semibold";
    margin-bottom: 10px;
}

.legal-disclamer-outer .legal-disclammer p {
    color: #070707;
}

.legal-disclamer-outer .legal-disclammer ul {
    margin-bottom: 30px;
}

.legal-disclamer-outer .legal-disclammer ul li {
    font-size: var(--tp-fz-p);
    color: #070707;
    font-weight: var(--tp-fw-regular);
    padding-left: 25px;
    background: url(../images/li-bg-arrow.svg) no-repeat 0px 5px;
    margin-bottom: 10px;
}

.event-banner-outer {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.event-banner-outer .event-banner-main {
    text-align: center;
}

.event-banner-outer .event-banner-main h1 {
    font-size: 100px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 99%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .event-banner-outer .event-banner-main h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .event-banner-outer .event-banner-main h1 {
        font-size: 70px;
    }
}

@media screen and (max-width: 767px) {
    .event-banner-outer .event-banner-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 600px) {
    .event-banner-outer .event-banner-main h1 {
        font-size: 45px;
    }
}

.event-banner-outer .event-banner-main h3 {
    font-size: 55px;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .event-banner-outer .event-banner-main h3 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .event-banner-outer .event-banner-main h3 {
        font-size: 35px;
    }
}

@media screen and (max-width: 600px) {
    .event-banner-outer .event-banner-main h3 {
        font-size: 25px;
    }
}

.event-banner-outer .event-banner-main p {
    font-size: 25px;
    color: #fff;
    font-family: "Graphik Medium";
}

@media screen and (max-width: 1450px) {
    .event-banner-outer .event-banner-main p {
        font-size: 22px;
    }
}

@media screen and (max-width: 600px) {
    .event-banner-outer .event-banner-main p {
        font-size: 17px;
    }
}

.event-banner-outer .event-banner-main a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.event-banner-outer .event-banner-main a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.event-banner-outer .event-banner-main a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.event-banner-outer .event-banner-main a:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .event-banner-outer {
        padding: 100px 0px 30px;
        background-size: cover !important;
    }
}

.events-page-outer {
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FFFAF1 100%);
    padding: 60px 0px;
}

.events-page-outer .events-page-main .events-page-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.events-page-outer .events-page-main .events-page-row .events-page-left {
    width: 50%;
    display: flex;
    align-items: center;
}

.events-page-outer .events-page-main .events-page-row .events-page-left .events-date {
    padding-right: 50px;
}

.events-page-outer .events-page-main .events-page-row .events-page-left .events-date span {
    font-size: 22px;
    color: #AE572B;
    text-align: center;
    font-family: "Graphik Medium";
    display: block;
}

@media screen and (max-width: 414px) {
    .events-page-outer .events-page-main .events-page-row .events-page-left .events-date {
        padding-right: 25px;
    }
}

.events-page-outer .events-page-main .events-page-row .events-page-left .events-text {
    padding-left: 25px;
    border-left: 3px solid transparent;
}

.events-page-outer .events-page-main .events-page-row .events-page-left .events-text h3 {
    font-size: 20px;
    line-height: 130%;
    color: #242424;
    font-family: "Graphik Medium";
    padding-bottom: 10px;
}

.events-page-outer .events-page-main .events-page-row .events-page-left .events-text label {
    font-size: 16px;
    line-height: 25px;
    color: #AE572B;
    display: block;
    padding-bottom: 10px;
}

.events-page-outer .events-page-main .events-page-row .events-page-left .events-text p {
    font-size: 16px;
    color: #2D2F30;
    margin-bottom: 10px;
}

.events-page-outer .events-page-main .events-page-row .events-page-left .events-text p a {
    color: #2D2F30;
    text-decoration: none;
}

.events-page-outer .events-page-main .events-page-row .events-page-left .events-text p a:hover {
    color: #AE572B;
}

@media screen and (max-width: 991px) {
    .events-page-outer .events-page-main .events-page-row .events-page-left {
        width: 60%;
    }
}

@media screen and (max-width: 767px) {
    .events-page-outer .events-page-main .events-page-row .events-page-left {
        width: 100%;
        align-items: start;
        order: 2;
    }
}

.events-page-outer .events-page-main .events-page-row .events-page-right {
    width: 31%;
}

.events-page-outer .events-page-main .events-page-row .events-page-right figure {
    margin-bottom: 0px;
}

.events-page-outer .events-page-main .events-page-row .events-page-right figure img {
    width: 100%;
    border-radius: 9px;
}

@media screen and (max-width: 767px) {
    .events-page-outer .events-page-main .events-page-row .events-page-right {
        width: 100%;
        order: 1;
        margin-bottom: 20px;
    }
}

.events-page-outer .events-page-main .events-page-row:last-child {
    margin-bottom: 0px;
}

.events-page-outer .events-page-main .events-page-row:hover .events-page-left .events-text {
    border-color: #AE572B;
}

@media screen and (max-width: 767px) {
    .events-page-outer .events-page-main .events-page-row {
        flex-wrap: wrap;
    }
}

.events-page-outer .loader-btn {
    width: 100%;
    margin-top: 50px;
    text-align: center;
}

.events-page-outer .loader-btn a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(93.05deg, #FF9D00 -14.26%, #AE5710 85.74%);
}

.events-page-outer .loader-btn a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.events-page-outer .loader-btn a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.events-page-outer .loader-btn a:hover img {
    margin-left: 10px;
}

.events-page-outer .loader-btn a:hover {
    background: linear-gradient(93.05deg, #AE5710 -14.26%, #FF9D00 85.74%);
}

.events-detais-outer {
    padding: 150px 0px 30px;
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FFFAF1 100%);
}

.events-detais-outer .events-details-main {
    padding: 0px 110px;
}

.events-detais-outer .events-details-main h2 {
    font-size: 26px;
    line-height: 150%;
    font-family: "Graphik Medium";
    color: #242424;
    margin-bottom: 30px;
}

.events-detais-outer .events-details-main h3 {
    font-size: 20px;
    line-height: 150%;
    font-family: "Graphik Medium";
    color: #000;
    margin-bottom: 20px;
}

.events-detais-outer .events-details-main h4 {
    font-size: 18px;
    line-height: 150%;
    font-family: "Graphik Medium";
    color: #000;
    margin-bottom: 20px;
}

.events-detais-outer .events-details-main p {
    font-size: 18px;
    line-height: 150%;
    color: #000;
    margin-bottom: 20px;
}

.events-detais-outer .events-details-main p a {
    color: #00D4FF;
}

@media screen and (max-width: 991px) {
    .events-detais-outer .events-details-main p {
        font-size: 16px;
    }
}

.events-detais-outer .events-details-main .events-slider {
    margin-bottom: 40px;
}

.events-detais-outer .events-details-main .events-slider .slick-arrow {
    width: 51px;
    height: 51px;
    border: 1px solid #3A3A3A;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.events-detais-outer .events-details-main .events-slider .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 26px;
    height: 16px;
    filter: invert(100);
}

.events-detais-outer .events-details-main .events-slider .slick-arrow:hover {
    border-color: #AE572B;
    background: #AE572B;
}

.events-detais-outer .events-details-main .events-slider .slick-arrow:hover:before {
    filter: invert(0);
}

@media screen and (max-width: 1450px) {
    .events-detais-outer .events-details-main .events-slider .slick-arrow {
        background: #fff;
    }
}

@media screen and (max-width: 600px) {
    .events-detais-outer .events-details-main .events-slider .slick-arrow {
        top: 160px;
        width: 45px;
        height: 45px;
    }
}

.events-detais-outer .events-details-main .events-slider .slick-prev {
    left: -109px;
}

@media screen and (max-width: 600px) {
    .events-detais-outer .events-details-main .events-slider .slick-prev {
        left: -22px;
    }
}

.events-detais-outer .events-details-main .events-slider .slick-next {
    right: -109px;
}

.events-detais-outer .events-details-main .events-slider .slick-next::before {
    transform: rotate(180deg);
}

@media screen and (max-width: 600px) {
    .events-detais-outer .events-details-main .events-slider .slick-next {
        right: -22px;
    }
}

.events-detais-outer .events-details-main .date-evets-details {
    color: #AE572B;
    font-family: "Graphik Medium";
    font-size: 15px;
    display: block;
    padding-bottom: 10px;
}

.events-detais-outer .events-details-main img {
    max-width: 100%;
    height: auto;
    border-radius: 9px;
    aspect-ratio: 5/2;
}

.events-detais-outer .events-details-main>ul {
    margin-bottom: 25px;
}

.events-detais-outer .events-details-main>ul li {
    font-size: 18px;
    line-height: 150%;
    color: #000;
    padding-left: 25px;
    background: url(../images/li-bg-arrow.svg) no-repeat 0px 5px;
    margin-bottom: 12px;
}

@media screen and (max-width: 600px) {
    .events-detais-outer .events-details-main {
        padding: 0px 10px;
    }

    .events-detais-outer .events-details-main .event-slide {
        border-radius: 9px;
    }

    .events-detais-outer .events-details-main .event-slide img {
        height: 300px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.other-event-outer {
    padding: 60px 0px;
}

.other-event-outer .head {
    padding-bottom: 20px;
}

.other-event-outer .other-event-main {
    display: flex;
    padding: 0px 95px;
}

.other-event-outer .other-event-main .other-event-bx {
    width: 33.33%;
    margin: 0px 15px;
}

.other-event-outer .other-event-main .other-event-bx figure {
    height: 246px;
}

.other-event-outer .other-event-main .other-event-bx figure a {
    display: flex;
    height: 246px;
    border-radius: 9px;
    width: 100%;
}

.other-event-outer .other-event-main .other-event-bx figure a img {
    width: 100%;
    border-radius: 9px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 600px) {
    .other-event-outer .other-event-main .other-event-bx figure a img {
        height: 300px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media screen and (max-width: 600px) {
    .other-event-outer .other-event-main .other-event-bx figure a {
        height: 300px;
    }
}

@media screen and (max-width: 600px) {
    .other-event-outer .other-event-main .other-event-bx figure {
        height: 300px;
    }
}

.other-event-outer .other-event-main .other-event-bx h3 {
    font-size: 24px;
    line-height: 130%;
    color: #242424;
    font-family: "Graphik Medium";
    padding-bottom: 10px;
    min-height: 72px;
}

.other-event-outer .other-event-main .other-event-bx h3 a {
    color: #242424;
    text-decoration: none;
}

.other-event-outer .other-event-main .other-event-bx h3 a:hover {
    color: #AE572B;
}

@media screen and (max-width: 600px) {
    .other-event-outer .other-event-main .other-event-bx h3 {
        font-size: 22px;
    }
}

.other-event-outer .other-event-main .other-event-bx label {
    font-size: 16px;
    font-weight: 400;
    color: #AE572B;
    display: block;
    padding-bottom: 10px;
}

.other-event-outer .other-event-main .other-event-bx p {
    color: #2D2F30;
}

.other-event-outer .other-event-main .slick-arrow {
    width: 51px;
    height: 51px;
    border: 1px solid #3A3A3A;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.other-event-outer .other-event-main .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 26px;
    height: 16px;
    filter: invert(100);
}

.other-event-outer .other-event-main .slick-arrow:hover {
    border-color: #AE572B;
    background: #AE572B;
}

.other-event-outer .other-event-main .slick-arrow:hover:before {
    filter: invert(0);
}

@media screen and (max-width: 1450px) {
    .other-event-outer .other-event-main .slick-arrow {
        background: #fff;
    }
}

@media screen and (max-width: 600px) {
    .other-event-outer .other-event-main .slick-arrow {
        top: 160px;
        width: 45px;
        height: 45px;
    }
}

.other-event-outer .other-event-main .slick-prev {
    left: 0px;
}

@media screen and (max-width: 600px) {
    .other-event-outer .other-event-main .slick-prev {
        left: -10px;
    }
}

.other-event-outer .other-event-main .slick-next {
    right: 0px;
}

.other-event-outer .other-event-main .slick-next::before {
    transform: rotate(180deg);
}

@media screen and (max-width: 600px) {
    .other-event-outer .other-event-main .slick-next {
        right: -10px;
    }
}

@media screen and (max-width: 600px) {
    .other-event-outer .other-event-main {
        padding: 0px 0px;
    }
}

.career-banner-outer {
    padding: 150px 0px 30px;
    height: 100vh;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
}

.career-banner-outer .career-banner-main {
    text-align: center;
}

.career-banner-outer .career-banner-main h1 {
    font-size: 100px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 99%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .career-banner-outer .career-banner-main h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .career-banner-outer .career-banner-main h1 {
        font-size: 70px;
    }
}

@media screen and (max-width: 767px) {
    .career-banner-outer .career-banner-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 600px) {
    .career-banner-outer .career-banner-main h1 {
        font-size: 45px;
    }
}

.career-banner-outer .career-banner-main h3 {
    font-size: 55px;
    color: #fff;
    font-family: "Graphik Semibold";
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .career-banner-outer .career-banner-main h3 {
        font-size: 45px;
    }
}

@media screen and (max-width: 1199px) {
    .career-banner-outer .career-banner-main h3 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .career-banner-outer .career-banner-main h3 {
        font-size: 35px;
    }

    .career-banner-outer .career-banner-main h3 br {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .career-banner-outer .career-banner-main h3 {
        font-size: 35px;
    }
}

.career-banner-outer .career-banner-main p {
    font-size: 25px;
    color: #fff;
    font-family: "Graphik Medium";
}

@media screen and (max-width: 1450px) {
    .career-banner-outer .career-banner-main p {
        font-size: 22px;
    }
}

@media screen and (max-width: 600px) {
    .career-banner-outer .career-banner-main p {
        font-size: 17px;
    }
}

.career-banner-outer .career-banner-main a {
    background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
}

.career-banner-outer .career-banner-main a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.career-banner-outer .career-banner-main a:hover {
    background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}

.career-banner-outer .career-banner-main a:hover img {
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .career-banner-outer {
        padding: 100px 0px 30px;
        background-size: cover !important;
    }
}

.single-jobs .case-study-banner {
    height: 70vh;
    padding: 100px 0px 30px;
}

.single-jobs .case-study-banner .case-study-main h1 {
    font-size: 80px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "Graphik Semibold";
    line-height: 99%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1450px) {
    .single-jobs .case-study-banner .case-study-main h1 {
        font-size: 70px;
    }
}

@media screen and (max-width: 1199px) {
    .single-jobs .case-study-banner .case-study-main h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 767px) {
    .single-jobs .case-study-banner .case-study-main h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 600px) {
    .single-jobs .case-study-banner .case-study-main h1 {
        font-size: 35px;
    }
}

.why-career-outer {
    padding: 50px 0px 60px;
    overflow: hidden;
    background-size: 100% 100% !important;
}

.why-career-outer .head {
    padding-bottom: 30px;
}

.why-career-outer .why-career-slide .slick-list.draggable {
    padding: 0px 30% !important;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .why-career-outer .why-career-slide .slick-list.draggable {
        padding: 0px 10% !important;
    }
}

.why-career-outer .why-career-slide .why-career-box {
    padding: 0px 15px;
}

.why-career-outer .why-career-slide .why-career-box figure {
    margin-bottom: 0px;
}

.why-career-outer .why-career-slide .why-career-box figure img {
    width: 100%;
}

.values-deffine-slide-outer {
    background: #000;
    padding: 60px 0px;
    background-size: 100% 100% !important;
}

.values-deffine-slide-outer .head h2 {
    color: #fff;
}

.values-deffine-slide-outer .head p {
    color: #fff;
}

.values-deffine-slide-outer .values-deffine-container {
    max-width: 1540px;
    margin: 0 auto;
}

.values-deffine-slide-outer .values-deffine-container .slick-track {
    margin: 0 auto;
}

.values-deffine-slide-outer .values-bx {
    padding: 0px 26px;
    position: relative;
    transition: all 0.5s;
}

.values-deffine-slide-outer .values-bx figure {
    position: relative;
}

.values-deffine-slide-outer .values-bx figure img {
    width: 100%;
}

.values-deffine-slide-outer .values-bx figure a {
    position: relative;
    display: block;
}

.values-deffine-slide-outer .values-bx figure a::after {
    background: url(../images/shadow-values-bg.png) no-repeat;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.values-deffine-slide-outer .values-bx h3 {
    font-size: 18px;
    font-family: "Graphik Semibold";
    text-align: center;
}

.values-deffine-slide-outer .values-bx h3 a {
    color: #fff;
    text-decoration: none;
}

.values-deffine-slide-outer .values-bx:nth-child(2n) {
    margin-top: 48px;
    transition: all 0.5s;
}

.values-deffine-slide-outer .values-bx:hover {
    margin-top: 48px;
}

.values-deffine-slide-outer .values-bx:hover:nth-child(2n) {
    margin-top: 30px;
}

.why-team-benifit-outer {
    overflow: hidden;
    padding: 60px 0px;
    background-size: 100% 100% !important;
}

.why-team-benifit-outer .head {
    padding-bottom: 30px;
}

.why-team-benifit-outer .container {
    max-width: 1517px;
}

.why-team-benifit-outer .why-benifit-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 100px;
}

.why-team-benifit-outer .why-benifit-row .why-benifit-bx {
    width: 50%;
    position: relative;
    left: 30px;
}

.why-team-benifit-outer .why-benifit-row .why-benifit-bx figure {
    height: 446px;
    display: flex;
    overflow: hidden;
}

.why-team-benifit-outer .why-benifit-row .why-benifit-bx figure img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.5s;
}

@media screen and (max-width: 767px) {
    .why-team-benifit-outer .why-benifit-row .why-benifit-bx figure {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .why-team-benifit-outer .why-benifit-row .why-benifit-bx {
        left: 0;
        width: 100%;
    }
}

.why-team-benifit-outer .why-benifit-row .why-benifit-bx:hover img {
    transform: scale(1.05);
}

.why-team-benifit-outer .why-benifit-row .why-benifit-details {
    width: 50%;
    background: linear-gradient(90deg, #FFFFFF 0%, #F4EBFF 100%);
    padding: 52px 75px;
    position: relative;
    left: -30px;
    top: 50px;
    z-index: 2;
    height: 456px;
}

.why-team-benifit-outer .why-benifit-row .why-benifit-details h2 {
    font-size: 22px;
    line-height: 32px;
    font-family: "Graphik Medium";
    color: #000000;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.why-team-benifit-outer .why-benifit-row .why-benifit-details h2 span {
    background: linear-gradient(180deg, #A188F0 41.5%, rgba(255, 255, 255, 0) 87.18%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-size: 85px;
    line-height: 72px;
    font-family: "Graphik Medium";
    display: flex;
    margin-right: 10px;
}

.why-team-benifit-outer .why-benifit-row .why-benifit-details ul li {
    background: url(../images/benfit-dots.webp) no-repeat 0px 8px;
    padding-left: 17px;
    font-size: 18px;
    color: #000000;
    margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
    .why-team-benifit-outer .why-benifit-row .why-benifit-details {
        padding: 25px;
    }
}

@media screen and (max-width: 767px) {
    .why-team-benifit-outer .why-benifit-row .why-benifit-details {
        left: 0;
        width: 100%;
        top: 0;
        height: auto;
    }
}

.why-team-benifit-outer .why-benifit-row:nth-child(2n+1) {
    flex-direction: row-reverse;
}

.why-team-benifit-outer .why-benifit-row:nth-child(2n+1) .why-benifit-details {
    left: 30px;
    background: linear-gradient(-90deg, #FFFFFF -1.7%, #F1EDFF 100%);
}

@media screen and (max-width: 767px) {
    .why-team-benifit-outer .why-benifit-row:nth-child(2n+1) .why-benifit-details {
        left: 0;
    }
}

.why-team-benifit-outer .why-benifit-row:nth-child(2n+1) .why-benifit-bx {
    left: -30px;
}

@media screen and (max-width: 767px) {
    .why-team-benifit-outer .why-benifit-row:nth-child(2n+1) .why-benifit-bx {
        left: 0;
    }
}

.why-team-benifit-outer .why-benifit-row:last-child {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .why-team-benifit-outer .why-benifit-row {
        flex-wrap: wrap;
        margin-bottom: 25px;
    }
}

.heros-outer {
    background: #000000;
    padding: 60px 0px;
    background-size: 100% 100% !important;
}

.heros-outer .head {
    padding-bottom: 30px;
}

.heros-outer .head span {
    color: #fff;
}

.heros-outer .head h2 {
    color: #fff;
}

@media screen and (max-width: 1399px) {
    .heros-outer .head h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .heros-outer .head h2 {
        font-size: 28px;
        line-height: 38px;
    }
}

.heros-outer .head p {
    color: #fff;
}

.heros-outer .heros-slider-outer {
    padding: 0px 50px;
}

.heros-outer .heros-slider-outer .heros-main-containt {
    max-width: 1540px;
    margin: 0 auto;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide {
    display: flex;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-list.draggable {
    width: 100%;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .heros-box {
    width: 33.33%;
    position: relative;
    margin: 0px 15px;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .heros-box figure {
    margin-bottom: 0px;
    position: relative;
    height: 350px;
    display: flex;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .heros-box figure img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .heros-box figure::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: "";
    background: url(../images/heros-bg-shadow.png) no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .heros-outer .heros-slider-outer .heros-main-containt .heros-slide .heros-box figure {
        height: 260px;
    }
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .heros-box .heros-ico {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-arrow {
    width: 45px;
    height: 45px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-arrow::before {
    background: url(../images/arrow-use-slide.png) no-repeat;
    font-size: 0;
    color: transparent;
    width: 18px;
    height: 14px;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-arrow:hover {
    border-color: #06ABBF;
    background: #06ABBF;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-prev {
    left: -40px;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-next {
    right: -40px;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-next::before {
    transform: rotate(180deg);
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-dots {
    bottom: -42px;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-dots li {
    width: 35px;
    height: 4.5px;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-dots li button {
    width: 35px;
    height: 4.5px;
    padding: 0;
    background: #fff;
}

.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-dots li.slick-active button {
    background: #AE63FF;
}

.job-listing {
    padding: 60px 0;
    background: #F3FBFF;
    background-size: 100% 100% !important;
}

@media screen and (max-width: 1399px) {
    .job-listing .head h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .job-listing .head h2 {
        font-size: 28px;
        line-height: 38px;
    }
}

.job-listing .sub-head-job {
    border: 1px solid #F5F5F5;
    background: var(--tp-common-white);
    justify-content: space-between;
    align-items: center;
    display: flex;
    padding: 16px 30px 16px 30px;
    box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 33px;
}

.job-listing .sub-head-job .form-group {
    display: flex;
}

.job-listing .sub-head-job .form-group .from-group-drop {
    width: 190px;
}

.job-listing .sub-head-job .form-group .from-group-drop:last-child {
    margin-left: 50px;
}

@media screen and (max-width: 991px) {
    .job-listing .sub-head-job .form-group .from-group-drop {
        width: 150px;
    }
}

@media screen and (max-width: 767px) {
    .job-listing .sub-head-job .form-group {
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 15px;
    }

    .job-listing .sub-head-job .form-group .from-group-drop {
        width: 50%;
        padding-right: 15px;
    }

    .job-listing .sub-head-job .form-group .from-group-drop:last-child {
        margin-left: 0px;
    }
}

@media screen and (max-width: 576px) {
    .job-listing .sub-head-job .form-group .from-group-drop {
        width: 100%;
        padding-right: 0px;
    }

    .job-listing .sub-head-job .form-group .from-group-drop:last-child {
        padding-left: 0px;
    }
}

.job-listing .sub-head-job label {
    color: #222222;
    font-family: "Graphik Medium";
    font-size: 13px;
}

.job-listing .sub-head-job select {
    display: block;
    background: #fff url(../images/car-poly.png) no-repeat 90% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    padding-right: 70px;
    color: #B7B7B7;
}

.job-listing .sub-head-job .search-form {
    display: flex;
    align-items: center;
    position: relative;
}

.job-listing .sub-head-job .search-form .carrer-search-input {
    position: relative;
    margin-right: 40px;
}

.job-listing .sub-head-job .search-form .carrer-search-input button {
    background: none;
    border: none;
}

.job-listing .sub-head-job .search-form .carrer-search-input input {
    background: var(--tp-common-white);
    border: none;
}

@media screen and (max-width: 767px) {
    .job-listing .sub-head-job .search-form .carrer-search-input {
        margin-right: 0;
        width: 50%;
        padding-right: 15px;
    }
}

@media screen and (max-width: 576px) {
    .job-listing .sub-head-job .search-form .carrer-search-input {
        width: auto;
    }
}

.job-listing .sub-head-job .search-form .submit-btn .search-job {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    border: none;
    background: linear-gradient(93.05deg, #B28AFF -14.26%, #8800BE 85.74%);
}

.job-listing .sub-head-job .search-form .submit-btn .search-job img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.job-listing .sub-head-job .search-form .submit-btn .search-job:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.job-listing .sub-head-job .search-form .submit-btn .search-job:hover img {
    margin-left: 10px;
}

.job-listing .sub-head-job .search-form .submit-btn .search-job:hover {
    background: linear-gradient(93.05deg, #8800BE -14.26%, #B28AFF 85.74%);
}

@media screen and (max-width: 767px) {
    .job-listing .sub-head-job .search-form .submit-btn {
        padding-left: 15px;
    }
}

.job-listing .sub-head-job .search-form .search-form1 .search-box {
    position: absolute;
    top: -8px;
    right: 38px;
    border-top: 4px solid #8800BE;
    display: none;
    z-index: 99;
}

.job-listing .sub-head-job .search-form .search-form1 .search-box input {
    padding: 10px 8px;
    outline: none !important;
}

@media screen and (max-width: 767px) {
    .job-listing .sub-head-job .search-form .search-form1 .search-box input {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .job-listing .sub-head-job .search-form .search-form1 .search-box input {
        width: auto;
    }
}

@media screen and (max-width: 1023px) {
    .job-listing .sub-head-job .search-form .search-form1 .search-box {
        top: 45px;
    }
}

@media screen and (max-width: 767px) {
    .job-listing .sub-head-job .search-form .search-form1 .search-box {
        left: 35px;
        right: unset;
        top: -3px;
    }
}

@media screen and (max-width: 576px) {
    .job-listing .sub-head-job .search-form .search-form1 .search-box {
        right: unset;
        left: 0px;
        top: 51px;
    }
}

.job-listing .sub-head-job .search-form .search-form1 .search-box.showhide {
    display: block;
}

@media screen and (max-width: 767px) {
    .job-listing .sub-head-job .search-form {
        flex-wrap: wrap;
        width: 100%;
    }

    .job-listing .sub-head-job .search-form .from-group-drop:last-child {
        padding-left: 0px;
    }
}

@media screen and (max-width: 576px) {
    .job-listing .sub-head-job .search-form {
        justify-content: space-between;
    }
}

@media screen and (max-width: 991px) {
    .job-listing .sub-head-job {
        flex-wrap: wrap;
    }
}

.job-listing .job-listing-inner .job-box {
    padding: 37px 18px 76px 18px;
    margin-top: 36px;
    background: var(--tp-common-white);
    border: 1px solid #E6B4F0;
    box-shadow: 0px 9px 25.9px 0px #FACFF0;
    height: calc(100% - 30px);
    position: relative;
}

.job-listing .job-listing-inner .job-box h4 {
    color: #795CD7;
    font-style: normal;
    font-size: 22px;
    font-family: "Graphik Semibold";
    line-height: 120%;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.job-listing .job-listing-inner .job-box h6 {
    color: var(--tp-common-black);
    font-style: normal;
    font-family: "Graphik Medium";
    font-size: var(--tp-fz-p);
    line-height: 120%;
    margin-bottom: 20px;
    min-height: 39px;
}

.job-listing .job-listing-inner .job-box p {
    font-size: 14px;
    color: #111111;
}

.job-listing .job-listing-inner .job-box a {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    border: none;
    background: linear-gradient(93.05deg, #B28AFF -14.26%, #8800BE 85.74%);
    bottom: 24px;
    left: 18px;
    position: absolute;
}

.job-listing .job-listing-inner .job-box a img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.job-listing .job-listing-inner .job-box a:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.job-listing .job-listing-inner .job-box a:hover img {
    margin-left: 10px;
}

.job-listing .job-listing-inner .job-box a:hover {
    background: linear-gradient(93.05deg, #8800BE -14.26%, #B28AFF 85.74%);
}

.job-listing .load-more-wrapper {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.job-listing .load-more-wrapper button {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    margin: 0 auto;
    border: none;
    background: linear-gradient(93.05deg, #B28AFF -14.26%, #8800BE 85.74%);
}

.job-listing .load-more-wrapper button img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.job-listing .load-more-wrapper button:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.job-listing .load-more-wrapper button:hover img {
    margin-left: 10px;
}

.job-listing .load-more-wrapper button:hover {
    background: linear-gradient(93.05deg, #8800BE -14.26%, #B28AFF 85.74%);
}

/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.custom-select-wrapper select {
    display: none;
}

.custom-select-wrapper .custom-select {
    position: relative;
    display: block;
}

.custom-select-wrapper .custom-select .custom-select-trigger {
    position: relative;
    display: block;
    background: #fff url(../images/car-poly.png) no-repeat 90% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    padding-right: 70px;
    color: #B7B7B7;
}

.custom-select-wrapper .custom-select .custom-options {
    position: absolute;
    display: block;
    top: 53%;
    left: 0px;
    right: 0;
    padding: 10px 15px 10px 15px;
    margin: 15px 0;
    border: 0.5px solid #F7CCFF;
    border-radius: 3px;
    min-width: 160px;
    box-shadow: 0px 16px 17.6px 0px rgba(210, 173, 237, 0.3490196078);
    background: #fff;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    z-index: 1;
}

@media (max-width: 576px) {
    .custom-select-wrapper .custom-select .custom-options {
        z-index: 9;
    }
}

.custom-select-wrapper .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.custom-select-wrapper .custom-select.opened .custom-select-trigger {
    background: #fff url(../images/car-poly-up.png) no-repeat 90% center;
}

.custom-select-wrapper .custom-option {
    position: relative;
    display: block;
    padding: 0;
    font-size: 12px;
    color: #3D3D3D;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.custom-select-wrapper .custom-option:hover {
    color: #9A06BF;
}

.video-career-outer {
    height: 666px;
    overflow: hidden;
    position: relative;
    display: flex;
}

.video-career-outer .video-wrapper {
    width: 100%;
}

.video-career-outer .video-container {
    width: 100%;
    height: 100%;
}

.video-career-outer .video-container .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-career-outer .video-container video {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
}

.video-career-outer .play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
}

.video-career-outer .play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto;
}

.video-career-outer .play-button-wrapper #circle-play-b svg {
    width: 100px;
    height: 100px;
    fill: #fff;
    stroke: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    opacity: 0.9;
}

.map-outer {
    padding: 60px 0px;
}

.map-outer .container {
    overflow: hidden;
}

.future-outer {
    background: #000000;
    padding: 60px 0px;
    background-size: 100% 100% !important;
}

.future-outer .head {
    padding-bottom: 27px;
}

.future-outer .head span {
    color: #fff;
}

.future-outer .head h2 {
    color: #fff;
}

@media screen and (max-width: 1399px) {
    .future-outer .head h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .future-outer .head h2 {
        font-size: 28px;
        line-height: 38px;
    }
}

.future-outer .head p {
    color: #fff;
}

.future-outer .future-main {
    max-width: 1000px;
    margin: 0 auto;
}

.future-outer .future-main form .future-row {
    width: 100%;
    display: flex;
    margin-bottom: 15px;
}

.future-outer .future-main form .future-row .future-bx {
    width: 50%;
    padding: 0px 15px;
    position: relative;
}

.future-outer .future-main form .future-row .future-bx input {
    width: 100%;
    background: #160f29;
    height: 50px;
    border: 1px solid #272727;
    padding: 10px 12px;
    font-size: 18px;
    color: #fff;
    box-shadow: none !important;
    outline: none !important;
}

.future-outer .future-main form .future-row .future-bx input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.future-outer .future-main form .future-row .future-bx input::placeholder {
    color: #fff;
    opacity: 1;
}

.future-outer .future-main form .future-row .future-bx select {
    width: 100%;
    background: #160f29 url(../images/drop-down-arrow.svg) no-repeat 98% center;
    height: 50px;
    border: 1px solid #272727;
    padding: 10px 12px;
    font-size: 18px;
    color: #fff;
    box-shadow: none !important;
    outline: none !important;
    background-size: 19px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.future-outer .future-main form .future-row .future-bx .select-mobile-bx {
    display: flex;
}

.future-outer .future-main form .future-row .future-bx .select-mobile-bx .slect-code {
    min-width: 70px;
    max-width: 70px;
}

.future-outer .future-main form .future-row .future-bx .select-mobile-bx .slect-code select {
    border-right: 0px;
}

.future-outer .future-main form .future-row .future-bx .select-mobile-bx .select-mo {
    width: 100%;
}

.future-outer .future-main form .future-row .future-bx .select-mobile-bx .select-mo input {
    border-left: 0px;
}

.future-outer .future-main form .future-row .future-bx .fileUpload {
    position: absolute;
    right: 15px;
    top: 0px;
    overflow: hidden;
}

.future-outer .future-main form .future-row .future-bx .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.future-outer .future-main form .future-row .future-bx .btn--browse {
    border-left: 0;
    color: black;
    height: 50px;
    padding: 10px 14px;
}

.future-outer .future-main form .future-row .future-bx .f-input {
    height: 50px;
    width: 100%;
    float: left;
    padding: 0 14px;
    line-height: 45px;
}

.future-outer .future-main form .future-row .future-bx .f-input::file-selector-button {
    display: none;
}

.future-outer .future-main form .future-row .future-bx .f-input::file-selector-button:hover {
    transition: all 0.25s ease-in;
}

@media screen and (max-width: 480px) {
    .future-outer .future-main form .future-row .future-bx {
        width: 100%;
        margin-bottom: 15px;
    }
}

.future-outer .future-main form .future-row .captcha {
    padding: 7px 15px 0px;
}

.future-outer .future-main form .future-row .form-submit {
    width: 100%;
    margin-top: 37px;
    text-align: center;
}

.future-outer .future-main form .future-row .form-submit button {
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    border: none;
    min-width: 150px;
    background: linear-gradient(93.05deg, #B28AFF -14.26%, #8800BE 85.74%);
}

.future-outer .future-main form .future-row .form-submit button img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.future-outer .future-main form .future-row .form-submit button:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.future-outer .future-main form .future-row .form-submit button:hover img {
    margin-left: 10px;
}

.future-outer .future-main form .future-row .form-submit button:hover {
    background: linear-gradient(93.05deg, #8800BE -14.26%, #B28AFF 85.74%);
}

@media screen and (max-width: 480px) {
    .future-outer .future-main form .future-row {
        flex-wrap: wrap;
        margin-bottom: 0px;
    }
}

.video-pop-up .modal-dialog {
    max-width: 800px;
}

@media screen and (max-width: 840px) {
    .video-pop-up .modal-dialog {
        max-width: 90%;
        margin: 0.5rem auto;
    }
}

.video-pop-up .modal-dialog .modal-content .modal-body {
    padding: 0px;
    height: 450px;
}

@media screen and (max-width: 1024px) {
    .video-pop-up .modal-dialog .modal-content .modal-body {
        height: 450px;
    }
}

@media screen and (max-width: 767px) {
    .video-pop-up .modal-dialog .modal-content .modal-body {
        height: 400px;
    }
}

.video-pop-up .modal-dialog .modal-content .modal-body .btn-close {
    position: absolute;
    right: -14px;
    top: -10px;
    z-index: 9;
    background-color: #fff;
    opacity: 1;
    border-radius: 50%;
    padding: 9px;
}

.video-pop-up .modal-dialog .modal-content .modal-body iframe {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    -o-object-fit: cover;
    object-fit: cover;
}

.career-details-outer {
    background: url(../images/apply-job-bg.webp) left top no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.career-details-outer .career-details {
    width: 68%;
    padding-right: 50px;
}

.career-details-outer .career-details h1 {
    font-size: 36px;
    line-height: 120%;
    color: #000;
    font-family: "Graphik Medium";
    padding-bottom: 20px;
}

@media screen and (max-width: 991px) {
    .career-details-outer .career-details h1 {
        font-size: 30px;
    }
}

.career-details-outer .career-details .career-details-jb {
    margin-bottom: 65px;
}

.career-details-outer .career-details .career-details-jb ul li {
    font-size: 18px;
    line-height: 100%;
    display: flex;
    align-items: center;
    font-family: "Graphik Regular";
    color: #070707;
    margin-bottom: 15px;
}

.career-details-outer .career-details .career-details-jb ul li figure {
    width: 30px;
    margin: 0;
}

.career-details-outer .career-details .career-details-jb ul li figure img {
    margin-right: 0px;
}

@media screen and (max-width: 991px) {
    .career-details-outer .career-details .career-details-jb ul li {
        font-size: 16px;
    }
}

.career-details-outer .career-details h3 {
    font-size: 22px;
    line-height: 120%;
    color: #000;
    font-family: "Graphik Medium";
    padding-bottom: 6px;
}

.career-details-outer .career-details h4 {
    font-size: 20px;
    line-height: 120%;
    color: #000;
    font-family: "Graphik Medium";
    padding-bottom: 6px;
}

.career-details-outer .career-details p {
    font-size: 18px;
    line-height: 150%;
    color: #070707;
}

@media screen and (max-width: 991px) {
    .career-details-outer .career-details p {
        font-size: 16px;
    }
}

.career-details-outer .career-details>ul {
    margin-bottom: 25px;
}

.career-details-outer .career-details>ul li {
    font-size: 18px;
    line-height: 150%;
    color: #070707;
    padding-left: 25px;
    background: url(../images/li-bg-arrow.svg) no-repeat 0px 7px;
    margin-bottom: 12px;
}

@media screen and (max-width: 991px) {
    .career-details-outer .career-details>ul li {
        font-size: 16px;
    }
}

.career-details-outer .career-details .share-icone ul {
    display: flex;
}

.career-details-outer .career-details .share-icone ul li {
    margin-right: 8px;
}

.career-details-outer .career-details .share-icone ul li a {
    border: 1px solid #DADADA;
    display: flex;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    color: #000;
    text-decoration: none;
}

.career-details-outer .career-details .share-icone ul li a:hover {
    background: #06ABBF;
    color: #fff;
}

@media screen and (max-width: 992px) {
    .career-details-outer .career-details {
        width: 100%;
        padding-right: 0;
    }
}

.career-details-outer .apply-job-form {
    padding-top: 80px;
    width: 32%;
    background: #fff;
    padding: 25px;
    margin: 0 auto;
    border: 1px solid #C1B1F4;
    border-radius: 10px;
}

.career-details-outer .apply-job-form h3 {
    font-size: 28px;
    line-height: 100%;
    color: #000;
    font-family: "Graphik Semibold";
    padding-bottom: 15px;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .career-details-outer .apply-job-form h3 {
        font-size: 25px;
    }
}

.career-details-outer .apply-job-form .apply-bx {
    position: relative;
    margin-bottom: 10px;
}

.career-details-outer .apply-job-form .apply-bx input {
    width: 100%;
    background: #F6F6F6;
    height: 50px;
    border: 1px solid #E7E7E7;
    padding: 10px 12px;
    font-size: 18px;
    color: #000;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 15px;
}

.career-details-outer .apply-job-form .apply-bx input::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.career-details-outer .apply-job-form .apply-bx input::placeholder {
    color: #000;
    opacity: 1;
}

@media screen and (max-width: 991px) {
    .career-details-outer .apply-job-form .apply-bx input {
        font-size: 16px;
    }
}

.career-details-outer .apply-job-form .apply-bx textarea {
    width: 100%;
    background: #F6F6F6;
    height: 150px;
    border: 1px solid #E7E7E7;
    padding: 10px 12px;
    font-size: 18px;
    color: #000;
    box-shadow: none !important;
    border-radius: 15px;
    outline: none !important;
    resize: none;
}

.career-details-outer .apply-job-form .apply-bx textarea::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.career-details-outer .apply-job-form .apply-bx textarea::placeholder {
    color: #000;
    opacity: 1;
}

@media screen and (max-width: 991px) {
    .career-details-outer .apply-job-form .apply-bx textarea {
        font-size: 16px;
    }
}

.career-details-outer .apply-job-form .apply-bx select {
    width: 100%;
    border-radius: 15px 0 0 15px;
    background: #F6f6f6 url(../images/drop-down-arrow.svg) no-repeat 96% center;
    height: 50px;
    border: 1px solid #E7E7E7;
    padding: 10px 12px;
    font-size: 18px;
    color: #000;
    box-shadow: none !important;
    outline: none !important;
    background-size: 21px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media screen and (max-width: 991px) {
    .career-details-outer .apply-job-form .apply-bx select {
        font-size: 16px;
    }
}

.career-details-outer .apply-job-form .apply-bx .select-mobile-bx {
    display: flex;
}

.career-details-outer .apply-job-form .apply-bx .select-mobile-bx .slect-code {
    min-width: 70px;
    max-width: 70px;
}

.career-details-outer .apply-job-form .apply-bx .select-mobile-bx .slect-code select {
    border-right: 0px;
    background: #F6f6f6 url(../images/arrow-head-two.png) no-repeat 98% center;
    background-size: 12px !important;
}

.career-details-outer .apply-job-form .apply-bx .select-mobile-bx .select-mo {
    width: 100%;
}

.career-details-outer .apply-job-form .apply-bx .select-mobile-bx .select-mo input {
    border-left: 0px;
    border-radius: 0 15px 15px 0;
}

.career-details-outer .apply-job-form .apply-bx .fileUpload {
    position: absolute;
    right: 15px;
    top: 0px;
    overflow: hidden;
}

.career-details-outer .apply-job-form .apply-bx .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.career-details-outer .apply-job-form .apply-bx .btn--browse {
    border-left: 0;
    height: 50px;
    padding: 10px 14px;
}

.career-details-outer .apply-job-form .apply-bx .btn--browse span {
    text-transform: uppercase;
    font-family: "Graphik Medium";
}

.career-details-outer .apply-job-form .apply-bx .btn--browse span img {
    margin-left: 10px;
}

.career-details-outer .apply-job-form .apply-bx .f-input {
    height: 50px;
    width: 100%;
    padding: 0 14px;
    line-height: 48px;
    padding-right: 128px;
}

.career-details-outer .apply-job-form .apply-bx .f-input::file-selector-button {
    display: none;
}

.career-details-outer .apply-job-form .apply-bx .f-input::file-selector-button:hover {
    transition: all 0.25s ease-in;
}

.career-details-outer .apply-job-form .apply-bx-btn {
    margin: 25px auto;
    display: flex;
    justify-content: center;
}

.career-details-outer .apply-job-form .apply-bx-btn button {
    text-transform: capitalize;
    border: none;
    margin: 0 auto;
    background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
    padding: 9px 23px;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.5s;
    background: linear-gradient(93.05deg, #B28AFF -14.26%, #8800BE 85.74%);
}

.career-details-outer .apply-job-form .apply-bx-btn button img {
    margin-left: 8px;
    max-width: 17px;
    display: inline-block;
    width: auto;
    transition: all 0.5s;
    height: auto;
}

.career-details-outer .apply-job-form .apply-bx-btn button:hover {
    background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}

.career-details-outer .apply-job-form .apply-bx-btn button:hover img {
    margin-left: 10px;
}

.career-details-outer .apply-job-form .apply-bx-btn button img {
    filter: brightness(0) invert(1);
}

.career-details-outer .apply-job-form .apply-bx-btn button:hover {
    background: linear-gradient(93.05deg, #8800BE -14.26%, #B28AFF 85.74%);
}

@media screen and (max-width: 991px) {
    .career-details-outer .apply-job-form .apply-bx-btn {
        margin-top: 30px;
    }
}

@media screen and (max-width: 991px) {
    .career-details-outer .apply-job-form {
        padding-top: 50px;
    }
}

@media screen and (max-width: 992px) {
    .career-details-outer .apply-job-form {
        width: 100%;
        margin-top: 25px;
    }
}

@media screen and (max-width: 991px) {
    .career-details-outer {
        padding-bottom: 50px;
    }
}

.our-presence {
    padding: 50px 0;
}

.locations {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 50px;
    max-width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 992px) {
    .locations {
        gap: 10px;
    }
}

.locations .card {
    background: #fff;
    border-radius: 15px;
    border: none;
    overflow: hidden;
    transition: transform 0.3s ease;
}

@media screen and (max-width: 992px) {
    .locations .card {
        margin-top: 20px !important;
    }
}

.locations .card:nth-child(2) {
    margin-top: 30px;
}

.locations .card:nth-child(3) {
    margin-top: 60px;
}

.locations .card:nth-child(5) {
    margin-top: 30px;
}

.locations .card:nth-child(6) {
    margin-top: 60px;
}

.locations .card:nth-child(8) {
    margin-top: 30px;
}

.locations .card:nth-child(9) {
    margin-top: 60px;
}

.locations .card:hover {
    transform: translateY(-5px);
}

.locations .card img {
    width: auto;
    height: 180px;
    border-radius: 10px;
}

.locations .card .card-content {
    padding: 20px 0;
}

.locations .card .city {
    font-weight: 700;
    color: #8F16C9;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: "Graphik Semibold";
}

.locations .card .address {
    font-size: 15px;
    line-height: 1.5;
    color: #444;
}

@media (max-width: 768px) {
    .card img {
        height: 150px;
    }
}

@media (max-width: 480px) {
    .city {
        font-size: 16px;
    }

    .address {
        font-size: 14px;
    }
}

.items-start {
    align-items: flex-start;
}

.makes-apple-work-outer {
    padding: 60px 0px;
}

.makes-apple-work-outer .makes-apple-work-main {
    display: flex;
    gap: 30px;
}

.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left {
    padding-right: 20px;
    width: calc(55% - 15px);
}

.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left h1 {
    font-family: "Montserrat", sans-serif;
    padding-bottom: 30px;
    color: #010101;
    font-weight: bold;
    font-size: 48px;
    line-height: 120%;
}

@media screen and (max-width: 1199px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left h1 {
        font-size: 38px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left h1 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left h1 {
        font-size: 30px;
    }
}

.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left p {
    font-family: "Montserrat", sans-serif;
    padding-bottom: 10px;
    color: #626262;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
}

@media screen and (max-width: 1199px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left p {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left p {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 767px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left p br {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left {
        width: 100%;
        padding-right: 0px;
    }
}

.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right {
    width: calc(45% - 15px);
    gap: 30px;
    display: flex;
}

.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-bx {
    width: calc(50% - 15px);
}

.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-bx1 {
    width: calc(50% - 15px);
    margin-top: 100px;
}

.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area {
    height: 188px;
    width: 100%;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 20px;
    background-size: cover !important;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area h3 {
    width: 100%;
    text-align: center;
    font-size: 60px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #010101;
}

@media screen and (max-width: 1199px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area h3 {
        font-size: 48px;
    }
}

@media screen and (max-width: 600px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area h3 {
        font-size: 38px;
    }
}

.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area p {
    width: 100%;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #010101;
}

@media screen and (max-width: 1199px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area p {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area p {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area {
        padding: 10px;
    }
}

@media screen and (max-width: 991px) {
    .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .makes-apple-work-outer .makes-apple-work-main {
        flex-wrap: wrap;
    }
}

.solution-tailored-outer {
    background: url(https://www.teamcomputers.com/apple/assest/new-apple-microsite/images/apple-lmages/tailored-bg.webp) no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.solution-tailored-outer .solution-tailored-main {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx {
    border-radius: 10px;
    width: calc(25% - 8px);
    background: #000;
    height: 235px;
    transition: all 0.5s;
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx a {
    padding: 50px 20px 20px;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    text-decoration: none;
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx figure {
    height: 61px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx figure img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx h3 {
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child {
    background: none !important;
    padding-top: 20px;
    padding-left: 35px;
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child h2 {
    font-size: 40px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #fff;
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child h2 span {
    font-weight: 300;
}

@media screen and (max-width: 991px) {
    .solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 479px) {
    .solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child h2 br {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child {
        padding-top: 50px;
    }
}

@media screen and (max-width: 479px) {
    .solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child {
        height: auto;
        padding-left: 0px;
    }
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:nth-child(2) img {
    filter: brightness(0) invert(100);
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:nth-child(2):hover img {
    filter: unset;
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:hover {
    background: rgba(231, 184, 76, 0.85);
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:hover img {
    filter: brightness(0) invert(0);
}

.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:hover h3 {
    color: #000;
}

@media screen and (max-width: 991px) {
    .solution-tailored-outer .solution-tailored-main .solution-tailored-bx {
        width: calc(33.33% - 8px);
    }
}

@media screen and (max-width: 600px) {
    .solution-tailored-outer .solution-tailored-main .solution-tailored-bx {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 479px) {
    .solution-tailored-outer .solution-tailored-main .solution-tailored-bx {
        width: 100%;
    }
}

.apple-our-customer-outer {
    background: #F9F9F9;
    padding: 60px 0px;
}

.apple-our-customer-outer .apple-head {
    padding-bottom: 0px;
}

.apple-our-customer-outer .our-customer-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px 30px;
}

.apple-our-customer-outer .our-customer-main .our-customer-bx {
    height: 63px;
    display: flex;
    padding: 5px;
    width: 7.69%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.apple-our-customer-outer .our-customer-main .our-customer-bx img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    filter: grayscale(100%);
    transition: all 0.5s;
}

.apple-our-customer-outer .our-customer-main .our-customer-bx:hover img {
    filter: grayscale(0);
}

@media screen and (max-width: 1024px) {
    .apple-our-customer-outer .our-customer-main .our-customer-bx {
        width: 11.6%;
    }
}

@media screen and (max-width: 767px) {
    .apple-our-customer-outer .our-customer-main .our-customer-bx {
        width: 16.5%;
    }
}

@media screen and (max-width: 576px) {
    .apple-our-customer-outer .our-customer-main .our-customer-bx {
        width: 24.5%;
    }
}

@media screen and (max-width: 767px) {
    .apple-our-customer-outer .our-customer-main {
        padding: 0px 15px;
    }
}

@media screen and (max-width: 991px) {
    .apple-our-customer-outer {
        background-size: cover;
        background-position: center !important;
    }
}

.unmatched-outer {
    background: url(../images/apple-lmages/unmatched-bg.webp) no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.unmatched-outer .unmatched-main {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.unmatched-outer .unmatched-main .unmatched-bx {
    width: calc(50% - 16px);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    padding: 33px 55px 170px;
    transition: all 0.5s;
    background: #fff;
    position: relative;
}

.unmatched-outer .unmatched-main .unmatched-bx .unmatched-text {
    max-width: 345px;
}

.unmatched-outer .unmatched-main .unmatched-bx .unmatched-text h3 {
    font-size: 32px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #000000;
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .unmatched-outer .unmatched-main .unmatched-bx .unmatched-text h3 {
        font-size: 25px;
    }
}

.unmatched-outer .unmatched-main .unmatched-bx .unmatched-text p {
    font-size: 14px;
    line-height: 20px;
}

.unmatched-outer .unmatched-main .unmatched-bx .unmatched-text a {
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-decoration: none;
    color: #000000;
    transition: all 0.5s;
}

.unmatched-outer .unmatched-main .unmatched-bx .unmatched-text a span {
    display: inline-block;
    margin-left: 10px;
}

.unmatched-outer .unmatched-main .unmatched-bx .unmatched-text a:hover {
    color: #0080FF;
}

.unmatched-outer .unmatched-main .unmatched-bx .unmatched-img {
    position: absolute;
    right: 55px;
    bottom: 30px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: right;
}

.unmatched-outer .unmatched-main .unmatched-bx .unmatched-img img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 100%;
    transition: all 0.5s;
}

@media screen and (max-width: 767px) {
    .unmatched-outer .unmatched-main .unmatched-bx .unmatched-img {
        right: 15px;
    }
}

.unmatched-outer .unmatched-main .unmatched-bx:hover {
    box-shadow: 0px 6px 24px rgba(234, 198, 214, 0.9);
}

.unmatched-outer .unmatched-main .unmatched-bx:hover .unmatched-img img {
    transform: scale(1.05);
}

@media screen and (max-width: 991px) {
    .unmatched-outer .unmatched-main .unmatched-bx {
        padding: 25px 25px 170px;
    }
}

@media screen and (max-width: 767px) {
    .unmatched-outer .unmatched-main .unmatched-bx {
        width: 100%;
        overflow: hidden;
    }
}

.real-cost-outer {
    background: #F9F9F9;
}

.real-cost-outer .real-cost-main {
    display: flex;
    gap: 30px;
    align-items: center;
}

.real-cost-outer .real-cost-main .real-cost-img {
    width: calc(50% - 15px);
    display: flex;
    align-items: center;
    justify-content: left;
    position: relative;
    padding: 0px;
}

.real-cost-outer .real-cost-main .real-cost-img img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.real-cost-outer .real-cost-main .real-cost-img .real-cost-tx {
    position: absolute;
    right: 37px;
    top: 120px;
    width: 260px;
    padding: 25px 28px;
    background: #fff;
    border-radius: 30px 30px 0px 30px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.real-cost-outer .real-cost-main .real-cost-img .real-cost-tx h6 {
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #474F62;
}

@media screen and (max-width: 1399px) {
    .real-cost-outer .real-cost-main .real-cost-img .real-cost-tx {
        right: 0px;
    }
}

@media screen and (max-width: 767px) {
    .real-cost-outer .real-cost-main .real-cost-img .real-cost-tx {
        right: 15px;
    }
}

@media screen and (max-width: 991px) {
    .real-cost-outer .real-cost-main .real-cost-img {
        width: 100%;
        min-height: unset;
        max-height: unset;
        justify-content: left;
    }

    .real-cost-outer .real-cost-main .real-cost-img img {
        max-height: 100%;
    }
}

.real-cost-outer .real-cost-main .real-cost-area {
    width: calc(50% - 15px);
    padding-left: 0px;
    padding-top: 90px;
}

.real-cost-outer .real-cost-main .real-cost-area .real-cost-area-as {
    max-width: 585px;
    padding-right: 40px;
    padding-bottom: 40px;
}

@media screen and (max-width: 991px) {
    .real-cost-outer .real-cost-main .real-cost-area .real-cost-area-as {
        padding-left: 15px;
    }
}

.real-cost-outer .real-cost-main .real-cost-area h3 {
    font-size: 40px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #000000;
    padding-bottom: 20px;
}

@media screen and (max-width: 1199px) {
    .real-cost-outer .real-cost-main .real-cost-area h3 {
        font-size: 35px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .real-cost-outer .real-cost-main .real-cost-area h3 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .real-cost-outer .real-cost-main .real-cost-area h3 {
        font-size: 30px;
    }
}

.real-cost-outer .real-cost-main .real-cost-area p {
    font-size: 20px;
    line-height: 120%;
    padding-bottom: 20px;
}

@media screen and (max-width: 1199px) {
    .real-cost-outer .real-cost-main .real-cost-area p {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .real-cost-outer .real-cost-main .real-cost-area p {
        font-size: 16px;
    }
}

.real-cost-outer .real-cost-main .real-cost-area a {
    border: 1px solid #000;
    border-radius: 48px;
    background: rgba(217, 217, 217, 0.18);
    padding: 15px 50px;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    transition: all 0.5s;
}

.real-cost-outer .real-cost-main .real-cost-area a img {
    margin-right: 10px;
}

.real-cost-outer .real-cost-main .real-cost-area a:hover {
    background: #fff;
}

@media screen and (max-width: 991px) {
    .real-cost-outer .real-cost-main .real-cost-area {
        padding-left: 20px;
    }
}

@media screen and (max-width: 991px) {
    .real-cost-outer .real-cost-main .real-cost-area {
        padding-left: 0px;
        width: 100%;
        padding-top: 0px;
    }
}

@media screen and (max-width: 991px) {
    .real-cost-outer .real-cost-main {
        flex-wrap: wrap;
    }
}

.lets-contact-us-outer {
    padding: 60px 0;
    background: #FAFAFC;
    background-size: cover;
    z-index: 2;
    position: relative;
}

.lets-contact-us-outer .apple-head.head-top {
    padding-bottom: 0px;
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .lets-contact-us-outer .apple-head.head-top {
        padding-bottom: 0px;
    }
}

.lets-contact-us-outer .apple-head.apple-left {
    max-width: 425px;
    padding-top: 10px;
    text-align: left;
    padding-bottom: 0px;
}

.lets-contact-us-outer .apple-head.apple-left h2 {
    text-align: left;
    font-size: 44px;
    color: #474F62;
    padding-bottom: 8px;
}

@media screen and (max-width: 1199px) {
    .lets-contact-us-outer .apple-head.apple-left h2 {
        font-size: 34px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .lets-contact-us-outer .apple-head.apple-left h2 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .lets-contact-us-outer .apple-head.apple-left h2 {
        font-size: 30px;
        margin-bottom: 0px;
    }
}

.lets-contact-us-outer .apple-head.apple-left h4 {
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #474F62;
    padding-bottom: 10px;
}

@media screen and (max-width: 991px) {
    .lets-contact-us-outer .apple-head.apple-left h4 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .lets-contact-us-outer .apple-head.apple-left h4 {
        font-size: 20px;
    }
}

.lets-contact-us-outer .apple-head.apple-left p {
    text-align: left;
    color: #474F62;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

@media screen and (max-width: 991px) {
    .lets-contact-us-outer .apple-head.apple-left p {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .lets-contact-us-outer .apple-head.apple-left p {
        padding-right: 0px;
        font-size: 16px;
    }
}

.lets-contact-us-outer .apple-head.apple-left ul li {
    margin-right: 15px;
}

.lets-contact-us-outer .apple-head.apple-left ul li a {
    color: #fff;
}

.lets-contact-us-outer .apple-head.apple-left ul li a:hover {
    color: #0FACB8;
}

@media screen and (max-width: 991px) {
    .lets-contact-us-outer .apple-head.apple-left {
        max-width: 100%;
    }
}

.lets-contact-us-outer figure img {
    max-width: 100%;
}

.lets-contact-us-outer .contact-form {
    max-width: 491px;
}

.lets-contact-us-outer .contact-form h2 {
    color: #7A7A7A;
    font-size: 44px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    margin-bottom: 25px;
}

@media screen and (max-width: 1199px) {
    .lets-contact-us-outer .contact-form h2 {
        font-size: 34px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .lets-contact-us-outer .contact-form h2 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .lets-contact-us-outer .contact-form h2 {
        font-size: 30px;
        margin-bottom: 0px;
    }
}

.lets-contact-us-outer .contact-form form .form-row {
    margin-bottom: 15px;
}

.lets-contact-us-outer .contact-form form .form-row .form-group {
    padding: 0px;
    position: relative;
}

.lets-contact-us-outer .contact-form form .form-row .form-group p {
    margin-bottom: 0px;
    line-height: 0;
}

.lets-contact-us-outer .contact-form form .form-row .form-group input {
    width: 100%;
    height: 53px;
    color: #7A7A7A;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 0 15px;
    border-radius: 5px;
    box-shadow: none;
    font-family: "Open Sans";
    box-shadow: none !important;
    outline: none;
}

.lets-contact-us-outer .contact-form form .form-row .form-group input::-moz-placeholder {
    color: #7A7A7A;
    opacity: 1;
}

.lets-contact-us-outer .contact-form form .form-row .form-group input::placeholder {
    color: #7A7A7A;
    opacity: 1;
}

.lets-contact-us-outer .contact-form form .form-row .form-group select {
    width: 100%;
    height: 53px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 0 15px;
    border-radius: 5px;
    background: #fff url(../images/select-arrow.png) no-repeat 98% center;
    color: #7A7A7A;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    box-shadow: none !important;
    outline: none;
}

.lets-contact-us-outer .contact-form form .form-row .form-group select:valid {
    color: #7A7A7A;
}

.lets-contact-us-outer .contact-form form .form-row .form-group textarea {
    width: 100%;
    height: 130px;
    resize: none;
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: #7A7A7A;
    padding: 15px;
    border-radius: 5px;
    box-shadow: none;
    box-shadow: none !important;
    outline: none;
    line-height: normal;
}

.lets-contact-us-outer .contact-form form .form-row .form-group textarea::-moz-placeholder {
    color: #7A7A7A;
    opacity: 1;
}

.lets-contact-us-outer .contact-form form .form-row .form-group textarea::placeholder {
    color: #7A7A7A;
    opacity: 1;
}

.lets-contact-us-outer .contact-form form .form-row .form-group .wpcf7-not-valid-tip {
    margin-top: 5px;
    line-height: normal;
    color: #fff;
    display: none;
}

@media screen and (max-width: 991px) {
    .lets-contact-us-outer .contact-form form .form-row {
        flex-wrap: wrap;
    }
}

.lets-contact-us-outer .contact-form form .form-row .wpcf7-spinner {
    position: absolute;
}

.lets-contact-us-outer .contact-form form input[type=submit] {
    background: #0080FF;
    width: 194px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    transition: all 0.3s;
    border: none;
    color: #fff;
    border-radius: 12px;
    border: 1px solid #0080FF;
}

.lets-contact-us-outer .contact-form form input[type=submit]:hover {
    background: #fff;
    color: #0080FF;
}

@media screen and (max-width: 991px) {
    .lets-contact-us-outer .contact-form {
        padding: 35px 0px 15px 0px;
        max-width: 100%;
        padding-top: 0;
    }
}

.lets-contact-us-outer .contact-form .wpcf7 .screen-reader-response {
    position: static;
    width: 100%;
    height: auto;
    clip-path: unset;
    clip: unset;
}

.lets-contact-us-outer .contact-form .wpcf7 .screen-reader-response p {
    color: green;
    font-weight: var(--tp-fw-sbold);
}

.lets-contact-us-outer .contact-form .wpcf7 .screen-reader-response ul {
    display: none;
}

@media screen and (max-width: 991px) {
    .lets-contact-us-outer .col-lg-6.col-md-6.col-sm-6.col-xs-12 {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.real-bussnies-out {
    padding: 60px 0px;
}

.real-bussnies-out .apple-head {
    padding-bottom: 20px;
}

.real-bussnies-out .real-bussnies-mn {
    display: flex;
    gap: 50px;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left {
    width: calc(50% - 25px);
    position: relative;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw {
    display: flex;
    height: 750px;
    flex-wrap: wrap;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw figure {
    height: 317px;
    display: flex;
    width: 100%;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw figure img {
    width: 100%;
    border-radius: 27px;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    visibility: visible !important;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area {
    min-height: 335px;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area p {
    color: #626262;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    line-height: 130%;
}

@media screen and (max-width: 1199px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area p {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area p {
        font-size: 16px;
    }
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area h3 {
    color: #626262;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

@media screen and (max-width: 1199px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area h3 {
        font-size: 16px;
    }
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num {
    display: flex;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text {
    width: 33.33%;
    padding-right: 15px;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text h3 {
    color: #626262;
    font-size: 60px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text h3 span {
    color: #626262;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    line-height: 130%;
}

@media screen and (max-width: 1199px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text h3 span {
        display: block;
    }
}

@media screen and (max-width: 1199px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text h3 {
        font-size: 40px;
    }
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text p {
    color: #626262;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    line-height: 130%;
    min-height: unset;
}

@media screen and (max-width: 1199px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text p {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text p {
        font-size: 16px;
    }
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area a {
    border: 1px solid #0080FF;
    display: flex;
    padding: 10px 27px;
    border-radius: 70px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #000000;
    display: inline-block;
    text-decoration: none;
    background: rgba(217, 217, 217, 0.16);
    text-transform: capitalize;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area a img {
    margin-left: 10px;
    display: inline-block;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area a:hover {
    background: #0080FF;
    color: #fff;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area a:hover img {
    filter: brightness(0) invert(100);
}

@media screen and (max-width: 1199px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw {
        padding-bottom: 10px;
    }
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .scrollbar {
    width: 9px;
    position: absolute;
    background: rgba(217, 217, 217, 0.2);
    right: -29px;
    top: 0px;
    height: calc(100% - 80px);
    border-radius: 10px;
}

@media screen and (max-width: 991px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-left .scrollbar {
        right: 0px;
    }
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-left .scroll-thumb {
    background: #036CD5;
    width: 9px;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: top 0.3s;
    border-radius: 10px;
}

@media screen and (max-width: 991px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-left {
        width: 100%;
        padding-right: 30px;
    }
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right {
    width: calc(50% - 25px);
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-head {
    background: #F1F7FF;
    padding: 40px 37px;
    width: 100%;
    border-radius: 20px;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-head h3 {
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #000000;
    margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-head {
        padding: 20px;
    }
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row {
    padding: 10px 0px;
    border-bottom: 1px solid #E0E0E0;
    display: flex;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-fig {
    min-width: 250px;
    display: flex;
    max-width: 250px;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-fig img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 600px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-fig {
        min-width: 125px;
        max-width: 125px;
    }
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text {
    width: 100%;
    padding-left: 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text span {
    display: block;
    width: 100%;
    line-height: normal;
    color: #036CD5;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 12px;
    padding-bottom: 5px;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text p {
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    color: #474F62;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text p a {
    color: #474F62;
    text-decoration: none;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text p a:hover {
    color: #0080FF;
}

@media screen and (max-width: 600px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text p {
        font-size: 16px;
    }
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text a.leran-mor {
    border: 1px solid #000;
    display: flex;
    padding: 1px 0px;
    border-radius: 20px;
    line-height: 13px;
    width: 37px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #2B2E4A;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    height: 25px;
    transition: all 0.5s;
    overflow: hidden;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text a.leran-mor span {
    display: inline-block;
    width: 79px;
    color: #2B2E4A;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 13px;
    padding: 0px;
    line-height: 13px;
    margin-right: 4px;
    visibility: hidden;
    margin-left: -79px;
    white-space: nowrap;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text a.leran-mor:hover {
    width: 123px;
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text a.leran-mor:hover span {
    visibility: visible;
    margin-left: 0px;
}

@media screen and (max-width: 600px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text {
        padding-left: 15px;
    }
}

.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row:last-child {
    border-bottom: none;
}

@media screen and (max-width: 991px) {
    .real-bussnies-out .real-bussnies-mn .real-bussnies-right {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .real-bussnies-out .real-bussnies-mn {
        flex-wrap: wrap;
    }
}

.why-apple-outer {
    padding: 60px 0px;
}

.why-apple-outer .apple-head {
    padding-bottom: 0px;
}

@media screen and (max-width: 991px) {
    .why-apple-outer .apple-head {
        padding-bottom: 20px;
    }
}

.why-apple-outer .why-apple-row {
    display: flex;
    gap: 50px;
    align-items: center;
    padding: 28px 0px;
}

.why-apple-outer .why-apple-row .why-left-text {
    width: 50%;
}

.why-apple-outer .why-apple-row .why-left-text h3 {
    font-size: 40px;
    line-height: 123%;
    font-family: "Montserrat", sans-serif;
    color: #010101;
    font-weight: 700;
    padding-bottom: 15px;
}

.why-apple-outer .why-apple-row .why-left-text h3 span {
    font-weight: 400;
}

@media screen and (max-width: 1199px) {
    .why-apple-outer .why-apple-row .why-left-text h3 {
        font-size: 32px;
    }
}

@media screen and (max-width: 991px) {
    .why-apple-outer .why-apple-row .why-left-text h3 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .why-apple-outer .why-apple-row .why-left-text h3 {
        font-size: 25px;
    }
}

.why-apple-outer .why-apple-row .why-left-text h4 {
    font-size: 22px;
    line-height: 138%;
    font-family: "Montserrat", sans-serif;
    color: #626262;
    font-weight: 600;
    padding-bottom: 10px;
}

@media screen and (max-width: 1199px) {
    .why-apple-outer .why-apple-row .why-left-text h4 {
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    .why-apple-outer .why-apple-row .why-left-text h4 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .why-apple-outer .why-apple-row .why-left-text h4 {
        font-size: 18px;
    }
}

.why-apple-outer .why-apple-row .why-left-text p {
    font-size: 18px;
    line-height: 138%;
    font-family: "Montserrat", sans-serif;
    color: #626262;
    font-weight: 500;
}

@media screen and (max-width: 1199px) {
    .why-apple-outer .why-apple-row .why-left-text p {
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    .why-apple-outer .why-apple-row .why-left-text p br {
        display: none;
    }
}

.why-apple-outer .why-apple-row .why-left-text ul {
    list-style: disc;
    padding-left: 25px;
}

.why-apple-outer .why-apple-row .why-left-text ul li {
    font-size: 18px;
    line-height: 138%;
    font-family: "Montserrat", sans-serif;
    color: #626262;
    font-weight: 500;
    margin-bottom: 8px;
}

@media screen and (max-width: 1199px) {
    .why-apple-outer .why-apple-row .why-left-text ul li {
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    .why-apple-outer .why-apple-row .why-left-text ul li br {
        display: none;
    }
}

.why-apple-outer .why-apple-row .why-left-text h5 {
    font-size: 18px;
    line-height: 138%;
    font-family: "Montserrat", sans-serif;
    color: #000;
    font-weight: 700;
    padding-bottom: 5px;
}

.why-apple-outer .why-apple-row .why-left-text .why-startup-rw {
    display: flex;
    gap: 0px 20px;
    flex-wrap: wrap;
}

.why-apple-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx {
    width: calc(50% - 25px);
    padding: 10px 0px 12px;
    border-top: 1px solid rgba(120, 120, 120, 0.5019607843);
}

.why-apple-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx p {
    font-size: 17px;
    line-height: 138%;
    color: #000;
    margin-bottom: 0px;
    font-weight: 400;
}

.why-apple-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx:first-child {
    border-top: none;
}

.why-apple-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx:nth-child(2) {
    border-top: none;
}

@media screen and (max-width: 576px) {
    .why-apple-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx:nth-child(2) {
        border-top: 1px solid rgba(120, 120, 120, 0.5019607843);
    }
}

@media screen and (max-width: 576px) {
    .why-apple-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .why-apple-outer .why-apple-row .why-left-text .why-startup-rw {
        gap: 0px;
    }
}

@media screen and (max-width: 991px) {
    .why-apple-outer .why-apple-row .why-left-text {
        width: 100%;
        padding-bottom: 0px;
        order: 2;
    }
}

.why-apple-outer .why-apple-row .why-right-img {
    width: 50%;
    overflow: hidden;
    border-radius: 30px;
    display: flex;
}

.why-apple-outer .why-apple-row .why-right-img img {
    width: 100%;
    border-radius: 30px;
    transition: all 0.5s;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 991px) {
    .why-apple-outer .why-apple-row .why-right-img {
        width: 100%;
        order: 1;
        margin-bottom: 30px;
    }
}

.why-apple-outer .why-apple-row .why-right-img:hover img {
    transform: scale(1.05);
}

.why-apple-outer .why-apple-row:nth-child(2n) {
    flex-direction: row-reverse;
}

@media screen and (max-width: 991px) {
    .why-apple-outer .why-apple-row {
        flex-wrap: wrap;
        gap: 0px;
        padding: 20px;
        box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.2);
        margin-bottom: 30px;
        border-radius: 30px;
    }
}

.bfsi-computer-outer {
    background: rgba(204, 192, 248, 0.3019607843);
    padding: 60px 0px;
}

.bfsi-computer-outer .apple-head {
    padding-bottom: 0px;
}

.bfsi-computer-outer .bfsi-computer-main {
    display: flex;
    gap: 13px;
    flex-wrap: wrap;
    justify-content: center;
}

.bfsi-computer-outer .bfsi-computer-main .bfsi-bx {
    width: calc(33.33% - 10px);
    border: 1px solid #F3F4FE;
    background: rgba(255, 255, 255, 0.8784313725);
    padding: 47px;
    display: flex;
    box-shadow: 0px 6px 100px 0px rgba(165, 153, 209, 0.3019607843);
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    transform: scale(1);
}

.bfsi-computer-outer .bfsi-computer-main .bfsi-bx h3 {
    font-size: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    color: #000;
    text-align: center;
    line-height: 138%;
}

.bfsi-computer-outer .bfsi-computer-main .bfsi-bx h3 span {
    font-weight: 400;
}

@media screen and (max-width: 1399px) {
    .bfsi-computer-outer .bfsi-computer-main .bfsi-bx h3 {
        font-size: 29px;
    }
}

@media screen and (max-width: 1024px) {
    .bfsi-computer-outer .bfsi-computer-main .bfsi-bx h3 {
        font-size: 25px;
    }
}

@media screen and (max-width: 600px) {
    .bfsi-computer-outer .bfsi-computer-main .bfsi-bx h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .bfsi-computer-outer .bfsi-computer-main .bfsi-bx {
        padding: 30px;
    }
}

@media screen and (max-width: 991px) {
    .bfsi-computer-outer .bfsi-computer-main .bfsi-bx {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 576px) {
    .bfsi-computer-outer .bfsi-computer-main .bfsi-bx {
        width: 100%;
    }
}

.bfsi-computer-outer .bfsi-computer-main .bfsi-bx:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px !important;
}

.why-apple-outer.why-apple-black-outer {
    background: rgba(0, 0, 0, 0.9215686275);
}

.why-apple-outer.why-apple-black-outer .apple-head h2 {
    color: #fff;
}

.why-apple-outer.why-apple-black-outer .why-apple-row {
    display: flex;
    gap: 50px;
    align-items: center;
    padding: 28px 0px;
}

.why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text h3 {
    color: #FFFFFF;
}

.why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text h4 {
    color: #DEDDDD;
}

.why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text p {
    color: #DEDDDD;
}

.why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text ul li {
    color: #DEDDDD;
}

.why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text h5 {
    color: #fff;
}

.why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx p {
    color: #DEDDDD;
}

@media screen and (max-width: 991px) {
    .why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 991px) {
    .why-apple-outer.why-apple-black-outer .why-apple-row {
        flex-wrap: wrap;
        gap: 0px;
        padding: 0px;
        box-shadow: none;
        margin-bottom: 30px;
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 0px;
    }

    .why-apple-outer.why-apple-black-outer .why-apple-row:last-child {
        border-bottom: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
}

.bfsi-computer-outer.bfsi-computer-bg-changes {
    background: #E8F3FF;
}

.bfsi-computer-outer.bfsi-computer-bg-changes .bfsi-computer-main .bfsi-bx {
    border: 2px solid rgba(165, 153, 209, 0.3019607843);
    background: rgba(255, 255, 255, 0.631372549);
    box-shadow: none;
}

.contact-form .wpcf7-response-output {
    display: none;
}

.apple-case-study-banner {
    position: relative;
}

.apple-case-study-banner figure {
    margin-bottom: 0px;
}

.apple-case-study-banner figure img {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .apple-case-study-banner figure img {
        height: 300px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.apple-case-study-banner .case-study-text-outer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    bottom: 0px;
    display: flex;
    align-items: center;
}

.apple-case-study-banner .case-study-text-outer .case-study-st {
    text-align: center;
    padding-bottom: 7px;
}

.apple-case-study-banner .case-study-text-outer .case-study-st h5 {
    display: inline-block;
    font-size: 20px;
    line-height: 123%;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #fff;
}

.apple-case-study-banner .case-study-text-outer .case-study-st h5 span {
    width: 13px;
    height: 13px;
    display: inline-block;
    background: #51D281;
    display: inline-block;
    margin-right: 10px;
    border-radius: 13px;
}

.apple-case-study-banner .case-study-text-outer h1 {
    text-align: center;
    font-size: 60px;
    line-height: 123%;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #fff;
}

@media screen and (max-width: 1399px) {
    .apple-case-study-banner .case-study-text-outer h1 {
        font-size: 55px;
    }
}

@media screen and (max-width: 1199px) {
    .apple-case-study-banner .case-study-text-outer h1 {
        font-size: 45px;
    }
}

@media screen and (max-width: 767px) {
    .apple-case-study-banner .case-study-text-outer h1 {
        font-size: 30px;
    }
}

.case-study-apple-outer {
    padding: 60px 0px;
}

.case-study-apple-outer .nav-tabs {
    border: none;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.case-study-apple-outer .nav-tabs .nav-item {
    padding: 0px 7px 14px;
}

.case-study-apple-outer .nav-tabs .nav-item .nav-link {
    border: 1px solid #7D7D7D;
    border-radius: 41px;
    padding: 19px 56px;
    font-size: 26px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #000000;
}

@media screen and (max-width: 1399px) {
    .case-study-apple-outer .nav-tabs .nav-item .nav-link {
        font-size: 22px;
    }
}

@media screen and (max-width: 1199px) {
    .case-study-apple-outer .nav-tabs .nav-item .nav-link {
        padding: 12px 30px;
        font-size: 18px;
    }
}

.case-study-apple-outer .nav-tabs .nav-item .nav-link.active {
    background: #036CD5;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .case-study-apple-outer .nav-tabs {
        display: none;
    }
}

.case-study-apple-outer .tab-content.accordion {
    padding: 50px 0px;
}

.case-study-apple-outer .tab-content.accordion .tab-pane {
    border: none;
    border-radius: 0px;
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body {
    padding: 0px;
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row {
    display: flex;
    align-items: center;
    padding: 50px 0px;
    border-bottom: 1px solid #CCCCCC;
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text {
    width: 50%;
    padding-right: 15px;
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text h2 {
    font-size: 40px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #000000;
    line-height: 130%;
    padding-bottom: 30px;
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text h2 span {
    font-weight: 400;
}

@media screen and (max-width: 1199px) {
    .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text h2 {
        font-size: 25px;
        padding-bottom: 14px;
    }

    .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text h2 br {
        display: none;
    }
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text a {
    border: 1px solid #000000;
    padding: 6px 15px;
    display: inline-block;
    font-size: 13px;
    color: #2B2E4A;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    border-radius: 40px;
    line-height: 18px;
    transition: all 0.5s;
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text a img {
    margin-left: 8px;
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text a:hover {
    background: #000000;
    color: #fff;
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text a:hover img {
    filter: invert(100);
}

@media screen and (max-width: 767px) {
    .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text {
        width: 100%;
        padding-right: 0px;
        order: 2;
    }
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-right-img {
    width: 50%;
    padding-left: 15px;
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-right-img figure {
    margin-bottom: 0px;
    overflow: hidden;
    border-radius: 30px;
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-right-img figure img {
    width: 100%;
    transition: all 0.5s;
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-right-img figure:hover img {
    transform: scale(1.05);
}

@media screen and (max-width: 767px) {
    .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-right-img {
        width: 100%;
        padding-left: 0px;
        order: 1;
        padding-bottom: 30px;
    }
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row:last-child {
    border-bottom: none;
}

@media screen and (max-width: 767px) {
    .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row {
        flex-wrap: wrap;
        padding: 30px 0px;
    }
}

.case-study-apple-outer .tab-content.accordion .tab-pane .load-more a {
    background: #036CD5;
    display: inline-block;
    padding: 15px 64px;
    border-radius: 60px;
    font-size: 20px;
    line-height: 123%;
    font-family: "Montserrat", sans-serif;
    border: 1px solid #036CD5;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    transition: all 0.5s;
}

.case-study-apple-outer .tab-content.accordion .tab-pane .load-more a:hover {
    background: rgb(255, 255, 255);
    color: rgb(0, 128, 255);
}

@media screen and (max-width: 1199px) {
    .case-study-apple-outer .tab-content.accordion .tab-pane .load-more a {
        font-size: 18px;
        padding: 12px 50px;
    }
}

.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-header {
    display: none;
}

@media screen and (max-width: 767px) {
    .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-header {
        display: block;
    }

    .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-header .accordion-button {
        box-shadow: none !important;
        border: 1px solid #ccc;
        border-radius: 6px;
        margin-bottom: 5px;
    }

    .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-header .accordion-button:not(.collapsed) {
        background: #036CD5;
        color: #fff;
    }

    .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-header .accordion-button:not(.collapsed)::after {
        filter: brightness(0) invert(100);
    }
}

@media screen and (max-width: 767px) {
    .case-study-apple-outer .tab-content.accordion .tab-pane {
        display: block;
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-collapse.show {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .case-study-apple-outer .tab-content.accordion {
        padding: 0px;
    }
}

.apple-ready-write-outer {
    padding: 82px 0px;
    background: #FAFAFC;
}

.apple-ready-write-outer .ready-main {
    max-width: 700px;
    margin: 0 auto;
}

.apple-ready-write-outer .ready-main h2 {
    font-size: 40px;
    line-height: 123%;
    color: #1E1E1E;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    text-align: center;
    padding-bottom: 20px;
}

@media screen and (max-width: 1199px) {
    .apple-ready-write-outer .ready-main h2 {
        font-size: 35px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .apple-ready-write-outer .ready-main h2 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .apple-ready-write-outer .ready-main h2 {
        font-size: 30px;
    }
}

.apple-ready-write-outer .ready-main p {
    font-size: 24px;
    line-height: 120%;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-align: center;
    padding-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .apple-ready-write-outer .ready-main p {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .apple-ready-write-outer .ready-main p {
        font-size: 18px;
    }
}

.apple-ready-write-outer .ready-main .ready-btn-area {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.apple-ready-write-outer .ready-main .ready-btn-area .sehedule-btn {
    padding: 14px 41px;
    border-radius: 40px;
    background: #474F62;
    font-size: 14px;
    line-height: 123%;
    color: #fff;
    display: flex;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    width: 316px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #474F62;
    transition: all 0.5s;
}

.apple-ready-write-outer .ready-main .ready-btn-area .sehedule-btn .sehedule-ico {
    margin-left: 8px;
}

.apple-ready-write-outer .ready-main .ready-btn-area .sehedule-btn .right-white {
    margin-right: 8px;
}

.apple-ready-write-outer .ready-main .ready-btn-area .sehedule-btn:hover {
    border: 1px solid #000000;
    background: rgba(217, 217, 217, 0.1607843137);
    color: #000;
}

.apple-ready-write-outer .ready-main .ready-btn-area .sehedule-btn:hover img {
    filter: invert(100);
}

.apple-ready-write-outer .ready-main .ready-btn-area .studies-btn {
    border: 1px solid #000000;
    background: rgba(217, 217, 217, 0.1607843137);
    padding: 14px 41px;
    border-radius: 40px;
    font-size: 14px;
    line-height: 123%;
    display: flex;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    width: 286px;
    align-items: center;
    justify-content: space-between;
    color: #000;
    transition: all 0.5s;
}

.apple-ready-write-outer .ready-main .ready-btn-area .studies-btn:hover {
    border: 1px solid #474F62;
    background: #474F62;
    color: #fff;
}

.apple-ready-write-outer .ready-main .ready-btn-area .studies-btn:hover img {
    filter: invert(100);
}

@media screen and (max-width: 767px) {
    .apple-ready-write-outer .ready-main .ready-btn-area {
        flex-wrap: wrap;
    }
}

.apple-case-study-details-banner {
    padding: 50px 0px;
}

.apple-case-study-details-banner .apple-case-study-details-main h1 {
    font-size: 80px;
    line-height: 123%;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-align: center;
    padding-bottom: 10px;
}

@media screen and (max-width: 1399px) {
    .apple-case-study-details-banner .apple-case-study-details-main h1 {
        font-size: 55px;
    }
}

@media screen and (max-width: 1199px) {
    .apple-case-study-details-banner .apple-case-study-details-main h1 {
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {
    .apple-case-study-details-banner .apple-case-study-details-main h1 {
        font-size: 30px;
    }
}

.apple-case-study-details-banner .apple-case-study-details-main h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 123%;
    color: #000;
    text-align: center;
}

@media screen and (max-width: 1399px) {
    .apple-case-study-details-banner .apple-case-study-details-main h3 {
        font-size: 34px;
    }
}

@media screen and (max-width: 1199px) {
    .apple-case-study-details-banner .apple-case-study-details-main h3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 992px) {
    .apple-case-study-details-banner .apple-case-study-details-main h3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) {
    .apple-case-study-details-banner {
        padding: 50px 0px;
    }
}

.apple-case-study-counter-outer {
    position: relative;
    overflow: hidden;
    display: flex;
}

.apple-case-study-counter-outer figure {
    margin-bottom: 0px;
    display: flex;
    width: 100%;
}

.apple-case-study-counter-outer figure img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.apple-case-study-counter-outer .case-study-counter-main {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    left: 0px;
    display: flex;
    align-items: flex-end;
}

.apple-case-study-counter-outer .case-study-counter-main .study-main-counter {
    display: flex;
    justify-content: flex-end;
}

.apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter {
    display: flex;
    gap: 40px;
    margin-bottom: 100px;
    width: 80%;
    background: #fff;
    padding: 23px 35px;
}

.apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx {
    width: calc(25% - 29px);
}

.apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx label {
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 123%;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #7D7D7D;
    padding-bottom: 9px;
}

.apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx h5 {
    font-size: 20px;
    line-height: 123%;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #000;
    margin-bottom: 0px;
}

@media screen and (max-width: 1199px) {
    .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx h5 {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx h5 {
        font-size: 16px;
    }
}

.apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx h3 {
    font-size: 30px;
    line-height: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #000;
    margin-bottom: 0px;
}

@media screen and (max-width: 1199px) {
    .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx h3 {
        font-size: 25px;
    }
}

@media screen and (max-width: 991px) {
    .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx {
        width: calc(50% - 29px);
    }
}

@media screen and (max-width: 600px) {
    .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx {
        width: calc(50% - 12px);
    }
}

.apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx:nth-child(3) label {
    min-height: 50px;
}

@media screen and (max-width: 1199px) {
    .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter {
        max-width: 950px;
        min-width: 950px;
    }
}

@media screen and (max-width: 991px) {
    .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter {
        flex-wrap: wrap;
        max-width: 550px;
        min-width: 550px;
    }
}

@media screen and (max-width: 600px) {
    .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter {
        margin-bottom: 30px;
        max-width: 100%;
        min-width: 100%;
        gap: 20px;
        padding: 20px;
    }
}

@media screen and (max-width: 991px) {
    .apple-case-study-counter-outer {
        height: 417px;
    }
}

.apple-the-chalange-outer {
    padding: 60px 0px;
}

.apple-the-chalange-outer .the-chalange-main {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.apple-the-chalange-outer .the-chalange-main .the-chalange-left {
    width: 40%;
}

.apple-the-chalange-outer .the-chalange-main .the-chalange-left h2 {
    font-size: 80px;
    line-height: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #2F2F2F;
    padding-bottom: 20px;
}

@media screen and (max-width: 1399px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-left h2 {
        font-size: 55px;
    }
}

@media screen and (max-width: 1199px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-left h2 {
        font-size: 45px;
    }
}

@media screen and (max-width: 767px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-left h2 {
        font-size: 30px;
    }
}

.apple-the-chalange-outer .the-chalange-main .the-chalange-left p {
    font-size: 20px;
    line-height: 138%;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #000000;
    padding-bottom: 10px;
}

@media screen and (max-width: 991px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-left p {
        font-size: 18px;
    }

    .apple-the-chalange-outer .the-chalange-main .the-chalange-left p br {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-left p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1199px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-left {
        width: 50%;
    }
}

@media screen and (max-width: 991px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-left {
        width: 100%;
    }
}

.apple-the-chalange-outer .the-chalange-main .the-chalange-right {
    width: 50%;
    padding-left: 30px;
}

.apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw {
    background: linear-gradient(180deg, #FFF6EC 0%, #FBFBFB 100%);
    padding: 17px 25px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    transition: all 0.5s;
    transform: scale(1);
}

.apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw span {
    font-size: 80px;
    line-height: 123%;
    color: rgba(0, 0, 0, 0.3);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

@media screen and (max-width: 1399px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw span {
        font-size: 55px;
    }
}

@media screen and (max-width: 1199px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw span {
        font-size: 45px;
    }
}

@media screen and (max-width: 767px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw span {
        font-size: 30px;
    }
}

.apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw p {
    padding-left: 30px;
    margin: 0px;
    font-size: 20px;
    line-height: 138%;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #000;
}

@media screen and (max-width: 1199px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw p br {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw p {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw p {
        font-size: 16px;
        padding-left: 15px;
    }
}

.apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw:nth-child(2n) {
    background: linear-gradient(180deg, #F4ECFF 0%, #FBFBFB 100%);
}

.apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw:hover {
    transform: scale(1.02);
}

@media screen and (max-width: 991px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 991px) {
    .apple-the-chalange-outer .the-chalange-main .the-chalange-right {
        width: 100%;
        padding-left: 0px;
    }
}

@media screen and (max-width: 991px) {
    .apple-the-chalange-outer .the-chalange-main {
        flex-wrap: wrap;
    }
}

.apple-the-solution-outer {
    padding: 60px 0px 80px;
    background: url(../images/apple-lmages/apple-solution-bg.webp) no-repeat;
    background-size: cover;
}

.apple-the-solution-outer .apple-head h2 {
    color: #fff;
    padding-bottom: 5px;
}

.apple-the-solution-outer .apple-head p {
    text-align: center;
    font-size: 20px;
    line-height: 138%;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

@media screen and (max-width: 1199px) {
    .apple-the-solution-outer .apple-head p br {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .apple-the-solution-outer .apple-head p {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .apple-the-solution-outer .apple-head p {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .apple-the-solution-outer .apple-head {
        padding-bottom: 20px;
    }
}

.apple-the-solution-outer .the-solution-main {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.apple-the-solution-outer .the-solution-main .the-solution-bx {
    display: flex;
    width: calc(50% - 30px);
    align-items: center;
    transition: all 0.5s;
    transform: scale(1);
}

.apple-the-solution-outer .the-solution-main .the-solution-bx span {
    width: 68px;
    height: 68px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-right: 20px;
    min-width: 68px;
    padding: 10px;
}

@media screen and (max-width: 600px) {
    .apple-the-solution-outer .the-solution-main .the-solution-bx span {
        min-width: 48px;
        width: 48px;
        height: 48px;
    }
}

.apple-the-solution-outer .the-solution-main .the-solution-bx span img {
    max-width: 100%;
}

.apple-the-solution-outer .the-solution-main .the-solution-bx p {
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 138%;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

@media screen and (max-width: 1199px) {
    .apple-the-solution-outer .the-solution-main .the-solution-bx p br {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .apple-the-solution-outer .the-solution-main .the-solution-bx p {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .apple-the-solution-outer .the-solution-main .the-solution-bx p {
        font-size: 16px;
    }
}

.apple-the-solution-outer .the-solution-main .the-solution-bx:hover {
    transform: scale(1.02);
}

@media screen and (max-width: 767px) {
    .apple-the-solution-outer .the-solution-main .the-solution-bx {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .apple-the-solution-outer .the-solution-main {
        gap: 20px;
    }
}

.apple-the-impact-outer {
    padding: 60px 0px;
}

.apple-the-impact-outer .apple-head h2 {
    color: #000;
    padding-bottom: 5px;
}

.apple-the-impact-outer .apple-head p {
    text-align: center;
    font-size: 20px;
    line-height: 138%;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

@media screen and (max-width: 991px) {
    .apple-the-impact-outer .apple-head p {
        font-size: 18px;
    }

    .apple-the-impact-outer .apple-head p br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .apple-the-impact-outer .apple-head {
        padding-bottom: 10px;
    }
}

.apple-the-impact-outer .the-impact-main {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.apple-the-impact-outer .the-impact-main .the-imapct-bx {
    width: calc(25% - 9px);
    border: 1px solid #E5E5E5;
    border-radius: 20px;
    padding: 42px 29px;
    box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.0509803922);
    transition: all 0.5s;
    transform: scale(1);
}

.apple-the-impact-outer .the-impact-main .the-imapct-bx figure span {
    width: 63px;
    height: 63px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-right: 20px;
}

.apple-the-impact-outer .the-impact-main .the-imapct-bx h3 {
    font-size: 40px;
    line-height: 138%;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

@media screen and (max-width: 1199px) {
    .apple-the-impact-outer .the-impact-main .the-imapct-bx h3 {
        font-size: 30px;
    }
}

.apple-the-impact-outer .the-impact-main .the-imapct-bx h4 {
    font-size: 24px;
    line-height: 100%;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    min-height: 76px;
}

@media screen and (max-width: 1199px) {
    .apple-the-impact-outer .the-impact-main .the-imapct-bx h4 {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {
    .apple-the-impact-outer .the-impact-main .the-imapct-bx h4 {
        min-height: 45px;
    }

    .apple-the-impact-outer .the-impact-main .the-imapct-bx h4 br {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .apple-the-impact-outer .the-impact-main .the-imapct-bx h4 {
        min-height: unset;
        padding-bottom: 10px;
    }
}

.apple-the-impact-outer .the-impact-main .the-imapct-bx h5 {
    font-size: 25px;
    line-height: 120%;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    min-height: 140px;
}

@media screen and (max-width: 1199px) {
    .apple-the-impact-outer .the-impact-main .the-imapct-bx h5 {
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    .apple-the-impact-outer .the-impact-main .the-imapct-bx h5 {
        min-height: 95px;
    }

    .apple-the-impact-outer .the-impact-main .the-imapct-bx h5 br {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .apple-the-impact-outer .the-impact-main .the-imapct-bx h5 {
        min-height: unset;
        padding-bottom: 10px;
    }
}

.apple-the-impact-outer .the-impact-main .the-imapct-bx p {
    font-size: 18px;
    line-height: 120%;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #555555;
}

@media screen and (max-width: 991px) {
    .apple-the-impact-outer .the-impact-main .the-imapct-bx p br {
        display: none;
    }
}

.apple-the-impact-outer .the-impact-main .the-imapct-bx:hover {
    transform: scale(1.02);
}

@media screen and (max-width: 1199px) {
    .apple-the-impact-outer .the-impact-main .the-imapct-bx {
        padding: 20px 15px;
    }
}

@media screen and (max-width: 991px) {
    .apple-the-impact-outer .the-impact-main .the-imapct-bx {
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 576px) {
    .apple-the-impact-outer .the-impact-main .the-imapct-bx {
        width: 100%;
    }
}

.apple-lifecycle-service {
    background: #F5F5F5;
    padding: 60px 0;
}

.apple-lifecycle-service .apple-head h2 {
    padding-bottom: 10px;
}

.apple-lifecycle-service .apple-head p {
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #000;
    line-height: 123%;
}

@media screen and (max-width: 992px) {
    .apple-lifecycle-service .apple-head p {
        font-size: 18px;
    }
}

.apple-lifecycle-service .service-card {
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
    min-height: 235px;
}

.apple-lifecycle-service .service-card h3 {
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    min-height: 50px;
    font-weight: 600;
    line-height: 123%;
    color: #000;
    margin-bottom: 25px;
}

@media screen and (max-width: 992px) {
    .apple-lifecycle-service .service-card h3 {
        font-size: 18px;
    }
}

.apple-lifecycle-service .service-card p {
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    line-height: 123%;
    color: #000;
}

.apple-lifecycle-service .service-card .card-footer-bar {
    width: 40px;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(90deg, #E95454 0%, #276EE3 100%);
}

.apple-lifecycle-service .service-card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}

.apple-what-is-mec {
    padding: 20px 0 60px 0;
}

.apple-what-is-mec .apple-head h2 {
    padding-bottom: 10px;
}

.apple-what-is-mec .apple-head p {
    font-size: 22px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #000;
    line-height: 143%;
}

@media screen and (max-width: 992px) {
    .apple-what-is-mec .apple-head p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .apple-what-is-mec .apple-head p br {
        display: none;
    }
}

.apple-what-is-mec .apple-head figure img {
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .apple-what-is-mec .apple-head {
        padding-bottom: 0px;
    }
}

.apple-what-is-mec .mec-left {
    padding-left: 80px;
}

@media screen and (max-width: 1199px) {
    .apple-what-is-mec .mec-left {
        padding-left: 20px;
    }
}

.apple-what-is-mec .mec-right {
    padding-left: 80px;
    padding-right: 40px;
}

.apple-what-is-mec .mec-right p {
    font-size: 22px;
    font-family: "Montserrat", sans-serif;
    border-bottom: 1px dashed #7A7A7A;
    font-weight: 500;
    color: #000;
    line-height: 143%;
    padding-bottom: 35px;
}

@media screen and (max-width: 992px) {
    .apple-what-is-mec .mec-right p {
        font-size: 20px;
    }
}

.apple-what-is-mec .mec-right p:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
    .apple-what-is-mec .mec-right {
        padding-left: 20px;
        padding-right: 10px;
    }
}

.apple-what-is-mec.team-computers {
    padding-bottom: 0;
}

.apple-what-is-mec.team-computers .learn-more {
    width: 237px;
    height: 56px;
    display: flex;
    align-items: center;
    border-radius: 60px;
    justify-content: center;
    background: #036CD5;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    line-height: 123%;
    letter-spacing: 0%;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 992px) {
    .apple-what-is-mec.team-computers .learn-more {
        font-size: 16px;
    }
}

.apple-what-is-mec.team-computers .learn-more:hover {
    background: #000;
}

.apple-why-mac-at-work {
    padding: 0 0 60px 0;
}

.apple-why-mac-at-work .container {
    background: #FAFAFC;
    padding: 60px 80px 60px 100px;
    border-radius: 20px;
}

.apple-why-mac-at-work .container .apple-head h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.apple-why-mac-at-work .container .stat-box {
    text-align: left;
    padding: 20px;
}

@media screen and (max-width: 767px) {
    .apple-why-mac-at-work .container .stat-box {
        width: 50%;
        text-align: center;
    }

    .apple-why-mac-at-work .container .stat-box .gradient-bar {
        margin: 0 auto 20px !important;
    }

    .apple-why-mac-at-work .container .stat-box .d-flex.align-items-baseline {
        justify-content: center;
    }
}

@media screen and (max-width: 500px) {
    .apple-why-mac-at-work .container .stat-box {
        width: 100%;
    }
}

.apple-why-mac-at-work .container .stat-box .stat-title {
    font-size: 50px;
    font-weight: 700;
    margin-top: 10px;
    color: #000;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 1199px) {
    .apple-why-mac-at-work .container .stat-box .stat-title {
        font-size: 40px;
    }
}

.apple-why-mac-at-work .container .stat-box .stat-suffix {
    font-size: 50px;
    font-weight: 700;
    margin-top: 10px;
    color: #000;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 1199px) {
    .apple-why-mac-at-work .container .stat-box .stat-suffix {
        font-size: 40px;
    }
}

.apple-why-mac-at-work .container .stat-box .stat-description {
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    color: #000;
    margin-top: 20px;
}

@media screen and (max-width: 992px) {
    .apple-why-mac-at-work .container .stat-box .stat-description {
        font-size: 16px;
    }
}

.apple-why-mac-at-work .container .stat-box h4 {
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    color: #000;
    margin-top: 0px;
}

@media screen and (max-width: 992px) {
    .apple-why-mac-at-work .container .stat-box h4 {
        font-size: 16px;
    }
}

.apple-why-mac-at-work .container .stat-box .gradient-bar {
    width: 91px;
    height: 4px;
    margin: 0 0 20px;
    border-radius: 2px;
    background: linear-gradient(to right, #ff4b5c, #0052cc);
}

@media screen and (max-width: 992px) {
    .apple-why-mac-at-work .container {
        padding: 60px 20px 60px 20px;
    }
}

.apple-where-we-help {
    padding: 0 0 60px 0;
}

.apple-where-we-help .apple-head h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.apple-where-we-help .icon-box {
    background: #FAFAFC;
    border-radius: 20px;
    height: 100%;
    padding: 50px;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 992px) {
    .apple-where-we-help .icon-box {
        padding: 30px;
    }
}

.apple-where-we-help .icon-box img {
    margin-bottom: 20px;
}

.apple-where-we-help .icon-box h6 {
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 123%;
    color: #000;
    margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
    .apple-where-we-help .icon-box h6 {
        font-size: 18px;
    }
}

.apple-where-we-help .icon-box p {
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    line-height: 123%;
    color: #000;
}

.apple-where-we-help .icon-box:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}

.px-6 {
    padding: 0 100px;
}

@media screen and (max-width: 1199px) {
    .px-6 {
        padding: 0 15px;
    }
}

.apple-our-deployments {
    padding: 40px 0 0 0;
}

.apple-our-deployments .apple-head h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 40px;
    line-height: 123%;
    letter-spacing: 0%;
    text-align: center;
    color: #E7DBDB;
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .apple-our-deployments .apple-head h3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    .apple-our-deployments .apple-head h3 {
        font-size: 24px;
    }
}

.apple-key-fetaures {
    padding-bottom: 60px;
}

.apple-key-fetaures .apple-head {
    padding-bottom: 0;
}

@media screen and (max-width: 1199px) {
    .apple-key-fetaures .apple-head {
        padding-bottom: 10px;
    }
}

.apple-key-fetaures .key-fatures-inner {
    background: url(../images/apple-lmages/key-fetaures-bg.webp) top left no-repeat;
    background-size: cover;
    border-radius: 17px !important;
}

.apple-key-fetaures .key-fatures-inner .rounded {
    border-radius: 17px !important;
}

.apple-key-fetaures .key-fatures-inner .rounded img {
    padding-bottom: 30px;
}

.apple-key-fetaures .key-fatures-inner .rounded h5 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #000;
    line-height: 138%;
    letter-spacing: 0%;
}

@media screen and (max-width: 992px) {
    .apple-key-fetaures .key-fatures-inner .rounded h5 {
        font-size: 20px;
    }
}

.apple-key-fetaures .key-fatures-inner .rounded p {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 138%;
    letter-spacing: 0%;
    text-align: center;
    color: #000;
}

@media screen and (max-width: 992px) {
    .apple-key-fetaures .key-fatures-inner .rounded p {
        font-size: 16px;
    }

    .apple-key-fetaures .key-fatures-inner .rounded p br {
        display: none;
    }
}

.apple-key-fetaures .key-fatures-inner p {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 138%;
    letter-spacing: 0%;
    text-align: center;
    color: #000;
}

@media screen and (max-width: 992px) {
    .apple-key-fetaures .key-fatures-inner p {
        font-size: 18px;
    }
}

.apple-key-fetaures .heading-text {
    border-radius: 33px;
}

.apple-key-fetaures .heading-text h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 138%;
    letter-spacing: 0%;
    color: #000;
    margin-bottom: 15px;
}

@media screen and (max-width: 992px) {
    .apple-key-fetaures .heading-text h6 {
        font-size: 18px;
    }
}

.apple-key-fetaures .heading-text ul li {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 138%;
    letter-spacing: 0%;
    color: #000;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.apple-key-fetaures .heading-text ul li:before {
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #000;
}

@media screen and (max-width: 992px) {
    .apple-key-fetaures .heading-text ul li {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .apple-key-fetaures .heading-text {
        padding: 30px !important;
    }
}

.apple-financial-solutions-section {
    padding: 60px 0;
    margin-top: 60px;
    background: url(../images/apple-lmages/flexible-financial-solution-bg.jpg) top left no-repeat;
    background-size: cover;
}

@media screen and (max-width: 1199px) {
    .apple-financial-solutions-section .apple-head p br {
        display: none;
    }
}

.apple-financial-solutions-section .container {
    max-width: 1100px;
}

.apple-financial-solutions-section .container .flex-solution {
    border-radius: 27px;
    padding: 50px 70px !important;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 991px) {
    .apple-financial-solutions-section .container .flex-solution {
        padding: 30px 20px !important;
    }
}

.apple-financial-solutions-section .container .flex-solution img {
    margin-bottom: 20px;
}

.apple-financial-solutions-section .container .flex-solution h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 22px;
    line-height: 123%;
    letter-spacing: 0%;
    text-align: center;
}

@media screen and (max-width: 992px) {
    .apple-financial-solutions-section .container .flex-solution h6 {
        font-size: 18px;
    }
}

.apple-financial-solutions-section .container .flex-solution:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}

.apple-flexible-financial-payment {
    padding: 60px 0;
}

.apple-flexible-financial-payment .container {
    max-width: 1260px;
}

.apple-flexible-financial-payment .container .apple-head h2 {
    padding-bottom: 0;
}

.apple-flexible-financial-payment .container .rounded {
    border-radius: 22px !important;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.0705882353) !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #000;
    line-height: 123%;
    letter-spacing: 0%;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 992px) {
    .apple-flexible-financial-payment .container .rounded {
        font-size: 20px;
        padding: 40px 20px !important;
    }
}

@media screen and (max-width: 767px) {
    .apple-flexible-financial-payment .container .rounded {
        padding: 20px 20px !important;
    }
}

.apple-flexible-financial-payment .container .rounded:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}

.apple-meet-our-expert {
    padding-bottom: 60px;
}

@media screen and (max-width: 991px) {
    .apple-meet-our-expert .col-md-6 {
        width: 100%;
    }
}

.apple-meet-our-expert .apple-head h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.apple-meet-our-expert .card {
    background: #FAFAFC;
    border-radius: 20px;
    align-items: center;
}

.apple-meet-our-expert .card .rounded-circle {
    width: 192px;
    height: 192px;
}

@media screen and (max-width: 600px) {
    .apple-meet-our-expert .card .rounded-circle {
        width: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 576px) {
    .apple-meet-our-expert .card .rounded-circle {
        width: 50px;
        height: 50px;
    }
}

.apple-meet-our-expert .card .info {
    padding-left: 25px;
}

.apple-meet-our-expert .card .info h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    line-height: 123%;
    letter-spacing: 0%;
}

@media screen and (max-width: 992px) {
    .apple-meet-our-expert .card .info h6 {
        font-size: 22px;
    }
}

.apple-meet-our-expert .card .info small {
    color: #036CD5;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    line-height: 123%;
    letter-spacing: 0%;
}

@media screen and (max-width: 992px) {
    .apple-meet-our-expert .card .info small {
        font-size: 16px;
    }
}

.apple-meet-our-expert .card .info p {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 123%;
    letter-spacing: 0%;
}

@media screen and (max-width: 992px) {
    .apple-meet-our-expert .card {
        padding: 20px !important;
    }
}

.lets-contact-us-outer.new-with-apple .apple-head {
    max-width: 470px;
}

.lets-contact-us-outer.new-with-apple .apple-head h2 {
    font-size: 80px;
    margin-bottom: 40px;
    font-weight: 700;
    line-height: 123%;
    color: #000;
}

.lets-contact-us-outer.new-with-apple .apple-head h2 span {
    display: block;
    font-size: 50px;
    font-weight: 700;
    line-height: 123%;
}

@media screen and (max-width: 1399px) {
    .lets-contact-us-outer.new-with-apple .apple-head h2 span {
        font-size: 45px;
    }
}

@media screen and (max-width: 1199px) {
    .lets-contact-us-outer.new-with-apple .apple-head h2 span {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .lets-contact-us-outer.new-with-apple .apple-head h2 span {
        font-size: 30px;
    }

    .lets-contact-us-outer.new-with-apple .apple-head h2 span br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .lets-contact-us-outer.new-with-apple .apple-head h2 span {
        font-size: 20px;
    }
}

@media screen and (max-width: 1399px) {
    .lets-contact-us-outer.new-with-apple .apple-head h2 {
        font-size: 70px;
    }
}

@media screen and (max-width: 1199px) {
    .lets-contact-us-outer.new-with-apple .apple-head h2 {
        font-size: 60px;
    }
}

@media screen and (max-width: 991px) {
    .lets-contact-us-outer.new-with-apple .apple-head h2 {
        font-size: 50px;
        margin-bottom: 0px;
    }

    .lets-contact-us-outer.new-with-apple .apple-head h2 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .lets-contact-us-outer.new-with-apple .apple-head h2 {
        font-size: 40px;
    }
}

.lets-contact-us-outer.new-with-apple .apple-head h4 {
    font-size: 50px;
    font-weight: 700;
    line-height: 123%;
}

@media screen and (max-width: 1199px) {
    .lets-contact-us-outer.new-with-apple .apple-head h4 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .lets-contact-us-outer.new-with-apple .apple-head h4 {
        font-size: 30px;
    }

    .lets-contact-us-outer.new-with-apple .apple-head h4 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .lets-contact-us-outer.new-with-apple .apple-head h4 {
        font-size: 20px;
    }
}

.Zeroafi-head {
    text-align: center;
    padding-bottom: 30px;
}

.Zeroafi-head span {
    display: inline-block;
    background: rgba(37, 99, 235, 0.1);
    padding: 3px 9px;
    border: 1px solid rgba(37, 99, 235, 0.3);
    border-radius: 10px;
    font-size: 12px;
    line-height: 16px;
    font-family: "Graphik Medium";
    color: #2563EB;
    margin-bottom: 20px;
}

.Zeroafi-head h2 {
    font-size: 48px;
    line-height: 60px;
    font-family: "Graphik Bold";
    color: #101828;
    padding-bottom: 12px;
}

.Zeroafi-head h2 span {
    color: #2563EB !important;
    background: none !important;
    font-size: inherit !important;
    border: none !important;
    font-family: inherit !important;
    padding: 0 !important;
    border-radius: 0 !important;
    line-height: inherit !important;
    margin: 0 !important;
    box-shadow: none !important;
}

@media screen and (max-width: 1399px) {
    .Zeroafi-head h2 {
        font-size: 45px;
        line-height: 55px;
    }
}

@media screen and (max-width: 1199px) {
    .Zeroafi-head h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .Zeroafi-head h2 br {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .Zeroafi-head h2 {
        font-size: 30px;
        line-height: 35px;
    }
}

.Zeroafi-head h1 {
    font-size: 48px;
    line-height: 60px;
    font-family: "Graphik Bold";
    color: #101828;
    padding-bottom: 12px;
}

.Zeroafi-head h1 span {
    color: #2563EB !important;
    background: none !important;
    font-size: inherit !important;
    border: none !important;
    font-family: inherit !important;
    padding: 0 !important;
    border-radius: 0 !important;
    line-height: inherit !important;
    margin: 0 !important;
    box-shadow: none !important;
}

@media screen and (max-width: 1399px) {
    .Zeroafi-head h1 {
        font-size: 45px;
        line-height: 55px;
    }
}

@media screen and (max-width: 1199px) {
    .Zeroafi-head h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .Zeroafi-head h1 br {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .Zeroafi-head h1 {
        font-size: 30px;
        line-height: 35px;
    }
}

.Zeroafi-head p {
    font-size: 18px;
    line-height: 28px;
    padding: 0px 8%;
}

@media screen and (max-width: 992px) {
    .Zeroafi-head p br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .Zeroafi-head p {
        padding: 0px;
    }
}

.Zeroafi-platform-outer {
    background: #EFF4FF;
    padding: 55px 0px;
}

.Zeroafi-platform-outer .Zeroafi-platform-main {
    display: flex;
    gap: 50px;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left {
    width: 55%;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box {
    width: calc(50% - 10px);
    background: #fff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
    border-radius: 17px;
    padding: 20px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    transition: all 0.5s;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box h2 {
    font-size: 15px;
    font-family: "Graphik Semibold";
    display: flex;
    line-height: 24px;
    align-items: center;
    padding-bottom: 10px;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box h2 span {
    display: flex;
    min-width: 48px;
    height: 48px;
    border-radius: 10px;
    background: linear-gradient(135deg, #2B7FFF 0%, #00B8DB 100%);
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box h2 span img {
    max-width: 100%;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box p {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 0px;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box:nth-child(2) h2 span {
    background: linear-gradient(135deg, #F0B100 0%, #FF6900 100%);
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box:nth-child(3) h2 span {
    background: linear-gradient(135deg, #00C950 0%, #00BC7D 100%);
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box:nth-child(4) h2 span {
    background: linear-gradient(135deg, #AD46FF 0%, #F6339A 100%);
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box:hover {
    transform: scale(1.02);
}

@media screen and (max-width: 767px) {
    .Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left {
        width: 100%;
    }
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video {
    width: 45%;
    border-radius: 10px;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroai-platform-video-iframe {
    position: relative;
    width: 100%;
    height: 272px;
    border-radius: 10px;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroai-platform-video-iframe iframe {
    border-radius: 10px;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroai-platform-video-iframe #cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroai-platform-video-iframe #cover .play-btn {
    position: absolute;
    width: 80px;
    top: 30px;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin: auto;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroai-platform-video-iframe #cover .poster-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroafi-view {
    display: flex;
    gap: 16px;
    margin-top: 13px;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroafi-view .zeroafi-bx {
    width: calc(50% - 16px);
    background: #fff;
    border-radius: 10px;
    padding: 4px 10px;
    transition: all 0.5s;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroafi-view .zeroafi-bx h3 {
    font-size: 20px;
    line-height: 25px;
    color: #2563EB;
    font-family: "Graphik Bold";
    text-align: center;
    margin: 0px 0px 3px;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroafi-view .zeroafi-bx span {
    font-size: 14px;
    line-height: 20px;
    color: #4A5565;
    display: block;
    text-align: center;
}

.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroafi-view .zeroafi-bx:hover {
    transform: scale(1.02);
}

@media screen and (max-width: 991px) {
    .Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .Zeroafi-platform-outer .Zeroafi-platform-main {
        flex-wrap: wrap;
    }
}

.Zeroafi-platform-outer .Zeroafi-enterpris-main {
    gap: 26px;
    display: flex;
    margin-top: 60px;
    flex-wrap: wrap;
    max-width: 80%;
    margin: 60px auto 0px;
}

.Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx {
    width: calc(33.33% - 26px);
    text-align: center;
    background: rgba(37, 99, 235, 0.0588235294);
    padding: 55px 30px;
    border-radius: 16px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    transition: all 0.5s;
}

.Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx span {
    width: 48px;
    height: 48px;
    background: #3378F2;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx h3 {
    font-size: 17px;
    line-height: 28px;
    font-family: "Graphik Medium";
    color: #101828;
}

.Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx p {
    font-size: 14px;
    line-height: 20px;
    color: #6A7282;
}

.Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx:hover {
    transform: scale(1.02);
}

@media screen and (max-width: 991px) {
    .Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx {
        padding: 35px 30px;
    }
}

@media screen and (max-width: 767px) {
    .Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx {
        width: calc(50% - 26px);
    }
}

@media screen and (max-width: 576px) {
    .Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .Zeroafi-platform-outer .Zeroafi-enterpris-main {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .Zeroafi-platform-outer .Zeroafi-enterpris-main {
        justify-content: center;
    }
}

.Zeroafi-ai-powerd-outer {
    padding: 60px 0px;
    background-size: cover !important;
}

.Zeroafi-ai-powerd-outer .Zeroafi-head span {
    background: rgba(255, 255, 255, 0);
    color: #fff;
    border: 1px solid #fff;
}

.Zeroafi-ai-powerd-outer .Zeroafi-head h2 {
    color: #F0B100;
}

.Zeroafi-ai-powerd-outer .Zeroafi-head p {
    color: #fff;
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx {
    width: calc(33.33% - 24px);
    background: #fff;
    border: 1px solid #E5E7EB;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843);
    padding: 24px;
    border-radius: 16px;
    transition: all 0.5s;
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx .bx-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx .bx-hd .bx-hd-ico {
    background: linear-gradient(135deg, #2B7FFF 0%, #00B8DB 100%);
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx .bx-hd .bx-hd-ico img {
    max-width: 100%;
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx .bx-hd span {
    background: linear-gradient(90deg, #2B7FFF 0%, #00B8DB 100%);
    font-size: 12px;
    border-radius: 20px;
    line-height: 16px;
    padding: 2px 8px;
    color: #fff;
    font-family: "Graphik Medium";
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx h3 {
    font-size: 24px;
    line-height: 28px;
    color: #101828;
    font-family: "Graphik Semibold";
    margin-bottom: 15px;
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx h5 {
    font-size: 14px;
    line-height: 20px;
    color: #2563EB;
    font-family: "Graphik Medium";
    margin-bottom: 15px;
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx p {
    font-size: 14px;
    line-height: 17px;
    color: #4A5565;
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx:nth-child(2) .bx-hd .bx-hd-ico {
    background: linear-gradient(135deg, #00C950 0%, #00BC7D 100%);
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx:nth-child(2) .bx-hd span {
    background: linear-gradient(90deg, #00C950 0%, #00BC7D 100%);
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx:nth-child(3) .bx-hd .bx-hd-ico {
    background: linear-gradient(135deg, #AD46FF 0%, #F6339A 100%);
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx:nth-child(3) .bx-hd span {
    background: linear-gradient(90deg, #AD46FF 0%, #F6339A 100%);
}

.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx:hover {
    transform: scale(1.02);
}

@media screen and (max-width: 767px) {
    .Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx {
        width: calc(50% - 26px);
    }
}

@media screen and (max-width: 576px) {
    .Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main {
        justify-content: center;
    }
}

.zeroafi-bulit-every-role {
    padding: 60px 0px;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .nav-tabs {
    width: auto;
    border: none;
    gap: 12px;
    padding: 15px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2509803922);
    border-radius: 20px;
    margin-bottom: 50px;
    border: 2px solid #F0EAEA;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .nav-tabs .nav-item .nav-link {
    border: 2px solid #F0EAEA;
    border-radius: 20px;
    min-width: 325px;
    font-size: 20px;
    font-family: "Graphik Bold";
    height: 80px;
    color: #000;
}

@media screen and (max-width: 1199px) {
    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .nav-tabs .nav-item .nav-link {
        min-width: 278px;
    }
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .nav-tabs .nav-item .nav-link.active {
    color: #fff;
    background: #2563EB;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content {
    width: 100%;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane {
    border: none;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body {
    padding: 20px 0px 0px;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-head {
    text-align: center;
    padding-bottom: 20px;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-head h3 {
    font-size: 30px;
    line-height: 24px;
    font-family: "Graphik Bold";
    color: #000;
    padding-bottom: 10px;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-head p {
    font-size: 18px;
    color: #4A5565;
    line-height: 22px;
}

@media screen and (max-width: 600px) {
    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-head {
        padding-bottom: 10px;
    }
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area {
    display: flex;
    flex-wrap: wrap;
    gap: 36px;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx {
    width: calc(50% - 36px);
    border: 1px solid rgba(37, 99, 235, 0.1019607843);
    background: rgba(255, 255, 255, 0.8980392157);
    padding: 33px;
    box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 16px;
    transition: all 0.5s;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx h2 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
    font-family: "Graphik Semibold";
    color: #000;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx h2 span {
    background: #EFF4FF;
    width: 64px;
    height: 64px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx h2 span img {
    max-width: 50px;
}

@media screen and (max-width: 991px) {
    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx h2 span {
        width: 55px;
        height: 55px;
        border-radius: 5px;
    }
}

@media screen and (max-width: 991px) {
    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx h2 {
        font-size: 20px;
        line-height: 26px;
    }
}

@media screen and (max-width: 767px) {
    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx p {
    font-size: 18px;
    line-height: 22px;
    color: #4A5565;
    margin: 0px;
}

@media screen and (max-width: 991px) {
    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx p br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx p {
        font-size: 16px;
        line-height: 20px;
    }
}

.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx:hover {
    transform: scale(1.02);
}

@media screen and (max-width: 767px) {
    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx {
        padding: 20px;
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 600px) {
    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx {
        padding: 20px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area {
        gap: 20px;
    }
}

@media screen and (max-width: 600px) {
    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body {
        padding-top: 50px;
    }
}

@media screen and (max-width: 991px) {
    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane {
        display: block;
        opacity: 1;
    }

    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-header button.accordion-button {
        box-shadow: none;
        border-bottom: 1px solid #ccc;
    }

    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-header button.accordion-button:not(.collapsed) {
        background-color: rgba(37, 99, 235, 0.0588235294);
        border-color: transparent;
        font-weight: bold;
    }

    .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-collapse.show {
        padding-bottom: 40px;
    }
}

.zeroafi-ai-offering {
    background: #EFF4FF;
    padding: 60px 0px;
    overflow: hidden;
    /* Tab styling */
}

.zeroafi-ai-offering .Zeroafi-head {
    padding-bottom: 0px;
}

.zeroafi-ai-offering .circle-container {
    position: relative;
    margin: 0 auto;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    animation: rotate 20s linear infinite;
}

.zeroafi-ai-offering .circle-container .circle-item {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 12px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
    background: #FFFFFF;
    border: 1px solid rgba(37, 99, 235, 0.6196078431);
    flex-wrap: wrap;
    align-content: center;
    z-index: 1;
    animation: counter-rotate 20s linear infinite;
}

.zeroafi-ai-offering .circle-container .circle-item span {
    min-width: 40px;
    height: 40px;
    background: #00ADE4;
    border: 1px solid rgba(37, 99, 235, 0.6196078431);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
}

.zeroafi-ai-offering .circle-container .circle-item span img {
    width: 25px;
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .circle-container .circle-item span {
        min-width: 30px;
        height: 30px;
    }

    .zeroafi-ai-offering .circle-container .circle-item span img {
        width: 19px;
    }
}

.zeroafi-ai-offering .circle-container .circle-item label {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    font-family: "Graphik Semibold";
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .circle-container .circle-item label {
        font-size: 15px;
    }
}

.zeroafi-ai-offering .circle-container .circle-item::after {
    width: 1px;
    height: 20px;
    background: rgba(59, 130, 246, 0.3019607843);
    left: 47px;
    bottom: -21px;
    content: "";
    position: absolute;
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .circle-container .circle-item::after {
        display: none;
    }
}

.zeroafi-ai-offering .circle-container .circle-item::before {
    width: 1px;
    height: 20px;
    background: rgba(59, 130, 246, 0.3019607843);
    left: 47px;
    top: -21px;
    content: "";
    position: absolute;
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .circle-container .circle-item::before {
        display: none;
    }
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(2) span {
    background: #09BE96;
    border-color: rgba(9, 190, 150, 0.6);
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(2)::before {
    left: 98px;
    top: -17px;
    transform: rotate(29deg);
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .circle-container .circle-item:nth-child(2)::before {
        left: 79px;
    }
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(2)::after {
    left: -1px;
    bottom: -18px;
    transform: rotate(29deg);
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(6) span {
    background: #9B4DFF;
    border-color: rgba(155, 77, 255, 0.6);
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(6)::before {
    left: 102px;
    top: unset;
    bottom: -13px;
    transform: rotate(-41deg);
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(6)::after {
    left: -3px;
    bottom: unset;
    top: -15px;
    transform: rotate(-41deg);
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(5) span {
    background: #FC286F;
    border-color: rgba(252, 40, 111, 0.6);
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(5)::before {
    left: 100px;
    top: -15px;
    transform: rotate(29deg);
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(5)::after {
    left: 0px;
    bottom: -19px;
    transform: rotate(29deg);
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(3) span {
    background: #7D5AFF;
    border-color: rgba(125, 90, 255, 0.6);
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(3)::before {
    left: 102px;
    top: unset;
    bottom: -13px;
    transform: rotate(-41deg);
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .circle-container .circle-item:nth-child(3)::before {
        left: 84px;
    }
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(3)::after {
    left: -4px;
    bottom: unset;
    top: -13px;
    transform: rotate(-41deg);
}

.zeroafi-ai-offering .circle-container .circle-item:nth-child(4) span {
    background: #FF5900;
    border-color: rgba(255, 89, 0, 0.6);
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .circle-container .circle-item {
        width: 65px;
        height: 72px;
    }
}

.zeroafi-ai-offering .circle-container .circle-item.active {
    transform: scale(1.3);
}

.zeroafi-ai-offering .circle-container::after {
    width: 588px;
    height: 588px;
    border: 3px solid rgba(59, 130, 246, 0.1019607843);
    position: absolute;
    left: 105px;
    top: 105px;
    content: "";
    border-radius: 100%;
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .circle-container::after {
        width: 388px;
        height: 388px;
    }
}

@media screen and (max-width: 600px) {
    .zeroafi-ai-offering .circle-container::after {
        width: 288px;
        height: 288px;
    }
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .circle-container {
        width: 600px;
        height: 600px;
    }
}

@media screen and (max-width: 600px) {
    .zeroafi-ai-offering .circle-container {
        margin-left: -52px;
        width: 500px;
        height: 500px;
    }
}

@media screen and (max-width: 408px) {
    .zeroafi-ai-offering .circle-container {
        margin-left: -70px;
    }
}

@media screen and (max-width: 370px) {
    .zeroafi-ai-offering .circle-container {
        margin-left: -84px;
    }
}

.zeroafi-ai-offering .circle-item-area {
    width: 800px;
    height: 800px;
    margin: 0 auto;
    position: relative;
}

.zeroafi-ai-offering .circle-item-area .center-logo {
    width: 304px;
    height: 304px;
    background: rgba(37, 99, 235, 0.0784313725);
    border: 3px solid rgba(59, 130, 246, 0.1019607843);
    border-radius: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 50px;
}

.zeroafi-ai-offering .circle-item-area .center-logo .center-area {
    border: 1px solid rgba(37, 99, 235, 0.3019607843);
    box-shadow: 0px 4px 12px 0px rgba(37, 99, 235, 0.2);
    background: #FFFFFF;
    border-radius: 100%;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zeroafi-ai-offering .circle-item-area .center-logo .center-area img {
    max-width: 100%;
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .circle-item-area .center-logo .center-area {
        width: 160px;
        height: 160px;
    }
}

@media screen and (max-width: 600px) {
    .zeroafi-ai-offering .circle-item-area .center-logo .center-area {
        width: 120px;
        height: 120px;
    }
}

.zeroafi-ai-offering .circle-item-area .center-logo .center-dots {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 70px;
    text-align: center;
    height: 27px;
}

.zeroafi-ai-offering .circle-item-area .center-logo .center-dots>div {
    width: 9px;
    height: 9px;
    background-color: #F0B100;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.2s infinite ease-in-out both;
}

.zeroafi-ai-offering .circle-item-area .center-logo .center-dots .bounce1 {
    animation-delay: -0.32s;
}

.zeroafi-ai-offering .circle-item-area .center-logo .center-dots .bounce2 {
    animation-delay: -0.16s;
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .circle-item-area .center-logo {
        width: 260px;
        height: 260px;
        padding: 47px;
    }
}

@media screen and (max-width: 600px) {
    .zeroafi-ai-offering .circle-item-area .center-logo {
        left: -94px;
        width: 160px;
        height: 160px;
        padding: 17px;
    }
}

@media screen and (max-width: 408px) {
    .zeroafi-ai-offering .circle-item-area .center-logo {
        left: -132px;
    }
}

@media screen and (max-width: 370px) {
    .zeroafi-ai-offering .circle-item-area .center-logo {
        left: -161px;
    }
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .circle-item-area {
        width: 600px;
        height: 600px;
    }
}

@media screen and (max-width: 600px) {
    .zeroafi-ai-offering .circle-item-area {
        width: 500px;
        height: 500px;
    }
}

@keyframes counter-rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.zeroafi-ai-offering .tab-content {
    width: 100%;
    display: none;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px 0px rgba(37, 99, 235, 0.2);
    border: 1px solid rgba(37, 99, 235, 0.3019607843);
    border-radius: 20px;
    padding: 45px;
    position: relative;
}

.zeroafi-ai-offering .tab-content .close-btn {
    position: absolute;
    right: 25px;
    top: 25px;
    border: 1px solid rgba(37, 99, 235, 0.3019607843);
    background: #FFFFFF;
    box-shadow: 0px 4px 12px 0px rgba(37, 99, 235, 0.2);
    width: 34px;
    height: 34px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #000;
}

@media screen and (max-width: 767px) {
    .zeroafi-ai-offering .tab-content .close-btn {
        right: 7px;
        top: -10px;
    }
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head {
    display: flex;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head span {
    min-width: 60px;
    height: 60px;
    background: #00ADE4;
    border: 1px solid rgba(37, 99, 235, 0.6196078431);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head span img {
    width: 35px;
}

@media screen and (max-width: 767px) {
    .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head span {
        min-width: 50px;
        height: 50px;
        border-radius: 10px;
    }
}

@media screen and (max-width: 600px) {
    .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head span {
        min-width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head span img {
        width: 25px;
    }
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text {
    padding-left: 30px;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text h3 {
    font-size: 30px;
    line-height: 30px;
    font-family: "Graphik Semibold";
    color: #000;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text h3 span {
    font-family: "Graphik Regular";
    width: auto;
    height: auto;
    background: none;
    border: none;
    display: inline-block;
    border-radius: unset;
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text h3 {
        font-size: 25px;
        line-height: 30px;
    }
}

@media screen and (max-width: 600px) {
    .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text h3 {
        font-size: 20px;
        line-height: 25px;
    }
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text label {
    font-size: 16px;
    color: #6A7282;
    font-family: "Graphik Semibold";
    display: block;
    padding-bottom: 30px;
}

@media screen and (max-width: 600px) {
    .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text label {
        font-size: 14px;
        line-height: 20px;
    }
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text p {
    color: #000;
}

@media screen and (max-width: 767px) {
    .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text {
        padding-left: 15px;
    }
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area {
    padding-left: 69px;
    margin-top: 50px;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area h3 {
    font-size: 20px;
    line-height: 20px;
    font-family: "Graphik Bold";
    color: #000;
    position: relative;
    margin-bottom: 23px;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area h3::after {
    width: 100%;
    height: 1px;
    background: #00ADE4;
    content: "";
    position: absolute;
    left: 0px;
    top: 9px;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area h3 span {
    background: #fff;
    padding-right: 10px;
    position: relative;
    z-index: 1;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section {
    display: flex;
    gap: 17px;
    flex-wrap: wrap;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx {
    width: calc(50% - 17px);
    display: flex;
    border: 1px solid rgba(37, 99, 235, 0.3019607843);
    box-shadow: 0px 4px 12px 0px rgba(37, 99, 235, 0.4);
    background: #FFFFFF;
    padding: 23px 18px;
    border-radius: 13px;
    min-height: 132px;
    transition: all 0.5s;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico {
    min-width: 35px;
    height: 35px;
    background: #00ADE4;
    border: 1px solid rgba(37, 99, 235, 0.6196078431);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico img {
    width: 27px;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .zeroafi-ai-offering-bx-text {
    padding-left: 14px;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .zeroafi-ai-offering-bx-text h4 {
    font-size: 18px;
    line-height: 20px;
    font-family: "Graphik Semibold";
    color: #000;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .zeroafi-ai-offering-bx-text p {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 16px;
    color: #4A5565;
}

@media screen and (max-width: 1024px) {
    .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .zeroafi-ai-offering-bx-text p br {
        display: none;
    }
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx:hover {
    transform: scale(1.02);
}

@media screen and (max-width: 767px) {
    .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx {
        padding: 15px 11px;
    }
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo {
    width: 100%;
    padding-top: 36px;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo a {
    background: linear-gradient(90deg, #0055D4 0%, #00CDFF 100%);
    display: block;
    text-align: center;
    height: 54px;
    padding: 16px 20px;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    font-family: "Graphik Medium";
    transition: all 0.5s;
}

.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo a:hover {
    background: linear-gradient(90deg, #00CDFF 0%, #0055D4 100%);
}

@media screen and (max-width: 767px) {
    .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area {
        margin-top: 20px;
    }
}

.zeroafi-ai-offering .tab-content:nth-child(2) .zeroafi-ai-offering-head span {
    background: #09BE96;
}

.zeroafi-ai-offering .tab-content:nth-child(2) .zeroafi-ai-offering-area h3::after {
    background: #09BE96;
}

.zeroafi-ai-offering .tab-content:nth-child(2) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico {
    background: #09BE96;
}

.zeroafi-ai-offering .tab-content:nth-child(2) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo a {
    background: linear-gradient(90deg, #09BE96 0%, #088267 100%);
}

.zeroafi-ai-offering .tab-content:nth-child(2) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo a:hover {
    background: linear-gradient(90deg, #088267 0%, #09BE96 100%);
}

.zeroafi-ai-offering .tab-content:nth-child(3) .zeroafi-ai-offering-head span {
    background: #7D5AFF;
}

.zeroafi-ai-offering .tab-content:nth-child(3) .zeroafi-ai-offering-area h3::after {
    background: #7D5AFF;
}

.zeroafi-ai-offering .tab-content:nth-child(3) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico {
    background: #7D5AFF;
}

.zeroafi-ai-offering .tab-content:nth-child(3) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo a {
    background: linear-gradient(90deg, #7D5AFF 0%, #4116E3 100%);
}

.zeroafi-ai-offering .tab-content:nth-child(3) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo a:hover {
    background: linear-gradient(90deg, #4116E3 0%, #7D5AFF 100%);
}

.zeroafi-ai-offering .tab-content:nth-child(4) .zeroafi-ai-offering-head span {
    background: #FF5900;
    border-color: #FF5900;
}

.zeroafi-ai-offering .tab-content:nth-child(4) .zeroafi-ai-offering-area h3::after {
    background: #FF5900;
}

.zeroafi-ai-offering .tab-content:nth-child(4) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico {
    background: #FF5900;
    border-color: #FF5900;
}

.zeroafi-ai-offering .tab-content:nth-child(4) .zeroafi-ai-offering-area .zeroafi-ai-offering-section a {
    background: linear-gradient(90deg, #FF6700 0%, #FB3035 100%);
}

.zeroafi-ai-offering .tab-content:nth-child(4) .zeroafi-ai-offering-area .zeroafi-ai-offering-section a:hover {
    background: linear-gradient(90deg, #FB3035 0%, #FF6700 100%);
}

.zeroafi-ai-offering .tab-content:nth-child(5) .zeroafi-ai-offering-head span {
    background: #FC286F;
    border-color: #FC286F;
}

.zeroafi-ai-offering .tab-content:nth-child(5) .zeroafi-ai-offering-area h3::after {
    background: #FC286F;
}

.zeroafi-ai-offering .tab-content:nth-child(5) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico {
    background: #FC286F;
    border-color: #FC286F;
}

.zeroafi-ai-offering .tab-content:nth-child(5) .zeroafi-ai-offering-area .zeroafi-ai-offering-section a {
    background: linear-gradient(90deg, #FC286F 0%, #C80D4B 100%);
}

.zeroafi-ai-offering .tab-content:nth-child(5) .zeroafi-ai-offering-area .zeroafi-ai-offering-section a:hover {
    background: linear-gradient(90deg, #C80D4B 0%, #FC286F 100%);
}

.zeroafi-ai-offering .tab-content:nth-child(6) .zeroafi-ai-offering-head span {
    background: #9B4DFF;
    border-color: #9B4DFF;
}

.zeroafi-ai-offering .tab-content:nth-child(6) .zeroafi-ai-offering-area h3::after {
    background: #9B4DFF;
}

.zeroafi-ai-offering .tab-content:nth-child(6) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico {
    background: #9B4DFF;
    border-color: #9B4DFF;
}

.zeroafi-ai-offering .tab-content:nth-child(6) .zeroafi-ai-offering-area .zeroafi-ai-offering-section a {
    background: linear-gradient(90deg, #9B4DFF 0%, #6C23CA 100%);
}

.zeroafi-ai-offering .tab-content:nth-child(6) .zeroafi-ai-offering-area .zeroafi-ai-offering-section a:hover {
    background: linear-gradient(90deg, #6C23CA 0%, #9B4DFF 100%);
}

@media screen and (max-width: 1024px) {
    .zeroafi-ai-offering .tab-content {
        padding: 30px;
    }
}

@media screen and (max-width: 600px) {
    .zeroafi-ai-offering .tab-content {
        padding: 30px 15px;
    }
}

.zeroafi-ai-offering .tab-content.active {
    display: block;
}

.zeroafi-ai-inside-outer {
    padding: 60px 0px;
}

.zeroafi-ai-inside-outer .zeroafi-ai-inside-out {
    display: flex;
    gap: 33px;
    max-width: 80%;
    margin: 0 auto;
}

.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx {
    width: calc(50% - 33px);
    border: 1px solid #E2E8F0;
    padding: 24px;
    border-radius: 10px;
}

.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx .zeroafi-icon {
    margin-bottom: 20px;
}

.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx .zeroafi-icon span {
    background: #2B7FFF;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx h3 {
    font-size: 22px;
    line-height: 22px;
    color: #1A202C;
    font-family: "Graphik Medium";
    padding-bottom: 10px;
}

.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx p {
    color: #64748B;
    min-height: 78px;
}

@media screen and (max-width: 1199px) {
    .zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx p {
        min-height: 90px;
    }

    .zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx p br {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx p {
        min-height: 104px;
    }
}

.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx a {
    border: 1px solid #E2E8F0;
    height: 36px;
    display: block;
    border-radius: 10px;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
    color: #1A202C;
    font-size: 14px;
    font-family: "Graphik Medium";
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx a:hover {
    border-color: #2B7FFF;
    color: #2B7FFF;
}

.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx a img {
    margin-left: 5px;
}

.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx:nth-child(2) .zeroafi-icon span {
    background: #00C950;
}

.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx:nth-child(2) a:hover {
    border-color: #00C950;
    color: #00C950;
}

@media screen and (max-width: 1024px) {
    .zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .zeroafi-ai-inside-outer .zeroafi-ai-inside-out {
        max-width: 100%;
        flex-wrap: wrap;
    }
}

.ready-transfrom-outer {
    padding: 60px 0px;
    background: url(../images/Zeroafi-image/ready-transfrom-bg.webp) no-repeat;
    background-size: cover;
}

.ready-transfrom-outer .Zeroafi-head span {
    padding: 9px 17px;
    font-size: 13px;
    background: #fff;
    padding: 9px 17px;
    box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(37, 99, 235, 0.1019607843);
    border-radius: 17px;
    color: #364153;
}

.ready-transfrom-outer .Zeroafi-head span img {
    margin-right: 7px;
}

.ready-transfrom-outer .ready-transfrom-main {
    display: flex;
    gap: 22px;
    max-width: 80%;
    margin: 0 auto;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left {
    min-width: 277px;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    border: 1px solid rgba(37, 99, 235, 0.1019607843);
    padding: 17px;
    box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.8980392157);
    border-radius: 17px;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left ul li span {
    width: 40px;
    height: 40px;
    background: #2E6FEF;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left ul li .phone-bx {
    padding-left: 10px;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left ul li .phone-bx label {
    font-size: 14px;
    display: block;
    color: #101828;
    font-family: "Graphik Medium";
    line-height: 14px;
    padding-bottom: 3px;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left ul li .phone-bx a {
    font-size: 14px;
    display: block;
    color: #4A5565;
    text-decoration: none;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left ul li .phone-bx p {
    font-size: 14px;
    display: block;
    color: #4A5565;
    text-decoration: none;
    margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
    .ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left {
        min-width: 100%;
        width: 100%;
    }
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right {
    width: 100%;
    padding: 24px;
    box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(37, 99, 235, 0.1019607843);
    border-radius: 16px;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right .ready-messge h3 {
    display: flex;
    font-size: 19px;
    line-height: 19px;
    color: #101828;
    align-items: center;
    padding-bottom: 5px;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right .ready-messge h3 img {
    margin-right: 10px;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right .ready-messge p {
    font-size: 14px;
    line-height: 20px;
    color: #4A5565;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input {
    width: calc(50% - 16px);
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input label {
    font-size: 14px;
    line-height: 20px;
    color: #364153;
    font-family: "Graphik Medium";
    display: block;
    padding-bottom: 3px;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input input {
    border: 1px solid #E5E7EB;
    width: 100%;
    height: 36px;
    border-radius: 10px;
    padding: 2px 10px;
    color: #99A1AF;
    font-size: 14px;
    outline: none;
    box-shadow: none;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input input::-moz-placeholder {
    color: #99A1AF;
    opacity: 1;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input input::placeholder {
    color: #99A1AF;
    opacity: 1;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input textarea {
    border: 1px solid #E5E7EB;
    width: 100%;
    height: 100px;
    border-radius: 10px;
    padding: 2px 10px;
    color: #99A1AF;
    font-size: 14px;
    resize: none;
    outline: none;
    box-shadow: none;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input textarea::-moz-placeholder {
    color: #99A1AF;
    opacity: 1;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input textarea::placeholder {
    color: #99A1AF;
    opacity: 1;
}

@media screen and (max-width: 1199px) {
    .ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input {
        width: 100%;
    }
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input.full {
    width: 100%;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-btn {
    width: 100%;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-btn button {
    height: 40px;
    padding: 8px 16px;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-family: "Graphik Medium";
    text-align: center;
    border-radius: 10px;
    background: #2564EB;
    border: 1px solid #2564EB;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-btn button img {
    margin-left: 8px;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-btn button:hover {
    background: #fff;
    color: #000;
}

.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-btn button:hover img {
    filter: invert(100);
}

@media screen and (max-width: 767px) {
    .ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right {
        min-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .ready-transfrom-outer .ready-transfrom-main {
        max-width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .ready-transfrom-outer .ready-transfrom-main {
        flex-wrap: wrap;
    }
}

.zeroafi-video .modal-dialog {
    max-width: 800px;
}

.zeroafi-video .modal-dialog .btn-close {
    position: absolute;
    right: 25px;
    top: 25px;
    border: 1px solid rgba(37, 99, 235, 0.3019607843);
    background-color: #FFFFFF;
    box-shadow: 0px 4px 12px 0px rgba(37, 99, 235, 0.2);
    width: 34px;
    height: 34px;
    border-radius: 100%;
    right: -15px;
    top: -15px;
    opacity: 1;
    z-index: 1;
}

.zeroafi-video .modal-dialog .modal-content {
    border-radius: 10px;
}

.zeroafi-video .modal-dialog .modal-body {
    padding: 0px;
}

.zeroafi-video .modal-dialog .modal-body .zeroafi-video {
    line-height: 0;
    border-radius: 10px;
}

.zeroafi-video .modal-dialog .modal-body .zeroafi-video video {
    width: 100%;
    height: 450px;
    border-radius: 10px;
}

.zeroafi-blog-outer {
    padding: 100px 0px 100px;
}

.zeroafi-blog-outer .Zeroafi-head span {
    font-size: 13px;
    background: #fff;
    padding: 9px 17px;
    box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(37, 99, 235, 0.1019607843);
    border-radius: 17px;
    color: #364153;
}

.zeroafi-blog-outer .fetured-section {
    margin-bottom: 100px;
}

.zeroafi-blog-outer .fetured-section h2 {
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-family: "Graphik Bold";
}

.zeroafi-blog-outer .fetured-section .Featured-area {
    display: flex;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(37, 99, 235, 0.1607843137);
}

.zeroafi-blog-outer .fetured-section .Featured-area .features-images {
    display: flex;
    width: 50%;
    border-radius: 10px;
    overflow: hidden;
}

.zeroafi-blog-outer .fetured-section .Featured-area .features-images a {
    display: flex;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.zeroafi-blog-outer .fetured-section .Featured-area .features-images a img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    transition: all 0.5s;
}

.zeroafi-blog-outer .fetured-section .Featured-area .features-images a:hover img {
    transform: scale(1.02);
}

@media screen and (max-width: 767px) {
    .zeroafi-blog-outer .fetured-section .Featured-area .features-images {
        width: 100%;
    }
}

.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text {
    display: flex;
    width: 50%;
    padding: 10px 61px;
    flex-wrap: wrap;
    align-content: center;
}

.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text h3 {
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    font-family: "Graphik Bold";
    padding-bottom: 10px;
}

.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text h3 a {
    color: #000000;
    text-decoration: none;
}

.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text h3 a:hover {
    color: #2563EB;
}

.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text p {
    font-size: 18px;
    line-height: 22px;
    color: #4A5565;
}

.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text p a {
    color: #4A5565;
    text-decoration: none;
}

.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text p a:hover {
    color: #2563EB;
}

.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text a.readmore {
    background: #2563EB;
    border-radius: 10px;
    padding: 7px 30px;
    font-family: "Graphik Medium";
    display: flex;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    color: #fff;
    text-decoration: none;
    align-items: center;
    border: 1px solid #2563EB;
    transition: all 0.5s;
}

.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text a.readmore:hover {
    background: #fff;
    color: #000;
}

.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text a.readmore:hover img {
    filter: invert(100);
}

@media screen and (max-width: 1024px) {
    .zeroafi-blog-outer .fetured-section .Featured-area .fatured-text {
        padding: 20px 30px;
    }
}

@media screen and (max-width: 767px) {
    .zeroafi-blog-outer .fetured-section .Featured-area .fatured-text {
        width: 100%;
        padding: 20px;
    }
}

@media screen and (max-width: 767px) {
    .zeroafi-blog-outer .fetured-section .Featured-area {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 991px) {
    .zeroafi-blog-outer .fetured-section {
        margin-bottom: 50px;
    }
}

.zeroafi-blog-outer .latest-artical-section h2 {
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-family: "Graphik Bold";
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area {
    display: flex;
    gap: 15px;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx {
    width: calc(33.33% - 15px);
    border-radius: 10px;
    box-shadow: 0px 4px 20px 0px rgba(37, 99, 235, 0.1607843137);
    background: #FFFFFF;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx figure {
    height: 176px;
    display: flex;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx figure a {
    display: flex;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx figure a img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    transition: all 0.5s;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx figure a:hover img {
    transform: scale(1.02);
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text {
    padding: 0px 30px 50px;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h4 {
    font-size: 10px;
    line-height: 20px;
    color: #AAAAAA;
    align-items: center;
    display: flex;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h4 img {
    margin-right: 5px;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h4 span {
    display: inline-block;
    margin-left: 5px;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h3 {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-family: "Graphik Bold";
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h3 a {
    color: #000;
    text-decoration: none;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h3 a:hover {
    color: #2563EB;
}

@media screen and (max-width: 991px) {
    .zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h3 {
        line-height: 22px;
    }
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text p {
    font-size: 14px;
    line-height: 18px;
    color: #979797;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text p a {
    color: #979797;
    text-decoration: none;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text p a:hover {
    color: #2563EB;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text a.readmore {
    border: 1px solid #3378F2;
    display: flex;
    border-radius: 16px;
    padding: 1px 8px;
    font-size: 10px;
    line-height: 20px;
    color: #000;
    font-family: "Graphik Medium";
    max-width: 95px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.5s;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text a.readmore img {
    margin-left: 7px;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text a.readmore:hover {
    background: #2563EB;
    color: #fff;
}

.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text a.readmore:hover img {
    filter: invert(100);
}

@media screen and (max-width: 991px) {
    .zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text {
        padding: 0px 15px 30px;
    }
}

@media screen and (max-width: 991px) {
    .zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx {
        width: calc(50% - 15px);
    }
}

@media screen and (max-width: 576px) {
    .zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .zeroafi-blog-outer .latest-artical-section .latest-artical-area {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width: 1023px) {
    .zeroafi-blog-outer {
        padding: 50px 0px 50px;
    }
}

.Zeroafi-faq-outer {
    padding: 100px 0px 100px;
}

.Zeroafi-faq-outer .Zeroafi-head span {
    font-size: 13px;
    background: #fff;
    padding: 9px 17px;
    box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(37, 99, 235, 0.1019607843);
    border-radius: 17px;
    color: #364153;
}

.Zeroafi-faq-outer .Zeroafi-faq-main .filter-icon {
    display: none;
    background: #222344;
    border: none;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    position: relative;
    margin-bottom: 18px;
    cursor: pointer;
    outline: none;
}

@media screen and (max-width: 767px) {
    .Zeroafi-faq-outer .Zeroafi-faq-main .filter-icon {
        display: block;
    }
}

.Zeroafi-faq-outer .Zeroafi-faq-main .filter-icon:after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M7 12h10M10 18h4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.Zeroafi-faq-outer .Zeroafi-faq-main .filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    justify-content: center;
}

.Zeroafi-faq-outer .Zeroafi-faq-main .filter-tabs .tab {
    border: 1px solid rgba(37, 99, 235, 0.1019607843);
    box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
    background: rgba(255, 255, 255, 0.8980392157);
    padding: 10px 26px;
    font-size: 14px;
    color: #364153;
    border-radius: 30px;
    min-width: 100px;
}

.Zeroafi-faq-outer .Zeroafi-faq-main .filter-tabs .tab:not(.active):hover {
    background: #3075F1;
    border-color: #3075F1;
    color: #fff;
}

.Zeroafi-faq-outer .Zeroafi-faq-main .filter-tabs .tab.active {
    background: #3075F1;
    color: #fff;
    border-color: #3075F1;
    box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
}

@media screen and (max-width: 767px) {
    .Zeroafi-faq-outer .Zeroafi-faq-main .filter-tabs {
        display: none;
    }
}

.Zeroafi-faq-outer .Zeroafi-faq-main .mobile-filter-list {
    display: none;
    flex-direction: column;
    gap: 8px;
    background: #222344;
    padding: 10px 0px;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(23, 47, 94, 0.12);
    margin-bottom: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    left: 16px;
    right: 16px;
    top: 108px;
    z-index: 10;
}

.Zeroafi-faq-outer .Zeroafi-faq-main .mobile-filter-list.open {
    display: flex;
}

.Zeroafi-faq-outer .Zeroafi-faq-main .mobile-filter-list.open .tab {
    text-align: left;
    padding: 4px 20px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
}

.Zeroafi-faq-outer .Zeroafi-faq-main .mobile-filter-list.open .tab:hover {
    background: #3075F1;
    color: #fff;
}

.Zeroafi-faq-outer .Zeroafi-faq-content {
    max-width: 1024px;
    margin: 0 auto;
}

.Zeroafi-faq-outer .Zeroafi-faq-content .content-card {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(37, 99, 235, 0.1607843137);
    padding: 34px 49px;
    border-radius: 20px;
    margin-bottom: 17px;
}

.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item {
    border: none;
    border-radius: 0px;
}

.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item .accordion-header {
    padding-right: 10px;
    background: url(../images/Zeroafi-image/accrodtion-arrow.png) no-repeat right 10px;
}

.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item .accordion-header h3 {
    font-size: 20px;
    color: #3075F1;
    line-height: 28px;
    font-family: "Graphik Bold";
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
    .Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item .accordion-header h3 {
        font-size: 18px;
        line-height: 24px;
    }
}

.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item .accordion-header span {
    border: 1px solid rgba(37, 99, 235, 0.1019607843);
    background: linear-gradient(0deg, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.2)), linear-gradient(0deg, rgba(37, 99, 235, 0.06), rgba(37, 99, 235, 0.06));
    border-radius: 20px;
    box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
    font-size: 10px;
    line-height: 20px;
    padding: 5px 16px;
}

@media screen and (max-width: 767px) {
    .Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item .accordion-header {
        padding-right: 20px;
    }
}

.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item .accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    padding: 0px;
}

.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item.open .accordion-body {
    padding-top: 30px;
}

.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item.open .accordion-body p {
    font-size: 18px;
    line-height: 24px;
    color: #4A5565;
}

.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item.open .accordion-header {
    background: url(../images/Zeroafi-image/accrodtion-arrow1.png) no-repeat right 10px;
}

@media screen and (max-width: 767px) {
    .Zeroafi-faq-outer .Zeroafi-faq-content .content-card {
        padding: 22px 20px;
    }
}

@media screen and (max-width: 1024px) {
    .Zeroafi-faq-outer {
        padding: 50px 0px 50px;
    }
}

/*# sourceMappingURL=main.css.map */

/* --- ensure parent positioning --- */
.menu-item-has-children { position: relative; }

/* --- hide right dropdown by default --- */
.sub-menu-right {
  display: none !important;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 999;
  background: #fff; /* keep same UI as your submenu */
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  min-width: 200px;
}

/* --- CRITICAL: prevent ancestor hovers from showing sub-menu-right --- */
/* This forces sub-menu-right to remain hidden even if some ancestor is hovered */
.menu-item-has-children:hover .sub-menu-right {
  display: none !important;
}

/* --- SHOW right dropdown ONLY when hovering the immediate submenu li that contains it --- */
/* Structure assumed: .menu-item-has-children > .sub-menu > li.menu-item-has-children > .sub-menu-right */
.sub-menu > li.menu-item-has-children:hover > .sub-menu-right {
  display: block !important;
}

/* --- ensure the submenu li that has children is positioned relative so the right menu aligns --- */
.sub-menu > li.menu-item-has-children {
  position: relative;
}

/* --- small styling niceties, adapt to your UI --- */
.sub-menu-right li a {
  display: block;
  padding: 8px 14px;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
}
.sub-menu-right li + li { border-top: 1px solid #eee; }