@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

body {
  font-family: "Roboto", sans-serif;
}

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

:root {
  --blue: #4492ff;
  --dark-blue: #2f21ff;
  --darkest-blue: #1c2265;
  --black: #000;
  --yellow: #dfa53a;
  --swiper-navigation-size: 20px !important;
  --swiper-navigation-color: #ffffff !important;
  --swiper-theme-color: #ffffff !important;
}

h1,
h2,
h3,
h4 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

a {
  text-decoration: none;
}

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

ul li {
  list-style: none;
}

section {
  padding: 50px 0px;
}



/* call and whatapp icon start here */

.main-icon-for-logi {
  display: none;
}

.what-icon {
  position: relative;
}

.whatapp-icon img {
  width: 60px !important;
  position: fixed;
  bottom: 100px;
  left: 10px;
  z-index: 9;
}

.whatapp-icon:hover img {
  transform: scale(1.2);
  transition: all 0.6s ease-in-out;

}

.phone-icons {
  position: relative;
}

.call-icon img {
  width: 60px !important;

  position: fixed;
  bottom: 100px;
  right: 10px;
  z-index: 99;

}

.call-icon:hover img {
  transform: scale(1.2);
  transition: all 0.5s ease-in-out;
}

@media (max-width:500px) {
  .call-icon img {
    width: 60px !important;


  }

  .whatapp-icon img {
    width: 60px !important;
  }
}


/* Show on small screens only */
@media (max-width: 768px) {
  .main-icon-for-logi {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 20px;
    right: 20px;
    gap: 10px;
    z-index: 999;
  }

  .main-icon-for-logi .what-icon .whatapp-icon a img {
    width: 30px !important;
    height: auto;
  }

  .main-icon-for-logi .phone-icons .call-icon a img {
    width: 30px !important;
    height: auto;
  }
}

@media (min-width:502px) and (max-width:992px) {
  .call-icon img {
    width: 70px !important;

    position: fixed;
    bottom: 120px;
    right: 9px;
  }


  .whatapp-icon img {
    width: 70px !important;
    position: fixed;
    bottom: 120px;
    left: 9px;
  }
}


/* call and whatapp icon end here */



.section-head .heading {
  text-align: center;
  color: var(--black);
  margin-bottom: 50px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  font-size: 32px;
}

.section-head .heading::after {
  content: " ";
  position: absolute;
  bottom: -10px;
  left: 47%;
  height: 2px;
  width: 6%;
  background-color: var(--darkest-blue);

}

@media screen and (max-width: 767px) {
  section {
    padding: 20px 0px;
  }

  .section-head .heading {
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 900;
  }

  .section-head .heading::after {
    left: 40%;
    height: 2px;
    width: 20%;
    background-color: var(--dark-blue);
  }
}

/* button */

.web-btn a {
  font-weight: 500;
  padding: 10px 20px;
  text-align: center;
  color: white;
  background: var(--black);
  display: inline;
  transition: 0.3s ease-in-out;
}

.web-btn a:hover {
  background: transparent;
  color: var(--black);
  border: 1px solid #000;
  transition: 0.3s ease-in-out;
}

/* button */


/* --------------------------- navbar css start ------------------------------- */

/* sticky navbar */

/* end of sticky nabar */

.navbar .navbar-brand img {
  width: 170px;
  filter: brightness(1.5);
}

.navbar .navbar-brand-sticky img {
  display: none;
  width: 170px;
  filter: brightness(1.5);
}


.banner-logo-img img {
  display: none;
  width: 170px;
  filter: brightness(10%);
}

@media (max-width: 767px) {
  .navbar-brand img {
    width: 100px;
  }

  .navbar-brand-sticky img {
    width: 100px;
  }
}

/* .navbar-toggler img{
    width: 20px;
} */

