@-webkit-keyframes fade_top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fade_top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fade_top {
    -webkit-animation-name: fade_top;
    animation-name: fade_top;
}

@-webkit-keyframes slide_left {
    0% {
        left: 0%;
    }

    100% {
        left: -30%;
    }
}

@keyframes slide_left {
    0% {
        left: 0%;
    }

    100% {
        left: -30%;
    }
}

.slide_left {
    -webkit-animation-name: slide_left;
    animation-name: slide_left;
}

@-webkit-keyframes slide_right {
    0% {
        right: 0%;
    }

    100% {
        right: -30%;
    }
}

@keyframes slide_right {
    0% {
        right: 0%;
    }

    100% {
        right: -30%;
    }
}

.slide_right {
    -webkit-animation-name: slide_right;
    animation-name: slide_right;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: var(--regular-font-family);
    color: var(--black-color);
}

html {
    height: auto;
    font-size: 16px;
    scroll-behavior: smooth;
}

* {
    line-height: 1.2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    line-height: 1.2;
    width: 100%;
    font-family: "brandon_textregular";
}

/* ::-webkit-scrollbar {
    width: 0px !important;
    cursor: pointer;
}

::-webkit-scrollbar-track {
    background: #cccccc !important;
}

::-webkit-scrollbar-thumb {
    background: #000000 !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #000000 !important;
} */

