html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);

}

@media (hover: hover) and (pointer: fine) {
    .pagetop:hover, .pagetop:hover .pagetop__arrow {
        border-color: #00959c;
    }
}
      .ftco-navbar-light.scrolled .nav-link:hover {
        color: #00959c !important; }

.text-center .bread { text-shadow: 3px 0 0 rgba(255, 255, 255, 0.7), 0 3px 0 rgba(255, 255, 255, 0.7);}
.sub_heade_subttl  { text-shadow: 2px 0 0 rgba(255, 255, 255, 0.7), 0 2px 0 rgba(255, 255, 255, 0.7);}
@media screen and (min-width: 1100px) {
.nav-item {margin-right:1rem !important;}
}

@media (max-width: 1099.98px) {
    .ftco-navbar-light {
        padding: 1rem !important;
    }
}

@media (max-width:767.9px) {
.navbar .head_logo {width:50%;}
}
.ftco-navbar-light { background: rgba(255, 255, 255, 0.6) !important;}
a:link, a:visited {<!--color:#fff;-->padding:.5rem !important;font-size: 1rem;}
a:link:hover, a:visited:hover { text-decoration: none; }

.hero-wrap-2{
  background-image: url("../renewal/images/bg_3.jpg") !important;background-position:right bottom !important;margin-bottom:5%;max-height:400px !important;background-repeat: no-repeat;background-size: cover;
}
.hero-wrap-2 h1 {margin-top:4%;}

 @media (max-width: 767.98px) {
.hero-wrap-2 {max-height:320px !important;background-image: url("../renewal/images/bg_3_sp.jpg") !important;margin-bottom:8%;}
.hero-wrap-2 .subtop-text {max-height:320px !important;}
}