@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=League+Spartan:wght@100..900&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=League+Spartan:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=League+Spartan:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

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

:root {
  --primary: #E85C2E;
  --dark: #000;
  --light: #fff;
  --blue: #1B2C3F;
}

.index-gap {
  padding: 60px 0;
}



.hero-start .navbar {
  background: rgba(217, 217, 217, 0.01);
  backdrop-filter: blur(7px);
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 99999;
  font-family: Lato !important;
}
/* other page navbar */
.hero-nav .navbar{
  background: #1B2C3F !important;
  color: #fff;
  z-index: 99999;
  width: 100%;
}


.casebrdc-banner {
  height: 280px;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/banner/page-header-img.jpg) center center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;

}


/* navlink btn */
.navbar .navbar-nav .nav-item .nav-link {
  color: #fff;
  font-family: Lato !important;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  padding: 20px;
  white-space: nowrap;
}

/* home btn */
.navbar .navbar-nav .nav-item .nav-link.active {
  color: #E85C2E;
  font-family: Lato !important;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

/* contatc us btn */
.btn.btn-nav {
  background-color: #E85C2E;
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
}


.anil {
  position: relative;
}

.banner-content {
  position: absolute;
  top: 16%;
}

.banner-content h1 {
  color: #fff;
  font-family: Montserrat;
  font-size: 45px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 1.68px;
  text-transform: capitalize;
}

.banner-content h1 span {
  color: #E85C2E;
}

.banner-content p {
  color: #FFF;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.6px;
  margin-bottom: 25px !important;
  padding: 0px !important;
  margin: 0px;
}

.banner-content .line {
  width: 393px;
  height: 1px;
  background-color: #fff;
  margin-bottom: 28px !important;
}

.topnavv-2{
  position: sticky;
}


/* new video css */

.slideshow-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.mySlides {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.active {
  opacity: 1;
}

.aaaaaa button {
  /* position: absolute; */
  /* top: 50%; */
  /* background-color: rgba(0, 0, 0, 0.5); */
  /* color: white;
    border: none;
    padding: 12px;
    cursor: pointer;
    font-size: 20px;
    transform: translateY(-50%);
    z-index: 10; */
}

.aaaaaa .prev {
  left: 10px;
}

.aaaaaa .next {
  right: 10px;
}

.aaaaaa button:hover {
  /* background-color: rgba(0, 0, 0, 0.8); */
}


.carousel-control-next {
  right: 0;
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease;
}

/* @media (min-width: 2560px) {
  .banner-content {
    position: absolute;
    top: 25%;
    left: 25%;
    right: auto;
    bottom: auto;
  }
} */



/* @media (max-width: 768px) {
    .slideshow-container {
        height: 60vh;
    }
} */

/* new video css */

















/* about us */
.about-sec {}

.about-sec .about-content {}

.about-sec .about-content .about-heading h2 {
  color: #1B2C3F;
  font-size: 30px !important;
  /* font-size: 35px !important; */
  font-weight: bold;
  font-family: Montserrat !important;
}

.about-sec .about-content .about-para {
  border-color: black;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;


}

.about-sec .about-content .about-para .about-para-display {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.about-sec .about-content .about-para a.abt-paraaa {
  font-family: Lato;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  color: #000;
  text-decoration: none;
}

.about-sec .about-content .about-para a.abt-btnnn {
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  color: #000;
  /* color: #E85C2E; */
  padding: 2px 5px;
  white-space: nowrap;

}

.about-sec .about-content .about-para a.abt-btnnn:hover i {
  color: #E85C2E;
}

.about-sec .about-content .about-para a.abt-btnnn:hover {
  background-color: #000 !important;
  color: #fff;
  transition: 0.5s ease-in-out;
  /* padding: 2px 5px; */
  border-radius: 3px;
  /* transition: 0.9s ease-in-out; */
}


/* sec title start */
.sec-title h2 {
  font-size: 35px;
  /* font-weight: bold; */
  font-weight: 800;
  color: #1B2C3F !important;
  font-family: Montserrat !important;
  text-transform: uppercase;
}

.sec-title h2:before {
  background: linear-gradient(to left, #6FD3DC 0%, #7D98E2 100%),
    linear-gradient(to left, #01AFFE 0%, #175DE2 133.06%),
    linear-gradient(to left, #A0F6D2 0%, #FF6C23 133.06%),
    linear-gradient(to left, #EB5C0B 0%, #1B2C3F 100%),
    var(--title-sub, #1B2C3F);
  content: '';
  display: block;
  height: 10px;
  width: 110px;
  margin-bottom: 10px;
}



.sec-title2 h3 {
  color: var(--title-sub, #1B2C3F);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 45px;

}

.sec-title2 h3:before {
  background: var(--title-sub, #1B2C3F);
  content: '';
  display: block;
  height: 5px;
  width: 90px;
  margin-bottom: 10px;
}




/* expertise */

.expertise-sec .expertise-parent-box {
  position: relative;
  overflow: hidden;
}

.expertise-sec .expertise-parent-box .service-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  transform: translateY(50px);
  transition: 0.5s ease-in-out;
}

.expertise-sec .expertise-parent-box:hover .service-btn {
  transform: translateY(0px);
  transition: 0.5s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.expertise-sec .expertise-parent-box .service-btn a {
  color: #fff;
  border: 1px solid #fff;
  padding: 3px 5px;
  text-decoration: none;
  border-radius: 3px;
  font-size: 10px;
}




.expertise-sec .destination-item img {
  transition: .5s;
}

.expertise-sec .destination-item:hover img {
  transform: scale(1.1);
}

.expertise-sec .destination-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(27, 44, 63, 0.20) 0%, #1B2C3F 100%);
  /* background: rgba(0, 0, 0, 0.3); */
  /* border: 1px solid rgba(255, 255, 255, 0.5); */
  transition: .5s;
  z-index: 1;
}

.expertise-sec .destination-item:hover .destination-overlay {
  /* top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; */
  /* border-width: 30px; */
  background: linear-gradient(180deg, rgba(27, 44, 63, 0.603) 0%, #1B2C3F 100%);
}

.expertise-sec .destination-item .destination-overlay h3 {
  color: #fff !important;
  text-align: center;
  text-shadow: 0px 4.483px 4.483px rgba(0, 0, 0, 0.25);
  font-family: Montserrat;
  font-size: 36px;
  /* font-size: 28px; */
  font-style: normal;
  font-weight: 800;
}



/* .About-Exeliq start */

.About-Exeliq {
  flex-shrink: 0;
  border-bottom: 1px solid rgba(27, 44, 63, 0.70);
  border-top: 1px solid rgba(27, 44, 63, 0.70);
}

.About-Exeliq .border-right {
  border-right: 1px solid rgba(27, 44, 63, 0.70);
}

.About-Exeliq .About-Exeliq-para p {
  font-size: 20px;
}

.About-Exeliq .About-Exeliq-para a {
  text-decoration: none;
  border: 1px solid #000;
  font-size: 14px;
  color: #1B2C3F;
  line-height: 100%;
  /* 10.17px */
  letter-spacing: 0.305px;
}

.About-Exeliq .about-exeliq-why-choose h3 {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  font-family: Montserrat;
  margin-top: 8px;
}

.About-Exeliq .about-exeliq-why-choose p {
  font-size: 16px;
  font-family: lato !important;

}

.About-Exeliq .about-exeliq-why-choose .about-exeliq-img {
  display: flex;
  padding: 12px;
  align-items: center;
  justify-content: center;
  gap: 10.189px;
  border-radius: 60px;
  background: #7D9AE2;
  width: 60px;

}


/* .About-Exeliq end */






.training-sec {
  background: linear-gradient(to right, #457AAA, #1C3144);

}



.training-sec .training-content p {
  color: var(--Secondary-Color, #FFF);
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
  /* 140% */
  letter-spacing: 1.92px;

}

.training-sec .training-content h4 {
  color: var(--Secondary-Color, #FFF);
  font-family: Montserrat;
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
  line-height: 34.8px;
  letter-spacing: 0.96px;


}

.training-sec .training-content p.para {
  color: var(--Secondary-Color, #FFF);
  text-align: justify;
  font-family: Lato;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 160% */
  letter-spacing: 0.6px;


}

.training-sec .training-content h4 span {
  color: var(--Secondary-Color, #FFF);
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 30.8px;
  /* 112% */
  letter-spacing: 1.2px;
  text-transform: uppercase;

}

.training-sec .training-content span {
  color: #E85C2E;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  line-height: 18.4px;
  letter-spacing: 1.92px;
}

.div-1-youtube {
  display: none;
}

.parent-div-img-hover {
  position: relative;
}

.fixed-button {
  position: absolute;
  left: 10px;
  /* top: 35%; */
  z-index: 9999;
  bottom: 10%;
  display: flex;
  flex-direction: column;
}

.fixed-button > div {
  border: none !important;
  color: #fff;
  border-radius: 5px;
  width: 80px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 2.703px;
  opacity: 0.6;
  background: transparent;
  cursor: pointer;
}

/* .fixed-button button{
  border: none !important;
    color: #fff;
    border-radius: 5px;
    width: 80px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 2.703px;
    opacity: 0.6;
    background: transparent;
    
  } */

.fixed-button .active {
  /* padding: 10px;
  border: 5px solid #fff !important; */
  opacity: 1;
}







/*******************************/
/*********** cliend CSS **********/
/*******************************/
.cliend {
  position: relative;
  width: 100%;
  padding: 45px 0;
}


.cliend h2 {
  color: #1B2C3F !important;
  text-align: center;
  font-family: Montserrat;
  font-size: 56px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  /* 56px */
  letter-spacing: 1.68px;
  text-transform: uppercase;

}

.clientle-sec {
  position: relative;
  overflow: hidden;
  width: 100%;
}



@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;
  margin: 0 30px;
}

/* footer start */

.footer {
  background-color: #324254 !important;
}

.footer .input-search input {
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.footer .input-search button {
  border-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #E85C2E;
  color: #fff;
  /* font-weight: 500; */
  font-size: 16px;
}

.footer .footer-text p {
  color: #FFF;
  text-align: justify;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  line-height: 30.6px;
  letter-spacing: 1.44px;
  font-weight: 300;
}

.footer .footer-text .social-media p {
  color: #FFF;

  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.62px;
  margin: 0;
  padding: 0;
}


.footer .heading ul {
  padding-left: 0;
}

.footer .heading h4 {
  color: var(--Secondary-Color, #FFF);
  font-family: Lato !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 1.68px;
  text-transform: uppercase;
}

.footer .heading ul li a {
  color: #fff;
  font-family: Lato !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 30.6px;
  letter-spacing: -0.078px;
}

.footer .heading ul li a:hover {
  color: #E85C2E !important;
}

.footer .heading ul li a {
  text-decoration: none;
  color: #fff;

}

.footer .heading ul li a i {
  font-size: 8px;
}

/* footer end */







/* page header start */

.page-header {
  /* background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/banner/page-header-img.svg) center center no-repeat; */
  background-size: cover;
  /* width: 1920px; */
  /* height: 462px; */
  /* flex-shrink: 0; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 50px; */
  /* padding: 50px 0; */
}




.page-header h2 span {
  color: #F26722;
  margin-bottom: 0 !important;
  text-align: center;
  font-family: Montserrat;
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  /* line-height: 36.4px; */
  text-transform: uppercase;
  margin-top: 15px;
}


.page-header h2 {
  color: #1B2C3F !important;
  font-family: Montserrat;
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  /* line-height: 43.4px; */
  text-transform: uppercase;
  /* margin-top: 0 !important; */
}

.page-header p {
  /* margin-top: 15px; */
  color: rgb(49, 49, 49);
  text-align: center;
  font-family: Lato;
  font-size: 19.346px;
  font-style: normal;
  font-weight: 400;
  /* line-height: 30.72px; */
}






.page-header .breadcrumb-item a,
.page-header .breadcrumb-item+.breadcrumb-item::before {
  color: var(--light) !important;
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 0.5rem;
  color: var(--light) !important;
}

.page-header .breadcrumb-item a:hover,
.page-header .breadcrumb-item.active {
  color: var(--primary) !important;
}



.asf {
  fill: rgba(227, 231, 236, 0.30);
  background: #E3E7EC4D !important;
  margin-top: 10px;
  padding: 10px;
}

.asf ol li.breadcrumb-item {
  color: gray !important;
  font-size: 17px;
}

.asf ol li.breadcrumb-item.active {
  color: rgb(0, 0, 0) !important;
  font-size: 17px;
}

.asf ol li.breadcrumb-item a {
  color: gray !important;
  font-size: 17px;
}


/* tmi soution start */

.tmi-solution-start .tmi-solution-heading h1 {
  color: var(--title-sub, #1B2C3F);
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  /* 32px */
  letter-spacing: 0.96px;
  text-transform: uppercase;
}

.tmi-solution-start .section-padding {
  padding: 44px 0;
}

.tmi-solution-start .section-padding .tmi-content h5 {
  color: #1B2C3F !important;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 22.4px;
  margin-left: 10px;
}

.tmi-solution-start .section-padding .tmi-content {
  padding: 10px 5px;
}

.tmi-solution-start .section-padding .tmi-content ul li {
  color: #313131;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.2px;
}


.tmi-solution-start .section-padding button {
  display: flex;
  /* height: 44px; */
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 0px 0px 7px 7px;
  /* background: #676767; */
  background: var(--primary);
  color: #fff;
  outline: none;
  border: none;
  padding: 10px;
  color: #FFF;

  text-align: center;
  font-family: Lato;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.tmi-solution-start .section-padding button:hover {
  background-color: var(--primary) !important;
}




/* tmi details start */
.tmi-solution-details .tmi-details-img {
  border-left: 6px solid #1B2C3F;

}

.tmi-solution-details .tmi-details-img .extra-img {
  border: none;
}

.tmi-solution-details .tmi-content {
  border-bottom: 3px solid #E85C2E;
  margin-bottom: 25px;

}

.tmi-solution-details .tmi-content h2 {
  color: var(--title-sub, #1B2C3F);
  font-family: Montserrat;
  font-size: 27px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
}

.tmi-solution-details .tmi-content p {
  color: var(--subtitle-text, #313131);
  font-family: Lato;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.6px;
}

.tmi-solution-details .tmi-content-2 h5 {
  color: var(--subtitle-text, #313131);
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30.6px;

}

.tmi-solution-details .tmi-content-2 ul li {
  color: var(--subtitle-text, #313131);
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;

}

.tmi-solution-details .specification-sec {
  /* border-radius: 7px; */
  /* border: 1px solid #000; */
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  margin-bottom: 30px;
}

.tmi-solution-details .specification-sec .table th {
  color: var(--title-sub, #1B2C3F);
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.75px;
  padding-left: 50px !important;
}

.tmi-solution-details .specification-sec .table tr td {
  padding-left: 50px !important;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}

.tmi-solution-details .ddd h3 {
  color: var(--title-sub, #1B2C3F);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
}

.tmi-solution-details .ddd p {
  color: var(--subtitle-text, #313131);
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  /* line-height: 30.6px; */

}


.tmi-solution-details .tmi-details-img .multi-img .m-img{
  padding: 10px;
}
.tmi-solution-details .tmi-details-img .multi-img .m-img img{
  border: 1px solid #000;
}
.fancybox__container{
  z-index: 999999999 !important;
}
.tmi-solution-details .form-btn{
  background: #198754;
  color: #fff;
  outline: none;
  border: none;
  padding: 10px 20px;
}
.tmi-solution-details .modal-header{
  padding: 10px !important;
}
.tmi-solution-details .modal form .btn{
  background: #198754;
  color: #fff;
  padding: 10px !important;
}
.tmi-solution-details .modal{
  z-index: 999999 !important;
}
.tmi-solution-details .modal input{
  padding: 10px;
}
.tmi-solution-details .modal-title{
  color: #2e3092;;
    font-weight: 700;
    font-style: italic;
}
/* captcha new design start */
.captchasep1 {
  display: flex;
}

.captchasep1 input {
  width: 100% !important;
  margin-top: 0 !important;
}

.captchasep1 .captcha-codes-sec {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  /* border-top: 1px solid #757070; */
  /* border-right: 1px solid #757070; */
  /* border-bottom: 1px solid #757070; */
  background: url(../img/captcha-img.png);
}

.captchasep1 .captcha-codes-sec p {
  margin-bottom: 0;
  letter-spacing: 9px;
  font-style: italic;
  font-size: 20px;
  padding: 10px;
  height: 100%;
  color: #fff;
  font-weight: 700;
}

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

.captchasep1 .captcha-codes-sec button i {
  background: #198754;
  color: #fff;
  padding: 10px;
  border-radius: 6px;
}
@media screen and (max-width:700px) {

  .captchasep1 button,
  .captchasep1 p {
      width: 100% !important;
      padding: 10px 20px !important
  }

  .captchasep1 {
      display: flex;
      flex-direction: column
  }

  .captchasep1 input {
      width: 100% !important
  }

  .captchasep1 p {
      margin: 10px 0 !important
  }
.captchasep1 .captcha-codes-sec {
    border-top: 0px solid #757070;
  border-left: 1px solid #757070;
    border-right: 1px solid #757070;
    border-bottom: 1px solid #757070;
}

}
/* captcha new design end */







/* case study  */

.case-study-sec .destination-item img {
  transition: .5s;
}

.case-study-sec .destination-item:hover img {
  transform: scale(1.1);

}

.case-study-sec .destination-overlay {
  position: absolute;
  /* width: 100%;
  height: 100%; */
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: start;
  /* background: linear-gradient(180deg, rgba(27, 44, 63, 0) 0%, #2c4868 100%); */
  transition: .5s;
  z-index: 1;
}

.case-study-sec .destination-item:hover .destination-overlay {
  background: linear-gradient(180deg, rgba(27, 44, 63, 0.459) 0%, #1B2C3F 100%);
}

.case-study-sec .destination-item .destination-overlay h2 {
  color: #fff !important;
  /* text-align: center; */
  text-shadow: 0px 4.483px 4.483px rgba(0, 0, 0, 0.25);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  padding-right: 105px !important;
  position: absolute;
  bottom: 10px !important;
  left: 10px !important;


}

.case-study-sec .service-btn {
  position: absolute;
  bottom: 20px;
  right: 10px;
  /* transform: translateY(50px); */
  transition: 0.5s ease-in-out;
}

/* .case-study-sec:hover .service-btn{
  transform: translateY(0px);
  transition: 0.5s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
 } */

.case-study-sec .service-btn a {
  color: #fff;
  border: 1px solid #fff;
  padding: 3px 5px;
  text-decoration: none;
  border-radius: 3px;
  font-size: 12px;
}



/* blog details start */
.Blog-details-sec {}

.Blog-details-sec .Blog-heading h2 {
  color: var(--title-sub, #1B2C3F);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
}

.Blog-details-sec .Blog-heading p {
  color: var(--subtitle-text, #313131);
  font-family: Lato;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 30.6px;
}

.Blog-details-sec .Blog-heading ul {
  padding-left: 20px;
}

.Blog-details-sec .Blog-heading ul li,
.Blog-details-sec .Blog-heading ol li {
  color: var(--subtitle-text, #313131);
  font-family: Lato;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 30.6px;
}

.Blog-details-sec .blog-img {
  background: url(../img/index-img/blog-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.Blog-details-sec .blog-img h2 {
  color: var(--Tertiary-color_2, #1C5CA3);
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  padding-bottom: 10px;
}



.Blog-details-sec .Blog-heading h6 {
  color: var(--subtitle-text, #313131);
  font-family: Lato;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 30.6px;
}

.Blog-details-sec .blog-img .blog-content-hide {
  position: relative;
  /* display: flex; */
  /* justify-content: space-between; */
  /* align-items: center; */
  padding: 0 5px 0 5px;
}

/* .Blog-details-sec .blog-img .blog-content-hide h3 {

} */

.Blog-details-sec .blog-img .blog-content-hide h3 {
  position: absolute;
  /* left: 10px; */
  bottom: 35px;

  /* display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  width: 100%;
  -webkit-line-clamp: 1;
  overflow: hidden; */
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;

  color: #FFF;
  font-family: Montserrat;
  font-size: 16px;


  /* flex: 1 0 0;
  overflow: hidden; */

  font-style: normal;
  font-weight: 800;
  line-height: 26.351px;
  letter-spacing: 0.659px;
}



.Blog-details-sec .blog-img .blog-content-hide a {
  font-size: 12px;
  overflow: hidden;
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 3px 7px;
  display: inline-block;
  margin-left: -5px;
}

/* blog details end */




/* career start */
.career-success .sec-title h2 {
  font-size: 30px !important;
  color: var(--title-sub, #1B2C3F);
  font-family: Montserrat;
  /* font-size: 35px;  */
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  /* 35px */
  text-transform: uppercase;
}

.career-success .career-para p {
  color: var(--Text-primary, #000);
  /* Exeliq web/Subtitle_L_1 */
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  /* line-height: 30.6px; */
  text-align: justify;
}


.career-success .about-exeliq-why-choose h4 {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  font-family: Montserrat;
  margin-top: 8px;
}

.career-success .about-exeliq-why-choose p {
  font-size: 18px;
  font-family: lato !important;
  text-align: justify;
}

.career-success .about-exeliq-why-choose .about-exeliq-img {
  display: flex;
  padding: 12px;
  align-items: center;
  justify-content: center;
  gap: 10.189px;
  border-radius: 60px;
  background: #7D9AE2;
  width: 60px;

}


.career-top {
  display: flex;
  /* width: 1465px; */
  padding-bottom: 50px;
  flex-direction: column;
  align-items: center;
  gap: 31px;
  border-bottom: 1px solid #676767 !important;
}

.career-top h2 {
  color: var(--title-sub, #1B2C3F);
  text-align: center;
  font-family: Montserrat;
  font-size: 35px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  /* 35px */
  text-transform: uppercase;
}

.career-top p {
  color: var(--Text-primary, #000);
  text-align: center;
  /* Exeliq web/Subtitle_L_1 */
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 30px;
  /* line-height: 50.6px; */
}

.career-top a {
  border-radius: 7px;
  background: #1C5CA3;
  padding: 16px;
  gap: 10px !important;
  text-decoration: none;
  color: #fff;
  color: #FFF;
  text-align: center;
  font-family: Lato;
  font-style: normal;
  font-weight: 500;
  /* line-height: 30.6px; */
}

.career-top a:hover {
  background: #E85C2E;
}

.borderabout {
  border-bottom: 1px solid #676767 !important;

}

hr {
  width: 100% !important;
  height: 1px !important;
  color: #676767 !important;
}

.career-sec .about-content p {
  color: var(--Text-primary, #000);
  text-align: justify;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.6px;

}

.career-sec .values-sec h2 {
  color: var(--title-sub, #1B2C3F);
  font-family: Montserrat;
  font-size: 35px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  /* 35px */
  text-transform: uppercase;

}

.career-sec .values-sec p {
  color: var(--Text-primary, #000);
  text-align: justify;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.6px;

}

.career-sec .values-img {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 10px;
}

.career-sec .values-text {
  min-height: 185px;
}

.career-sec .values-img h3 {
  color: var(--Text-primary, #000);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  padding: 10px 0px;
  margin-bottom: 0px;

}

.career-sec .values-img p {
  color: var(--Text-primary, #000);
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  padding: 0;
  text-align: justify;
}


.join-our-start {
  background: url(../img/banner/blur-bg-img.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.join-our-start .heading-innovative {
  display: flex;
  height: 100%;
  align-items: center;

}

.join-our-start .heading-innovative .hhhhh {
  color: var(--Border-alternate, #FFF);
  font-family: Montserrat;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;


}

.join-our-start .join-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  padding: 50px 0;
}

.join-our-start .join-content .para p {
  color: var(--Color-Brand-white, #FFF);
  font-family: Lato;
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
  line-height: 25.6px;
}

.join-our-start .join-content .join-btn a.bbbb {
  background-color: #E85C2E !important;
  color: #fff;
  border-color: #E85C2E;
}

/* career end */





/* contact us start  */
.contactus {
  /* width: 100%; */
  height: 280px;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/banner/contact-top-bg.jpg) center center no-repeat;
  background-size: cover;
}

.con-borderrrrr{
  border: 1px solid #e3e0e0;
  padding: 20px;
}
/* .contact-sec-start .border1 {
  border: 2px solid #000 !important;
} */

.contact-sec-start .form {
  --width-of-input: 400px;
  --border-before-color: rgb(221, 221, 221);
  --border-after-color: #5891ff;
  --input-hovered-color: #4985e01f;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}

/* styling of Input */
.contact-sec-start button {
  background-color: #198754;
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
  border: none;
  outline: none;
  padding: 8px 10px;
}


.contact-sec-start .input,
.contact-sec-start textarea {
  color: #000;
  font-size: 0.9rem;
  background-color: transparent;
  width: 100%;
  box-sizing: border-box;
  padding-inline: 0.5em;
  padding-block: 0.7em;
  border: none;
  border-bottom: 2px solid #000;
}

/* styling of animated border */
.contact-sec-start .input-border {
  position: absolute;
  background: #5891ff;
  width: 0%;
  height: 2px;
  bottom: 0;
  left: 0;
  transition: 0.3s;
}

/* Hover on Input */
.contact-sec-start input:hover,
.contact-sec-start textarea:hover {
  background: #4985e01f;
}

.contact-sec-start input:focus,
.contact-sec-start textarea:focus {
  outline: none;
}

.contact-sec-start input:focus~.input-border {
  width: 100%;
}
.contact-sec-start textarea:focus~.textarea-border {
  width: 100%;
}
/* .contact-sec-start .right-form .checkbox .material-checkbox {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #777777;
  cursor: pointer;
}

.contact-sec-start .right-form .checkbox .material-checkbox {
  color: var(--subtitle-text, #313131);
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-top: 10px;
} */

/* contact us end */






/* training start */

.training-top {
  height: 280px;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/banner/training-bg-img.png) center center no-repeat;
  background-size: cover;
}


.training-sec-start .title h2 {
  color: var(--title-sub, #1B2C3F);
  font-family: Montserrat;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  /* 35px */
  text-transform: uppercase;
}

.training-sec-start .sec-title-training .title p {
  color: var(--Text-primary, #000);
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.training-sec-start .training-btn a.bbbb {
  background-color: #E85C2E !important;
  color: #fff;
  border-color: #E85C2E;
}

.training-sec-start .training-btn a.shadow {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
}

.training-sec-start .training-btn a {
  /* background-color: #E85C2E !important; */
  font-family: Lato;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 12px 24px;
}

.training-box {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.training-sec-start .training-box h3 {
  color: var(--Text-primary, #000);
  font-family: Lato;
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
}

.training-sec-start .training-box p {
  color: var(--Text-primary, #000);
  /* Text/Regular/Normal */
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.training-sec-start .training-feature .training-feature-content span {
  color: var(--Text-primary, #000);
  /* Heading/Desktop/Tagline */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%;
}

.training-sec-start .training-feature .training-feature-content h3 {
  color: var(--title-sub, #1B2C3F);
  font-family: Montserrat;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
}

.training-sec-start .training-feature .training-feature-content p {
  color: var(--Text-primary, #000);
  font-family: Lato;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%
}

.training-sec-start .training-feature .training-feature-content ul li {
  color: var(--Text-primary, #000);
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 250%;
}

/* training end */


/* lab setup start */
.labsetuptopbanner {
  height: 280px;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/banner/lab-setip-top-banner.png) center center no-repeat;
  background-size: cover;
}



.why-exeliq-bottom .title h1 {
  color: var(--title-sub, #1B2C3F);
  font-family: Montserrat;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  /* 35px */
  text-transform: uppercase;
}

.why-exeliq-bottom .title p {
  color: var(--Text-primary, #000);
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.why-exeliq-bottom .training-btn a.bbbb {
  background-color: #E85C2E !important;
  color: #fff;
  border-color: #E85C2E;
}

.why-exeliq-sec .why-exeliq-content a {
  text-decoration: none;
  border: 1px solid #000;
  font-size: 14px;
  /* color: #1B2C3F; */
  line-height: 100%;
  /* 10.17px */
  letter-spacing: 0.305px;
}

.why-exeliq-sec .why-exeliq-content p {
  color: var(--subtitle-text, #313131);
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-align: justify;
}

.why-exeliq-sec .why-exeliq-content .why-exeliq h4 {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  font-family: Montserrat;
  margin-top: 8px;
}

.why-exeliq-sec .why-exeliq-content .why-exeliq p {
  font-size: 16px;
  font-family: lato !important;

}

.why-exeliq-sec .why-exeliq-content .why-exeliq-img {
  display: flex;
  padding: 12px;
  align-items: center;
  justify-content: center;
  /* gap: 10.189px; */
  border-radius: 60px;
  background: #7D9AE2;
  width: 60px;
  height: 60px;

}



/* lab setup */
.lab-setup-sec-start .lab-setup-box {
  margin-bottom: 25px;

}

.lab-setup-sec-start .lab-setup-box h2 {
  color: var(--Text-primary, #000);
  font-family: Lato;
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  padding: 0px 0 0 10px;

}

.lab-setup-sec-start .lab-setup-box p {
  color: var(--Text-primary, #000);
  /* Text/Regular/Normal */
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 0px 0 0 10px;
}


/* lab setup end */






/* fixed contact button start */
/* 
.fix22 .fix-button i {
  color: #000 !important;
  transform: rotate(-90deg);
}

.fix22 .fix-button {
  text-decoration: none;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9.401px;
  border-radius: 6.58px;
  background: #FFF;
  color: var(--title-sub, #1B2C3F);
  font-family: Lato;
  font-size: 16.921px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  
}

.fix22 {
  padding: 5px;
  position: fixed;
  right: 0px !important;
  top: 70%;
  bottom: 30%;
  text-decoration: none;
  color: #000;
  transform: rotate(90deg);
  padding: 2px;
  justify-content: center;
  align-items: center;
  gap: 9.401px;
  border-radius: 6.58px;
  box-shadow: 0px 0px 13.161px 0px rgba(28, 92, 163, 0.30);
  z-index: 9999;
  transition: 0.5s ease-in-out;
  border-color:  #E85C2E !important;
  
}

 .fix22 .hover-soical-icon{

  opacity: 0!important;
  height: 0px !important;
  transition: 0.5s ease-in-out;
  background: #FFF;
  border-top-right-radius: 0px !important;
}
 .fix22 .hover-soical-icon img{
  transform: rotate(-90deg);
}

.fix22 .contact-exiliq-side-icon{
  
  height: 38px;
  overflow: hidden;
  transition: 0.5s ease-in-out;
  border: 1px solid #E85C2E !important;
  border-radius: 6.58px;

 
}
.fix22:hover .contact-exiliq-side-icon{
  height: 80px;
  border-radius: 6.58px !important;

}

.fix22:hover .fix-button{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.fix22:hover .hover-soical-icon{
  opacity: 1 !important;
  height: 100% !important;
  background-color: #fff !important;
} */


/* fixed contact button end */










/* fixed contact button start */
.fix22 .fix-button i {
  color: #000 !important;
  transform: rotate(-90deg);
}

.fix22 .fix-button {
  text-decoration: none;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9.401px;
  border-radius: 6.58px;
  background: #FFF !important;
  color: var(--title-sub, #1B2C3F);
  font-family: Lato;
  font-size: 16.921px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor:pointer;
}

.fix22 {
  padding: 5px;
  position: fixed;
  right: -70px !important;
  top: 70%;
  bottom: 30%;
  text-decoration: none;
  color: #000;
  transform: rotate(90deg);
  padding: 2px;
  justify-content: center;
  align-items: center;
  gap: 9.401px;
  border-radius: 6.58px;
  box-shadow: 0px 0px 13.161px 0px rgba(28, 92, 163, 0.30);
  z-index: 9999;
  transition: 0.5s ease-in-out;
  border-color:  #E85C2E !important;
  
}

 .fix22 .hover-soical-icon{
  text-align: center;
  opacity: 0 !important;
  height: 0px !important;
  transition: 0.5s ease-in-out;
  background: #FFF !important;
  border-top-right-radius: 0px !important;
}
 .fix22 .hover-soical-icon img{
  transform: rotate(-90deg);
}

.fix22 .contact-exiliq-side-icon{
  height: 38px;
  overflow: hidden;
  transition: 0.5s ease-in-out;
  border: 1px solid #E85C2E !important;
  border-radius: 6.58px;

 
}
.fix22:hover .contact-exiliq-side-icon{
  height: 90px;
  border-radius: 6.58px !important;

}

.fix22:hover .fix-button{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.fix22:hover .hover-soical-icon{
  opacity: 1 !important;
  height: 100% !important;
  background-color: #fff !important;
}

.fix22 .hover-soical-icon a{
  text-decoration: none !important;
}

/* fixed contact button end */








/* 20-08-2025 */
/* new  whatsapp start   */




.new-whatsapp {

  position: fixed;
  display: none;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 22px;
  right: 15px;
  bottom: 160px;
  transition: .5s;
  background: #1C5CA3 !important;
  border-radius: 44px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;

}

.new-whatsapp i {
  color: #fff;
  padding: 10px;
  font-size: 20px;
  margin-top: 2px;
}

/* new call us now */


.new-call-us {

  position: fixed;
  display: none;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 22px;
  right: 15px;
  bottom: 100px;
  transition: .5s;
  background: #1C5CA3 !important;
  border-radius: 44px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;

}

.new-call-us i {
  color: #fff;
  padding: 10px;
  font-size: 20px;
  margin-top: 2px;
}


















.top-icon-03 {

  position: fixed;
  display: none;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 22px;
  right: 15px;
  bottom: 30px;
  transition: .5s;
  background: #1C5CA3 !important;
  border-radius: 44px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;

}

.top-icon-03 i {
  color: #fff;
  padding: 10px;
  font-size: 20px;
  margin-top: 2px;
}

/* back to top end */





/* dropdown style */
.mega-menu {
  margin: 0 auto;
  width: 96% !important;
  min-height: 70vh;

}



.mega-menu .left-menu {
  background: #223644;
  min-height: 70vh;
}

.mega-menu .right-menu {
  background: #fff;
  padding: 20px 0 20px 30px;

}

.mega-menu .mega-content .details h4 {
  color: #1B2C3F;
  font-size: 26px !important;
  font-weight: bold;
  font-family: Montserrat !important;
}


.mega-menu .details ul {

  padding-left: 0;
}

.mega-menu .details li {
  list-style: none;
}

.mega-menu .details li a {
  font-size: 16px !important;
}

.mega-menu .details li a i {
  margin-right: 10px;
  color: #E85C2E;
}

.mega-menu-button ul {
  background-color: #223644 !important;
  padding-left: 0;
}

.mega-menu-button .active2 {
  background-color: #fff !important;
  color: #000 !important;
}

.active2 a {
  color: #000 !important;
}

.active2::after {
  content: '';
  height: 25px;
  width: 25px;
  background: #fff;
  top: 29%;
  right: -54px;
  position: absolute;
  transform: rotate(45deg);
}

.mega-menu-button {
  background-color: #223644;
}

.mega-menu-button ul li {
  list-style: none;
  margin: 0 30px 0 0;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  color: #000;
  text-transform: capitalize;
}

.mega-menu-button ul li:last-child {
  border-bottom: none;
}


.mega-menu-button ul li a {
  color: #fff;
  padding: 13px 15px;
  font-size: 17px;
  text-decoration: none;
  text-transform: capitalize !important;
  display: inline-block;
}

.mega-menu .mega-content .nav-item .nav-link {
  color: var(--dark) !important;
  font-family: Lato !important;
  font-size: 15px;
  font-style: normal;
  line-height: normal;
}

.mega-menu .mega-content .details .nav-item .nav-link:hover {
  color: #E85C2E !important;
}


/* related product */
.related-product {
  position: relative;
  width: 100%;
  padding: 45px 0;
}

.related-product .related-product-carousel {
  position: relative;
  width: calc(100% + 30px);
  left: -15px;
  right: -15px;
}

.related-product .related-product-item {
  position: relative;
  margin: 0 15px;
}

.related-product .related-product-page .related-product-item {
  margin: 0 0 30px 0;
}

.related-product .related-product-img {
  position: relative;
  width: 100%;
}

.related-product .related-product-img img {
  width: 100%;
}

.related-product .related-product-text {
  position: relative;
  padding: 15px;
  border-right: 1px solid rgba(0, 0, 0, .07);
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  border-left: 1px solid rgba(0, 0, 0, .07);
}

.related-product .related-product-text h2 {
  font-size: 22px;
  font-weight: 600;
}

.related-product .related-product-text p {
  margin-bottom: 10px;
}

.related-product .related-product-item a.btn {
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #E85C2E !important;
  transition: .3s;
}

.related-product .related-product-item a.btn i {
  margin-left: 5px;
}

.related-product .related-product-item a.btn:hover {
  color: #1B2C3F !important;
}

.related-product .related-product-meta {
  position: relative;
  display: flex;
  margin-bottom: 15px;
}

.related-product .related-product-meta p {
  margin: 0 10px 0 0;
  font-size: 13px;
}

.related-product .related-product-meta i {
  margin-right: 5px;
}

.related-product .related-product-meta p:last-child {
  margin: 0;
}

.related-product .owl-nav {
  width: 150px;
  margin: 32px auto 0 auto;
  display: flex;
}

.related-product .owl-nav .owl-prev,
.related-product .owl-nav .owl-next {
  margin-left: 15px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  background: #E85C2E !important;
  font-size: 22px;
  transition: .3s;
}

.related-product .owl-nav .owl-prev:hover,
.related-product .owl-nav .owl-next:hover {
  color: #E85C2E !important;
  background: #1B2C3F !important;
}

.related-product .pagination .page-link {
  color: #E85C2E !important;
  border-radius: 0;
  border-color: #E85C2E !important;
}

.related-product .pagination .page-link:hover,
.related-product .pagination .page-item.active .page-link {
  color: #fff !important;
  background: #E85C2E !important;
}
/* related product */





.navbar.fixed {
  position: fixed !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  top: 0;
  z-index: 999999990;
  background: #1B2C3F !important;
  width: 100%;
}


.training-faqs-start .accordion-item .accordion-button {
  color: var(--Text-primary, #000);
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}


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

  p,
  a {
    font-size: 16px !important;
  }
}

@media screen and (max-width:992px) {
  .navbar {
    background: var(--blue) !important;
  }

  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 14px !important;
    padding: 10px 10px 10px 0 !important;
    white-space: nowrap;
  }

  /* home btn */
  .navbar .navbar-nav .nav-item .nav-link.active {
    font-size: 16px;
  }

  /* contatc us btn */
  .btn.btn-nav {
    font-size: 14px !important;
    white-space: nowrap;
  }

  .banner-content h1 {
    font-size: 26px;
  }

  .banner-content p {
    font-size: 13px;
  }

  .banner-content .line {
    margin-bottom: 12px !important;
  }

  /* .banner-content .banner-btn{

  } */
  .index-gap {
    padding: 30px 0 50px;
  }

  .about-sec .about-content .about-heading h2 {
    font-size: 20px !important;
  }

  .about-sec .about-content .about-para a.abt-paraaa {
    font-size: 13px;
  }

  .sec-title h2 {
    font-size: 24px;
  }

  .sec-title h2:before {
    height: 5px;
  }

  .expertise-sec .destination-item .destination-overlay h3 {
    font-size: 22px;
  }

  .About-Exeliq .about-exeliq-why-choose .about-exeliq-img {
    width: 50px;
  }

  .About-Exeliq .about-exeliq-why-choose .about-exeliq-img img {
    width: 24px !important;
  }

  .About-Exeliq .about-exeliq-why-choose h3 {
    font-size: 16px;
  }

  .About-Exeliq .about-exeliq-why-choose p {
    font-size: 14px !important;
  }

  .cliend h2 {
    font-size: 24px;
  }

  .fix22 {
    right: -46px !important;
  }

  .fixed-button {
    top: 3%;
    flex-direction: row;
    gap: 20px;
    justify-content: center !important;
    right: 4%;
  }

  .training-sec-img img {
    width: 100%;
    margin-top: 110px;
  }

  .training-sec .training-content h4 span {
    font-size: 26px;
  }

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

  .page-header h2,
  .page-header h2 span {
    font-size: 24px;
  }

  .career-top h2 {
    font-size: 24px;
  }

  .career-sec .values-sec h2 {
    font-size: 24px !important;
  }

  .career-success .sec-title h2 {
    font-size: 24px !important;
  }
  .join-our-start .heading-innovative .hhhhh{
    font-size: 24px;
  }
  .join-our-start .join-content{
    padding: 15px 0;
  }
  .tmi-solution-start .tmi-solution-heading h1{
    font-size: 24px;
  }
  .tmi-solution-details .tmi-details-img .multi-img {
    display: flex;
    flex-direction: row;
  }
  .tmi-solution-details .specification-sec .table th{
    font-size: 15px;
  }
  .tmi-solution-details .specification-sec .table tr td{
    padding-left: 7px !important;
    font-size: 14px;
  }
  .tmi-solution-details p{
    font-size: 14px !important;
    text-align: justify;  
  }








}





@media all and (min-width: 992px) {
  .dropdown-menu {
    width: 13rem;
    transition: 0.5s ease-in-out;
  }

  .mega-submenu {
    left: 100%;
    top: 0;
    min-width: 25rem;
  }

  .ktm-mega-menu {
    position: static;
    transition: 0.5s ease-in-out;
  }

  .mega-menu {
    left: 0;
    right: 0;
    width: 100%;
  }

  .dropdown-menu li {
    position: relative;
  }

  .dropdown-menu .submenu {
    display: none;
    left: 100%;
    top: 0;
  }

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










}

@media (max-width: 768px) {
  .slideshow-container {
    height: 60vh;
  }

  /* .banner-content {
    position: absolute;
    top: 5%;
}

  .banner-content h1{
    font-size: 18px; 
  
  }

  .banner-content p{
    font-size: 12px; 
    line-height: 15px;
  }

  .banner-content .line {
    margin-bottom: 5px !important;
  } */


  .about-sec .about-content .about-para .about-para-display {
    flex-direction: column;
    text-align: center;
  }

  .career-top a {
    padding: 10px 13px;
    font-size: 16px;
  }

  .career-top a img {
    width: 20px;
  }
  
}

@media (max-width: 767px) {
  .bbbaaa {
    margin-top: 50px !important;
  }
}

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

  .logos-caru::before,
  .logos-caru::after {
    width: 50px;
    height: 100%;

  }

  .lab-setup-sec-start .lab-setup-box h2 {
    font-size: 19px;
  }

  .why-exeliq-sec .why-exeliq-content .why-exeliq p {
    margin-bottom: 0;
  }

  .training-sec-start .sec-title-training .title p {
    text-align: justify;
  }

  .training-sec-start .training-btn a {
    padding: 5px 12px;
    font-size: 14px !important;
  }

  .training-sec-start .training-feature .training-feature-content h3 {
    font-size: 24px;
  }

  .training-sec-start .training-feature .training-feature-content p {
    text-align: justify;
  }

  .training-sec-start .title h2 {
    font-size: 24px;
  }
  .career-sec .values-img h3{
    font-size: 20px;
  }
  .career-success .about-exeliq-why-choose h4{
    font-size: 18px;
  }
  .casebrdc-banner{
    height: 210px;
  }
  .page-header p{
    font-size: 14px !important;
  }
  .case-study-sec .destination-overlay{
    bottom: 40px !important;
  }
  .case-study-sec .service-btn{
    left: 0 !important;
  }
  .case-study-sec .destination-item .destination-overlay h2{
    font-size: 14px;
    padding-right: 0 !important;
  }
  .asf ol li.breadcrumb-item{
    font-size: 14px !important;
  }
  .asf ol li.breadcrumb-item a{
    font-size: 14px !important;
  }
  .asf ol li.breadcrumb-item.active{
    font-size: 14px !important;

  }
  .related-product .related-product-text{
    padding: 20px 14px;
  }
  .map iframe{
    height: 150px;
  }
}








.div-3-youtube{
  display: none;
}

.div-4-youtube{
  display: none;
}

.exeliq-moments .owl-carousel .owl-nav button.owl-next{
  position: absolute;
  top: 40%;
  right: -90px;
  transform: translate(-50%, -50%);
  color: grey !important;
}
.exeliq-moments .owl-carousel .owl-nav button.owl-prev{
  position: absolute;
  top: 40%;
  left: -40px;
  transform: translate(-50%, -50%);
  color: grey !important;
}
.exeliq-moments .owl-carousel .owl-nav button.owl-next, .exeliq-moments .owl-carousel .owl-nav button.owl-prev:hover{
  background-color: transparent !important;
}

@media(max-width:500px){
  .exeliq-moments .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    top: 40%;
    right: -40px;
    transform: translate(-50%, -50%);
    color: rgb(0, 0, 0) !important;
  }
  .exeliq-moments .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 40%;
    left: 10px;
    transform: translate(-50%, -50%);
    color: rgb(0, 0, 0) !important;
  }
}


/* exeliq moments  */
.exeliq-moments .moment-card {
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}
.exeliq-moments  .moment-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.exeliq-moments  .moment-body {
  padding: 15px;
  text-align: start;
}
.exeliq-moments  .moment-date {
  font-size: 14px;
  color: #888;
}
.exeliq-moments  .moment-title {
  font-weight: 600;
  margin: 5px 0 10px;
}
.exeliq-moments  a{
  color: #fff;
  text-decoration: none;
}
.exeliq-moments  .btn-gallery {
  background: linear-gradient(to right, #76b2fe, #b69efe);
  border: none;
  color: #fff;
  padding: 5px 15px;
  border-radius: 7px;
  font-size: 14px;
  width: 100% !important;
  display:flex;
  align-items: center;
  justify-content: center;
}
.exeliq-moments .nav-tabs .nav-link.active {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #007bff;
  font-weight: 500;
}
.exeliq-moments .nav-tabs .nav-link {
  color: #000;
  font-weight: 500;
}
.lb-outerContainer {
  position: relative;
  margin-top: 55px !important;
  width: 250px ;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: white;
}

.lb-outerContainer  .lb-container{
  margin-top: 55px !important;
  /* width: 800px !important; */
  /* height: 600px; */
  background-color: #000;
}
.lb-container img{
  /* margin-top: 70px !important; */

}



/* new product launch  */


.revolutionizing-battery-section {
padding: 60px 20px;
text-align: center;
margin: auto;
background-color: #0c151c !important;
color: #ffffff;
text-align: center;
}

.revolutionizing-battery-section  h2 {
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
}

.revolutionizing-battery-section  h2 span {
/* color: #3a83f4;  */
background: -webkit-linear-gradient(#459EFF, #00329E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.revolutionizing-battery-section  p {
font-size: 16px;
line-height: 1.7;
color: #d0d0d0;
font-family: Lato !important;
}

@media (min-width: 768px) {
  .revolutionizing-battery-section  h2 {
  font-size: 32px;
}

.revolutionizing-battery-section  p {
  font-size: 18px;
}
}





.features-section {
  padding: 60px 20px;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}

.section-title {
  font-weight: 700;
  font-size: 1.5rem;
  /* font-size: 1.5rem; */
  margin-bottom: 30px;
  position: relative;
}

.section-title::before {
  content: "";
  width: 40px;
  height: 5px;
  background-color: #ffffff;
  position: absolute;
  top: -15px;
  left: 0;
}

.feature-box {
  border: 1px solid #444;
  border-radius: 8px;
  padding: 25px;
  background-color: #0c151c;
  height: 100%;
}

.feature-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.feature-list li {
  margin-bottom: 15px;
  font-size: 15px;
  /* font-size: 1rem; */
  line-height: 1.6;
}

.feature-list li::before {
  content: "◎";
  color: #ccc;
  margin-right: 10px;
}

.feature-list b {
  color: #ffffff;
}

@media (max-width: 767px) {
  .section-title {
    font-size: 1.3rem;
  }

  .feature-list li {
    font-size: 0.95rem;
  }
}





/* new  */

@media (max-width: 768px) {

  .banner-content {
    position: absolute;
    top: 10%;
}

  .banner-content .line {
    display: none !important; 
  } 

  .banner-content h1{
    font-size: 15px; 
    letter-spacing: 0;
  
  }
  .banner-content p{
    font-size: 8px !important; 
    line-height: 11px;
    width: 300px;
    margin-bottom: 4px !important;
  }
  .banner-content .btn{
    padding: 3px 5px; 
    font-size: 8px !important; 
  }




}


@media(min-width:500px){
  .banner-content {
    position: absolute;
    top: 13%;
  }

  .banner-content .line {
    display: none;
  }



}





@media(max-width:768px){


    /* second banner content */
    #banner-dynamic.banner-content {
      padding: 0px 20px !important;  
    }
    #banner-dynamic.banner-content h2 {
      font-size: 15px !important; 
    }
    #banner-dynamic.banner-content h3.volt-text {
      font-size: 20px !important; 
    }

 .banner-content  .volt-text {
    font-weight: 800;
    font-size: 35px !important;

  }

  .banner-content  .pro-text {
    font-weight: 800;
    font-size: 35px !important;
  }
   .banner-content h3 .series-text {
    font-size: 15px !important;
    font-weight: 700;
    background: linear-gradient(to right, #FFF3E0, #459EFF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
  }

  @media(max-width:500px){
    .banner-content .volt-text {
    font-weight: 800;
    font-size: 23px !important;

  }

  .banner-content  .pro-text {
    font-weight: 800;
    font-size: 23px !important;
  }

  .banner-content h3 .series-text {
    font-size: 22px !important;
    font-weight: 700;
    background: linear-gradient(to right, #FFF3E0, #459EFF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
  }






  /* new launch  css */

  .btn-outline-light:hover{
    color:#000 !important;
    font-weight: 600;
  }
  .btn-outline-light{
    font-weight: 600;
  }