@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
* {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

:root {
    --bs-primary: #007c7c !important;
    --bs-secondary: #fbb815 !important;
}



.itnt-logo {
    width: 62%;
    padding-left: 5px;
}

.mainlogo-1 {
    width: 65%;
}

.mainlogo-2 {
    width: 38%;
    padding-right: 10px;
    border-right: 2px solid #e8e8e8;
}

.logo-0 {
    padding: 0px;
}

.navbar-menu li span svg {
    font-size: 14px;
}

.banner-section {
    margin-top: 95px;
    position: relative;
    /* background: linear-gradient(90deg, rgb(33 114 195) 0%, rgb(44 141 210 / 89%) 56%, rgb(54 156 220 / 77%) 88%, rgb(68 178 229 / 90%) 100%); */
}

.ban-content h1 {
    font-weight: 800;
    color: #ffff;
    font-size: 50px;
    word-spacing: 12px;
}

.ban-content p {
    font-size: 17px;
    font-weight: 500;
    color: #ffff;
}

.ban-content ul li{
    color: #ffff;
    font-size: 19px;
}

.ban-content ul{
    line-height: 36px;
}

.ban-content{
    padding-block: 80px;
}

.impact-list img{
    width: 35px;
}

.impact-list h3{
    font-weight: 800;
    font-size: 25px;
}

.impact-list p{
    font-size: 15px;
}
.impact-box{
    padding: 10px;
    background: #ffff;
    border-radius: 15px;
}

.impact-grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
}

.impact-list{
    display: flex;
    align-items: center;
    gap: 10px;
}

.banner-overlay h1 {
    font-weight: 800;
    font-size: 43px;
    /* color: #e79f6f; */
     color: #fe9932;
    text-shadow: 1px 1px 1px black;
    line-height: 130%;
    word-spacing: 2px;
}

.banner-overlay p {
    font-weight: 500;
    color: #ffffff;
    font-size: 18px;
    text-align: justify;
}

.service-content h4{
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 20px;
}
.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    right: 0;
    bottom: 0;
}

.footer-logo img {
    width: 180px;
}

.navbar-menu li .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    padding: 10px 0;
    min-width: 200px;
    box-shadow: 1px -1px 14px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding-block: 0px;
}

.navbar-menu li:hover>.dropdown {
    display: block;
}

.navbar-menu li .dropdown li {
    padding: 10px 15px;
    white-space: nowrap;
}

.navbar-menu li .dropdown li a {
    color: #333;
    text-decoration: none;
    display: block;
}

.footer-content h4 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
    color: #003670;
}

.footer-content p {
    font-size: 16px;
    color: #000;
    line-height: 160%;
}

.footer-section {
    padding-block: 50px;
    background: #E2F0FF;
}

.footer-content ul li {
    list-style-type: none;
    line-height: 35px;
}

.footer-content ul li a {
    text-decoration: none;
    color: #000;
    display: block;
    width: 100%;
}

.footer-content ul {
    margin: 0px;
    padding: 0px;
}

.footer-content p a {
    text-decoration: none;
    color: #000;
}

.ptb-80 {
    padding-block: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pt-150 {
    padding-top: 150px;
}

.whowe-con h3 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 20px;
}

.br-10 {
    border-radius: 10px;
}

.section-title h2 {
    font-size: 37px;
    font-weight: 700;
}

.inner-banner {
    margin-top: 85px;
    position: relative;
}

.section-title {
    margin-bottom: 30px;
}

.gallery-images img {
    height: 235px;
    object-fit: cover;
    margin-bottom: 25px;
    width: 100%;
    border-radius: 5px;
}

.awards-div {
    border-radius: 10px;
    background: #ffff;
    position: relative;
    border: 1px solid #ededed;
    /* box-shadow: rgba(50, 50, 93, 0.25) -1px -3px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; */
    padding: 20px;
    margin: 2px;
}

.awards-div {
    transition: all 0.3s ease !important;
}

.awards-div:hover {
    box-shadow: 0 0px 7px 2px #e78634ba;
    transform: scale(1.05) !important;
}
.awards-img img {
    /* height: 200px;
    width: 100%;
    object-fit: cover; */
    border-radius: 10px;
}

.awards-img {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}

