/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\rectangle-style-start\\\\\\\\\\\\\\\\\\\ */

/* ::-webkit-scrollbar{
    width: 0px;
} */

html {
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 0px;
    background: #000000;
    border-radius: 10px;
}

h3.info-heading {
    position: relative;
    float: left;
}

h3.info-heading::before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #2e3192;
    content: '';
}
.blue-bg{
    background: #797979;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\ */

.post-container::-webkit-scrollbar {
    width: 10px;
    background: #000000;
    border-radius: 10px;
}

.post-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background: #2e2e2e;
}

.post-container::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: #e99e25;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/* \\\\\\\\\\\\\\\\\\\\\\ */

/* .con-info ul li{
    margin-bottom: -10px;
} */

h2.golden-t {
    color: #6e9ffa !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    position: relative;
    float: left;
    font-family: 'molot2';
}

@font-face {
    font-family: 'futra-bold';
    src: url("../fonts/FuturaPTBold.otf");
}

@font-face {
    font-family: 'futra-bolder';
    src: url("../fonts/FuturaPTBoldOblique.otf");
}

@font-face {
    font-family: 'futra-book';
    src: url("../fonts/FuturaPTBook.otf");
}

@font-face {
    font-family: 'futra-light';
    src: url("../fonts/FuturaPTLight.otf");
}

@font-face {
    font-family: 'futra-light-bolic';
    src: url("../fonts/FuturaPTLightOblique.otf");
}

.molot {
    font-family: 'molot2', sans-serif !important;
}

.molot-regular {
    font-family: 'molot2', sans-serif !important;
    font-weight: 500 !important;
}

.molot-regular-bold {
    font-family: 'molot2', sans-serif !important;
    font-weight: 800 !important;
}

h2.golden-t::before {
    position: absolute;
    bottom: 0;
    content: '';
    width: 100%;
    height: 4px;
    /* border: 1px solid black; */
    background: #6e9ffa;
}

h2.faq-heading {
    color: #6e9ffa !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    position: relative;
    float: left;
    text-align: center;
}

.Headlight {
    clear: both;
}

h2.faq-heading::before {
    position: absolute;
    bottom: 0;
    content: '';
    width: 100%;
    height: 4px;
    background: #6e9ffa;
}

.my-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.text-center .sec-head {
    margin: 0px !important;
}

.intro-section .htit h4 {
    position: relative;
    float: left;
    font-weight: 700;
    font-size: 20px;
}

.intro-section .htit h4::before {
    position: absolute;
    bottom: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #6e9ffa;
}

.main-rectangle {
    width: 100%;
    max-width: 345px;
    min-height: 345px;
    max-height: 385px;
    overflow: hidden;
    position: relative;
    /* clip-path: polygon(0 0, 100% 0%, 100% 96%, 0% 100%); */
}

.main-rectangle img {
    width: 100%;
    height: 100%;
    /* transition: 0.4s; */
}

.main-rectangle:hover img {
    transform: scale(1.1);
}

.my-swiper-pagination {
    float: left !important;
    text-align: left;
}

.rectangle-title {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    background: black;
    /* transform: rotate(-2deg) scale(1.1); */
    transition: 0.4s;
}

.rectangle-title h1 {
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
}

.rectangle-hover-box {
    width: 100%;
    height: 100%;
    background: #6e9ffa69;
    position: absolute;
    top: -100%;
    opacity: 0;
    transition: 0.4s;
}

.main-rectangle:hover .rectangle-hover-box {
    opacity: 1;
    top: 0;
}

.main-rectangle:hover .rectangle-title {
    bottom: -20%;
}

.rectangle-text-container {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    /* background: red; */
    padding: 15px 10px;
    text-align: center;
    opacity: 0;
    transform: scale(0.5);
    transition: 0.5s;
    transition-delay: 0.1s;
    overflow-y: scroll;
}

.main-rectangle:hover .rectangle-text-container {
    opacity: 1;
    transform: scale(1);
}

.rectangle-text-container h1 {
    font-size: 15px;
    text-align: left;
    position: relative;
}

.rectangle-text-container h1::before {
    position: absolute;
    bottom: -2px;
    width: 4%;
    content: '';
    background: #6e9ffa;
    height: 2px;
}

.rectangle-text-container p {
    font-size: 14px;
    color: white;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 700;
}

.rectangle-text-container a {
    text-align: center;
    padding: 7px 20px;
    background: #6e9ffa;
    color: white;
    border-radius: 2px;
    transition: 0.3s;
    border: 1px solid #ffb030;
}

.rectangle-text-container a:hover {
    background: white;
    color: #6e9ffa;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #6e9ffa !important;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\rectangle-style-start\\\\\\\\\\\\\\\\\\\ */

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\gray-box-start\\\\\\\\\\\\\\\\\\\ */

.gray-box {
    background: rgb(0 0 0 / 2%);
    border-radius: 5px;
    padding: 15px;
}

.line2-btn {
    max-width: 185px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 6px;
    background: rgba(255, 255, 255, 0.05);
}

.line2-btn img {
    width: 40px;
    margin-right: 5px;
}

.line2-btn p {
    color: #6e9ffa;
    font-weight: 500;
    font-size: 16px;
}

.faq-bg {
    width: 100%;
    background-image: url("../img/faq-bg.jpg");
    background-size: cover;
    background-attachment: fixed;
}

.faq-heading-container {
    padding: 30px 0;
    text-align: center;
}

.question a h1 {
    font-size: 19px;
    margin-top: 20px;
}

.question a h1 span {
    color: #6e9ffa;
    font-weight: bolder;
    font-size: 19px;
}

.question a h1 i {
    color: #6e9ffa;
    margin-left: 10px;
}

.answer-box {
    width: 100%;
    color: white;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.726);
    border-radius: 15px;
    padding: 10px;
    margin-top: 10px;
}

.answer-box h1 {
    font-size: 17px;
}

.answer-box h1::focus {
    font-size: 11px;
}

.answer-box h1 span {
    font-size: 17px;
    color: #6e9ffa;
    font-weight: bold;
}

