.page-main-heading {
    color: #000000;
    font: normal normal normal 40px/54px Open Sans;
    letter-spacing: 0px;
    margin-bottom: 15px;
}
.shape-safety-text{
    font: normal normal normal 18px/27px Open Sans;
    letter-spacing: 0px;
    color: #000000;
}
.hero-section-subtag {
    color: 939598;
    font: italic normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
    color: #939598;
    opacity: 1;
}
.hero-section-btn {
    font: normal normal bold 20px/28px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 20px;
    text-decoration: none;
    display: block;
}
.hero-section-btn i {
    font: normal normal normal 40px/24px Font Awesome 6 Pro;
    color: #939598;
}
/* .hero-section-btn:hover, .hero-section-btn:hover i {
    color: #00A451;
} */
.section-main-heading {
    text-align: left;
    font: normal normal normal 36px/46px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 20px;
}
video {
    max-width: 100%;
}
.safty-page .btn-outline-primary {
    width: auto !important;
    padding: 0.375rem 0.75rem !important;
}
.safty-page #footer {
    margin-top: 0 !important;
}
.blue-bg{
    background-color: #d2e7ed;
}
.blue-bg-padd {
    padding-bottom: 80px;
}
.padd-bt-40 {
    padding-bottom: 40px;
}


#hs-a1 {
    bottom: 26%;
    left: 10%;
  }
  #hs-b1 {
    bottom:44%;
    left: 50%;
  }
  #hs-c1 {
    top: 33%;
    left: 47%;
  }
  
  #hs-d1 {
    top: 40%;
    left: 70%;
  }
  /* new css */
  .map-safety {
    position: relative;
    margin-bottom: -100px !important;
  }
  .map-item1 {
    position: absolute;
    position: absolute;
    min-width: 150px;
    z-index: 999;
    height: 30px;
  }
.marker-arrow {
    position: absolute;
    border-radius: 30px;
    /* background-color: #00A451; */
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    background-color: #00A451;
}
.marker-arrow:hover {
    color: #fff;
    text-decoration: none;
}
.arrow-down a:after {
    content:'';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    top: 26px;
    /* border-top: 10px solid #00A451; */
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 10px solid #00A451;
}
.arrow-up a:after {
    content:'';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    top: -8px;
    /* border-bottom: 10px solid #00A451; */
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 10px solid #00A451;
}
.pading-t-2 {
    padding-top: 2rem;
}

.mar-top-dektop-kitchen {
    padding-top:100px !important;
}
.hero-content{
    padding: 10% 0 10% 13%;
}
.row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (min-width: 280px) and (max-width: 500px) {
    .map-safety {
        margin-bottom: -62px !important;
    }
    .map-item1 {
        display: none !important;
    }
    .pading-t-2 {
        padding-top: 0 !important;
    }
    .img-content-section .row {
        border: 1px solid #c6c6c6;
        border-radius: 30px;
        padding: 20px;
    }
    .section-main-heading {
        font: normal normal normal 24px/36px Open Sans;
        margin-bottom: 9px;
    }
    .shape-safety-text {
        font: normal normal normal 16px/27px Open Sans
    }
    .hero-content {
        padding: 2rem;
    }
    .page-main-heading {
        font: normal normal normal 36px/48px Open Sans;
    }
    .mb_pad_15{
        padding-top: 15px;
    }
}

.residential {
    background-image: url(../assets/residential_banner.png) !important;
    background-size: cover;
}