/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

*  {
    margin: 0%;
    padding: 0%;
    font-family: 'inter',sans-serif;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}


/* <!-- scroll Button Section start --> */

    .to-top {
        width: 5rem;
        background-color:  #1d1b1b;
        position: fixed;
        bottom: 1.6rem;
        right: 3.2rem;
        height: 5rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.2rem;
        color: #f4f4f4;
        text-decoration: none;
        opacity: 0;
        pointer-events: none;
        transition: all .4s;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }
    
    .to-top.active {
        bottom: 3.2rem;
        pointer-events: auto;
        opacity: 1;
    }


/* <!-- scroll Button Section End --> */

/* <!-- pop-up Section start --> */

.modal {
    position: absolute;
    /* margin: 16rem 0; */
    display: none;
    background-color: rgba(0,0,0,.75);
    width: 100%;
    height: 100%;
}


.modal.show {
    position: fixed;
    /* margin: 16rem 0; */
    opacity: 1;
    z-index: 2;
    transition: all 1s ease;
    display: block;
    background-color: rgba(0,0,0,.75);
    width: 100%;
    height: 100%;
}

.modal-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 2rem;
    border-radius: 1rem;
    z-index: 1;
    margin: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    transform: translateX(-50%) translateY(-50%);
}

.modal-body p a{
    font-size: 2rem;
    padding: 1rem 0;
    text-decoration: none;
}

.modal-body p a:hover {
   text-decoration: underline;
}

.model-details h6 b{
    color: #ff6e00; 
    font-size: 2rem;
}

.modal-body p {
    padding: 1rem 0;
    font-size: 2rem;
}

.modal-body strong {
    font-size: 1.5rem;
}

.modal-body strong a{
    font-size: 1.5rem;
    color: #ff6e00;
    text-decoration: none;
}

.modal-body strong a:hover {
    text-decoration: underline;
 }

.modal-header {
    display: flex;
    justify-content: space-between;
}

.close {
    border: none;
    background-color: #fff;
    cursor: pointer;
    float: right;
    font-size: 2rem;
}

.close:hover {
    opacity: 70%;
}

.modal-content {
    height: fit-content;
}

.modal-title {
    color: #3d00d8;
    font-size: 2rem;
}

.ok {
    font-size: 2.5rem;
    border: none;
    font-weight: 500;
    background-color: #0176F9;
    cursor: pointer;
    float: right;
    width: 15%;
    height: 4rem;
    border-radius: .3rem;
    color: #f7f7f7;
}

.ok:hover {
    opacity: 70%;
}

/* <!-- pop-up Section End --> */

/* Navigation section Start */

.nav-bar {
    background: #fff;
    height: fit-content;
}

.main-container {
    display: flex;
    align-items: center;
    max-width: 90%;
    margin: auto;
}

.nav-inner-container {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 1rem 0rem;
}

.logo img{
    width: 40%;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  

.nav-btn {
    display: flex;
    position: relative;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 5rem;
}

.btn {
    position: relative;
    text-decoration: none;
    color: #A1A1AA;
    font-size: 1.6rem;
    font-weight: 500;
    padding-bottom: .7rem;
}

li i {
   padding-left: .5rem;
   font-size: 2rem;
   color: #A1A1AA;
   font-weight: 600;
}

/* .active {
    color: #0176F9;
} */

.btn a:hover {
    color: #0176F9;
}

.btn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.2rem;
    left: 0;
    bottom: 0;
    background-color: #0176F9;
}

.btn-center::after {
    transform: scale(0,1);
    transition: transform 0.3s ease;
}

.btn-center:hover::after {
    transform: scale(1,1);
}

.fraud-btn {
    display: flex;
    padding: 1rem 1.7rem;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
    background: #E92626;
    cursor: pointer;
}

.fraud-btn a {
    text-decoration: none;
    color: #F4F4F6;
    font-size: 1.5rem;
    font-weight: 500;
}

