@charset "utf-8";

/* CSS Document */

:root{

	--black-color: #000;

	--white-color: #fff;

}



body { margin:0; padding:0; overflow-x: hidden;}

h1,h2,h3,h4{font-family: "Poppins", sans-serif; color: #000000; margin: 0; padding: 0;}

h5,h6,ul,li,p, a, span, del, button, label, input, textarea, select, td{font-family: "Poppins", sans-serif;}

.btn:focus, .btn-close:focus, .form-control:focus{box-shadow: none;}

/* .container-fluid {width: 90%;} */

.container, .container-fluid, .container-xxl {width: 100%;}



.row-reverse{flex-direction: row-reverse;}



.bg-color-grey{background-color: #F7F6F6;}



section{padding-left: 90px;padding-right: 90px;}



.spacer-height {clear: both;height: 180px;}



.bg-btn-pink a{background-color: #F48274;color: #fff;border-radius: 100px;text-decoration: none;display: inline-block;width: 100%;padding: 0.75rem 0rem;font-weight: 300;}



.bg-btn-pink-nav{background-color: #F48274;color: #fff;border-radius: 100px;text-decoration: none;display: inline-block;width: 100%;padding: 0.75rem 1rem;font-weight: 300;}



.bg-btn-black a{background-color: #1F1F1F;color: #fff;border-radius: 100px;text-decoration: none;display: inline-block;width: 100%;padding: 0.75rem 0rem;font-weight: 300;}



/* .common_button a{padding: 0.75rem 0rem;text-decoration: none;display: inline-block;border-radius: 100px;} */

.bg-btn-white {border-radius: 100px;}

.bg-btn-white a{background-color: #ffffff;color: #000000;border-radius: 100px;text-decoration: none;display: inline-block;width: 100%;padding: 0.75rem 0rem;border-radius: 100px;font-weight: 300;}



header{background-color: #F6F4EF;padding-bottom: 2rem;}



.blue-text{color: #24C4E6 !important;}



.img-border{border-radius:1.5rem;}

.img-border-200{border-radius:200px;}

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



.nav-chatbot{position:absolute;top:14px;right:0;}

.nav-chatbot img{width:32px;}



.padding-left-right-50{padding-left:50px; padding-right:50px;}

.border-right-1{border-right:1px solid #bdbdbd;}


.services-columns {
  column-count: 4;           /* number of columns (auto flows down then across) */
  column-gap: 30px;          /* space between columns */
}

.service-box {
  break-inside: avoid;       /* keep box together */
  margin-bottom: 5px;       /* spacing between items */
}

.service-box img {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 8px;
}

.industry-columns {
  column-count: 2;           /* number of columns (auto flows down then across) */
  column-gap: 30px;          /* space between columns */
}

.products-columns {
  column-count: 5;           /* number of columns (auto flows down then across) */
  column-gap: 30px;          /* space between columns */
  
}

/* ======================NAVIATION SECTION START======================== */



.imperium_header {

  /*position: absolute;*/

  width: 100%;

  /*transition: all 0.3s ease-in-out;*/

  z-index: 999;

}



/* sticky state */

.imperium_header.sticky {

  position: fixed;

  top: 0;

  left: 0;

  background: #fff; /* optional: white background */

  box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* optional */

}

.imperium_header.sticky .nav-link{color: #000;}

.imperium_header-mob {

  position: relative;  /* default state */

  width: 100%;

  z-index: 1050;       /* higher than sidenav (Bootstrap modals use 1040) */

}



.imperium_header-mob.sticky {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  background: #fff;    /* ensure content below doesn’t show through */

  box-shadow: 0 2px 8px rgba(0,0,0,0.1);

}



/* default (static) */

.imperium_header-whitebg {

  position: relative; /* normal flow */

  width: 100%;

  transition: all 0.3s ease-in-out;

  z-index: 999;background-color: #fff;

}



/* sticky state */

.imperium_header-whitebg.sticky {

  position: fixed;

  top: 0;

  left: 0;

  background: #fff; /* optional: white background */

  box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* optional */

}



.firstline, .secline, .thirdline, .fourthline {

    background-color: #000;

    border-radius: 1rem;

    display: block;

    margin-bottom: .3rem;

    width: 2rem;height: 0.1rem;

}

.firstline{height: 0.12rem;}

.secline{height: 0.12rem;}

.fourthline{height: 0.125rem;}



.nav-link {

    font-size: 0.9rem;

    color: #000;

    padding: 0.5rem 0.8rem !important;

    margin: 0 0.7rem;

}



.nav-chatbot-padding{padding-right:2.2rem !important;}



.navbar-nav .nav-link.active {

   border: 1px solid #F48274;

    border-radius: 100px;color: #F48274;

}



/* Remove Bootstrap's default arrow */

.nav-link.dropdown-toggle::after {

  content: none !important;

  display: none !important;

}



.nav-link.dropdown-toggle i{font-size: 0.75rem;padding-left: 0.8rem;}



.navbar-brand img{width: 126px;}



/* Add Font Awesome arrow using ::after */

.custom-dropdown::after {

  content: "\f078"; /* fa-chevron-down */

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

  margin-left: 6px;

  font-size: 0.65rem;

  display: inline-block;

  vertical-align: middle;

}



.dropdown-mega {

  position: static;padding: 1.5rem 0;

}



.dropdown-menu.mega-menu {

  position: absolute;

  top: 100%;

  width: 100vw;

  left: 50%;

  transform: translateX(-50%);

  border: none;

  border-top: 3px solid #23bfd4;

  border-radius: 0;

  padding: 2rem 3rem;

  background-color: #f8f9fa;

  z-index: 999;

  display: none;

}



/*  */

.dropdown-mega:hover > .dropdown-menu.mega-menu,

.dropdown-menu.mega-menu:hover {

  display: block;

}



/*  */

@media (max-width: 991.98px) {

  .dropdown-menu.mega-menu {

    position: static !important;

    transform: none;

    width: 100%;

  }

}



.mega-menu h6 {

  /*font-weight: bold;*/

  margin-bottom: 0.5rem;font-size:0.9rem;

}



.mega-menu a {

  display: block;

  padding: 0.25rem 0;

  color: #212529;

  text-decoration: none;line-height: 1.4rem;

}

.mega-menu a:hover{color: #F48274;}



.mega-img {

  width: 100%;

  border-radius: 8px;

  box-shadow: 0 2px 10px rgba(0,0,0,0.1);

  transition: transform 0.3s ease;

}



.mega-img:hover {

  transform: scale(1.03);

}





    /* Side Nav Styles */

    .sidenav {

      height: 100%;

      width: 0;

      position: fixed;

      z-index: 2000;

      top: 0;

      right: 0;

      background-color: #111;

      overflow-x: hidden;

      transition: 0.3s;

      padding-top: 60px;

    }



    .sidenav a {

      padding: 8px 32px;

      text-decoration: none;

      font-size: 25px;

      color: #fff;

      display: block;

      transition: 0.3s;

    }



    .sidenav a:hover {

      color: #f1f1f1;

    }



    .sidenav .closebtn {

      position: absolute;

      top: 10px;

      right: 25px;

      font-size: 36px;

    }



    .firstline, .secline, .thirdline, .fourthline {

      display: block;

      width: 35px;

      height: 2px;

      margin: 5px 0;

      background-color: #000;

    }



/* side navigation bar */



.sidenav {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 9999;

  top: 0;

  right: 0;

  background-color: #fff2f1;

  overflow-x: hidden;

  transition: 0.5s;

  padding-top: 60px;

}



.sidenav a {

  padding: 8px 8px 8px 32px;

  text-decoration: none;

  font-size: 1rem;

  color: #000;

  display: block;

  transition: 0.3s;

}



.sidenav a:hover {

  color: #E97567;

}



.sidenav .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

  margin-left: 50px;

}



@media screen and (max-height: 450px) {

  .sidenav {padding-top: 15px;}

  .sidenav a {font-size: 1rem;}

}





/****************** MOBILE NAVIGATION HEADER START **********************/

/****************** MOBILE NAVIGATION HEADER START **********************/
.sidenavmob {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #fff2f1;
  z-index: 9999;
  overflow: hidden;
  transition: 0.4s ease-in-out;
}

.menu-panel {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #f9ffd7;
  color: rgb(0, 0, 0);
  padding-top: 0px;
  transition: 0.4s ease;
}

.sidenavmob.open {
  width: 100%;
}

/* Show main menu */
.sidenavmob.open #menu-main {
  left: 0;
}

.sidenavmob a {
  padding: 15px 20px;
  text-decoration: none;
  font-size: 18px;
  color: #000000;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.has-submenu {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.has-submenu i {
  font-size: 0.9rem;
  margin-left: 8px;
  color: #000;
}

.submenu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
}

.circle-btn {
  width: 40px;
  height: 40px;
  background-color: #d8eff9;
  border: none;
  border-radius: 50%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s;
}

.circle-btn:hover {
  background-color: #ccc;
}

.circle-btn i {
  color: #333;
}

/* --- SUBMENU POSITIONING --- */
#menu-services,
#menu-products,
#menu-distributors,
#menu-resources {
  left: 100%;
}

/* Services submenu */
.sidenavmob.show-sub #menu-main { left: -100%; }
.sidenavmob.show-sub #menu-services { left: 0; }

/* Products submenu */
.sidenavmob.show-products #menu-main { left: -100%; }
.sidenavmob.show-products #menu-products { left: 0; }

/* Distributors submenu */
.sidenavmob.show-distributors #menu-main { left: -100%; }
.sidenavmob.show-distributors #menu-distributors { left: 0; }

/* Resources submenu */
.sidenavmob.show-resources #menu-main { left: -100%; }
.sidenavmob.show-resources #menu-resources { left: 0; }
/******************* MOBILE NAVIGATION HEADER CLOSE **********************/

.sidenavmob {

  height: 100%;

  width: 0;

  position: fixed;

  top: 0;

  right: 0;

  background-color: #fff2f1;

  z-index: 9999;

  overflow: hidden;

  transition: 0.4s ease-in-out;

}



.menu-panel {

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  left: 100%;

  background-color: #fff2f1;

  color: rgb(0, 0, 0);

  padding-top: 0px;

  transition: 0.4s ease;

}



.sidenavmob.open {

  width: 100%;

}



/* Show main menu */

.sidenavmob.open #menu-main {

  left: 0;

}



/* Show services submenu */

.sidenavmob.show-sub #menu-main {

  left: -100%;

}

.sidenavmob.show-sub #menu-services {

  left: 0;

}

/* Show distributors submenu */
.sidenavmob.show-distributors #menu-main {
  left: -100%;
}
.sidenavmob.show-distributors #menu-distributors {
  left: 0;
}

/* Show distributors submenu */
.sidenavmob.show-distributors #menu-main {
  left: -100%;
}
.sidenavmob.show-distributors #menu-distributors {
  left: 0;
}

