.b-example-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }
  
  .form-control-dark {
    color: #fff;
    background-color: #0f172a;
    border-color: var(--bs-gray);
  }
  .form-control-dark:focus {
    color: #fff;
    background-color: #0f172a;
    border-color: #fff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
  }
  
  .bi {
    vertical-align: -.125em;
    fill: currentColor;
  }
  
  .text-small {
    font-size: 85%;
  }
  
  .dropdown-toggle {
    outline: 0;
  }
  .navbar{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
  }
 
  .navbar-brand img{
      height:45px;
  }
  .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .show>.nav-link{
  
  cursor:pointer;
  }
  .navbar-light.fixed-top .navbar-nav .nav-link{
      color:rgba(0,0,0,.55);
  }
  .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover{
  color:#3182e1;
 }
 .dropdown-menu{
	     border-top: 5px solid #3182e1;
 }
  .dropdown-menu-xxl {
    border-radius: 0.5rem;
    min-width: 40rem!important;
}
.dropdown-menu-arrow {
     top: -38px;
    left: 50%;
  width: 0;
  height: 0;
  position: relative;
}
.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-width: 7px 8px;
  border-style: solid;
  border-color: transparent;
  z-index: 1001;
}
.dropdown-menu-arrow:after {
  bottom: -18px;
  right: -8px;
  border-bottom-color: #3182e1;
}
.dropdown-menu-arrow:before {
  bottom: -17px;
  right: -8px;
  border-bottom-color: rgb(49 130 225);
}
/* GLOBAL STYLES
-------------------------------------------------- */


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    margin-bottom:0;
  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
    z-index: 10;
  }
  .carousel-caption h2{
      font-size:3rem
  }
  .carousel-caption h2 span{
      font-weight:100;
  }
  
  /* Declare heights because of positioning of img element */
  .carousel-item {
    height: 32rem;
  }
  .carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 32rem;
  }
  
  /* MARKETING CONTENT
  -------------------------------------------------- */
  
  /* Center align the text within the three columns below the carousel */
  .marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
  }
  .marketing h2 {
    font-weight: 400;
  }
  /* rtl:begin:ignore */
  .marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
  }
  /* rtl:end:ignore */
  
  
  /* Featurettes
  ------------------------- */
  
  .featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
  }
  
  /* Thin out the marketing headings */
  .featurette-heading {
    font-weight: 300;
    line-height: 1;
    /* rtl:remove */
    letter-spacing: -.05rem;
  }
  .carousel-indicators [data-bs-target]{
  text-indent:inherit;
  text-align:left;
  background-color:transparent;
  transition:background-color .6s ease;
  padding:5px;
  color:#fff;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  border: 2px solid #fff;
  
  }
  .carousel-indicators .active{
  background-color:rgb(0 0 0 / 36%);
  
  }
  .carousel-indicators [data-bs-target] span{
  display:none;
  }
  
  
  /* RESPONSIVE CSS
  -------------------------------------------------- */
  
  @media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
      margin-bottom: 1.25rem;
      font-size: 1.25rem;
      line-height: 1.4;
    }
  
    .featurette-heading {
      font-size: 50px;
    }
    .carousel-indicators [data-bs-target] span{
  display:block;
  }
  .carousel-caption{
  bottom:auto;
  top: 8vw;
  width: 50%;
  left: 14vw;
  }
  }
  
  @media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }
    .carousel-item img{
  height:auto;
  width:100%;
  }
  .carousel-item{
  height:100vh;
  }
  
  
  }
  .footer-logo img{
    height:50px;
    }
    footer{
        padding-top: 15px;
    }
    .footer-menu a{
    text-decoration: none;
    color: #000;
    display: block;
    }
    .footer-address p{
    font-size: 12px;
    margin-bottom: 0;
    }
    .footer-address .row-cols-md-5>*{
    border-left: 1px solid #ccc;
    }
    .footer-left .list-unstyled li a{
    font-size: 40px;
    }    
.text-blue{
    color: #0178C8;
}
.digital-success p{
margin-bottom: 0;
}
.bg-darksec , .bg-blue1 {
background-color: #d8eaff !important;
}
.bg-darksec {
	color:#fff;
}
.bg-blue2 , .IP-led-img{
    background-color: #bfddff !important;
}
.bg-blue3{
    background-color: #e2f0ff;
}
section{
    padding: 60px 0px;
}
.IP-led-img{
    margin: 0;
}
.IP-led-con{
    background-color: #fff;
    min-height: 171px;
}
.buzz .IP-led-con {
    background-color: #d8eaff;
}

.bg-yellow{
background-color:#ffc728;
}
.btn-arrow{
	padding-right: 48px !important;
  background-image: url("../images/right-arrow.png");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: right 15px center;
    
}
.btn{
  border-radius: 25px;
  padding: 8px 20px;
}
.btn-blue{
    background-color: #3182E1;
    color: #fff;
}
.btn-border{
    border: 1px solid #fff;
}
.btn-arrow:hover, 
.btn-arrow:focus {
  box-shadow: inset 6.5em 0 0 0 #000;
}
.btn-blue:hover, .btn-blue:focus {
  color: #fff;
}
.btn.btn-orange{
background-color:#f27920;
color:#fff;
}
.btn.btn-orange.btn-arrow{
	background-image: url("../images/right-arrow-w.png");
}
.btn.btn-outline-orange{
background-color:transparent;
border-color:#f27920;
color:#000;
}
.btn.btn-outline-black{
background-color:transparent;
border-color:#000;
color:#000;
}
.btn.btn-outline-white{
background-color:transparent;
border-color:#fff;
color:#fff;
}
.btn.btn-white{
background-color:#fff;
color:#f27920;
}
.bg-light-grey{
	background-color:#f4f4f4;
}
.solunus_rating_sec {
    position: absolute;
    bottom: 6vw;
    left: 16vw;
    right: 35vw;
    color: #fff;
}
.solunus_rating_sec p{
  font-size: 12px;
}
.d-flex-center {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}
.solunus_c {
    border-right: 2px solid #0A4974;
    min-height: calc(100% - 0px);
    padding-right: 15px;
}
.solunus_rating_sec .col:nth-child(1) .solunus_c {
    padding-left: 0 !important;
}
.solunus_rating_sec .col:nth-child(3) .solunus_c {
    border-right: unset !important;
}

.nex-gen{
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 30px;
    text-align: center;
    border-radius: 15px;
    border: 2px solid #ccc;
    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 19%);
    min-height: calc(100% - 15px);
    margin-bottom: 15px;
    position:relative;
    color:rgba(0, 0, 0, 0.8);
}
.nex-gen img{
    width: 100px;
    height: 100%;
    margin: auto;
    display: block;
}
.nex-gen h4{
    margin: 15px 0px;
}
.nex-gen p{
    margin-bottom: 40px;
}
.nex-gen a{
    text-decoration: none;
    color: #000;
   
}
.CPQ-lite{
    background-size: cover;
    background-position: center;
    padding-bottom: 18vw;
    background-repeat: no-repeat;
    
}

