/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    background: #0c2b40;
    color: #fff;
    font-family: "Denison Regular";
}
a,
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
}

.container{
    max-width: 1400px;
}
p{
    font-size: 20px;
}
.border-bottom {
    border: 1px solid;
}
@font-face {
    font-family: Denison Regular;
    src: url(../font/Montserrat-Regular.ttf);
}
@font-face {
    font-family: Denison;
    src: url(../font/Montserrat-Medium.ttf);
}


/*--------------------------------------------------------------
# Login Page
--------------------------------------------------------------*/

#login-main {
    background-color: #0C2B41;
    color: #fff;
    height: 100vh;
    display: flex;
    align-items: center;
    text-align: center;
}
.login-btn {
    padding: 3rem 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 200px;
    margin: auto;
}
.sign-btn{
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 10px 25px;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    background: transparent;
    transition: all 0.3s ease-in-out;
    &:hover {
    transform: translateY(-0.25em);
    box-shadow: 0 0 0.5em 0em #19b25d;
    background-color: #19b25d;
    color: #fff;
}
}
.create-btn {
    color: #19b25d;
    text-decoration: none;
    font-weight: 600;
}


/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.home header {
    position: absolute;
    width: 100%;
    background: transparent;
    z-index: 1000;
    top: 10px;
}
.home #header{
display: flex;
}
/* .header-sec .nav-menu{
    display: flex;
    gap: 50px;
}
.header-sec .nav-menu li{
    list-style: none;
}
.header-sec ul.nav {
    gap: 30px;
}
.header-sec .nav-link {
    font-weight: 600;
    color: #19b25d;
    font-size: 16px;
    font-family: 'Denison';
    letter-spacing: 1px;
}
.header-sec .nav-link:hover{
    color: #fff;
    font-size: 16px;
} */

/* Toggle Button */
.desktop-navbar {
    width: 100%;
}
.desktop-navbar .desk-menu-toggle {
    color: #fff;
    cursor: pointer;
}

/* Sidebar */
.desk-sidebar {
    position: fixed;
    top: 0;
    right: -400px;
    width: 380px;
    height: 100vh;
    background-color: #0C2B41;
    box-shadow: -3px 0 10px rgba(0, 0, 0, 0.2);
    transition: right 0.4s ease;
    z-index: 1102;
    padding: 20px;
}
a.logout-link {
    border: 1px solid;
    padding: 12px 35px 12px 35px;
    border-radius: 50px;
    font-size: 14px;
    text-transform: uppercase;
    &:hover {
        transform: translateY(-0.25em);
        box-shadow: 0 0 0.5em 0em #fff;
        color: #fff;
    }
}
.desk-sidebar.active {
    right: 0;
}

.desk-sidebar .close-btn {
    background: none;
    border:none !important;
    font-size: 50px;
    cursor: pointer;
    float: right;
}

/* Sidebar Links */
.desk-sidebar ul {
    list-style: none;
    padding: 100px 0 0 !important;
    margin: 0;
}

.desk-sidebar ul li {
    margin-bottom: 15px;
}

.desk-sidebar ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
}
.desk-sidebar ul li a:hover {
color: #19b25d;
}

/* Overlay */
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 1100;
}

.sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Mobile Sidebar */
.mbl-sidebar.show {
    right: 0;
}

/* Desktop Sidebar */
#deskSidebar {
    right: -320px;
    transition: right 0.3s ease;
}

#deskSidebar.active {
    right: 0;
}


    /* Sidebar styles */
    .mbl-sidebar {
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background: #0C2B41;
        padding-top: 60px;
        transition: all 0.4s ease-in-out;
        z-index: 1050;
    }
    .mbl-sidebar.show {
        left: 0;
    }
    .mbl-sidebar ul {
        padding: 0;
        list-style: none;
    }
    .mbl-sidebar ul li {
        padding: 10px 20px;
    }
    .mbl-sidebar ul li a {
        color: white;
        text-decoration: none;
        display: block;
    }
    .mbl-sidebar ul li:hover {
        background: #575757;
    }
    .menu-toggle {
        cursor: pointer;
        color: white;
        font-size: 24px;
        padding: 10px;
    }
    /* Close Button */
    .close-btn {
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 20px;
        cursor: pointer;
        color: white;
        background: none;
        border: 1px solid #ccc;
        border-radius: 50%;
        padding: 0px 10px;
        display: flex;
    }
@media(max-width:767px){
    a.home-logo img {
        width: 300px;
        margin: auto;
        display: block;
    }
}
@media(min-width:768px) and (max-width:1450px){
    a.home-logo img {
        width: 300px;
    }
    .header-sec ul.nav {
        gap: 0px;
    }
    .desk-menu-sec {
        width: 30% !important;
    }
}



/*--------------------------------------------------------------
# Home page 
--------------------------------------------------------------*/
.home-ftr-img {
    width: 600px;
    height: auto;
}
#hero-main{
background-image: url(../images/hero-image.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 100vh;
}
.hero-content {
    width: 60rem;
}
.hero-txt{
    position: absolute;
    bottom: 60px;
    width: 95%;
}
.hero-btn {
    padding: 0 10rem;
}
.hero-content h1 {
    font-size: 55px;
    width: 44rem;
}
.hero-link{
    display: flex;
justify-content: space-around;
}
.hero-link .btn {
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 18px 40px;
    &:hover {
      transform: translateY(-0.25em);
      box-shadow: 0 0 0.5em 0em #fff;
    }
  }
  .driving-content .btn{
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 18px 60px;
    &:hover {
      transform: translateY(-0.25em);
      box-shadow: 0 0 0.5em 0em #fff;
    }
  }

.driving-content h2 {
    font-size: 55px;
    color: #19b25d;
}
.driving-content.text-center p {
    width: 58rem;
    margin: auto;
}
.driving-inner {
    width: 40rem;
}
.driving-card {
    background: rgb(29,178,94);
    background: linear-gradient(130deg, rgba(29,178,94,0.9220063025210083) 25%, rgba(96,176,111,1) 64%);
    border-radius: 15px;
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
    position: relative;
}
.driving-card:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0px;
    height: 0px;
    background: #fcdf59;
    clip-path: 
      polygon(0 0, 100% 0, 100% 100%);
    transition: 
      width 0.3s ease, height 0.3s ease;
    z-index: 0;
  }
  .driving-card:hover:before {
    width: 200%;
  height: 200%;
  z-index: -1;
}
.driving-card:hover {
    transform: scale(1.05);
  }
  .driving-card:hover p{
    color: #000;
  }
  .driving-card:hover h3{
    color: #fff;
  }
  .driving-card:hover .card-title-lft{
    background-color: #19b25d;
  }
  .driving-card:hover .card-title-right{
    background-color: #19b25d;
  }
