body {
    margin: 0;
    font-family: "Montserrat", serif;
   line-height:1.6 rem;
}
/* header start */
nav .navbar-brand img {
    height: 70px;
}

nav .nav-item {
    padding-left: 10px;
}

nav .navbar-nav .nav-link {
     font-size: 1.2em;
    color: white;
}

nav .navbar-nav .nav-link:hover {
    color: #DAF7A6;
    font-size: 1.3em;
}
.hero {
    position: relative;
    text-align: center;
    color: white;
}

.hero img {
    width: 100%;
    height: auto;
}
/* header end */

/* section start */
.section-title {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    font-size: 1.2rem;
    font-weight: bold;
    display: inline;
    /* text-align: right; */
    /* padding-left: 10%; */
    /* margin-left: 5%; */
}

.section-content {
    margin-top: 20px;
}

.section-content h4 {
    color: #4CAF50;
    font-weight: bold;
}

.section-content ul {
    list-style-type: none;
    /* padding: 0; */
}

.section-content ul li {
    margin-bottom: 10px;
}

.section-content ul li strong {
    color: #159d9f;
}

span {
    color: #159d9f;
}

.section-text {
    font-size: 1.2rem;
}
/* section end */

/* owl carousal start */
.news-section {
    padding: 20px;
}

.site-section {
    padding: 40px 20px;
}

.media-29101 {
    text-align: center;
    margin-bottom: 20px;
}

.media-29101 img {
    max-width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
    width: 50%;
}

.media-29101 h3 {
    font-size: 16px;
}
.BOXX:hover {
    border-width: 10px;
    transform: scale(1.05);
}


.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    left: -30px;
    top: 40%;
    background-color: var(--base-color) !important;
    display: block;
    padding: 0 .3em !important;
    font-size: 9em;
    margin: 0;
    cursor: pointer;
    color: rgb(79, 76, 76);
    transform: translate(-50%, -50%);
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    right: -160px;
    top: 40%;
    background-color: var(--base-color) !important;
    display: block ;
    padding: 0 .3em !important;
    font-size: 9em ;
    margin: 0;
    cursor: pointer;
    color: rgb(79, 76, 76);
    transform: translate(-50%, -50%);
}

        /* owl carousal end */