.section-heading{
   text-align: center;
   margin-bottom: 60px;
}
.section-heading h2{
    color: #0178C8;
   
}
.section-heading p{
        font-size: 18px;
    color: rgba(0, 0, 0, 0.6);
}
.CPQ-lite .carousel-item{
    height: auto;
}
.CPQ-lite .carousel{
    background: rgb(26,163,255);
    background: linear-gradient(180deg, rgba(7, 103, 192, 0.8) 20%, rgba(104, 179, 243, 0.66) 80%, rgba(255, 255, 255, 1) 100%);
    border-radius: 10px;
    border:1px solid #fff;
        padding: 30px 35px 100px;
    min-height: 65vh;
    align-items: center;
    justify-content: center;
    display: flex;
}
.CPQ-lite .carousel-caption{
    position: static;
    width: 100%;
}
.CPQ-lite .list-group{
    margin-top: 25px;
}
.CPQ-lite .list-group li{
    background-color: transparent;
    width: 20%;
    border: 0;
    border-right: 2px solid rgb(1 120 200 / 30%);
    text-align: center;
}
.CPQ-lite .list-group li p{
    font-size: 1rem;
    margin: 0;
}
.CPQ-lite .list-group li:last-child{
    border: 0;
}
.CPQ-lite .carousel-indicators [data-bs-target]{
    background-color:#fff;
        border: 2px solid #3182e1;
}
.CPQ-lite .carousel-indicators{
bottom: 50px;
margin: 0;
}
.CPQ-lite .list-group li img{
    width: 50px;
    margin: auto;
    display: block;
}

.CPQ-lite .carousel-indicators .active{
  background-color:  rgb(49 130 225);
}
.resourcescard{
    background-color:#fefefd;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border: 1px solid #B3B6B8;
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 1vw;
    position: relative;
    text-align: center;
    min-height: calc(100% - 30px);
}
.resourcescard img{
margin-bottom: 10px;
width:80px;
}

.client .carousel-caption{
color: #000;
}