.navbar {
  padding: 0px;
  background: linear-gradient(#000000e1, #143c609f);
  position: absolute;
  z-index: 999;
  top: 0;
  width: 100%;
  transition: 0.5s ease-in-out;
}

.nav-link {
  color: #fff;
}

.fixedbg {
  position: fixed !important;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 99999;
  transition: 0.5s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.fixedbg .navbar-brand img {
  display: none;
}

.fixedbg .navbar-brand-sticky img {
  display: block;
}

.fixedbg .nav-item .nav-link {
  color: #000;
}

/* 
.display-mega{
  display: block;
} */

.dropdown-menu .show {
  display: block;
}

/* .hiover:hover .dropdown-menu {
  display: block !important;
} */

.dropdown-menu .dropdown-item:hover {
  background-color: var(--sky);
  color: #fff;
}

.nav-item .nav-link {
  font-weight: 500;
  padding-bottom: 0px !important;
  margin: 0px 20px;
}
@media(max-width:1200px){
  .nav-item .nav-link {
  font-weight: 500;
  padding-bottom: 0px !important;
  margin: 0px 10px;
}
}
.nav-item .nav-link:hover {
  color: #dbd6d6fa !important;
}

.nav-link:hover {
  color: var(--sky);
}

header {
  position: relative;
}

.nav-icon-menu {
  display: flex;
  gap: 20px;
}

.nav-icon-menu a img {
  width: 35px;
}

.video-banner {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.about-drop-link:hover .about-drop {
  display: block !important;
}

.about-drop {
  border-radius: 0px;
  background: linear-gradient(#000000de, rgba(255, 255, 255, 0.24));
  backdrop-filter: blur(7px);

}

.about-drop .dropdown-item {
  color: #fff;
}

.video-banner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-banner .overlay {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.384);
  z-index: 1;
  display: flex;
  justify-content:center ;
  align-items: center;
  flex-direction: column;
}

.video-banner .overlay .banner-text{
  margin-top: 250px;
}

.video-banner .overlay .banner-text h1 {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
}
.video-banner .overlay .banner-text h1 span{
  color: var(--blue);
}
.video-banner .overlay .banner-text p {
  font-size: 19px;
  color: #fff;
  text-align: center;
}

.call-icon-logi {
  background: #2196f3;
  border-radius: 50%;
}

.whatsapp-icon-logi {
  background: #29a71a !important;
}

.call-icon-logi a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}
@media(max-width:768px){
  .video-banner .overlay {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.329);
  z-index: 1;
  display: flex;
  justify-content:center ;
  align-items: center;
  flex-direction: column;
}

.video-banner .overlay .banner-text{
  margin-top: 150px;

 
}

.video-banner .overlay .banner-text h1 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
  text-align: center;

}
.video-banner .overlay .banner-text h1 span{
  color: var(--blue);
}
.video-banner .overlay .banner-text p {
  font-size: 14px;
  color: #fff;
  text-align: center;
}
}
/* subpage banner start */
.subpage-banner {
  height: 50vh;
  background: linear-gradient(#000000a6, #000000a8), url(../img/banner/subpage-banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  align-items: center;

}

.sub-banner-text {
  margin-top: 80px;
}

.sub-banner-text span {
  font-size: 35px;
  color: #fff;
}

.sub-banner-text p {
  font-size: 14px;
  color: #fff;
}

.sub-banner-text p a {
  text-decoration: none;
  color: #fff;
}


@media(max-width:768px) {
  .sub-banner-text span {
    font-size: 25px;
    color: #fff;
  }

  .sub-banner-text p {
    font-size: 10px;
  }

  .subpage-banner {
    height: 30vh;
  }
}

/* subpage banner end */



/* Mega Menu css start */
.mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 400px;
  background: linear-gradient(#000000de, rgba(255, 255, 255, 0.24));
  z-index: 999;
  border-top: 3px solid #00aaff;
  /* box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4); */
  padding: 40px 0;
  overflow-y: auto;
  backdrop-filter: blur(7px);
  transition: 0.5s ease-in-out;
  color: #fff;
}

.dropdown-menu {
  border: none !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}

.mega-menu h6 {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.6;
}

.mega-menu .dropdown-item {
  color: #eee;
  font-size: 1rem;
  padding: 6px 0;
  line-height: 3;
  background-color: transparent;
  transition: color 0.3s ease;
}

.mega-menu .dropdown-item:hover {
  color: #00aaff;
  background-color: transparent;
  text-decoration: underline;
}

.fixedbg .about-drop {
  border-radius: 0px;
  background: #fff;
  backdrop-filter: blur(0px);

}

.fixedbg .about-drop .dropdown-item {
  color: #000;
}

.fixedbg .mega-menu {
  background: #ffffff;
}

.fixedbg .mega-menu h6 {
  color: #000;
}

.fixedbg .mega-menu .dropdown-item {
  color: #000;
}

/* end of mega menu css */

/* -------------------------- end of navbar css ----------------------- */





/* ----------------------- slidebar css start here ---------------------- */
.mobile-navbar {
  display: none;
  background: #1c22654b;
  color: white;
  padding: 2px 20px;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

.mobile-navbar .logo img {
  height: 70px;
}

.mobile-navbar .logo1 img {
  height: 70px;
}

.mobile-navbar .logo1 {
  display: none;
}

.mobile-navbar .icons {
  display: flex;
  align-items: center;
  gap: 15px;
}

.mobile-navbar .icons img {
  height: 30px;
}

.mobile-navbar .icons a {
  color: white;
  font-size: 20px;
  text-decoration: none;
}

.hamburger {
  font-size: 24px;
  cursor: pointer;
}

.mobfixed {
  position: fixed !important;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 99999;
  transition: 0.5s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.mobfixed .logo img {
  display: none !important;
}

.mobfixed .logo {
  display: none;
}

.mobfixed .logo1 img {
  display: block !important;
}

.mobile-navbar .logo1 img {
  display: none;
}

.mobfixed .hamburger i {
  color: #000;
}

/* Sidebar Styles */
.mobile-sidebar {
  position: fixed;
  top: 0;
  left: -100%;
  width: 260px;
  height: 100vh;
  background-color: #111;
  color: white;
  padding: 60px 20px;
  transition: left 0.3s ease;
  z-index: 999999;
}

.mobile-sidebar.open {
  left: 0;
}

.mobile-sidebar .dropdown-menu {
  background-color: #000 !important;
  border-radius: none !important;
}

.mobile-sidebar .dropdown-menu .dropdown-item {
  padding: 0 10px;
  font-size: 14px;
}

.sidebar-close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

.sidebar-nav {
  list-style: none;
  padding: 0;
}

.sidebar-nav li {
  margin: 20px 0;
}

.sidebar-nav li a {
  color: white;
  text-decoration: none;
  font-size: 18px;
}

.mobile-sidebar .web-btn a:hover {
  background: #1c2265;
  color: #fff;
  border: 1px solid #1c2265;
  transition: 0.3s ease-in-out;
}

.web-btn {
  margin-top: 40px;
}

.web-btn a {
  color: #fff;
  text-decoration: none;
  background: #1c2265;
  border: 1px solid #1c2265;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 4px;
}


@media (max-width: 990px) {
  .mobile-navbar {
    display: flex;
  }

  .mobile-navbar .logo1 {
    display: block;
  }

}

/* reponsive slide-navbar */
@media screen and (max-width: 992px) {
  .video-banner {
    position: relative;
    overflow: hidden;
  }

  .navbar {
    display: none;
  }

  .banner-logo-img {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }

  .banner-logo-img img {
    display: block;
    width: 170px;
    filter: drop-shadow(3px 3px 8px #ffffff);
  }

  .video-banner .banner-text {
    top: 40%;
    width: 100%;
  }

}

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

  .banner-logo-img img {
    width: 150px;
  }

  .video-banner .banner-text h1 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
  }
}

/* end of reponsive slide-navbar */

/* -------------------- end of slidebar css ------------------ */




/* about us css start */
/* .about-us {
  background: linear-gradient( to right, rgba(255, 255, 255, 0.878), rgba(0, 0, 0, 0.459)), url(../img/about-us/aboutusbg1.jpg) no-repeat center center/cover;
  margin-top: 10px;
} */

.about-us .about-img {
  position: relative;
  overflow: hidden;
}

.about-us .about-img .about-back-img {
  position: relative;
}

.about-us .about-img .about-back-img img {
  height: 450px;
  padding-right: 150px;
}

.about-us .about-img .about-front-img {
  position: absolute;
  top: 40%;
  left: 50%;
}

.about-us .about-img .about-front-img img {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
}

.about-us .about-img .about-img-text {
  background: #1c2265;
  padding: 15px 20px;
  border-radius: 10px;
  position: absolute;
  left: 80%;
  top: 12%;
}

.about-us .about-text .about-text-head {
  color: var(--darkest-blue);
  margin-bottom: 20px;
}

.about-us .about-text .about-text-head h3 {
  font-size: 35px;
}

.about-us .about-text .about-text-body {
  text-align: justify;
  line-height: 1.8;
  color: var(--black);
}

.morr-about-content {
  margin-top: 30px;
}

.morr-about-content h2 {
  font-size: 28px;
  margin-bottom: 30px;
  color: var(--darkest-blue);
}

.morr-about-content h3 {
  color: var(--darkest-blue);
}

@media(max-width:768px) {
  .morr-about-content {
    margin-top: 15px;
  }

  .morr-about-content h3 {
    font-size: 20px;
  }

  .morr-about-content p {
    font-size: 12px;
  }

  .morr-about-content h2 {
    font-size: 19px;
    text-align: center;
    margin-bottom: 30px;
    color: var(--darkest-blue);
  }
}

/* responsive css */
@media screen and (max-width: 1120px) {
  .about-us .about-img .about-back-img img {
    object-fit: cover;
    padding-right: 80px;
  }

  .about-us .about-img .about-front-img {
    position: absolute;
    object-fit: cover;
    top: 50%;
    left: 50%;
  }

  .about-us .about-img .about-img-text {
    position: absolute;
    left: 70%;
    top: 15%;
  }
}

@media screen and (max-width: 991px) {
  .about-us .about-img {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .about-us .about-img .about-back-img {
    display: none;
  }

  .about-text-body p {
    margin-bottom: 25px;
  }


  .about-us .about-img .about-front-img {
    position: relative;
    top: 0%;
    left: 0%;
  }

  .about-us .about-img .about-front-img img {
    padding: 0px;
    border-radius: 0px;
  }

  .about-us .about-img .about-img-text {
    position: absolute;
    left: 70%;
    top: 22%;
    padding: 15px 20px;
  }

  .about-us .about-text .about-text-head {
    color: #37327d;
    margin-bottom: 10px;
  }

  .about-us .about-text .about-text-head h3 {
    font-size: 20px;
  }

  .about-us .about-text .about-text-body {
    text-align: justify;
    line-height: 1.2;
  }
}

@media screen and (max-width: 460px) {
  .about-us .about-img .about-img-text {
    position: absolute;
    left: 60%;
    top: 20%;
  }
}

/* end of responsive */
/* --------------------------------- end of about us css ----------------------------- */

/* why choose us start */
.why-us-content {
  margin-bottom: 40px;
}

.why-us-content p {
  text-align: center;
  font-size: 18px;
}

.why-feature-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 12px 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin-bottom: 20px;
  min-height: 230px;
}

.why-feature-card p {
  text-align: center;
  font-size: 14px;
}

.why-feature-card h3 {
  font-size: 20px;
  margin-top: 10px;
}

.we-build-sec .we-build {
  margin-bottom: 30px;
}

.we-build-sec .we-build p {
  text-align: center;
}

.work-process p {
  text-align: center;
}

.work-process-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
  padding: 10px;
  background-color: rgb(138, 211, 235);
  border-radius: 5px;
}

.work-process-card h3 {
  font-size: 18px;
}

/* why choose us end */







/* 
!!!
!!!
!!!
 */





@keyframes sliderer {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}


.logos-caru {
  overflow: hidden;
  padding: 35px 0;
  background: #fff;
  white-space: nowrap;
  position: relative;
}

.logos-caru::before,
.logos-caru::after {
  position: absolute;
  top: 0;
  width: 350px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos-caru::before {
  left: 0;
}

.logos-caru::after {
  right: 0;
}


.logos-caru:hover .logos-slider {
  animation-play-state: paused;
}

.logos-caru .logos-slider {
  display: inline-block;
  animation: 46s sliderer infinite linear;
}

.logos-caru .logos-slider img {
  height: 110px;
  width: 200px;
  margin: 0 5px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

/* ---------------product section css start --------------------*/



/* code for wave */
.products {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.products .wave {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #c0b6b66d;
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
  transition: 0.5s;
}

.products .wave span {
  content: "";
  position: absolute;
  width: 385vh;
  height: 425vh;
  top: 0;
  left: 50%;
  transform: translate(-50%, -75%);
  background: #ffffff;
}

.products .wave span:nth-child(1) {
  border-radius: 45%;
  background: rgb(255, 255, 255);
  animation: animate 25s linear infinite;
}

.products .wave span:nth-child(2) {
  border-radius: 40%;
  background: rgba(255, 255, 255, 0.5);
  animation: animate 25s linear infinite;
}

.products .wave span:nth-child(3) {
  border-radius: 42.5%;
  background: rgba(255, 255, 255, 0.5);
  animation: animate 25s linear infinite;
}

.products .swiper-button-next::after,
.products .swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  padding: 5px;
}

.products .swiper-button-next,
.products .swiper-button-prev {
  padding: 25px !important;
  background-color: #000000;
  height: 50px;
  width: 30px;
  border-radius: 50%;
}

@keyframes animate {
  0% {
    transform: translate(-50%, -75%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -75%) rotate(360deg);
  }
}

/* end of code for wave */

.product-card {
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  box-shadow: rgba(2, 61, 138, 0.966) 0px 5px 15px;
}

.product-cad-link {
  text-decoration: none;
  color: #fff !important;
}

.product-card img {
  transition: 0.5s ease-in-out;
}

.product-card .overlay-pro-content {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 20px 0px 0px 20px;
  border-radius: 25px;
  background: linear-gradient(#000000d5, #00000000);
}




.responsice-product {
  display: none;
}

@media(max-width:768px) {
  .responsice-product {
    display: block;
  }

  .products {
    display: none;
  }

  .product-card .overlay-pro-content h3 {
    font-size: 18px;
  }

  .product-card .overlay-pro-content .pro-para {
    transform: translateX(-120%);
  }

}






.mySwiper2 .swiper-button-next {
  position: absolute;
  top: 50%;
}

.mySwiper2 .swiper-button-prev {
  position: absolute;
  top: 50%;
  left: 20px !important;
}






.product-card .overlay-pro-content h3 {
  position: relative;
  font-size: 22px;
  font-weight: 400;
  margin-top: 20px;
  text-transform: uppercase;
}




.product-card .overlay-pro-content h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 3px;
  width: 16%;
  background-color: #fff;
  transition: 0.5s ease-in-out;
}

.product-card .overlay-pro-content .pro-para {
  padding: 10px 10px 0px 0px;
  margin-top: 20px;
  transform: translateX(-100%);
  transition: 0.5s ease-in-out;
}

.product-card .overlay-pro-content .pro-para p {
  font-size: 14px;
  color: #b3a9a9;
}

.product-card .btn-div {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0px;
}

.product-card .btn-div button {
  outline: none;
  border: none;
  padding: 8px 16px;
  border-radius: 25px;
  background-color: rgb(67, 77, 99);
  color: #fff !important;
  font-size: 16px;
  transform: translateY(200%);
  transition: 0.5s ease-in-out;
}

.product-cad-link:hover .product-card .overlay-pro-content .pro-para {
  transform: translateX(0%);
}

.product-cad-link:hover .product-card .overlay-pro-content h3::after {
  background-color: rgb(67, 77, 99);
}

.product-cad-link:hover .product-card .overlay-pro-content {
  background-color: #0000007a;
  backdrop-filter: blur(10px);
}

.product-cad-link:hover .product-card img {
  transform: scale(1.06);
}

.product-cad-link:hover .product-card .btn-div button {
  transform: translateY(0%);
}

/* ---------------product section css end --------------------*/


/* video section start */
.new-video {
  background-color: #1b1a1a;
}



.right-main-video {
  justify-content: center;
  align-items: center;
  height: 100%;
}


.video-card .video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.714);
  margin-bottom: 20px;
}

.video-card .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.responsive-video-content {
  display: flex;
  justify-content: center;
  align-items: start;
  height: 100%;
  flex-direction: column;
}


.responsive-video-content .btn1 {
  border: 1px solid #ffff;
  outline: none;
  padding: 10px 15px;
  background-color: #ffffff;
  color: #000000;
  /* border-radius: 2px; */
  display: inline-block;
  margin-bottom: 20px;
}

.responsive-video-content #hide-show {
  display: none;
}

