@import url("https://fonts.googleapis.com/css?family=Oswald");
body {
  position: relative;
  font-family: "Oswald", sans-serif;
  background: #303F9F;
  color: #fff;
  font-size: 20px;
}

.grid {
  list-style: none;
  margin-left: -40px;
  min-height: 500px;
}

.gc {
  box-sizing: border-box;
  display: inline-block;
  margin-right: -0.25em;
  min-height: 1px;
  padding-left: 40px;
  vertical-align: top;
}

.gc--1-of-3 {
  width: 33.33333%;
}

.gc--2-of-3 {
  width: 66.66666%;
}

.naccs {
  position: relative;
  /*max-width: 900px;*/
  margin: 70px auto 0;
}

.naccs .menu div {
  padding: 15px 20px 15px 40px;
  margin-bottom: 10px;
  color: #5e5e5e;
  background: #fafafa;
  /* box-shadow: 0 0 20px rgb(0 0 0 / 10%); */
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  font-weight: 600;
  font-size: 16px;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.naccs .menu div:hover {
  background-color: #09b1a621;
  color: #09b1a6;
}

.naccs .menu div span.light {
  /* height: 10px; */
  /* width: 10px; */
  position: absolute;
  top: 24px;
  left: 15px;
  background-color: #bcbcbc;
  border-radius: 100%;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.naccs .menu div.active span.light {
  background-color: #fff;
  left: 0;
  /*height: 100%;
  width: 3px;*/
  top: 0;
  border-radius: 0;
}
.naccs .menu div.active:before{
  content: " ";
  position: absolute;
  right: -14px;
  top: 25%;
  border-top: 15px solid transparent;
  border-left: 15px solid #09b1a6;
  border-right: none;
  border-bottom: 15px solid transparent;
  transition: 1s all cubic-bezier(0.4, 0, 1, 1);
  transform: scale(1.1);
}

.naccs .menu div.active {
  color: #ffffff;
  padding: 20px 20px 20px 20px;
  transform: scale(1.1);
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  background-color: #09b1a6;
  /* margin-left: 27px; */
  font-weight: 700;
  border-radius: 5px;
  position: relative;
}

ul.nacc {
  position: relative;
  height: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
  /* border: 1px solid #ccc; 
  border-radius: 10px;
  background-color: #09b1a60a;*/
}

ul.nacc li {
  opacity: 0;
  transform: translateX(50px);
  position: absolute;
  list-style: none;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  padding: 30px;
  /*border: 1px solid #ccc;*/
  border-radius: 10px;
  border-radius: 10px;
  background-color: #09b1a60f;
  display: flex;
  align-items: center;
  min-height: 510px;
}

ul.nacc li.active {
  transition-delay: 0.3s;
  z-index: 2;
  opacity: 1;
  transform: translateX(0px);
  max-height: 510px;
}

ul.nacc li p {
  margin: 0;
}

/*---- New sessoion style start here*/
.w-50-{
  width: 25.5vw !important;
}

.tab-ses ul.nacc li .tab-inside-cont span{
  background: none;
  font-size: 18px;
  display: block;
  margin-bottom: 10px !important;
  font-weight: 600;
}
.tab-ses ul.nacc li .tab-inside-cont .btn1{
  margin-top: 20px;
}
.tab-ses ul.nacc li .tab-inside-img{
  display: flex;
  align-items: center;
}
.tab-ses ul.nacc li .tab-inside-cont{
  padding: 15px;
}
.tab-ses ul.nacc li div img{
  margin-bottom: 20px;
  float: left;
  margin-right: 20px;
}
.tab-ses ul.nacc li div p{
  margin-bottom: 15px;
  text-align: left;
}
.tab-ses{
  min-height: 70vh;
  background-color: #ffffff1a;
}
.tab-ses h2{
  text-align: center  ;
}
.solutions{
  background-color: #09b1a612;
  padding: 6em 0;
}
.solutions h2{
  text-align: center;
  margin-bottom: 10vh;
}
.solutions-ses{
  text-align: center;
}
.solutions .solutions-ses .row{
  /*margin-bottom: 7vh;*/
}
.solutions-box{
  margin: 0 auto;
  text-align: center;
  padding: 20px !important;
  min-height: 38vh;
  /* border: 1px solid #ccc; */
  display: flex;
  align-items: center;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.solutions-box:hover{
  background-color: #fff;
  border-color: #fff;
  box-shadow: -1px 13px 44px -20px rgba(14,178,168,0.65);
  -webkit-box-shadow: -1px 13px 44px -20px rgba(14,178,168,0.65);
  -moz-box-shadow: -1px 13px 44px -20px rgba(14,178,168,0.65);
  transform: scale(1.01);
}
.solutions-box p{
  height: 0 !important;
  margin: 0;
  opacity: 0;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.solutions-box:hover p{
  height: auto !important;
  margin: auto;
  opacity: 1;
  animation-delay: 2s;
}
.solutions-box:hover .img-box{
  background-color: #0eb2a8;
  border-color: #0eb2a8;
  fill: #fff;
}
.solutions-box:hover .img-box img{
  filter: brightness(0) invert(1);
}
.img-box{
  border: 2px solid #afe1e4;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  padding: 20px;
  margin-bottom: 15px;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.solutions-box .solutions-box-inner{
  margin: 0 auto;
  color: #000;
}
.border-r-b{
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.border-b{
  border-bottom: 1px solid #ccc;
}
.border-t{
  border-top: 1px solid #ccc;
}
.border-r{
  border-right: 1px solid #ccc;
}
.r-0{
  margin-right: 0;
}
.l-0{
  margin-left: 0;
}
.img-box img{
  width: 65%;
  margin: 0 auto;
}
.solutions-box h5{
  font-weight: 500;
  font-size: 22px;
}
.solutions .btn1{
  margin: 0 auto;
  display: inline-block;
}

/*--- faq ---*/
.faq{
  text-align: center;
  padding: 9rem 0;
}
.faq-img{
  display: flex;
  align-items: center;
  padding: 20px !important;
}
.faq-text{
  text-align: left;
  padding: 20px !important;
}
.faq-text h2{
  margin-bottom: 1.5em;
}
.faq .accordion-flush .accordion-item .accordion-button{
  font-size: 1em;
  color: #295f8e;
  font-weight: 600;
  padding: 20px 10px;
  border-bottom: 1px dotted #ccc;
  box-shadow: none !important;
  line-height: 1.3;
}
.faq .accordion-button:not(.collapsed){
  background-color: #fff;
}
.faq .accordion-flush .accordion-item{
  border: none !important;
}

/* --- Three ses ----- */
.three-ses{
  background-color: #e6f7f6;
}
  /*---- tab desing ---*/

 .three-ses .three-btn{
  min-height: 5vh;
  background: none !important;
  border: none !important;
  color: #70767f !important;
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 5px !important;
}
.three-ses .nav-tabs .active{
  color: #0db2a8 !important;
  position: relative;
} 
.three-ses .nav-tabs{
  border-bottom: 2px solid #C8CCCA;
} 
.three-ses .nav-tabs .active:before{
  content: '';
  /* background-image: url("../../images/cmms_images/home/down-arrow.svg"); */
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 5px;
  position: absolute;
  margin: 0;
  bottom: -8px;
  left: 0;
  background-color: #08afa7;
}
.three-ses .tab-content{
  padding: 15px !important;
  margin-top: 15px;
}
.three-ses .tab-cont{
  margin: 0 auto;
}
.three-ses .three-tab-cont .commen-ul{
  margin-left: 30px !important;
}
.three-ses .three-tab-cont .commen-ul li{
  margin-bottom: 15px !important;
  text-align: left;
}
.three-ses .three-tab-cont .commen-ul li:before{
  content: '';
  background-image: url("../../images/cmms_images/home/right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  position: absolute;
  margin: 0;
  top: 6px;
  left: -37px;
}
.three-ses .three-tab-cont .commen-ul li a{
  text-decoration: none;
}
.three-ses .three-tab-cont .commen-ul li a:hover{
  color: #0db2a8 !important;
}
.three-ses .tab-cont .three-tab-img{
  text-align: center;
}
.three-ses .tab-content>.tab-pane{
  padding-top: 20px;
}
/*---Toggle BTN---*/
#toggle-btn{
  margin-top: 3em;
}
#toggle-area{
  display: none;
}
#toggle-area.toggle-fn-class{
  display: flex;
}
.flex-div{
  display: flex;
  align-items: center;
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.black-color {
  margin: 0 !important;
}
.black-color li{
  font-weight: 600;
  list-style: none;
  color: #003834 !important;
  font-size: 20px;
}
.bold-c{

}
.three-ses{
  display: none;
}
.space-warp{
  white-space: nowrap;
}
.text-de-none{
  text-decoration: none;
}
.text-de-none:hover{
  text-decoration: none;
}

/*------- industries ------*/
.manufacturing{
  min-height: 30em;
  background-image: url("../../images/cmms_images/manufacturing/manufacturing banner.png");
}
.automotive{
  min-height: 30em;
  background-image: url("../../images/cmms_images/automotive/automotive.png");
}
.healthcare{
  min-height: 30em;
  background-image: url("../../images/cmms_images/healthcare/healthcare.png");
}
.food-beverages{
  min-height: 30em;
  background-image: url("../../images/cmms_images/food-beverages/food-beverages.png");
}
.energy{
  min-height: 30em;
  background-image: url("../../images/cmms_images/energy/energy.png");
}
.marine{
  min-height: 30em;
  background-image: url("../../images/cmms_images/marine/marine.png");
}
.plant-hire{
  min-height: 30em;
  background-image: url("../../images/cmms_images/plant-hire/plant-hire.png");
}
.construction{
  min-height: 30em;
  background-image: url("../../images/cmms_images/construction/construction.png");
} 
.gove{
  min-height: 30em;
  background-image: url("../../images/cmms_images/goverment/cmms-goverment.png");
} 
.all{
  min-height: 30em;
  background-image: url("../../images/cmms_images/goverment/cmms-goverment.png");
}

/*--------- all industry ---------*/
.sppd-2{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.in-button{
  padding: 13px 40px;
  margin: 0 0;
  font-size: 16px;
  text-decoration: none;
  height: 55px;
  border-radius: 30px;
  border: 2px solid #09b1a6;
  /* background: #09b1a6; */
  color: #09b1a6;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  display: inline-block;
  margin-right: 20px;
}
.in-button:hover{
  background-color: #09b1a6;
  color: #fff;
}
.ind-all-border{
  border-bottom:1px solid #ccc ;
}
.ind-all-img{
  padding: 20px !important;
}
.ind-all-img img{
  text-align: center;
  margin: 0 auto;
}
.ind-all-img div{
  margin: 0 auto;
}
.ind-all-cont{
  padding: 20px !important;
}
.ind-all-cont h3{
  font-size: 33px;
}
.ind-all-cont .commern-p{
  margin: 5px 0 30px;
}

/* Feature Quick Link */
.feature-link{
  display: flex;
  padding: 20px;
  border-radius: 10px;
  transition: .4s;
  position: relative;
  justify-content: center;
  margin-bottom: 20px;
  position: relative; 
  overflow: hidden;
  border: 1px solid;
  color: #3e3e3e30;
}

.list-link{
  font-size: 20px;
  color: #05635c;
  font-weight: 600;
  box-shadow: none !important;
  line-height: 1.3;
  text-decoration: none;
  float: left;
  transition: .4s;
  width: 100%;
  z-index: 2;
}

.feature-link::before, .feature-link::after {
  position: absolute;
  top: 0;
  left: 0;
  border-color: #09b1a6;
  border-radius: 5px;
  border-style: solid;
  transition: all 0.35s;
  content: "";
  z-index: 1;
}
.feature-link::before {
  width: 0;
  height: 100%;
  border-width: 1px 0 1px 0;
}
.feature-link::after {
  width: 100%;
  height: 0;
  border-width: 0 1px 0 1px;
}
.feature-link:hover {
  border-color: #09b1a6;
  color: #09b1a6;
}
.feature-link:hover::before {
  width: 100%;
  border-width: 1px 0px 1px 0;
}
.feature-link:hover::after {
  height: 100%;
  border-width: 0 1px 0 1px;
}
.feature-link:hover a {
  color: #09b1a6;
}
.scroll-mt{
  scroll-margin-top: 150px !important;
}