.driving-card p {
    text-align: center;
    padding: 10px 0px 35px 50px;
}
h3.card-title-lft {
    background-color: #fcdf59;
    color: #000;
    font-size: 28px;
    padding: 20px 46px ;
    border-radius: 0 40px 40px 0px;
}
.driving-content p {
    font-size: 19px;
    line-height: 30px;
}
.driving-card p {
    font-size: 19px;
    line-height: 28px;
}
h3.card-title-right {
    background-color: #fcdf59;
    color: #000;
    font-size: 28px;
    padding: 20px 57px;
    border-radius: 40px 0px 0px 40px;
}
.unmatch-video-sec h2 {
    font-size: 55px;
    color: #19b25d;
}
.unmatch-video-sec p {
    width: 35rem;
}
.col-lg-6.col-sm-12.unmatch-content-sec.pe-5 h3 {
    font-size: 50px;
    color: #19b25d;
}
.unmatch-content-sec h3 {
    font-size: 50px;
    color: #19b25d;
}
#driving-sec{
    background-image: url(../images/driving-banner-01.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 7rem;
    position: relative;
    overflow: hidden;
    }
    .power-content h2{
        font-size: 50px;
        color: #19b25d;
    }
    .power-content p{
    padding: 3rem 0rem;
    }
    .power-card{
        border: 3px solid #19b25d;
        border-radius: 20px;
        position: relative;
    }
    #funding-sec .power-card{
        border: 3px solid #19b25d;
        border-radius: 20px;
        position: relative;

    }
    .power-card h3 {
        position: relative;
        background-color: #19B25D;
        padding: 10px 0px;
        border: 3px solid #FCDF59;
        border-radius: 20px;
        top: -50px;
        text-align: center;
        width: 16rem;
        margin: auto;
    }
    .power-txt {
        width: 70%;
    }
    .power-card h4 {
        font-size: 25px;
        color: #19b25d;
        margin-top: -30px;
    }
    .power-card ul li {
        font-size: 20px;
    }
    .cooling-content {
        height: 100%;
    }
    #cooling-sec{
        padding: 6rem 0px 0rem;
    }
    .cooling-content h2 {
        font-size: 50px;
        color: #19b25d;
    }
    #unmatch-sec{
        padding: 6rem 0px;
        position: relative;
        z-index: 999;
    }
    .cooling-content p{
        padding: 10px 6rem;
    }
   .driving-icon-01{
        width: 200px;
        position: absolute;
        right: 0;
        top: 36rem;
    }
    .driving-icon-02 {
        width: 260px;
        position: absolute;
        left: -45px;
        bottom: -65px;
        transform: rotate(144deg);
    }
.arrow-img{
    margin: 0 4rem;
}

/*--------------------------------------------------------------
# Services Page 
--------------------------------------------------------------*/

#service-sec{
    padding: 10rem 0 5rem;
}
.service-title h1{
    font-size: 55px;
    color: #19b25d;
}
.service-card h3{
    font-size:30px;
    color: #19b25d;
}
.service-card p{
padding: 0px 2rem;
}

.choose-title h1{
    font-size: 50px;
    color: #19b25d;
    padding-right: 7rem;
}
.stp-nvd h4 {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-bottom: 5px;
  }

  .stp-nvd h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color: #19b25d;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
  }

  .stp-nvd h4:hover::after {
    transform: scaleX(1);
    transform-origin: left;
  }

  .stp-nvd h4:not(:hover)::after {
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s ease;
  }
.choose-card {
    border: 3px solid #19b25d;
    border-radius: 130px;
    width: 29%;
    padding: 4rem 4rem;
}
.why-card-content{
    display: flex;
    gap: 4.3rem;
}
.choose-card h3{
    font-size: 25px;
    color: #19b25d;
}
.why-card-content {
    padding: 3rem 0 0rem;
}

/*** Nvidia Sec ***/
.nvdia-content h2 {
    font-size: 45px;
    color: #19b25d;
}
.nvdia-content .row h3{
    font-size: 30px;
    color: #FCDF59;
}
.nvdia-log {
    margin: 3rem auto;
}
#nvdia-sec .btn{
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 18px 40px;
&:hover {
  transform: translateY(-0.25em);
  box-shadow: 0 0 0.5em 0em #fff;
}
}
#nvdia-sec .ndia-ftr .btn{
    font-size: 20px;
    border: 1px solid #fff;
    color: #fff;
    margin: auto;
    border-radius: 40px;
    width: 18.4%;
    padding: 18px 40px;