.responsive-video-content h2 {
  color: #fff;
}

.responsive-video-content p {
  color: #c7b7b7;
}




@media(max-width:768px) {


  .responsive-video-content p {
    font-size: 14px;
    text-align: justify;
  }

  .responsive-video-content .btn1 {
    padding: 5px 7px;
    font-size: 14px;
  }

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


}

/* video section end */



/* end of code for wave */



/* --------------------- clients css start --------------------- */


.our-clients .swiper .swiper-wrapper .swiper-slide .client {
  margin: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* --------------------- end of client css ----------------------- */





/* ------------------------ new-blog section css start --------------------------- */

.new-blog .blog-card {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.new-blog .blog-card .card-img {
  position: relative;
}

.new-blog .blog-card .card-text {
  display: flex;
  justify-content: end;
  align-items: start;
  flex-direction: column;
  padding: 10px;
}

.new-blog .blog-card .card-text {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background: linear-gradient(rgba(0, 0, 0, 0.404), rgba(0, 0, 0, 0.733), rgba(0, 0, 0, 0.774));
  /* padding-bottom: 30px; */
  display: flex;
  justify-content: end;
  align-items: start;
  flex-direction: column;
  width: 100%;
  height: 100%;

}

.new-blog .blog-card .card-text i {
  position: absolute;
  bottom: 14%;
  right: 8%;
  font-size: 24px;
  color: #fff;
}

.new-blog .blog-card .card-text h3 {
  font-weight: 600;
  font-size: 20px;
}


.new-blog .blog-card .card-text p {
  margin-bottom: 10px;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-para {
  display: block;
  width: 90%;
}

.new-blog .blog-card .card-text button {
  background: none;
  border: none;
  outline: none;
  color: red;
}

.new-blog .blog-card .card-text button i {
  font-size: 20px;
}


@media(max-width:1200px) {
  .new-blog .blog-card .card-text h3 {
    font-weight: 600;
    font-size: 14px;
  }


  .new-blog .blog-card .card-text p {
    margin-bottom: 10px;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .new-blog .blog-card .card-text i {
    position: absolute;
    bottom: 12%;
    right: 8%;
    font-size: 24px;
    color: #fff;
  }
}

@media(max-width:500px) {
  .new-blog .blog-card .card-text h3 {
    font-weight: 600;
    font-size: 18px;
  }


  .new-blog .blog-card .card-text p {
    margin-bottom: 10px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .new-blog .blog-card .card-text i {
    position: absolute;
    bottom: 8%;
    right: 8%;
    font-size: 24px;
    color: #fff;
  }
}





/*  next-button or previous-button css start here  */

.new-blog {
  position: relative;
  overflow: hidden;
}


.new-blog .swiper-button-next::after,
.new-blog .swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  padding: 5px;
}

.new-blog .swiper-button-next,
.new-blog .swiper-button-prev {
  padding: 25px !important;
  background-color: #000000;
  height: 50px;
  width: 30px;
  border-radius: 50%;
}




.new-blog .swiper-button-next {
  position: absolute;
  top: 15%;
  right: 8%;
}

.new-blog .swiper-button-prev {
  position: absolute;
  top: 15%;
  left: 84%;
}

.new-blog .swiper-button-next:after {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}

.new-blog .swiper-button-prev:after {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}

@media screen and (max-width:1230px) {
  .new-blog .swiper-button-next {
    top: 15%;
    right: 8%;
  }

  .new-blog .swiper-button-prev {
    top: 15%;
    left: 82%;
  }
}

@media screen and (max-width:992px) {
  .new-blog .swiper-button-next {
    top: 20%;
    right: 12%;
  }

  .new-blog .swiper-button-prev {
    top: 20%;
    left: 75%;
  }

  .new-blog .swiper-button-next,
  .new-blog .swiper-button-prev {
    padding: 20px !important;
    background-color: #000000;
    height: 45px;
    width: 25px;
    border-radius: 50%;
  }

}

@media screen and (max-width:767px) {
  .new-blog .swiper-button-next {
    top: 7%;
    right: 12%;
  }

  .new-blog .swiper-button-prev {
    top: 7%;
    left: 74%;
  }


}


@media(max-width:580px) {
  .new-blog .swiper-button-next {
    top: 10%;
    right: 2%;
  }

  .new-blog .swiper-button-prev {
    top: 10%;
    left: 83%;
  }

  .new-blog .swiper-button-next,
  .new-blog .swiper-button-prev {
    padding: 16px !important;
    background-color: #000000;
    height: 30px;
    width: 15px;
    border-radius: 50%;
  }

  .new-blog .swiper-button-next:after {
    font-size: 14px;
  }

  .new-blog .swiper-button-prev:after {
    font-size: 14px;
  }
}



@media(max-width:440px) {
  .new-blog .swiper-button-next {
    top: 12%;
    right: 2%;
  }

  .new-blog .swiper-button-prev {
    top: 12%;
    left: 81%;
  }

  .new-blog .swiper-button-next,
  .new-blog .swiper-button-prev {
    padding: 16px !important;
    background-color: #000000;
    height: 30px;
    width: 15px;
    border-radius: 50%;
  }

  .new-blog .swiper-button-next:after {
    font-size: 10px;
  }

  .new-blog .swiper-button-prev:after {
    font-size: 10px;
  }
}


@media(max-width:364px) {
  .new-blog .swiper-button-next {
    top: 12%;
    right: 2%;
  }

  .new-blog .swiper-button-prev {
    top: 12%;
    left: 78%;
  }

  .new-blog .swiper-button-next,
  .new-blog .swiper-button-prev {
    padding: 16px !important;
    background-color: #000000;
    height: 30px;
    width: 15px;
    border-radius: 50%;
  }

  .new-blog .swiper-button-next:after {
    font-size: 8px;
  }

  .new-blog .swiper-button-prev:after {
    font-size: 8px;
  }
}

/* @media screen and (max-width:600px) {
  .new-blog .swiper-button-next {
    top: 12%;
    right: 4%;
  }

  .new-blog .swiper-button-prev {
    top: 12%;
    left: 84%;
  }
 

}

@media screen and (max-width:460px) {
  .new-blog .swiper-button-next {
    top: 12%;
    right: 4%;
  }

  .new-blog .swiper-button-prev {
    top: 12%;
    left: 82%;
  }
 

  .new-blog .swiper-button-next:after {
    font-size: 16px;
  }

  .new-blog .swiper-button-prev:after {
    font-size: 16px;
  }
} */

/* end of next-button or previous-button  */


/* ------------------------end of new-blog section css ------------------------------ */



/* ------------ FAQ's section css start --------------- */
.faq {
  background: linear-gradient(#00000010), url(../img/our-clients/robobg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.faq .accordion .accordion-item .accordion-body p {
  color: var(--black);
}

.faq .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}

.faq .accordion .accordion-item .accordion-header .accordion-button {
  color: #000;
  font-size: 18px;
  transition: 0.5s ease-in-out;
}

.faq .accordion .accordion-item .accordion-body p {
  font-size: 16px;
}

.faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: var(--darkest-blue);
}

.faq .accordion .accordion-item .accordion-header .accordion-button::after {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  margin-left: auto;
  content: "+";
  font-size: 2rem;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 2.25rem;
  transition: transform 0.2s ease-in-out;
}

.faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "-";
  font-size: 2rem;
  /* Same size for consistency */
  color: white;
  background-image: none;
  transform: rotate(0deg);
  transition: transform 0.2s ease-in-out;
}


/* responsive css start */
@media screen and (max-width: 981px) {
  .faq .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    padding: 15px;
  }

  .faq .accordion .accordion-item .accordion-body {
    padding: 15px;
  }

  .faq .accordion .accordion-item .accordion-body p {
    font-size: 14px;
    text-align: justify;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 767px) {
  .faq .accordion .accordion-item .accordion-header .accordion-button {
    padding: 10px;
    font-size: 14px;
  }


  /* .faq-head{
  font-size: 24px !important;
} */

  .faq .accordion .accordion-item .accordion-body {
    padding: 10px;
  }

  .faq .accordion .accordion-item .accordion-body p {
    font-size: 12px;
  }
}

/* responsive css end */

/* --------------------- end of FAQ's section css ----------------------- */



/* ------------------- contact us css start ------------------- */

.contact-us .any-query {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  height: 100%;
}

.contact-us .any-query h3 {
  color: var(--black);
  font-size: 34px;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 20px;
}

.contact-us .any-query ul li {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
  padding: 20px 0px;
  border-bottom: 1px solid rgb(224, 217, 217);
}

.contactus-home .any-query ul li a {
  color: var(--black);
  font-size: 18px;
  font-weight: 600;
}

.contact-us .any-query .icon a {
  font-size: 40px;
}

.contact-us .any-query h4 {
  font-size: 22px;
  font-weight: 600;
}

.contactus-home .contact-form {
  background: var(--darkest-blue);
  backdrop-filter: blur(15px);
  padding: 40px;
  border-radius: 10px;
}

.contact-us .contact-form .contact-form-heading {
  text-align: center;
  color: #fff;
}

.contact-us .contact-form .contact-form-heading p {
  margin-bottom: 10px;
  font-weight: 600;
}

.contact-us .contact-form .contact-form-heading h3 {
  font-size: 40px;
  margin-bottom: 20px;
}

.contact-us .contact-form .form-control {
  background-color: transparent;
  font-size: 16px;
  padding: 5px 5px !important;
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0px;
  color: #fff !important;
}

.contact-us .contact-form .form-control:focus {
  color: #fff;
  box-shadow: none;
  border-color: #fff;
  background-color: transparent;
}

.contact-us .contact-form .form-control::placeholder {
  color: #fff;
}

.form-btn button {
  background: var(--black);
  color: #fff;
  padding: 10px 20px;
  border: none;
  text-align: center;
  font-weight: 500;
  transition: .5s ease-in-out;
}

.form-btn button:hover {
  background: #fff;
  color: var(--black);
  transition: .5s ease-in-out;
}

/* ------------------------- captcha css start ------------------- */

.captchasep1 {
  display: flex;
}

.contact-us .contact-form .captchasep1 .form-floating label {
  color: #fff;
}

.contact-us .contact-form .captchasep1 .form-floating .form-control {
  padding-top: 1.625rem !important;
  padding-bottom: 0.625rem !important;
  color: #fff;
}

.captchasep1 input {
  width: 100% !important;
  height: 40px;
}

.captchasep1 .captcha-codes-sec {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  border-radius: 5px;
  background: url(../img/logo/captcha-bg.jpg);
}

.captchasep1 .captcha-codes-sec p {
  letter-spacing: 9px;
  font-style: italic;
  font-size: 32px;
  font-weight: 800;
  padding: 5px;
  height: 100%;
  color: #fff;
}

.captchasep1 .captcha-codes-sec {
  margin-bottom: 10px;
}

.captchasep1 .captcha-codes-sec button {
  font-style: italic;
  font-size: 22px;
  outline: none;
  height: 100%;
  border: none;
  background: none;
}

.captchasep1 .captcha-codes-sec button i {
  background: var(--dark-blue);
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}

/* responsive captcha */
@media screen and (max-width: 767px) {
  .captchasep1 .captcha-codes-sec p {
    letter-spacing: 2px;
    font-size: 18px;
    width: 60% !important;
  }

  .captchasep1 .captcha-codes-sec button {
    font-size: 12px;
  }

  .contact-form .captchasep1 .form-floating label {
    font-size: 14px;
    padding: 5px;
  }

  .form-floating .form-control,
  .form-floating .form-select {
    height: 2.5rem;
    line-height: 1.25;
  }
}

/* end of responsive captcha */

/* ------------------------- end of captcha css ------------------ */

/* contact us responsive css  */
@media screen and (max-width: 767px) {
  .contact-us .any-query h3 {
    font-size: 21px;
    margin-bottom: 10px;
  }

  .contact-us .any-query ul li {
    gap: 20px;
    margin-bottom: 10px;
    padding: 10px 0px;
  }

  .contact-us .any-query .icon a {
    font-size: 20px;
  }

  .contact-us .any-query h4 {
    font-size: 16px;
  }

  .contact-us .any-query .contact-number a {
    font-size: 16px;
  }

  .contact-us .any-query .mail a {
    font-size: 16px;
  }

  .contact-us .any-query .location a {
    font-size: 16px;
  }

  .contact-us .contact-form {
    padding: 20px;
  }

  .contact-us .contact-form .contact-form-heading p {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
  }

  .contact-us .contact-form .contact-form-heading h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

/* end of contact us responsive */

/* -------------------------  end of contact us css ------------------------- */

/* footer css start */

.footer {
  background-color: #000;
  padding: 50px 0px;
}

.footer .part-1 {
  padding-right: 20px;
}

.footer .part-1 .footer-logo {
  width: 200px;
  height: 100%;
  /* box-shadow: rgba(255, 255, 255, 0.912) 3px 3px 15px; */
  margin-bottom: 20px;
}

.footer .part-1 .footer-about-text p {
  color: #dfd8d8;
  line-height: 1.7;
  text-align: justify;
  margin-bottom: 30px;
  font-weight: 300;
}

.footer .part-1 .footer-icons h3 {
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
  font-size: 20px;
}

.footer .part-1 .footer-icons .social-icons ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.footer .part-1 .footer-icons .social-icons ul li {
  border-radius: 50%;
  padding: 2px 10px;
  background: #fff;
}

.footer .part-1 .footer-icons .social-icons ul li a {
  color: var(--darkest-blue);
  font-size: 24px;
}

.footer .part-2 {
  padding-left: 20px;
}

.footer .part-2 .part-2-head h3 {
  margin-bottom: 0px;
}

.footer .part-2 .part-2-head {
  color: #fff;
  padding-top: 70px;
  margin-bottom: 14px;
}

.footer .part-2 .products-list ul {
  display: flex;
  flex-direction: column;
}

.footer .part-2 .products-list ul li {
  margin-bottom: 15px;
  transition: 0.3s ease-in-out;
}

.footer .part-2 .products-list ul li:hover {
  letter-spacing: 1.5px;
  transition: 0.3s ease-in-out;
}

.footer .part-2 .products-list ul li a {
  color: #dfd8d8;
  font-size: 18px;
  display: flex;
  align-items: center;
  font-weight: 300;
}

.footer .part-2 .products-list ul li a i {
  margin-right: 15px;
  font-size: 16px;
}

.footer .part-3 {
  padding-left: 20px;
}

.footer .part-3 .part-3-head h3 {
  margin-bottom: 0px;
}

.footer .part-3 .part-3-head {
  color: #fff;
  padding-top: 70px;
  margin-bottom: 14px;
}

.footer .part-3 .footer-map .map {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.footer .part-3 .location {
  color: #dfd8d8;
}

.footer .part-3 .location h4 {
  text-align: center;
  position: relative;
  margin-bottom: 15px;
}

.footer .part-3 .location p {
  text-align: center;
  font-weight: 300;
}

.footer .part-3 .location h4::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 25%;
  height: 2px;
  width: 50%;
  background-color: #fff;
}

.footer-widget {
  padding: 10px 0px;
  color: #fff;
  background: #0f1341;
}

.footer-widget .widget-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-widget .widget-text p {
  font-size: 14px;
  margin-bottom: 0px;
}


.t-4-a a {
  color: #fff !important;
}


/* responsive footer css start */
@media screen and (max-width:991px) {
  .footer .part-1 .footer-about-text p {
    line-height: 1.8;
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .footer {
    padding: 20px 0px;
  }

  .footer .part-1 {
    padding-right: 0px;
  }

  .footer .part-1 .footer-logo {
    width: 100px;
    margin-bottom: 10px;
  }

  .footer .part-1 .footer-about-text p {
    line-height: 1.5;
    margin-bottom: 20px;
    font-size: 12px;
  }

  .footer .part-1 .footer-icons h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .footer .part-1 .footer-icons .social-icons ul {
    gap: 15px;
  }

  .footer .part-1 .footer-icons .social-icons ul li {
    border-radius: 50%;
    padding: 5px 10px;
  }

  .footer .part-1 .footer-icons .social-icons ul li a {
    font-size: 14px;
  }

  .footer .part-2 {
    padding-left: 0px;
  }

  .footer .part-2 .part-2-head {
    padding-top: 30px;
    margin-bottom: 10px;
  }

  .footer .part-2 .products-list ul li {
    margin-bottom: 10px;
  }

  .footer .part-2 .products-list ul li a {
    font-size: 16px;
  }

  .footer .part-3 {
    padding-left: 0px;
  }


  .footer .part-3 .part-3-head {
    padding-top: 30px;
    margin-bottom: 10px;
  }

  .footer-widget .widget-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }


  .footer-widget .widget-text .t-4-a {
    margin-top: 20px;
  }
}

@media screen and (max-width: 460px) {
  .footer-widget .widget-text p {
    font-size: 10px;
  }
}

/* end of responsive footer css */

/* ------------------------ end of footer css --------------------------- */

/* -------------------------------------- blogdetail page css start ------------------------------------ */


/* blog-details-start */
.blog-details {
  padding: 50px 0px;
}

.blog-image {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin-bottom: 30px;
}

.blog-content p {
  font-size: 18px;
  text-align: justify;
}

.related-blog-card {
  border: 1px dotted #000;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.related-blog-card a {
  text-decoration: none;
  color: #000 !important;
}

.related-blog-card img {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.related-blog-card h3 {
  font-size: 17px;
}

.related-blog-card p {
  font-size: 12px;
  margin-bottom: 0;
}

.fixed-card {
  position: sticky;
  top: 100px;
}

/* ---------------------------------- end of blog detail page css -------------------------------*/

/* ------------------------------------ contact us page css ------------------------------------- */

.contactus-page .any-query ul li a {
  color: #122949;
  font-size: 18px;
  font-weight: 600;
}

.contactus-page .contact-form {
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0.345),
      rgba(0, 0, 0, 0.548)),
    url(../img/contact/contactuspageformbg.avif) no-repeat repeat center center/cover;
  padding: 40px;
  border-radius: 10px;
}

.contactus-page .contact-form form {
  background-color: #00000074;
  backdrop-filter: blur(8px);
  padding: 10px;
  border-radius: 10px;
}

.contactus-page .any-query h4 {
  font-size: 22px;
  font-weight: 600;
  color: #d4ad37;
}

.contactus-main .map {
  border: 1px solid #000;
  margin-bottom: 2px;
}

.contactus-main .map iframe {
  width: 100%;
  height: 450px;
}

/* responsive css */
@media screen and (max-width: 767px) {
  .contact-us .contact-form {
    padding: 10px;
  }

  .contactus-page .contact-form form {
    padding: 10px;
  }

  .contactus-main .map iframe {
    width: 100%;
    height: 200px;
  }
}

/* end of responsive */



/* // topbar button ------------------------- */

.top {

  padding: 10px 12px;
  border: 1px solid #ffffff;
  background-color: #242222;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 999;
  border-radius: 50%;
}

.top img {
  height: 20px;
}

.top:hover {
  color: var(--darkest-blue);
}

/* // topbar button ------------------------- */


/* video modal start */
.modal-dialog .modal-content {
  background-color: #000 !important;
}

.modal-video .modal-dialog {
  position: relative;
  max-width: 800px;
  margin: 60px auto 0 auto;
  background-color: #000;
}

/* video modal end */





/* about us page start */
.about-page-about-us {
  background: #F4F4F4;
}

.about-us-text {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
}

.about-page-about-us .about-us-text h1 {
  font-size: 26px;
  margin-bottom: 30px;
  font-weight: 700;
}

.about-page-about-us .about-us-text p {
  font-size: 18px;
  color: rgb(110, 104, 104);
  margin-bottom: 10px;
  text-align: justify;
}





/* responsive css start */

@media screen and (max-width:991px) {
  .about-page-about-us .about-us-text {
    margin-bottom: 30px;
  }

}

@media screen and (max-width:767px) {
  .about-page-about-us .about-us-text {
    margin-bottom: 20px;
  }

  .about-page-about-us .about-us-text h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .about-page-about-us .about-us-text p {
    font-size: 12px;
    text-align: justify;
    margin-bottom: 10px;
  }

  .about-page-about-us .about-us-text .exp-btn {
    margin-top: 20px;
  }

  .about-page-about-us .about-us-text a {
    padding: 10px 20px;
  }
}

/* responsive end css */


/* about us page end */


/* project method start */
.project-method {
  background: #F4F4F4;
}

.project-method .container-box {
  background: #F4F4F4;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

.project-method .container-box .method-card {
  text-align: center;
  background: #fff;
  padding: 20px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: .2s ease-in-out;
  margin-bottom: 20px;
  min-height: 290px;
  max-height: 290px;
}

.project-method .container-box .method-card:hover {
  box-shadow: rgba(14, 30, 37, 0.12) 4px 2px 4px 2px, rgba(14, 30, 37, 0.32) 0px 2px 10px 2px;
  transition: .2s ease-in-out;
}

.project-method .container-box .method-card i {
  font-size: 50px;
  margin-bottom: 20px;
  color: rgb(19, 19, 168);
}

.project-method .container-box .method-card h2 {
  margin-bottom: 15px;
  font-size: 24px;
}

.project-method .container-box .method-card p {
  color: rgb(110, 104, 104);
}



/* ---- responsive css ---- */

@media screen and (max-width:1200px) {
  .project-method .container-box .method-card {
    min-height: 350px;
    max-height: 350px;
  }
}

@media screen and (max-width:991px) {
  .project-method .container-box .method-card {
    min-height: 310px;
    max-height: 310px;
  }
}


@media screen and (max-width:767px) {
  .project-method .container-box .method-card {
    padding: 10px 10px;
    transition: .2s ease-in-out;
    margin-bottom: 15px;
    min-height: 200px;
    max-height: 200px;
  }

  .project-method .container-box .method-card i {
    font-size: 20px;
  }

  .project-method .container-box .method-card h2 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .project-method .container-box .method-card p {
    text-align: justify;
    font-size: 14px;
  }
}

@media screen and (max-width:420px) {
  .project-method .container-box .method-card {
    min-height: 230px;
    max-height: 230px;
  }

  .project-method .container-box .method-card i {
    font-size: 24px;
  }

  .project-method .container-box .method-card h2 {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .project-method .container-box .method-card p {
    text-align: center;
  }
}



.produc-drop li a {
  margin: 0px !important;

  color: white;
  text-decoration: none;
  font-size: 12px;
}

.about-link li a {
  color: white;
  text-decoration: none;
  font-size: 12px;
}

.produc-drop li {
  margin: 0px !important;
}

.about-link li {
  line-height: 8px;
  margin-bottom: 0px !important;
}

.sidebar-nav li {
  margin: 12px 0;
}

/* ---- responsive css end ---- */

/* ------------ end of project method css here ------------ */

/* project method end */


/* overview style start */
.press-automation {
  margin: 0px 0px;
}

.press-automation .press-content {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  height: 100%;
}

.press-auto img {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

@media(max-width:768px) {
  .press-automation .press-content p {
    text-align: justify;
    font-size: 12px;
  }

  .press-automation {
    margin: 40px 0px;
  }

  .press-automation .press-content h2 {
    font-size: 18px;
  }

  .overview-start p {
    text-align: justify;
    font-size: 12px;
  }

  .overview-start h1 {
    font-size: 26px;
  }



  .press-auto img {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-bottom: 10px;
  }
}

/* overview style end */


/* enquiry page start */
.enquiry p {
  font-size: 18px;
  text-align: justify;
}

.enquiry-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  background-color: #21225B;
  padding: 10px 0px;
}

.enquiry-card .enq-icon-img-div {
  background-color: #FFF;
  padding: 12px 14px;
  border-radius: 50%;
  box-shadow: rgba(255, 255, 255, 0.89) 0px 3px 8px;
  margin-bottom: 20px;
}

.enquiry-card .enq-icon-img-div img {
  filter: drop-shadow(rgba(0, 0, 0, 0.685) 0px 3px 8px);
}

.enquiry-card .enq-form-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;


}

.enquiry-card .enq-form-content h2 {
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin-bottom: 25px;
}

.enquiry-card .enq-form-content p {
  color: #FFF;
  margin-bottom: 0px;
}

.enquiry-card .enq-form-content p a {
  text-decoration: none;
  color: #fff !important;
}

.enquiry-card .enq-form-content img {
  height: 30px;
}

.enquiry-card .enq-form-content .enq-btn {
  text-decoration: none;
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 30px;
  animation: glow-animation 0.8s infinite alternate;
}

@keyframes glow-animation {
  from {
    box-shadow: rgba(255, 255, 255, 0.877) 0px 5px 15px;
  }

  to {
    box-shadow: rgba(255, 255, 255, 0.829) 0px 7px 29px 0px;
  }
}


@media screen and (max-width:991px) {
  .enquiry-card {
    padding: 20px 10px;
  }

  .enquiry .enquiry-img {
    margin: 10px 0px;
  }

  .enquiry-card .enq-form-content h2 {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-bottom: 18px;
  }

  .enquiry-card .enq-form-content p {
    color: #FFF;
    margin-bottom: 0px;
    font-size: 14px;
  }
}

.enq-modal .modal-content {
  background-color: #fff !important;
  margin-top: 120px;
}

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

  .enquiry .enquiry-text h2 {
    font-size: 20px;
  }

  .enquiry p {
    margin-bottom: 10px;
    font-size: 12px;
  }
}


.enquiry-detail h2 {
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  gap: 10px;
}

.enquiry-detail h3 i {
  color: #000;
  margin-right: 10px;
}

.enquiry-detail h3 {
  margin-top: 20px;
  font-size: 24px;
  color: rgb(17, 17, 162);
}

.enquiry-detail p {
  font-size: 18px;
  text-align: justify;
  margin-bottom: 5px;
}

@media screen and (max-width:767px) {
  .enquiry-detail h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .enquiry-detail h3 {
    font-size: 18px;
    margin-top: 10px;
  }

  .enquiry-detail h3 i {
    margin-right: 5px;
  }

  .enquiry-detail p {
    font-size: 12px;
  }
}


/* related products start */
.sub-product-card {
  position: relative;
  overflow: hidden;
}

.productss .row>* {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.sub-product-card img {
  transition: .4s ease-in-out;
  width: 100%;
}

.sub-product-card:hover img {
  transform: scale(1.03);
  transition: .4s ease-in-out;
}

.sub-product-card .product-text {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: start;
  padding: 0px 0px 10px 10px;
  align-items: end;
  width: 100%;
  height: 100%;
  color: #fff;
  background: linear-gradient(#00000034, #000a16ee);
  /* background: rgba(78, 78, 185, 0.411); */
  /* transition: .5s ease-in-out; */
}

.sub-product-card .product-text:hover {
  /* background: #000000be; */
  background: rgba(2, 2, 48, 0.815);
  /* transition: .5s ease-in-out; */
}

.sub-product-card .product-text h3 {
  margin-bottom: 0px;
  font-size: 22px;
}

.productss .sub-pro-para {
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
}

@media(max-width:768px) {
  .productss .sub-pro-para {
    font-size: 14px;
    text-align: justify;
  }
}

@media screen and (max-width:767px) {
  .productss .row>* {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .sub-product-card {
    margin-bottom: 20px;
  }

  .sub-product-card .product-text h3 {
    font-size: 18px;
  }
}

/* related products end */
/* enquiry page end */

/* our-belief start */
.our-beliefs .tab-btn {
  outline: none;
  border: none;
  padding: 10px;
  background-color: var(--black);
  color: #ffff;
  border-radius: 50px;
}

.our-beliefs .tab {
  display: none;
}

.our-beliefs .active {
  background-color: var(--darkest-blue) !important;
}

.tab-content h2 {
  font-size: 32px;
}

.tab-content h2 i {
  color: var(--darkest-blue);
}

.tab-content p {
  text-align: justify;
  font-size: 18px;
}

@media(max-width:768px) {
  .tab-content p {
    font-size: 14px;
  }

  .tab-content h2 {
    font-size: 24px;
  }
}

.excellamce {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 25px;
  padding: 10px;
  background-color: #8AD3EB;
  min-height: 185px;
  margin-bottom: 20px;
}

.excellamce h3 {
  font-size: 16px;
  text-align: center;
}

.quotes p {
  font-size: 18px;
  color: var(--dark-blue);
}

.exce-para p {
  text-align: justify;
}

@media(max-width:768px) {
  .quotes p {
    font-size: 14px;
  }
}

/* our-belief end */

/* career start */
.career-wrapper {
  /* max-width: 1000px; */
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

.career-left {
  background: linear-gradient(to bottom right, #0d6efd, #3f9eff);
  color: #fff;
  padding: 40px;
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.career-btn {
  border: none;
  padding: 10px;
  background-color: #000;
  color: #fff;
  border-radius: 50px;
  transition: 0.5s ease-in-out;
}

.career-btn:hover {
  background-color: var(--darkest-blue);
}

.career-left h2 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.career-left p {
  font-size: 1.1rem;
  line-height: 1.6;
}

.career-form {
  flex: 1 1 60%;
  padding: 40px;
}

.form-control:focus {
  box-shadow: none;
  border-color: #0d6efd;
}

.form-label {
  font-weight: 500;
}

@media (max-width: 768px) {
  .career-wrapper {
    flex-direction: column;
  }
}

/* career end */
/* board-of0director-start */
.member-image {
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.member-details {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  height: 100%;
  background-color: #afdbff;
  padding: 20px 20px;
}

.member-details span {
  display: inline-block;
  margin-bottom: 20px;
}

.member-details p {
  text-align: justify;
  font-size: 18px;
}

@media(max-width:768px) {
  .member-details p {
    text-align: justify;
    font-size: 14px;
  }
}

/* board-of-director-end */


/* index make in india start */
  .make-in-india-image{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .dett span{
   font-size: 22px;
   font-weight: 700;
  }
  .det-1{
   position: absolute;
   left: -5%;
   top: 3%;
   width: 45%;
  }
  .det-2{
  position: absolute;
  right: 0%;
  top: 3%;
  width: 30;
  }
  .det-3{
  position: absolute;
  left:0%;
  bottom: 3%;
     width: 30%;
  }
  .det-4{
  position: absolute;
  right: 0;
  bottom: 3%;
     width: 45%;
  }
@media(max-width:768px){
  .det-4{
  position: absolute;
  right: 0;
  bottom: 0%;
     width: 60%;
  }
}
@media(max-width:570px){
  .dett span{
   font-size: 14px;
   font-weight: 700;
  }
   .det-4{
  position: absolute;
  right: 0;
  bottom: -4%;
     width: 40%;
  }
  .det-1{
   position: absolute;
   left: 0%;
   top: 5%;
   width: 60%;
  }
}
@media(max-width:400px){
 .dett span{
   font-size: 10px;
   font-weight: 700;
   line-height: 10px !important;
  } 
   
   .det-4{
  position: absolute;
  right: 0;
  bottom: 3%;
     width: 40%;
  }
    .det-2{
  position: absolute;
  right: 0%;
  top: 1%;
  width: 30;
  }
}
  @media(max-width:575px){
    .det-1{
   position: absolute;
   left: 0%;
   top: 5%;
   width: 20%;
  }
   
  }
/* index make in india end */