.phantom-logo {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.phantom-logo img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.faq-heading-container {
    /* height: 100%;
    overflow: scroll;
    height: 500px; */
}

.contact-form-heading {
    text-align: center !important;
}

.contact-form-heading h2 {
    font-size: 20px;
    color: #6e9ffa;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.contact-form-heading h2::before {
    position: absolute;
    content: '';
    background: #6e9ffa;
    bottom: 0;
    width: 100%;
    height: 2px;
}

.contact-form-heading {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.content h6 {
    font-size: 65px;
    margin-bottom: 10px;
}

.post-container {
    width: 100%;
    height: 800px;
    overflow-y: scroll;
    position: relative;
    justify-content: center;
    align-self: center;
    text-align: center;
    padding: 100px 0;
    margin: 40px 0;
}

.faq-heading {
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\gray-box-end\\\\\\\\\\\\\\\\\\\ */

/* \\\\\\\\\\\\\\\\\\\\\\\insta-feed\\\\\\\\ */

.ig_feed_container {
    width: 100%;
    position: inherit !important;
    margin: 0 auto;
    /* font-family: Arial, Helvetica, sans-serif; */
}

.ig_post_container {
    /* border: 2px solid #f1f1f1; */
    margin-bottom: 25px;
    margin: 0 auto;
    width: 30%;
    height: 470px;
    float: left;
    /* padding: 30px 0; */
    margin-bottom: 60px;
}

.ig_post_container img {
    width: 100%;
    max-width: 380px;
    height: 380px;
    /* object-fit: fill; */
}

.ig_post_container .ig_post_details {
    padding: 15px;
}

.ig_post_container .ig_post_details div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ig_post_container .ig_view_link {
    margin: 20px 0;
}

.ig_view_link a {
    color: #e99e25 !important;
    font-weight: bold;
}



.tak-top-40 {
    margin-top: 40px;
}

.img video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.zig-line {
    background-image: url("../img/lines.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.p-b0 {
    padding-bottom: 0 !important;
}

.what-main-top-section {
    width: 100%;
    padding: 80px 0;
    background: white;
    background-image: url("../img/lines.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.what-main-top-heading {
    width: 100%;
    text-align: center;
}

.what-main-top-heading h1 {
    font-weight: 300;
    font-size: 30px;
    color: #2e3192;
}

.what-top-boxs {
    width: 100%;
    margin-top: 60px;
}

.what-box-list {
    width: 100%;
    text-align: center;
}

.what-box-list h1 {
    font-weight: 300;
    font-size: 30px;
    color: #2e3192;
    display: inline-block;
}

.what-box-list h1 img {
    width: 30px;
    display: inline-block;
    margin-top: -10px;
}

.what-box-list ul {
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.what-box-list ul li {
    list-style-type: none;
    color: #2e3192;
}

.what-box-list ul li p {
    /* color: #2b2b2b;
    font-size: 20px; */
}

.flex-content-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.rotate-arrow {
    width: 100%;
}

.rotate-arrow img {
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

.figures__item {
    flex-direction: inherit !important;
}

@media (min-width: 480px) {
    .b-factsAndFigures .figures__value {
        line-height: 1;
        letter-spacing: 0;
        font-size: 50px !important;
    }
}

.figures__label {
    max-width: 270px !important;
    width: 100%;
    margin-left: .5em;
    font-size: 18px;
    font-weight: 300;
}

.blue-t {
    color: #2e3192;
}

.inner-page-slider {
    width: 100%;
    min-height: 500px;
    position: relative;
 background: rgb(0 0 0 / 21%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner-page-slider video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}

.inner-page-content {
    width: 100%;
}

.inner-page-content h1 {
    font-size: 65px;
    font-weight: 400;
    letter-spacing: 4px;
    color: #fff;
    visibility: hidden;
    line-height: 75px;
}

.inner-page-content p {
    color: white;
    font-size: 25px;
    font-weight: 300;
}

.who-top {
    margin: 80px 0;
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
}

.who-upper-secion {
    width: 100%;
    float: left;
    text-align: center;
}

.who-upper-secion img {
    margin: 0 auto;
    text-align: center;
    max-width: 160px;
    width: 100%;
}

.who-upper-secion h1 {
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 15px;
    font-size: 30px;
    color: #2e3192;
    text-align: center;
    margin-top: 20px;
}

.who-upper-secion p {
    color: #575656;
    font-size: 15px;
    font-weight: 300;
    line-height: 2;
    margin: 0;
    text-align: center;
}

#object1 {
    position: absolute;
    top: 0;
    bottom: 0;
    vertical-align: middle;
    left: 0;
    right: 0;
    width: 40%;
    margin: 0 auto;
    z-index: -1;
    opacity: 0.4;
    animation-name: move-me;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

@keyframes move-me {
    to {
        top: -10px;
    }

    from {
        top: 10px;
    }
}

.what-middle-section {
    width: 100%;
    background-image: url("../img/image1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.what-middle-overlay {
    background: #ffffffd0;
    padding: 80px 0;
}

.what-arrange-heading {
    width: 100%;
}

.what-arrange-heading h1 {
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #2e3192;
    text-align: center;
    font-size: 30px;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
}

.what-arrange-heading p {
    color: #575656;
    font-size: 15px;
    font-weight: 300;
    line-height: 2;
    margin: 0;
    text-align: center;
}

.what-arrange-heading {
    margin-bottom: 50px;
}

.move-down-2 {
    margin-top: 30px;
}

.move-down-3 {
    margin-top: 60px;
}

.what-arrang-box {
    width: 100%;
    padding: 30px;
    border-left: 3px solid #2e3192;
    border-bottom: 3px solid #2e3192;
    min-height: 200px;
}

.what-arrang-box p {
    font-size: 15px;
}

.what-arrang-box img {
    width: 40px;
}

.thead-blue {
    background: #2e3192 !important;
    color: white !important;
}

.thead-darkblue {
    background: #2e3192;
    color: white !important;
}

.half-section {
    padding: 90px 0;
}

.why-list-box {
    width: 80%;
    margin: 0 auto;
    margin: 30px 0;
    background: rgb(0 0 0 / 59%);
    border-radius: 5px;
    padding: 35px;
}

.why-list-box h1 {
    color: #ffffff;
    font-size: 25px;
    font-family: 600;
    margin-bottom: 10px;
}

.why-list-box p {
    color: #ffffff;
    font-size: 15px;
    font-family: 600;
}

.why-list-box p b {
    font-weight: 500;
}

.why-list-box ul li {
    list-style-type: disc;
    color: #e9e9e9;
    font-size: 12px;
    font-family: 300;
}

.why-list-box ul li b {
    font-weight: 500;
}

.why-list-section {
    width: 100%;
    padding: 80px 0;
    /* background: rgb(226, 226, 226); */
    background-image: url("../img/lines.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.half-section {
    width: 100%;
    /* background-image: url("../img/illustration-financial-concept_53876-20546.jpg");
    background-size: 60%, 60%;
    background-position: center;
    background-repeat: no-repeat; */
    background: white;
}

.after-table-img {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.after-table-img img {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.why-list-heading {
    width: 100%;
    padding-bottom: 50px;
}

.why-list-heading h1 {
    font-size: 30px;
    font-weight: 300;
    color: #1b1d64;
}

.blue {
    color: red !important;
}

.real-state {
    background-image: url("../img/real-state.jpg");
}

.energy {
    background-image: url("../img/energy.jpg");
}

.water {
    background-image: url("../img/water.jpg");
}

.socialls {
    background-image: url("../img/sociall.jpg");
}

.waste {
    background-image: url("../img/wast.jpg");
}

.trans {
    background-image: url("../img/trans.jpg");
}

.connect {
    background-image: url("../img/conect.jpg");
}

.oil {
    background-image: url("../img/oil.jpg");
}

.main-what-asset-box {
    width: 100%;
    /* min-height: 600px; */
    height: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(181, 179, 181, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(181, 179, 181, 1);
    box-shadow: 0px 0px 5px 0px rgba(181, 179, 181, 1);
    border-radius: 4px;
    transition: 0.1s;
    cursor: pointer;
}

.main-what-asset-box:hover {
    -webkit-box-shadow: 0px 0px 15px 2px rgba(230, 230, 230, 1);
    -moz-box-shadow: 0px 0px 15px 2px rgba(230, 230, 230, 1);
    box-shadow: 0px 0px 15px 2px rgba(230, 230, 230, 1);
}

.what-asset-badge {
    width: 100%;
    padding: 20px;
    background: #2e3192e0;
    position: absolute;
    z-index: 1111;
    top: 0;
}

.what-asset-badge h3 {
    color: #ffffff;
    font-size: 30px;
}

.asset-box-content {
    background: rgba(0, 0, 0, 0.733);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 4px;
    top: 0;
    left: 0;
    padding: 20px;
    opacity: 0;
    transition: 0.2s;
    transform: scale(1.3);
}

.main-what-asset-box:hover .asset-box-content {
    opacity: 1;
    transform: scale(1);
}

.asset-box-content ul {
    margin: 0;
    text-align: left;
}

.asset-box-content ul li p {
    color: white;
}

.flex-content-bottom-container {
    display: flex;
    align-items: flex-end;
    width: 100%;
}

.what-asset {
    width: 100%;
    float: left;
    padding: 80px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../img/lines.svg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

* {
    box-sizing: border-box;
}

.grid:after {
    content: '';
    display: block;
    clear: both;
}

.grid-item {
    width: 33%;
    height: 120px;
    float: left;
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
}

.grid-item--width2 {
    width: 340px;
}

.grid-item--width3 {
    width: 520px;
}

.grid-item--width4 {
    width: 780px;
}

.grid-item--height2 {
    height: 400px;
}

.grid-item--height3 {
    height: 500px;
}

.grid-item--height4 {
    height: 600px;
}

.what-asset-heading {
    width: 100%;
    color: #2e3192;
    margin-bottom: 50px;
}

.grid-item--widthsm2 {
    width: 170px;
    animation-name: move-me;
    animation-duration: 2s;
    animation-delay: 0.3s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

.grid-item--widthsm3 {
    width: 230px;
    animation-name: move-me;
    animation-duration: 2s;
    animation-delay: 0.1s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

.grid-item--widthsm4 {
    width: 280px;
    animation-name: move-me;
    animation-duration: 2s;
    animation-delay: 0.4s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

.grid-item--heightsm2 {
    height: 170px;
}

.grid-item--heightsm3 {
    height: 230px;
}

.grid-item--heightsm4 {
    height: 280px;
}

.what-client-section {
    width: 100%;
    float: left;
    background-image: url("../img/white-desert2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0;
}

.what-client-tab-btn-holder {
    width: 90%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: white;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

.what-client-tab-btn-holder button {
    text-align: center;
    color: #2e3192;
    background: none;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0;
    background: #ffffff;
    padding: 10px;
    transition: 0.2s;
}

.what-client-tab-btn-holder button.active {
    color: rgb(255, 255, 255);
    background: #2e3192;
}

.what-client-tab-btn-holder button:hover {
    color: rgb(255, 255, 255);
    background: #2e3192;
    transform: scale(1.07);
}

.tablinks {
    cursor: pointer;
}

.tabcontent {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    animation: fadeEffect 1s;
    /* Fading effect takes 1 second */
}

.col-md-6 .tabcontent:nth-child(1) {
    display: block;
}

/* Go from zero to full opacity */

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.what-client-content-holder {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, 0.418);
    -moz-box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, 0.418);
    box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, 0.418);
}

.resource {
    background-image: url("../img/resours.jpg");
}

.pay {
    /* background-image: url("../img/payment.jpg"); */
}

.balance {
    background-image: url("../img/balance.jpg");
    background-position: right;
}

.what-client-content-overlay {
    background: rgba(0, 0, 0, 0.671);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.what-client-content {
    width: 100%;
    text-align: center;
}

.what-client-content p {
    text-align: center;
    color: white;
    font-size: 15px;
}

.what-client-content h1 {
    font-size: 30px;
    color: #ffffff;
}

.what-client-content ul {
    text-align: center;
}

.what-client-content ul li {
    font-size: 15px;
    color: rgb(228, 228, 228);
}

.what-client-content ul li i {
    font-size: 17px;
    color: #8f90b6;
}

@media only screen and (max-width: 850px) {
    .ig_post_container {
        /* border: 2px solid #f1f1f1; */
        margin-bottom: 25px;
        margin: 0 auto;
        width: 100%;
        height: 470px;
        float: none;
        padding: 0 15px;
        margin-bottom: 60px;
    }

    .move-down-2 {
        margin-top: 0px;
    }

    .move-down-3 {
        margin-top: 0px;
    }

    .glossier {
        background-position: center !important;
    }
}

.atom {
    border: 2px solid #2e3192;
    border-radius: 50%;
    height: 500px;
    width: 500px;
    transform-style: preserve-3d;
    perspective: 1000px;
    /* transform: translate(-50%, -50%); */
}

.electron {
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid #2e3192;
    border-radius: 50%;
    height: 500px;
    width: 500px;
    transform-style: preserve-3d;
    transform: translate(-50%, -50%) rotateY(40deg) rotate(0deg);
    animation: orbit 6s infinite linear;
    transform-origin: 50% 50%;
    z-index: 0;
    cursor: pointer;
}

.electron p {
    color: black;
    font-weight: 300;
}

.electron:before {
    content: "";
    width: 10%;
    height: 0;
    padding-bottom: 10%;
    background-color: #2e3192;
    transform-origin: 50% 50%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 50%;
    animation: rotateWithOrbit 6s infinite linear;
    background-image: radial-gradient(circle at top left, #94ffaf, darken(#94ffaf, 25%) 75%);
}

.electron:nth-of-type(2) {
    animation: orbit2 7s infinite linear;
}

.electron:nth-of-type(2):before {
    animation: rotateWithOrbit2 7s infinite linear;
}

.electron:nth-of-type(3) {
    animation: orbit3 6s infinite linear;
}

.electron:nth-of-type(3):before {
    animation: rotateWithOrbit3 6s infinite linear;
}

.electron:nth-of-type(4) {
    animation: orbit4 9s infinite linear;
}

.electron:nth-of-type(4):before {
    animation: rotateWithOrbit4 9s infinite linear;
}

.electron:nth-of-type(5) {
    animation: orbit4 5s infinite linear;
}

.electron:nth-of-type(5):before {
    animation: rotateWithOrbit4 5s infinite linear;
}

.nucleus {
    content: "";
    width: 40%;
    height: 0;
    padding: 20%;
    transform: translate(-50%, -50%);
    background-color: #2e3192;
    transform-origin: 50% 50%;
    position: absolute;
    border-radius: 50%;
    /* border: 1px solid green; */
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* animation: rotateWithOrbit 6s infinite linear; */
    /* background-image: radial-gradient(circle at top left, red, darken(red, 15%) 75%); */
}

.electron:nth-of-type(1):hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.electron:nth-of-type(2):hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.electron:nth-of-type(3):hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.electron:nth-of-type(4):hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.electron:nth-of-type(5):hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.electron:nth-of-type(2):before {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.electron:nth-of-type(3):before {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.electron:nth-of-type(4):before {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.electron:nth-of-type(5):before {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

@keyframes orbit {
    0% {
        transform: translate(-50%, -50%) rotateY(60deg) rotateX(-30deg) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotateY(60deg) rotateX(-30deg) rotate(360deg);
    }
}

@keyframes rotateWithOrbit {
    0% {
        transform: translate(-50%, -50%) rotateZ(0deg) rotateX(30deg) rotateY(-40deg) scale(.80);
    }

    25% {
        transform: translate(-50%, -50%) rotateZ(-90deg) rotateX(30deg) rotateY(-40deg) scale(.60);
    }

    50% {
        transform: translate(-50%, -50%) rotateZ(-180deg) rotateX(30deg) rotateY(-40deg) scale(.80);
    }

    75% {
        transform: translate(-50%, -50%) rotateZ(-270deg) rotateX(30deg) rotateY(-40deg) scale(1);
    }

    100% {
        transform: translate(-50%, -50%) rotateZ(-360deg) rotateX(30deg) rotateY(-40deg) scale(.80);
    }
}

@keyframes orbit2 {
    0% {
        transform: translate(-50%, -50%) rotateY(60deg) rotateX(30deg) rotate(180deg);
    }

    100% {
        transform: translate(-50%, -50%) rotateY(60deg) rotateX(30deg) rotate(540deg);
    }
}

@keyframes rotateWithOrbit2 {
    0% {
        transform: translate(-50%, -50%) rotateZ(-180deg) rotateX(-30deg) rotateY(-40deg) scale(.80);
    }

    25% {
        transform: translate(-50%, -50%) rotateZ(-270deg) rotateX(-30deg) rotateY(-40deg) scale(1);
    }

    50% {
        transform: translate(-50%, -50%) rotateZ(-360deg) rotateX(-30deg) rotateY(-40deg) scale(.80);
    }

    75% {
        transform: translate(-50%, -50%) rotateZ(-450deg) rotateX(-30deg) rotateY(-40deg) scale(.60);
    }

    100% {
        transform: translate(-50%, -50%) rotateZ(-540deg) rotateX(-30deg) rotateY(-40deg) scale(.80);
    }
}

@keyframes orbit3 {
    0% {
        transform: translate(-50%, -50%) rotateY(0deg) rotateX(75deg) rotate(180deg);
    }

    100% {
        transform: translate(-50%, -50%) rotateY(0deg) rotateX(75deg) rotate(540deg);
    }
}

@keyframes rotateWithOrbit3 {
    0% {
        transform: translate(-50%, -50%) rotateZ(-180deg) rotateX(-80deg) rotateY(0deg) scale(1);
    }

    25% {
        transform: translate(-50%, -50%) rotateZ(-270deg) rotateX(-80deg) rotateY(0deg) scale(.8);
    }

    50% {
        transform: translate(-50%, -50%) rotateZ(-360deg) rotateX(-80deg) rotateY(0deg) scale(.60);
    }

    75% {
        transform: translate(-50%, -50%) rotateZ(-450deg) rotateX(-80deg) rotateY(0deg) scale(.80);
    }

    100% {
        transform: translate(-50%, -50%) rotateZ(-540deg) rotateX(-80deg) rotateY(0deg) scale(1);
    }
}

@keyframes orbit4 {
    0% {
        transform: translate(-50%, -50%) rotateY(0deg) rotateX(-55deg) rotate(180deg);
    }

    100% {
        transform: translate(-50%, -50%) rotateY(0deg) rotateX(-55deg) rotate(540deg);
    }
}

@keyframes rotateWithOrbit4 {
    0% {
        transform: translate(-50%, -50%) rotateZ(-180deg) rotateX(80deg) rotateY(0deg) scale(1);
    }

    25% {
        transform: translate(-50%, -50%) rotateZ(-270deg) rotateX(80deg) rotateY(0deg) scale(.8);
    }

    50% {
        transform: translate(-50%, -50%) rotateZ(-360deg) rotateX(80deg) rotateY(0deg) scale(.60);
    }

    75% {
        transform: translate(-50%, -50%) rotateZ(-450deg) rotateX(80deg) rotateY(0deg) scale(.80);
    }

    100% {
        transform: translate(-50%, -50%) rotateZ(-540deg) rotateX(80deg) rotateY(0deg) scale(1);
    }
}

.how-top-atom {
    padding: 70px 0;
    position: relative;
    background-image: url("../img/lines.svg");
    background-repeat: no-repeat;
    overflow: hidden;
}

.nucleus h6 {
    color: white;
    text-align: center;
}

#atom-heading {
    font-weight: 300;
    color: white;
  
}

.how-top-atom h1 {
    /* padding-top: 30px; */
    color: #2e3192;
    font-weight: 300;
    font-size: 50px;
}

.main-how-process {
    width: 100%;
    
    transition: 0.2s;
}

.main-how-process-overlay {
    width: 100%;
    padding: 200px 0;
    height: 100%;
    background: white;
}

.how-process-heading h1 {
    text-align: left;
    color: white;
    font-weight: 300;
    font-size: 50px;
}

.how-bullets-container {
    width: 100%;
}

.how-bullets-container ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

a.logo img {
    width: 70%;
}

.how-bullets-container ul li {
    width: 50px;
    height: 50px;
    background: #2e319283;
    border: 1px solid rgb(126, 126, 126);
    border-radius: 50%;
    z-index: 9;
    transition: 0.2s;
    cursor: pointer;
    position: relative;
}

.how-bullets-container ul li::after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    right: -55px;
    top: 8px;
    background-image: url("../img/blue-arrow.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: 0.2s;
}

.how-bullets-container ul li:hover {
    background: #ffffff;
    border: 1px solid rgb(201, 199, 199);
    transform: scale(1.07);
}

.how-bullets-container ul li:hover::after {

    transform: rotate(180deg)
}

.flex-content {
    width: 100%;
}

.how-managment {
    width: 100%;
    padding: 80px 0;
    position: relative;
    background-image: url("../img/managemen-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow: hidden;
}

#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.how-management-heading {
    width: 100%;
    text-align: center;
}

.how-management-heading h3 {
    font-weight: 300;
    color: #ffffff;
}

.how-management-heading p {
    margin-bottom: 70px;
    color: white;
}

.polygon-box {
    width: 90%;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
}

.polygon-text h1 {
    color: #2e3192;
    font-size: 30px;
    /* opacity: 0; */
    transition: 0.2s;
    text-align: center;
}

.polygon-box:hover .polygon-text h1 {
    opacity: 1;
}

.polygon-box img {
    width: 100%;
    opacity: 0.7;
}

.polygon-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px;
}

.poly-take-top {
    margin-top: 180px;
}

.poligon-center {
    position: relative;
}

.poligon-center::before {
    content: '';
    background-image: url("../img/back-arrow.png");
    width: 60px;
    height: 60px;
    position: absolute;
    top: 40%;
    left: -33%;
    object-fit: cover;
    background-size: cover;
}

.poligon-center::after {
    content: '';
    background-image: url("../img/back-arrow.png");
    width: 60px;
    height: 60px;
    position: absolute;
    top: 40%;
    right: -33%;
    object-fit: cover;
    transform: rotate(45deg);
    background-size: cover;
}

.how-management-list {
    width: 100%;
    height: 100%;
    text-align: left;
    margin-top: 30px;
}

.how-management-list h3 {
    color: white;
    margin-bottom: 0px;
}

.how-management-list ul li {
    list-style: none;
    text-align: left;
    font-size: 15px;
    font-weight: 300;
    color: white;
    line-height: 35px;
}

.main-hex-container {
    padding: 70px 0;
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url("../img/lines.svg");
    transition: 0.2s;
}

.hex-heading h3 {
    font-weight: 300;
    color: #1b1d64;
}

.hex-heading p {
    margin-bottom: 70px;

}

.impact-heading h3 {
    font-weight: 300;
    color: #1b1d64;
}

.impact-heading p {
    margin-bottom: 70px;
    color: #575656;
}

.investor-heading h3 {
    font-weight: 300;
    color: rgb(37, 37, 37);
}

.investor-heading p {
    margin-bottom: 70px;
    color: rgb(34, 34, 34);
}

.investor-section {
    padding: 70px 0;
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url("../img/white-texture.jpeg");
}

.flip-card {
    background-color: transparent;
    width: 90%;
    height: 100%;
    perspective: 1000px;
    margin: 0 auto;
    cursor: pointer;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front {
    background-color: rgb(255, 255, 255);
    color: white;
}

.flip-card-back {
    background-color: #2e3192;
    color: white;
    transform: rotateY(180deg);
    padding: 5px 20px;
}

.flip-card-back h1 {
    color: white;
    font-size: 25px;
    font-size: 300;
}

.flip-card-back ul {
    padding: 0;
}

.flip-card-back ul li {
    margin: 3px 0;
    color: white;
    font-family: 300;
    font-size: 15px;
}

.flip-card-front img {
    width: 150px;
}

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

.impact-list h3 {
    font-size: 30px;
    font-family: 600;
    padding: 30px 15px;
    background-image: url("../img/impact-bg1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: white;
}

.impact-list ul li {
    margin: 5px 0;
    padding: 20px;
    border-bottom: 1px solid rgb(226, 226, 226);
}

.impact-list ul li h1 {
    color: #2e3192;
    font-size: 20px;
}

.impact-list ul li h1 a {
    color: #2e3192;
    text-decoration: none;
}

.how-impact {
    width: 100%;
    padding: 70px 0;
}

.main-risk-managment-structure {
    padding: 70px 0;
}

.main-risk-managment-structure h3 {
    font-size: 30px;
    color: #1b1d64;
    margin-bottom: 30px;
}

.left-managment-box-container {
    padding: 20px 0;
}

.main-left-management-box {
    width: 80%;
    min-height: 112px;
    padding: 20px;
    margin: 20px 0;
    background: #212370;
    border: 1px solid #1b1d64;
    border-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    transition: 0.2s;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.main-left-management-box:before {
    content: '';
    width: 45%;
    height: 70px;
    background-image: url(../img/right-arrow.png);
    background-size: cover;
    object-fit: cover;
    position: absolute;
    right: -130px;
    top: 13%;
    animation-name: right-arrow;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

.main-left-management-box:hover {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(219, 219, 219, 1);
    box-shadow: 2px 2px 5px 0px rgba(219, 219, 219, 1);

}

.main-left-management-box h1 {
    font-weight: 300;
    color: white;
    text-align: center;
    font-size: 25px;
}

@keyframes right-arrow {
    0% {
        right: -130px;
    }

    100% {
        right: -140px;
    }
}

.center-managment-box-container {
    padding: 20px 20px;
    border: 3px solid #212370;
    border-radius: 10px;
    width: 80%;
    margin: 0 auto;
    position: relative;
}

.center-managment-box-container:before {
    content: '';
    width: 45%;
    height: 70px;
    background-image: url(../img/right-arrow.png);
    background-size: cover;
    object-fit: cover;
    position: absolute;
    right: -130px;
    top: 42%;
    animation-name: right-arrow;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

.main-center-managemnet-box {
    width: 80%;
    min-height: 112px;
    padding: 20px;
    margin: 20px auto;
    background: #212370;
    border: 1px solid #1b1d64;
    border-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    transition: 0.2s;
    cursor: pointer;

}

.main-center-managemnet-box:hover {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(219, 219, 219, 1);
    box-shadow: 2px 2px 5px 0px rgba(219, 219, 219, 1);
}

.main-center-managemnet-box {
    width: 100%;
}

.main-center-managemnet-box ul {
    padding: 0;
    margin: 0;
}

.main-center-managemnet-box ul li {
    list-style-type: disc;
    margin: 2px 0;
    font-size: 15px;
    text-align: left;
    color: white;
    font-weight: 300;
}

.right-managment-box-container {
    width: 100%;
    height: 100%;
}

.right-management-box-heading {
    text-align: right;
}

.right-management-box-heading h1 {
    font-weight: 600;
    font-size: 25px;
}

.right-management-box-heading p {
    font-size: 15px;
}

.increasing-impact {
    width: 100%;
    float: left;
    background-image: url(../img/lines.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.increasing-impact-overlay {
    padding: 70px 0;
    width: 100%;
    float: left;
    /* background: rgba(0, 0, 0, 0.527); */
}

.main-long-bar-container {
    float: left;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    position: relative;
}

.main-long-bar-container:before {
    position: absolute;
    top: 72%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 53.2%;
    height: 3px;
    content: '';
    transform: rotate(-12deg);
    background: rgb(0 0 0 / 34%);
    border-radius: 5px;
    border: 1px dotted  rgb(0 0 0 / 34%);
}

.bar-box {
    width: 20%;
    text-align: center;
    background: rgb(0 0 0 / 34%);
    padding: 15px;
    float: left;
    border-radius: 3px;
    height: fit-content;
}

.bar-box h1 {
    font-size: 15px;
    /* color: #302f2f; */
    text-align: center;
}

.flex-end-content-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.flex-end-content {
    width: 100%;
}

.bar-box p {
    color: rgb(255, 255, 255);
    margin: 10px 0;
}

.increasing-impact-heading h3 {
    color: #1b1d64;
    text-align: center;
}

.increasing-impact-heading p {
    text-align: center;
    color: #1b1d64;
}

.main-real-state-list {
    width: 100%;
    text-align: left;
    padding: 50px;
    border-left: 3px dashed gray;
    border-bottom: 3px dashed gray;

}

.main-real-state-list h1 {
    font-size: 25px;
    color: #2e3192;
    font-weight: bold;
}

.main-real-state-list ul li {

    color: white !important;
}

.main-real-state-list ul li p {
    /* list-style-type: disc; */
    /* font-size: 20px; */
    color: #575656 !important;
}

.what-infa-heading h2 {
    font-size: 25px;
    color: #575656;
    font-weight: bold;
}

/* ---------- Container for the orbiting circles animation ---------- */
#circle-orbit-container {
    position: relative;
    top: 0px;
    left: 0px;
    height: 300px;
    width: 300px;
    margin: 0 auto;
}

.circle-orbit-text {
    position: absolute;
    top: 33%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: wheat;
    border-radius: 100%;
    width: 100px;
    display: flex;
    height: 100px;
    justify-content: center;
    align-items: center;
    padding: 25px;
    text-align: center;

}

.circle-orbit-text h1 {
    font-size: 13px;
    z-index: 9999;
    color: #1b1d64 !important;
}

/* ---------- Inner orbit - This is the circles closest to the central point ---------- */
#inner-orbit {
    position: absolute;
    top: 75px;
    left: 75px;
    width: 150px;
    height: 150px;
    border: 2px #4A437F dashed;
    border-radius: 100%;
    -webkit-animation: spin-right 10s linear infinite;
    animation: spin-right 10s linear infinite;
    pointer-events: none;
}

/* ---------- Repeating styles for the inner orbiting circles ---------- */
.inner-orbit-cirlces {
    position: absolute;
    top: 62px;
    left: -6px;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: #9F98E6;
    z-index: 9999;
    pointer-events: all;
    cursor: pointer;
}

#inner-orbit:hover {

    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

#middle-orbit:hover {

    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

#outer-orbit:hover {

    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

#more-outer-orbit:hover {

    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}


/* ---------- Middle orbit - This is the circles second closest to the central point ---------- */
#middle-orbit {
    position: absolute;
    top: 35px;
    left: 35px;
    width: 225px;
    height: 225px;
    border: 2px #4A437F dashed;
    border-radius: 100%;
    -webkit-animation: spin-right 15s linear infinite;
    animation: spin-right 15s linear infinite;
    pointer-events: none;
}

/* ---------- Repeating styles for the inner orbiting circles ---------- */
.middle-orbit-cirlces {
    position: absolute;
    top: 25px;
    left: 17px;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: #4A437F;
    z-index: 9999;
    pointer-events: all;
    cursor: pointer;
}

/* ---------- Outer orbit - This is the circles furthest away from the central point ---------- */
#outer-orbit {
    position: absolute;
    top: 0;
    left: 0;
    width: 294px;
    height: 294px;
    border: 2px #4A437F dashed;
    border-radius: 100%;
    -webkit-animation: spin-right 20s linear infinite;
    animation: spin-right 20s linear infinite;
    pointer-events: none;
}

/* ---------- Repeating styles for the outer orbiting circles ---------- */
.outer-orbit-cirlces {
    position: absolute;
    top: -17px;
    left: 125px;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: #1b1d64;
    z-index: 9999;
    pointer-events: all;
    cursor: pointer;
}

.more-outer-orbit-cirlces {
    position: absolute;
    top: -27px;
    left: 135px;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background-color: #24277e;
    z-index: 9999;
    pointer-events: all;
    cursor: pointer;
}

#more-outer-orbit {
    position: absolute;
    top: -22px;
    left: -22px;
    width: 335px;
    height: 335px;
    border: 2px #2e3192 dashed;
    border-radius: 100%;
    -webkit-animation: spin-right 20s linear infinite;
    animation: spin-right 30s linear infinite;
    pointer-events: none;
}

/* ---------- Animation ---------- */
@-webkit-keyframes spin-right {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



.navbar .navbar-nav .nav-link {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.733);
    padding: 15px 7px;
    margin: 10px 15px;
    letter-spacing: 2px;
    transition: 300ms ease all;

}

.navbar.nav-scroll .navbar-nav .nav-link {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #858585;
    padding: 15px 7px;
    margin: 10px 15px;
    letter-spacing: 2px;
    transition: 300ms ease all;
}

.navbar.nav-scroll .navbar-nav .nav-link:hover {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2e3192 !important;
    padding: 15px 7px;
    margin: 10px 15px;
    letter-spacing: 2px;
    transition: 300ms ease all;
}

.navbar .navbar-nav .nav-link:hover {
    color: #fff;
}

.nav-item.active .nav-link {
    color: white !important;
}

.navbar .navbar-collapse .navbar-nav .nav-item.active .nav-link {
    color: white !important;
    font-weight: bold;
}

.navbar.nav-scroll .navbar-collapse .navbar-nav .nav-item.active .nav-link {
    color: #2e3192 !important;
    font-weight: bold;
}


.table thead th {
    font-weight: 400;
    color: white;
}

.table td,
.table th {
    color: #575656;
    font-size: 15px;
}

.nav-d-sm-block {
    display: none;
}

.nav-d-sm-none {
    display: block;
}

.footer-comonent h3 {
    font-size: 20px;
    font-weight: 300;
    font-family: 'futra-light', sans-serif;
}

.adress-etc ul li {
    font-size: 15px;
    color: #575656;
    line-height: 2;
}




.footer-down {
    padding: 15px 0 0px 0;
    border-bottom: 2px solid #ececec;
    border-top: 4px solid #2e3192;
}

.footer-down-left .flex-content-container .flex-content h1 {
    font-size: 15px;
    text-align: justify;
}

.footer-nav {
    width: 100%;
    display: flex;
    align-items: center;
}

.footer-nav ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.footer-nav ul li {
    font-size: 12px;
    color: #575656;
    line-height: 2;
}

.modal-field {
    width: 100%;
}

.modal-field input {
    width: 100%;
    background: none;
    border: none;
    outline: none;
    border-radius: 4px;
    padding: 5px 20px;
    border: 1px solid #1b1d64;
    margin-bottom: 15px;
}

.modal-field button {
    background: none;
    border: none;
    outline: none;
    border-radius: 4px;
    padding: 5px 20px;
    text-align: right;
    margin-left: auto;
    background: #1b1d64;
    color: white;
    cursor: pointer;
    transition: 0.2s;
}

.modal-field button:hover {
    background: #24277e;
}

.how-process-left {
    width: 100%;
    text-align: center;
}

.top-process-heading {
    width: 100%;
}

.top-process-heading h1 {
    color: white;
    font-size: 60px;
    font-weight: bold;
}

.p-list-arrow {
    margin-top: 30px;
}

.p-list-arrow i {
    color: white;
    font-size: 30px;
}

.p-list-text p {
    color: white;
    font-size: 35px;
    font-weight: bold;
}

#elec-1 {
    position: relative;
}

#elec-1::before {
    position: absolute;
    top: 50px;
    left: 100%;

    content: 'PROJECT Finance';
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
    -webkit-text-stroke: 1px #000000;
    z-index: 9999;
}

#elec-1:hover::before {
    top: -100%;
    opacity: 1;
}

#elec-2::before {
    position: absolute;
    top: 50px;
    left: 100%;

    content: 'RISK MANAGEMENT';
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
    -webkit-text-stroke: 1px #000000;
    z-index: 9999;
}

#elec-2:hover::before {
    top: -100%;
    opacity: 1;
}

#elec-3::before {
    position: absolute;
    top: 50px;
    left: 100%;

    content: 'LOCAL NAVIGABILITY GLOBAL OUTREACH';
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
    -webkit-text-stroke: 1px #000000;
    z-index: 9999;
}

#elec-3:hover::before {
    top: -100%;
    opacity: 1;
}

#elec-4::before {
    position: absolute;
    top: 50px;
    left: -100%;
    content: 'IMPACT STRATEGY';
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
    -webkit-text-stroke: 1px #000000;
    z-index: 9999;
}

#elec-4:hover::before {
    top: -100%;
    opacity: 1;
}

.main-disclaimer-sec{
    width: 100%;
    padding: 60px 0;
    background-image: url("../img/lines.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.disclaimer-text{
    width: 100%;
}
.disclaimer-text p{
    margin: 20px 0;
    border-bottom: 1px solid #2e3192;
}
.btn-curve.btn-lit.submit
{
    color: #1b1d64 !important;
    border-color: #1b1d64 ;
}
.main-process-bullets-container{
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.main-process-bullets-container::before{
    width: 80%;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 35px;
    content: '';
    border: 5px dashed #212370;
}
.main-process-bullets-container::after{
    width: 80%;
    height: 180%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -190%;
    content: '';
    background-image: url(../img/type-bg.png);
    background-repeat: no-repeat;
    background-size: 100%, 100%;
   
}
.bullet-box{
    position: relative;
    width: 20%;
    cursor: pointer;
}

.circle-bullet{
    width: 80px;
    height: 80px;
    border: 15px solid #1b1d64;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    transition: 0.2s;
}
.bullet-box p{
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    color: #212370;
    font-weight: bold;
    transform: rotate(
-45deg
);
text-transform: uppercase;
transition: 0.2s;
}
.bullet-box:hover p{
    transform: rotate(0);
}
.bullet-box:hover .circle-bullet{
    transform: scale(1.05);
    border: 15px solid #3135a1;
}


@media only screen and (max-width: 850px) {
    .main-rectangle {
        width: 100%;
        max-width: 100%;
    }

    .atom {
        width: 500px;
        height: 500px;
    }

    .poligon-center::before {
        background-image: none;
    }

    .poligon-center::after {
        background-image: none;
    }
}

@media only screen and (max-width: 600px) {
    .grid-item--width2 {
        width: 100%;
    }

    .grid-item--width3 {
        width: 100%;
    }

    .poly-take-top {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .grid-item--width4 {
        width: 100%;
    }

    .grid-item--height2 {
        height: 300px;
    }

    .grid-item--height3 {
        height: 300px;
    }

    .grid-item--height4 {
        height: 400px;
    }

    .grid-item--widthsm2 {
        width: 100%;
        max-width: 260px;
        margin: 0 auto;
        text-align: center;
    }

    .grid-item--widthsm3 {
        width: 100%;
        max-width: 260px;
        margin: 0 auto;
        text-align: center;
    }

    .grid-item--widthsm4 {
        width: 100%;
        max-width: 260px;
        margin: 0 auto;
        text-align: center;
    }

    .grid-item--heightsm2 {
        height: 260px;
    }

    .grid-item--heightsm3 {
        height: 260px;
    }

    .grid-item--heightsm4 {
        height: 260px;
    }

    .grid {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }

    .atom {
        width: 250px;
        height: 250px;
    }

    .nav-d-sm-none {
        display: none;
    }

    .nav-d-sm-block {
        display: block;
    }
    .main-left-management-box {
    width: 100%;
    }
    .main-left-management-box:before{
        display: none;
    }
    .center-managment-box-container:before{
        display: none;
    }
    .right-management-box-heading{
        text-align: center;
    }
    .grid-item--width2 {
        width: 100%;
    }
    .main-process-bullets-container{
        display: block;
    }
    .bullet-box {
        position: relative;
        margin: 40px 0;
        width: 100%;
    }
    .bullet-box p {
        top: -50%;
        left: 91px;
        right: inherit;
        margin: none;
        font-size: 20px;
        text-align: left;
    }
    .circle-bullet {
        text-align: inherit;
        margin: inherit;
    }
    .main-process-bullets-container::before {
        width: 10px;
        height: 100%;
        position: absolute;
        left: 35px;
        right: inherit;
        margin: inherit;
        top: 0;
    }
    #circle-orbit-container {
        margin-top: 70px;
    }
    .main-long-bar-container {
        float: none;
        display: block;
        width: 100%;
    }
    .bar-box {
        width: 100%;
        float: none;
        margin: 20px 0;
    }
    .main-long-bar-container:before{
        display: none;
    }
    .inner-page-content h1 {
        font-size: 40px;
        line-height: inherit;
    }
    .footer-nav ul{
        display: block;
        text-align: center;
    }
    .footer-nav ul li{
        display: inline-block;
        margin: 0 5px;
        text-align: center;
    }
    .copyrights{
        text-align: center;
        margin-bottom: 10px;
    }
    .slider .parallax-slider .caption h1 {
        font-size: 40px;
        line-height: inherit;
    }
    .main-process-bullets-container::after{
        display: none;
    }
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    padding: 4px;
    text-align: center !important;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    opacity: 0.7;
}

@media only screen and (max-width: 450px) {
    .main-rectangle {
        max-height: 385px;
        height: 100%;
    }

    .rectangle-text-container p {
        font-size: 13px;
        color: white;
        text-align: center;
        margin-bottom: 7px;
        font-weight: 700;
    }

    .ig_post_container img {
        width: 100%;
        max-width: 380px;
        height: 360px;
    }

    h2.faq-heading {
        font-size: 23px;
    }

    .question a h1 {
        font-size: 16px;
    }

    .answer-box h1 {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .main-rectangle {
        max-height: 385px;
        height: 100%;
    }
}

@media only screen and (max-width: 410px) {
    .ig_post_container img {
        width: 100%;
        max-width: 380px;
        height: 338px;
    }
}

@media only screen and (max-width: 387px) {
    .ig_post_container img {
        width: 100%;
        max-width: 380px;
        height: 324px;
    }
}

@media only screen and (max-width: 360px) {
    .ig_post_container img {
        width: 100%;
        max-width: 380px;
        height: 295px;
    }
}

@media only screen and (max-width: 360px) {
    .ig_post_container img {
        width: 100%;
        max-width: 380px;
        height: 295px;
    }
}

@media only screen and (max-width: 343px) {
    h2.headlight::before {
        width: 79px;
        height: 4px;
    }

    h2.headlight::after {
        width: 225px;
        height: 4px;
        position: absolute;
        content: '';
        background: #e99e25;
        height: 4px;
        top: 42%;
    }
}

@media only screen and (max-width: 422px) {
    .call-action .content h2 {
        font-size: 10vw;
    }
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 30px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}