@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');

body,
html {
    font-family: 'Poppins', sans-serif;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h5,
p {
    padding: 0;
    margin: 0;
}

body {
    background-color: rgb(241 229 229 / 0%);
}

.scrn-container {
    width: 90%;
    max-width: 1480px;
    margin: 0px auto;
}

figure {
    margin: 0px !important;
}

ul,
ol {
    list-style: none;
    padding: 0px !important;
    margin: 0px !important;
}

a {
    text-decoration: none;
}



.width-img-auto {
    width: auto !important;
}

.overview-content-listing ul li a {
    color: #ff3d1e;
}

.overview-content-listing ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: disc;
    padding-left: 16px !important;
}


.ayodhya-tour-btn .slick-arrow {
    position: absolute;
    border-radius: 6px;
    background: rgb(255, 255, 255);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: rgb(0, 0, 0);
    box-shadow: rgb(255, 61, 30) 0px 0px 1px 0px;
    font-size: 30px;
    z-index: 1;
}

.ayodhya-tour-btn .next-arrow {
    right: -12px;
}

.ayodhya-tour-btn .prev-arrow {
    left: -12px;
}

.prev-arrow-btn3 {
    top: 127px !important;
}

.prev-arrow-btn2 {
    top: 217px;
}

.form-detail label {
    font-size: 14px;
    font-weight: 400;
}

.error {
    font-size: 12px !important;
    font-weight: 400;
    color: #FF3D1E;
}

.commpn-btn-box-hw:hover {
    border-color: #FF3D1E;
    color: #FF3D1E;
}

.commpn-btn-box-hw {
    padding: 7px 19px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
    border-radius: 8px;
    border: 1px solid;
    position: relative;
    margin-top: 10px;
    cursor: pointer;
    max-width: 145px;
    text-align: center;
}

.prev-arrow-btn {
    top: 257px;
    color: #FF3D1E !important;
}

.common-padding {
    padding: 70px 0px 0px;
    position: relative;
}

.attractions-content-p p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: rgb(79, 91, 112);
    margin-bottom: 10px;
}

.attractions-content-p .h5-heading {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    color: rgb(0, 35, 101);
    margin: 20px 0 10px 0;
}

.attractions-content-p .h4-heading {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    color: rgb(0, 35, 101);
    margin: 10px 0 10px 0;
}

.attractions-content-p .flex-div {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    gap: 15px;
}

.attractions-content-p .flex-div .image-div img {
    max-width: 300px;
    height: 320px;
    object-fit: cover;
}

.attractions-content-p .flex-div .image-div .para-img-01 {
    height: 300px;
}

.attractions-content-p .flex-div .image-div .para-img-02 {
    height: 325px;
}

.attractions-content-p .flex-div .image-div .para-img-03 {
    height: 300px;
}

.attractions-content-p .flex-div .image-div .para-img-04 {
    height: 275px;
}

.attractions-content-p .flex-div .image-div .para-img-05 {
    height: 300px;
}

.attractions-content-p .flex-div .image-div .para-img-06 {
    height: 275px;
}

.attractions-content-p .flex-div .image-div .para-img-07 {
    height: 250px;
}

.attractions-content-p .flex-div .image-div .para-img-08 {
    height: 270px;
}

.attractions-content-p .flex-div .image-div .para-img-09 {
    height: 280px;
}

@media (max-width:1650px) {
    .attractions-content-p .flex-div .image-div img {
        height: 340px;
    }

    .attractions-content-p .flex-div .image-div .para-img-01 {
        height: 340px;
    }

    .attractions-content-p .flex-div .image-div .para-img-02 {
        height: 350px;
    }

    .attractions-content-p .flex-div .image-div .para-img-03 {
        height: 330px;
    }

    .attractions-content-p .flex-div .image-div .para-img-04 {
        height: 300px;
    }

    .attractions-content-p .flex-div .image-div .para-img-05 {
        height: 325px;
    }

    .attractions-content-p .flex-div .image-div .para-img-06 {
        height: 320px;
    }

    .attractions-content-p .flex-div .image-div .para-img-07 {
        height: 275px;
    }

    .attractions-content-p .flex-div .image-div .para-img-08 {
        height: 325px;
    }

    .attractions-content-p .flex-div .image-div .para-img-09 {
        height: 305px;
    }
}