/* Show distributors submenu */
.sidenavmob.show-distributors #menu-main {
  left: -100%;
}
.sidenavmob.show-usecase #menu-usecase {
  left: 0;
}




.sidenavmob a {

  padding: 15px 20px;

  text-decoration: none;

  font-size: 18px;

  color: #000000;

  display: block;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.sidenavmob a:hover {

  /*background-color: #23bfd40f;*/

}



.has-submenu {

  display: flex !important;

  justify-content: space-between;

  align-items: center;

}



.has-submenu i {

  font-size: 0.9rem;

  margin-left: 8px;

  color: #000;

}



.closebtn {

  position: absolute;

  top: 15px;

  right: 20px;

  font-size: 36px;

}



.backbtn {

  font-size: 18px;

  font-weight: bold;

  padding: 15px 20px;

  background-color: #222;

}



.submenu-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 15px 20px;

}



.circle-btn {

  width: 40px;

  height: 40px;

  background-color: #e5e5e5;

  border: none;

  border-radius: 50%;

  font-size: 16px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: background 0.3s;

}



.circle-btn:hover {

  background-color: #ccc;

}



.circle-btn i {

  color: #333;

}



/* Base position for extra submenu */

#menu-products {

  left: 100%;

}



/* Show services submenu */

.sidenavmob.show-sub #menu-main {

  left: -100%;

}

.sidenavmob.show-sub #menu-services {

  left: 0;

}



/* Show products submenu */

.sidenavmob.show-products #menu-main {

  left: -100%;

}

.sidenavmob.show-products #menu-products {

  left: 0;

}







/******************* MOBILE NAVIGATION HEADER CLOSE ***********************/



/* =====================BANNER SECTION START======================= */

.banner_title h1{

font-weight: 300;

font-style: Light;

font-size: 68px;

line-height: 75px;color: #000;

letter-spacing: 0%;

}

.banner_title h1 span{

font-weight: 500;

font-style: Medium;

font-size: 68px;

line-height: 75px;

letter-spacing: 0%;color: #F48274;

}

