.container-1500{
  max-width: 1500px;
  margin: 0 auto;
}
.section-1 {
  padding-top: 50px;
}
.section-1 h1{
  width: 88%;margin: 0 auto;
}
.section-1 .line2{
  width: 50%;margin: 0 auto;
}
.section-1 {
  background: url('../images/home/actingoffice-main-bg.svg') no-repeat top center;
}
.section-3 .bage-text {
  background-color: #000645;
}
.section-3 {margin: 40px 0 70px;}

/*--- Features Tabs ---*/
.tab-bg {
  /* padding: 35px 0; */
  border-radius: 22px 22px 0 0;
  background: #C8F7FF;
  border-bottom: 1px solid #c2e8f5;
}
/* #tabs li:first-child {
  border-bottom: 4px transparent solid;
  padding-bottom: 10px;
} */

/* #fm1.active {color: #7BD7E8 !important;}
#fm2.active {color: #9DE3A8 !important;}
#fm3.active {color: #C4DD97 !important;}
#fm4.active {color: #F5CBB0 !important;}
#fm5.active {color: #9FA5E9 !important;}
#fm6.active {color: #EEC7D9 !important;} */

.features-tabs{
  margin: 0 ;
  padding: 0;
  text-align: center;
}
.features-tabs li{
  display: inline-block;
  list-style: none;
  margin: 0 25px 0 0;
  font-size: 18px;
  font-weight: 500;
  padding: 35px 0;
}
#tabs li{color: #1D3455;cursor: pointer;}
#tabs li:hover {
  /* border-bottom: 4px #84E1FF solid;
  padding-bottom: 10px; */
  color: #0061a9;
}
#tabs li.active {
  color: #0061a9;
  background: url('../images//home/active-tab-icon.svg') no-repeat top center;
  /* border-bottom: 4px solid;
  padding-bottom: 10px; */
}
#tab1{background-color: #C8F7FF;}
#tab2{background-color: #DDFFE2;}
#tab3{background-color: #F4FFE0;}
#tab4{background-color: #FFECE0;}
#tab5{background-color: #E7E9FF;}
#tab6{
  background-color: #FFE9F3;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  position: relative;
    top: calc(100vh - 243px);
    margin-top: calc((100vh - 243px) * -1);
}
.tab-content-bg {
  padding: 148px 0;
    height: calc(100% - 243px);
    display: flex;
    align-items: center;
}
.integration-with-company {
  margin-top: calc(100vh - 243px);
  padding-top: 50px;
}
/*-- Feature slider mobile screen --*/
.tabSlider {
    padding: 0 40px 40px;
    background-color: #caf2fe;
}
.tabSlider #carouselExampleIndicators2 {padding-top: 70px;}
.tabSlider .carousel-control-next, .tabSlider .carousel-control-prev {align-items: self-start;}
.tabSlider .carousel-control-next, .tabSlider .carousel-control-prev {top: 20px;}