@media (max-width:1450px) {
    .attractions-content-p .flex-div .image-div img {
        height: 370px;
    }

    .attractions-content-p .flex-div .image-div .para-img-01 {
        height: 380px;
    }

    .attractions-content-p .flex-div .image-div .para-img-02 {
        height: 375px;
    }

    .attractions-content-p .flex-div .image-div .para-img-03 {
        height: 355px;
    }

    .attractions-content-p .flex-div .image-div .para-img-04 {
        height: 325px;
    }

    .attractions-content-p .flex-div .image-div .para-img-05 {
        height: 375px;
    }

    .attractions-content-p .flex-div .image-div .para-img-06 {
        height: 355px;
    }

    .attractions-content-p .flex-div .image-div .para-img-07 {
        height: 330px;
    }

    .attractions-content-p .flex-div .image-div .para-img-08 {
        height: 350px;
    }

    .attractions-content-p .flex-div .image-div .para-img-09 {
        height: 350px;
    }
}

@media (max-width:1350px) {
    .attractions-content-p .flex-div .image-div img {
        height: 450px;
    }

    .attractions-content-p .flex-div .image-div .para-img-01 {
        height: 395px;
    }

    .attractions-content-p .flex-div .image-div .para-img-02 {
        height: 420px;
    }

    .attractions-content-p .flex-div .image-div .para-img-03 {
        height: 370px;
    }

    .attractions-content-p .flex-div .image-div .para-img-04 {
        height: 370px;
    }

    .attractions-content-p .flex-div .image-div .para-img-05 {
        height: 400px;
    }

    .attractions-content-p .flex-div .image-div .para-img-06 {
        height: 350px;
    }

    .attractions-content-p .flex-div .image-div .para-img-07 {
        height: 380px;
    }

    .attractions-content-p .flex-div .image-div .para-img-08 {
        height: 425px;
    }

    .attractions-content-p .flex-div .image-div .para-img-09 {
        height: 407px;
    }
}

@media (max-width:1150px) {
    .attractions-content-p .flex-div {
        flex-direction: column;
        align-items: center;
    }

    .attractions-content-p .flex-div .image-div img {
        max-width: 100%;
        height: 320px;
    }

    .attractions-content-p .flex-div-sm {
        display: inline-flex;
        flex-direction: column-reverse;
    }

}

@media (max-width:720px) {
    .attractions-content-p .flex-div {
        flex-direction: column;
    }

    .attractions-content-p .flex-div-sm {
        display: inline-flex;
        flex-direction: column-reverse;
    }

    .attractions-content-p .flex-div .image-div img {
        max-width: 300px;
        height: 300px;
    }
}

@media (max-width:520px) {
    .attractions-content-p .flex-div .image-div img {
        width: 100%;
        max-width: 100%;
        height: 250px;
    }

    .attractions-content-p .flex-div .image-div .para-img-01 {
        height: 250px;
    }

    .attractions-content-p .flex-div .image-div .para-img-02 {
        height: 250px;
    }

    .attractions-content-p .flex-div .image-div .para-img-03 {
        height: 250px;
    }

    .attractions-content-p .flex-div .image-div .para-img-04 {
        height: 250px;
    }

    .attractions-content-p .flex-div .image-div .para-img-05 {
        height: 250px;
    }

    .attractions-content-p .flex-div .image-div .para-img-06 {
        height: 250px;
    }

    .attractions-content-p .flex-div .image-div .para-img-07 {
        height: 250px;
    }

    .attractions-content-p .flex-div .image-div .para-img-08 {
        height: 250px;
    }

    .attractions-content-p .flex-div .image-div .para-img-09 {
        height: 250px;
    }
}


.collection-color {
    color: rgb(0, 35, 101) !important;
}

.overview-content-heading h2 {
    font-size: 36px;
    line-height: 52px;
    font-weight: 700;
    color: rgb(0, 35, 101);
    padding-bottom: 10px;
}

.overview-content-heading .sub-heading {
    font-size: 22px;
    line-height: 36px;
    font-weight: 700;
    color: rgb(0, 35, 101);
    padding-bottom: 10px;
}

.hero-section-tittle {
    padding: 10px 0px;
}

.hero-section-tittle span {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: rgb(255, 61, 30);
}

