@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&family=Roboto:wght@100;400;500&display=swap');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');


/* 

font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;

 */

body { font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4,h5,h6 {font-family: 'Roboto', sans-serif !important;}
a { color: #000; text-decoration: none;}

.btn-primary {
    background-color: #168ba4;
    border-color: #168ba4;
  }


.bg_header {
    background: url(../images/bg_header.jpg) no-repeat center top;
    background-size: 100% auto;
}

.banner_text_wrap { position: absolute; top: 50%; transform: translateY(-50%);  width: 100%;}
.banner_text_area { max-width: 450px; color: #444444;}
.banner_text_area h2 { padding-bottom: 30px; font-size: 56px; color: #168ba4; font-weight: 600;}
.banner_text_area p { padding-bottom: 20px;}
.btn-know-more { color: #fff !important;}


.dott_bg_left { background: url(../images/dott_bg.png) no-repeat left bottom;}
.testimonials_bg { background: url(../images/testimonials_bg.png) no-repeat right 70px;}

.homeBannerWrapper img { width: 100%;}

/* .homeBanner .owl-dots {  position: relative; text-align: center;}
.homeBanner .owl-dots .owl-dot { width: 16px; margin: 0 6px; height: 16px; display: inline-block; background: #d9d9d9; border-radius: 50%;}
.homeBanner .owl-dots .owl-dot:hover,
.homeBanner .owl-dots .active { background: #168ba4; } */

.headerspace { padding-top: 60px;}
.sticky-top { position: fixed; width: 100%;}
.scrolled { background: rgba(255, 255, 255, .9);}


.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1);
  }

  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:#0d6efd;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .8rem;
    padding-left: .8rem;
  }


.dropdown-menu {
    padding: 0rem 0;
    font-size:14px;
    color: #000;
    background-color: #e9f3ff;
    background-clip: padding-box;
    border: 0px solid rgba(201,211,222,1);
    border-radius: .25rem;
    overflow: hidden;

}

.dropdown-item {
    transition: all .4s linear;
    padding: 7px 10px;
}



.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #168ca5;
  }


  .react-multi-carousel-list   .item { border: 0px solid red; padding: 20px;}


.testimonial_carousel  { padding-right: 20px;}
.testimonial_box {
    background: #FFFFFF;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    border: 1px solid #ddd;
    padding: 35px 20px;
    position: relative;
    font-size: 14px;
    min-height: 220px;
}

.testimonial_box::before {
    content: '';
    position: absolute;
    width: 42px;
    height: 34px;
    background: url(../images/coma_top.png) no-repeat 0 0;
    left: 10px;
    top: -15px;
}

.testimonial_box::after {
    content: '';
    position: absolute;
    width: 42px;
    height: 34px;
    background: url(../images/coma_bottom.png) no-repeat 0 0;
    right: 20px;
    bottom: -15px;
}

.testimonial_carousel .owl-stage-outer {  padding: 20px;}
.testimonial_img { width: 60px !important; height: 60px; border-radius: 50%; display: inline-block !important; margin-right: 20px;}
.testimonial_box h3 { font-size: 20px;}
.testimonial_box h3 span { font-size: 16px; font-weight: normal; color:#5e5e5e;}


.blog-box figure img { border-radius: 10px;}
.blog-box h5 { font-size: 18px !important; font-weight: normal;}
.blog-box .date-text { font-size: 15px !important; margin-bottom: 5px !important; }




/* footer css */

.ft_bg {
    background: url(../images/ft_bg.png) no-repeat center bottom;
    background-size: 100% auto;
}



.ft_link ul { margin: 0; padding: 0;}
.ft_link li { margin: 0 0 5px 0; padding: 0; list-style: none;}
.ft_link li a { color: #000; text-decoration: none; }
.ft_link li a:hover {color: #148ba2;}


.ft_contact_form Input, .ft_contact_form textarea { background: #f1f0f0;}

.ft-copyright-row { border-top: 1px solid #b8bfc1; }
.ft-social-icon { font-size: 26px; color: #138d9f;}
.ft-social-icon a { text-decoration: none; color: #138d9f; margin-left: 15px;}



/* Inner Page Css */

.header_inner  h2 {
    padding: 0;
    margin: 0;
    font-size: 36px;
    color: #168ba4;
    font-weight: 600;
  }
.header_inner p {
    padding-bottom: 0;
    margin: 0;
  }


  .header_inner .banner_text_area { max-width: 100%;}
  .header_inner .banner_text_wrap {
    position: inherit;
    top: auto;
    transform: inherit;
    width: 100%;
    padding: 30px 0;
    box-shadow: 0px 15px 10px -15px rgb(212, 211, 211);  
    text-align: center;
   
  }










@media (max-width: 1199px) {

}

@media (max-width: 991px)  {
    .container, .container-md, .container-sm { max-width: 100%;}
    .navbar-light .navbar-toggler {
        color: rgba(255, 255, 255, 1);
        border-color: rgba(22,139,164,1);
        background: #168ba4;
        border-radius: 0px;
        font-size: 30px;
    }
    
    .navbar-toggler:focus { box-shadow: 0 0 0 0rem;  background: #168ba4; }
    .navbar-collapse { background: rgb(255, 255, 255); }
    .sticky-top { background: #fff;}

    .blog-row { padding-bottom: 0 !important;}

    .banner_text_area h2 {
      padding-bottom: 10px;
      font-size: 40px;
    }

}

@media (max-width: 767px)  {
    .blog-row .w-50,
    .testimonials-row .w-50,
    .product-row .w-50 { width: 90% !important; }

    .ft-link-row .col-md-3, .ft-link-row .col-md-4,
    .blog-row .col-md-4,
    .testimonials-row .col-md-4,
    .product-row .col-md-4 { padding-bottom: 30px;}
    
    .ft-copyright-row, .ft-social-icon { text-align: center !important;}
    .ft-social-icon { padding-top: 10px;}
}


@media (max-width: 640px)  {
  .banner_text_area h2 {
    padding-bottom: 10px;
    font-size: 32px;
  }
  .btn-know-more { display: none;}

}

@media (max-width: 575px)  {
  .banner_text_area h2 {
    padding-bottom: 0px;
    font-size: 22px;
  }

  .banner_text_area p,
  .btn-know-more { display: none;}

}


@media (max-width: 480px)  {
  
    
}