.fraud-btn i {
    font-size: 1.5rem;
    padding-right: .7rem;
    color: #F4F4F6;
}

.fraud-btn:hover {
    background-color: #FF4747;
}

.contact-btn {
    display: flex;
    padding: 1rem 1.7rem;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
    background: #0176F9;
    cursor: pointer;
}

.contact-btn a {
    text-decoration: none;
    color: #F4F4F6;
    font-size: 1.5rem;
    font-weight: 500;
}

.contact-btn:hover {
    background-color: #3491F9;
}

.btn:hover {
    color: #0176F9;
    transition: 0.7s;
}

button {
    border: none;
    background-color: #fff;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    /* top: 38px; */
    background-color: #ffffff;
    height: fit-content;
    min-width:17%;
    border-radius: .5rem;
    z-index: 1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.hide {
      display: block;
}

.dropdown-content li {
    width: 100%;
}

.dropdown-content li a {
    color: rgb(58, 53, 53);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 500;
}

.dropdown-content li a:hover {
    background-color: #efefef;
    border-radius: .5rem;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content-2 {
    display: none;
    position: absolute;
    /* top: 38px; */
    background-color: #ffffff;
    height: fit-content;
    min-width:17%;
    border-radius: .5rem;
    z-index: 1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.hide2 {
      display: block;
}

.dropdown-content-2 li {
    width: 100%;
}

.dropdown-content-2 li a {
    color: rgb(58, 53, 53);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 500;
}

.dropdown-content-2 li a:hover {
    background-color: #efefef;
    border-radius: .5rem;
}

.dropdown:hover .dropdown-content-2 {
    display: block;
}

.scroll-text a{
    color:#F4F4F6; 
    text-decoration: underline;
}

.scroll-text a:hover{
    color:#3491F9; 
}


/* responsive navbar start */

.hamburger {
    display: none;
    cursor: pointer;
    position: relative;
    z-index: 99;
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center;
}

.hamburger-icon {
    width: 4rem;
  }

  .close-icon{
      width: 4rem;
  }

/* responsive navbar end */

/* Navigation Bar Section End*/

/* Hero Section Start  */

    .hero-container {
        width: 100%;
    }

    .hero-container {
        display: flex;
        height: 60rem;
        margin-top: -1rem;
        background-image: url(hero.png);
        background-size: cover;
    }
    
    
    .hero-content {
        width: 65%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: auto;
        align-items: center;
    }

    .hero-content h1 {
        color: #F4F4F6;
        text-align: center;
        font-family: "Source Serif Pro";
        font-size: 7.6rem;
        font-weight: 700;
        margin: 0rem 0rem 2rem 0;
    }

    .hero-content p {
        color:  #F4F4F6;
        text-align: center;
        font-size: 2.8rem;
        font-weight: 700;
        margin: 0rem 0rem 2rem 0;
    }

    .btn-box {
        display: flex;
    }

    .nathdwara-btn {
        display: flex;
        padding: 1.5rem 5rem;
        justify-content: center;
        align-items: center;
        border-radius: 3rem;
        background: #0176F9;
        margin: 2rem;
        cursor: pointer;
    }

    .nathdwara-btn a{
        color:  #F4F4F6;
        font-size: 2.4rem;
        font-weight: 500;
        text-decoration: none;
    }

    .dwarka-btn {
        display: flex;
        padding: 1.5rem 5rem;
        justify-content: center;
        align-items: center;
        border-radius: 3rem;
        background: #0176F9;
        margin: 2rem;
        cursor: pointer;
    }

    .dwarka-btn a {
        color:  #F4F4F6;
        font-size: 2.4rem;
        font-weight: 500;
        text-decoration: none;
    }

    .nathdwara-btn:hover {
        background-color: #3491F9;
    }

   .dwarka-btn:hover {
        background-color: #3491F9;
    }

/* Hero Section End  */  

/* About Us Section Start */ 

    .about-container {
        width: 90%;
        margin: 5.6rem auto 0;
    }

    .about-heading {
        width: fit-content;
        display: flex;
        margin: auto;
        align-items: center;
        padding-bottom: 3.6rem;
        justify-content: space-around;
    }

    .horizontel-line {
        width: 7rem;
        height: .4rem;
        border-radius: 1rem;
        background-color: #007AFF;
    }

    .heading {
        text-align: center;
        color: #18171D;
        font-size: 3.2rem;
        font-weight: 700;
        width: 90%;
        margin: auto;
    }

    .about-outer-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 4rem;
    }

    .about-img {
        width: 100%;
    }

    .about-img img {
        width: 100%;
        height: 100%;
    }

    .about-details {
        width: 100%;
    }

    .about-details h2 {
        color:  #18171D;
        font-size: 3.2rem;
        font-weight: 700;
        width: 58rem;
    }

    .p1 {
        color: #52525C;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 3rem;
        width: 58rem;
        padding: 2rem 0rem;
    }

    .p2 {
        color: #52525C;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 3rem; 
        width: 58rem;
        padding: 0rem 0rem 2rem;
    } 

    .p2 a {
        font-size: 2rem;
        font-weight: 600;
        color: #FF6E00;
        text-decoration: none;
    }

    .p2 a:hover {
        color: #007AFF;
        transition: all 0.3s ease;
    }

    .about-btn {
        display: flex;
        justify-content: center;
        width: 20%;
        padding: 1.5rem 5rem;
        border-radius: .3rem;
        background: #0176F9;
        margin-top: 2rem;
    }

    .about-btn a {
        display: inline-block;
        color:  #F4F4F6;
        font-size: 2rem;
        font-weight: 500;
        text-decoration: none;
    }

    .about-btn:hover {
        background-color: #3491F9;
    }

/* About Us Section End */ 

/* Our Dharmshala Facility Section Star */

    .heading-box {
        text-align: center;
        padding: 3.6rem 0rem;
    }

    .facility-container {
        width: 100%;
        height: 50rem;
        background: #F1F5FA;
        margin-top: 5.6rem;
    }

    .sub-heading {
        color: #52525C;
        font-size: 1.8rem;
        font-weight: 500;
        padding-top: 1.6rem;
        width: 90%;
        margin: auto;
    }

    .facility-outer-container {
        width: 90%;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 3rem;
    }

    .facility-box {
        display: flex;
        height: 30rem;
        border-radius: 2rem;
        background: #FFF;
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
    }

    .box-content-1 {
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
    }

    .facility-box img {
        width: 6rem;
    }

    .facility-box .img {
        width: 9rem;
    }

    .facility-box h2 {
        color: #18171D;
        font-size: 2.4rem;
        padding: 2rem;
    }

    .facility-box p {
        color: #27262B;
        text-align: center;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 2.7rem; 
    }

/* Our Dharmshala Facility Section End*/


/* Review From Our Respected Guests Section Star */

    .review-outer-container {
        width: 90%;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 3rem;
    }

    .review-box {
        display: flex;
        height: 42rem;
        border-radius: 1rem;
        background: #FCFCFC;
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    }

    .box-content-2 {
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 3rem auto;
    }

    .review-box img {
        width: 7rem;
    }

    .review-box h2 {
        color: #18171D;
        font-size: 2rem;
        font-weight: 700;
        padding: 1.4rem;
    }

    .review-box p {
        color: #71717B;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 2.7rem;
    }

    .star {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        margin-top: 1.4rem;
    }

    .star i {
        font-size: 3rem;
        color: #FFDD55;
    }

/* Review From Our Respected Guests Section En */

/* Latest Picture from Our Gallery Section Start*/

    .gallery-container {
        width: 100%;
        height: fit-content;
        background: #F1F5FA;
        margin-top: 5.6rem;
    }

    .gallery-inner-container {
        width: 90%;
        margin: auto;
    }

    .img-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 2rem;
    }

    .img-box {
        padding: 1.5rem;
        background: #FFF;
        box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.10);
    }

    .img-box img {
        width: 100%;
        height: 25rem;
    }

    .gallery-btn-box {
        display: flex;
        justify-content: center;
        padding: 2rem;
    }

    .gallery-nathdwara-btn {
        display: flex;
        padding: 1.5rem 4rem;
        justify-content: center;
        align-items: center;
        border-radius: .3rem;
        background: #0176F9;
        margin: 2rem;
        cursor: pointer;
    }

    .gallery-nathdwara-btn a {
        color:  #F4F4F6;
        font-size: 2rem;
        font-weight: 500;
        text-decoration: none;
    }

    .gallery-dwarka-btn {
        display: flex;
        padding: 1.5rem 4rem;
        justify-content: center;
        align-items: center;
        border-radius: .3rem;
        background: #0176F9;
        margin: 2rem;
        cursor: pointer;
    }

    .gallery-dwarka-btn a {
        color:  #F4F4F6;
        font-size: 2rem;
        font-weight: 500;
        text-decoration: none;
    }

    .gallery-nathdwara-btn:hover {
        background-color: #3491F9;
    }

    .gallery-dwarka-btn:hover {
        background-color: #3491F9;
    }