.hero-bg {
    position: absolute;
    top: 0px;
    width: 85%;
    height: 90%;
    border-radius: 0% 0% 16%;
    background-color: rgb(255, 61, 30);
}

.hero-bg2 {
    background-color: #002365 !important;
}

.hero-section-heading h1 {
    font-size: 75px;
    font-weight: 700;
    line-height: 85px;
    color: rgb(255, 255, 255);
}

.hero-section p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    padding-top: 14px;
}

.hero-section-content {
    position: relative;
    z-index: 2;
    padding-bottom: 83px;
}

.row.hero-row {
    align-items: center;
}

figure.hero-img-slider img {
    width: 100%;
    object-fit: cover;
}

figure.ram-mandir-images img {
    width: 100%;
    object-fit: cover;
}

.Notes-content {
    margin-top: 154px;
}

.Notes-content h3 {
    font-size: 20px;
    line-height: 35px;
    font-weight: 600;
    font-style: oblique;
    color: rgb(0, 35, 101);
}

figure.overview-section-lift-images img {
    width: 100%;
    object-fit: cover;
}

.attractions-images-box {
    position: relative;
    width: 100%;
    background-image: url(../images/attractions-bnner-images.webp);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 47rem;
}

.attractions-content-box {
    position: relative;
    background-color: rgb(0, 35, 101);
}

.attractions-content-top-section {
    display: flex;
    flex-direction: column;
    gap: 9px;
    width: 50%;
}

.attractions-items-content h3 {
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    color: rgb(255, 255, 255);
}

.attractions-heading h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 65px;
    color: rgb(255, 255, 255);
}

figure.attractions-items-imgaes img {
    width: 100%;
    height: 436px;
    object-fit: cover;
}

.attractions-items-content-p p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: rgb(255, 255, 255);
}

.attractions-items-slier {
    margin: 0px 16px 0px 0px;
}

.attractions-bottom-imaes {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 434px;
}

figure.imgages-box-in-bottom img {
    width: 600px;
    object-fit: cover;
    position: relative;
    top: -199px;
}

.imgages-box-in-bottom {
    height: 365px;
    position: absolute;
}

.attractions-items-slier {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.lord-rama-section {
    background-color: rgb(255, 248, 244);
    position: relative;
}

.lord-rama-section::after {
    content: "";
    position: absolute;
    background-image: url(../images/rma_img_after.webp);
    background-position: center center;
    background-size: cover;
    top: -177px;
    height: 508px;
    width: 361px;
    background-repeat: no-repeat;
}

figure.lord-rama-lift img {
    width: 100%;
    max-width: 590px;
    height: 620px;
    object-fit: cover;
    border-radius: 0px 0px 200px;
    z-index: 2;
    position: relative;
}

figure.ayodhya-tour-packages-img-box img {
    width: 100%;
    object-fit: cover;
    height: 487px;
    border-radius: 10px;
}

.ayodhya-tour-packages-tour-ayodhya {
    position: relative;
    margin: 0px 19px 0px 0px;
}

.ayodhya-tour-packages-slider-icon {
    position: absolute;
    top: 20px;
    right: 25px;
    height: 50px;
    justify-content: center;
    width: 50px;
    align-items: center;
    display: flex;
    background-color: rgb(255, 255, 255);
    border-radius: 50px;
}

.ayodhya-tour-packages-slider-icon span {
    font-size: 22px;
    font-weight: 500;
    top: 2px;
    position: relative;
}

.ayodhya-tour-packages-slider-content-slider {
    position: absolute;
    bottom: 12px;
    left: 3px;
    padding: 14px 18px;
}

.ayodhya-tour-packages-content-details span {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    text-shadow: black 0px 0px;
}

.ayodhya-tour-packages-content-details a h4 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    padding: 6px 0px;
    color: rgb(255, 255, 255);
}

.viwe-btn {
    max-width: 100px;
    padding: 3px;
    text-align: center;
    border-radius: 3px;
    margin-top: 12px;
    background-color: rgb(255, 61, 30);
}

