.bg-gradient-primary {
    background: linear-gradient(85deg, rgb(255 62 37 / 81%) 30%, rgb(247 43 92 / 78%) 100%) !important;
}
.icon-box {
    padding: 1rem;
    position: relative;
}
.display-3 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.3;
}
.section-sm {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.icon i, .icon svg {
    font-size: 35px;
}
.icon-box.text-center h3.h6 {
    font-size: 20px;
    font-weight: 500;
    /*font-family: 'Fira Sans', sans-serif;*/
}
.section-lg {
    padding-top: 20px;
    padding-bottom: 20px;
}
.profile-image-small.bg-white.shadow-inset.shadow.border.border-light.rounded-circle.p-1.mt-5.mb-4 {
    margin-top: 15px!important;
    margin-bottom: 15px!important;
}
.card-body.text-center.px-5.pb-5.pt-0 {
    padding-bottom: 10px !important;
}
.footer.footer-top.pt-5.section-md.bg-primary.text-white {
    background: white url('https://gromediahub.com/images/footer-bg.png') no-repeat center top;
    background-size: contain;
    border-top: 1px solid #e1ecff;
    border-bottom: 1px solid #e1ecff;
    padding: 60px 0 30px 0;
}
p.my-4 {
    font-size: 16px;
    font-weight: 400;
    color: #ffff;
    text-align: justify;
}
ul.links-vertical li a {
    color: #fff;
    font-size: 16px;
    line-height: 39px;
    text-align: center;
}
h5.mb-4 {
    text-align: center;
}
ul.links-vertical {
    text-align: center;
}
.bg-primary {
    background-color: #000000 !important;
}
p.bfgl {
    color: #fff;
    margin: 2px 0px 5px 0px;
}
section.sdnp-branth {
    background: url(https://gromediahub.com/images/aboutus-bann.jpg) no-repeat center top;
    background-size: cover;
    height: 329px;
    margin-top: 96px;
}
section.sdnp-branth-we {
    background: url(https://gromediahub.com/images/1wdes.jpg) no-repeat center top;
    background-size: cover;
    height: 329px;
    margin-top: 96px;
}
section.sdnp-branth-dm {
    background: url(https://gromediahub.com/images/6dm.jpg) no-repeat center top;
    background-size: cover;
    height: 329px;
    margin-top: 96px;
}
.sdnp-abcoptr {
    width: 100%;
    float: left;
    padding: 154px 0px 0px 0px;
}
.sdnp-abcoptr h1 {
    font-size: 35px;
    color: #fff;
    text-align: right;
    font-weight: 500;
    margin-right: 34px;
}
section.aboutus {
    padding: 30px 0px;
}

section.aboutus p {
    font-size: 16px;
    text-align: justify;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 10px;
}
section.aboutus h2 {
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 10px;
}
section.aboutus h3 {
    font-size: 25px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}
section.aboutus ul li {
    font-size: 16px;
    text-align: justify;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 5px;
    list-style:disc;
}
section.aboutus ul {
   padding-left:25px;
}
section.cont-map {
    width: 100%;
    padding-top: 100px;
}

@media (min-width:320px) and (max-width:767px){
    section.sdnp-branth-we {height: 102px;}
   .sdnp-abcoptr { display: none;}
   section.sdnp-branth-dm {height: 102px;}
   section.sdnp-branth { height: 102px;}
    .sdnp-abcoptr.mob {display: block;padding: 40px 0px 0px 0px;}
    .sdnp-abcoptr.mob h1 {font-size: 20px;}
    
    
    
}