/* Load Fonts */
@font-face {
    font-family: 'Unitea Sans';
    src: url('fonts/Unitea Sans/UniteaSans-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Unitea Sans';
    src: url('fonts/Unitea Sans/UniteaSans-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Unitea Sans';
    src: url('fonts/Unitea Sans/UniteaSans-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Unitea Sans';
    src: url('fonts/Unitea Sans/UniteaSans-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Unitea Sans';
    src: url('fonts/Unitea Sans/UniteaSans-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

/* Load Font Ends */



* {
    padding: 0px;
    margin: 0px;
}

p {
    margin: 0px;
    padding: 0px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-family: 'Unitea Sans';
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Space Grotesk';
}

h2,
.techno-h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 55px;
    line-height: 58px;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.techno-h2 span {
    background: linear-gradient(96.03deg, #FF7E00 -8.43%, #FE10BB 122.36%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

body {
    background-color: #00001D !important;
    color: #fff !important;
    overflow-x: hidden;
}


/* Header SECTION */
.techno-header .techno-mobile {
    display: none;
}
.techno-toggler .navbar-toggler-icon
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.92308C0 6.71906 0.0790178 6.52341 0.21967 6.37915C0.360322 6.23489 0.551088 6.15385 0.75 6.15385H17.712C17.9109 6.15385 18.1017 6.23489 18.2423 6.37915C18.383 6.52341 18.462 6.71906 18.462 6.92308C18.462 7.12709 18.383 7.32275 18.2423 7.46701C18.1017 7.61126 17.9109 7.69231 17.712 7.69231H0.75C0.551088 7.69231 0.360322 7.61126 0.21967 7.46701C0.0790178 7.32275 0 7.12709 0 6.92308ZM0 0.769231C0 0.565218 0.0790178 0.369561 0.21967 0.225303C0.360322 0.0810439 0.551088 0 0.75 0H23.25C23.4489 0 23.6397 0.0810439 23.7803 0.225303C23.921 0.369561 24 0.565218 24 0.769231C24 0.973243 23.921 1.1689 23.7803 1.31316C23.6397 1.45742 23.4489 1.53846 23.25 1.53846H0.75C0.551088 1.53846 0.360322 1.45742 0.21967 1.31316C0.0790178 1.1689 0 0.973243 0 0.769231ZM0 13.0769C0 12.8729 0.0790178 12.6773 0.21967 12.533C0.360322 12.3887 0.551088 12.3077 0.75 12.3077H23.25C23.4489 12.3077 23.6397 12.3887 23.7803 12.533C23.921 12.6773 24 12.8729 24 13.0769C24 13.2809 23.921 13.4766 23.7803 13.6209C23.6397 13.7651 23.4489 13.8462 23.25 13.8462H0.75C0.551088 13.8462 0.360322 13.7651 0.21967 13.6209C0.0790178 13.4766 0 13.2809 0 13.0769ZM0 19.2308C0 19.0268 0.0790178 18.8311 0.21967 18.6868C0.360322 18.5426 0.551088 18.4615 0.75 18.4615H17.712C17.9109 18.4615 18.1017 18.5426 18.2423 18.6868C18.383 18.8311 18.462 19.0268 18.462 19.2308C18.462 19.4348 18.383 19.6304 18.2423 19.7747C18.1017 19.919 17.9109 20 17.712 20H0.75C0.551088 20 0.360322 19.919 0.21967 19.7747C0.0790178 19.6304 0 19.4348 0 19.2308Z' fill='white'/%3E%3C/svg%3E") !important;
    width: 1.2em !important;
    height: 1.2em !important;
}
.techno-logo img {
    max-height: 36px;
}

/* Nav Links */
.techno-nav .nav-link {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 500;
    padding: 0.5rem 1rem;
    font-family: 'Unitea Sans';
}

.techno-nav .nav-link:hover {
    opacity: 0.7;
}

/* Button */
.techno-btn {
    padding: 10px 22px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 30px;
    text-decoration: none;
    background: linear-gradient(90deg, #ff6a00, #ff2f92);
    transition: all 0.3s ease;
    font-family: 'Unitea Sans';
    display:block;
}

.techno-btn:hover {
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(255, 105, 135, 0.4);
}

/* Mobile menu spacing */
@media (max-width: 991px) {
    .navbar-collapse {
        padding-top: 20px;
    }
}



/* Hero Section */


.techno-hero-section {
    height: auto;
    align-content: center;
    padding: 150px 0px;
}

.techno-hero-section .col {
    text-align: center;
}

.techno-hero-section h1.techno-desktop {
    font-style: normal;
    font-weight: 600;
    font-size: 65px;
    line-height: 80px;
    text-align: center;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 850px;
    margin: auto;
}
.techno-hero-section h1.techno-mobile {
    display:none;
}

.techno-hero-section img {
    width: 260px;
    height: 70px;
    opacity: 1;
    border-radius: 140px;
    object-fit: cover;
}

.techno-hero-section h1 span:nth-of-type(2) {
    display: inline-flex;
    align-items: center;
    gap: 20px;
}

.techno-hero-section h1 span:nth-of-type(3) {
    background: linear-gradient(96.03deg, #FF7E00 -8.43%, #FE10BB 122.36%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.techno-hero-section p {
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: -0.02em;
    text-align: center;
    width: 700px;
    display: inline-block;
}





/* What We DO Section */




.techno-what-we-do-section {
    position: relative;
}

.techno-what-we-do-section .techno-overlay1 {
    position: absolute;
    right: 0%;
    bottom: -25%;
    width: 600px;
}

.techno-what-we-do-section .techno-overlay2 {
    position: absolute;
    left: 0%;
    top: -33%;
    width: 600px;
    mix-blend-mode: hard-light;
    filter: contrast(0.5);
}

.techno-what-we-do-section .techno-img-div {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.techno-what-we-do-section .techno-img-div img {
    width: 750px;
    display: block;
}

.techno-what-we-do-section .techno-img-div::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 29, 0) 85.57%, #00001D 96.25%);
    pointer-events: none;
}

.techno-what-we-do-section .techno-col-right {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* .techno-what-we-do-section .techno-col-right h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 55px;
    line-height: 58px;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: auto;
} */

.techno-what-we-do-section .techno-col-right h2 span {
    background: linear-gradient(96.03deg, #FF7E00 -8.43%, #FE10BB 122.36%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.techno-what-we-do-section .techno-second-subheading {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.techno-what-we-do-section .techno-second-icon-list-div div {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    font-family: 'Unitea Sans';
}

.techno-what-we-do-section .techno-second-icon-list-div div img {
    width: 5%;
}




/* How Its Works */



.techno-how-it-works {
    padding: 80px 0px;
    position: relative;
}

.techno-how-it-works .techno-overlay1 {
    position: absolute;
    right: 0%;
    bottom: 0%;
    width: 600px;
}

.techno-how-it-works h2 span {
    background: linear-gradient(96.03deg, #FF7E00 -8.43%, #FE10BB 122.36%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.techno-steps-main {
    margin: 20px 0px;
}

.techno-count {
    font-family: 'Space Grotesk';
    font-size: 30px;
    font-weight: 600;
}

.techno-steps {
    font-family: 'Space Grotesk';
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
}

.techno-steps-text {

    font-size: 25px;
    font-weight: 400;
}



/* HOW ITS WORKS VERSION 2 */


.techno-how-it-works2 {
    text-align: center;
    position: relative;
	padding: 80px 0px;
}

.techno-how-it-works2 .techno-studies-cards {
    gap: 13px;
    margin-top: 25px;
    justify-content: center;
}

.techno-how-it-works2 .techno-overlay1 {
    position: absolute;
    right: 0%;
    bottom: -40%;
    width: 600px;
}

.techno-how-it-works2 .techno-studies-cards .techno-col {
    position: relative;
    border-radius: 20px;
    background-color: #0d0d28;
    padding: 50px 40px;
    max-width: 32%;
}

.techno-how-it-works2 .techno-studies-cards .techno-col:first-child {
    background: linear-gradient(96.03deg, #FF7E00 -8.43%, #FE10BB 122.36%);

}

.techno-how-it-works2 .techno-studies-cards .techno-col::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 7px;
    border-radius: inherit;
    background: linear-gradient(96.03deg,
            rgba(255, 126, 0, 0.25) -8.43%,
            rgba(254, 16, 187, 0.25) 122.36%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.techno-how-it-works2 .techno-studies-cards img {
    width: 25%;
    margin-bottom: 20px;
}

.techno-how-it-works2 .techno-studies-cards span {
    font-family: 'Space Grotesk';
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

.techno-how-it-works2 .techno-studies-cards p span {
    background: linear-gradient(96.03deg, #FF7E00 -8.43%, #FE10BB 122.36%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


/* CASE STUDIES */


.techno-case-studies {
    text-align: center;
    position: relative;
}

.techno-case-studies .techno-studies-cards {
    gap: 13px;
    margin: 50px 0px;
}

.techno-case-studies .techno-overlay {
    position: absolute;
    left: 0%;
    top: -50%;
    width: 50%;
    mix-blend-mode: hard-light;
}

.techno-case-studies .techno-studies-cards .col {
    position: relative;
    border-radius: 20px;
    background-color: #0d0d28;
    padding: 50px 40px;
}

.techno-case-studies .techno-studies-cards .col::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 7px;
    border-radius: inherit;
    background: linear-gradient(96.03deg,
            rgba(255, 126, 0, 0.25) -8.43%,
            rgba(254, 16, 187, 0.25) 122.36%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.techno-case-studies .techno-studies-cards .col img {
    width: 25%;
    margin-bottom: 20px;
}

.techno-case-studies .techno-studies-cards .col p {
    font-family: 'Space Grotesk';
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

.techno-case-studies .techno-studies-cards .col p span {
    background: linear-gradient(96.03deg, #FF7E00 -8.43%, #FE10BB 122.36%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}



/* Who is this for */


.techno-who-this-is-for {
    position: relative;
    padding: 80px 0px;
}

.techno-who-this-is-for .techno-img-div {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.techno-who-this-is-for .techno-img-div img {
    width: 100%;
    display: block;
    transform: scale(1.6);
    padding: 50px 0px;
}

.techno-who-this-is-for .techno-img-div::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 29, 0) 85.57%, #00001D 96.25%);
    pointer-events: none;
}

.techno-who-this-is-for .techno-col-right {
    display: flex;
    flex-direction: column;
    gap: 15px;
}


.techno-who-this-is-for .techno-col-right h2 span {
    background: linear-gradient(96.03deg, #FF7E00 -8.43%, #FE10BB 122.36%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.techno-who-this-is-for .techno-second-subheading {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 15px;
}

.techno-who-this-is-for .techno-second-icon-list-div {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.techno-who-this-is-for .techno-second-icon-list-div div {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    font-family: 'Unitea Sans';
}

.techno-who-this-is-for .techno-second-icon-list-div div img {
    width: 5%;
}

/* CALL TO ACTION */
.techno-call-to-action {
    position: relative;
    padding: 80px 0px;
    background-image: url(img/bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.techno-call-to-action .row {
    align-items: center;
}

.techno-call-to-action .row .techno-col-right {
    text-align: right;
}

.techno-call-to-action .techno-cta-btn {
    border-radius: 5px;
    padding: 10px 40px;
    background: linear-gradient(96.03deg, #FF7E00 -8.43%, #FE10BB 122.36%);
    color: #fff;
    font-family: 'Unitea Sans';
}

/* FOOTER SECTION */
.techno-footer-section {
    position: relative;
    padding: 80px 0px;
}

.techno-footer-section>.row:nth-of-type(1) {
    text-align: center;
}

.techno-footer-section>.row:nth-of-type(1) span {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: 'Space Grotesk';
}

.techno-footer-section hr {
    border-color: #fff;
}

.techno-footer-section .techno-copyright .techno-col-right {
    text-align: right;
    font-family: 'Unitea Sans';
}


/*Responsive CSS Start*/

@media screen and (max-width:1024px){
    
    /* Hero Section*/
    
    .techno-hero-section {
    align-content: center;
    padding: 80px 0px;
}

    .techno-hero-section h1.techno-desktop {
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 66px;
    text-align: center;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #FFFFFF;
     width: auto; 
    display: block;
}
.techno-hero-section h1.techno-mobile {
    display:none;
}
.techno-hero-section img {
    width: 260px;
    height: 70px;
    opacity: 1;
    border-radius: 140px;
    object-fit: cover;
}
.techno-hero-section p {
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: -0.02em;
    text-align: center;
    width: auto;
}


/* What We Do Section */
.techno-what-we-do-section .techno-img-div img {
    width: 550px;
    display: block;
    margin-left: -50px;
}

/*HOW Its Works*/
.techno-how-it-works2 .techno-studies-cards .techno-col {
    position: relative;
    border-radius: 20px;
    background-color: #0d0d28;
    padding: 50px 40px;
    max-width: 100%;
    flex: 0 0 48.333333%;
}
}





@media screen and (max-width:572px){
h2, .techno-h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 43px;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.techno-header .techno-mobile {
    display: block;
}
.techno-header .techno-desktop {
    display: none;
}   
    /* Hero Section*/
    
    .techno-hero-section {
    align-content: center;
    padding: 100px 0px;
}
 
    .techno-hero-section h1.techno-desktop {
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 66px;
    text-align: center;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #FFFFFF;
     width: auto; 
    display: none;
}
.techno-hero-section h1.techno-mobile {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #FFFFFF;
    width: auto;
}

.techno-hero-section h1 span:nth-of-type(2) {
    display: block;
    align-items: center;
}

    .techno-hero-section img {
        width: 170px;
        height: 50px;
        opacity: 1;
        border-radius: 140px;
        object-fit: cover;
    }
.techno-hero-section p {
        font-weight: 400;
        font-style: normal;
        font-size: unset;
        line-height: normal;
        letter-spacing: -0.02em;
        text-align: center;
        width: 300px;
    }


/* What We Do Section */
.techno-what-we-do-section .row
{
    flex-direction: column-reverse;
}
.techno-what-we-do-section .techno-img-div img {
    width: 550px;
    display: block;
    margin-left: -50px;
}
.techno-what-we-do-section .techno-overlay1 {
    position: absolute;
    right: 0%;
    bottom: 85%;
    width: 50%;
}
.techno-what-we-do-section .techno-overlay2 {
    position: absolute;
    left: 0%;
    top: 75%;
    width: 50%;
    mix-blend-mode: hard-light;
    filter: unset;
}
/*HOW ITS WORks*/
.techno-how-it-works .techno-overlay1 {
    position: absolute;
    right: 0%;
    bottom: -185%;
    width: 50%;
}
.techno-steps {
    font-family: 'Space Grotesk';
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
}
.techno-steps-text {
    font-size: 16px;
    font-weight: 400;
}
.techno-how-it-works2 .techno-studies-cards .techno-col {
    position: relative;
    border-radius: 20px;
    background-color: #0d0d28;
    padding: 50px 40px;
    max-width: 100%;
    flex: 0 0 100%;
}
/*CTA SECTION*/
.techno-call-to-action {
    position: relative;
    padding: 80px 0px;
    background-image: url(img/mobilectabg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align:center;
}
.techno-call-to-action .row
{
    gap:15px;
}
.techno-call-to-action .row .techno-col-right {
    text-align: center;
}
.techno-call-to-action .techno-cta-btn {
    border-radius: 5px;
    padding: 10px 20px;
    background: linear-gradient(96.03deg, #FF7E00 -8.43%, #FE10BB 122.36%);
    color: #fff;
    font-family: 'Unitea Sans';
}

.techno-footer-section {
    position: relative;
    padding: 80px 0px;
    padding-bottom: 40px;
    text-align: center;
}
.techno-footer-section .techno-copyright .techno-col-right {
    text-align: center;
}
}
.footer-links a{
	color:#fff !important;
}