:root{
--primary-color:#0470d3;
--text-color:#444444;
--text-small-heading-color:#ffb107;
--light-text:#787878;
--main-font: "Poppins", sans-serif;
--primary-font:"Oswald", sans-serif;
--darkblue-color:#0c385d
}
html{scroll-behavior: smooth;}
body{font-size: 1rem;}
h3, h4, h5, h6{color: var(--text-small-heading-color) ;}
.main-btn {
        font-weight: 500;
        transition: .5s;
        border-radius: 50rem !important;
        color:var(--darkblue-color);
        background-color: var(--text-small-heading-color);
        padding: 1rem 2rem;
        text-decoration: none;  
}

.obect-fit{object-fit: cover;}

.address  .bg-light{background-color: #f9f9f9 !important ;}

.btn{background-color: !important; border-color: var(--primary-color) !important;}

.main-btn:hover {
    -webkit-box-shadow: 0 8px 6px -6px #555555;
    -moz-box-shadow: 0 8px 6px -6px #555555;
    box-shadow: 0 8px 6px -6px #555555;
    color: #000;
    background-color:var(--primary-color);
    border-color:var(--primary-color);
}

.inner-heading{color: var(--primary-color); font-family:var(--primary-font);font-size: 1.4rem;}


.heading-section{ margin-bottom: 1.5rem !important;}
.heading-section h5 { border-width: 3px !important;padding-bottom: 4px;
    font-size: .85rem;
    letter-spacing: 1px; border-color:#ffb107 !important;}
.heading-section .heading-main{color: var(--primary-color); font-size:2rem; font-family: var(--primary-font);}

*{padding: 0; margin: 0; margin:0; padding:0; box-sizing: border-box;  color: var(--text-color);  }
.top-header {border-bottom: 1px solid #dee2e6 !important; padding: 5px 0;}
.top-left-header {text-align: right;}
.logo img {height:50px;}
.navbar-light .navbar-nav .nav-link {
    position: relative;
    margin-left: 30px;
    padding: 28px 14px;
    font-size: 16px;
    font-weight: 500;
    color: var(--dark);
    outline: none;
    transition: color .3s ease;
}

@media (min-width: 992px) {
    .navbar-light .navbar-nav .nav-link::before {
        position: absolute;
        content: "";
        width: 0;
        height: 5px;
        bottom: 0;
        left: 50%;
        background: var(--primary-color);
        transition: .5s;
    }

    .navbar-light .navbar-nav .nav-link:hover::before, .navbar-light .navbar-nav .nav-link.active::before {
    width: 100%;
    left: 0;
    }
}

.top-left-header{text-align: left;}
.top-right-header{text-align: right;}


/*  header css end   */


.banner .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: unset;
    left: 15%;
    padding-top: unset;
    padding-bottom: 1.25rem;
    color: var(--bs-carousel-caption-color);
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
}

  .swiper {width: 100%; height: 100%; }
  .swiper-slide {text-align: center;  display: flex;  justify-content: center;  align-items: center; }
  .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .banner .content {
    position: absolute;
    z-index: 9999;
    left:12%;
    top: 50%;
    transform: translateY(-50%);
    }


.banner .content h2
{
font-size: 2rem;
font-weight: 700;
line-height: 1.2; color:var(--primary-color); margin-bottom: 8px;
} 






.banner .content {  
    background:  rgba(253, 253, 253, 0.70);
    color: #fff;
    padding: 24px 30px;
    border-radius: 6px;
    width: 50%;
   text-align: left;
}

.banner .content p {
    font-size: 1.1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    text-overflow: ellipsis;
    color: #3c3c3c;
    font-weight:500;
}

.banner .swiper-button-next, .banner .swiper-button-prev {
    background: #fff;
    padding: 10px;
    border-radius: 100%;
}



/* banner css clsoe */
.img-bg-center{
     background-position: center !important;
    background-size: cover !important;
}

.about-img  {
     background-position: center !important;
    background-size: cover !important;
}
.service .service-box {
    overflow: hidden;
    border-radius: 10px;
    background:#f9f9f9 !important;
    text-align: center;
}

.service .content {
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; box-shadow: 0 8px 6px -6px #555555;
}
.service .content h4 {font-size: 1.2rem; color:var(--primary-color); font-family:var(--primary-font);}

.service .content p{
 overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
  line-clamp: 2; /* standard property, though support varies */
  text-overflow: ellipsis; /* adds the ... at the end */
}

.service .swiper-pagination{position: initial; margin-top: 0.8rem;}

/* services css close */

.what-we-do-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.why-choose-us .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    /* background: #f7f7f7; */
    padding: 0rem 4rem;
    border-radius: 0.5rem;
    /* border: 1px solid #ccc; */
}

.why-choose-us .content h4{font-size: 1.2rem; margin: 10px 0 0 0; font-family:var(--primary-font); width: 100%;}

.why-choose-us .icon {
    width: 110px;
    height: 110px;
    background:var(--primary-color);
    padding: 30px;
    border-radius: 100%;
}

.why-choose-us .icon img {width: 100%;}

.what-we-do-content{
    padding:30px !important;
    background: #f9f9f9;
}


.inner-hero-bg h1{font-family: var(--primary-font); font-weight: 700; color: var(--primary-color) !important;text-shadow: 3px 3px 0 #024583;}

.our-client .swiper-slide {
    /* background: #ccc; */
    padding: 1rem;
    border: 1px solid #deebf3;
}

.our-client .swiper-pagination{position: static; margin-top: 1rem;}

footer{background-color:var(--darkblue-color); color: #fff; padding: 1rem 0;}
footer h4, footer p{color: #fff;}
footer .fa{color:#fff;}
footer .btn{background:#fff; border-color: #fff !important;}
footer .btn:hover text{background:var(--primary-color)}
footer a {text-decoration: none;}
footer a:hover {text-decoration: none; color: var(--text-small-heading-color) !important;}
footer .btn:hover {background:var(--text-small-heading-color);}

.inner-hero-bg {
    background-position: center !important;
    background-size: cover !important;
}

.inner-hero-bg:after {
    content: '';
    background: #bbbbbba1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.inner-hero-bg .content-bnr {
    position: relative;
    z-index: 9;
}

.breadcrumb-item.active {
    color:var(--text-small-heading-color) !important; font-weight: 700;
}

.breadcrumb-item + .breadcrumb-item::before{color: #fff !important;}
.breadcrumb-item a{text-decoration: none;}

.address .rounded-circle{background: var(--primary-color);}
.map {
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
}

.map iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

.contact-form {
    background: #f9f9f9;
}

.contact-form  .time{text-align: left;}
.contact-form input{height: 45px;} 
.contact-form .btn{font-weight: 700;}
.address .flex-column { padding: 20px;}
.contact-form .btn{background-color: var(--primary-color) ;}
.contac-img {display: flex; height: 100%; border-radius: 0.375rem;  overflow: hidden;}
.contac-img img {object-fit: cover;}
.contact-form .btn:hover{background: var(--text-small-heading-color) !important; border-color: var(--text-small-heading-color) !important; color:var(--darkblue-color);}


@media screen and (max-width: 991px) {

.md-display-none{display: none;}
.top-left-header{text-align: center;}
.banner .content { left: 0;  right: 0;   margin: auto; width: 78%;}
.heading-section .heading-main {font-size: 2rem;}
.why-choose-us .content {padding: 0rem 2rem;}
footer h4 {font-size: 1.2rem;}
.what-we-do-bg { height: 300px;  background-position: center center;  background-size: cover;}
.img-bg-center{ height: 300px;  background-position: center center;  background-size: cover;}
.mobile-view-img { position: static !important;  margin-bottom: 1rem;}
.inner-hero-bg h1 { font-size: 2rem;}


}


@media screen and (max-width: 767px) 
{

.top-header a {font-size: 12px;}
.navbar-brand .logo img { max-height: 42px; }
.navbar-light .navbar-nav .nav-link {margin-left: 8px;padding:10px 0; font-size: 16px;padding: 10px 0 !important;
        border-bottom: 1px solid #f0f0f0;
        font-size: 15px;}
.inner-heading {  font-size: 16px !important;  }
.inner-hero-bg h1 {font-size: 1.3rem; line-height: 1.3;  }
.banner .content p{display: none;}
.banner .content h2 {font-size: 20px;line-height: 1.2;}
.banner .content .main-btn {padding: 0.3rem 1.5rem;}
.banner .content {width: 70%; padding: 0.8rem;  }
.navbar-collapse {padding: 12px 16px; border-top: 2px solid #cc0000;    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);  }
.dropdown-item { padding: 8px 16px;    font-size: 14px;     border-bottom: 1px solid #eee;   }   
.heading-section .heading-main { font-size:20px; }
.heading-section {margin-bottom: 1rem !important; text-align: center;}
.heading-section h5 { font-size: 16px; border-width: 3px !important;}
section.py-5 { padding-top: 1rem !important; padding-bottom: 1rem !important;}
.service .content h4 {font-size: 1.2rem;}
.why-choose-us .content h4 {font-size: 1rem;}
.about .content { text-align: center;}
.what-we-do-content p { text-align: center;}
.inner-hero-bg h1 {text-shadow: 0px 1px 0 #024583;}
.inner-heading { font-size: 16px !important;   }
p {  font-size: 14px;  }
.about .inner-heading{text-align: center;}


    
}