html{
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
.w-auto {
    width: auto;
}
.h-8 {
    height: 2rem;
}
.w-5 {
    width: 1.25rem;
}
.w-8 {
    width: 2rem;
}
.h-5 {
    height: 1.25rem;
}
.w-10 {
    width: 2.5rem;
}
.p-4 {
    padding: 1rem !important;
}
.h-10 {
    height: 2.5rem;
}
img, video {
    max-width: 100%;
    height: auto;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.p-8 {
    padding: 2rem;
}
.p-12 {
    padding: 3rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mb-16 {
    margin-bottom: 4rem;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-3xl {
    border-radius: 1.5rem;
}
.max-w-7xl {
    max-width: 80rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.text-gray-300 {
    color: #d1d5db;
}
.leading-relaxed {
    line-height: 1.625;
}
.text-white {
    color: rgb(255 255 255 / 1);
}
.font-bold {
    font-weight: 700;
}
.text-lg {
    font-size: 1.125rem;
}
.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-blue-400 {
    color: #60a5fa;
}
.text-5xl {
    font-size: 3rem;
    line-height: 1;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.max-w-3xl {
    max-width: 48rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.p-6 {
    padding: 1.5rem;
}

.bg-gray-800\/50 {
    background-color: #1f293780;
}
.border-gray-700\/30 {
    border-color: #3741514d;
}
.border {
    border: 1px solid #3741514d !important;
}
.rounded-2xl {
    border-radius: 1rem;
}
.bg-blue-500\/10 {
    background-color: #3b82f61a;
}
.rounded-lg {
    border-radius: .5rem;
}
.items-start {
    align-items: flex-start;
}
.flex {
    display: flex;
}
.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem* var(--tw-space-x-reverse));
    margin-left: calc(1rem* calc(1 - var(--tw-space-x-reverse)));
}
.gap-8 {
    gap: 2rem;
}
.justify-between {
    justify-content: space-between;
}
.items-center {
    align-items: center;
}
.flex {
    display: flex
;
}
.grid {
    display: grid;
}
.ml-2 {
    margin-left: .5rem;
}
.bg-gradient-to-r {
    background:#3b82f6;
}
button{
    border: unset;
}
.text-gray-900 {
    color: #111827;
}
.font-semibold {
    font-weight: 600;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}.text-green-400 {
    color: #4ade80;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
}
.text-purple-400 {
    --tw-text-opacity: 1;
    color: #c084fc;
}
.bg-green-500\/10 {
    background-color: #22c55e1a;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.inline-block {
    display: inline-block;
}
.w-full {
    width: 100%;
}
.h-48 {
    height: 12rem;
}
.h-64 {
    height: 16rem;
}
.bg-gray-700\/50 {
    background-color: #37415180;
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem* var(--tw-space-y-reverse));
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: #3b82f6;
}
.py-3 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
}
.col-spaceone{
    padding-right: 1.5rem;
}
.col-spacetwo{
    padding-left: 1.5rem;
}
.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: #60a5fa;
}
.rounded-full {
    border-radius: 9999px;
}
.w-2 {
    width: .5rem;
}
.h-2 {
    height: .5rem;
}
.mr-3 {
    margin-right: .75rem;
}
ul.grid.gap-2{
    padding-left: 0rem;
}
.flex-col {
    flex-direction: column;
}
body{
    height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
}
/* Header css start */

.section-header .header-row{
    padding-left: 1rem;
    padding-right: 1rem;
    position: fixed;
    top: 1rem;
    z-index: 50;
    width: 100%;
}

.section-header .navbar{
    border: 1px solid #374151;
    background-color: #1f2937f2;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    border-radius: 9999px;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

.section-header .navbar .navbar-collapse{
    flex-grow: 0;
}
.section-header .navbar .navbar-nav{
    gap: 1.2rem;
}
.section-header .navbar .nav-link{
    font-size: 16px;
    color: #d1d5db;
}
.section-header .navbar .get-started{
    background: #3b82f6;
    color: #ffff;
    text-decoration: unset;
    padding-top: .4rem !important;
    padding-bottom: .3rem !important;
}
.section-header .navbar .navbar-toggler {
    border: 1px solid #8f949b;
}
.section-header .navbar .navbar-toggler-icon {
    background-image: url("../images/menu.svg");
    filter: invert(1);
}
/* Header css ends */

/*Portfolio css start*/
.portfolio-section{
    background: #111827;
    padding-top: 6rem;
    position: relative;
}
.portfolio-section h1{
    font-size: 3.75rem;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    margin-bottom: unset;
}
.portfolio-section span{
    color: #22d3ee;
    font-size: 3.75rem;
    line-height: 1;
    /* color: #ffffff; */
    text-align: center;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.portfolio-section p{
    font-size: 1.25rem;
    line-height: 1.75rem;
    max-width: 42rem;
    margin: 0 auto;
    color: #d1d5db;
    margin-bottom: 2rem;
    text-align: center;
}
.portfolio-section .flex{
    display: flex;
        justify-content: center;
        gap: 1.5rem;
}
.portfolio-section .flex .py-3.px-6{
    background: #1f293780;
    display: flex;
    justify-content: flex-start;
    border-radius: 9999px;
    gap: 0.7rem;
    align-items: center;
}
.portfolio-section .flex .py-3.px-6 svg{
    color: #60a5fa;
}
.portfolio-section .flex .py-3.px-6 span{
    font-size: 16px;
    color: #d1d5db;
    font-weight: 500;
    margin: unset;
}
.portfolio-section button{
    font-size: 1.125rem;
    line-height: 1.75rem;
    background: #3b82f6;
    width: max-content;
    border: unset;
    margin: 0 auto;
}
/*Portfolio css ends*/

/*innovation css start*/
.innovation-message{
    background: #1a2230;
}
.innovation-message .row{
    align-items: center;
}
.innovation-message h2{
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 2.5rem;
    color: #ffff;
    text-align: center;
    margin-bottom: 1rem;
}
.innovation-message .sub-tile{
    color: #60a5fa;
    text-align: center;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.innovation-message .details{
    color: #d1d5db;
    line-height: 1.625;
    font-size: 1.125rem;
}
.innovation-message .grid-layout{
    display: grid;
    gap: 1.5rem;
}
.innovation-message .grid-layout .tags{
    border: 1px solid #3741514d;
    padding: 1.5rem;
    border-radius: 1rem;
    background: #1f293780;
}
.innovation-message .grid-layout .tags h3{
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #ffff;
    font-weight: 600;
}
.innovation-message .grid-layout .tags p{
    color: #9ca3af;
}
.innovation-message button{
    background: unset;
    border: unset;
    box-shadow: unset;
    color: #60a5fa;
    margin-top: 1.5rem;
}
/*innovation css ends*/

/*Ai Section css start*/
.ai-section{
    background: #1f2937;
    position: relative;
}
.ai-section h2{
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.5rem;
    color: #ffff;
    text-align: center;
}
.ai-section p{
    color: #d1d5db;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    max-width: 42rem;
    margin: 0 auto;
}
.grid-cols-3{
    display: grid;
    gap: 2rem;
}
.ai-section .grid-cols-3 .blocks{
    background-color: #37415180;
    padding: 2rem;
    border: 1px solid #4b55634d;
    border-radius: 1rem;
}
.ai-section .grid-cols-3 .blocks:hover {
    border-color: #3b82f64d;
}

.ai-section .grid-cols-3 .icons{
    background-color: #3b82f61a;
    margin-bottom: 1.5rem;
    padding: 1rem;
    border-radius: 1rem;
    width: fit-content;
}
.ai-section .grid-cols-3 .icons svg{
    color: #60a5fa;
    width: 2rem;
}

.ai-section .grid-cols-3 .blocks h3{
    color: rgb(255 255 255);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
}

.ai-section .grid-cols-3 .blocks p{
    color: #d1d5db;
    text-align: unset;
    font-size: unset;
    line-height: unset;
    max-width: unset;
}
/*Ai Section css ends*/

/*Key Funds css start*/
.key-funds{
    background: #111827;
}
.key-funds h2{
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: #ffff;
    text-align: center;
    margin-bottom: 4rem;
}

.key-funds .items{
    background-color: #1f293780;
    padding: 2rem;
    border-radius: 1rem;
    border: 1px solid #3741514d;
}
.key-funds .items h3{
    color: #60a5fa;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin-bottom: .75rem;
}
.key-funds .items .graph{
    height: 8rem;
}
.key-funds .items p{
    color: #d1d5db;
}
.key-funds .items .flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.key-funds .items .flex span{
    color: rgb(156 163 175);
    font-size: .875rem;
    line-height: 1.25rem;
}
.key-funds .items .flex span.rates{
    color: rgb(74 222 128);
    font-weight: 600;
    font-size: unset;
}
/*Key Funds css ends*/

/*why-choose-us css start*/

.why-choose-us{
    background: #1f2937;
}
.why-choose-us h2{
    font-size: 2.25rem;
    line-height: 2.5rem;
    text-align: center;
    color: rgb(255 255 255);
    font-weight: 700;
    margin-bottom: 4rem;
}
.why-choose-us .flex{
    display: flex;
        justify-content: flex-start;
        gap: 1.5rem;
        align-items: flex-start;
        margin-bottom: 2rem;
}

.why-choose-us .flex .icons-svg{
    border-radius: 1rem;
    background: #06b6d4;
    padding: 1rem;
}
.why-choose-us .flex h3{
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: #ffff;
}
.why-choose-us .flex p{
    color: #d1d5db;
    margin-bottom: unset;
}

/*why-choose-us css ends*/

/*FAQ css start*/
.faq{
    background-color: #111827;
}
.faq .grid-cols-2{
    display: grid;
    gap: 2rem;
}

.faq h2{
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin-bottom: 4rem;
    text-align: center;
    color: #ffff;
}

.faq .faq-bk{
    background-color: #1f293780;
    border: 1px solid #3741514d;
    padding: 2rem;
    border-radius: 1rem;
}

.faq .faq-bk h3{
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: #ffff;
}
.faq .faq-bk p{
    color: #d1d5db;
    margin-bottom: unset;
}
/**/

/*FAQ css start*/
.journey{
    background: #3b82f6;
}

.journey h2{
    font-size: 2.25rem;
    line-height: 2.5rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    color: #ffff;
}
.journey p{
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 2rem;
    color: #ffff;
}
.journey button{
    border: unset;
    margin: 0 auto;
    font-weight: 600;
    color: #111827;
}

/*about us page css start*/
.about-section{
    background: #111827;
    padding-top: 8rem;
    position: relative;
    padding-bottom: 5rem;
}
.about-section .spac{
    padding-right: 4rem;
}
/**/
.services-section{
    background: #111827;
    padding-top: 8rem;
    position: relative;
    padding-bottom: 5rem;
}
.services-section .blocks{
    background-color: #37415180;
    padding: 2rem;
    border: 1px solid #4b55634d;
    border-radius: 1rem;
}
.services-section .blocks:hover {
    border-color: #3b82f64d;
}

.services-section .icons{
    background-color: #3b82f61a;
    margin-bottom: 1.5rem;
    padding: 1rem;
    border-radius: 1rem;
    width: fit-content;
}
.services-section .icons svg{
    color: #60a5fa;
    width: 2rem;
}

.services-section .blocks h3{
    color: rgb(255 255 255);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
}

.services-section .blocks p{
    color: #d1d5db;
    text-align: unset;
    font-size: unset;
    line-height: unset;
    max-width: unset;
    margin-bottom: 1.5rem;
}
.services-section .blocks button{
    background: unset;
    border: unset;
    padding-left: unset;
}
/*Footer css start*/
footer{
    background-color: #111827;
    width: 100%;
    margin-top: auto;
}

footer .company-details span{
    font-size: 1.5rem;
    line-height: 2rem;
    color: #ffff;
    font-weight: 700;
}

footer p{
    color: #9ca3af;
}

footer .company-details .flex{
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    align-items: center;
}

footer .company-details .flex a{
    background-color: #1f2937;
    padding: .75rem !important;
    border-radius: .5rem;
    margin-bottom: unset;
}

footer h3{
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #ffff;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

footer a{
    color: #9ca3af;
    display: block;
    text-decoration: unset;
    margin-bottom: 1rem;
}

footer .grid-col-4{
    display: grid;
    gap: 4rem;
}

footer .footer-contact .flex{
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}
footer .footer-contact .flex .icons-bk{
    background-color: #1f2937;
    padding: .75rem;
    border-radius: .5rem;
}
footer .footer-contact .flex .icons-bk svg{
    color: #60a5fa;
}

footer .footer-contact .flex{
    color: #9ca3af;
    font-size: 16px;
}
footer .copyrights{
    padding-top: 2rem;
    margin-top: 3rem;
    text-align: center;
    border-top: 1px solid #1f2937;
    margin-bottom: unset;
}

/*Responsive css start*/
@media (min-width: 1400px) {
    .container {
        max-width: 1280px;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media only screen and (min-width: 1024px) {
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .grid-layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .innovation-message .right-bk{
        padding-left: 1.5rem;
    }
    .innovation-message .left-bk{
        padding-right: 1.5rem;
    }
    .why-choose-us .spaceing{
        padding-right: 1rem;
    }
    .lg\:justify-between {
        justify-content: space-between;
    }
    .lg\:items-center {
        align-items: center;
    }
    .lg\:flex-row {
        flex-direction: row;
    }
}
@media (min-width: 768px) {
    .grid-col-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (min-width: 640px) {
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
@media only screen and (min-width: 821px){
    .show-on-desk{
        display: flex;
        justify-content: center;
        gap: 1rem;
        flex-direction: row;
        align-items: center;
    }
    .show-on-mobi{
        display: none;
    }
}
@media only screen and (max-width: 821px) {
    .grid-col-4 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .section-header .navbar {
        border-radius: 9px;
    }
    .section-header .navbar .navbar-nav {
        gap: .2rem;
        margin-top: 1rem;
        text-align: center;
    }
    .show-on-mobi{
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    }
    .show-on-desk{
        display: none;
    }
}
@media only screen and (max-width: 768px){
    .about-section .spac{
        padding-right:unset
    }
    .col-spaceone {
        padding-right: unset;
    }
    .col-spacetwo{
        padding-left:unset;
    }
}
@media only screen and (max-width: 640px) {
    .portfolio-section .container{
        padding: unset !important;
    }
    .portfolio-section h1{
        padding: unset;
    }
    .portfolio-section p{
        padding: unset;
    }
    .portfolio-section .flex{
        flex-direction: column;
        align-items: center;
    }
    .innovation-message button{
        margin-bottom: 3rem;
    }
}
@media only screen and (max-width: 376px) {
.portfolio-section span {
    font-size: 3rem;
}
}
/*Responsive css ends*/