h6.lead.mb-0.mt-2 {
    color: #3F51B5;
    font-weight: 400;
}

.scllogo {
    background-color: #017f3f;
    border-radius: 30%;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    color: white;
    margin-right: 10px;
    text-align: center;
}

.scllogo:hover {
    background-color: yellowgreen;
}

.juh {
    font-size: 17px;
}

.nav-txt:hover {
    background-color: yellow !important;
    color: black !important;
}

.nav-txt 
{
    font-size: 14px;
    color: #2d3194 !important;
    border: 0px solid cyan !important;
    border-radius: 6px !important;
    /* background-color: #2ad92a !important; */
    padding: 12px 23px !important;
    font-weight: 600;
}

.body {
    position: relative;
}

nav.navbar.navbar-expand-sm.navbar-light.bg-info {
    position: sticky;
    top: 0px;
    z-index: 100;
    width: 100%;
    padding: 0;
}

nav-txt a {
    font-size: 20px;
    color: white;
    border: 0px solid cyan;
    border-radius: 6px;
    background-color: #3dd13d;
    padding: 8px 26px;
    text-decoration: none;
}

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item>div {
    text-align: center;
    padding: 10px;
    margin: 10px;
    background: #f1f1f1;
    color: #666;
    min-height: 385px;
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
}

.MultiCarousel .leftLst {
    left: 0;
}

.MultiCarousel .rightLst {
    right: 0;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
    pointer-events: none;
    background: #ccc;
}

.headings {
    font-size: 22px;
    background-color: rgb(42 173 94);
    padding: 4px;
}

.headings span {
    font-weight: 500;
    color: white;
}

.image {
    padding-right: 50px;
    width: 100%;
    object-fit: contain !important;

}

.headinggriha {
    font-size: 50px;
    padding-bottom: 20px;
    color: #3f37ab
}

/*
.nav-item a {
  font-size: 16px;
    color: #0e0e0e !important;
    border: 0px solid cyan !important;
    border-radius: 6px !important;
    background-color: #3dd13d !important;
    padding: 6px 23px !important;
}*/

.headed {
    color: white;
}



.hd {
    padding-bottom: 45px;
    color: #3f37ab;
    font-family: 'Oswald', sans-serif;


}

@media (max-width: 800px) {
    .hd {
        font-size: 35px !important;
    }

}


nav li {
    border-right: 1px solid #ffffff;
    transform: skewx(-20deg);
    transition: background .2s ease, color .2s ease;
}

nav li {
    float: left;
    position: relative;

}

nav span {
    display: block;
    transform: skewx(20deg);
}

.tabs {
    background-color: #f1f1f1;
    overflow: hidden;
    border: 1px solid #ccc;
}

.nav-tabs {
    border: none;
}

.nav-tabs li a {
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 1px;
    margin: 0px 4px 10px 0px;
    border: 1px solid #d1d1d1 !important;
    padding: 7px 29px;
    color: black;
    background-color: #8BC34A;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: #8BC34A;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.nav-tabs li.active a {
    background: yellow;
}


.tablinks {
    margin-right: 60px;
    float: center;
}
.nav-tabs {
    border-bottom: none !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
@media (max-width: 900px) {
    nav li {
        transform: skewX(20px);
        transition: background .2s ease, color .2s ease;
    }

    nav span {
        transform: none;
    }

    iframe {
        width: 450px;
        height: 450px;
    }

    juh {
        font-size: 12px;
    }
}

@media (570px <=width <=850px) {
    nav span {
        font-size: 9px;
        transform: skewX(20deg);
    }

    nav li {
        margin: 0px;
        border-right: 1px solid #ffffff;
        transform: skewx(-20deg);
        transition: background .2s ease, color .2s ease;

    }

    .nav-txt {
        padding: 12px 5px !important;
    }

    juh {
        font-size: 10px;
    }

    iframe {
        width: 300px;
        height: 240px;
    }

    .scllogo {
        width: 19px;
        height: 19px;
        text-align: center;
        font-size: 9px;
        padding-top: 5px;
    }
}

@media (851px <=width <=900px) {
    nav span {
        font-size: 6px;
         
    }

    .scllogo {
        width: 21px;
        height: 21px;
        text-align: center;
        font-size: 11px;
        padding-top: 5px;
    }

    iframe {
        width: 300px;
        height: 250px;
    }
}

@media (max-width: 570px) {
    nav li {
        border-right: none;
        transform: none;
    }

    juh {
        font-size: 12px;
    }



}

@media (300px <=width <=550px) {
    iframe {
        width: 350px;
        height: 250px;
    }

    .juh {
        font-size: 15px;
    }

    nav span {
        font-size: 16px;
    }
}

@media (1000px <=width <=1300px) {
    iframe {
        width: 400px;
        height: 300px
    }

    nav span {
        font-size: 9px;
    }
}

@media (900px <=width <=1000px) {
    iframe {
        width: 350px;
        height: 250px;
    }

    nav span {
        font-size: 7px;
    }

    .scllogo {
        width: 21px;
        height: 21px;
        text-align: center;
        font-size: 11px;
        padding-top: 5px;
    }

}

@media (100px <=width <=400px) {
    iframe {
        width: 180px;
        height: 150px;
    }

    .scllogo {
        width: 20px;
        height: 20px;
        text-align: center;
        font-size: 11px;
        padding-top: 6px;
    }

    .nav-tabs li a {
        font-size: 8px;
    }
}

@media (400px <=width <=520px) {
    .nav-tabs li a {
        font-size: 12px;
    }
}

@media (max-width: 305px) {
    .nav-tabs li a {
        font-size: 4px;
    }
}

@media (570px <=width <=635px) {
    nav span {
        font-size: 6px;
    }
}

@media (570px <=width<=575px) {
    nav span {
        transform: skewX(20deg);
    }

    nav li {
        border-right: none;
    }
}

@media (636px <=width <= 649px) {
    nav span {
        font-size: 4px;
    }
}

ul.list-style {
    list-style: none;
}


ul.list-style li {
     padding-bottom: 6px;
    font-size: 16px;
}

i.fa.fa-arrow-circle-o-right {
    font-size: 20px;
    color: #5bc681;
}

.container.mt-4 {
    min-height: 300px;
}


span.date {
    font-size: 14px;
    padding-left: 24px;
}

.col-md-12.text-right.cs {
    display: flex;
    justify-content: right;
    align-items: end;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    /* color: #495057; */
    background-color: yellow;
    /* border-color: #dee2e6 #dee2e6 #fff; */
}

ul.list-style2 {
    list-style: disc;
}