/* Latest Picture from Our Gallery Section End*/


/*  Footer Section Start */

.footer-container {
    height: fit-content;
    width: 100%;
    background-color: #fff;
}

    .footer-outer-container {
        width: 90%;
        margin: auto;
        display: flex;
        align-items: center;
        padding: 2rem 0rem;
    }
    
    .logo {
        width: 25%;
    }

    .logo img {
        width: 50%;
    }
    
    .footer-link {
        width: 40%;
        display: flex;
        justify-content: space-evenly;
    }

    .vertical-line {
        width: .3rem;
        height: 2.5rem;
        border-radius: 1rem;
        background-color: #18171D;
    }

    .footer-link a {
        color:#18171D;
        font-size: 2rem;
        font-weight: 600;
        text-decoration: none;
    }

    .footer-link a:hover {
        color: #0176F9;
        transition: .3s ease;
    }

    .f-media {
        width: 35%;
        gap: 2rem;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .media {
        width: 35%;
        gap: 2rem;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .media h3 {
        color: #18171D;
        font-size: 2rem;
        font-weight: 600;
    }

    .media-box ,
    .facebook,
    .instagram,
    .pinterest,
    .youtube {
        display: flex;
        width: 4rem;
        height: 4rem;
        padding: .8rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background: #FFF;
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.20);
        box-sizing: content-box;
    }

    .media-box:hover a i {
        color: #fff;
    }
    .media-box a i {
        font-size: 2.5rem;
        color: #18171D;
    }

    .facebook:hover {
        transition: .5s ease;
        background-color: #007AFF;
    }

    .instagram:hover {
        transition: .5s ease;
        background: linear-gradient(193deg, #7245CA 11.16%, #C837AB 48.71%, #FFC350 92.21%);
    }

    .pinterest:hover {
        transition: .5s ease;
        background-color: #CB1F27;
    }

    .youtube:hover {
        transition: .5s ease;
        background-color: #FF0000;
    }
    
    .copyright {
        text-align: center;
        width: 90%;
        margin: auto;
    }

    .copyright h3 {
        color: #18171D;
        font-size: 1.8rem;
        font-weight: 500;
        padding-bottom: 2rem;
    }

    .copyright a {
        color: #FF6E00;
        font-size: 1.8rem;
        font-weight: 600;
        text-decoration: none;
    }

    .copyright a:hover {
        color: #0176F9;
    }

/* Footer Section En */

/* Members Directory page CSS Start */

    .member-container {
        width: 90%;
        margin: auto;
        display: flex;
        justify-content: center;
    }

    .member-outer-container {
        display: flex;
        justify-content: center;
        column-gap: 5rem;
    }

    .member-box img {
        height: 40rem;
    }

    .member-box {
        display: flex;
        width: fit-content;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .member-box h2 {
        color: #18171D;
        font-size: 2.8rem;
        font-weight: 700;
    }

    .member-box span {
        color: #71717B;
        font-size: 2.4rem;
        font-weight: 600;
    }

/* Members Directory page CSS End */


/* Dwarka Gallery page CSS End */

    .dwarka-bg-container {
        width: 100%;
        height: fit-content;
        background: #F1F5FA;
    }

    .gallery-outer-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        width: 90%;
        gap: 3rem;
        margin: auto;
        padding: 4rem 0rem;
    }

    .img-box {
        height: fit-content;
        padding: 1.5rem;
        background: #FFF;
        box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.10);
        cursor: pointer;
    }

    .img-box img {
        width: 100%;
        height: 100%;
    }

    .img-hover i {
        font-size: 3rem;
        position: absolute;
        color: #fff;
    }

    /* .img-box:hover {
        transition: all 0.3s ease-in;
        color: rgba(0, 0, 0, 0.03) ;
    } */


    .dwarka-bg-container .popup-image {
        position: fixed;
        top:0;
        left: 0;
        background: rgba(0, 0, 0, .9) ;
        height: 100%;
        width: 100%;
        z-index: 100;
        display: none;
    }

    .dwarka-bg-container .popup-image span {
        position: absolute;
        top: 15px;
        right: 5rem;
        font-size: 6rem;
        color: #fff;
        cursor: pointer;
        z-index: 100;
    }

    .dwarka-bg-container .popup-image img {
        position: absolute;
        top:50%;
        left: 50%;
        transform: translate(-50%,-50%);
        /* border: 1rem solid #fff; */
        width: 75%;
        height: 90%;
        object-fit: cover;
    }

    .arrow-btn {
        font-size: 7rem;
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        border: none;
        background: none;
        cursor: pointer;
        padding: 1rem;
        color: #ffffff;
    }

    .left-arrow {
        left: 4rem;
        z-index: 1;
    }

    .right-arrow {
        right: 4rem;
        z-index: 1;
    }


/* Dwarka Gallery page CSS End */

/* Fraud Alert Section Start */

    .image-outer-container {
        width: 90%;
        margin: auto;
    }

    .image-outer-container img {
        width: 100%;
    }

    .fraud-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 90%;
        gap: 2rem;
        text-align: center;
        margin: 3rem auto 5rem;
    }

    .f-heading {
        text-align: center;
        text-align: center;
        color: #007AFF;
        font-size: 3.2rem;
        font-weight: 700;
    }

    .fraud-container p {
        width: 85%;
        margin: auto;
        font-size: 1.8rem;
        font-weight: 400;
        color: #555;
    }

    .fraud_info {
        width: 90%;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .col-lg-6 {
        width: 100%;
    }

    .col-lg-6 h3 {
        font-size: 2.8rem;
        font-weight: 600;
        color: #333;
        margin-bottom: 2rem;
    }
  
  .fraud_info ul li {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    color: #555;
    margin-bottom: 10px;
    position: relative;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.fraud_info ul li a {
    color: #007AFF;
    text-decoration: none;
}
.fraud_info ul li a:hover {
    text-decoration: underline;
    transition: all 0.3s ease;
}

  .fraud_info ul li i {
    color: #4b4846;
    margin-right: 1rem;
    font-size: 1rem
  }

  .fraud-gallery-container {
    width: 90%;
    margin: 6rem auto;

  }

  .fraud-gallery-container h3 {
    font-size: 2.8rem;
    font-weight: 600;
    color: #333;
    text-align: center;
  }
  
  .fraud-gallery {
    width: 100%;
    margin: 4rem auto 3rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem;
  }

  .fraud-img {
    width: 100%;
    height: 25rem;
    border-radius: 1rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
  }

  .fraud-img:hover {
    transform: scale(1.05);
  }

  .fraud-img img {
    width: 100%;
    height: 100%;
    border-radius: 1rem;
  }


  /* Fraud Alert Section End */