&:hover {
  transform: translateY(-0.25em);
  box-shadow: 0 0 0.5em 0em #fff;
}
}
.nvdia-content p {
    width: 74%;
    margin: auto;
}
.nvdia-steps {
    padding: 5rem 0;
}
.nvdia-steps .power-card {
    border: 3px solid #19b25d;
    border-radius: 50px;
    position: relative;
}
.nvdia-steps .power-card h3 {
    position: relative;
    background-color: #19B25D;
    padding: 10px 0px;
    border: 3px solid #FCDF59;
    border-radius: 20px;
    top: -63px;
    text-align: center;
    width: 70rem;
    margin: auto;
    font-size: 35px;
}
.stp-nvd p {
    width: 60%;
    margin: 1rem auto;
}
.nvdia-boxs #driving-sec{
background: none !important;
padding-top: 0rem ;
}
.nvdia-boxs .driving-content h2 {
    font-size: 45px;
    color: #19b25d;
}
.ndia-ftr h2 {
    font-size: 50px;
    color: #19b25d;
    padding-bottom:2rem ;
}
.ndia-ftr.text-center.py-lg-5 {
    padding: 5rem 0 !important;
}
/*--------------------------------------------------------------
# Who We Are Page 
--------------------------------------------------------------*/
.who-content h1{
    font-size: 55px;
    color: #19b25d;
    padding: 1rem 0rem 2rem;
}
.key-sec h2{
    font-size: 60px;
    color: #19b25d;
    padding: 1rem 0rem 2rem;
}
#who-we-are-sec{
    padding: 10rem 0;
}
.who-content p{
    font-size: 18px;
    padding: 1rem 5rem;
}
.key-card{
    border: 3px solid #19b25d;
    border-radius: 70px;
    position: relative;
    min-height: 250px;
    max-height: 250px;
}
.last-key{
    min-height: 410px;
}
    .key-card img {
        position: relative;
        padding: 10px;
        top: -45px;
        backdrop-filter: blur(10px);
        border-radius: 15px;
        text-align: center;
        margin: auto;
        width: 85px;
        height: auto;
    }
    .key-card .bettery-icon {
        position: relative;
        padding: 20px 10px;
        top: -40px;
        backdrop-filter: blur(10px);
        border-radius: 15px;
        text-align: center;
        margin: auto;
        width: 90px;
        height: auto;
    }
    .key-card .earth-icon {
        position: relative;
        padding: 4px 10px;
        top: -35px;
        backdrop-filter: blur(10px);
        border-radius: 15px;
        text-align: center;
        margin: auto;
        width: 75px;
        height: auto;
    }
    .key-card .hmr-icon {
        position: relative;
        padding: 10px ;
        top: -45px;
        backdrop-filter: blur(10px);
        border-radius: 15px;
        text-align: center;
        margin: auto;
        width: 75px;
        height: auto;
    }
    .key-card p {
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 31px;
        margin-top: -30px;
        padding: 0rem 2rem;
    }
    #who-we-are-sec .col-lg-3{
            width:22%;
    }
    #who-we-are-sec{
        background-image: url(../images/Section\ 1\ Background\ image.png);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #00233a;
        }
        #turbine-sec h2 {
            font-size: 60px;
            color: #19b25d;
            padding: 2rem 0rem 3rem;
        }
        .key-btn .btn{
            font-size: 20px;
            border: 1px solid #fff;
            border-radius: 40px;
            padding: 18px 70px;
        &:hover {
          transform: translateY(-0.25em);
          box-shadow: 0 0 0.5em 0em #fff;
        }
      }
#turbine-sec{
    background-image: url(../images/Regulatory\ background\ image.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #0c2b40;
    height: 100vh;
    display: flex;
    align-items: center;
}
#turbine-sec p{
    padding:1rem 10rem;
}
#turbine-sec .btn{
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 18px 70px;
    width: 20%;
    margin: auto;
&:hover {
  transform: translateY(-0.25em);
  box-shadow: 0 0 0.5em 0em #fff;
}
}
div#data-sec{
    position: relative;
}
.data-inner img{
    width: 40px; 
    height: 40px; 
    object-fit: contain;
}
.data-inner {
    display: flex;
    align-items: center; 
    gap: 10px;
}
.data-inner p {
    margin: 0;
    font-size: 18px;
    white-space: nowrap; 
}
#data-sec h2{
    font-size: 60px;
    color: #19b25d;
    padding: 2rem 0rem 3rem;
}

.data-content {
    position: relative;
    bottom: 140px;
}
.data-logo {
    margin-top: -140px;
    margin-bottom: 7rem;
}
#funding-sec{
    background-image: url(../images/Project\ funding\ background\ image.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #0c2b40;
    display: flex;
    align-items: center;
    display: none;
}
#funding-sec .power-content h2 {
    font-size: 60px;
    color: #19b25d;
}
#funding-sec .power-card h3 {
    border-radius: 25px;
}
#funding-sec .power-card img {
    margin: -20px auto 20px;
}
#funding-sec .power-card {
    border: 3px solid #19b25d;
    border-radius: 70px;
    position: relative;
}
#funding-sec .power-txt {
    width: 100%;
    display: flex;
    gap: 4.5rem;
}
#funding-sec .col-lg-6 {
    flex: 0 0 auto;
    width: 35%;
    padding: 0;
}
.power-content {
    padding-top: 5rem;
}

/*--------------------------------------------------------------
# Regulatory Page 
--------------------------------------------------------------*/
img.regul-img {
    width: 70px;
    transform: rotate(180deg);
    margin-bottom: 1rem;
}
#regulatory-sec {
    padding: 10rem 0 5rem;
}

#regulatory-sec  .power-card h3 {
    position: relative;
    background-color: #19B25D;
    padding: 10px 0px;
    border: 3px solid transparent;
    border-radius: 20px;
    top: -50px;
    text-align: center;
    width: 30rem;
    margin: auto;
}
#regulatory-sec .power-card {
    border: 3px solid #19b25d;
    border-radius: 100px;
    position: relative;
    padding: 1rem 3rem 3rem !important;
}
#regulatory-sec .power-card h4 {
    font-size: 20px;
    margin-top: -15px;
    color: #fff;
}
#regulatory-sec .power-card li {
    font-size: 18px;
    color: #fff;
}
.denison-icn.text-center img {
    transform: rotate(90deg);
    padding: 3rem 0 0;
}



/*--------------------------------------------------------------
# Reference Library Page 
--------------------------------------------------------------*/

.library-card {
    border: 3px solid #19b25d;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 2rem 2rem;
    max-height: 350px;
    min-height: 350px;
    justify-content: space-between;
}
.library-card h3 {
    font-size: 32px;
    color: #19b25d;
}
.library-card .btn{
    font-size: 20px;
    color: #19b25d;
    border-radius: 30px;
  padding: 14px 30px;
  border: 1px solid;
&:hover {
  transform: translateY(-0.25em);
  box-shadow: 0 0 0.5em 0em #19b25d;
  border:1px solid #19b25d;
}
}
.backtolib {
    display: flex;
    justify-content: space-between;
}
.backtolib .btn{
    font-size: 20px;
    color: #19b25d;
    border-radius: 30px;
  padding: 14px 30px;
  border: 1px solid;
&:hover {
  transform: translateY(-0.25em);
  box-shadow: 0 0 0.5em 0em #19b25d;
  border:1px solid #19b25d;
}
}

/*--------------------------------------------------------------
# Our Team Page 
--------------------------------------------------------------*/
#team-sec{
    padding: 10rem 0 0rem;
}
.team-card-sec.row.mbl-team {
    display: none;
}
#team-sec h1 {
    font-size: 55px;
    color: #19b25d;

}
.team-ceo-card {
    width: 400px;
    margin: auto;
    display: flex;
    flex-direction: column;
}
.team-ceo-card .divider{
    border: 8px solid #FCDF59;
    margin: 1rem 0;
}
.team-ceo-card h2{
    font-size: 40px;
    color: #19b25d;
}
.team-ceo-card h3{
    font-size: 30px;
    color: #fff;
    margin: 0;
}
.team-card h3{
    font-size: 25px;
    color: #fff;
    margin: 0;
}