body.no-scroll-body {
    overflow-y: hidden;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    background-color: transparent;
    color: unset;
    outline: none;
    text-decoration: none;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

a:focus,
a:hover {
    outline: 0;
    text-decoration: unset;
    color: unset;
}

img {
    width: 100%;
    max-width: 100%;
    transition: var(--common-transition);
    cursor: pointer;
    display: block;
    object-fit: cover;
}

.relative {
    position: relative;
    z-index: 1;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

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

.p0 {
    padding: 0 !important;
}

.mr0 {
    margin: 0;
}

.container {
    width: 100%;
    margin: 0 auto;
}

/*normal css*/

@font-face {
    font-family: "latomedium";
    src: url("../fonts/lato/lato-medium.woff2") format("woff2"),
        url("../fonts/lato/lato-medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "latoblack";
    src: url("../fonts/lato/lato-black.woff2") format("woff2"),
        url("../fonts/lato/lato-black.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "latobold";
    src: url("../fonts/lato/lato-bold.woff2") format("woff2"),
        url("../fonts/lato/lato-bold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "latolight";
    src: url("../fonts/lato/lato-light.woff2") format("woff2"),
        url("../fonts/lato/lato-light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "latoregular";
    src: url("../fonts/lato/lato-regular.woff2") format("woff2"),
        url("../fonts/lato/lato-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "latosemibold";
    src: url("../fonts/lato/lato-semibold.woff2") format("woff2"),
        url("../fonts/lato/lato-semibold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

:root {
    /* colors */
    --primary-color: #174a66;
    --blue-color: #114460;
    --secondary-color: #e9f5fd;
    --placeholder-color: #e0e0e0;
    --white-color: #fff;
    --grey-color: #bebebe;
    --yellow-color: #ed925f;
    --black-color: #000;
    --border-grey: #d1dbe0;
    /* font-sizes */
    --link-font-size: 1rem;
    /*16px*/
    --big-title: 4.625rem;
    /*75px*/
    --banner-title: 4.688rem;
    /*75px*/
    --medium-title-font-size: 3.993rem;
    /* 63px */
    --title-font-size: 3.438rem;
    /*55px*/
    --bannerContent-font-size: 1.563rem;
    /*25px*/

    --small-para-font-size: 1.375rem;
    /*22px*/

    --paragrph-font-size: 1.125rem;
    /*18px*/
    --paraTitle-font-size: 1.813rem;
    /*29px*/
    --small-title-size: 2.5rem;
    /*35px*/

    /* font-families */
    --regular-font-family: "latoregular";
    --medium-font-family: "latomedium";
    --bold-font-family: "latobold";
    --light-font-family: "latolight";
    --black-font-family: "latoblack";
    --semiBold-font-family: "latosemibold";

    /* other */
    --tiny-gap-size: 0.5rem;
    --small-gap-size: 1.5rem;
    --medium-gap-size: 2.5rem;
    --common-gap-size: 4rem;
    --big-gap-size: 6rem;
    --common-transition: all 0.6s ease;
}

.main_wrapper_overflow {
    overflow: hidden;
}

.semiBold-fonts {
    font-family: var(--semiBold-font-family) !important;
}

.regular-fonts {
    font-family: var(--regular-font-family) !important;
}

.medium-fonts {
    font-family: var(--medium-font-family) !important;
}

.light-fonts {
    font-family: var(--light-font-family) !important;
}

.bold-fonts {
    font-family: var(--bold-font-family) !important;
}

.black-fonts {
    font-family: var(--black-font-family) !important;
}

.blueText {
    color: var(--primary-color) !important;
}

.white-color {
    color: var(--white-color) !important;
}

.blackText {
    color: var(--black-color) !important;
}

.yellow-color {
    color: var(--yellow-color) !important;
}

.bg-blue {
    background-color: var(--primary-color);
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.big_title h1,
.big_title h1 span {
    font-family: var(--black-font-family);
    font-size: var(--big-title);
}

.medium-title h1 {
    font-size: var(--medium-title-font-size);
    font-family: var(--black-font-family);
}


.banner_title h1,
.banner_title h1 span {
    font-family: var(--black-font-family);
    font-size: var(--banner-title);
}

.banner_content p {
    font-family: var(--regular-font-family);
    font-size: var(--bannerContent-font-size);
}

.samll_title h2 {
    font-family: var(--black-font-family);
    font-size: var(--small-title-size);
}

.samll_content p {
    font-family: var(--regular-font-family);
    font-size: var(--paragrph-font-size);
}

.contentsmall p {
    font-family: var(--regular-font-family);
    font-size: var(--link-font-size);
    color: var(--black-color);
}

.section-title h1 {
    font-family: var(--black-font-family);
    font-size: var(--title-font-size);
}

.section-content p {
    font-family: var(--regular-font-family);
    font-size: var(--paraTitle-font-size);
}

.second_title h2 {
    font-size: var(--small-para-font-size);
    font-family: var(--black-font-family);
}

/* .section-content h1 {
    font-family: var(--medium-font-family);
    font-size: var(--section-content-size);
    color: var(--black-color);
}

.section-content p {
    font-family: var(--proxima-regular-font-family);
    font-size: var(--section-content-size);
    color: var(--black-color);
}

.section-third-title h2 {
    font-size: var(--banner-title);
    font-family: var(--semi-font-family);
    color: var(--black-color);
} */

/* */

.inner-flex {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.inner-flex.inner-flex-small {
    gap: var(--small-gap-size);
}

.inner-flex.inner-flex-tiny {
    gap: var(--tiny-gap-size);
}

.inner-flex.inner-flex-medium {
    gap: var(--medium-gap-size);
}

.inner-flex.inner-flex-common {
    gap: var(--common-gap-size);
}

.inner-flex.inner-flex-big {
    gap: var(--big-gap-size);
}

.scaleAX-main-wrapper {
    overflow: hidden;
}

.main_container {
    width: 90%;
    margin: 0 auto;
}

.scale-section-padding {
    padding: 12rem 0 0;
}

.sec-padding {
    padding: 4rem 0;
}

.sec-padding-bottom {
    padding-bottom: 12rem;
}

/* Header  */

.scaleAx-header-width {
    width: 90%;
    margin: 0 auto;
}

.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 0;
}

.header-logo {
    width: 16rem;
    position: relative;
}

.submenu-web-box a {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
}

.web-header-nav-links ul {
    display: flex;
    flex-direction: row;
    gap: 4rem;
    align-items: center;
}

.button-header {
    border-color: transparent;
    background-color: transparent;
}

.button {
    border: 1px solid var(--white-color);
    background-color: var(--white-color);
    transition: var(--common-transition);
    padding: 0.8rem 3.5rem;
    border-radius: 0.5rem;
}

.button:hover {
    background-color: var(--yellow-color);
    border: 1px solid var(--yellow-color);
}

.button-header p {
    color: var(--primary-color);
    font-size: var(--paragrph-font-size);
    font-family: var(--semiBold-font-family);
}

.button:hover p {
    color: var(--black-color);
}

.web-header-nav-links ul li a p {
    transition: var(--common-transition);
    color: var(--white-color);
}

.web-header-nav-links ul li a p:hover {
    color: var(--yellow-color);
}

.down-arrow-img {
    transform: scaleY(1);
    transition: var(--common-transition);
}

.down-arrow-img img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(412%) hue-rotate(243deg) brightness(115%) contrast(100%);
}

.down-arrow-img {
    width: 1rem;
    transform: scaleY(1);
    transition: var(--common-transition);
}

.scaleAx-header {
    position: fixed;
    width: 100%;
    background-color: transparent;
    top: 0;
    transition: var(--common-transition);
    z-index: 99999;
    left: 0;
}

.scaleAx-header.header_change {
    background: var(--white-color);
}

.scaleAx-header.header_change .web-header-nav-links ul li a p {
    color: var(--primary-color);
}

.white-logo {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 0;
    width: 20rem;
}

.scaleAx-header.header_change .blue-logo {
    opacity: 0;
    visibility: hidden;
}

.scaleAx-header.header_change .white-logo {
    opacity: 1;
    visibility: visible;
}

.scaleAx-header.header_change .down-arrow-img img {
    filter: brightness(0) saturate(100%) invert(24%) sepia(12%) saturate(3320%) hue-rotate(158deg) brightness(91%) contrast(88%);
}

.scaleAx-header.header_change .button {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
}

.scaleAx-header.header_change .button:hover {
    border: 1px solid var(--yellow-color);
    background-color: var(--yellow-color);
}

.scaleAx-header.header_change .button p {
    color: var(--white-color);
}

.scaleAx-header.header_change .button:hover {}

.scaleAx-header.webmenu_hidden {
    top: -100%;
}

.nav_btn_mob {
    display: none;
}

.web-header-nav-links ul li a p {
    position: relative;
}

.yellow-home-img {
    opacity: 1;
    /* visibility:hidden; */
    width: 6%;
    margin: 0 0 0 45rem;
    /* margin: 0 0 0 42rem; */
    /* position: absolute;
    top: 0;
    left: 0; */
}

.web-header-nav-links ul li a.active p {
    color: var(--yellow-color);
    position: relative;
}

.web-header-nav-links ul li a.active p::before {
    content: "";
    background-image: url(../images//home/top-yellow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    transform: translate(0%, -179%);
    top: -50%;
    left: 0;
    width: 100%;
    height: 100%;
}

.menu_txt a p.active {
    color: var(--yellow-color);
}

.menu-mobile {
    display: none;
}

/* Header End */

/* Footer */
.footer-logo {
    width: 16rem;
}

.footer-width {
    width: 90%;
    margin: 0 auto;
}

.footer-padding {
    padding: 6rem 0 0rem;
}

.footer-grid-flex {
    display: flex;
    /* grid-template-columns: repeat(4, 1fr); */
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--medium-gap-size);
    padding: 6rem 0 8rem;
    width: 74%;
}

.footer-inner-flex {
    display: flex;
    flex-direction: column;
    gap: var(--medium-gap-size);
}

.icon_social {
    width: 2rem;
}

.footer-pages-links ul li,
.footer-hover {
    transition: var(--common-transition);
}

.footer-link p {
    color: var(--white-color);
}

.footer-link li a:hover p {
    color: var(--yellow-color);
}

.footer-hover:hover p a {
    color: var(--blue-color);
}

.footer-pages-links ul li a.active {
    color: var(--blue-color);
}

.yellow-button {
    border: 1px solid var(--yellow-color);
    background-color: var(--yellow-color);
    transition: var(--common-transition);
    padding: 0.8rem 3.5rem;
    border-radius: 0.5rem;
}

.yellow-button:hover {
    background-color: var(--white-color);
    border: 1px solid var(--white-color);
}

.yellow-button-header p {
    color: var(--white-color);
}

.yellow-button:hover p {
    color: var(--primary-color);
}

.footer-last-sec {
    padding: 2rem 0;
    border-top: 1px solid var(--grey-color);
}

.footer-content p {
    color: var(--white-color);
}

.footer-copy-right-flex {
    display: flex;
    align-items: center;
    gap: var(--small-gap-size);

    justify-content: space-between;
}

.footer-content.footer-content-link:hover p {
    color: var(--yellow-color);
}

.flare-partical-img {
    bottom: -48%;
    position: absolute;
    left: -5%;
    width: 73%;
    opacity: 0.2;
}

.footer-mainglob-img {
    position: absolute;
    top: 22%;
    right: -4%;
    width: 31%;
    z-index: 0;
}

.footer-glob-img {
    opacity: 0.5;
}

.footer-yellow-glob {
    position: absolute;
    top: 28%;
    right: 28%;
    width: 44%;
    z-index: 4;
}

.footer-wrapper {
    overflow: hidden;
}

/* Footer End */

/* Home start*/

.main-bg-img {
    position: relative;
}

.scaleAX-section-1-homepage {
    padding: 12rem 0 18rem;
}

.featured-sec {
    z-index: 9;
    padding: 4rem 0 12rem;
}

.main-bg-img-1 {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 54%;
    z-index: -2;
}

.bg-main-2 {
    width: 88%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -2;
}

.flex-container {
    z-index: 9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-container>div {
    flex-basis: 50%;
}

.section-1-grid-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6rem;
}

.talent-grid-items {
    background-color: #10435f;
    padding: 1.9rem 1.9rem 0 1.9rem;
    transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
    position: relative;
    overflow: hidden;
}

.hover-talent-div {
    transition: var(--common-transition);
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 95%;
    padding: 0 1.9rem;
}

.talent-grid-items:hover .hover-talent-div {
    right: 5%;
    visibility: visible;
    opacity: 1;
}

.talent-title {
    height: 13vh;
}

.blog-2-padding {
    padding-top: 7.2rem;
}

.dots-img {
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.talent-img {
    width: 100%;
    margin-top: auto;
    opacity: 1;
    visibility: visible;
    transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
}

.talent-img img {
    transition: all 0.85s cubic-bezier(0.85, 0, 0, 1);
    transform: scale(1);
    filter: blur(0px);
}

/* .talent-grid-items:hover .talent-img {
    position: relative;

} */

/* .talent-grid-items:hover .talent-img img {
    transform: scale(1.1);
    filter: blur(2px);
    opacity: 0;
    visibility: hidden;

} */

/* .talent-grid-items:hover .dots-img {
    display: none;
} */


.learn-sec-flex {
    display: flex;
    gap: 1rem;
    align-items: center;
    width: fit-content;
    transition: var(--common-transition);
}

.learn-sec-flex p {
    color: var(--yellow-color);
    transition: var(--common-transition);
}

.next-icon-img {
    width: 1.5rem;
    transition: var(--common-transition);
}


.learn-sec-flex:hover p {
    color: var(--white-color);
}

.learn-sec-flex:hover .next-icon-img {
    margin-left: 0.4rem;
}

.bg-imgs-home img {
    opacity: 0.6;
}

.ready-para-sec {
    width: 68%;
    margin-left: auto;
}


.efficiency-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.efficiency-items-sec {
    padding: 1rem 1rem 0;
}

.efficiency-img {
    width: 80%;
    margin: auto auto 0;
}

/* .efficiency-img img{
    transition: all 0.85s cubic-bezier(0.85, 0, 0, 1);
} */

/* .efficiency-items-sec:hover .efficiency-img img {
    transform: scale(1.1);
}
.efficiency-grid>div:nth-child(2) .efficiency-img {
    width: 60%;
} */

.title-efficiency {
    height: 7vh;
}

.content-efficiency {
    width: 90%;
    margin: 0 auto;
}

.border-sec {
    border-top: 2px solid var(--border-grey);
}

.jv-main-flex {
    display: flex;
    align-items: flex-start;
    gap: 3rem;
}

.jv-main-flex>div:nth-child(1) {
    flex-basis: 30%;
}

.jv-main-flex>div:nth-child(2) {
    flex-basis: 70%;
}

.jv-para-sec .learn-sec-flex:hover p {
    color: var(--primary-color);
}

.awfficacy-glob-logo {
    width: 80%;
}

.awf-logo_img {
    width: 10rem;
    margin: 0 auto;
}

.swiper-button-next,
.swiper-button-prev {
    background-image: unset;
    top: 50%;
}

.swiper-button-next {
    right: 0%;
}

.swiper-button-prev {
    left: 0%;
}

.swiper-arrow {
    width: 2.8rem;
}

.mob-img {
    display: none;
}

.swiper-pagination {
    display: none;
}


.mainunlock-img {
    width: 57%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.unlock-img {
    position: absolute;
    top: 51%;
    left: 50.5%;
    width: 35%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.yellow-glob-unlock-img {
    position: absolute;
    top: 51.5%;
    left: 50.5%;
    width: 14.5rem;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.leaders-grid {
    width: 77%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem;
    padding-bottom: 2rem;
}

.leaders-main {
    background-color: white;
    padding: 0 1.5rem 1.5rem;
    box-shadow: 2px 2px 10px rgb(227, 221, 221);
}

.leaders-grid-item-name {
    display: flex;
    justify-content: space-between;
}

.leders-logo {
    width: 3rem;
}

.border-bottom {
    border-bottom: 1px solid var(--border-grey);
}

.Advisors-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem;
    margin: 0 auto;
}

.offering-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.offering-img-main {
    width: 5rem;
}

.offering-img {
    width: 100%;
}

.india-ideal-flex-main {
    width: 100%;
    display: flex;
    align-items: center;
}

.india-ideal-flex-main>div:nth-child(1) {
    flex-basis: 66%;
}

.india-ideal-flex-main>div:nth-child(2) {
    flex-basis: 34%;
}

.location-img {
    width: 100%;
    padding: 5rem 0 0;

}

.large-content-flex {
    display: flex;
    gap: 5rem;
}

.location-list li {
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem;
}

.competitive-list li {
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem;
}

.location-list li::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 22%;
    border-radius: 50%;
    background-color: var(--white-color);
}

.competitive-list li::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 12%;
    border-radius: 50%;
    background-color: var(--white-color);
}

.macroeconomic-factors {
    width: 87%;
}

.leaders-swiper-sec,
.advisors-swiper-sec {
    display: none;
}


.rotate {
    -webkit-animation: spin 20s linear infinite;
    -moz-animation: spin 20s linear infinite;
    animation: spin 20s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.rotate2 {
    -webkit-animation: spin2 20s linear infinite;
    -moz-animation: spin2 20s linear infinite;
    animation: spin2 20s linear infinite;
}

@-moz-keyframes spin2 {
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin2 {
    100% {
        -webkit-transform: rotate-(360deg);
    }
}

@keyframes spin2 {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.footer-glob-img.relative {
    z-index: -1;
}

.offering-list li {
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem;
}

.offering-list li::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 38%;
    border-radius: 50%;
    background-color: var(--black-color);
}

.savvylogo {
    width: 50%;
}


/* Home End */

/* contact start */

.contact-s1-gif {
    margin: 0 auto;
    width: 50%;
}



label.error {
    color: red;
    position: absolute;
}

.contact-content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    position: absolute;
    top: 20%;
    left: 2.5%;
    cursor: default;
}

.form-main-div {
    width: 100%;
    /* border: 1px solid var(--yellow-color); */
    border-radius: 1rem;
    padding: 4rem 2rem;

}

.contact-form {
    width: 50%;
    margin: 0 auto;
}

.contact-form form {
    width: 100%;

}

.contact-form-content-1 {

    display: flex;
    gap: 1.9rem;
    flex-flow: row wrap;
}

.contact-form-content-1>div {
    flex-basis: calc(50.9% - 1.9rem)
}

.contact-form-content-1>div input {
    width: 100%;
    padding: 0.8rem;
    /* border-radius:2px; */
}

.contact-form textarea {
    width: 98%;
    resize: none;
    padding: 0.8rem 0.8rem 0 0.8rem;
    height: 12vh;

}

.contact-check-box-container {
    width: 100%;
}

/* .contact-form-content-1 input {
    padding: var(--tiny-gap-size);
    width: 24rem;
} */

/* .contact-form-content-1 textarea {
    padding: var(--tiny-gap-size);
    width: 50.5rem;
    resize: none;
} */

.contact-check-box {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    gap: 1rem;


}

.contact-check-box-1 {
    font-size: 1.2rem;
    font-family: var(--regular-font-family);

}

.contact-form-content-1 input {
    font-size: 1.2rem;
    font-family: var(--regular-font-family);
}

.contact-check-box-1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.submit-btn {
    width: fit-content;
    margin: 0 auto;
}


/* input[type="checkbox"] {
    width: 2rem;
    height: 2rem;
} */

input[type=checkbox] {
    vertical-align: middle;
    position: relative;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
}

label {
    display: block;
}

.ontact-form-content-1_1 {
    display: flex;
    flex-direction: column;
}

.button-div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.button-div:hover {
    background-color: transparent;
    border: 1px solid var(--primary-color);
}

.button-div:hover p {
    color: var(--primary-color);
}

.button-div:hover .hover-disable {
    display: none;
}

.hover-disable {
    display: block;
}

.hover-enable {

    display: none;
}

.button-div:hover .hover-enable {
    display: block;
    transition: var(--common-transition);
    transform: translateX(10px);
}

.right-arrow-img img {
    transform: translateX(0);
    transition: var(--common-transition);
}

.contact-sec-1-padding {
    padding: 10rem 0 6rem 0;
}

/* contact end  */
/* abouts start */
.about-para-sec {
    width: 89%;
    margin-left: auto;
}

.main-bg-img-1-about {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 41%;
    z-index: -2;
}

#scaleAX-section-1-about-us .flex-container {
    align-items: flex-start;

}

.our-mission-text {
    padding: 0 6rem;
}

#scaleAX-section-2-about .efficiency-grid .efficiency-items-sec {
    border-right: 1px solid var(--border-grey);
}

#scaleAX-section-2-about .efficiency-grid .efficiency-items-sec:nth-child(1), #scaleAX-section-2-about .efficiency-grid .efficiency-items-sec:nth-child(4) {
    border-right: unset;
}

.advantage-main-div {
    padding: 0 4rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;

}

.advantage-item-sec {
    background-color: #10435f;
    padding: 2rem 3rem 4rem;
    text-align: center;
    height: 100%;
    width: 100%;



}

.advantage-icon {
    width: 10rem;
    height: 13rem;
}

.about-dot-img {
    width: 100%;
    height: 99%;
    object-fit: cover;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: 0;

}

.about-dot-img img {
    height: 100%;
    width: 100%;
}

.alc {
    align-items: center;
}

.jcc {
    justify-content: center;
}

.yellow-border {
    border: 1px solid #f3dfd6;
}

.swiper-bottom-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.swiper-bottom-grid-item {
    border: 1px solid var(--yellow-color);
    border-radius: 0.625rem;
    padding: 2rem 4rem;
}

.founder-popup-sec {
    /* display: none; */
    position: fixed;
    top: 50%;
    left: 50%;
    overflow: scroll;
    transform: translate(-50%, -50%) scale(0);
    transition: var(--common-transition);
    padding: 3rem 2rem;
    background-color: #fff;
    border: 1px solid var(--yellow-color);
    border-radius: 1rem;
    z-index: 99999;
    width: 60%;
    height: 84vh;
}

.founder-popup-sec.active {
    transform: translate(-50%, -50%) scale(1);
    transition: var(--common-transition);
}

.popupfounderOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 252, 252, 0.84);
    z-index: 99999;
}

.popupfounderOverlay.active {
    display: block;
}

.founder-popup-flex {
    display: flex;
    gap: 3rem;
}

.founder-info-links {
    flex-basis: 25%;
    width: 25%;
    /* min-width: 20%; */
    height: 100%;
} 
.founder-info{
    width: 75%;
    flex-basis: 75%;
}


.founder-img-div {
    width: 100%;
}

.founder-img {
    width: 100%;
    max-width: 100%;
}

.reachout-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.icon-img {
    width: fit-content;
}

.blueText p {
    color: var(--blue-color);
}

.remove-btn {
    position: absolute;
    width: 2.4rem;
    top: 2%;
    right: 2%;
}

/* .founder-experiance p{
  font-size: 1.1rem;
  } */
/* .founder-academics p{
  font-weight: 800;
  } */

.marquee {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 9; */
    position: relative;
    width: 100%;
    z-index: 9;
}

.marquee2 {
    position: relative;
    width: 100%;
    z-index: 9;
}

.marquee3 {
    position: relative;
    width: 100%;
    z-index: 9;
}

.marquee>div {
   
    position: relative;
    display: flex;
    width: max-content;
    animation: marquee 25s linear infinite;
    gap: 5rem;
}

.marquee2>div {
    position: relative;
    display: flex;
    width: max-content;
    animation: marquee2 25s linear infinite;
    gap: 5rem;
}

.marquee3>div {
    position: relative;
    display: flex;
    width: max-content;
    animation: marquee3 25s linear infinite;
    gap: 5rem;
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

@keyframes marquee2 {
    0% {
        left: -100%;
    }

    100% {
        left: 0;
    }
}

@keyframes marquee3 {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}


/* .marquee,
.marquee2 {
    position: relative;
    width: 100%;
    z-index: 9;
}

.marquee>div {
    position: relative;
    display: flex;
    width: max-content;
    animation: marquee 35s linear infinite;
    gap: 1rem;
}

.marquee2>div {
    position: relative;
    display: flex;
    width: max-content;
    animation: marquee2 35s linear infinite;
    gap: 1rem;
}



@keyframes marquee2 {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

@keyframes marquee {
    0% {
        left: -100%;
    }

    100% {
        left: 0;
    }
} */

.icon-img{
    padding: 0.5rem;
    border: 1px solid var(--yellow-color);
    border-radius: 0.5rem;
}
.reachout-flex .banner_content p{
    font-size: 1.2rem;
}
.list-content p{
    position: relative;
    padding-left: 1rem;
}
.list-content p::before {
    position: absolute;
    top: 0.6rem;
    left: 0;
    content: " ";
    height: 6px;
    width: 6px;
    background-color: var(--yellow-color);
    border-radius: 50%;
}

.web-header-nav-links ul li a.active p {
    color: var(--yellow-color);
}
.footer-pages-links ul li a.active p{
    color: var(--yellow-color);
}
.menu-mobile ul li a p.active{
    color: var(--yellow-color);
}
.about-title-hight {
    min-height: 5rem;
  }
  .customized-solution{
    padding: 2rem 4rem 4rem;
  }