.viwe-btn a {
    font-size: 13px;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.popular-hotels-in-ayodhya-box {
    position: relative;
    margin: 0px 19px 0px 0px;
}

figure.popular-hotels-in-ayodhya-img img {
    width: 100%;
    object-fit: cover;
    height: 241px;
}

.popular-hotels-in-ayodhya-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

h4.popular-hotels-in-ayodhya-font-4 a {
    font-size: 17px;
    line-height: 32px;
    font-weight: 400;
    color: rgb(0, 0, 0);
}

figure.ram-mandir img {
    width: 100%;
    object-fit: cover;
}

figure.ayodhya-tour-packages-img a img {
    width: 100%;
    object-fit: cover;
    height: 650px;
}

.ayodhya-tour-packages-temple {
    position: relative;
}

.ayodhya-tour-packages-slider-content {
    position: absolute;
    bottom: 39px;
    left: 50px;
    width: 100%;
    max-width: 625px;
}

.ayodhya-tour-packages0.ayodhya-tour-btn.tour-packages-btn {
    position: relative;
}

.slider-nav.slider-nav-box {
    position: absolute;
    bottom: -12px;
    width: 100%;
    right: 0px;
    max-width: 570px;
}

.ayodhya-tour-packages-slider-content a h3 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 500;
    color: rgb(255, 248, 244);
}

p.sub-title-common-p.text-light {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin: 0px;
}

.ayodhya-tour-packages-btn a {
    background-color: rgb(255, 255, 255);
    margin-top: 13px;
}

.ayodhya-tour-packages-slider-nav {
    margin: 0px 5px;
}

figure.ayodhya-tour-packages-img-single a img {
    width: 100%;
    object-fit: cover;
    height: 95px;
}

.slider-nav-box .slick-track {
    align-items: center;
    display: flex;
}

.slider-nav-box .slick-slide.slick-current.slick-active img {
    height: 127px;
    position: relative;
    bottom: 16px;
}

.travel-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.travel-row-box {
    display: flex;
    gap: 27px;
}

.travel-col {
    width: calc(31% - 10px);
}

.travel-images {
    width: 45px;
    height: 45px;
    background-color: rgb(255, 211, 192);
    display: flex;
    border-radius: 6px;
}

.travel-images figure img {
    padding: 8px;
    width: 45px;
    height: 45px;
}

.nav-link-nav-tab-text {
    position: relative;
    text-align: justify !important;
    padding: 20px 0px !important;
    border-bottom: 1px solid rgb(217, 226, 232) !important;
    border-radius: 0px !important;
}

.nav-link-nav-tab-text::after {
    left: 0px;
    bottom: 0px;
    content: "";
    position: absolute;
    background-color: rgb(255, 61, 30);
    width: 0px;
    height: 3px;
    transition: all 0.5s ease-in 0s;
}

.nav-link-nav-tab-text.active::after {
    width: 50px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: transparent !important;
}

.travelling-col-nav-row {
    display: flex;
    align-items: unset;
    gap: 78px;
    padding-left: 48px;
}

span.tab-span-in {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0px;
    color: rgb(136, 148, 173);
}

h2.tab-heading-2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: rgb(79, 91, 112);
    margin: 0px;
}

p.nav-tab-pra-g {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin: 0px;
    color: rgb(79, 91, 112);
}

.nav-link-nav-tab-text.active h2 {
    color: rgb(0, 35, 101);
    font-size: 24px;
    line-height: 28px;
}

.nav-link-nav-tab-text.active p {
    color: rgb(25, 32, 36);
}

.nav-link-nav-tab-text-row {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.travelling-col-nav-box-text {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.travelling-col-nav-box-text h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 54px;
    color: rgb(0, 35, 101);
}

.travelling-img-box {
    width: 50%;
    margin: auto;
    text-align: center;
}

.travelling-img-box img {
    width: 100%;
    object-fit: cover;
}

.travelling-col-nav-tab-img-box-h img {
    object-fit: cover;
    width: 100%;
}

.visit-ayodhya-box-hw {
    padding-top: 44px;
}

.mobile-section {
    display: none !important;
}

.img-box- {
    width: 50%;
    margin: 0px auto;
}

.img-box- img {
    width: 100%;
    object-fit: cover;
}

.frequently-content-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.frequently-section-row.row {
    padding-top: 40px;
}

.frequently-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.accordion-button {
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    padding: 1rem 0px !important;
    color: rgb(0, 35, 101) !important;
    background-color: transparent !important;
}

.accordion-item {
    border: none;
}

.accordion-button:not(.collapsed) {
    color: rgb(0, 0, 0) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    outline: 0px;
    box-shadow: none;
    border-color: transparent !important;
}

.accordion-item {
    background-color: transparent !important;
}

.frequentl-accordion-row {
    display: flex;
    flex-direction: column;
}

.frequentl-accordion-item {
    border-top: 2px solid rgb(217, 226, 232);
    border-bottom: 2px solid rgb(217, 226, 232);
    padding: 10px 0px;
}

.accordion-item:first-of-type {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.Information-listing ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: disc;
    padding-left: 16px !important;
}

.Information-listing ul li a {
    font-size: 16px;
    font-weight: 400;
    color: rgb(79, 91, 112) !important;
}

.Information-listing h4 {
    font-size: 20px;
    padding: 10px 0px;
    line-height: 21px;
    font-weight: 400;
    color: rgb(0, 35, 101);
}

.Information-listing ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: rgb(79, 91, 112);
}

