 @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

 html,
 body {
     font-family: "Roboto", serif;
     scroll-behavior: smooth;
 }

 .roboto {
     font-family: "Roboto", serif;
     font-optical-sizing: auto;
 }

 .roboto-slab {
     font-family: "Roboto Slab", serif;
     font-optical-sizing: auto;
     font-style: normal;
 }

 .pr {
     font-size: 1.2rem;
     color: #666;
     line-height: 1.9rem;
 }

 .text-helit {
     color: #222;
 }

 .section {
     padding-top: 3rem;
     padding-bottom: 3rem;
 }

 .heading {
     font-weight: 700;
     font-size: 2.7rem;
     color: #764477;

 }

 .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
 }

 .bg-sec {
     background-color: #764477;
 }

 .pghed {
     text-align: center;
     text-transform: uppercase;
     padding: 10px;
     font-size: 1.2rem;
     background-color: #764477;
 }

 .theme-btn {
     background-color: #c78e4b;
     border: solid 3px #fff;
     color: #fff;
     border-radius: 0px;
     padding: 8px 21px;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 1.2rem;
     font-family: "Roboto Slab", serif;
 }

 .ban-btn {
     background-color: #9389bc;

 }

 .theme-btn:hover {
     background-color: #a06c30;
 }

 .border-right-dashed {
     border-right: dashed 3px #a39797;
 }

 .fot_text {
     font-size: 1.2rem;
     color: #e0e0e0;
     line-height: 1.6rem;
 }

 footer a:hover {
     color: #fff;
 }

 .list-footer-hed {
     font-size: 1.8rem;
     font-family: 'Roboto Slab';
     text-decoration: underline;
     color: #e0e0e0;
 }

 .list-footer {
     position: relative;
     display: block;
     padding: .3rem 0rem;
     color: #e0e0e0;
     font-size: 1.3rem;
 }

 .list-footer a {
     color: #e0e0e0;
 }

 .header-shadow {
     box-shadow: 0px 3px 9px 1px #5c5c5ca3;
     margin-bottom: 5px;
 }

 .mySwiper {
     width: 100%;
     height: 80vh;
 }

 .mySwiper2 {
     width: 100%;
     height: 100%;
 }

 .mySwiper2 .swiper-pagination-bullet-active {
     background: #fff;
 }

 swiper-slide {
     background-position: center;
     background-size: cover;
 }

 swiper-slide img {
     display: block;
     width: 100%;
     object-fit: cover;
     height: 100%;
 }

 .banner-text {
     position: absolute;
     display: flex;
     width: 100%;
     height: 100%;
     align-items: center;
     text-align: center;
     background-color: rgb(51 51 51 / 28%);
     left: 15px;
 }

 .banner-text-1 {
     font-family: 'Roboto Slab';
     font-size: 4rem;
     color: #fff;
     -webkit-text-stroke: 2px #645f5f;
     font-weight: 900;
 }

 .banner-text-2 {
     font-size: 1.6rem;
     color: #fff;
     font-weight: 500;
     margin-top: 1rem;
 }

 .copyright {
     border-top: solid 1.5px #a39797;
     margin-top: 2rem;
     color: #e0e0e0;
 }

 @-webkit-keyframes zoom {
     from {
         -webkit-transform: scale(1, 1);
     }

     to {
         -webkit-transform: scale(1.5, 1.5);
     }
 }

 @keyframes zoom {
     from {
         transform: scale(1, 1);
     }

     to {
         transform: scale(1.5, 1.5);
     }
 }

 .mySwiper swiper-slide.swiper-slide-active img {

     -webkit-animation: zoom 20s;
     animation: zoom 20s;
 }

 .nav-link {
     display: block;
     padding: 1.5rem 3rem;
     font-size: 1.2rem;
     padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
     color: #333;
     font-weight: 700;
 }

 .navbar {
     align-items: end;
     padding-bottom: 0px;
 }

 .active .nav-link {
     background-color: #70336f;
     color: #fff;
     border-bottom: solid #c68f4a 8px;
 }

 .nav-link:hover {
     background-color: #70336f;
     color: #fff;
     border-bottom: solid #c68f4a 8px;
 }

 .rajasth {
     background-color: #d6c4b0;
 }
 .con_address{
    margin: 0;
    font-size: 1.3rem;
    color: #666;
}
.foot_con_address {
    margin: 0;
    font-size: 1.1rem;
    color: #ffffff;
}
 @media (max-width: 576px) {
     .navbar {
         align-items: normal;
         padding-bottom: 0px;
     }

     .logo {
         height: 40px;
     }

     .pr {
         font-size: 1.1rem;
         color: #666;
         line-height: 1.9rem;
     }

     .banner-text-1 {
         font-family: 'Roboto Slab';
         font-size: 2rem;
         color: #fff;
         -webkit-text-stroke: 1px #645f5f;
         font-weight: 900;
     }

     .banner-text-2 {
         font-size: 01rem;
         color: #fff;
         font-weight: 500;
         margin-top: 1rem;
     }

     .border-right-dashed {
         border-right: none;
         padding-bottom: 2rem;
     }
     .fot_text {
        font-size: 1.1rem;
        color: #e0e0e0;
        line-height: 1.6rem;
    }
    .list-footer {
        position: relative;
        display: block;
        padding: .2rem 0rem;
        color: #e0e0e0;
        font-size: 1.2rem;
    }
    .list-footer {
        position: relative;
        display: block;
        padding: .2rem 0rem;
        color: #e0e0e0;
        font-size: 1.2rem;
    }
    .list-footer-hed {
        font-size: 1.4rem;
        font-family: 'Roboto Slab';
        text-decoration: underline;
        color: #e0e0e0;
    }
    .heading {
        font-weight: 700;
        font-size: 2rem;
        color: #764477;
    }
    .con_address{
        margin: 0;
        font-size: 1.1rem;
        color: #666;
    }
 }