.banner_title p{

font-weight: 300;

font-style: Light;

font-size: 18px;

line-height: 28px;

letter-spacing: 0%;

}

.join-card {

  width: 100%;

  background-color: #f77c6c;

  border-radius: 20px;

  padding: 30px 20px;

  text-align: left;display: flex;flex-direction: column;justify-content: space-between;

  color: #fff;gap: 40px;margin-bottom: 1rem;

}



.avatars {

  display: flex;

  justify-content: center;

  margin-bottom: 15px;

}



.avatars img {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  border: 3px solid #fff;

  object-fit: cover;

  margin-left: -15px;

  transition: transform 0.3s ease;

}



.avatars img:first-child {

  margin-left: 0;

}



.avatars img:hover {

  transform: scale(1.1);

}



.join-text {

  font-size: 16px;

  line-height: 1.4;margin: 0;

}

.graph_box{background-color: #24C4E6;border-radius: 1.5rem;padding: 1rem;}

.graph_box p{

font-weight: 300;

font-size: 14px;

line-height: 17px;margin: 0;

}

/* Existing bar styles with animation added */

.graph-low,

.graph-med,

.graph-high {

  background-color: #000;

  width: 0.3rem;

  display: inline-block;

  border-radius: 1rem;

  margin-right: 0.8rem;

  transform: scaleY(0);

  transform-origin: bottom;

  animation: growBar 2s ease-out forwards;

}



/* Stagger animation for each bar */

.graph-low {

  height: 1.5rem;

  animation-delay: 0.2s;

}



.graph-med {

  height: 3rem;

  animation-delay: 0.4s;

}



.graph-high {

  height: 5rem;

  animation-delay: 0.6s;margin: 0;

}



/* Animation keyframe */

@keyframes growBar {

  to {

    transform: scaleY(1);

  }

}



/* play button animation start */



.banner_play_box{position: absolute;

  top: 38%;

  left: 50%;

  transform: translate(-50%, -50%);}

.video_play_circle .button {

  display: inline-block;

  position: relative;

}

.button.is-play {

  background-color: rgb(0, 0, 0);

  border-radius: 50%;

  width: 84px;

  height: 84px;

}

.button.is-play .button-outer-circle {

  background: rgb(0, 0, 0);



  border-radius: 50%;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  height: 100%;

  width: 100%;

}

.button.is-play .button-icon {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 30px;

  height: 30px;

  transform: translate(-50%, -50%);

}

.button.is-play .button-icon .triangle {

  -webkit-animation: fadeIn 7s ease;

          animation: fadeIn 7s ease;

}

.button.is-play .button-icon .path {

  stroke-dasharray: 90;

  stroke-dashoffset: 0;

  -webkit-animation: triangleStroke 3s;

          animation: triangleStroke 3s;

  -webkit-animation-timing-function: ease;

          animation-timing-function: ease;

}

.has-scale-animation {

  -webkit-animation: smallScale 3s infinite;

          animation: smallScale 3s infinite;

}

.has-delay-short {

  -webkit-animation-delay: 0.5s;

          animation-delay: 0.5s;

}

@-webkit-keyframes fadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@keyframes fadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@-webkit-keyframes triangleStroke {

  from {

    stroke-dashoffset: 90;

  }

  to {

    stroke-dashoffset: 0;

  }

}

@keyframes triangleStroke {

  from {

    stroke-dashoffset: 90;

  }

  to {

    stroke-dashoffset: 0;

  }

}

@-webkit-keyframes smallScale {

  from {

    transform: scale(1);

    opacity: 1;

  }

  to {

    transform: scale(1.5);

    opacity: 0;

  }

}

@keyframes smallScale {

  from {

    transform: scale(1);

    opacity: 1;

  }

  to {

    transform: scale(1.5);

    opacity: 0;

  }

}



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

.button.is-play {

  width: 80px;

  height: 80px;

}

}

/* play button animation close */



/* ANIMATION OBJECT */

.scroll-section {

  position: relative;

  /*overflow: hidden;*/

}

.scroll-animate {

  position: absolute;

  transition: top 0.3s ease-out;will-change: top;

}



/*.moving-object {*/

/*  top: 0%;*/

/*  right: 0px;*/

/*}*/



/*.moving-object2 {*/

/*  top: 60%;*/

/*  left: 0px;*/

/*}*/



.moving-object2 {

  top: 30%;

  left: 0px;

  position: absolute;

  transition: top 0.2s ease;

}



.moving-object {

  top: 0%;

  right: 0px;

  position: absolute;

  transition: top 0.2s ease;

}



.moving-object3 {

  top: 30%;

  right: 0px;

}

.moving-object4 {

  top: 40%;

  left: 0px;

}

.moving-object5 {

  top: 50%;

  right: 0px;

}





/* ===============BANNER SECTION CLOSE=============== */



/* ==========================TRUSTED PARTNERS SECTION START============================ */

.partner-box{margin: 0 2rem;}

.partner_section .bg-white{border-radius: 2.3rem;padding: 2rem 0;}

/* .partner_section{padding: 2rem 0;} */



/* ==================== WHAT WE DO SECTION START ====================== */