.team-card {
    width: 350px;
    margin: auto;
    display: flex;
    flex-direction: column;
}
.mbl-datasec{
    display: none !important;
}
.team-card .divider{
    border: 6px solid #FCDF59;
    margin: 1rem 0;
}
.team-card h2{
    font-size: 35px;
    color: #19b25d;
}
.fst-italic{
    cursor: pointer;
}
.modal-body img {
    border: 7px solid #0C2B41;
    margin-bottom:3rem;
}
.modal-header {
    border: none;
}
.modal-body {
    color: #000;
    text-align: center;
    height: 90vh;
    overflow: scroll;
}
.modal-body h3{
    font-size: 20px;
    color: #000;
    font-family: 'Denison Regular';
    font-weight: 600;
    padding-bottom: 2rem;
    line-height: 30px;
    font-family: 'Denison Regular';
}
.modal-body h4{
    font-size: 18px;
    color: #000;
    font-family: 'Denison Regular';
    font-weight: 600;
    line-height: 30px;
    font-family: 'Denison Regular';
}
.modal-body p{
font-size: 15px;
}
.modal-dialog {
    max-width: 60%;
    margin-right: auto;
    margin-left: auto;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
div#contact-sec {
    padding: 3rem 0 0;
}
.contact-info h1{
    font-size: 50px;
    color: #19b25d;
}
.contact-content .btn{
    font-size: 20px;
    border: 1px solid #19b25d;
    border-radius: 40px;
    color: #19b25d;
    width: 300px;
    padding: 18px 40px;
    margin: auto;
&:hover {
  transform: translateY(-0.25em);
  box-shadow: 0 0 0.5em 0em #19b25d;
}
}
.col-lg-6.contact-info {
    padding: 2rem 5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}
.contact-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.contact-email h2{
    font-size: 35px;
    color: #19b25d;
}
.contact-email a{
    font-size: 25px;
    color:#fff;
}
div#contact-sec .cont-sp {
    margin-top: 7rem;
}

/*--------------------------------------------------------------
# Strategic Partner
--------------------------------------------------------------*/
#partner-sec{
    padding: 10rem 0 0rem;
}
#partner-sec h1{
    font-size: 55px;
    color: #19b25d;
}
.spectacledcoder-cards  .card img {
    margin-bottom: 100px;
}
.partner-content p {
    padding: 0rem 6rem 5rem;
}
.spectacledcoder-cards
        {
            margin: auto;
            display: flex;
            width: 90%;
            height: 90%;
            border-radius: 50px;
            align-items: center;
            justify-content: space-between;
        }
        .spectacledcoder-cards .card
        {
            position: relative;
            width: 250px;
            height: 250px;
            border-radius: 60px;
            background-color: #fff !important;
            border: none;
            display: flex;
            cursor: pointer;
            align-items: center;
            justify-content: center;
            z-index: 150;
        } 
        .spectacledcoder-cards .card:hover
        {
            box-shadow: -20px -20px 0px #19b25d;
            transition: box-shadow 1s;
        }
        
        .spectacledcoder-cards .card h2
        {
            margin: auto;
            margin-top: 30px;
            margin-left: 30px;
            color: white;
        } 
        .spectacledcoder-cards .card .bigsquare {
            margin-right: 0px;
            margin-bottom: 0px;
            width: 90px;
            height: 90px;
            background-color: #0C2B40;
            display: flex;
            z-index: 0;
            position: absolute;
            right: 0;
            bottom: 0;
        }
        .spectacledcoder-cards .card .bigsquare .col
        {
            margin: auto;
            width: 50%;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .spectacledcoder-cards .card .bigsquare .col .sq1
        {
            margin: auto;
            margin-top: 0px;
            margin-left: 0px;
            width: 40px;
            height: 40px;
            background-color: #fff;
            display: flex;
        }
        .spectacledcoder-cards .card .bigsquare .col .sq1 .cl1 
        {
            margin: auto;
            width: 40px;
            height: 40px;
            border-radius: 100% 0% 100% 0% / 100% 100% 0% 0%  ;
            background-color: #0C2B40;
            display: flex;
        }
        .spectacledcoder-cards .card .bigsquare .col .sq2
        {
            margin: auto;
            margin-bottom: 0px;
            margin-left: -40px;
            width: 40px;
            height: 40px;
            background-color: #0C2B40;
            display: flex;
        }
        .spectacledcoder-cards .card .bigsquare .col .sq2 .cl2 
        {
            margin: auto;
            width: 40px;
            height: 40px;
            border-radius: 100% 0% 100% 0% / 0% 0% 100% 100% ;
            background-color: #fff;
            display: flex;
        }
        .spectacledcoder-cards .card .bigsquare .col .sq3
        {
            margin: auto;
            margin-top: -40px;
            margin-right: 0px;
            width: 40px;
            height: 40px;
            background-color: #0C2B40;
            display: flex;
        }
        .spectacledcoder-cards .card .bigsquare .col .sq3 .cl3
        {
            margin: auto;
            width: 40px;
            height: 40px;
            border-radius: 100% 0% 100% 0% / 0% 0% 100% 100% ;
            background-color: #fff;
            display: flex;
        }
        .spectacledcoder-cards .card .sq4
        {
            position: absolute;
            margin: auto;
            margin-bottom: 10px;
            margin-left: 0px;
            width: 0px;
            height: 0px;
            background-color: #19b25d;
            display: flex;
            border-radius: 30%;
            z-index: 50;
            opacity: 0;
        }
        .spectacledcoder-cards .card:hover .sq4
        {

            transform: translateX(100px) translateY(100px);
            width: 50px;
            height: 50px;
            opacity: 100;
            transition: all 0.7s;
        }
        .spectacledcoder-cards .card .sq4 img
        {
            margin: auto;
            rotate: -45deg;
            width: 0px;
            height: 0px;
        }
        .spectacledcoder-cards .card:hover .sq4 img
        {

            width: 40px;
            height: 40px;
            transition: all 1s;
        }
        .expanding-btn 
        {
            width: 60px;
            height: 100px;
            margin: auto;
            margin-right: -15px;
            display: flex;
            flex-direction: column;
        }
        .expanding-btn .square1
        {
            width: 20px;
            height: 20px;
            margin: auto;
            margin-right: -5px;
            margin-bottom: -6px;
            background-color: #0C2B40;
        }
        .expanding-btn .square1 .circle1
        {
            width: 20px;
            height: 20px;
            border-radius: 100% 0% 26% 74% / 0% 100% 0% 100%   ;
            background-color: rgba(255, 179, 26, 0.489);
        }
        .expand-btn-container
        {
            margin: auto;
            margin-right: -15px;
            width: 61px;
            height: 61px;
            background-color: #0C2B40;
            border-radius: 50%;
            z-index: 150;
            display: flex;
        }
        .expand-btn-container img
        {
            margin: auto;
            margin-right: 5px;
            z-index: 150;
        }
        .expanding-btn .square2
        {
            width: 20px;
            height: 20px;
            margin: auto;
            margin-right: -5px;
            margin-top: -5px;
            background-color: #0C2B40;
        }
        .expanding-btn .square2 .circle2
        {
            width: 20px;
            height: 20px;
            border-radius: 74% 26% 0% 100% / 100% 0% 100% 0%  ;
            background-color: rgba(255, 179, 26, 0.489);
        }

        @media only screen and (max-width: 700px) 
        {

            .spectacledcoder-cards
            {
                margin: auto;
                flex-direction: column;
                justify-content: start;
            }
            .spectacledcoder-cards .card
            {
                margin-bottom:2rem;
            }
        }
/*--------------------------------------------------------------
# Privacy Page 
--------------------------------------------------------------*/

#privacy-sec {
    padding: 10rem 0 0;
}
#privacy-sec h1 {
    font-size: 50px;
    color: #19b25d;
    width: 50%;
    margin: auto;
    text-align: center;
    padding: 5rem 0;
}
#privacy-sec p {
    font-size: 19px;
}
.privacy-content h3 {
    font-size: 25px;
    font-weight: 600;
}











