@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;}

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

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

  
/* ======================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;
}

.mega-menu a {
  display: block;
  padding: 0.25rem 0;
  color: #212529;
  text-decoration: none;
}
.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 **********************/
.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;
}


.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){
  
}