section.Information-section-in {
    background-color: rgb(255, 248, 244);
}

.Information-container-in {
    width: 80%;
    margin: 0px auto;
}

.Information-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.Information-section-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.destinations-list-item {
    margin: 50px 0px;
}

.destinations-item-col {
    border-top: 1px solid rgb(98, 99, 124);
    padding: 45px 0px 20px;
}

.destinations-item-col h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
    font-weight: 500;
}

ul.liste-row li {
    padding-right: 6px;
    list-style: disc;
    margin: 0px 6px;
}

.liste-row li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: rgb(79, 91, 112);
}

.liste-row li a:hover {
    color: rgb(255, 61, 30);
}

.list-group-disc {
    list-style: none !important;
}

.table-form {
    max-width: 600px;
    margin: 0px auto;
    width: 100%;
    padding: 30px 0px;
}

.table-form-content {
    background-color: rgb(0, 35, 101);
    text-align: center;
    color: rgb(255, 255, 255) !important;
}

table.table.table-hover.table-bordered {
    border-color: rgb(0, 0, 0);
}

tbody td {
    text-align: center;
    padding: 20px;
}

.Information-listing ul li::marker {
    color: rgb(255, 61, 30);
}

.Information-heading h3 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    color: rgb(0, 35, 101);
}

.Inclusions-row-in {
    gap: 23px;
    border-bottom: 1px solid rgb(224, 224, 224);
    margin: 20px 0px;
}

.Inclusions-row-h {
    display: flex;
    align-items: center;
    gap: 66px;
    padding: 20px 0px;
}

.Inclusions-listing ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.Inclusions-listing ul li {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}

.need-section-content-listing {
    padding: 40px 0px;
}

.need-section-content-listing h2 {
    font-size: 31px;
    line-height: 36px;
    margin: 17px 0px;
}

.sticky {
    background: rgb(255, 250, 250);
    padding: 10px 0px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.39) 0px 0px 15px;
}

.sticky-content {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.sticky-content .query {
    padding-right: 30px;
    background: transparent;
    margin-right: 20px;
}

.sticky-content .phone {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid rgb(51, 51, 51);
    padding: 8px 16px;
    border-radius: 80px;
}

.sticky-content .phone figure {
    padding-right: 10px;
    margin: 0px;
}

.sticky-content a {
    color: rgb(25, 32, 36);
    font-size: 14px;
}

.include-form {
    padding: 0px 10px 10px;
    margin-top: 0px;
    border: none;
}

.include-form {
    padding: 0px 10px 10px;
    margin-top: 0px;
    border: none;
}

.include-form .form-content .form-detail {
    width: 49%;
}

.include-form .form-field {
    padding-top: 15px;
}

img.vrindavan-img-banner-slider {
    height: 95px;
}

.form-field {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.modal-title {
    margin-bottom: 0px;
    line-height: 1.5;
    font-size: 23px;
    font-weight: 500;
    color: rgb(255, 61, 30);
    display: flex;
    justify-content: center;
    left: 107px;
    position: relative;
    gap: 6px;
    text-align: center !important;
}

.form-field.submit-btn input {
    background-color: rgb(255, 61, 30);
    color: rgb(255, 255, 255);
}

.hero-bnner-box-iin {
    padding-top: 64px;
    position: relative;
}

.hero-bnner-img-widh img {
    width: 100%;
    height: 373px;
    object-fit: cover;
    padding-top: 19px;
}

.breadcrumb-section {
    padding: 13px 0px;
    background-color: rgba(237, 227, 222, 0.51);
}

.breadcrumb-section ol li a span {
    font-size: 16px;
    line-height: 24px;
    color: rgb(0, 35, 101);
    font-weight: 500;
    transition: all 0.5s ease-in-out 0s;
}

.breadcrumb-section ol li a span:hover {
    color: rgb(255, 61, 30);
}

.Overiew-img-Places img {
    width: 100%;
    height: 700px;
    object-fit: cover;
    max-width: 553px;
    border-radius: 10px 10px 175px;
}

.notes-padding-in {
    margin-top: 20px !important;
}

h3.ayodhya-tour-heading-font-2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: rgb(0, 35, 101);
}

section.tourist-attractions--section {
    background-color: rgb(0, 35, 101);
    margin: 50px 0px 0px;
    padding: 38px 0px;
}

figure.hotel_slider-img-in a img {
    width: 100%;
    object-fit: cover;
    height: 436px;
}

.multiple-items-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0px 16px 0px 0px;
}