/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.ftr h2 {
    font-size: 50px;
    color: #19b25d;
}
.ftr{
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.ftr .btn{
    font-size: 20px;
    border: 1px solid #fff;
    color: #fff;
    margin: auto;
    border-radius: 40px;
    width: 25%;
    padding: 18px 40px;
    &:hover {
      transform: translateY(-0.25em);
      box-shadow: 0 0 0.5em 0em #fff;
    }
}
div#footer-sec {
    padding: 8rem 0;
}

.cpy-right {
    color: #fff;
    padding: 1rem 0 0;
    border-top: 1px solid #ccc;
}
.cpy-right h6{
    font-size: 20px;
    color: #19b25d;
}
.cpy-right-text {
    color: #fff;
}
.cpy-right a{
color: #fff;
}


/*--------------------------------------------------------------
# Best in Class Page
--------------------------------------------------------------*/
.ltab-content .btn{
    font-size: 16px;
    color: #19b25d;
  padding: 0;
  margin: 0;
  text-decoration: underline;
}
div#bestinClas {
    padding: 14rem 0 0;
}
#bestinClas h1{
    font-size:40px;
    color: #19b25d;
}
.ltab-content h2{
    font-size:25px;
    color: #19b25d;
    font-weight: 600;
}
.ltab-content p{
    font-size:18px;
}
.ltabs{
    border-top: 1px solid #19b25d;
    padding: 3rem 0;
}
.ltab-image img {
    width: 170px;
}

/*--------------------------------------------------------------
# Mobile Responsive
--------------------------------------------------------------*/
 
