body {
  color: #0D0D0D;
      background: #fff;
    font-size: 20px;
}

html {
  font-size: 100%;
}

h1,
.h1,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #0D0D0D;
  font-family: "Montserrat", sans-serif;
}

h1,
.h1 {
  font-size: 40px;
  font-weight: bold;
}

h2,
.h2 {
  font-size: 32px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

h3,
.h3 {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

h4,
.h4 {
  font-size: 20px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

h5,
.h5 {
  font-size: 16px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

h6,
.h6 {
  font-size: 16px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

p {
  line-height: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #000000;
  margin-bottom: unset;
  font-family: "Montserrat", sans-serif;
}

p.has-large-font-size {
  font-size: 26px !important;
  line-height: 36px;
}


a {
    color: #ed1c24;
    text-decoration:unset !important;
}
.site-header .main-nav-area .right-wrap .main-navigation ul li a
 {

    text-decoration: unset !important;
}
a.call-top {
    text-decoration: unset !important;
}
b,
strong {
  font-weight: 700;
}

.link {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.link img {
  max-width: 18px;
  margin-left: 6px;
}
.link:hover {
  color: #47A9FF;
}

.container-fluid {
  padding-left: 40px;
  padding-right: 40px;
}


.container {
  max-width: 1270px;
}

.logo_wrap{
    margin-bottom: 40px;
}
ul.navbar-nav {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
}
li.nav-item a {
    padding: 0px 16px;
    color: #0c4c78 !important;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
}
.text-danger {
    color: #0c4c78 !important;
    background: url(../img/ph.png) no-repeat;
    padding: 5px 0px 10px 45px;
	font-weight:600;
}
li.nav-item.last-child {
    border-right: 1px solid #ccc;
}
.hero {
    color: white;
    padding: 100px 0;
    text-align: center;
    font-size: clamp(28px, 6vw, 90px);
    font-weight: bold;
    background: url(../img/banner.png) center center / cover no-repeat;
    text-shadow: 2px 1px #484848;
}
.rounded {
    border-radius: 40px !important;
	margin-bottom:10px;
}
.img-hd {
    font-size: clamp(20px, 5vw, 50px);
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.search-bar input.form-control {
    margin-right: 20px;
    border-radius: 6px !important;
    border: 1px solid #acacac;
}
.main-wrap {
    margin-top: 40px;
	padding-bottom:40px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select{
    background: #fff;
}
.py-6 {
    margin-top: 65px;
}
.btn-danger {
    color: #fff;
    background-color: #ed1c24;
    border-color: #ed1c24;
    font-size: 20px !important;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
}
    .search-bar input {
      height: 50px;
    }
    .category-card {
      position: relative;
      overflow: hidden;
      border-radius: 15px;
      text-align: center;
      color: white;
      font-size: 1.5rem;
      font-weight: bold;
    }
    .category-card img {
      width: 100%;
      height: 220px;
      object-fit: cover;
      filter: brightness(0.7);
    }
    .category-title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
   
    
	.category-icon {
      text-align: center;
    margin-bottom: 20px;
    width: 12%;
    }
    .category-icon img {
      width: 74px;
      height: 68px;
    }
    .category-icon span {
      display: block;
    font-weight: bold;
    margin-top: 5px;
    color: #0b4b77;
    font-size: 20px;
	line-height:22px;
    }
   

    .contractor-card {
      border: 1px solid #ccc;
      border-radius: 16px;
      padding: 30px;
      margin-bottom: 20px;
      height: 100%;
    }

    .contractor-card i {
      color: #d12e2f;
      margin-right: 10px;
      min-width: 20px;
    }

    .contractor-card ul {
      padding-left: 0;
      list-style: none;
    }

    .contractor-card ul li {
      margin-bottom: 10px;
    }

    .contractor-card .logo {
      max-width: 150px;
      margin-bottom: 10px;
    }
	.category-icon div.active {
  position: relative;
  display: inline-block;
  color: #002c77;
  font-weight: bold;
}

.category-icon div.active::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #002c77; 
  
}
h4.mb-4.fw-bold.text-primary {
    color: #0b4b77 !important;
    font-size: 27px;
}
.contractor-card h4 {
    margin-top: 30px !important;
    margin-bottom: 25px;
}
.contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-list li {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  font-weight: 600;
}

.contact-list i.contact-icon {
  background-color: #ed1c24;
  color: #ffffff;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  margin-right: 10px;
}
.contractor-card p{
	margin-bottom:30px;
}
button.subtn-custom{
    background: #0b4b78;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: bold;
}
button.subtn-custom:hover{
	 background: #ee1c25;
	 color: #fff;
}
.serv-wrap .col-md-4 {
    margin-bottom: 20px;
}
.contact-list a, .contact-list li {
    color: #000;
    font-size: 15px;
    font-family: 'Montserrat';
    font-weight: bold;
     word-break: break-word;
    overflow-wrap: break-word;
}
.contact-list a:hover{
	color:#ed1c24;
}

@media (max-width: 768px) {

  .col-3 {

    flex: 0 0 auto;

    width: 22%;

}

.category-icon span {

   

    font-size: 14px;

    line-height: 17px;

}

.main-wrap



 {

    margin-top: 30px;

    padding-bottom: 10px;

}

.py-6 {

    margin-top: 30px;

}

.col-md-6.nam {

    margin-bottom: 1rem !important;

}

}

@media (max-width:1200px) {



.main-wrap



 {

    margin-top: 30px;

    padding-bottom: 10px;

}

}

@media (max-width:440px) {



.col-3 {

        flex: 0 0 auto;

        width: 46%;

    }



}