/* <!-- Ayodhya_Lucknow-section-in  start css --> */
.gallery-img {
    width: 100%;
    height: 504px;
    object-fit: cover;
}

img.gallery-img-right {
    width: 100%;
    height: 247px;
    object-fit: cover;
}

.row-col- {
    flex-direction: column;
    gap: 10px;
}

.gallery-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    padding: 10px;
    text-align: center;
    background-color: rgb(0, 35, 101);
    cursor: pointer;
    color: rgb(255, 255, 255);
}

.gallery-arrow.mod-prev {
    left: 60px;
    border-radius: 4px;
    z-index: 2;
}

.gallery-arrow.mod-next {
    right: 60px;
    border-radius: 4px;
    z-index: 2;
}

.Ayodhya_Lucknow-row.row {
    justify-content: space-between;
    padding: 45px 0;
    align-items: center;
}

h1.ayodhya-tour-heading-content {
    font-size: 48px;
    line-height: 52px;
    font-weight: 700;
    padding: 14px 0;
    margin: 0;
    color: #002365;
}

span.ayodhya-tour-row {
    display: flex;
    flex-direction: row;
    gap: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    padding: 11px 0;
}

.Ayodhya_Lucknow-address h6 {
    font-size: 16px;
    font-weight: 500;
    color: #000000ad;
    line-height: 33px;
}

.Ayodhya_Lucknow-conten_right span {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #561DD6;
}

.Ayodhya_Lucknow-conten_right h2 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #002365;
}

.Ayodhya_Lucknow-conten_right p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

/* <!-- Ayodhya_Lucknow-section-in  end css --> */

.Overview-box-content {
    background-color: #fff8f48f;
    padding: 22px;
    border: 1px solid #e7e5e5;
}

.hover-content {
    transition: all 0.4s ease;
    color: #FF3D1E
}

.hover-content:hover {
    color: #002365 !important;
}

hr:not([size]) {
    height: 2px;
    background-color: var(--bs-danger);
    opacity: 1;
}

.form-head-detail {
    padding: 10px 25px 33px;
    margin-top: 28px;
    background: #fffbf9;
    border: 1px solid #e7e5e5;
    border-radius: 5px;
}

.form-content .form-detail input::placeholder,
.form-content .form-detail input,
.form-content .form-detail .query-select,
.form-field input::placeholder,
.form-field textarea::placeholder {
    font-size: 14px;
    color: #989595;


}

.form-content .form-detail input,
.form-content .form-detail .query-select,
.form-field input,
.form-field textarea {
    width: 100%;
    padding: 8px 5px;
    border: 1px solid #cbcaca;
    border-radius: 5px;
    outline: none !important;
}

.form-content {
    display: flex;
    justify-content: space-between;
    padding: 0px 0 0;
    gap: 20px;
}

.form-detail span {
    color: #FF3D1E;
}

.form-field-btn-submit.submit-btn input {
    width: 100%;
    height: 44px;
    border-radius: 6px;
    border: none;
    background-color: #FF3D1E;
    color: #fff;
}

.form-detail {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 13px;
    padding-top: 12px;
}