@media (max-width:767px){
    .login-logo {
        width: 100%;
        height: auto;
    }
    .sign-btn {
        border: 1px solid #fff;
        border-radius: 30px;
        padding: 10px;
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        width: 190px;
        text-align: center;
        margin: auto;
    }
    a.create-btn {
        color: #19b25d;
        font-size: 14px;
    }
    .login-btn {
        padding: 3rem 0px;
        gap: 5px;
    }
    header.header-sec .px-5 {
        padding: 0 1rem !important;
    }
    .hero-content h1 {
        font-size: 30px;
        width: 100%;
        padding-right: 1rem;
        text-align: center;
    }
    div#hero-main .px-5 {
        padding: 0 2rem !important;
    }
    .hero-link .btn {
        font-size: 16px;
        border: 1px solid #fff;
        border-radius: 40px;
        padding: 12px 25px;
    }
    .hero-content {
        width: 100%;
        position: absolute;
        bottom: 100px;
        padding: 0;
    }
    .hero-link.py-4 img {
        width: 60px;
    }
    .driving-content h2 {
        font-size: 27px;
        color: #19b25d;
    }
    #driving-sec {
        padding-top: 4rem;
    }
    .driving-content.text-center p {
        width: 100%;
        margin: auto;
    }
    .driving-content p {
        font-size: 18px;
        line-height: 30px;
    }
    .driving-content .btn {
        font-size: 16px;
        border: 1px solid #fff;
        border-radius: 40px;
        padding: 12px 25px;
    }
    .driving-icon-01 {
        width: 80px;
        position: absolute;
        right: 0;
        top: 48rem;
    }
    h3.card-title-lft {
        background-color: #fcdf59;
        color: #000;
        font-size: 14px;
        padding: 20px 40px;
        border-radius: 0 40px 40px 0px;
    }
    .driving-card p {
        font-size: 14px;
        line-height: 22px;
    }
    h3.card-title-right {
        background-color: #fcdf59;
        color: #000;
        font-size: 14px;
        padding: 20px 40px;
        border-radius: 40px 0px 0px 40px;
    }
    .driving-icon-02 {
        display: none;
    }
    .unmatch-video-sec h2 {
        font-size: 27px;
        color: #19b25d;
        text-align: center;
    }
    .unmatch-video-sec p {
        width: 100%;
        text-align: center;
    }
    .unmatch-video-sec video {
        width: 100%;
    }
    .unmatch-content-sec  p{
        text-align: center;
    }
    .unmatch-content-sec h3 {
        font-size: 27px;
        color: #19b25d;
        text-align: center;
    }
    #unmatch-sec {
        padding: 5rem 0px 2rem;
        position: relative;
        z-index: 999;
    }
    #power-sec {
        padding-top: 0;
    }
    .power-content {
        padding-top: 3rem;
    }
    .power-content h2 {
        font-size: 27px;
        color: #19b25d;
    }
    p {
        font-size: 18px;
    }
    .power-content p {
        padding: 1rem 0rem;
    }
    .power-txt {
        width: 100%;
    }
    .power-card ul li {
        font-size: 18px;
    }
    #cooling-sec {
        padding: 2rem 0px;
    }
    .cooling-content h2 {
        font-size: 27px;
        color: #19b25d;
    }
    .cooling-content p {
        padding: 10px 1rem;
    }
    .cooling-content.text-center iframe {
        width: 100%;
        height: 302px;
    }
    .who-content h1 {
        font-size: 25px;
        color: #19b25d;
        padding: 1rem 0rem 2rem;
    }
    #who-we-are-sec {
        padding: 3rem 0;
    }
    .who-content p {
        font-size: 18px;
        padding: 1rem 1rem;
    }
    .key-sec h2 {
        font-size: 27px;
        color: #19b25d;
        padding: 1rem 0rem 2rem;
    }
    #who-we-are-sec .col-lg-3 {
        width: 100%;
    }
    .key-card p {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 28px;
        margin-top: -10px;
        padding: 0rem 2rem;
    }
    .key-card {
        border: 3px solid #19b25d;
        border-radius: 70px;
        position: relative;
        min-height: 220px;
        max-height: 250px;
    }
    .last-key {
        min-height: 310px;
    }
    #turbine-sec h2 {
        font-size: 27px;
        color: #19b25d;
        padding: 2rem 0rem 2rem;
    }
    #turbine-sec {
        height: auto;
        padding-bottom: 2rem;
    }
    #turbine-sec h2 {
        font-size: 27px;
        color: #19b25d;
        padding: 2rem 2rem 2rem;
    }
    .key-logo.text-center.pt-5 img {
        width: 70px;
    }
    .key-btn .btn {
        font-size: 18px;
        border: 1px solid #fff;
        border-radius: 40px;
        padding: 16px 60px;
    }
    #turbine-sec p {
        padding: 1rem 2rem;
    }
    #data-sec h2 {
        font-size: 27px;
        color: #19b25d;
        padding: 2rem 0rem 3rem;
    }
    .data-content {
        position: relative;
        bottom: 0;
    }
    .data-logo {
        margin-top: 20px;
        margin-bottom: 7rem;
    }
    #funding-sec .power-content h2 {
        font-size: 27px;
        color: #19b25d;
    }
    .data-logo img{
    width: 150px;
    height: auto;
    }
    #funding-sec .power-txt {
        width: 100%;
        display: flex;
        gap: 0.5rem;
    }
    #funding-sec .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
        padding: 0;
    }
    #funding-sec .power-card {
        border: 3px solid #19b25d;
        border-radius: 50px;
        position: relative;
        margin-bottom: 4rem;
        height: 120px;
    }
    .choose-title.d-flex.px-lg-5.px-0.py-0.py-lg-5 img {
        width: 35px;
        height: fit-content;
    }
    .fund-logo.text-center.py-5 img {
        width: 70px;
    }
    #funding-sec .power-card.px-4.py-4 img {
        width: 115px;
    }
   .power-card.px-4.py-4 img {
        width: 41px;
    }
    .service-title h1 {
        font-size: 30px;
        color: #19b25d;
    }
    .service-title {
        align-items: center;
        padding-bottom: 2rem !important;
    }
    #nvdia-sec .ndia-ftr .btn {
        font-size: 20px;
        border: 1px solid #fff;
        color: #fff;
        margin: auto;
        border-radius: 40px;
        width: 50%;
        padding: 10px 30px;
    }
    .service-card h3 {
        font-size: 25px;
        color: #19b25d;
    }
    .service-card p {
        padding: 0px 0rem 2rem;
    }
    .choose-title h1 {
        font-size: 26px;
        color: #19b25d;
        padding-right: 2rem;
    }
    .choose-card {
        border: 3px solid #19b25d;
        border-radius: 130px;
        width: 100%;
        padding: 3rem 2rem;
    }
    #partner-sec h1 {
        font-size: 26px;
        color: #19b25d;
    }
    .service-title img {
        width: 40px;
    }
    .partner-content p {
        padding: 2rem 2rem 2rem;
    }
    .library-card.text-center {
        margin-bottom: 2rem;
    }
    .library-card h3 {
        font-size: 25px;
        color: #19b25d;
    }
    .library-card .btn {
        font-size: 18px;
        color: #19b25d;
    }
    .library-card {
        min-height: 300px;
    }
    #team-sec {
        padding: 0rem 0 0rem;
    }
    #team-sec h1 {
        font-size: 30px;
        color: #19b25d;
        padding-right: 0rem;
    }
    .team-title.d-flex.px-4.px-lg-5.py-5 img {
        width: 60px;
        height: auto;
    }
    .team-ceo-card {
        width: 65%;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    .team-ceo-card h2 {
        font-size: 25px;
        color: #19b25d;
    }
    .team-ceo-card .divider {
        border: 6px solid #FCDF59;
        margin: 1rem 0;
    }
    .team-ceo-card h3 {
        font-size: 20px;
        color: #fff;
        margin: 0;
    }
    .team-card h2 {
        font-size: 20px;
        color: #19b25d;
    }
    .team-card .divider {
        border: 6px solid #FCDF59;
        margin: 1rem 0;
    }
    .team-card h3 {
        font-size: 18px;
        color: #fff;
        margin: 0;
    }
    .team-card {
        width: 100%;
        margin: auto;
        display: flex;
        flex-direction: column;
        margin-bottom: 2rem;
    }
    .col-lg-6.contact-info {
        padding: 1rem 1rem;
    }
    .contact-content img {
        width: 200px;
    }
    .contact-info h1 {
        font-size: 30px;
        color: #19b25d;
    }
    .contact-content .btn {
        font-size: 16px;
        border: 1px solid #19b25d;
        border-radius: 40px;
        padding: 15px 30px;
        color: #19b25d;
        width: 180px;
    }
    .contact-email h2 {
        font-size: 27px;
        color: #19b25d;
    }
    .contact-email a {
        font-size: 20px;
        color: #fff;
    }
    .contact-logo.text-center img {
        width: 60px;
    }
    .col-lg-6.contact-info {
        height: 60vh;
    }
    .contact-content {
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }
    .nda-form {
        width: 100%;
    }
    div#popup-content {
        font-size: 16px;
    }
    #bestinClas h1 {
        font-size: 20px;
        color: #19b25d;
        text-align: center;
    }
    .ltabs {
        border-top: 1px solid #19b25d;
        padding: 3rem 0;
        display: block !important;
        text-align: center;
    }
    .ltab-image img {
        width: 100px;
    }
    .ltab-content {
        padding: 2rem 1rem;
    }
    .ltab-content h2 {
        font-size: 20px;
        color: #19b25d;
    }
    .ftr .btn {
        width: 50%;
        padding: 10px 40px;
    }
    .ftr h2 {
        font-size: 30px;
        color: #19b25d;
    }
    #regulatory-sec  .power-card h3 {
        position: relative;
        background-color: #19B25D;
        padding: 10px 0px;
        border: 3px solid transparent;
        border-radius: 20px;
        top: -50px;
        text-align: center;
        width: 20rem;
        margin: auto;
    }
    #regulatory-sec .power-card {
        border-radius: 50px;
        padding: 1rem 1rem 3rem !important;
    }
    .modal-dialog {
        max-width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    .modal-body {
        color: #000;
        text-align: center;
        height: 100%;
        overflow: scroll;
    }
    #privacy-sec h1 {
        font-size: 25px;
        color: #19b25d;
        width: 80%;
        margin: auto;
        text-align: center;
        padding: 1rem 0;
    }
    #privacy-sec {
        padding: 8rem 0 0;
    }
    #privacy-sec p {
        font-size: 16px;
    }
    .privacy-content h3 {
        font-size: 19px;
        font-weight: 600;
    }
    div#footer-sec {
        padding: 4rem 0;
    }

    /* New Changes CSS */
    .home header {
        position: unset;
        width: 100%;
        height: 200px;
    }
    .container-fluid.d-flex.align-items-center.px-5.mt-4 {
        display: block !important;
    }
    .menu-toggle {
        color: white;
        font-size: 24px;
        padding: 10px 10px 30px;
        text-align: end;
    }
    #hero-main {
        height: 32vh;
    }
    .hero-txt {
        position: absolute;
        bottom: 0;
        width: 89%;
        z-index: 999;
    }
    #driving-sec {
        padding-top: 22rem;
    }
    .hero-link.py-4 img {
        display: none;
    }
    .hero-btn {
        padding: 0;
        text-align: center;
    }
    .hero-link .w-50 {
        display: none;
    }
    .hero-link {
        display: flex;
        justify-content: center;
    }
    img.arrow-img {
        display: none;
    }
    .power-card h4 {
        font-size: 22px;
    }
    #turbine-sec .btn {
        font-size: 20px;
        border: 1px solid #fff;
        border-radius: 40px;
        padding: 10px 15px;
        width: 45%;
        margin: auto;
    }
    .data-inner p {
        margin: 0;
        font-size: 15px;
        white-space: nowrap;
    } 
    .data-inner img {
        width: 30px;
        height: 30px;
        object-fit: contain;
    }
    #funding-sec .power-card h3 {
        width: auto;
        margin: auto;
        font-size: 16px;
    }
    .fund-logo.text-center.py-5 {
        display: none;
    }
    #regulatory-sec {
        padding: 0rem 0 5rem;
    }
    #service-sec {
        padding: 0rem 0 5rem;
    }
    #partner-sec {
        padding: 0rem 0 0rem;
    }
    a.mbl-part {
        display: none;
    }
    #partner-sec {
        padding: 0rem 0 0rem;
    }
    .team-card-sec .col-lg-4 {
        width: 100%;
    }
    .row.py-0.py-lg-5.team-card-sec.mbl-team {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
      .team-logo{
        display: none;
      }
      div#contact-sec {
        padding: 0;
    }
    .contact-logo.text-center {
        display: none;
    }
    .col-lg-6.contact-info {
        display: block;
    }
    .contact-email {
        margin-top: 3rem;
    }
    .col-lg-3.enhanc-sec .key-card {
        min-height: 180px;
    }
    div#service-sec .row {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
    .home-ftr-img {
        width: 100%;
        height: auto;
    }
    div#bestinClas {
        padding: 0rem 0 0;
    }
    .backtolib {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .backtolib .btn {
        font-size: 14px;
        color: #19b25d;
        border-radius: 30px;
        padding: 14px 30px;
        border: 1px solid;
        width: 70%;
        margin: 20px auto;
    }
    .team-card-sec.row.desk-team {
        display: none;
    }
    .team-card-sec.row.mbl-team {
        display: block;
    }
    div#contact-sec .cont-sp {
        margin-top: 0rem;
    }
    .col-md-6.col-lg-2.col-xl-2.mx-auto.mb-4.cont-link {
        margin-bottom: 0px !important;
    }
    .cpy-right h6 {
        font-size: 20px;
        color: #19b25d;
        padding-top: 20px;
    }
    .desk-datasec{
        display: none !important;
    }
    .mbl-datasec{
        display: block !important;
    }
    .nvdia-content h2 {
        font-size: 25px;
        color: #19b25d;
    }
    .nvdia-content .row h3 {
        font-size: 20px;
        color: #FCDF59;
    }
    .nvdia-log img {
        width: 60px;
    }
    .nvdia-content p {
        width: 100%;
        margin: auto;
    }
    #nvdia-sec .btn {
        font-size: 16px;
        border: 1px solid #fff;
        border-radius: 40px;
        padding: 15px 30px;
        margin: 2rem auto;
    }
    .nvdia-steps .power-card h3 {
        width: 17rem;
        margin: auto;
        font-size: 20px;
    }
    .nvdia-steps {
        padding: 5rem 15px;
    }
    .nvdia-step-main.d-flex.text-center.gap-5.pt-3 {
        flex-direction: column;
    }
    .stp-nvd:nth-of-type(1) img {
        width: 20px !important;
    }
    .nvdia-boxs .driving-content h2 {
        font-size: 27px;
        color: #19b25d;
    }
    .ndia-ftr h2 {
        font-size: 25px;
        color: #19b25d;
        padding-bottom: 0rem;
    }
    .ndia-ftr.text-center.py-lg-5 {
        padding: 3rem 0 !important;
    }
    .nvdia-imglst.py-lg-5 img {
        width: 100%;
    }
}

