@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Light.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-LightItalic.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk Condensed';
    src: url('../fonts/FoundersGroteskCond-Lt.woff2') format('woff2'),
        url('../fonts/FoundersGroteskCond-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('FoundersGrotesk-BoldItalic.woff2') format('woff2'),
        url('FoundersGrotesk-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-MediumItalic.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Semibold.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk X-Condensed';
    src: url('../fonts/FoundersGroteskXCond-Bold.woff2') format('woff2'),
        url('../fonts/FoundersGroteskXCond-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk Regular';
    src: url('../fonts/FoundersGrotesk-RegularItalic.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-SemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk X-Condensed';
    src: url('../fonts/FoundersGroteskXCond-Lt.woff2') format('woff2'),
        url('../fonts/FoundersGroteskXCond-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


body {
      background-color: #000000;
      color: #fff;
      font-family: 'Segoe UI', sans-serif;
      font-family: 'Founders Grotesk';
      /* overflow: hidden; */
    }
    .btn-green {
      background-color: #05B838 !important;
      font-size:15.px;
      color: #fff !important;
      border: none;
      padding: 10px 40px;
      border-radius: 30px;
      line-height: initial;
      font-weight: bold;
      line-height: inherit;
    }
    .btn-green:hover {
      background-color: #05B838 !important;
    }
    .highlight {
      /* color: #00ff84; */
      font-style: italic;
    }
    .section {
      padding: 80px 0px;
      text-align: center;
    }
    .testimonial-box {
      background-color: #004d2c;
      padding: 50px;
      color: #fff;
      border-radius: 8px;
      /* max-width: 600px; */
      margin: auto;
      background: linear-gradient(154.34deg, #00BF63 -5.66%, rgba(0, 170, 88, 0.92) 48.17%, #00592E 105.8%);
    }
    .faq .accordion-button {
      background-color: #111;
      color: #fff;
    }
    .faq .accordion-item {
      border: 1px solid #333;
    }
    footer {
      padding: 60px 20px;
      background: radial-gradient(ellipse at center, #003d22 0%, #000 100%);
    }
    .topbg{position: absolute;top: -900px;left: 0px;right: 0px;background-image: url(../images/topbg.svg);background-size: contain;background-position: center;z-index: 1;height: 3000px;background-repeat: no-repeat;}

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

    .header {
    background-color: #163b2c38;
    display: flex;
    padding: 15px 30px;
    justify-content: space-between;
    border-radius: 50px;
    align-items: center;
    position: fixed;
    top: 20px;
    left: 10%;
    right: 10%;
    z-index: 1000;
    /* max-width: 1200px; */
    margin: 0 auto;
    box-sizing: border-box;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.topbar {
    padding: 20px 0;
    background-color: transparent;
}

.header h1{margin: 0;line-height: 20px;}
.topbar{ padding: 50px 0;}
.herobanner{padding: 70px 0;text-align: center;}
.herobanner h1{font-weight: 100;text-align: center;font-size: 70px;margin: 0 0 50px;}
.herobanner p{
    text-align: center;
    color: #ADADAD;
    font-size: 30px;
    font-weight: 100;
    margin: 0 0 50px;
}
.tag{ padding:10px 0 0; color: #ADADAD; font-size: 14px;}
.wework{ padding:100px 0px 10px; text-align: center;}
.wework h3{font-weight: 100;font-size: 70px;margin: 0 0 50px;}
.wework #workAccordion{/* padding: 0 100px; */}

.wework #workAccordion .accordion-item{
    border: none;
    background: no-repeat;
    color: #fff;
    text-align: center;
    border-top: 1px solid #ffffff82;
    border-radius: 0;
}
.wework #workAccordion .accordion-header{
    background: none;
    border: none !important;
}
.wework #workAccordion .accordion-header button{
    border: none !important;
    background: none;
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    padding: 50px 0;
    box-shadow: 0 0 0;
}
.wework #workAccordion .accordion-header button::after{ display: none;}
.wework #workAccordion .accordion-body{
    border: none;
    background: none;
}
.databody{border: none !important;padding: 0 0 50px;}



        @font-face {
            font-family: 'Founders Grotesk';
            src: url('../fonts/FoundersGrotesk-Light.woff2') format('woff2'),
                url('../fonts/FoundersGrotesk-Light.woff') format('woff');
            font-weight: 300;
            font-style: normal;
            font-display: swap;
        }

        body {
            background-color: #000000;
            color: #fff;
            font-family: 'Founders Grotesk', 'Segoe UI', sans-serif;
            margin: 0;
            padding: 0;
        }

        .ideas {
            padding: 95px 0 0;
            text-align: center;
            position: relative;
            overflow: hidden;
            background-color: #000000;
            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .ideas .container {
            position: relative;
            z-index: 2;
            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            max-width: unset;
            margin: 0 auto;
            padding: 0 20px;
        }

        .ideas::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(ellipse at center, rgba(0, 191, 99, 0.1) 0%, rgba(0, 0, 0, 0.3) 100%);
            backdrop-filter: blur(0px);
            -webkit-backdrop-filter: blur(0px);
            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: -1;
            opacity: 0;
            transform: scale(1.1);
        }

        .ideas.blur-active::before {
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            opacity: 1;
            transform: scale(1);
        }

        .ideas h3 {
            margin: 0 0 100px;
            font-size: 50px;
            font-weight: 300;
            position: relative;
            z-index: 2;
            /* transform: translateY(30px); */
            /* opacity: 0; */
            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
            color: #fff;
        }

        .ideas h3 span {
            background: linear-gradient(180deg, #DADCDC -7.42%, #000000 162.83%);
            color: transparent;
            background-clip: text !important;
            -webkit-background-clip: text !important;
        }

        .ideas.blur-active h3 {
            transform: translateY(0);
            opacity: 1;
        }

        .ideas .row {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 40px;
            transform: translateY(30px);
            opacity: 0;
            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
        }

        .ideas.blur-active .row {
            transform: translateY(0);
            opacity: 1;
        }

        .ideas .col-md-4 {
            flex: 1;
            /* min-width: 300px; */
            transition: all 0.3s ease;
        }

        .ideas .col-md-4:hover {
            transform: translateY(-10px);
        }

        .ideas .col-md-4 h4 {
            font-size: 60px;
            font-weight: bold;
            margin: 0 0 20px;
            /* Default gradient for all numbers */
            background: linear-gradient(180deg, #DADCDC -7.42%, #000000 162.83%);
            color: transparent;
            background-clip: text !important;
            -webkit-background-clip: text !important;
            transition: all 0.3s ease;
        }

        .ideas .col-md-4:hover h4 {
            /* Hover effect with green gradient */
            background: linear-gradient(180deg, #00BF63 -7.42%, #DADCDC 162.83%);
            color: transparent;
            background-clip: text !important;
            -webkit-background-clip: text !important;
        }

        .ideas .col-md-4 p {
            font-size: 25px;
            line-height: normal;
            margin: 0;
            /* Default gradient for descriptions */
            background: linear-gradient(180deg, #DADCDC -7.42%, #000000 162.83%);
            color: transparent;
            background-clip: text !important;
            -webkit-background-clip: text !important;
        }

        /* Responsive design */
        @media (max-width: 768px) {
            .ideas h3 {
                font-size: 40px;
                margin: 0 0 50px;
            }
            
            .ideas .col-md-4 h4 {
                font-size: 50px;
            }
            
            .ideas .col-md-4 p {
                font-size: 20px;
            }
            
            .ideas .row {
                flex-direction: column;
                gap: 30px;
            }
        }

/*
.ideas{ padding: 95px 0; text-align: center; }
.ideas h3{ margin: 0 0 100px; font-size: 50px;}
.ideas h4{font-size: 60px;background: linear-gradient(180deg, #DADCDC -7.42%, #000000 162.83%);color: transparent;background-clip: text !important;-webkit-background-clip: text !important;font-weight: bold;}
.ideas p{font-size: 25px;background: linear-gradient(180deg, #DADCDC -7.42%, #000000 162.83%);color: transparent;background-clip: text !important;-webkit-background-clip: text !important;line-height: normal;}
*/

.testimonial-box h4{font-size: 40px;margin: 0 0 20px;font-weight: 100;text-align: left;}
.testimonial-box p{font-size: 18px;text-align: left;color: #BCBCBC;}
.testimonial-box h6{margin: 0;color: #BCBCBC;font-size: 20px;position: relative;top: 5px;}

.grow{/* max-width: 600px; *//* margin: auto; */padding: 70px 70px 40px;border: 2px solid #fff;border-radius: 10px;text-align: left;}

.grow h4{margin: 0 0 30px;font-size: 60px;font-weight: bold;}

 
.grow ul li{
    display: flex;
    gap: 10px;
    padding: 5px 0;
}
.grow h5{
    margin: 50px 0 30px;
    font-size: 40px;
    font-weight: bold;
}
  
.calltoday{background-color: #00BF63;background: linear-gradient(154.34deg, #00BF63 -5.66%, rgba(0, 170, 88, 0.92) 48.17%, #00592E 105.8%);padding: 30px;border-radius: 10px;text-align: left;margin: 50px -30px 0;}
.calltoday h3{
    margin: 0 0 20px;
    font-weight: bold;
    font-size: 40px;
}
.calltoday h6{
    margin: 0 0 20px;
    font-size: 25px;
    font-weight: bold;
}
.calltoday p{
    line-height: normal;
    margin: 0;
}
.portfolio{/* max-width: 600px; *//* margin: auto; */}
.portfolio h3{font-size: 116px;text-transform: uppercase;background: linear-gradient(180deg, #DADCDC -7.42%, #000000 162.83%);color: transparent;background-clip: text !important;-webkit-background-clip: text !important;margin: 0;line-height: unset;font-weight: 900;letter-spacing: 10px;}
.fwidth{width: 100%;}
.pslider{position: relative;margin-top: -72px;z-index: 2;box-shadow: 0 0 30px #000;border-radius: 20px;}
.lslideimg{position: relative;border-radius: 10px;}
.bg1{position: absolute;left: 0;top: 0;bottom: 0;padding: 30px;background-color: #0d0d0d9e;width: 30%;border-radius: 20px 0 0 20px;text-align: left;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);box-sizing: border-box;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.lslideimg h4{ font-size: 40px; text-align: left;}

.pslider .owl-dots{display: block !important;position: absolute;bottom: 30px;left: 40px;display: flex !important;gap: 10px;}
.pslider .owl-dots .owl-dot{ width: 10px; height: 10px; background-color: #CECECE; border-radius: 50%;}
.pslider .owl-dots .owl-dot.active{ background-color: #fff;}




.faq #faqAccordion{padding: 0;}

.faq #faqAccordion .accordion-item{
    border: none;
    background: no-repeat;
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #ffffff82;
    border-radius: 0;
}
.faq #faqAccordion .accordion-header{
    background: none;
    border: none !important;
}
.faq #faqAccordion .accordion-header button{
    border: none !important;
    background: none;
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    padding: 20px 0 15px;
    box-shadow: 0 0 0;
}
 
.faq #faqAccordion .accordion-body{
    border: none;
    background: none;
    padding: 0 0 30px;
}
.faq h4{ font-size: 70px; margin: 0 0 50px;}
.footer{background-image: url(../images/footerbg.png);background-size: cover;height: auto;background-position: bottom center;display: flex;align-items: center;justify-content: center;border: 0px solid #aaaaaa54;border-width: 1px 0;padding: 0;margin: 0;}
.faq{ padding: 0 0 100px;}
.footer h4{font-size: 40px;font-weight: 200;margin: 0;padding: 200px 0 0;}

.copy{padding: 150px 0 0px;font-size: 20px;color: #929292;}
.faster h4{font-size: 60px;font-weight: 200;text-align: center;margin: 0;}
.faster p{font-size: 25px;color: #9B9B9B;text-align: center;font-weight: 100;}
.faster{ padding: 100px 0;}

.ideas h3 span{background: linear-gradient(180deg, #DADCDC -7.42%, #0000001f 162.83%);color: transparent;background-clip: text !important;-webkit-background-clip: text !important;}
.grow h4 span{text-decoration: none;position: relative;}
.grow h4 span::after{position: absolute;bottom: 8px;left: 0;right: 0;content: "";background: #fff;height: 1px;}

.calltoday h3 span{ position: relative;}
.calltoday h3 span::after{position: absolute;bottom: 8px;left: 0;right: 0;content: "";background: #fff;height: 1px;}
.calltoday .btn-green{ background-color: #000 !important; margin: 30px 0 5px;}
.calltoday p.small{ margin-left: 16px;}

 .accordion-button .fa-chevron-down {
      transition: transform 0.3s ease;
    }
    .accordion-button:not(.collapsed) .fa-chevron-down {
      transform: rotate(180deg); /* Up arrow */
    }
    .accordion-button::after{display: none;}
    .fa-solid{ font-size: 18px;}
    .container{max-width: 75% !important;}
    .header h1{display: flex;align-items: center;gap: 10px;font-size: 30px;}
    .header h1 img{width: 35px;}
    .header h1 span{position: relative;top: 5px;} 
    .lslideimg img{border-radius: 20px;width: 100% !important;margin-left: 0;}  
    .bg1 p{/* font-size: 14px; */color: #aaaaaa;line-height: normal;}
    .testinfo{
            display: flex;
            align-items: center;
            gap: 10px;
            text-align: left;
            } 
            .testinfo img{ width: 50px !important;}  
            .testinfo span{font-weight: 200;display: block;font-size: 15px;position: relative;top: -2px;}
            .testimonial-box .owl-dots{position: absolute;right: 0;bottom: 0px;display: flex;gap: 10px;}
            .testimonial-box .owl-dot {
                width: 10px;
                height: 10px;
                background-color: #aaa;
                border-radius: 50%;
            }.testimonial-box {position: relative;}
            .testimonial-box .owl-dot.active{ background-color: #fff;}
            img{ max-width: 100%;}
             @media (max-width: 768px) {
.btn-green{ padding: 5px 15px;}.herobanner h1{ font-size: 30px; padding: 0 20px;}
.herobanner p{ font-size: 20px; padding: 0 20px;}.wework h3{ font-size: 30px;}
.container {
    max-width: unset !important;
}.testimonial-box{ padding: 30px;}
.testimonial-box h4 {
    font-size: 30px;}.grow{ padding: 20px;}.grow h4{ font-size: 30px;}
    .portfolio h3 {
    font-size: 50px;letter-spacing: 0;}
    .faq h4 {
    font-size: 30px;}
    .faster h4 {
    font-size: 30px;}.ideas .container{ padding: 0;}
    body{ padding: 0 20px;}.header{ left: 0; right: 0;}.wework #workAccordion .accordion-header button{ font-size: 20px;} .bg1{position: static;background-color: #343434f7;border-radius: 0; width: auto;}.pslider{ margin: 0;}
.lslideimg h4 {
    font-size: 25px;}.faq #faqAccordion .accordion-header button{ font-size: 20px;}


}