

/* globle style  */
/*scrollbar width */
::-webkit-scrollbar { width: 10px; height: 7px; }
/*scrollbar Track */
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #18606c69; border-radius: 10px; }
/*scrollbar Handle */
::-webkit-scrollbar-thumb { background: #185F6C; border-radius: 10px; }
/*scrollbar Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #185F6C; }

/*------------------- glopal style ------------*/
.text-black{
    color: #000 !important;
}
.text-white{
    color: #fff !important;
}
.text-muted{
    color: #737D88 !important;
}
.font-green{
    color: #05bfbc;
}
.bg-green{
    background-color: #05bfbc;
}
.main-color,.single-footer-widget h3{
    color: #185F6C !important;
}
.bg-main-color{
    background-color: #185F6C !important;
}
.pt-44{
    padding-top: 45rem!important;
}
.pt-2{
    padding-top: 20px;
}
.pt-0{
    padding-top: 0px !important;
}
.mt-0{
    margin-top: 0px !important;
}
.mb-0{
    margin-bottom: 0px !important;
}
.pt-5{
    padding-top: 50px;
}
.pb-5{
    padding-top: 50px;
}
.p-5{
    padding: 50px;
}
.p-10{
    padding: 100px;
}
.btn-get_start{
    border: 1px solid #fff;
    padding: 4px 30px;
    background-color: #fff;
    border-radius: 50px;
    transition: 0.5s;
}
.owl-carousel{
    direction: ltr !important;
}

/*------------------- top header style----------------*/
.top-header{
    background: transparent;
    position: relative;
    z-index: 99999999;
}
.main-navbar .navbar .navbar-nav .nav-item a {
    color: #6b6b84 !important;
    font-weight: 600;
    text-transform: capitalize;
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
    padding-bottom: 15px !important;
}
.navbar-area{
    position: relative;
    z-index: 999999999;
    height: 80px !important;


}

.contact_info_button{
    border: 1px solid #fff;
    padding: 2px 20px;
    border-radius: 50px;
    color: #fff;
    transition: 0.5s;
}
.contact_info_button:hover{
    border: 1px solid #0a7d91;
    padding: 2px 20px;
    border-radius: 50px;
    background-color: #0a7d91;
    color: #fff;
}
.main-navbar .navbar .navbar-nav .nav-item a.nav-link {
    color: rgb(185, 182, 182) !important;
    border-bottom:1px solid rgb(199, 199, 199) !important;
}

.main-navbar .navbar .navbar-nav .nav-item a.active{
    border-bottom:1px solid #fff !important;

}
.is-sticky .main-navbar .navbar .navbar-nav .nav-item a.active{
    border-bottom:1px solid  !important;
    color: #000 !important;

}


.main-navbar .navbar .navbar-nav .nav-item ,
.main-navbar .navbar .navbar-nav .nav-item:last-child {
    position: relative;
    margin-left: 20px;
    margin-right: 130px;
}
.is-sticky .main-navbar .navbar .navbar-nav .nav-item a:hover{
    color: #000 !important;
}
.main-navbar .navbar .navbar-nav .nav-item a:hover{
    color: #fff !important;
}

.main-color{
    color: #05bfbc !important;
}
.sec-color{
    color: #737D88;
}
.dark-green{
    color: #185F6C !important;
}
.rounded-7{
    border-radius: 7px;
}
.bread::after{

    content: ' > ';
}
 /*------------------- product style cart ----------------*/
.product_cart_style{
    background: #F8FAFC 0% 0% no-repeat padding-box;
    border-radius: 20px;
    height: 100%;
}
.service_cart_style{
    background: #f8fafc17;
    border-radius: 20px;
    height: 100%;
}
.text-muted,.text-muted p{
    color: #94A6A7 !important;
}
.btn_explode_products{
    background: #185F6C 0% 0% no-repeat padding-box;
    border-radius: 24px;
}

.partener_image{
    filter: invert(53%) sepia(5%) saturate(868%) hue-rotate(171deg) brightness(90%) contrast(85%);
}
.star_color{
    color: #FFAF2B;
}
.input_custom_email {
    background: #ffffff1f 0% 0% no-repeat padding-box;
    border-radius: 24px;
    border: 0px;
    color: #fff !important;
    position: absolute;
}
.input_custom_email:focus {
    background: #ffffff1f 0% 0% no-repeat padding-box;

}
.btnstyle_custom{
    background: #05bfbc;
    position: relative;
    border-radius: 50px;
    padding: 5px 30px;
}

.img_logo{
    width: 145px;
    height: 45px;
}
/*------------------ footer style --------------------------*/
.footer-area,.our_work {
    background-color: #034d500d  !important;
    padding-top: 100px !important;
}
.social_media {
    padding: 0;
}
.social_media a{
    text-decoration: none;
    font-size: 20px;
}
.social_media li{
    list-style: none;
}
.quick-links a{
    color: #1C1B1F !important;
}
.copyright-area p{
    color: #737D88 !important;

}
.copyright-area {
    background-color: #033c3e17 !important;
    padding-top: 20px;
    padding-bottom: 20px;
}
 /************* anmiation **************************/

 .reveal {
    position: relative;
    opacity: 0;
  }
  .reveal.active {
    opacity: 1;
  }
  .active.fade-bottom {
    animation: fade-bottom 1s ease-in;
  }
  .active.fade-top {
    animation: fade-top 1s ease-in;
  }
  .active.fade-left {
    animation: fade-left 1s ease-in;
  }
  .active.fade-right {
    animation: fade-right 1s ease-in;
  }
  @keyframes fade-bottom {
    0% {
      transform: translateY(150px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fade-top {
    0% {
      transform: translateY(-100px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fade-left {
    0% {
      transform: translateX(-190px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes fade-right {
    0% {
      transform: translateX(220px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }

  .team_imag{
    width: 230px;
    height: 230px;
    border-radius: 50%;
    margin: auto;
  }
.team_icon{
    background: #ebf3f3;
    padding: 2px 9px;
    border-radius: 50px;
    margin: 5px;
}
 /**************************** services style *********************/
 .service_icon{
    padding:10px;
    border-radius: 10px;
    width: 50px;
    background-color: #4bd89a40;
 }
.product_image{
    height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    padding: 10px;
}


.our_work{

}
