@import "header.css";

/*home banner css*/

.item_detail {position: absolute;bottom: 35%;right: 0;margin: auto;width: 915px;left: 0;}
.item_name {margin-bottom: 26px;text-align: center;}
.owl-dots button.owl-dot span {width: 10px;height: 10px;background: #FFFFFF;display: inline-block;border-radius: 50%;}
.owl-dots button.owl-dot {margin: 0 5px;}
.owl-dots button.owl-dot.active span {background: rgb(255 255 255 / 41%);}
.owl-dots {position: absolute;bottom: 5%;width: auto;left: 35px;}
.item_detail h2 {color: #fff;font-size: 5.5rem;position: relative;padding-bottom: 0px;margin-bottom: 15px;font-weight: 300;letter-spacing: -1.14px;font-family: var(--primary-font2);}
.item_detail h2:after {width: 150px;height: 2px;content: "";position: absolute;bottom: 0;left: 0;}
.item_name h3 {font-size: 1rem;color: #fff;font-weight: bold;}
.item_name h3 strong {display: block;color: #fff;font-weight: bold;}
.owl-item.active h2{animation-duration: 1.5s;-webkit-animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeIndown; animation-delay: 0.3s;}
.owl-item.active h3{animation-duration: 1.5s;-webkit-animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.owl-item.active  h3 strong{animation-duration: 1.5s;-webkit-animation-duration: 1.5s;-webkit-animation-fill-mode: both;
animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.owl-item.active h2:after{ animation-duration: 2s;-webkit-animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;
animation-name: fadeInline;animation-delay: 0.3s;}
@keyframes fadeInUp{
0%{transform:translate(0px, 100px); opacity: 0;}
100%{transform:translate(0px, 0); opacity: 1;}
}
@keyframes fadeIndown {
0% {opacity: 0;transform: translateY(-3rem);}
100% {opacity: 1;transform: translateY(0);}
}
@keyframes fadeInline {
0% {opacity: 0;width:0px}
100% {opacity: 1;width:125px;}
}



/*section2 css strt here*/

section.home_sloutions {background: #F5F5F5;padding: 80px 0;border-top: 1px solid #ddd;}
section.home_sloutions h1 {font-size: 36px;font-weight: bold;color: #1A1818;margin-bottom: 35px;font-family: var(--primary-font2);}
section.home_sloutions blockquote {font-size: 36px;font-weight: 200;padding-right: 360px;color: #1A1818;margin-bottom: 50px;font-family: var(--primary-font2);}
section.home_sloutions ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative;
}

section.home_sloutions li {
    width: 279px;
    background: #fff;
    justify-content: space-between;
    margin-right: 19px;
    margin-bottom: 19px;
    padding: 30px 30px 30px;
    height: 235px; transition: .5s linear;
}

section.home_sloutions h2 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 25px;
    font-family: var(--primary-font2);
}

.home_solutuion_pic {
    width: 964px;
    position: relative;
    z-index: 0;
    left: -9rem;
    top: 25px;
}
section.home_sloutions li p {
    position: relative; padding-bottom:30px;
}

section.home_sloutions li p:after {
    content: "";
    width: 52px;
    height: 1px;
    background: #C81616;
    position: absolute;
    bottom: 0;
    left: 0;
}
section.home_sloutions li:hover h2 {
    color: #fff;
}

section.home_sloutions li:hover p {
    color: #fff;
}

section.home_sloutions li:hover {
    background: #747687; transition: .5s linear;
}

.home_solution_text2 {
    padding: 50px 50px 0 0;
}

.home_solution_text2 p {
    font-size: 21px;
    margin-bottom: 35px;
    font-family: var(--primary-font2);
}


/* home product css */


.home_box {
    padding-left: 25px;
    background: #fff;
    padding: 29px;
}

.img-box {
    border: 0px;
    width: 100%;
    margin-bottom: 20px;
}

section.our-product {
    background: #F5F5F5;
    padding: 70px 0 50px;
}

section.our-product h2 {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #1A1818;
    margin-bottom: 35px;
    font-family: var(--primary-font2);
}
section.our-product blockquote {
    font-size: 21px;
    color: #1A1818;
    text-align: center;
    margin-bottom: 20px;
    font-family: var(--primary-font2);
}

.our-product .item img{aspect-ratio: 3/2; object-fit: contain;}
.img-name {
    font-size: 21px;
    font-weight: 300;
    font-family: var(--primary-font2);
}

.read_link {
    margin: 37px 0 0;
    clear: both;
    display: block;
    padding: 50px 0;
}

.read_link a {
    text-decoration: none;
    color: #1A1818;
    letter-spacing: 2.6px;
    font-weight: bold;
    font-family: var(--primary-font2);
}

.read_link a img {
    margin-left: 5px;
}

 .interactive_presentation .slider_right {
    float: right;
    max-width: 91%;
    margin-top: 50px;
    width: 100%;
}
.interactive_presentation {
    margin-bottom: 99px;
    display: block;
}

/* home about css*/

section.home_about {
    padding: 70px 0;
    overflow: hidden;
}

section.home_about h2 {font-size: 36px;font-weight: bold;color: #1A1818;margin-bottom: 16px;margin-top: 30px;}

section.home_about blockquote {font-size: 34px;font-weight: 300;color: #1A1818;line-height: 40px;margin: 40px 0 40px;font-family: var(--primary-font2);}
section.home_about p {
    margin-bottom: 36px;
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
}
.home_aboout_img {
    width: 990px;
}


.our-capabilities h2 {font-size: 36px;font-weight: bold;color: #1A1818;margin-bottom: 16px;margin-top: 30px;font-family: var(--primary-font2);}

.our-capabilities blockquote {font-size: 30px;font-weight: 300;color: #1A1818;line-height: 40px;margin: 40px 0 40px;font-family: var(--primary-font2);}



.our-capabilities .nav-tabs .nav-item.show .nav-link, .our-capabilities .nav-tabs .nav-link.active{border:0px; border-bottom:1px solid #C81616;color:#4E5C81; font-weight:bold;}
.our-capabilities .nav-tabs .nav-link{border:0px;font-weight:300;color:#1A1818;padding:0px 0 15px;background: none;font-family: var(--primary-font2);}
.our-capabilities li.nav-item {
    margin-right: 35px;
}

.our-capabilities .accordion-body {
    padding: 25px 0 0;
    border: 0;
}

.our-capabilities .accordion-body ul {
    padding: 0 15px;
}

.our-capabilities .accordion-body ul li::marker {
    color: #C81616;
}

.our-capabilities .accordion-body ul li {
    margin-bottom: 5px;
    color: #656565;
}

.our-capabilities .accordion {
    border: 0;
}

.our-capabilities .accordion-collapse {
    border: 0;
    background: none;
}

.our-capabilities .accordion-item {
    border: 0px;
    background: none;
}

@media (max-width: 991px) {
    .our-capabilities .tab-content>.tab-pane {
      display: block;
      opacity: 1;
    }
    .home_banner_slider1 img {
    width: 100%;
    margin-top: -5%;
}
  }

  section.home_about2 {
 
 .home_banner_slider1 img {
    width: 100%;
    margin-top: -5%;
}   background: #F5F5F5;
    padding: 70px 0 0;
    overflow: hidden;
}

.our-capabilities .d-lg-flex {
    display: inline-flex!important;
    width: 521px;
    position: relative;
    z-index: 1;
}
.capable_ul {
    display: inline-block;
}

.home_aboout_img2 {
    display: inline-block;
    vertical-align: top;
    margin-top: -30rem;
    position: relative;
    right: -30rem;
    width: 884px;
}

.home_aboout_img2 img {
    width: 884px;
}

.home_banner_slider1 img {
    width: 100%;
}