.accordion-box {
    display: flex;
    flex-direction: column;
    position: relative;
}

.accordion-box::before {
    background-color: #E0E0E0;
    position: absolute;
    height: 95%;
    left: 61px;
    right: 0;
    bottom: 0;
    content: "";
    width: 2px;
}

.accordion-row-in-listing {
    display: flex;
    align-items: baseline;
    gap: 30px;
}

.accordion-item-box {
    display: flex;
    gap: 10px;
    position: relative;
}

.accordion-item-box::after {
    background-color: #561DD6;
    position: absolute;
    left: 56px;
    right: 0;
    bottom: 7px;
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.accordion-content {
    width: 100%;
}

.top-adding-box {
    padding-top: 83px;
}

.Ayodhya_section-top-bottom {
    margin-top: 40px;
}

.contact-list h2 {
    font-size: 24px;
    line-height: 32px;
    padding: 15px 0;
    color: #002365;
}

.contact-list ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-list ul li a {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: rgb(79, 91, 112);
}

.contact-list ul li a span {
    color: #FF3D1E;
    margin: 0;
}

/* * < !-- Popular_Packages_section start css-->*/
.Popular_Packages_section {
    background-color: #f7eee9;
    width: 100%;
    padding: 70px 0 0px;
}

.card-row {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    margin: 0 -15px;
}

.card-col {
    flex: 0 0 33.333333%;
    padding: 15px;
    box-sizing: border-box;
}

.card-box-in {
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}


.card-box-in:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.card-img-in img {
    width: 100%;
    height: auto;
    display: block;
}

.card-img-in {
    position: relative;
}

.card-icon-img-botton {
    position: absolute;
    bottom: -13px;
    right: 20px;
    width: 60px;
    height: 30px;
    background-color: #002365;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 33px;
}

.card-icon-img-botton span {
    font-size: 14px;
    font-weight: lighter;
    color: #fff;
}

.card_content-in .card_heading {
    font-size: 20px;
    margin: 0;
    padding: 9px 0;
    line-height: 30px;
    color: #002365;
}

.card_content-in p {
    color: #FF3D1E;
    font-size: 16px;
    margin: 0;
    line-height: 28px;
    font-weight: 400;
    padding: 6px 0;
}

.card-content-text-in h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #4F5B70;
    margin: 0;
    padding: 7px 0;
}

.card-content-text-in h5 b {
    color: #0000008f;
    margin-right: 8px;
}

.card-botton-in {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-botton-in .btn-in {
    border-radius: 8px;
    border: 1px solid #FF3D1E;
    color: #002365;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.5s ease;
    font-size: 15px;
}

.card-botton-in .btn-in:hover {
    background-color: #FF3D1E;
    color: #fff;
}

.read_more-btn span:hover {
    color: #FF3D1E;
}

.Packages_img {
    display: flex;
    justify-content: center;
    position: relative;
    top: 0px;
}

.card-content {
    padding: 10px;
}

.main-head-form h3 {
    font-size: 23px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;

}

/* <!-- Popular_Packages_section end css --> */



/* hotel-section-in start css */
.hotels-slidersection {
    padding-top: 40px !important;
}

.hotel-content-heading h1 {
    font-size: 45px;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 52px;
    color: #002365;
}

.Overview-content h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    color: #002365;
}


h2.ayodhya-tour-heading-font-2 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    color: #002365;
}

h3.font-1 {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    line-height: 36px;
    color: #002365;
}

.hotel-slider-for-gallery-in.col-lg-12 {
    margin: 12px 0;
}


.hotel-arrow-btn .next-arrow {
    right: 64px;
}

.hotel-arrow-btn .prev-arrow {
    left: 64px;
}

.hotel-arrow {
    top: 229px;
}

.hotel-slider-gallery-img-box {
    width: 80px;
    height: 80px;
}

figure.hotel-slider-gallery-img img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover;
    margin: 0 10px 0 3px;
}

.hotel-arrow_section-in {
    padding: 64px 0 14px;
    position: relative;
}

.col-box-img {
    padding: 0 !important;
}

.hotel-listing-section {
    padding-top: 20px;
}

.informtion-heading-box h3 {
    line-height: 35px;
}

hr:not([size]) {
    margin-top: 25px !important;
}