.what-do_title h5{color: #E97567;font-size: 1.2rem;text-transform: uppercase;font-weight: 700;}

.what-do_title h2{color: #fff;font-size: 2.5rem;font-weight: 300;line-height: 3.5rem;}

.what-we-do_box, .what-we-do-box-sm{background-color: #1F1F1F;border-radius: 1.5rem;padding: 1.5rem 1rem;min-height:245px;}

.what-we-do_box h3{color: #fff;font-size: 2.5rem;font-weight: 200;}

.what-we_tag span{display: inline-block;background-color: #000;padding: 0.5rem 1.2rem;border-radius: 2rem;    color: #fff;font-weight: 200;font-size: 0.9rem;margin-bottom: 0.6rem;}

.what-we-do-box-sm{}

.what-we-do-box-sm span{display: inline-block;background-color: #000;padding: 0.5rem 0.8rem;border-radius: 2rem;color: #fff;font-weight: 200;font-size: 0.9rem;margin-bottom: 0.6rem;}

.what-we-do-box-sm h5{color: #fff;font-weight: 300;font-size: 1.1rem;line-height: 1.6rem;margin: 0;}



/* ====================Use Cases — Industry-focused section start=================== */

/* Wrapper */

.industry-bars {

  display: flex;

  justify-content: end;

  align-items: flex-end;

  gap: 0.3rem;width: 100%;

  /* padding: 2rem; */

  height: 100vh;

}



/* Common bar styles */

.bar {

  width: 120px;

  height: 100vh;

  border-radius: 50px;

  position: relative;

  color: #000;

  font-weight: 500;

  font-size: 1.75rem;

  font-family: "Poppins", sans-serif;font-weight: 300;

  background-color: #ccc;

  display: flex;

  align-items: center;

  justify-content: center;

  transform: translateY(100%);

  animation: riseUp 0.8s ease forwards;

  animation-delay: var(--delay, 0s);

  writing-mode: vertical-rl; writing-mode: sideways-lr;

  text-orientation: mixed;

  text-align: center;

  padding: 30px 0 0 0;border-radius: 50rem;transform: translateY(100%);

  animation: riseUp 0.8s ease forwards;

  animation-delay: var(--delay, 0s);

}



.bar a{text-decoration: none; color: #000;}



/* Circle cutout */

.bar::before {

  content: '';

    position: absolute;

    top: 30px;

    left: 50%;

    transform: translateX(-50%);

    width: 34px;

    height: 34px;

    background-color: white;

    border-radius: 50rem;

    z-index: 1;

}



/* Colors */

.red { background-color: #f47c6c;}

.cyan { background-color: #1dc8f2; height: 85vh;}

.light-pink { background-color: #fcbcbc; }

.blue { background-color: #0ca7c9; }



/* Rise-up animation */

/* Initial rise up on scroll */

.bar.tilt-show {

  animation: riseUp 0.8s ease forwards;

}



/* Right tilt */

.bar.tilt-right {

  animation: tiltRight 0.5s ease-in-out forwards;

}



/* Left tilt */

.bar.tilt {

  animation: tiltBar 1s ease-in-out forwards;

}



@keyframes riseUp {

  to {

    transform: translateY(0);

  }

}



@keyframes tiltRight {

  0% { transform: translateY(0) rotate(0deg); }

  100% { transform: translateY(0) rotate(10deg); }

}



@keyframes tiltBar {

  0%   { transform: translateY(0) rotate(0deg); }

  100% { transform: translateY(0) rotate(-8deg); }

}





/* ======================Use Cases — Business Needs START======================= */

.use-cases-section{padding-left: 0;padding-right: 0;background-color: #F6F4EF;}

.use-case_title h5{color: #E97567;font-size: 1.2rem;text-transform: uppercase;font-weight: 700;}

.use-case_title h2{color: #fff;font-size: 2.5rem;font-weight: 300;line-height: 3.5rem;color: #000;}

.use-case_para p{font-weight: 300;font-style: Light;font-size: 1rem;line-height: 1.6rem;}

.use-case_para ul {margin: 0;padding: 0;padding-left: 1.5rem;}

.use-case_para ul li{font-weight: 500;font-style: Medium;font-size: 1rem;line-height: 1.7rem;}



/* =================COUNTER SECTION START================== */

.counter-wrapper{position: relative;background-color: #fff;border-radius: 20rem;border: 1px solid;padding-top: 2.5rem;padding-bottom: 2.5rem;}

.counter-wrapper::before{content: "";position: absolute;top: 0;left: 0;width: 100vw;height: 25vh;z-index: -1;  background-color: #F6F4EF;border: 1px solid #F6F4EF;margin-top: -1rem;}



.count{font-size: 40px;font-family: "Poppins", sans-serif;}

.counter-inner p{margin: 0;    font-size: 1.125rem;}

.counter-wrapper{position: relative;text-transform: capitalize;}

.counter-inner{ position:relative; z-index:2;}



/* =================WHY CHOOSE IMPERIUM SECTION START================== */

.why-choose-imp-para ul {margin: 0;padding: 0;}

.why-choose-imp-para ul li{    

    padding: 0;

    margin: 0;

    list-style: none;

font-weight: 300;

font-style: Light;

font-size: 1.125rem;display: flex;justify-content: start;width: 100%;align-items: center;

margin-bottom: 1.5rem;}

.why-choose-imp-para ul li p{margin: 0;}

.why-choose-imp-para-one p{

color:#ffff;}

.why-choose-imp-para ul li i{background-color: #F48274;color: #fff;padding: 0.25rem 0.25rem;border-radius: 3rem;font-size: 0.8rem;margin-right: 0.8rem;}



/* .why_choose_img::before{content: "";position: absolute;top: 2rem;left: 0; width: 280px;height: 280px;background-color: #DDD9CB;border-radius: 50%;z-index: -1;} */



/* .floating-circle {

  content: "";

  position: absolute;

  top: 2rem; 

  left: 0;

  width: 280px;

  height: 280px;

  background-color: #DDD9CB;

  border-radius: 50%;

  z-index: -1;

  transition: top 0.1s linear;

} */







.moving-object6 {

    top: 10%;

    right: 50%;

    z-index: -1;

}





.why-imp-lg{width: 90%;}



/* ==================TESTIMONIALS SECTION START================== */

.testimonial_container {

  display: flex;

  height: 295px;

}

.section-testmonial .hover-content{opacity: 0;}

.section-testmonial:hover .hover-content{opacity: 1;transition: all 0.5s linear;}

.section-testmonial {flex: 1;display: flex;justify-content: left;align-items: end;height: 100%;overflow: hidden;background-size: cover;background-position: center;color: #fff;transition: flex .4s ease;position: relative;  margin: 0 1rem;border-radius: 1.5rem;}

.testi-logo-position{position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);}

.section-testmonial:hover .testi-logo-position {opacity: 0;transition: all 0.1s ease;}



.section-testmonial .overlay {

  background-color: rgba(0, 0, 0, 0.5);

  width: 100%;

  height: 100%;

  position: absolute;

  transition: background-color .8s ease;

}



.section-testmonial .content {

  z-index: 2;width: 100%;padding: 0 1rem;

}



.section-testmonial:hover {

  flex: 2;

}



.section-testmonial:hover .overlay {

  background-color: rgba(0, 0, 0, 0.5);

}



#testimonial1 {

  background-image: url('../images/testimonial/oyo-rooms.jpg');

}



#testimonial2 {

  background-image: url('../images/testimonial/starbuck-img.jfif');

}



#testimonial3 {

  background-image: url('../images/testimonial/coca-cola.jpg');

}



#testimonial4 {

  background-image: url('../images/testimonial/sick.jpg');

}



/*new testimonials start*/

.testimonials_box p {

    font-weight: 300;

    font-size: 1rem;

    line-height: 1.6rem;

}

.testimonials_box img{width:50%;margin:0 auto;margin-bottom:1rem;}

.testimonials_box .moretext {

  display: none;

}

.testimonials_box button{text-decoration:none;box-shadow:none;border:0;padding:0;margin:0;color: #E97567;font-weight:300;background:transparent;}

#more, #more2, #more3, #more4 {display: none;}



/* ==================FOOTER SECTION START=================== */

.footer_logo_section ul{margin: 0;padding: 0;display: flex;align-items: center;}

.footer_logo_section ul li{margin: 0;padding: 0;list-style: none;margin-right: 1rem;}

.footer_logo_section p{color: #535353;font-size: 0.88rem;}

.footer-quick_links {margin: 1rem 0rem;}

.footer-quick_links h5{font-weight: 500;font-size: 1.125rem;line-height: 100%;color: #1E1E1E;}

.footer-quick_links ul{margin: 0;padding: 0;}

.footer-quick_links ul li{margin: 0;padding: 0;list-style: none;font-size: 0.88rem;margin-bottom: 0.8rem;}

.footer-quick_links ul li a{text-decoration: none;color: #535353;}

.footer-quick_links ul li a:hover{color: #F48274;}

.copyright{border-top: 1px solid #DFDFDF;padding-top: 1.5rem;}

.copyright p{font-weight: 300;font-style: Light;font-size: 0.88rem;line-height: 1.3rem;text-align: center;}



/* ========== WHATSAPP STICKY ICON START=========== */

.make_booking_mob_btn {position: absolute;bottom: 0;right: 0;}

.mobileShow {

        display: inline-block;

        width: auto;

        position: fixed;

        bottom: 10px;right: 10px;

        margin-left: auto;

        margin-right: auto;

        /* background-color: #E7D9D3; */

        background-color: transparent;

        padding: 0px;z-index:9999;

    }

.mobileShow a {display: inline-block;

        text-decoration: none;

    }

    .mobileShow a img{width: 65px;}





/* ==========================E-LEARNING PAGE START============================ */

/* e-learing banner section start */

.elearing-img img{width: 80%;}

.moving-object10 {

    top: 0%;

    right: 0%;z-index: -1;

}

.moving-object10 img{width: 100%;}

.e-learning-counter{position: absolute; top: 10%;right: -50px;width: 60%;

    background: linear-gradient(137.31deg, #F48274 5.65%, #FFBCB3 97.21%);

    border-radius: 1.5rem;

    padding: 0 1rem;z-index:9;}

.e-learning-counter p{margin: 0;font-weight: 300;}

.regular-elearning .slick-list {

    padding: 0 0% 0 0%;

}

.learning-module-box{padding: 1.5rem;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;min-height: 305px;

    gap: 40px;border-radius: 1.5rem;}

.bg-dark-pink{background-color: #F48274;}

.bg-light-pink{background-color: #FFBCB3;}

.bg-dark-blue{background-color: #00A3C6;}

.bg-light-blue{background-color: #24C4E6;}

.regular-our-work .slick-slide, .regular-our-work2 .slick-slide { display:block; box-sizing: border-box; }

.our-work-box img { width: 100%; height: auto; display:block; }

.regular-elearning .slick-slide, .regular-our-work .slick-slide, .regular-our-work2 .slick-slide {margin: 0px 0.5rem;}

.learning-module-box h3{

font-weight: 300;

font-size: 2rem;

line-height: 40px;

letter-spacing: 0%;

}

.learning-module-box p{

font-weight: 300;

font-size: 1.125rem;

line-height: 28px;padding: 0;margin: 0;

}



.hero-content.scroll-section {

  position: relative;

  z-index: 1 !important; /* Ensures content is above circles */

}





.floating-circles {

  position: absolute;

  inset: 0;

  pointer-events: none;

}



.circle {

  position: absolute;

  border-radius: 50%;

  opacity: 0.7;

  will-change: transform;

}



/* Predefined gradient styles */

.circle.style-1 {

  width: 60px;

  height: 60px;

  background: radial-gradient(circle, #ffafbd, #ffc3a0);

}



.circle.style-2 {

  width: 80px;

  height: 80px;

  background: radial-gradient(circle, #a1c4fd, #c2e9fb);

}



.circle.style-3 {

  width: 50px;

  height: 50px;

  background: radial-gradient(circle, #bdb2ff, #ffc6ff);

}





/* OUR PROCESS SECTION START */

.process_box {padding: 2rem 0;position: relative;}

.process_box h5{

font-weight: 300;

font-size: 1.5rem;

line-height: 30px;

text-align: center;margin: 0;

}

.process_box::before{display: block;}





.process-container {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: nowrap;

  overflow-x: auto;

}



/* Common ring styling */

.circle-ring {

  width: 200px;

  height: 200px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-left: -30px;

  z-index: 1;

  flex-shrink: 0;

  position: relative;

  transform: rotate(-90deg); /* rotate base ring */

}





/* Odd rings: dark on top, light on bottom */

.circle-ring.odd {

  background: conic-gradient(#DDD9CB 0deg 180deg, #F8F6F1 180deg 360deg);

}



/* Even rings: light on top, dark on bottom */

.circle-ring.even {

  background: conic-gradient(#F8F6F1 0deg 180deg, #DDD9CB 180deg 360deg);

}





.circle-ring span {

  transform: rotate(90deg); 

}





.circle-ring span {

  background: white;

  border-radius: 50%;

  width: 140px;

  height: 140px;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  font-family: 'Poppins', sans-serif;

  font-size: 15px;

  font-weight: 500;

  line-height: 1.4;

  padding: 10px;

  z-index: 2;

font-weight: 300;

font-size: 1.125rem;

line-height: 2rem;

text-align: center;



}



.circle-ring:first-child {

  margin-left: 0;

}



@media (max-width: 768px) {

  .process-container {

    flex-direction: column;

    gap: 20px;

    align-items: center;

  }



  .circle-ring {

    margin-left: 0;

  }

}



/* .our_process_flow::before{content: url(../images/process.png);height: 300px;} */

.our_process_flow{

  /* position: absolute;

  left: 50%;

  top: 50%;width: 100%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%); */width: 86%; margin: 0 auto;

}

.flow-name1 p, .flow-name2 p, .flow-name3 p, .flow-name4 p, .flow-name5 p{

font-weight: 300;

font-size: 1.3rem;

line-height: 2rem;

text-align: center;padding: 0 1rem;

}

.flow-name1{ position: absolute;

  left: 55%;

  top: 55%;width: 100%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);}

.flow-name2{left: 51%;}

.flow-name3{left: 51%;}

.flow-name5{left: 50%;}

.our_process_flow .col{margin: 0;padding: 0;padding-left: 0.00rem;padding-right: 0.00rem;}



.moving-object-process8{top: 40%;

  right: 0px;}





/* OUR WORK SECTION START */

.bg-light-grey{background-color: #F6F4EF;}

.work-img img{width: 90%;margin: 0 auto;border-radius: 1.5rem;/*height: 235px;object-fit: cover;*/}

.our-work-box::before{content: ""; border-radius: 1.5rem;

    left: 0;

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 250px;

    z-index: -1;

    background-color: #DDD9CB;}

.our-work-box p{padding-bottom: 1.5rem;

font-weight: 300;

font-size: 1.125rem;

line-height: 30px;

text-align: center;padding-left: 0.5rem;

    padding-right: 0.5rem;

}

.our-work-box .button.is-play .button-icon{top: 40%;}

.work-play-btn{position: absolute;

  left: 50%;

  top: 40%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);}

.play-btn-icon {

    background-color: #fff;

    padding: 16px 22px 16px 26px;

    border-radius: 5rem;

    text-align: center;

    /* line-height: 5rem; */

    display: inline-block;text-decoration: none;color: #000;

}

.play-btn-icon i{font-size: 1.4rem;

    margin: 0;

    padding: 0;color: #000;

    line-height: 2rem;}

.regular-our-work .slick-prev, .regular-our-work .slick-next, .regular-our-work2 .slick-prev, .regular-our-work2 .slick-next, .regular-lms-training-ss .slick-prev, .regular-lms-training-ss .slick-next{

    width: auto;

    height: auto;z-index: 999;

}

.regular-our-work .slick-prev, .regular-our-work2 .slick-prev, .regular-lms-training-ss .slick-prev {

    left: -40px;

}

.regular-our-work .slick-next, .regular-our-work2 .slick-next, .regular-lms-training-ss .slick-next {

    right: -40px;

}

.regular-our-work .slick-prev:before, .regular-our-work2 .slick-prev:before, .regular-lms-training-ss .slick-prev:before {

    content: url(../images/left-arrow.svg);

}

.regular-our-work .slick-next:before, .regular-our-work2 .slick-next:before, .regular-lms-training-ss .slick-next:before {

    content: url(../images/right-arrow.svg);

}

.slick-prev:before, .slick-next:before{display: block;opacity: 1;}



/* use cases real world section start */

.real-world-section::before{content: "";

    display: block;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;background: linear-gradient(167.29deg, #FFFFFF 12.34%, #F6F4EF 94.08%);

    z-index: -1;

    width: 100%;}

.real-world-usecase-box{box-shadow: 0px 0px 25px 0px #0000001A;padding: 2rem 1.5rem;border-radius: 1.5rem;margin-bottom: 2rem;background-color: #fff;}

.real-world-usecase-box ul{min-height:150px;}

.real-world-usecase-box img{margin-bottom: 2rem;}

.real-world-usecase-box h4{

font-weight: 500;

font-size: 1.125rem;

line-height: 1.5rem;margin: 0;margin-bottom: 1.5rem;min-height: 50px;

}

.real-world-usecase-box p{

font-weight: 300;

font-size: 1.125rem;

line-height: 1.5rem;margin: 0;min-height: 125px;

}



/* KEY FEATURES SECTION START */

.key-features-section{padding-left: 2rem; padding-right: 2rem;}

.key-features-section .use-case_para span{display: block;background-color: #1F1F1F;color: #fff;padding: 1rem 0;border-radius: 0.625rem;}

.key-features-section .use-case_para .col-lg-4{padding: 0 0.25rem;}



.moving-object8 {

  top: 20%;

  right: 0px;z-index: 9;

}



/* trusted partners section start */

.counter-wrapper2 {

    position: relative;

    /* text-transform: capitalize; */

}



.counter-wrapper2 {

    position: relative;

    background-color: #fff;

    border-radius: 20rem;

    border: 1px solid;

    padding-top: 2.5rem;

    padding-bottom: 2.5rem;

}

.counter-wrapper2::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100vw;

    height: 18vh;

    z-index: -1;

    background-color: #000000;

    margin-top: -1rem;border: 0;

}

.counter-wrapper2::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100vw;

    height: 20vh;

    z-index: -1;

    background-color: #F6F4EF;padding: 1rem;

}

.why-e-learn-choose-mt{margin-top: -1px;z-index: -1;}

/* trusted partners section close */





/* ==========================E-LEARNING PAGE CLOSE============================ */



/* ==============================ABOUT US PAGE START=============================== */

.aboutpg-banner-section{padding-bottom: 100px;}

.aboutpg-banner{position: absolute;bottom: -30px;right: 10px;text-align: end;}

.aboutpg-banner img{width: 71%;}



.mission-vision-box {padding: 2rem;border-radius: 1.5rem;margin: 1rem 0;}

.mission-vision-box h5{

font-weight: 500;

font-size: 1.25rem;

line-height: 30px;

}

.mission-vision-box p{

font-weight: 300;

font-size: 1.125rem;

line-height: 30px;margin: 0;

}

.core_value_box{

    text-align:center;

}



.core_value_box img{margin-bottom: 1rem;}

.core_value_box h3{

font-weight: 300;

font-size: 2rem;

line-height: 40px;color: #fff;margin: 0;margin-bottom: 2rem;

}

.core_value_box p{

font-weight: 300;

font-size: 1.125rem;

line-height: 28px;color: #fff;margin: 0;

}



.about_awards_section{padding-top: 1rem;padding-bottom: 1rem;}

.about_awards_section h5{

font-weight: 300;

font-size: 1.5rem;line-height: 36px;margin: 0;

}

.about_awards_section img{width: 100%;}



.why-imperium-span{background-color: #fff;box-shadow: 0px 0px 25px 0px #0000000D;padding: 0.75rem 1rem 0.75rem 1.5rem ;border-radius: 100px;}

.why-choose-imp-para2 span{

font-weight: 300;

font-size: 1rem;display: inline-block;

line-height: 28px;

}



.founder-box{position: relative;}

.founder-info{position: absolute;bottom: 1rem;left: 0rem;width:100%;}

.founder-text{width: 90%;margin: 0 auto;background-color: #F8F8F8;padding: 0.7rem;border-radius: 12px;}

.founder-info h4{

font-weight: 700;

font-size: 1.125rem;

line-height: 28px;

}

.founder-info h5{

font-weight: 500;

font-size: 14px;

line-height: 25px;

color: #F48274;

}

.founder-info p{

font-weight: 400;

font-size: 14px;

line-height: 25px;margin: 0;margin-bottom: 10px;

}

.founder-info ul{margin: 0;padding: 0;}

.founder-info ul li{margin: 0;padding: 0;list-style: none;display: inline-block;}



/* ========================SERVICES LISTING PAGE START======================= */

.services_section .bg-btn-pink a{width: auto;padding: 0.75rem 2rem;}

.service_title h2{font-weight: 300;font-size: 2.5rem;line-height: 3.5rem;}

.service_para{font-weight: 300;font-size: 1.125rem;line-height: 30px;}

.service_info_box{width: 80%;margin: 0 auto;}



.float-icons-new {

  position: absolute;

  width: 100px; /* adjust as needed */

  height: auto;

  pointer-events: none;

  z-index: -1;

}

.moving-icons section {

  position: relative; /* Already set */

  overflow: hidden; /* Prevents icons from going out */

}



@keyframes floatRandom {

  0% {

    transform: translate(0px, 0px) rotate(0deg);

  }

  25% {

    transform: translate(20px, -30px) rotate(15deg);

  }

  50% {

    transform: translate(-20px, 20px) rotate(-10deg);

  }

  75% {

    transform: translate(30px, 10px) rotate(10deg);

  }

  100% {

    transform: translate(0px, 0px) rotate(0deg);

  }

}



/* ===================LMS PAGE START================== */

.lms-key-highlights-box{margin-bottom: 3rem;}

.lms-key-highlights-box h4{

font-weight: 300;

font-size: 30px;

line-height: 40px;margin-bottom: 0.75rem;

}

.lms-key-highlights-box p{

font-weight: 300;

font-size: 18px;

line-height: 28px;

}



/*  */

.lms-feature-box{

    box-shadow: 0px 0px 25px 0px #0000001A;

    border-radius: 1.5rem;

    margin-bottom: 2rem;

    background-color: #fff;

}

.lms-feature-box img{width: 100%;border-radius: 1.5rem 1.5rem 0 0;}

.lms-feature-text{padding: 2rem;}

.lms-feature-box h4 {

    font-weight: 500;

    font-size: 1.125rem;

    margin: 0;

    margin-bottom: 0.7rem;

}

.lms-feature-box p {

    font-weight: 300;

    font-size: 1.125rem;

    line-height: 1.5rem;

    margin: 0;

}



/*  */

.regular-lms-training-ss .slick-slide {

    margin: 0px 0.5rem;

}



/*  */

.engageED_tool_section .main {

  margin: 0px auto;

  width: 480px;

  height: 480px;

  position: relative;

}

.engageED_tool_section .big-circle {

  height: 100%;

  width: 100%;

  position: relative;

  border: 3px solid #6495f2;

  border-radius: 50%;

  display: flex;

  display: -webkit-flex;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  animation: Rotate 20s linear infinite;

  -webkit-animation: Rotate 20s linear infinite;

}

.engageED_tool_section .icon-block {

  width: 64px;

  height: 64px;

  position: absolute;

  border-radius: 50%;

  display: flex;

  display: -webkit-flex;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  /*background-image: linear-gradient(180deg, #4967e6 0%, #627bf4 100%);*/

  /*-webkit-background-image: linear-gradient(180deg, #4967e6 0%, #627bf4 100%);*/

  /*box-shadow: 0 2px 4px 0 #3e5ada;*/

  /*-webkit-box-shadow: 0 2px 4px 0 #3e5ada;*/

}

.engageED_tool_section .icon-block img {

  margin: 0px auto;

  width: 66%;

  animation: Rotate-reverse 20s linear infinite;

  -webkit-animation: Rotate-reverse 20s linear infinite;

}

.engageED_tool_section .icon-block:first-child {

  top: 0;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}

.engageED_tool_section .icon-block:nth-child(2) {

  top: 50%;

  right: 0;

  transform: translate(50%, -50%);

  -webkit-transform: translate(50%, -50%);

}

.engageED_tool_section .icon-block:nth-child(3) {

  bottom: 0;

  left: 50%;

  transform: translate(-50%, 50%);

  -webkit-transform: translate(-50%, 50%);

}

.engageED_tool_section .icon-block:nth-child(4) {

  top: 50%;

  left: 0;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}

/* circle content */

.engageED_tool_section .circle {

  animation: circle-rotate 20s linear infinite;

  -webkit-animation: circle-rotate 20s linear infinite;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%) rotate(45deg);

  -webkit-transform: translate(-50%, -50%) rotate(45deg);

  width: 75%;

  height: 75%;

  border: 3px solid #6495f2;

  border-radius: 50%;

}

.engageED_tool_section .circle .icon-block img {

  animation: img-rotate 20s linear infinite;

  -webkit-animation: img-rotate 20s linear infinite;

}

/* center logo */

.engageED_tool_section .center-logo {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}

.engageED_tool_section .center-logo img {

  max-width: 200px;

}



.dark-pink-bg{background-image: linear-gradient(180deg, #F48274 0%, #F48274 100%);box-shadow: 0 2px 4px 0 #F48274;-webkit-box-shadow: 0 2px 4px 0 #F48274;}

.light-pink-bg{background-image: linear-gradient(180deg, #FFBCB3 0%, #FFBCB3 100%);box-shadow: 0 2px 4px 0 #FFBCB3;-webkit-box-shadow: 0 2px 4px 0 #FFBCB3;}

.light-blue-bg{background-image: linear-gradient(180deg, #24C4E6 0%, #24C4E6 100%);box-shadow: 0 2px 4px 0 #24C4E6;-webkit-box-shadow: 0 2px 4px 0 #24C4E6;}

.dark-blue-bg{background-image: linear-gradient(180deg, #00A3C6 0%, #00A3C6 100%);box-shadow: 0 2px 4px 0 #00A3C6;-webkit-box-shadow: 0 2px 4px 0 #00A3C6;}



/* keyframe animation */



@keyframes Rotate {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}



@-webkit-keyframes Rotate {

  from {

    -webkit-transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

  }

}



@keyframes Rotate-reverse {

  from {

    transform: rotate(360deg);

  }

  to {

    transform: rotate(0deg);

  }

}



@-webkit-keyframes Rotate-reverse {

  from {

    -webkit-transform: rotate(360deg);

  }

  to {

    -webkit-transform: rotate(0deg);

  }

}



@keyframes circle-rotate {

  from {

    transform: translate(-50%, -50%) rotate(45deg);

  }

  to {

    transform: translate(-50%, -50%) rotate(405deg);

  }

}



@-webkit-keyframes circle-rotate {

  from {

    -webkit-transform: translate(-50%, -50%) rotate(45deg);

  }

  to {

    -webkit-transform: translate(-50%, -50%) rotate(405deg);

  }

}



@keyframes img-rotate {

  from {

    transform: rotate(-45deg);

  }

  to {

    transform: rotate(-405deg);

  }

}



@-webkit-keyframes img-rotate {

  from {

    -webkit-transform: rotate(-45deg);

  }

  to {

    -webkit-transform: rotate(-405deg);

  }

}



/* LMS for all section start */

.lms_banr_text{position: absolute;bottom: 0;left: 0;}

.lms_banr_img img{width: 100%;}

.lms_banr_text{padding: 2rem;width:75%;}

.lms_banr_text h2{font-weight: 500;}



.regular-industries .slick-prev, .regular-industries .slick-next {

    width: auto;

    height: auto;

    z-index: 999;top:auto;bottom:30px;

}

.regular-industries .slick-prev:before {

    content: url(../images/arrow-left-circle.png);

}

.regular-industries .slick-next:before {

    content: url(../images/arrow-right-circle.png);

}

.regular-industries .slick-prev{right: 130px;}

.regular-industries .slick-next {right: 60px;}





/* ============================================================================================================== */

/*  */

/* XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) { 



 }

 

@media (max-width:1269px) {

    .key-features-section .use-case_para span{font-size:0.75rem;}

    .aboutpg-banner img { width: 67%;}

    .nav-link {font-size: 0.7rem;padding: 0.5rem 0.5rem !important;}

    .bg-btn-pink-nav{font-size:0.7rem;}

}



/* X-Large devices (large desktops, 1200px and up) */

 @media (max-width: 1200px) { 

     .what-we-do-box-sm{min-height:295px;}

.graph-low, .graph-med, .graph-high{margin-right: 0.4rem;}

.graph-high{margin:0 !important;}

.graph_box {padding: 0.7rem;}



  }



/*  */

@media (min-width: 992px){

/* .navbar-expand-lg .navbar-nav .nav-link {padding-right: 2.5rem;padding-left: 2.5rem;} */

.nav-link{margin:0;}

    /*.our-work-video .modal-lg, .modal-xl {*/

    /*    --bs-modal-width: 100%;*/

    /*}*/



}



@media (max-width: 992px){

/* .navbar-expand-lg .navbar-nav .nav-link {padding-right: 2rem;padding-left: 2rem;} */

}





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



section{padding-left: 0; padding-right: 0;}

.moving-object6{width: 50%;}.moving-object6 img{width: 100%;}



.flow_ring1 img{transform: rotate(90deg);width: 75%;margin-top:-5px;}

.flow-name1{left: 50%;display: inline-block;width: auto;margin: 0 auto;}

/* .flow-name1 p, .flow-name2 p, .flow-name3 p, .flow-name4 p, .flow-name5 p{margin: 0;} */

.our_process_flow .col-12.text-center {margin-top: -19px;}



.mob-nav-imperium{padding: 0.5rem 0;}



/* about us page start */

.aboutpg-banner{position: static;}

.aboutpg-banner img{width: 100%;}

.who-we-are-section .col-lg-6{text-align: left !important;}



.why-imperium-span{ padding-right: 1rem;}



.about_awards_section{text-align: center;}

.about_awards_section img{width: 60%;}



.aboutpg-banner-section {padding-bottom: 0;}



.service_info_box {width: 100%;}

.service_title h2 {font-size: 2rem;line-height: 2.5rem;}



.what-we-do-box-sm{min-height:auto;}



}



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

.avatars{display: none;}

.join-card{padding: 15px;}

.graph-low, .graph-med, .graph-high{margin-top: 1rem;}

.graph-high{height: 4rem;}.graph-med{height: 2.5rem;}.graph-low{height: 1rem;}

.banner-img1{height: 310px;object-fit: cover;border-radius: 1.5rem;}

.banner_title h1, .banner_title h1 span{font-size: 40px;line-height: 45px;}

.counter-wrapper::before{height: 50vh;}

/* .counter-wrapper2{margin-top: 3rem;} */

/* .counter-wrapper2::before{height: auto;} */

.counter-wrapper{border-radius: 2rem;}

.testimonial_container {display: block; height: auto;}

.section-testmonial{height: 300px;margin-bottom: 1.5rem;}

.footer-section .col{flex: none;margin-bottom: 1.5rem;}

.why_choose_img::before{width: 200px;height: 200px;}

.why-choose-imp-para ul li{font-size: 1rem;}

.testi-logo-position{display: none;}

.section-testmonial .hover-content{opacity: 1;}



/* vertical bars media query start */

.industry-bars{height: 80vh; width: 100%; margin: 0 auto;justify-content: center;}

.bar{height: 75vh;width: 18vw;padding: 30px 15px 0px 15px;font-size: 1.25rem;}

.cyan {height: 65vh;}.bar::before{width: 24px;height: 24px;}



/* animation media query */

.moving-object {right: -45px;}

.moving-object2 {left: -45px;}

.moving-object3 {right: -80px;}

.moving-object4 {left: -30px;}

.moving-object5 {right: -30px;}

.regular-elearning .slick-list {padding: 0 5% 0 5%;}

.e-learning-counter{position: static;width: 100%;}

.regular-our-work .slick-next, .regular-our-work2 .slick-next {right: 0;}

.regular-our-work .slick-prev, .regular-our-work2 .slick-prev {left: 0;}



.lms_banr_text{width:100%;}



.engageED_tool_section .circle {top: 50%;left: 50%;width: 70%;height: 70%;}

.engageED_tool_section .big-circle{height: 100%;width: 100%;}

.engageED_tool_section .center-logo{top: 50%;left: 50%;}

    

.engageED_tool_section .main {margin: 0px auto;width: 100%; width:90%;height: 330px;margin-top:1rem;position: relative;}

.lms_banr_img img {width: 100%;height: 100vh;object-fit: cover;}



.key-features-section {padding-left: 0;padding-right: 0;}

.key-features-section .use-case_para span {font-size: 0.8rem;}

}







@media (max-width: 576px) {

   .our-work-box p{font-size:1rem;}

}



@media (min-width: 576px) {

    .modal-dialog {

        max-width: 700px;

        margin-right: auto;

        margin-left: auto;

    }

}



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

  

}