.awards-img img{
    background: linear-gradient(45deg, #4c81d5, #4d6abc, #4f59ac);
    padding: 10px;
    width: 70px;
}

.awards-img h6 {
    font-weight: 700;
    font-size: 22px;
    color: #004aad;
    padding-top: 15px;
}

.awards-content p {
    width: 100%;
    margin: 15px auto;
    /* text-align: center; */
    font-size: 15px;
    border-top: 1px solid #ff7c2145;
    padding-top: 15px;}

.awards-content a {
    color: #ffff !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    padding: 5px 19px;
    /* margin: 0px auto; */
    border-radius: 5px;
    /* background: #FF6500 !important; */
    width: fit-content;
    display: block;
}

.whoweare {
    background: #e0e0e0;
}

.all-partners {
    border: 1px solid #9f9f9f;
}

.fullborder {
    outline: 1px solid #bfbfbf;
}

.fullborder .col-6 {
    outline: 1px solid #bfbfbf;
}

.footer-logo span {
    font-weight: 800;
    font-size: 19px;
    letter-spacing: 1px;
    color: #003670;
    margin-left: 10px;
}

.footer-logo {
    /* margin-bottom: 25px; */
}

.footer-logo h5 {
    font-weight: 700;
}

.social-icons a {
    font-size: 17px;
    margin-right: 15px;
    color: #fff !important;
    border-radius: 50px;
}

.social-icons .twitter {
    background: #000000;
    padding: 7px 9px;
}

.social-icons .facebook {
    background: #ff5540;
    padding: 7px 11px;
}

.social-icons .linkedin {
    background: #0C76B4;
    padding: 8px 11px;
}

.social-icons .youtube {
    background: #CD201F;
    padding: 8px 9px;
}

.footer-content {
    margin-bottom: 25px;
}

.footer-bottom {
    padding-block: 20px;
    background: linear-gradient(0deg, #003670, #003670d1);
}

.copyright {
    color: #ffff;
    text-align: center;
}

.social-icons {
    line-height: 45px;
}

.all-perfom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px;
    margin-bottom: 25px;
    box-shadow: rgb(14 30 37 / 2%) 0px 2px 4px 0px, rgb(14 30 37 / 26%) 0px 2px 16px 0px;
}

.perform-list h2 {
    text-align: center;
    font-weight: 800;
    font-size: 50px;
    color: #004aad;
}

.perform-list {
    padding: 30px;
    border-right: 1px solid #e0e0e0;
}

.bg-1 {
    background: #ffff;
}

.bg-2 {
    background: #f4f4f4;
}

.bg-3 {
    background: #efefef;
}

.bg-4 {
    background: #e9e9e9;
}

.bg-5 {
    background: #e0e0e0;
}

.perform-list p {
    text-align: center;
    margin-bottom: 0px;
}

.owl-nav {
    display: none;
}

.partner-slider{
    position: relative;
}

.partner-slider .partners-img {
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    padding: 0px;
}

.partner-slider .owl-nav{
    display: block;
}
.partner-slider .owl-prev{
    position: absolute;
    left: -6%;
    top: 26%;
}
.partner-slider .owl-next{
    position: absolute;
    right: -6%;
    top: 26%;
}
.partner-slider .owl-nav button{
    padding: 11px 18px;
    font-size: 45px;
    border-radius: 50%;
}
.partner-slider .owl-nav button span{
    display: block;
    line-height: 15px;
    height: 30px;
}

.partners-img img {
    border-radius: 10px;
    height: 165px;
    object-fit: cover;
}

.partners {
    /* background: #e0e0e0; */
    background: #ffff;
}
.technologies{
    background: #2f4f4f;
}

.tech-icon {
    padding: 10px;
    background: #ff6500;
    border-radius: 15px;
}

.tech-icon img {
    filter: grayscale(1) invert(1);
    width: 35px;
}

.all-tech {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background: #ffff;
    padding: 50px;
    border-radius: 15px;
    margin-bottom: 25px;
    /* border-radius: 10px 100px 0px 10px; */
    position: relative;
    /* border: 2px solid #025e8b; */
    border: 2px solid #000;
    z-index: 1;
    overflow: hidden; 
}

/* .all-tech:before {
    content: "";
    position: absolute;
    width: 125px;
    height: 125px;
}
.all-tech-1:before {
    bottom: 0px;
    right: 0px;
    background: url(../images/impact-1.png) no-repeat;
    background-size: contain;
    z-index: 2;
}
.all-tech-2:before {
    bottom: 0px;
    left: 0px;
    background: url(../images/impact-2.png) no-repeat;
    background-size: contain;
    z-index: 2;
}
.all-tech-3:before {
    top: 0px;
    right: 0px;
    background: url(../images/impact-3.png) no-repeat;
    background-size: contain;
    z-index: 2;
}
.all-tech-4:before {
    top: 0px;
    left: 0px;
    background: url(../images/impact-4.png) no-repeat;
    background-size: contain;
    z-index: 2;
} */

/* .all-tech-2{
    border-radius: 100px 10px 10px 0px;
}

.all-tech-3{
    border-radius: 10px 0px 100px 10px;
}

.all-tech-4{
    border-radius: 0px 10px 10px 100px;
} */


.tech-points {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-left: 15px;
}

.tech-text h5 {
    font-size: 15px;
}

.tech-text span {
    font-size: 60px;
    font-weight: 700;
    line-height: 80px;
}

.category-img img {
    border-radius: 10px;
}

.hyperlink {
    font-size: 20px;
    font-weight: 600;
    margin-top: 40px
}

.hyperlink a {
    color: #004aad;
}

.missvision-card {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 20px;
    padding: 35px;
    border: 1px dashed #004aad;
    border-radius: 10px;
}

.missvis-icon img {
    margin-bottom: 10px;
}

.missvis-icon h5 {
    font-weight: 700;
    font-size: 25px;
    color: #004aad;
}

.missvis-con p {
    margin-bottom: 0px;
}

.missvis-con {
    width: 71%;
}

.vimi-img {
    position: relative;
}

.vimi-img img {
    /* height: 410px; */
    object-fit: cover;
    /* animation: rotate 20s linear infinite; */
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

.awards-content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.our-services {
    /* background: #ffff; */
}

.service-img img {
    width: 100%;
}


.our-services .rounded-3{border-radius: 1.1rem !important;}
.ser-tit {
    padding: 35px;
    background: #004aad;
}

.ser-tit h5 {
    color: #ffff;
    font-weight: 700;
    font-size: 25px;
    text-align: center;
    margin-bottom: 15px;
}

.ser-tit a {
    color: #ffff !important;
    font-size: 16px;
    text-align: center;
    display: block;
    font-weight: 500;
    margin-bottom: 0px;
}

.ser-content p{
    text-align: start;
    font-size: 16px;
}

.service-card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 25px;
    margin-bottom: 25px;
    /* min-height: 215px; */
    position: relative;
    background: #ffff;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.service-card .ser-content a {
    display: none;
}

.service-card:hover .ser-content a {
    display: flex;
}

.service-hov:hover {box-shadow: 0 0px 6px 3px #005a99b8;transform: scale(1.05) !important;
    transition: .3s !important;}


.ser-icon {
    transition: transform 0.6s ease;
    transform-style: preserve-3d;
}

.background-servimg{background-image: url('../images/service-bg.jpg');background-position: center;background-size: cover;}
.service-card:hover .ser-icon {   transform: rotateY(180deg);}
.service-card.rounded-3 {   border-radius: 1.1rem !important;}
.titleh4 h4{font-weight: 700;    font-size: 25px;    margin-bottom: 15px;}
 p{text-align: justify;}
.underline {    width: 60px; /* Adjust width as needed */ height: 4px; background: linear-gradient(to right, #f5ba97, #ff5f00);    margin-top: 4px;    border-radius: 2px;}
.bg-light-blue{
/* {background: linear-gradient(171deg, rgb(251, 255, 252) 0%, rgb(196 232 214) 100%); */
background: linear-gradient(171deg, rgb(251, 255, 252) 0%, rgb(168 225 197) 100%);}
.spotlight-bg {background: linear-gradient(171deg, rgb(251, 255, 252) 0%, #ffc10747 100%); }
    /* background: linear-gradient(171deg, rgb(251, 255, 252) 0%, #ffc1073d 100%);} */
.research-icon { color: #3a9ada; 
  font-size: 1.3rem;  margin-right: 10px;}
.research-icon-list li {    display: flex;    align-items: center;    background-color: rgb(255, 255, 255);    border-width: 1px;    border-style:dashed;    border-color: rgb(243, 112, 33);    border-image: initial;    border-radius: 8px;    padding: 10px;    margin: 5px 0px 10px;    transition: 0.3s ease-in-out;}
.txt-clr{text-align: justify;}
.titleh4 .rounded-3{    border-radius: 10px !important;}
.ser-content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 0px;
    /* color: #898989; */
}

.ser-icon {
    /* width: 20%; */
    background: #004aad;
    border-radius: 50%;
}

.ser-content {
    width: 80%;
}

.ser-content h5 {
    font-weight: 700;
    margin-bottom: 15px;
    color: #ff6500;
    font-size: 21px;
}

.ser-content a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #004aadd9;
    color: #ffff !important;
    text-decoration: none;
    border-radius: 15px;
    font-weight: 600;
    font-size: 25px;
}

.ser-icon img {
    padding: 10px;
    filter: grayscale(1) invert(1);
}

.technology {
    background: #e0e0e0;
}

.tech-card {
    padding: 40px;
    border: 1px solid #c1c1c1;
    border-radius: 10px;
}

.tech-content h5 {
    font-weight: 700;
    color: #004aad;
    font-size: 23px;
    margin-bottom: 15px;
}
.tech-con ul li p{
    color: #ffff;
    margin-bottom: 10px;
    font-size: 15px;
}
.tech-con ul li{
    color: #ffff;
}
.tech-con ul{
    margin-bottom: 25px;
}

.read-more {
    color: #ffff !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    padding: 5px 20px;
    border-radius: 5px;
    background: #FF6500 !important;
    width: fit-content;
    display: block;
}

.tech-con {
    padding: 40px;
    border: 1px solid #c1c1c1;
    border-radius: 10px;
}

.tech-con h4 {
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 15px;
}

.tech-right {
    padding: 70px 30px;
    margin-inline: 20px;
    background: linear-gradient(185deg, #003670e6 0%, #003670cf 56%, #003670a8 100%);
    border-radius: 10px;
}

.tech-right img {
    width: 80px;
    margin-bottom: 25px;
}

.tech-right h2 {
    text-transform: uppercase;
    color: #ffff;
    font-size: 22px;
    font-weight: 700;
}

.tech-right h2 span {
    font-size: 65px;
    text-transform: none;
}

.focus-icon img {
    margin-bottom: 20px;
}

.focus-con h6 {
    font-weight: 700;
    font-size: 15px;
}

.all-focus {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.focus-icon img {
    width: 72px;
}

.focus-con {
    outline: 1px solid #ff650070;
    padding-block: 20px;
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 10px;
}

.all-focus2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
}

.bg-shade {
    background: #e0e0e0;
}

.focus-box .w-25{width: 40% !important;}
/* .focus-sector{background: #F3F3F3;} */
.focus-sector{background: floralwhite;}
.background-circle { position: absolute;  top: 60%;  left: 50%;    width: 250px; height: 250px;background: radial-gradient(circle, rgb(255 102 0 / 47%) 0%, rgb(255 102 0 / 28%) 40%, rgba(255, 102, 0, 0.05) 70%, transparent 100%); transform: translate(-50%, -50%); z-index: 1;pointer-events: none; border-radius: 50%;filter: blur(80px);}
/* .banner-bgimg{background-image: url('../images/banner-bg.jpg');background-size: cover;} */
#myVideo{width: 100%;}
.tech-bgimg{background-image: url('../images/tech-ban.jpg');background-size: cover;}
.partners-box {width: 275px;}
.partner-icon i {display: inline-block;}
.filter-select{display: flex;align-items: center;gap: 20px;}
.filter-option{display: flex; align-items: center; justify-content: space-between;background: #ededed;padding: 25px;border-radius: 10px;}
.filter-select .form-select{width: 100%;min-width: 330px;border-radius: 10px;font-size: 17px;}
.orange-btn{color: #ffff !important;font-weight: 600 !important;font-size: 17px !important;/*padding: 5px 25px !important;*/border-radius: 10px !important;/* background: #FF6500 !important; */ background: linear-gradient(to right, #ffb707, #ff5f00e3);box-shadow: none !important;width: fit-content; border: none !important;}
.orangebr-btn{color: #FF6500 !important;font-weight: 600 !important;font-size: 17px !important;padding: 5px 25px !important;border-radius: 10px !important;background: #ffff !important; border: 1px solid #FF6500 !important;box-shadow: none !important}
.interest-btn {  color: #fff !important;    font-weight: 600 !important;    font-size: 17px !important;    padding: 5px 25px !important;    border-radius: 10px !important;    background: linear-gradient(to right, #9f3eb0d1, #6a1b9a);    box-shadow: none !important;    width: fit-content;    border: none !important;}
.titleh4 h4 { font-weight: 700;font-size: 22px; margin-bottom: 15px; line-height: 31px;}
.btn-effect-13 {  position: relative;  overflow: hidden;}
.btn-effect-13::after {  content: '';  position: absolute;  top: 0; left: -75%;  width: 50%; height: 100%;  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.5), transparent);  transform: skewX(-20deg);  transition: all 0.5s;}
.btn-effect-13:hover::after {  left: 130%;}
.technology-card .techno-con h4 {margin-top: 20px;min-height: 94px;}
.technology-card {display: flex; flex-direction: column; height: 100%;}
.technology-card .techno-con { flex: 1; display: flex; flex-direction: column;}
.technology-card .techno-con p { flex: 1; text-align: justify;}
.bg-technology { background-image: url('../images/technology-bg.jpg');background-position: bottom; background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
/* .servc-bg{background-image: url('../images/a.jpg');background-position: bottom; background-size: cover;background-repeat: no-repeat;} */
.filter-button{display: flex; align-items: center;gap: 10px;}
.techono-all{display: grid;grid-template-columns: repeat(3,1fr);gap: 25px;}
.technology-card h5{font-weight: 700;font-size: 25px;margin-bottom: 15px;}
.technology-card{padding: 20px; justify-content: space-between;border: 1px solid rgb(254 134 35 / 58%) !important;}
.technology-card {
  transition: transform 0.3s ease-in-out !important;
}

.technology-card:hover {
  transform: scale(1.05) !important; box-shadow: 0 0px 7px 0px #faaf47b8 !important;
  background-color: #ffc1070d !important;
}
.technology-card p{margin-bottom: 10px;}
.technology-card p span{font-weight: 800;}
.contact-det h5{font-weight: 700;font-size: 22px;margin-bottom: 15px;}
.con-icon svg{font-size: 24px;background: #004aad;border-radius: 50%;color: #fff; margin-bottom: 20px;}
.con-det p{margin-bottom: 6px;font-size: 17px;}
.con-det p a{color: #004aad;text-decoration: none;font-weight: 600;}
.maintanence{background: #9a9a9a;}
.tech-bgimg h1{ white-space: nowrap;}
  /* header */
.navbar-light .navbar-nav .nav-link

 {
    color: rgb(0, 0, 0);
    padding: 18px;    font-size: 17px;
    font-weight: 600;}

    nav .nav-link:hover {
    color: rgb(255 116 26) !important;
}

header {
    width: 100%;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0 2px 4px #0006;
}


/* Increase logo size */
.navbar-brand img {
  /* height: 50px !important; */
  max-height: 80px;
  transition: all 0.3s ease-in-out;
}

/* Dropdown open on hover */
.navbar-nav .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* removes gap */
  opacity: 1;
  visibility: visible;
}


.dropdown:hover > .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
}
/* Default hidden state */
.dropdown-menu {
  display: none; /* let Bootstrap toggle this */
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* When dropdown is shown */
.dropdown-menu.show {
  display: block; /* Bootstrap adds .show class automatically */
  opacity: 1;
  transform: translateY(0);
}

.dropdown-menu :hover{color:rgb(255 116 26) !important;}
/* Show dropdown on hover */
.nav-item.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: transparent !important;}

@media (min-width: 1200px) and (max-width: 1400px) {
  .navbar-light .navbar-nav .nav-link {
  
    padding: 13px;
    font-size: 16px;
   
  }
  .tech-text h5{
    font-size: 13px;
}
  
}

/* Prevent horizontal scrolling */
html, body {
  overflow-x: hidden;
}


.about-bgimg
{background-image: url('../images/aboutimg.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
.techtransfer-bgimg
{background-image: url('../images/techtransfer-bg.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
.techportfolio-bgimg
{background-image: url('../images/techportfolio-bg.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
.spinoff-bgimg{background-image: url('../images/spinoff-bg.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
.ip-bgimg{ background-image: url('../images/ip-bg.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
.seedgrant-bgimg{ background-image: url('../images/seedgrant-1.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
.contact-bgimg{ background-image: url('../images/contact-bg.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
.program-bgimg{ background-image: url('../images/programs-bg.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
.trl-banner{ background-image: url('../images/trl-banner.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
/* form css */

  .rightcard-form .card{ width:85%; }
  .steps{ display:grid; grid-template-columns:repeat(var(--steps),1fr); gap:0; position:relative; z-index:1;  }
  .step{  display:flex; flex-direction:column; align-items:center; gap:8px;    color:#c9c9c9; font-size:12px; user-select:none;  }
  .dot{  width:40px; height:40px; border-radius:999px; background:#e5e7eb;display:grid; place-items:center; font-weight:700; color:#6b7280;    box-shadow:0 2px 0 rgba(0,0,0,.03) inset;    transition:all .25s ease;  }
  .step.active .dot{    background:var(--brand); color:#fff; transform:translateY(-1px);box-shadow:0 0 0 6px rgba(34,197,94,.12);  }
  .step.completed .dot{    background:var(--brand); color:#fff;  }
  .step label{font-size:12px}
  .check{font-size:18px; line-height:1}
  /* ---------- Form ---------- */
  form{padding:28px}
  .grid{display:grid; grid-template-columns:1fr 1fr; gap:18px}
  .grid.full{grid-template-columns:1fr}
  .group{display:flex; flex-direction:column; gap:8px}
  .group label {    font-size: 17px;    color: var(--text);    font-weight: 500;}
  input, select, textarea{    width:100%; padding:12px 14px; border-radius:10px; border:1px solid var(--border);    font-size:14px; background:#fff; outline:none; transition:border .2s, box-shadow .2s, transform .05s;  }
  input:focus, select:focus, textarea:focus{    border-color:var(--brand); box-shadow:0 0 0 6px var(--ring);  }
  .hint{font-size:12px; color:var(--muted)}
  .error{font-size:12px; color:var(--danger); display:none}
  .invalid input{border-color:var(--danger)} .invalid .error{display:block}
  /* ---------- Buttons ---------- */
  .actions{display:flex; gap:12px; justify-content:space-between; align-items:center; margin-top:6px}
  .left, .right{display:flex; gap:12px; align-items:center}
  button{    appearance:none; border:0; border-radius:12px; padding:12px 18px; font-weight:700;    cursor:pointer; transition:transform .08s ease, box-shadow .2s ease, opacity .2s;  }
  .btn{    /* background:linear-gradient(180deg,var(--brand),var(--brand-700)); */    color:#fff; box-shadow:0 8px 18px rgba(34,197,94,.25);  }
  .btn:hover{transform:translateY(-1px)}
  .btn:disabled{opacity:.5; cursor:not-allowed; transform:none; box-shadow:none}
  .ghost{background:#eef2f7; color:#111827}
  .link{background:transparent; color:var(--muted); font-weight:600; padding:8px 10px}
  /* ---------- Review ---------- */
  .review{display:grid; grid-template-columns:1fr 1fr; gap:14px; border:1px dashed var(--border); padding:18px; border-radius:12px}
  .kv{padding:10px 12px; border-radius:10px; background:#f9fafb}
  .kv b{display:block; font-size:12px; color:var(--muted); margin-bottom:4px}
  .kv span{font-size:14px}
  /* ---------- Progress meta ---------- */
  .meta{display:flex; align-items:center; gap:12px}
  .meter{height:8px; width:160px; background:#e5e7eb; border-radius:999px; position:relative; overflow:hidden}
  .meter > i{position:absolute; inset:0 0 0 auto; width:0%; background:linear-gradient(90deg,var(--brand),var(--brand-700)); transition:width .45s ease}
  .logo-img {max-width: 150px !important; height: auto;}
/* .leftsidebar .ms-5 {    margin-left: 9rem !important;} */
.stepper-wrapper {display: flex;  justify-content: center;align-items: center; min-height: 100vh; }  
.stepper-vertical {  position: relative;  display: flex;  flex-direction: column;  gap: 3rem;  margin-left: 20px;  padding-top: 1rem;  padding-bottom: 1rem;}
.stepper-vertical::before {  content: "";  position: absolute;top: 25px;  left: 18px; width: 2px;    height: calc(84% - 1.5rem);  background: rgba(255,255,255,0.5);  z-index: 0;}
.stepper-vertical::after{  content:"";  position:absolute;  top:0.75rem;   left:12px;  width:2px;  height:var(--progress-h,0px); background:linear-gradient(#22c55e,#16a34a);  border-radius:999px;  z-index:1;   transition:height .35s ease;}
.step.completed .dot{  background:#22c55e;  color:#fff;  box-shadow:0 0 0 4px rgba(34,197,94,.15);}
.step.completed label::after{  content:" ✓";  color:#ffffff;  font-weight:1000;  margin-left:6px;}
.step.completed label::after{  content:" ✓";  color:#22c55e;  font-size:.9em;}
@keyframes pulse {
  from { box-shadow:0 0 0 0 rgba(255,193,7,.35); }
  to   { box-shadow:0 0 0 10px rgba(255,193,7,0); }}
.step.active .dot{  background:#ffc107;  color:#000;  animation:pulse 1.6s ease-out infinite;}
.step .dot{ z-index:3; position:relative; }
.stepper-vertical::after {  content: "";  position: absolute;  top: 0;  left: 12px;  width: 2px;  height: var(--progress-h, 0px);  background: linear-gradient(#22c55e, #16a34a);  border-radius: 999px;  z-index: 1;                 /* sits above gray line, below dots */  transition: height .35s ease;}
.step.completed .dot{  background:#22c55e;  color:#fff;}
.stepper-vertical .step {  position: relative;  display: flex !important;  flex-direction: row; align-items: center;  gap: 1rem;  text-align: left;}
.step .dot {  width: 25px;  height: 25px;  border-radius: 50%;  background: #fff;  color: #0d6efd;  display: flex;  align-items: center;  justify-content: center;  font-weight: bold;  z-index: 3;}
.stepper-vertical .dot {  width: 40px;  height: 40px;  border-radius: 50%;  background: #fff;  color: #000000;  display: flex;  align-items: center;  justify-content: center;  font-weight: bold !important;  z-index: 3;}
.stepper-vertical .step.active .dot {  background: #22c55e; color: #000;}
.stepper-vertical .step label {  font-size: 20px;  font-weight: 500;  margin: 0;}
.step.completed label{ color:#22c55e; }     
.step.active   label{ color:#ffc107; }       
.card {  min-height: 100%; }
.form-step {  min-height: 600px; display: flex;  flex-direction: column;  justify-content: space-between;}
.leftsidebar .bg-technology{background-image: url('../images/technology-bg.jpg');background-position: right; background-size: cover; background-repeat: no-repeat;}
.form-control{background-color: #dee2e638 !important;border: 1px solid #ff650045 !important;padding: .705rem .75rem !important;}
.form-select {padding: .705rem .75rem !important;border:1px solid #ffd5ba !important;background-color: #f8f9fa;}  
.zoom-input {transition: transform 0.2s ease, box-shadow 0.3s ease;}
.zoom-input:focus { transform: scale(1.05);  box-shadow: 0 0 10px #f3d3bf; outline: none;  }
.step label {  color: #fff; transition: color 0.3s ease; }
.step:hover label {color: #ffbd3a;}
.step label { opacity: 0.6;transition: all 0.4s ease-in-out;  display: block;}
.step.active label {  opacity: 1;  transform: translateX(0);  font-weight: 600;  animation: fadeSlideIn 0.6s ease forwards;}
.vimi-text{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
.vimi-text h6{font-size: 10px;font-weight: 700;color: #000;padding: 26px 14px;width: 90px;text-align: center;margin-bottom: 0px; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;border-radius: 100%;}

/* new css  */
.contact-section{
    background: #d6e5f8;
}
 .contact-pageform{
    /* background: #004aad; */
    background: linear-gradient(0deg, #003670, #003670d1);
    padding: 50px 25px
 }
.px-10{
    padding-inline: 100px;
}
.white-form{
    background: none;
    color: #ffff;
    border-bottom: 1px solid #ffff;
    border-radius: 0px;
    padding: 20px 0px;
    letter-spacing: 1.5px;
}
.contact-section .input-group .white-form::placeholder{color: #fff;}
.conpage-btn{float: right;width: fit-content; background: #ffff !important; padding: 15px 25px !important; margin-top: 30px;font-weight: 600 !important;font-size: 16px;border: none !important;border-radius: 0px !important;}
.have-inq{font-family: "Sansation", sans-serif;text-transform: uppercase;font-weight: 600;font-size: 110px;}
.reach-text{font-size: 35px;font-weight: 300;}
.pt-80{padding-top: 80px;}


/* Keyframes for animation */
@keyframes fadeSlideIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.step:hover label {  opacity: 1;  transform: scale(1.05);}
 @media only screen and (min-width:991px) and (max-width: 1500px){
.leftsidebar .ms-5 {    margin-left: 0rem !important;} }
  /* ---------- Mobile ---------- */
  @media (max-width: 720px){    .grid{grid-template-columns:1fr}
.review{grid-template-columns:1fr}
    .stepper{padding:20px}
    .track,.fill{left:44px; right:44px; top:34px}
    .dot{width:34px;height:34px;font-size:13px}
    .step label{display:none}
    .header{gap:8px}
    .rightcard-form .card{width:100% !important;}
    .right-card{margin-top: 1rem !important;}
    .leftsidebar .ms-5 {margin-left: 7rem !important;}
    .navbar-brand{margin-right: 0rem !important;}
  }

@media(min-width:1000px) and (max-width:1400px) {
    .banner-overlay h1 {
        font-size: 38px;
    }

    .banner-overlay p {
        font-size: 16px;
    }

    .perform-list p {
        font-size: 15px;
    }

    .banner-section {
        margin-top: 80px;
    }
}


@media(min-width:1200px) and (max-width:1399px) {
.service-card {padding: 20px !important;}
}
/* .swiper-slide-active .focus-box:hover{
    transform: scale(1.05) !important;
    transition: .3s !important;
} */
.swiper-slide-active .darkblue{
    background: #edf5ff !important;
}
.swiper-slide-active .voilet{
    background: #f4f0ff !important;
}
.swiper-slide-active .green{
    background: #effff2 !important;
}
.swiper-slide-active .red{
    background: #ffefef !important;
}
.swiper-slide-active .lightblue{
    background: #eafbff !important;
}
.techno-con h6{
    position: absolute;
    right: 0px;
    top: -10px;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
}

.glow-animate{
    position: relative;
    overflow: hidden;
    padding: 1px;
}

.glow-animate:hover{
    overflow: visible;
}

.glow-animate:hover .glow{
    width: 0;
    height: 0;
}

.glow {
  animation: move 4s linear infinite;
  offset-path: rect(0% auto 100% auto);
  background: linear-gradient(244deg, #ff741d, #ffff, transparent);
  position: absolute;
  inset: 0;
  width: 150px;
  height: 4px;
}

@keyframes move {
  0% {
    offset-distance: 0%;
  }

  100% {
    offset-distance: 100%;
  }
}

.why-list{
    display: flex;
    align-items: center;
    gap: 20px;
    background: #f3dfe2;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.why-list h2{
    font-size: 60px;
    font-weight: 800;
}
.why-keylist h4{
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.why-keylist p{
    font-size: 14px;
    margin-bottom: 0px;
}

/* .whereyou img{
    width: 285px;
} */
.whereyou button{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0%;
    right: 0px;
    background: none !important;
    border: none !important;
    color: #ffff !important;
    font-size: 20px;
    width: 100% !important;
    text-align: start;
    padding-left: 30px !important;
}

/* #active-tab-name img{
    width: 350px;
} */

#active-tab-text h3{
    position: absolute;
    top: 45%;
    bottom: 0%;
    left: 0%;
    margin: 0% auto;
    right: 0px;
    color: #ffff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-align: center;
    width: fit-content;
    height: fit-content;
}
#active-tab-text{
    width: fit-content;
}

.whoyouare{
    display: flex;
    align-items: center;
}
.whoyouare #active-tab-text{
    width: 55%;
}
.whoyouare #design{
    width: 45%;
    position: relative;
    border: none;
}
.whoyouare ul li:nth-child(1){
    position: relative;
    left: -35%;
}
.whoyouare ul li:nth-child(4){
    position: relative;
    left: -35%;
}
.whereyou {
  animation: pulse 2s ease-in-out;
  transition: transform 0.5s ease;
}

/* On hover, make it zoom more strongly */
.whereyou:hover {
  transform: scale(1.2);
  animation-play-state: paused;
}

/* Sequential delay for each item */
.nav-item:nth-child(1) .whereyou {
  animation-delay: 0s;
}
.nav-item:nth-child(2) .whereyou {
  animation-delay: 3s;
}
.nav-item:nth-child(3) .whereyou {
  animation-delay: 6s;
}
.nav-item:nth-child(4) .whereyou {
  animation-delay: 9s;
}

/* The pulse animation */
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
.whytabs{
    /* background: linear-gradient(45deg, #000000, #5e94d7); */
    background: #ffff;
    padding-top: 50px;
    padding-bottom: 70px;
}
.why-quicklink{
    background: #ffff;
    padding: 10px 20px;
    position: relative;
    border-radius: 10px;
    margin-bottom: 25px;
}
.scroll-offset {
    scroll-margin-top: 150px;
}
.ptb-50{
    padding-block: 50px;
}
#myTabContent .tab-pane{
    min-height: 260px;
}
.why-quicklink h4{
    font-size: 22px;
    color: #0d6efd;
    text-decoration: none;
}
.why-quicklink a{
    text-decoration: none;
}
.why-quicklink span svg{
    font-size: 25px;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 11px;
    color: #ffff;
    border-radius: 0px 10px 10px 0px;
    background: #fe6409;
}
.why-quicklink:hover h4 {
    transform: scale(1.04);
}
#designContent .tab-pane{
    margin-left: 30px;
}
.tab-tit{
    font-weight: 700;
    margin-bottom: 30px;
}
.tab-tit span{
    color: #ffff;
    background: #fe6409;
    padding: 6px 20px;
    font-size: 24px;
    border-radius: 10px;
}
#myTab .nav-link.active{
    border: none;
    border-bottom: 3px solid #000;
    color: #ff6602;
}
#myTab .nav-link{
    border: none;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.get-cards a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: linear-gradient(45deg, #132b5f, #346cd3);
    /* background: linear-gradient(45deg, #132b5f, #3c7cf1); */
    border-radius: 15px;
    padding: 20px;
    text-decoration: none;
    margin-bottom: 20px;
}
.get-cards:hover a{
    background: linear-gradient(45deg, #10377e, #86aacf);
}
.get-cards:hover .arrow-left svg{
    transform: rotate(0deg);
}
.tab-gap{
    padding-top: 50px;
}
.get-cards h4{
    color: #ffff;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 0px;
}
.get-cards .arrow-left svg{
    font-size: 19px;
    background: #ffff;
    border-radius: 50%;
    padding: 11px;
    transform: rotate(-40deg);
    transition: transform 0.4s ease-in-out;
}
#myTab{
    gap: 40px;
}
.swiper-button-prev , .swiper-button-next{
    display: none;
}
.awards-section {
    background: #ffffff;
    margin-inline: 50px;
    border-radius: 2.5rem;
    padding-block: 50px;
}
.mission-vison{
    background: #f8fcff;
    border-top-left-radius: 3.25rem;
    border-top-right-radius: 3.25rem;
}
.focus-section{
    background: #ffff;
}
.abwhite-shade{
    background: #ffff;
    padding: 20px 10px 0px 10px;
    border-radius: 15px;
}

/* media Query start  */
@media (max-width: 768px) {
    .navbar-menu {
        display: none;
        flex-direction: column;
        height: 90vh;
        background: #fff;
        position: absolute;
        top: 98%;
        left: 0;
        width: 100%;
        z-index: 999;
        padding: 10px 0;
    }

    .navbar-menu.open {
        display: block;
    }

    .navbar-menu li {
        position: relative;
        padding-block: 15px;
    }

    .navbar-menu li a{
        line-height: 30px;
        width: 100%;
    }

    .navbar-menu li.dropdown-open>ul {
        display: block;
    }

    .navbar-menu li ul {
        display: none;
        list-style: none;
        padding-left: 20px;
        background: #fafafa;
    }

    .hamburger {
        font-size: 26px;
        background: none;
        border: none;
    }

    body.overflow-hidden {
        overflow: hidden;
    }

    .banner-overlay h1 {
        font-size: 25px;
    }

    .banner-section {
        margin-top: 80px;
    }

    .banner-overlay p {
        font-size: 14px;
    }

    .banner-overlay {
        margin-top: 0px;
    }

    .navbar-menu {
        padding-inline: 15px;
    }

    .navbar-menu li .dropdown li {
        padding: 10px
    }

    .navbar-menu li .dropdown {
        position: relative;
        box-shadow: none;
    }

    .navbar-menu li .dropdown li a {
        font-size: 15px;
    }

    .banner-section img {
        object-fit: cover;
        object-position: left;
    }

    .hamburger {
        padding: 7px 20px;
        line-height: 30px;
    }

    .social-icons {
        margin-bottom: 25px;
    }

    .all-perfom {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .tech-points {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin-left: 0px;
    }

    html,
    body {
        overflow-x: hidden;
    }

    .whowe-con h3 {
        font-size: 30px;
    }

    .ptb-80 {
        padding-block: 50px;
    }

    .pb-80 {
        padding-bottom: 50px;
    }

    .pt-150 {
        padding-top: 130px;
    }

    .awards-div {
        margin-bottom: 25px;
    }

    .section-title h2 {
        font-size: 27px;
    }
    .all-tech:before {
        width: 105px;
        height: 100px;
    }
    .whoyouare ul li:nth-child(1) {
        left: 0%;
    }
    .whoyouare ul li:nth-child(4) {
        left: 0%;
    }
    .whoyouare {
        display: block;
    }
    .whoyouare #active-tab-text {
        width: 100%;
    }
    .whoyouare #design {
        width: 100%;
    }

    .perform-list h2 {
        font-size: 45px;
    }

    .patent-box {
        text-align: left;
        line-height: 25px;
    }
    .filter-section form {
        padding: 0px;
    }
    .technology-card div{
        display: block !important;
    }
    .technology-card a{
        width: 100%;
        margin-bottom: 10px;
    }
    .techno-con p{
        text-align: left;
        font-size: 14px;
    }

    .footer-section {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .vimi-img {
        margin-bottom: 25px;
    }

    .missvision-card {
        display: block;
        padding: 25px;
    }

    .missvis-icon h5 {
        text-align: center;
    }

    .missvis-con {
        width: 100%;
    }

    .missvis-icon {
        margin-bottom: 15px;
    }

    .missvis-con p {
        font-size: 15px;
        /* text-align: center; */
    }

    .hyperlink {
        line-height: 30px;
    }

    .ser-tit {
        margin-bottom: 25px;
    }

    .service-card {
        gap: 20px;
        padding: 25px;
    }

    .section-title p {
        font-size: 15px;
    }

    .tech-card {
        padding: 30px;
        margin-bottom: 20px;
    }
    .abwhite-shade {
        background: none !important;
        padding: 0;
    }

    .ban-content h1 {
        font-size: 24px;
        line-height: 135%;
        margin-bottom: 0px;
    }
    .tab-tit {
        font-size: 17px;
    }
    .tab-tit span {
        padding: 5px 10px;
        font-size: 18px;
    }
    .awards-section {
        margin-inline: 10px;
        padding-block: 30px;
    }
    .why-quicklink span svg {
        font-size: 17px;
    }
    .why-quicklink h4 {
        font-size: 16px;
    }
    .navbar-brand img {
        max-height: 65px !important;
    }

    #designContent .tab-pane {
        margin-left: 0px;
    }

    .ban-content h2 {
        font-size: 22px;
    }

    .ban-content p {
        font-size: 14px;
    }

    .vimi-img img {
        height: 300px;
    }

    .ban-content {
        padding-top: 30px;
    }

    .tech-con {
        padding: 20px;
    }

    .tech-right {
        margin-bottom: 25px;
        margin-inline: 0px;
    }

    .focus-con {
        margin-bottom: 20px;
    }

    .techono-all {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .technology-card h5 {
        font-size: 21px;
    }

    .filter-option {
        display: block;
        padding: 20px;
    }

    .filter-select {
        display: block;
    }

    .filter-select select{
        margin-bottom: 15px;
        min-width: 100% !important;
    }

    .filter-button{
        justify-content: space-between;
    }

    .contact-det{
        margin-bottom: 25px;
    }
    .px-10{
        padding: 0px !important;
    }
    .have-inq{
        font-size: 55px;
    }
    .reach-text {
        font-size: 25px;
    }
    .contact-pageform{margin-top: 50px;}
}