/*--------------------------------------------------------------
# Ipad Responsive
--------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1250px) {
    .sign-btn {
        border: 1px solid #fff;
        border-radius: 30px;
        padding: 14px 40px;
        font-size: 20px;
        color: #fff;
        font-weight: 400;
        text-decoration: none;
        background: transparent;
        transition: all 0.3s ease-in-out;
    }
    #hero-main {
        background-image: url(../images/hero-image.png);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 60rem;
        display: flex;
        align-items: end;
    }
    .hero-content {
        width: 60rem;
        position: relative;
        bottom: 2rem;
    }
    .hero-btn {
        padding: 0 7rem;
    }
    .header-sec ul.nav {
        gap: 0px;
    }
    .menu-toggle {
    cursor: pointer;
    color: white;
    font-size: 35px;
    padding: 10px;
}
    .hero-content h1 {
        font-size: 40px;
        width: 65%;
    }
    .hero-link .btn {
        padding: 16px 40px;
    }
    .driving-content h2 {
        font-size: 40px;
        color: #19b25d;
    }
    .driving-content.text-center p {
        width: 100%;
        margin: auto;
    }
    .driving-content .btn {
        padding: 16px 60px;
    }
    .driving-icon-01 {
        width: 100px;
        top: 27rem;
    }
    .driving-icon-02 {
        width: 100px;
        position: absolute;
        left: 0;
        bottom: 0;
        transform: rotate(144deg);
    }
    .unmatch-video-sec h2 {
        font-size: 40px;
        color: #19b25d;
    }
    .unmatch-video-sec video {
        width: 100%;
    }
    .unmatch-content-sec h3 {
        font-size: 40px;
        color: #19b25d;
    }
    #power-sec {
        padding-top: 0rem;
    }
    #unmatch-sec {
        padding: 5rem 0px 0rem;
        position: relative;
        z-index: 999;
    }
    .power-content h2 {
        font-size: 40px;
        color: #19b25d;
    }
    .cooling-content h2 {
        font-size: 40px;
        color: #19b25d;
    }
    .cooling-content.text-center iframe {
        width: 70%;
    }
    #who-we-are-sec {
        padding: 3rem 0;
    }
    .who-content h1 {
        font-size: 40px;
        color: #19b25d;
        padding: 1rem 0rem 1rem;
    }
    .who-content p {
        font-size: 20px;
        padding: 1rem 5rem;
    }
    .key-sec h2 {
        font-size: 40px;
        color: #19b25d;
        padding: 1rem 0rem 2rem;
    }
    #who-we-are-sec .col-lg-3 {
        width: 46%;
    }
    #turbine-sec h2 {
        font-size: 40px;
        color: #19b25d;
        padding: 2rem 7rem 3rem;
    }
    #data-sec h2 {
        font-size: 40px;
        color: #19b25d;
        padding: 2rem 0rem 3rem;
    }
    .data-content {
        position: relative;
        bottom: 90px;
    }
    .data-logo {
        margin-top: -50px;
        margin-bottom: 7rem;
    }
    #funding-sec .power-content h2 {
        font-size: 40px;
        color: #19b25d;
    }
    #funding-sec .power-txt {
        width: 100%;
        display: flex;
        gap: 1.5rem;
    }
    #funding-sec .col-lg-6 {
        flex: 0 0 auto;
        width: 48%;
        padding: 0;
    }
   .power-card.px-4.py-4 img {
        width: 41px;
    }
    #funding-sec .power-card.px-4.py-4 img {
        width: 180px;
    }
    .service-card p {
        padding: 0px 0rem 2rem;
        width: 65%;
        margin: auto;
    }
    .nvdia-content h2 {
        font-size: 35px;
        color: #19b25d;
    }
    .nvdia-content .row h3 {
        font-size: 25px;
        color: #FCDF59;
    }
    #service-sec {
        padding: 10rem 0 5rem;
    }
    .nvdia-steps .power-card h3 {
        width: 35rem;
        margin: auto;
        font-size: 25px;
    }
    .stp-nvd:nth-of-type(1) img {
        width: 20px !important;
    }
    .nvdia-steps .power-card.px-4.py-4 img {
        width: 30px;
    }
    .stp-nvd p {
        width: 101%;
        margin: 1rem auto;
    }
    .choose-card {
        border: 3px solid #19b25d;
        border-radius: 130px;
        width: 100%;
        padding: 4rem 4rem;
    }
    .nvdia-boxs .driving-content h2 {
        font-size: 30px;
        color: #19b25d;
    }
    .ndia-ftr.text-center.py-lg-5 {
        padding: 4rem 0;
    }
    .nvdia-content .btn {
        margin: 2rem;
    }
    .nvdia-steps {
        padding: 5rem 3rem;
    }
    .col-lg-4.col-sm-12.service-card img {
        width: 400px;
    }
    .spectacledcoder-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem; 
        margin-bottom: 2rem;
    }
    .spectacledcoder-cards a {
        margin: auto;
    }
    #partner-sec h1 {
        font-size: 40px;
        color: #19b25d;
    }
    .library-card.text-center {
        margin-bottom: 2rem;
    }
    .library-card {
        max-height: 300px;
        min-height: 300px;
    }
    #team-sec {
        padding: 0rem 0 5rem;
    }
    #team-sec h1 {
        font-size: 40px;
        color: #19b25d;
        padding-right: 7rem;
    }
    .team-title img {
        width: 80px;
        height: auto;
    }
    .col-lg-6.contact-info {
        padding: 2rem 4rem;
        text-align: center;
    }
    .contact-content img {
        width: 250px;
    }
    .contact-info h1 {
        font-size: 25px;
        color: #19b25d;
    }
    .contact-content .btn {
        font-size: 14px;
        border: 1px solid #19b25d;
        border-radius: 40px;
        padding: 12px 32px;
        color: #19b25d;
        width: 150px;
        margin: auto;
    }
    .contact-email h2 {
        font-size: 20px;
        color: #19b25d;
    }
    .contact-email a {
        font-size: 18px;
        color: #fff;
    }
    .contact-logo.text-center img {
        width: 50px;
    }
    .contact-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .last-key {
        min-height: 300px;
    }
    div#bestinClas {
        padding: 14rem 2rem 0;
    }
    #bestinClas h1 {
        font-size: 30px;
        color: #19b25d;
    }
    .ltab-image img {
        width: 130px;
    }
    .ftr h2 {
        font-size: 35px;
        color: #19b25d;
    }
    .cpy-right .row.mt-3 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 1rem;
        padding: 0 2rem;
    }
    .cpy-right .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width:800px) and (max-width:1100px){
    .header-sec .nav-link {
        color: #19b25d;
        font-size: 16px;
       
    }
    .hero-txt {
        position: absolute;
        bottom: 24rem;
        width: 95%;
    }
}