.client .carousel-indicators [data-bs-target]{
border-color: #ccc;
}
footer{
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
}
footer .container{
  padding:7vw 15px 5vw;
}
footer .container-fluid{
  padding: 20px 15px;
  background-color: #3182e1;
  position: relative;
}
footer .container-fluid p{
  margin: 0;
}
footer .container-fluid img{
  position: absolute;
  right: 10vw;
  top: -30px;
}
.inner-banner{
  background-size: cover;
  min-height: 60vh;
  margin-top: 69px;
  background-position: bottom;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 0;
}
.inner-banner p{
	font-size:1.5rem;
}
.play-box-section{
  padding: 12vw 0; 
}
.play-box-section .play-box{
  background: rgba(187, 224, 255, 0.18);
  text-align: center;
  padding: 6vw;
  position: relative;
  
}
.play-box-section .play-box::before{
  content: "";
  background-image: url("../../assets/images/about-cloud1.png");
  position: absolute;
  top: -100px;
  left: -120px;
  z-index: 1;
  width: 325px;
  height: 218px;
  background-size: 100%;
  background-repeat: no-repeat;

}
.play-box-section .play-box::after{
  content: "";
  background-image: url("../../assets/images/about-cloud2.png");
  position: absolute;
  bottom: -148px;
  right: -165px;
  z-index: 1;
  width: 325px;
  height: 218px;
  background-size: 100%;
  background-repeat: no-repeat;

}
.play-box-section video{
        height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.pbmit-timeline {
  position: relative;
  z-index: 1;
  margin-top: -63px;
}
.pbmit-timeline .pbmit-last-timeline, .pbmit-timeline .pbmit-first-timeline {
  position: relative;
  z-index: 1;
  left: calc(50% - 3px);
  width: 22px;
  height: 22px;
  background-image: url("../../assets/images/boat.png");
  width: 77px;
  height: 43px;
  top: 35px;
  background-repeat: no-repeat;
}
.pbmit-timeline .pbmit-last-timeline{
  background-image: url("../../assets/images/about/ancor.png"); 
    top: -2px;
    width: 83px;
    height: 208px;
}
.pbmit-timeline .pbmit-timeline-post-items {
  padding-top: 80px;
  padding-bottom: 0px;
  position: relative;
}
.pbmit-timeline .pbmit-timeline-post-items:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: calc(50% - 3px);
  width: 1.5px;
  height: 100%;
  background: #3f9ad9;
}
.pbmit-timeline-inner {
  margin: 0 -3px;
}
.pbmit-timeline .pbmit-timeline-post-items .pbmit-timeline-inner {
  padding-bottom: 0px;
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-row {
  align-items: center;
  position: relative;
}
.pbmit-timeline .pbmit-timeline-inner:nth-child(even) .pbmit-ourhistory-type2 .pbmit-ourhistory-left, .pbmit-timeline .pbmit-timeline-inner:nth-child(odd) .pbmit-ourhistory-type2 .pbmit-ourhistory-right {
  padding-right: 50px;
  padding-left: 15px;
}
.pbmit-ourhistory-type2 .label {
  display: block;
  font-size: 18px;
  font-weight: 600 !important;
  line-height: 18px;
  color: #000000;
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-right .pbmit-timeline-image, .pbmit-ourhistory-type2 .pbmit-ourhistory-right .label {
  margin-bottom: 30px;
  display: none;
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-right .content {
  padding: 5px 15px;
  position: relative;
  text-align: right;
  color: #fff;
}
.pbmit-timeline .pbmit-timeline-inner:nth-child(even) .row.pbmit-ourhistory-row .pbmit-ourhistory-right .content:before, .pbmit-ourhistory-type2 .pbmit-ourhistory-right .content:before {
  top: 60px;
  display: block;
  position: absolute;
  content: '';
  right: 0;
  width: 105px;
  height: 2px;
  background: #3f9ad9;
  top: 42%;
  -khtml-transform: translateX(100%) translateY(-50%);
  -moz-transform: translateX(100%) translateY(-50%);
  -ms-transform: translateX(100%) translateY(-50%);
  -o-transform: translateX(100%) translateY(-50%);
  transform: translateX(100%) translateY(-50%);
  
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-right .content .pbmit-title {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 0px;
  letter-spacing: 0px;
}
.pbmit-timeline .pbmit-timeline-inner:nth-child(even) .row.pbmit-ourhistory-row .pbmit-ourhistory-right .content:after, .pbmit-ourhistory-type2 .pbmit-ourhistory-right .content:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  right: 0px;
  top: 50%;
  -khtml-transform: translateX(100%) translateY(-50%);
  -moz-transform: translateX(100%) translateY(-50%);
  -ms-transform: translateX(100%) translateY(-50%);
  -o-transform: translateX(100%) translateY(-50%);
  transform: translateX(100%) translateY(-50%);
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-right .content .simple-text p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 14px;
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-center span {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  background: #fff;
  background-color: #fff;
  color: #000000;
  width: 15px;
  height: 15px;
  transform: translate(-10px, -12px);
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  border-radius: 50%;
  border: 1px solid #000;
}
.pbmit-timeline .pbmit-timeline-inner:nth-child(even) .pbmit-ourhistory-type2 .pbmit-ourhistory-right, .pbmit-timeline .pbmit-timeline-inner:nth-child(odd) .pbmit-ourhistory-type2 .pbmit-ourhistory-left {
  padding-right: 15px;
  padding-left: 50px;
}
/* .pbmit-timeline .pbmit-timeline-inner:nth-child(even) .row.pbmit-ourhistory-row .pbmit-ourhistory-right .content:before {
  border-color: transparent #000000 transparent transparent;
} */
.pbmit-timeline .pbmit-timeline-inner:nth-child(even) .row.pbmit-ourhistory-row .pbmit-ourhistory-right .content:before, .pbmit-timeline .pbmit-timeline-inner:nth-child(even) .row.pbmit-ourhistory-row .pbmit-ourhistory-right .content:after {
  -khtml-transform: translateX(-10%) translateY(-50%);
  -moz-transform: translateX(-100%) translateY(-50%);
  -ms-transform: translateX(-100%) translateY(-50%);
  -o-transform: translateX(-100%) translateY(-50%);
  transform: translateX(-100%) translateY(-50%)!important;
  left: 0;
}
.pbmit-timeline .pbmit-timeline-inner:nth-child(even) .row.pbmit-ourhistory-row {
  flex-direction: row-reverse;
  align-items: center;
}
.fourps{
  padding-top: 10vw;
}
.fourps .section-heading {
  margin-bottom: 7vw;
}
.fourps .resourcescard{
  z-index: 2;
  background-color: #fff;
  margin: 0px 10px 30px;
}
.leafbg{
  position: absolute;
    left: -8px;
    top: -45px;
    z-index: 1;
}
.reimagine{
  position: relative;
  display: flex;
  align-items: center;
}

.custom-container{
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 10vw;
}
.bg-imge-life{
  width: 100%;
  height: auto;
}
.lifeatsolunus .carousel-item {
  height: auto;
}
.lifeatsolunus .carousel-item > img{
  position: static;
  height: 420px;
  object-fit: cover;
  object-position: top;
  border-radius:15px;
}
.lifeatsolunus .carousel-caption{
 color: #000;
 position: static;
 text-align: left;
 width: 100%;
}
.lifeatsolunus .carousel-control-next, .lifeatsolunus .carousel-control-prev{
height: 380px;
}
.lifeatsolunus .carousel-control-next-icon, .lifeatsolunus .carousel-control-prev-icon{
  border: 1px solid #fff;
  background-color: rgb(1 120 200 / 40%);
  background-size: 20px;
  border-radius: 50%;
}
.client{
  padding-bottom: 0;
}
.home-banner{
  position: relative;
  padding: 0;
  margin-top: 69px;
}
.home-banner-heading{
  position: absolute;
  top: 10%;
  color: #fff;
  left: 14vw;
  width: 50%;
}
.home-banner-heading p{
    font-size:2vw;
}
.leadership .leadership-block{
  position: relative;
}
.leadership .circle-bg{
  width: 235px;
  position: absolute;
  left: 20px;
  z-index: -1;
  bottom: 0;
}
.leadership .led-image{
  width: 235px;
}
.leadership .led-content {
      position: absolute;
    right: 0;
    top: 95px;
    width: 83%;
    background-color: #fff;
    z-index: -1;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 26%);
    border-radius: 10px;
    padding: 10px 15px 10px 130px;
    text-align: right;
    min-height: calc(100% - 145px);
    align-items: center;
    display: flex;
}
.leadership .led-content div{
  margin-left: auto;
}
.leadership .led-content h5{
  color:#0178C8;
  margin: 0;
}
.leadership .led-content p{
  margin: 0;
}
.success-mantra{
  position: relative;
  background: rgb(26,163,255);
  background: linear-gradient(0deg, rgba(26,163,255,1) 0%, rgba(181,225,255,1) 50%, rgba(255,255,255,1) 100%);
  padding:60px 0 0 0;
}

.success-mantra .sm-content h5{
  margin-top: 30px;
}
.our-milestone-sec{
  padding-top: 0;
  background-position: top;
  padding-bottom: 60px;
}
.right-text{
  position: absolute;
    top: 0;
    right: 40px;
    height: 100%;
    align-items: center;
    display: flex;
    text-align: center;
}
/* Contact */
.form-sec{
  padding-top: 5vw;
}
.form-sec  ul {
  margin-bottom: 50px;

}
.mobile-layout {
  border-radius: 14px;
  border: 2px solid #0d8fff;
  padding: 30px 30px;
}
.mobile-layout  h3 {
  color: #0178c8;
  text-align: center;
 margin: 0;
}
.mobile-layout  p {
  color: #0178c8;
  text-align: center;
 
}
/* Styles for form inputs inside the mobile layout */
.mobile-layout input {
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  background: #fff;
  height: 40px;
  flex-shrink: 0;
  color: #0178c8;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 250% */
}

.mobile-layout input::placeholder {
  color: #0178c8;

}
.info {
  color: #0178c8;

}
.mobile-layout .form-group{
  margin-bottom: 20px;
}
.circle {
  width: 180px;
  height: 180px;
  background-color: #01adff;
  filter: drop-shadow(0px 4px 4px #a3cce3);
  border-radius: 50%;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  border: 2px solid #fff
}

.circle  p {
  font-size: 12px;
  font-style: normal;
   margin: 0px;
}
.circle1 {
 margin-left: auto;
 margin-right: 2vw;
}
.circle2 {
  margin-left: 4vw;
}
.contact-withus {
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: -250px;
  z-index: 1;
  position: relative;
}



.section3-card {
 text-align: center;
  border-radius: 10px;
  border: 1px solid #968c68;
  background: linear-gradient(180deg, #fff5d2 0%, #eff8ff 66.36%);
  box-shadow: 0px 3px 4px 0px rgba(220, 217, 175, 0.54);
  padding: 30px;
  min-height: calc(100% - 30px);
  margin-bottom: 30px;
}
.section3-card .icon-bg {
  height: 72px;
  width: 72px;
  border-radius: 50%;
  background-color: white;
  margin: auto;
  margin-bottom: 30px;
  display:flex;
  align-items:center;
  
}
.section3-card .icon-bg img{
    margin:auto;
}
.office-box-main{
    border:2px solid rgba(26, 163, 255, 0.8);
    padding:30px 15px;
    border-radius:10px;
    min-height: calc(100% - 30px);
    margin-bottom:30px;
    position:relative;
}
.office-box-main img{
    position:absolute;
    width:50%;
    left:0;
    bottom:-2px;
}
.office-box-main .time{
    text-align:center;
}
.office-box-main .time h3{
    color:#0178C8;
}
.office-box{
  border-radius: 10px;
  position:relative;
}
.office-box p{
    margin:0;
}

/* End Contact */
.resources_sec .custom-container{
  top: 0;
}
.cloud-feature-item{
	position:relative;
	margin-bottom:30px;
}
.cloud-feature-item .cloud-feature-item-content img{
    height: 45px;
    margin-bottom: 5%;
}
.cloud-feature-item .cloud-feature-item-content{
    position: absolute;
       width: 60%;
    left: 19%;
    top: 10%;
}
.balloon{
	left: auto;
    right: 0;
    top: -100px;
}
.balloon2{
	    top: auto;
    bottom: -140px;
    left: 100px;
    width: 90px;
}
.benefits-cloud{
	background: rgb(26,163,255);
    background: linear-gradient(0deg, rgb(122 202 255) 0%, #b5e1ff 50%, #d7efff 100%);
	position:relative;
	padding: 18% 0px 6% 0px;
}
.benefits-cloud .cloud-feature-item .cloud-feature-item-content img{
    margin-bottom:10%;
}
.benefits-cloud .balloon {
    left: auto;
    right: 30%;
    top: -43%;
    width: 40%;
}
.benefits-cloud .balloon1{
        position: absolute;
    left: 25%;
    top: -45px;
    z-index: 1;
}
.benefits-cloud:before{
content: "";
  background-image: url("../../assets/images/services/benefits.png");
  position: absolute;
  top: 0;
    left: 0;
    right: 0;
  z-index: 1;
 height: 100%;
    background-size: 100%;
  background-repeat: no-repeat;
}
.benefits-cloud:after{
content: "";
  background-image: url("../../assets/images/services/benefits.png");
      position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
.benefits-cloud .cloud-feature-item{
	margin-bottom:90px;
}
.benefits-cloud .cloud-feature-item .cloud-feature-item-content{
    width: 56%;
    left: 12%;
    top: 3%;
    z-index: 2;
}
.benefits-cloud .cloud-feature-item p{
	width: 68%;
    margin-left: auto;
}
.benefits-cloud .right-sec .cloud-feature-item  p{
	margin-left:35px;
}
.benefits-cloud .right-sec .cloud-feature-item .cloud-feature-item-content{
	left: auto;
    right: 10%;
}
.benefits-cloud .balloon2, .blog-section .balloon2{
	bottom: 130px;
    left: -40px;
    width: 40%;
}
.z-2{
	z-index:2;
}
.cloud-solution-item{
	margin-bottom:30px;
}
.cloud-solution-item h3{
	    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}
.why-solution-img-sec{
	position:relative;
}
.why-solution-img-sec img{
	width:100%;
}
.why-solution-img-sec .why-solution-item{
	position: absolute;
    left: 6%;
    bottom: 7%;
    width: 15%;
    color: #fff;
}
.why-solution-img-sec .why-solution-item.two{
	bottom: 50%;
    left: 15%;
}
.why-solution-img-sec .why-solution-item.three{
	top: 10%;
    bottom: auto;
    left: 34%;
}
.why-solution-img-sec .why-solution-item.four{
	top: 10%;
    bottom: auto;
    right: 33%;
	left:auto;
}
.why-solution-img-sec .why-solution-item.five{
	bottom: 43%;
    right: 13%;
	left:auto;
}
.why-solution-img-sec .why-solution-item.six{
	left:auto;
    right: 5%;
    bottom: 7%;
   
}
.resources-circle{
	position:relative;
	z-index: 2;
	color:#fff;
	margin-top: 7%;
}
.resources-circle img{
width:100%;
}

.resources-circle .d-flex{
	position: absolute;
    top: 0;
    left: 0;
    padding: 30px;
    height: 100%;
	text-align: center;
    width: 100%;
}
.resources-circle .d-flex .mx-auto{
    width:80%;
}
.faq{
	background-color:#fff;
	padding:60px 0;
	border-radius:10px;
	position:relative;
	z-index:2;
	margin-top:60px;
	margin-bottom:-200px;
}
.faq .accordion{
    padding: 0px 15px 15px;
}
.accordion-button:not(.collapsed){
	background-color:transparent;
	box-shadow:none;
	color:#212529;
}
.accordion .accordion-item{
	border:0;
	border-top:1px solid #ccc;
	
}
.accordion .accordion-item:first-child{
	border:0
}
.accordion .accordion-item:last-child{
	border-bottom:1px solid #ccc;
}
.accordion .accordion-item h2 button{
	font-weight:bold;
}
.faq-sec{
	margin-bottom:200px;
	padding-top:300px;
}
.faq-sec .balloon2{
        top: 12%;
    bottom: auto;
    left: 5%;
    width: 21%;
    transform: rotate(45deg);

}
.faq-sec .plane{
	  right: 5%;
    top: 14%;
    width: 85px;
    left: auto;
    transform: rotate(68deg);
}
.faq-sec .balloon{
	right: 0px;
    transform: rotate(45deg);
    width: 40%;
    bottom: 0px;
    top: auto;
}

.cpq-features{
       background: rgb(26,163,255);
    background: linear-gradient(0deg, rgb(222 241 252) 0%, #f4fbff 50%, #ffffff 100%);
    z-index: -1;
    position: relative;
}
.plane-line{
        left: -60%;
    top: auto;
    z-index: 1;
    bottom: 10%;
}
.cpq-feature-item{
	position:relative;
	margin-top:30px;
	z-index: 2;
	min-height: calc(100% - 30px);
    background-color: #3182e1;
    border-radius: 10px;
}
.cpq-feature-item .cpq-feature-item-content{
	color: #fff;
    background-color: #3182e1;
    padding: 60px 30px 30px;
    border-radius: 10px;
	min-height:calc(100%);
}
.cpq-feature-item .cpq-feature-item-content h5{
	margin-bottom:20px;
}
.cpq-feature-item .leafbg.balloon{
	left: auto;
    top: 40px;
    z-index: -1;
    right: -60px;
    transform: rotate(45deg);
}
.cpq-feature-item .leafbg{
right: 40px;
left:auto;
    
}
.cpq-feature-item .leafbg.balloon2{
	    bottom: -50px;
    right: -50px;
    transform: rotate(45deg);
    z-index: -1;
}
.CPQ-benefit .pbmit-timeline{
	margin-top:0
}
.CPQ-benefit .pbmit-timeline .pbmit-timeline-inner:nth-child(even) .row.pbmit-ourhistory-row{
	flex-direction: unset;
}
.benefit-items-sec{
	    position: relative;
    width: 60%;
    margin-left: auto;
	    margin-top: 150px;
}
.benefit-items-sec .benefit-item{
	    background: rgb(26,163,255);
    background: linear-gradient(0deg, rgb(7 90 159 / 75%) 30%, rgb(1 120 200 / 85%) 50%);
    color: #fff;
        padding: 15px 30px 15px 0px;
    border-radius: 94px;
	display:flex;
	align-items:center;
	gap:40px;
	position:relative;
	    margin-bottom: 30px;
		border:2px solid #0D4BA8;
}
.benefit-items-sec .benefit-item p{
	margin-bottom:0;
}
.benefit-items-sec .benefit-item img{
	margin-left: -30px;
	    width: 90px;
}
.benefit-items-sec .benefit-item:before{
	display: block;
    position: absolute;
    content: '';
    right: auto;
    width: 105px;
    height: 2px;
    background: #0D4BA8;
    top: 50%;
    left: 0;
    -khtml-transform: translateX(100%) translateY(-50%);
    -moz-transform: translateX(100%) translateY(-50%);
    -ms-transform: translateX(100%) translateY(-50%);
    -o-transform: translateX(100%) translateY(-50%);
    transform: translateX(-126%) translateY(0);
}
.benefit-items-sec:before{
	content: '';
    position: absolute;
    top: 8.5%;
    left: -132px;
    width: 2px;
    height: 83.2%;
    background: #0D4BA8;
}
.CPQ-benefit .custom-container{
	    top: 16vw;
}
.cpq-cloud-solution .resourcescard{
	text-align:left;
	cursor:pointer;
	padding:30px;
}
.cpq-cloud-solution .resourcescard:hover{
	    background: #968C68;
    background: linear-gradient(0deg, #EFF8FF 0%, #d2eafa 50%, #FFF5D2 100%);
}
.why-solunus{
	position:relative;
}
.why-solunus .balloon{
	    left: auto;
    right: 20%;
    top: 0;
    z-index: -1;
}


.dropdown-menu{
    border-radius:.5rem;
    box-shadow:0 0.5rem 1rem rgba(2,6,23,.15);
    line-height:1.5rem;
    padding:1rem 10px;
    z-index:1021
}
.dropdown-header{
    color:#1e293b;
    font-weight:600;
    letter-spacing:1px;
    padding:.25rem 0rem;
    text-transform:uppercase
}
.dropdown-text{
    color:#64748b;
    font-size:.75rem;
    line-height:1.4;
    padding:.25rem 1.2rem
}
.dropdown-item{
    align-items:center;
    display:flex;
        padding: 0.2rem 1rem;
    border: 1px solid transparent;
    margin: 5px 0px;
	
}
.dropdown-menu-xs{
    border-radius:.5rem;
    min-width:8rem!important
}
.dropdown-menu-md{
    border-radius:.5rem;
    min-width:17rem!important
}
.dropdown-menu-lg{
    border-radius:.5rem;
    min-width:22rem!important
}
.dropdown-menu-xl{
    border-radius:.5rem;
    min-width:24rem!important
}
.dropdown-menu-xxl{
    border-radius:.5rem;
    min-width:40rem!important
}
.dropdown-mega-menu{
    border-radius:.5rem;
    min-width:1140px!important
}
.dropdown-toggle:after{
    content:"\f282";
    float:right
}
.dropdown-toggle:after,.dropup .dropdown-toggle:after{
    border:0;
    font-family:bootstrap-icons!important;
    margin-left:.255em;
    vertical-align:.255em
}
.dropup .dropdown-toggle:after{
    content:"\e931";
    display:inline-block
}
.dropend .dropdown-toggle:after{
    border:0;
    content:"\e930";
    display:inline-block;
    font-family:Feather!important;
    margin-left:.255em;
    vertical-align:.255em
}
.dropstart .dropdown-toggle:before{
    border:0;
    content:"\e92f";
    display:inline-block;
    font-family:Feather!important;
    margin-right:.255em
}
.navbar{
    background-color:#fff;
    box-shadow:0 .125rem .25rem rgba(2,6,23,.075);
    padding:.5rem
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    background-color: rgba(64, 177, 241, 0.2);
    border: 1px solid #3182e1;
    border-radius: 20px;
}
@media (min-width: 1200px){
.h1, h1 {
    font-size: 3.5vw;
}
.section-heading h2{
    font-size: 3.5vw;
}
}
@media (max-width:990px){
    .navbar{
        padding:.75rem .5rem
    }
}
.navbar .navbar-brand{
    padding-bottom:.2rem;
    padding-top:.2rem
}
.navbar .navbar-toggler{
    border:2px solid #0f172a;
    color:#0f172a;
    font-size:1.5rem;
    padding:.25rem .5rem
}
.navbar .navbar-toggler:focus{
    box-shadow:none;
    outline:0
}
.navbar .dropdown .dropdown-toggle:after{
    color:#64748b;
    content:"\f078";
    font-family:fontawesome!important;
    line-height:1.5rem;
    margin-left:.625rem;
	font-size:10px;
}
.navbar .dropdown .dropdown-toggle:after:hover{
    transform:rotate(180deg)
}
.navbar .dropdown-menu{
    
    border-radius:.5rem;
    box-shadow:0 0.5rem 1rem rgba(2,6,23,.15);
    color:#1e293b;
    margin-top:0;
    min-width:12rem;
    top:100%
}
@media (max-width:992px){
    .navbar .dropdown-menu{
        background-color:transparent;
        box-shadow:none;
        min-width:0!important;
		border:0;
    }
	.dropdown-menu-arrow{
		display:none;
	}
}
.navbar .dropdown-menu .dropdown-submenu a:after{
    position:absolute;
    right:1rem;
    transform:rotate(-90deg)
}
.navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-menu{
    border-radius:.5rem;
    box-shadow:0 0.5rem 1rem rgba(2,6,23,.15);
    left:100%;
    min-width:12rem;
    right:auto;
    top:-18px
}
@media (max-width:992px){
    .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-menu{
        box-shadow:none
    }
}
.navbar .dropdown-fullwidth{
    position:static
}
.navbar .dropdown-fullwidth .dropdown-menu{
    left:0!important;
    margin-left:auto;
    margin-right:auto;
    max-width:1140px;
    right:0!important;
    top:100%;
    transform:none!important;
    width:100%
}
@media (min-width:990px){
    .navbar .navbar-nav .dropdown>.dropdown-menu{
        left:50%;
        transform:translate(-50%,10px)
    }
    .container, .container-lg, .container-md, .container-sm {
    max-width: 90%;
}
.navbar .dropdown-menu{
background: linear-gradient(180deg, rgb(222 241 252) 0%, #f4fbff 50%, #ffffff 100%);
}
.navbar .dropdown-menu:after{
	content: "";
  background-image: url("../../assets/images/header/menu-cloud.png");
       width: 398px;
    height: 100%;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    bottom: 0;
    right: 0;
}
.navbar .dropdown-menu img{
	z-index:2;
	position:relative;
}
.mt-cus-200 {
    margin-top: 200px;
}
.mt-cus-100 {
    margin-top: 100px;
}
.manufacturing-sol-row {
    margin-top: 200px;
}
.perks .manufacturing-sol-row  {
    margin-top: 30%;
}
.dropdown-menu-xxl , .navbar .dropdown-menu .row{
	position:relative;
	z-index:2;
}
}
.navbar .navbar-nav .dropend>.dropdown-menu{
    transform:translateY(10px)
}
.navbar .navbar-nav .nav-item .nav-link{
    border-radius:.25rem;
    color:#64748b;
    font-size:.9375rem;
    font-weight:500;
    padding:.5rem;
}
.resources-circle h2 {
    font-size: 2.5vw;
}

.navbar .navbar-nav .nav-item .nav-link:focus-visible{
    box-shadow:none
}
.navbar .navbar-nav .nav-item .nav-link.active,.navbar .navbar-nav .nav-item .nav-link:hover{
    color:#8b3dff
}

.navbar-dark{
    transition:all .3s ease-in-out
}
.navbar-dark .navbar-brand{
    filter:brightness(0) invert(1)
}
.navbar-dark .navbar-nav .nav-link{
    color:#cbd5e1;!important
}

.navbar-dark .navbar-nav .dropdown .dropdown-toggle:after{
    color:#cbd5e1;
}

.navbar-light{
    border-bottom:1px solid #f1f5f9
}
.navbar-light .navbar-nav .nav-item .nav-link{
    color:#64748b;
    font-weight:500
}
.navbar-light .navbar-nav .nav-item .nav-link.active,.navbar-light .navbar-nav .nav-item .nav-link:hover{
    background-color:#f1f5f9;
    color:#1e293b
}
.navbar-transparent{
    background-color:transparent;
    box-shadow:none;
    left:0;
    position:absolute;
    right:0;
    width:100%;
    z-index:1009
}
.navbar-transparent .navbar-toggler{
    border-color:#fff;
    color:#fff
}

.navbar-clone{
    box-shadow:none;
    left:0;
    position:fixed!important;
    top:0;
    transform:translateY(-100%);
    transition:all .3s ease-in-out;
    z-index:1008
}
.navbar-stick{
    border-bottom:1px solid #f1f5f9;
    transform:translateY(0)
}
.navbar-stick:not(.navbar-dark){
    background:#fff;
    box-shadow:0 .125rem .25rem rgba(2,6,23,.075)
}
.navbar-stick:not(.navbar-dark).navbar-brand{
    filter:brightness(0) invert(1)
}

.manufacturing-solution .custom-container{
	top:0;
}
.manufacturing-sol-item{
	color:#fff;
	margin-top:60px;
	padding-right:30px;
}
.manufacturing-sol-item img{
	width:50px;
	height:50px;
}
.manufacturing-sol-item p{
	margin-top:30px;
}
.manuf-right .manufacturing-sol-item{
padding-left:30px;
padding-right:0px;
}
.list-fish{
	padding:0
}
.list-fish li{
	position:relative;
	list-style:none;
	padding-left:40px;
	margin-bottom:30px;
}
.list-fish li:before{
	content: "";
  background-image: url("../../assets/images/industry/star-fish.svg");
  position: absolute;
    top: 4px;
    left: 0;
    width: 25px;
    height: 25px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.benefits-cloud.home-benefits:after{
    content:none;
}
.client{
    position:relative;
}
.client:before{
	content: "";
  background-image: url("../../assets/images/home/clientspeck-cloud-icon.png");
  position: absolute;
       top: 0;
    right: 0;
    width: 584px;
    height: 427px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: right;
    z-index: -1;
}
.client .carousel{
    border:0;
}
/* Start Circle Caurousel */
  .wrapper {
  position: relative;
  overflow:hidden;
  height:850px;
}
.life-at-images {
overflow:hidden;
}

.item {
  width: 250px;
  height: 250px;
  color: white;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  border-radius: 100%;
  opacity:0.2;
  z-index: 1;
}

.item.active {
   opacity: 1;
    box-shadow: 0 0 18px rgb(0 0 0 / 38%);
   transition: all 0.2s ease-out;
 
}

svg {
  height: 300px;
  overflow: visible;
  width: 300px;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.st0 {
  fill: none;
 
  stroke-width: 2;
  stroke-miterlimit: 1;
}

.start {
  position: absolute;
  top: 50%;
  right: -30px;
}
/* Circle Carousel */
.CPQ-container{
    top:30vw;
}
.clients img{
    filter: grayscale(100%);
    transition:all 0.2s ease;
    width:auto;
    height:auto;
    max-width: 100%;
    max-height:100%;
    margin:auto;
}
.clients img:hover{
    filter: grayscale(0);
}
.clients .c-logo{
        padding: 10px;
    border: 2px solid #ccc;
    text-align: center;
}

.bird1{
    top:0;
    left: 15%;
    top: 0;
}
.bird2{
    top:0;
    left: auto;
    right: 15%;
}
.cpq-feature-item .w-100{
	    position: absolute;
    top: 0;
    left: 0;
}
.cpq-feature-item .cpq-feature-item-content img{
	    width: 80px;
    margin: auto;
    margin-bottom: 30px;
    display: block;
}
.custom-advisory.benefits-cloud{
	    padding: 20% 0px 18% 0px;
}
.custom-advisory.benefits-cloud .cloud-feature-item {
    margin-bottom: 40px;
}
.custom-advisory.benefits-cloud .cloud-feature-item h3{
	font-size:1.2rem;
}
.advisory-sec-3 .manufacturing-sol-item {
	margin-top:30px;
}
.career-sec-1 .balloon {
	width: 20%;
    transform: rotate(45deg);
    right: 0;
    z-index: 1;
	top:-40%;
}
.career-sec-1 .plane {
	width: 23%;
    z-index: 1;
    bottom: -25%;
    top: auto;
    left: -12%;
}
.job-item{
	background-color:#0178C8;
	padding:10px;
	border-radius:10px;
	margin-bottom:30px;
	position:relative;
	z-index:2;
}
.job-item p{
	margin:0;
}
.job-item p small{
	font-size:0.7rem;
}
.job-item .job-item-content{
	background-color:#fff;
	padding:15px;
	margin-bottom:10px;
	border-radius:10px;
}
.job-item .job-item-content img{
	width:15px;
}
.job-item .job-item-footer{
	display:flex;
	align-items:center;
	gap:8px;
	color:#fff;
}
.job-item .job-item-footer .btn{
	background-color:#fff;
	color:#0178C8;
}
.select-job{
	    border: 1px solid #0178C8;
    padding: 15px;
    border-radius: 10px;
    margin: 0;
    margin-bottom: 40px;
	background-color:#fff;
	position:relative;
	z-index:2;
}
.select-job .col{
	border-right:1px solid #666;
}
.select-job .row .col:last-child, .select-job .row .col:nth-child(3){
	border-right:0
}
.select-job select{
	border:0;
	color:#0178C8;
	font-weight:500;
	font-size:1.25rem;
}
.select-job .form-select:focus{
	border-color: transparent;
    box-shadow: none;
}
.career-sec-1 nav{
	display:inline-block;
}
.career-ceo-sec .resources-circle .d-flex {
    padding: 30px 10% 30px 1%;
    text-align: left; 
   
}
.career-ceo-sec .ceo-img{
	margin-top: -21%;
    width: 50%;
}
.quote-top , .quote-bottom{
	position: absolute;
    left: -10%;
    top: -5%;
    width: 45px !important;
	
}
.quote-bottom {
	    left: auto;
    bottom: 0;
    right: 20%;
    top: auto;
    transform: rotate(180deg);
}
.career-ceo-sec.benefits-cloud {
    background: linear-gradient(180deg, rgb(229 244 255) 0%, #b5e1ff 50%, #c6e9ff 100%);
}
.career-ceo-sec.benefits-cloud:after{
	content:none;
}
.perks .manufacturing-sol-item{
	width:75%;
}
.perks .manufacturing-sol-item:nth-child(1){
	margin-left:11%;
}
.perks .manufacturing-sol-item:nth-child(2){
	margin-left:5%;
}
.perks .manufacturing-sol-item:nth-child(3){
	margin-left:3%;
}
.perks .manufacturing-sol-item:nth-child(4){
	    margin-left: 3%;
}
.perks .manufacturing-sol-item:nth-child(5){
	margin-left:6%;
}
.perks .custom-container{
	top:0;
}
.resources_sec .leafbg{
	 left: -6%;
    top: -17%;
   width: 35%;
       z-index: -1;
}
.celebrating.benefits-cloud {
	    background: linear-gradient(0deg, rgb(198 233 255) 0%, #b5e1ff 50%, #d7efff 100%);
}
.spartan{
	position:relative;
}
.spartan:before{
	content: "";
  background-image: url("../../assets/images/career/spartan.webp");
      position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    z-index: -1;
    
}
.cloud-shape {
	width: 350px; height: 120px;
	
	background: #f2f9fe;
	background: linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -webkit-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -moz-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -ms-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -o-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	position: relative;
	margin: 120px auto 20px;
}

.cloud-shape:after, .cloud-shape:before {
	content: '';
	position: absolute;
	background: #f2f9fe;
	z-index: -1
}

.cloud-shape:after {
	width: 100px; height: 100px;
	top: -50px; left: 50px;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}

.cloud-shape:before {
	width: 180px; height: 180px;
	top: -90px; right: 50px;
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
}
#benefits-carousel {
  height: 200px;
  overflow: hidden;
  position: relative;
}

#benefits-carousel .carousel-inner {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

#benefits-carousel .cards-wrapper {
  display: flex;
}

#benefits-carousel .card {
  flex: 0 0 33.33%;
  margin: 0.5rem;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 8px;
  position: relative;
  transition: transform 0.3s ease-in-out;
}
#benefits-carousel .card:before{
	content: "";
  background-image: url("../../assets/images/career/cloud-slider.png");
      position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    opacity:0.4;
}
#benefits-carousel .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#benefits-carousel .carousel-control-prev,
#benefits-carousel .carousel-control-next {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease-in-out;
}

#benefits-carousel .carousel-control-prev {
  left: 0;
}

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

#benefits-carousel .card:hover {
  transform: scale(1.05);
}

#benefits-carousel .carousel-item-next,
#benefits-carousel .carousel-item-prev {
  transform: translateX(0); /* Initial position */
  opacity: 0;
  z-index: 1;
}

#benefits-carousel .carousel-item.active,
#benefits-carousel .carousel-item-next.carousel-item-left,
#benefits-carousel .carousel-item-prev.carousel-item-right {
  opacity: 1;
  transform: translateX(0); /* Initial position */
}

#benefits-carousel .carousel-item-next,
#benefits-carousel .carousel-item-prev {
  transform: translateX(100%); /* Move off screen initially */
}

/* tablee */

.custom-table th.column-2,
.custom-table td.column-2 {
  background-color: #8ACDFB; /* light blue */
}

.custom-table th.column-3,
.custom-table td.column-3 {
  background-color: #B1E0FF /* light blue */
}

.custom-table th.column-4,
.custom-table td.column-4 {
  background-color: #D0EDFF; /* light blue */
}

.custom-table th.column-5,
.custom-table td.column-5 {
  background-color: #E4F5FF; /* light blue */
}

.custom-table th.column-6,
.custom-table td.column-6 {
  background-color: #CCEAFB; /* light blue */
}
.custom-table th.column-7,
.custom-table td.column-7 {
  background-color: #B5E1FF; /* light blue */
}

.custom-table th.column-1,
.custom-table td.column-1 {
  background-color: #0178C8;
  color: white;
}

.custom-table tbody tr td.column-1.odd {
  background-color: #0178C8;
  color: white;
}

.custom-table tbody tr td.column-1.even {
  background-color: rgba(1, 120, 200, 0.7); /* light blue */
  color: white;
}
.custom-table tbody tr td.column-7.odd {
  border-right: 4px solid #42a5f5; /* darker blue border */
  border-radius: 1px;
}

/* Apply lighter blue border for even rows in the sixth column */
.custom-table tbody tr td.column-7.even {
  border-right: 4px solid #215191; /* lighter blue border */
  border-radius: 1px;
}
.custom-table th.column-7 {
  border-right: 4px solid #215191; /* darker blue border on the right */
  border-radius: 1px;
}
.vr {
  height: 40px;
  width: 1px;
  background-color: #ccc;
  margin: 0 10px;
}
/* cards */

.time-cards-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.time-card {
  display: flex;

  align-items: flex-start;
  gap: 0.5rem;
  border: 2px solid #215191;
  width: calc(50% - 1rem);
  padding: 0.5rem;

  border-radius: 8px;
  box-shadow: 0 0 10px rgba(33, 81, 145, 0.1);
}
@font-face {
  font-family: "Digital-7";
  src: url("digital-7.ttf");
}
.time-card p.time {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #215191;
  font-family: "Courier New", monospace;
  margin: 0;
  font-family: "Digital-7", monospace;
}

.time-card p.location {
  font-size: 1.2rem;
  color: #215191;
  margin: 0;
}

.time-card p.description {
  font-size: 0.8rem;
  color: #333;
  margin: 0;
}
.blog-section{
	background: rgb(26,163,255);
    background: linear-gradient(0deg, rgb(222 241 252) 0%, #f4fbff 50%, #ffffff 100%);
	position:relative;
	padding-bottom:20%;
	padding-top:10%;
}
.search {
	position:relative;
}
.search img{
	    position: absolute;
    top: 7px;
    right: 15px;
    width: 16px;
}
.blog-section:after{
	content: "";
    background-image: url(../../assets/images/services/benefits.png);
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
.blog-item{
	    position: relative;
    margin-top: 30px;
    z-index: 2;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow:0 0 8px rgb(0 0 0 / 10%);
	background-color:#fff;
	border-bottom: 6px solid #3182e1;
	    min-height: calc(100% - 30px);
}
.blog-item-content{
	padding:15px;
	position:relative;
	    background: #fff;
}
.blog-item-content h5{
	font-weight:500;
	margin:15px 0;
}
.blog-item-content a{
    text-decoration:none;
    color:#212529;
}
.blog-image{
	width:100%;
	object-fit:cover;
	height:200px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.blog-section .cpq-feature-item .leafbg.balloon2{
	transform:none;
}
.blog-cloud-main{
	    position: absolute;
    width: 50%;
    right: 0;
    top: -14%;
}
.blog-section .plane{
	    position: absolute;
    left: -16%;
    top: 24%;
    width: 20%;
}
.date{
	    display: flex;
    align-items: center;
    gap: 10px;
	color:rgba(0, 0, 0, 0.6);
}
.date img{
	width:35px;
	height:35px;
	object-fit:cover;
	border-radius:50%;
}
.date p{
	    margin: 0;
    line-height: 17px;
    font-size: 14px;
}
.blog-cloud{
	position:absolute;
	bottom:0;
	right:0;
	width:50%;
}
.blog-section .balloon1 {
	position:absolute;
	right:0;
	top:-10%;
	width:20%;
}
.blog-item-content span{
	font-size: 14px;
	color:rgba(0, 0, 0, 0.6);
}
.bird , .plane1{
	position: absolute;
    top: -10%;
    left: 10%;
}
.plane1{
	left:40%;
}
.page-numbers{
       width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    border: 1px solid #ccc;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    font-size: 12px;
    text-align:center;
}
.dots{
    border:none;
}
.next.page-numbers , .prev.page-numbers{
    width:auto;
    border:0;
}
.page-numbers.current{
    background-color:#3182e1;
    color:#fff;
}
.our-offices.benefits-cloud{
        background: rgb(26,163,255);
    background: linear-gradient(0deg, rgb(122 202 255) 0%, #e7f5ff 50%, #ffffff 100%);
    position: relative;
    padding: 5% 0px 18% 0px;
}
.our-offices.benefits-cloud:before{
    content:none;
}
.blog-details.benefits-cloud:before{
	content:none;
}
.blog-details.benefits-cloud{
	    background: linear-gradient(0deg, rgb(122 202 255) 0%, #ddf1ff 30%, #ffffff 100%);
		padding-top:80px;
}
.blog-content{
	background-color:#fff;
	padding:30px;
	margin-bottom:-12%;
	
}
.blog-content h4{
	    color: #0178C8;
}
.related-blog{
	background-color:rgba(246, 252, 255, 1);
	padding:15px;
	border-radius:8px;
}
.author-top{
	margin-bottom:60px;
}
.author-top hr{
	margin:0.5rem 0;
}
.author-top p{
	margin:0;
}
.img-bg{
	background-color:#0178c8;
	border-radius:50%;
	    padding: 25px;
   
}
.slick-slide {
    margin: 0px 5px;
}



.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: flex;
   align-items:center;
   height:100px;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.sc-feature .manufacturing-sol-item{
	    background: rgb(26,163,255);
    background: linear-gradient(0deg, rgb(7 90 159 / 75%) 30%, rgb(1 120 200 / 85%) 50%);
    color: #fff;
    padding: 15px 30px 15px 0px;
    border-radius: 94px;
    position: relative;
    margin-bottom: 0px;
    border: 2px solid #0D4BA8;
}
.sc-feature .img-bg{
	position: relative;
    left: -30px;
}
.sc-feature .manufacturing-sol-item img {
    width: 60px;
    height: 60px;
}
.custom-table i{
	    color: rgba(98, 163, 28, 1);
		font-size:30px;
}
.table{
	border-color:#fff;
	    font-weight: 500;
}
.table th{
	font-weight:500;
}
.timeline{
	    background: rgb(26,163,255);
    background: linear-gradient(0deg, rgb(122 202 255) 0%, #b5e1ff 50%, #d7efff 100%);
    position: relative;
    padding: 18% 0px 0% 0px;
}
.timeline:after {
    content: "";
    background-image: url(../../assets/images/services/benefits.png);
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
.configuration{
	    background: rgb(26,163,255);
    background: linear-gradient(0deg, rgb(215 239 255) 0%, #f2faff 50%, #ffffff 100%);
    position: relative;
    
}
.indus-resources{
	padding-bottom:20%;
	margin-bottom:0px;
}
.p-landing-bgicon{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #0299FF;
    display: flex;
    align-items: center;
    margin: auto;
	
}
.p-landing-bgicon img{
	width: 60px;
    height: auto;
	margin:auto;
}
.service-list:before{
	    content: "";
    background-image: url(../../assets/images/services/benefits.png);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.service-list .custom-container{
	top:12%;
}
.cloud-icon-bg{
        display: flex;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #0472bc;
    text-align: center;
}
.cloud-icon-bg img{
    margin:auto !important;
}
.benefits-cloud.home-benefits .cloud-feature-item .cloud-feature-item-content{
    top:8%;
    left:14%;
}
.benefits-cloud.home-benefits .right-sec .cloud-feature-item .cloud-feature-item-content{
    left:37%;
    
}
.pagination-sec{
        display: flex;
    gap: 8px;
    margin: auto;
    width: 100%;
    justify-content: center;
    margin-top: 10px;
}
.modal-dialog.leadership .circle-bg {
	z-index:1;
}
.modal-dialog.leadership .led-image{
	position:relative;
	z-index:2;
}
.modal-dialog.leadership .led-content{
	position:static;
	text-align:left;
	padding:15px 0 0 20px;
	width:100%;
	box-shadow:none;
	min-height:auto;
	display:block;
}
.download-icon.site-button-link:after{
    background-image:url("../../assets/images/download.png");
    background-size:18px;
    top:4px;
}
/* Responsive */
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1140px; 
}
.navbar .container{
	max-width: 1320px;
}
}
@media (min-width: 1200px){
     .navbar .dropdown-menu.show{
        display:none
    }
    .navbar .dropdown-menu{
        display:block;
        opacity:0;
        transform:translate(-50%);
        transition:all .3s ease-in-out;
        visibility:hidden
    }
    .navbar .dropdown:hover>.dropdown-menu{
        opacity:1;
        visibility:visible
    }
    .navbar .dropdown-submenu:hover>.dropdown-menu{
        opacity:1;
        transform:translateY(10px);
        visibility:visible
    }
  .bg-common{
    background-image:none !important;
}  
.client .carousel{
    background:transparent;
    position:relative;
}
.client .client-test-position{
    position: absolute;
    top: 10%;
    left: 7%;
    right: 7%;
}
.lifeatsolunus {
  position: relative;
  padding: 0;
}
.nex-gen a{
   
    position: absolute;
    bottom: 30px;
}
.solunus_rating_sec h4 {
    font-size: 2.5vw;
}
}

@media (max-width: 1200px){
  .bg-common{
    background-size: auto;
    background-position: top;
    background-repeat: no-repeat;
}  
.navbar-brand img{
    height:35px;
}
.home-banner{
    margin-top: 62px;
}
.bg-imge-life{
    display:none;
}
.custom-container{
    position:static;
}
.solunus_rating_sec{
    position:static;
    width:100%;
    padding: 0px 50px 30px;
}
.home-banner-heading{
    position:static;
    width:100%;
    padding: 50px;
}
.home-banner-img{
    display:none;
}

section{
    padding:60px 0px;
}
.cspeak-img{
    display:none;
}
footer{
    background-size:cover;
}
footer .container{
    text-align:center;
}

.CPQ-lite .list-group{
       display:none;
   } 
}
@media (max-width:990px){
    .navbar .navbar-nav .nav-item .nav-link{
        border-bottom:1px solid #e2e8f0;
        border-radius:0;
        padding:.75rem 0!important
    }
    .play-box-section .play-box::after{
        content:none;
    }
    .navbar .navbar-nav .nav-item .nav-link:hover{
        background-color:transparent!important;
        color:#0f172a
    }
    .navbar-dark .navbar-nav .nav-link{
        color:#64748b!important
    }
    .navbar-dark .navbar-nav .dropdown .dropdown-toggle:after{
        color:#64748b!important
    }
    .navbar-transparent.navbar-clone .navbar-brand{
        filter:brightness(0) invert(1)
    }
    .navbar-transparent.navbar-clone .navbar-toggler{
        border-color:#0f172a;
        color:#0f172a
    }
    .navbar-transparent.navbar-stick .navbar-brand{
        filter:brightness(1) invert(0)
    }
    .faq-sec .balloon{
        display:none;
    }
    .cpq-feature-item .leafbg.balloon2, .cpq-feature-item .leafbg.balloon{
        right:0;
        transform:none;
    }
    .benefit-items-sec:before , .benefit-items-sec .benefit-item:before{
        content:none;
    }
    .benefit-items-sec{
        width:100%;
        margin-top:0;
    }
    .benefit-items-sec .benefit-item{
        display:block;
        padding:30px;
        border-radius:10px;
    }
    .benefit-items-sec .benefit-item img{
        margin-left:0;
        margin-bottom:30px;
    }
    .faq-sec{
        padding-top:100px;
    }
	.advisory-sec-3 .manufacturing-sol-item {
    background-color: #0178c8;
    padding: 30px;
    border-radius: 10px;
}
.select-job .col{
	border:0;
}
.career-sec-1 .balloon{
	display:none;
}
.career-sec-1 .plane{
	display:none;
}
.resources-circle .d-flex{
	position:static;
}
.resources-circle  img{
	display:none;
}
.career-ceo-sec .resources-circle .d-flex img {
	display:block;
}
.resources-circle .d-flex{
	display:block !important;
	background-color:#3cb1ff;
	border:8px solid #fff;
	padding:10%;
}
.career-ceo-sec .ceo-img{
	width:50%;
}
.resources-circle .d-flex .mx-auto{
	width:100%;
}
.quote-top, .quote-bottom{
	width:30px !important;
}
#benefits-carousel .card{
	    flex: 0 0 100%;
}
.perks .manufacturing-sol-item{
	margin-left:0 !important;
width:100%;
}
.success-mantra{
	padding-bottom:35% !important;
	background-position:bottom !important;
}
.blog-content{
	margin-bottom:30px;
}
}
@media (min-width:990px) and (max-width: 1200px){
   .navbar .navbar-nav .nav-item .nav-link{
       font-size:0.8rem;
   }
}
@media (max-width:768px){
	.pbmit-timeline .pbmit-timeline-post-items:before , .pbmit-timeline .pbmit-timeline-inner:nth-child(even) .row.pbmit-ourhistory-row .pbmit-ourhistory-right .content:before, .pbmit-ourhistory-type2 .pbmit-ourhistory-right .content:before{
		content:none;
	}
	 .pbmit-ourhistory-type2 .pbmit-ourhistory-center span{
	   display:none;
   }
   .pbmit-timeline .pbmit-timeline-inner:nth-child(even) .pbmit-ourhistory-type2 .pbmit-ourhistory-left, .pbmit-timeline .pbmit-timeline-inner:nth-child(odd) .pbmit-ourhistory-type2 .pbmit-ourhistory-right, .pbmit-timeline .pbmit-timeline-inner:nth-child(even) .pbmit-ourhistory-type2 .pbmit-ourhistory-right, .pbmit-timeline .pbmit-timeline-inner:nth-child(odd) .pbmit-ourhistory-type2 .pbmit-ourhistory-left{
       padding:0px;
   }
   .pbmit-timeline .pbmit-timeline-post-items .pbmit-timeline-inner{
       padding:10px 0;
       border-bottom:1px solid rgb(255 255 255 / 52%);
   }
   .pbmit-timeline .pbmit-timeline-post-items .pbmit-timeline-inner:last-child{
       border:0;
   }
   .pbmit-timeline .pbmit-last-timeline{
       display:none;
   }
   .custom-advisory.benefits-cloud .cloud-feature-item h3{
       margin-top:10px;
   }
   .why-solution-img-sec .why-solution-item{
           background-color: #0178c8;
    padding: 15px;
    margin-bottom: 10px;
        position: static;
        width:100%;
        border-radius:8px;
   }
   .why-solution-img-sec .why-solution-item:nth-child(2),  .why-solution-img-sec .why-solution-item:nth-child(5){
       background-color:#00a5f4;
   }
   .why-solution-img-sec .why-solution-item:nth-child(3),  .why-solution-img-sec .why-solution-item:nth-child(6){
       background-color:#49c0f9
   }
   .why-solution-img-sec img{
       display:none;
   }
   .contact-withus{
       margin-top:0;
   }
   .office-box-main img{
       width:100%;
       opacity:0.5;
   }
}

/* End Responsive */