/*--- Why Acting Office  ---*/
.section-4 {
  padding-top: 60px;
}
.wao {
  background-color: #F4F8FB;
  padding: 20px;
}
.flexible {background: url('../images/home/flexible.svg') no-repeat left;}
.agile {background: url('../images/home/agile.svg') no-repeat left;}
.scalable {background: url('../images/home/scalable.svg') no-repeat left;}
.trainable {background: url('../images/home/trainable.svg') no-repeat left;}
.flexible,.agile,.scalable,.trainable {
  padding-left: 80px;
  list-style-type: none;
  font-size: 30px;
}
.flexible::first-letter,.agile::first-letter,.scalable::first-letter,.trainable::first-letter {font-size: 50px;color: #39A5FE;}

.why-list {margin-top: 40px;}
.why-list li {
  display: inline-block;
  font-size: 20px;
  border-bottom: 6px solid #F4F8FB;
  padding: 0 25px 40px;
  margin: 0 25px 40px;
}
.why-list li img{margin-right: 20px;}

.integrations-logo{display: inline-block;}
.integrations-logo img{margin: 0 30px 30px;}
/*--- Our Partners ---*/
.partners-logos {margin: 50px 0;}
.partners{
  display: inline-block;
}
.partners img {margin: 0 20px;}

/*--- Customer Reviews ---*/
.customer-review {
  background-color: #0F2B53;
  padding: 100px 0 130px;
}
.review {
  padding: 10px;
  margin-top: 25px;
  margin-top: 25px;
  border-radius: 190px;
  background: linear-gradient(to right, #16396a, #16396a, #0f2b53, #0f2b53, #0f2b53);

}
#reviewSlider {
  background-color: #0F2B53;
  padding: 40px 100px;
  border-radius: 190px;
}

#reviewSlider p {color: #8297AD;}
.review .carousel-indicators {bottom: -110px;}
.review .carousel-indicators .active {background-color: #1D9BF0 !important;}
.section-6 .tplogo {margin-top: 100px;}

/*--- Section 7 ---*/
.text-content {
  display: flex;
  align-items: start;
  margin: 0 60px 0 0;
}
.text-content-hr {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eaeff5;
  margin-right: 50px;
}
.ticon {float: left;margin-right: 55px;}
.t {float: left;}

.certificates img {
    margin: 0 30px;
}
/*--- Section 8 Blog ---*/
.h-blog-post {padding: 0 12px;}
.cat-bg-1{background-color: #FFF1E1;}
.cat-bg-2{background-color: #F0F0F0;}
.cat-bg-3{background-color: #E2FAFF;}
.cat-bg-4{background-color: #FFE7F2;}
.fs-14 {font-size: 14px;color: #8297AD;}

/*--- Responsive CSS ---*/

@media (min-width: 320px) and (max-width: 767px) {
  .section-1 h1{width: 100%;}
  .section-1 .line2{width: 100%;font-size: 16px;}
  .section-1 {padding: 20px 0 0;background: none;}
  .fs-60,.fs-50, .fs-45, .fs-55 {font-size: 28px;}
  .mb-100 {margin-bottom: 40px;}
  .partners img{margin: 0 5px;margin-bottom: 10px;width: 72px;}
  .integrations-logo img{margin: 0 10px 20px;}
  .section-3 {  margin: 40px 0 0;}
  .integration-with-company {
    padding-top: 20px;
    margin-top: 0;
  }
  .section-4 {
    margin-top: 0;
    padding-top: 10px;
  }
  .why-list li {margin-bottom: 25px;text-align: center;padding: 0 0px 24px;}
  .why-list li img {margin: 0 auto 15px;display: block;}
  h2.h1 {font-size: 24px;}

  .customer-review {padding: 50px 0 100px;margin-top: 0;}
  .mt-100 {margin-top: 40px;}

  /*-- features tabs ---*/
  .fullscreenTab, #features-tab-content {display: none;}
  #MobileTabs{display: block !important;}
  .carousel-control-prev-icon {background-image: url('../images/home/left.svg');}
  .carousel-control-next-icon {background-image: url('../images/home/right.svg');}

  .review .carousel-indicators {bottom: -80px;}
  .review {
    background: none;
    padding: 0;
  }
  #reviewSlider {padding: 0;}
  .text-content {
    display: block;
    margin: 0;
  }
  .ticon {
      float: none;
      margin-right: 0;
      margin-bottom: 20px;
  }
  .section-7 {text-align: center;}
  .section-7 p{padding-right: 0;}
  .text-content-hr {display: block !important;width: 250px;margin: 0 auto 50px;}
  .partners-logos{margin: 25px 0;}
  .partners{display: block;}
  .h-blog-post{width: 100%;}
  .tabSlider {
    padding: 0 10px 40px !important;
  }
  .certificates img {
    margin: 0 10px 30px;
  }
}
@media (min-width: 375px) and (max-width: 425px) {
 .fs-60, .fs-55 {font-size: 28px;}
 h2.h1 {font-size: 24px;}
  .modules-item.active .modules-item-body{width: 340px !important;}
}
@media (min-width: 375px) and (max-width: 767px) {

  .fs-60, .fs-55 {font-size: 40px;}
  h2.h1 {font-size: 32px;}
  .section-1 {padding: 25px 0 0 ;}
  .partners img {
    margin: 0 15px;
    margin-bottom: 30px;
  }
  .integrations-logo img{margin: 0 15px 30px;}
  .h-blog-post {
      padding: 0 12px;
      width: 392px;
      margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {.certificates img {  margin: 0 15px;}}
@media (min-width: 768px) and (max-width: 1023px) {
  .section-1 h1{width: 100%;}
  .section-1 .line2{width: 100%;}
  .section-1 {padding: 25px 0 0;background: none;}
  .fs-60, .fs-55 {font-size: 40px;}
  .fs-50 {font-size: 35px;}
  .mb-100 {margin-bottom: 80px;}
  .mt-100 {margin-top: 50px;}

    /*-- features tabs ---*/
  .fullscreenTab, #features-tab-content {display: none;}
  #MobileTabs{display: block !important;}
  .carousel-control-prev-icon {background-image: url('../images/home/left.svg');}
  .carousel-control-next-icon {background-image: url('../images/home/right.svg');}
  .partners img{margin: 0 15px 40px;
    width: 180px;
  }
  .integrations-logo img{margin: 0 15px 30px;}
  .review {background: none;}
    #reviewSlider {padding: 0;}
  .text-content {
      display: block;
      margin: 0;
  }
  .ticon {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .integration-with-company {
    padding-top: 20px;
    margin-top: 0;
  }
  .section-4 {
    margin-top: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .section-1 h1{width: 100%;}
  .section-1 .line2{width: 65%;}
  .section-1 {background: none;}
  .text-content{margin: 0;}
  .why-us-bg h2 {margin-top: 0;}
  .why-list li {
      padding-left: 30px;
      margin-bottom: 30px;
  }
  .why-list li::after{bottom: -15px;}
  .features-tabs li {
    margin: 0 18px 0 0;
    font-size: 14px;
  }
  .fs-50 {font-size: 35px;}
}
@media (min-width: 1024px) and (max-width: 1299px) {
  .partners img{margin: 0 15px 50px;
    width: 170px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .features-tabs li {
    margin: 0 18px 0 0;
    font-size: 16px;
  }
  .fs-50 {font-size: 40px;}
  .fs-60, .fs-55 {font-size: 55px;}
}