/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}
#our_partners img{
  width: auto !important;
}

button.owl-next, button.owl-prev {
  background: #1e202c;
}
button.owl-prev {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
}
button.owl-next {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
}
button.owl-next i, button.owl-prev i{
  color: #ffffff;
}

/* --------- SLIDER--------- */
.slider-main-banner {
    position: relative;
}
#slider-banner .slider-box h1 {
  font: 500 50px/60px Inter;
  text-align: left;
  margin-bottom: 0;
  padding-bottom: 0;
}
#slider-banner .slider-box p {
  color: #707070;
  font: 400 16px/26px Inter;
  width: 80%;
}
#slider-banner .slider-box {
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
}
#slider-banner .carousel-caption {
  top: 0;
  bottom: inherit;
  text-align: left;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
}
#slider-banner .request-quote-btn {
  text-align: left;
}
#slider-banner .installation-count {
    display: inline-block;
    width: 180px;
    height: 220px;
    border-radius: 10px;
    background-color: #ffffffb3;
    position: absolute;
    bottom: 13%;
    left: -10px;
    text-align: center;
    padding: 40px 0;
}
.installation-count h2 {
    color: #141414;
    font: 700 26px inter;
}
.installation-count span {
    color: #141414;
    font: 700 16px Inter;
}
.installation-img {
    margin: 0 auto;
    background: #ffffff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 19px 0;
}
/* -------Video Css---------------- */
#slider-banner .video {
  width: 100%;
  height: 400px;
  margin: auto;
  display: block;
  border: none;
}
#slider-banner .close-btn {
  width: 100px;
  height: 50px;
  display: block;
  margin: 20px auto;
  cursor: pointer;
  border: 2px solid black;
  background-color: white;
}
#slider-banner .video-popup {
  display: none;
  width: 100%;
  height: 100%;
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
#slider-banner .popup-bg {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
}
#slider-banner .popup-content {
  background: black;
  position: absolute;
  top: 32%;
  left: 0;
  right: 0;
  width: 75%;
  margin: 0 auto;
}
#slider-banner .row.video-box {
    align-items: center;
}
#slider-banner button.popup-btn {
    background: transparent;
    border: unset;
    outline: unset;
}
#slider-banner .popup-btn i {
    background: #fff;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 5px solid #e2e8ef7a;
    color: #48c2c2;
    padding: 16px 20px;
    font-size: 16px;
    cursor: pointer;
}
#slider-banner .video-box p {
    color: #fff;
    font: 500 16px/26px Inter;
    width: 50%;
    margin: 0;
}
#slider-banner .video-main-box {
    position: relative;
    top: 95px;
}
.banner-left-content {
    padding-left: 90px;
}
/*---------------about--------------*/
span.abt-small-head {
    color: #48c2c2;
    font: 500 16px Inter;
}
h2.abt-main-head {
    color: #222222;
    font: 500 50px Inter;
}
p.abt-para {
    color: #707070;
    font: 400 16px/26px Inter;
}
.abt-box .request-quote-btn {
    text-align: left;
}
.about-right-image {
    position: absolute;
    right: 0;
    bottom: -29px;
}
.about-left-image {
    margin-right: 14px;
}
.about-contact-info {
  background: #48c2c2;
  position: absolute;
  right: -207px;
  padding: 30px 20px;
  bottom: -29px;
  border-radius: 0px 10px 10px 10px;
  width: 120%;
}
.about-contact-info p {
    color: #ffffff;
    font: 500 14px/20px Inter;
}
.about-contact-info span {
    font: 500 16px Inter;
    color: #ffffff;
}
.about-right-image img {
    width: 88%;
}
.about-contact-info:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 18px solid #48c2c2;
    border-left: 18px solid transparent;
    position: absolute;
    left: -17px;
    top: 0;
}
/* --------------- Service ------------- */
.service-head span {
    color: #48c2c2;
    font: 500 16px Inter;
}
.service-head h2 {
    color: #222222;
    font: 700 32px Inter;
}
.main-grid-container {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,343px);
    padding-top: 25px;
}
.request-quote-btn.service-section-btn {
    text-align: center;
    padding-top: 50px;
}
.service-contents-wrapper:first-child {
    grid-column: 1/2;
}
.service-contents-wrapper:nth-child(2) {
    grid-column: 2/4;
}
.service-contents-wrapper:nth-child(3) {
    grid-column: 1/3;
}
.service-box {
    position: relative;
}
.inner-div {
    position: absolute;
    bottom: 25px;
    padding: 0 30px;
}
.service-btn {
    position: absolute;
    right: 20px;
    bottom: 0;
    transition: 4s;
    display: none;
}
.service-box:hover .inner-div p,.service-box:hover .service-btn{
  transition: 4s;
  display: block;
}
.service-title a {
    color: #ffffff !important;
    font: 700 20px Inter;
}
.inner-div p {
    color: #c8c8c8;
    font: 400 16px/26px Inter;
    transition: 4s;
    display: none;
}
.service-contents-wrapper:nth-child(2) .inner-div p,.service-contents-wrapper:nth-child(3) .inner-div p {
    width: 83%;
}
.service-btn a i {
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    color: #48c2c2;
    font-size: 16px;
    padding: 14px 15px;
}
/* --------------- Best Solution ------------- */
.solution-left-content-box .request-quote-btn {
    text-align: left;
}
.best-soultion-image2 {
    position: relative;
    margin-top: 55px;
}
#best_solution .solution-video {
  width: 100%;
  height: 400px;
  margin: auto;
  display: block;
  border: none;
}
#best_solution .solution-close-btn {
  width: 100px;
  height: 50px;
  display: block;
  margin: 20px auto;
  cursor: pointer;
  border: 2px solid black;
  background-color: white;
}
#best_solution .solution-video-popup {
  display: none;
  width: 100%;
  height: 100%;
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
#best_solution .solution-popup-bg {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
}
#best_solution .solution-popup-content {
  background: black;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  height: auto;
}
#best_solution button.solution-popup-btn {
    background: transparent;
    border: unset;
    outline: unset;
    position: absolute;
    left: 0;
    right: 0;
    top: 38%;
}
#best_solution .solution-popup-btn i {
  background: #e65e36;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  color: #fff;
  padding: 30px 35px;
  font-size: 20px;
  cursor: pointer;
}
/* ------------ Achievements Section ---------- */
.counter-head span {
    color: #fff;
    font: 500 16px Inter;
}
.counter-head h2 {
    color: #fff;
    font: 700 32px Inter;
}
.Counter-box span {
    color: #fff;
    font: 700 28px Inter;
}
.Counter-box p {
    color: #fff;
    font: 500 16px Inter;
}
.counter-overlay {
    Color: #ffffff1c;
    font: 700 80px Inter;
}
.Counter-image {
    height: 70px;
    width: 70px;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 18px 0;
}
.counter-overlay {
    Color: #ffffff1c;
    font: 700 80px Inter;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    z-index: -9;
}
.Counter-box {
    padding-top: 30px;
    position: relative;
}
/* -------------- Portfolio -------------- */
.portfolio-box {
    margin-left: 45px;
}
.portfolio-head span {
    color: #48c2c2;
    font: 500 16px Inter;
}
.portfolio-head h2 {
    color: #222222;
    font: 700 29px Inter;
    width: 59%;
}
.slider {
    padding-top: 30px;
}
.portfolio-box .owl-dots {
    position: absolute;
    top: -85px;
    left: 37em;
}
.portfolio-box button.owl-dot {
    border: 1px solid #ededed;
    width: 20px;
    height: 10px;
    width: 146px;
    height: 5px;
    background-color: #ededed;
}
.portfolio-box button.owl-dot.active{
    background-color: #e65e36;
    border-color: #e65e36;
}
.portfolio-box div#counter {
    position: absolute;
    top: 35px;
    right: 36em;
    color: #707070;
    font: 500 16px Inter;
}
.portfolio-box span.slider-count {
    color: #e65e36;
    font-size: 22px;
}
.portfolio-box .owl-nav {
    position: absolute;
    top: -65px;
    right: 370px;
}
.portfolio-box button.owl-prev,.portfolio-box button.owl-next{
  background-color: #48c2c2;
  width: 45px;
  height: 45px;
  padding: 0;
  outline: none;
}
.portfolio-box button.owl-prev:hover,.portfolio-box button.owl-next:hover{
  background-color: #e65e36;
}
.portfolio-box button.owl-prev {
  right: 13px;
  left: auto;
}
.portfolio-box button.owl-next {
    right: auto;
    left: 0;
}
/* --------------- Testimonial ----------------- */
.testimonial-head span {
    color: #48c2c2;
    font: 500 16px Inter;
}
.testimonial-head h2 {
    color: #222222;
    font: 700 32px Inter;
}
.testimonials-info p {
    color: #707070;
    font: 400 16px/26px Inter;
}
h5.testimonial-title a {
    color: #222222;
    font: 600 16px Inter;
}
.testimonial-star i {
    color: #fdbd19;
}
.testimonial-box {
    align-items: center;
}
.testimonial-data {
    background: #fff;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.06);
    margin-bottom: 30px;
    padding: 31px;
    border-radius: 10px;
}
/* ----------Success Story------------------- */
.story_head span {
    color: #48c2c2;
    font: 500 16px Inter;
}
.story_head h2 {
    color: #222222;
    font: 700 30px Inter;
    width: 77%;
}
.bar_box p {
    color: #222222;
    font: 700 16px Inter;
}
#success-story .progress-bar {
    height: 5px;
    color: #fff;
    background-color: #e65e36;
}
#success-story span.progress_percentage {
    position: absolute;
    color: #222222;
    font: 700 16px Inter;
    right: -60px;
    margin-top: -8px;
}
#success-story .bar_box {
    width: 75%;
    position: relative;
}
.story_head p {
    color: #707070;
    font: 400 16px/26px Inter;
    padding-bottom: 25px;
}
#success-story .progress {
    margin-bottom: 22px;
}
#success-story .feature-content h3 {
    color: #222222;
    font: 700 20px Inter;
    margin-bottom: 0;
}
#success-story .feature-content p {
    color: #707070;
    font: 400 16px/26px Inter;
}
.story-feature-box {
    align-items: center;
}
#success-story .feature-image-1 {
    background-color: #e65e3626;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
    padding: 28px 25px;
}
#success-story .feature-image-2 {
    background-color: #48c2c224;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    padding: 28px 31px;
}
#success-story .row.story-feature-box {
    background: #fff;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.06);
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 10px;
}
#success-story span.last_slide_head {
    color: #e65e36;
    font: 700 30px Inter;
}
/* ---------------Appointment------------------- */
.appointment-form-box {
    background: #fff;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.06);
    border-radius: 10px;
    padding: 45px 25px;
    position: absolute;
    top: -90px;
    width: 92%;
}
.appointment-form-box h2 {
    color: #222222;
    font: 700 30px Inter;
    width: 94%;
}
.appointment-form label {
    color: #222222;
    font: 600 12px/40px Inter;
    width: 100%;
}
.appointment-form input[type="text"],.appointment-form input[type="email"],.appointment-form textarea {
    border-radius: 6px;
    background-color: #fbfdff;
    border: 1px solid #deeefd;
    width: 100%;
    height: 55px;
}
.appointment-form textarea {
    height: 135px;
}
.appointment-form input[type="submit"] {
    color: #ffffff;
    font: 400 16px Inter;
    border-radius: 6px;
    background-color: #48c2c2;
    text-transform: capitalize;
}
.get-in-touch-content span {
    color: #ffffff;
    font: 500 16px Inter;
}
.get-in-touch-content h3 {
    color: #ffffff;
    font: 700 28px Inter;
}
.get-in-touch-content p {
    color: #ffffff;
    font: 400 16px/26px Inter;
}
.quick-assistance span {
    color: #ffffff;
    font: 500 16px Inter;
}
.quick-assistance h4 {
    color: #fff;
    font: 700 30px Inter;
}
.cull-us-box {
    background-color: #e68a36;
    border-radius: 20px;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.06);
    width: max-content;
    padding: 10px 20px;
}
.call-us-icon i {
  width: 55px;
  height: 55px;
  border-radius: 30px;
  background-color: #ffffff4f;
  padding: 18px 22px;
  transform: rotate(-33deg);
  color: #fff;
  font-size: 20px;
}
.cull-us-box p {
    color: #ffffff;
    margin-bottom: 0;
    font: 700 20px Inter;
}
.cull-us-box .row {
    align-items: center;
}
.quick-assistance {
    padding-top: 55px;
}
/* ------------ Latest News ---------- */
section#latest_news {
    padding: 7em 0;
}
.latest-news-head span {
    color: #48c2c2;
    font: 500 16px Inter;
}
.latest-news-head h2 {
    color: #222222;
    font: 700 32px Inter;
}
.news_head h3 a {
    color: #222222;
    font: 700 20px Inter;
}
p.blog-text {
    color: #707070;
    font: 400 16px/26px Inter;
}
.news-image {
    position: relative;
}
span.date {
    background-color: #e65e36;
    font: 700 16px Inter;
    color: #fff;
    padding: 8px 15px;
    border-radius: 40px;
    position: absolute;
    bottom: -18px;
    left: 25px;
}
.news_head {
    padding-top: 20px;
}
a.latesredmore {
    color: #48c2c2;
    font: 700 14px Inter;
}