.hotel-content-heading-after {
    position: relative;
}

.hotel-content-heading-after h1:after {
    content: "";
    position: absolute;
    width: 55px;
    height: 3px;
    bottom: 0;
    left: 0;
    background: #ff6612;
}

.font-size-b b {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.ram-ravami-section {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ram-ravami-img figure img {
    width: 100%;
    height: 465px;
    object-fit: cover;
    border-radius: 5px;
}

.ram-ravami-content-section-box {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.add-inpadding {
    margin-bottom: 30px;
}




.below-content {
    padding-top: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.card-rama-ram-ravami {
    position: relative;
    padding-bottom: 10px;
    width: 70%;
    margin: 0 auto;

}

.card-img-rama-ravami-img a figure img {
    width: 100%;
    border-radius: 5px;
    filter: brightness(0.8);
}

.card-contnet-rama {
    position: absolute;
    text-align: center;
    bottom: 24px;
    left: 15px;
}

.card-contnet-rama h5 a {
    font-size: 18px;
    line-height: 28px;
    text-shadow: 0 0 10px #333;
    color: #fff;
}

@media (max-width: 1400px) {
    .card-rama-ram-ravami {
        width: 90%;
    }
}

@media (max-width: 992px) {
    .ram-ravami-img a figure img {
        height: 400px;
    }
}

@media (max-width: 768px) {
    .ram-ravami-section {
        gap: 0;
    }

    .padding-bottom {
        padding-bottom: 30px;
    }

    .add-inpadding {
        margin-bottom: 20px;
    }

    .card-rama-ram-ravami {
        width: 100%;
    }

    .ram-ravami-img figure img {
        height: 258px;
    }

    tr.table-form-content.table-form-content-th th {
        font-size: 12px;
        line-height: 23px;
    }

    .table-form.table-form-box-in {
        width: 100%;
        overflow: scroll;
    }

}


@media (max-width: 1400px) {
    figure.hotel-slider-gallery-img img {
        width: 75px;
        height: 75px !important;
    }
}


@media (max-width: 1200px) {
    .hotel-content-heading h1 {
        font-size: 36px;
        line-height: 42px;
    }
}

@media (max-width: 768px) {
    .hotel-arrow {
        top: 178px;
    }

    .hotel-arrow-btn .next-arrow {
        right: 17px !important;
    }

    .hotel-arrow-btn .prev-arrow {
        left: 17px !important;
    }

    .hotel-arrow_section-in {
        padding: 36px 0 10px;
    }

}

@media (max-width: 600px) {
    .col-box-img {
        display: none;
    }

    .hotel-arrow {
        top: 97px;
    }

    figure.hotel-slider-gallery-img img {
        width: 87px;

    }

    .sticky-content a {
        font-size: 12px;
    }

    .hotel-content-heading h1 {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .hotel-arrow_section-in {
        padding: 1px 0 10px;
    }

    section.Ayodhya_section-top-bottom {
        padding-top: 0 !important;
    }

    ram-ravami-img figure img {
        width: 100%;
        height: 268px;
    }
}

@media (max-width: 500px) {
    .font-size {
        flex-wrap: wrap;
        gap: 2px 16px !important;
    }
}

@media (max-width: 425px) {
    .breadcrumb-section ol li a span {
        font-size: 9px !important;
    }

    .hotel-content-heading h1 {
        font-size: 24px;
        line-height: 28px;
    }
}

/* hotel-section-in end css */




.z3HNkc,
.z3HNkc span {
    background-size: 16px 13.4px;
    height: 15.4px;
    width: 77px;
}


.z3HNkc {
    background-image: url(../hotelimages/star.svg);
    background-repeat: repeat-x;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.z3HNkc span {
    background-image: url(../hotelimages/star1.svg);
    background-repeat: repeat-x;
    display: block;
}

.image-in {
    width: auto !important;
}


/* New css */
.col-lift-images .js-gallery .gallery-item .gallery-img-holder img{
    width: 100%;
    height: 504px;
    object-fit: cover;
}

@media (max-width:767px){
    .col-lift-images .js-gallery .gallery-item .gallery-img-holder img{
        height:238px;
    }

    .Overview-box-content {
        padding: 14px;
    }
}

.ayodhya-tour-packages-slider1 .slick-slide{
    margin: 0 13px;
}