﻿
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Abyssinica+SIL&family=Alkalami&family=Aref+Ruqaa+Ink:wght@700&family=Bungee+Spice&family=Courgette&family=Domine&family=Kalam&family=Libre+Baskerville:wght@400;700&family=Merriweather&family=Montserrat:wght@300;400&family=Noto+Serif+Gujarati&family=Noto+Serif+Telugu:wght@600&family=Noto+Serif:wght@700&family=Playfair+Display&family=Poppins:wght@100;300;400&family=Roboto+Condensed:wght@700&family=Roboto+Slab&family=Rubik&family=Sacramento&family=Source+Sans+Pro:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Abyssinica+SIL&family=Alkalami&family=Aref+Ruqaa+Ink:wght@700&family=Bungee+Spice&family=Courgette&family=Domine&family=Kalam&family=Libre+Baskerville:wght@400;700&family=Merriweather&family=Montserrat:wght@300;400&family=Noto+Serif+Gujarati&family=Noto+Serif+Telugu:wght@600&family=Noto+Serif:wght@700&family=Playfair+Display&family=Poppins:wght@100;300;400&family=Roboto+Condensed:wght@700&family=Roboto+Slab&family=Roboto:wght@300&family=Rubik&family=Sacramento&family=Source+Sans+Pro:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Abyssinica+SIL&family=Alkalami&family=Aref+Ruqaa+Ink:wght@700&family=Bungee+Spice&family=Courgette&family=Domine&family=Kalam&family=Libre+Baskerville:wght@400;700&family=Merriweather&family=Montserrat:wght@300;400&family=Noto+Serif+Gujarati&family=Noto+Serif+Telugu:wght@600&family=Noto+Serif:wght@700&family=Playfair+Display:wght@400;500&family=Poppins:wght@100;300;400&family=Roboto+Condensed:wght@700&family=Roboto+Slab&family=Roboto:wght@300&family=Rubik&family=Sacramento&family=Source+Sans+Pro:wght@300;400&display=swap');

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



/*---------nav bar-------*/
.nav {
    width: 100%;
    height: 65px;
    z-index: 111;
    position: fixed;
    line-height: 21px;
    text-align: center;
    background-color: #00000073;
}

    .nav div.logo {
        float: left;
        width: auto;
        height: auto;
        padding-left: 3rem;
    }

        .nav div.logo a {
            text-decoration: none;
            color: #fff;
            font-size: 2.5rem;
        }

            .nav div.logo a:hover {
                color: #00E676;
            }

    .nav div.main_list {
        height: 65px;
        float: right;
    }

        .nav div.main_list ul {
            width: 100%;
            height: 65px;
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .nav div.main_list ul li {
                width: auto;
                height: 65px;
                padding: 0;
                padding-right: 3rem;
            }

                .nav div.main_list ul li a {
                    text-decoration: none;
                    color: #ffffff;
                    line-height: 28px;
                    font-size: 13px;
                    font-weight: 700;
                    
                }


                    .nav div.main_list ul li a:hover {
                        color: #ffd32a;
                    }



.navTrigger {
    display: none;
}

.nav {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


/* Media qurey section */

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .container {
        margin: 0;
    }
}

@media screen and (max-width:768px) {
    .navTrigger {
        display: block;
    }

    .nav div.logo {
        margin-left: -47px;
    }

    .nav div.main_list {
        width: 100%;
        height: 0;
        overflow: hidden;
    }

    .nav div.show_list {
        height: auto;
        display: none;
    }

    .nav div.main_list ul {
        flex-direction: column;
        width: 100%;
        height: 89vh;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: #111;
        /*same background color of navbar*/
        background-position: center top;
    }

        .nav div.main_list ul li {
            width: 100%;
            text-align: right;
        }

            .nav div.main_list ul li a {
                text-align: center;
                width: 100%;
                font-size: 22px;
                padding: -3px;
            }

            .nav div.main_list ul li a {
                text-decoration: none;
                color: #ffbc11;
                line-height: 40px;
                font-size: 16px;
                font-weight: 700;
                font-family: 'Roboto Slab', serif;
            }


    .nav div.media_button {
        display: block;
    }
}



.navTrigger {
    cursor: pointer;
    width: 30px;
    height: 25px;
    margin: auto;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
}

    .navTrigger i {
        background-color: #fff;
        border-radius: 2px;
        content: '';
        display: block;
        width: 100%;
        height: 4px;
    }

        .navTrigger i:nth-child(1) {
            -webkit-animation: outT 0.8s backwards;
            animation: outT 0.8s backwards;
            -webkit-animation-direction: reverse;
            animation-direction: reverse;
        }

        .navTrigger i:nth-child(2) {
            margin: 5px 0;
            -webkit-animation: outM 0.8s backwards;
            animation: outM 0.8s backwards;
            -webkit-animation-direction: reverse;
            animation-direction: reverse;
        }

        .navTrigger i:nth-child(3) {
            -webkit-animation: outBtm 0.8s backwards;
            animation: outBtm 0.8s backwards;
            -webkit-animation-direction: reverse;
            animation-direction: reverse;
        }

    .navTrigger.active i:nth-child(1) {
        -webkit-animation: inT 0.8s forwards;
        animation: inT 0.8s forwards;
    }

    .navTrigger.active i:nth-child(2) {
        -webkit-animation: inM 0.8s forwards;
        animation: inM 0.8s forwards;
    }

    .navTrigger.active i:nth-child(3) {
        -webkit-animation: inBtm 0.8s forwards;
        animation: inBtm 0.8s forwards;
    }

@-webkit-keyframes inM {
    50% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes inM {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes outM {
    50% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes outM {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes inT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes inT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(9px) rotate(0deg);
    }

    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes outT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes outT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(9px) rotate(0deg);
    }

    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes inBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes inBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-9px) rotate(0deg);
    }

    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

@-webkit-keyframes outBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes outBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-9px) rotate(0deg);
    }

    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

.company_logo {
    width: 43%;
    position: absolute;
    top: -3rem;
    left: -6rem;
}


.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 600px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #00a8ff;
}
.owl-theme .owl-nav {
    margin-top: -264px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    position: absolute;
    left: 71rem;
    font-weight:700;
}

    /*.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    top: 32rem;
    left: 36rem;
}*/
    .carousel_heading {
    position: relative;
    top: -24rem;
}

    .carousel_heading h2 {
        text-align: center;
        font-size: 61px;
        color: #fff;
        font-weight: 900;
        font-family: 'Noto Serif Telugu', serif;
    }

    .carousel_heading h4 {
        text-align: center;
        font-size: 28px;
        color: #fff;
        letter-spacing: 6px;
        font-weight: 700;
    }

    .carousel_heading p {
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-family: 'Roboto', sans-serif;
    }

    .carousel_heading .carousel_btn {
        margin-left: 30rem;
    }

    .carousel_heading a {
        background: #ffd32a;
        padding: 8px 13px;
        color: #111;
        font-weight: 700;
        border-radius: 10px;
        text-decoration: none;
        margin-left: 36rem;
    }

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -187px;
}

#find_hotels {
    background: #ffd32a url('../images/background.png');
    background-size: cover;
    height: 256px;
    width: 100%;
   
    margin-top: -12rem;
}

    #find_hotels h2 {
        color: #000;
        text-align: center;
        padding-top: 50px;
        font-weight: 700;
        padding-bottom: 20px;
        font-family: 'Playfair Display', serif;
    }

    #find_hotels a {
        color: #fff;
        background: #564f4f;
        padding: 5px 28px;
        position: absolute;
        top: 2rem;
        border-radius: 5px;
    }

    #find_hotels h6 {
        color: #111;
        padding-left: 10px;
        font-weight: 600;
    }

.hotelform {
    width: 10rem;
    padding: 13px;
    border-radius: 5px;
    height: 35px;
    background-color: #ffffff38 !important;
    /*color: #fff !important;*/
    border-bottom: 2px solid #00a8ff !important;
    border: transparent !important;
}

.form_child {
    height: 35px;
    position: absolute;
    top: 30px;
    border-radius: 5px;
    width: 7rem;
}

#train {
    margin-top: 0px;
}

.train_container {
    padding-left: 0px
}

.bg {
    background-image: url('../images/bg.png');
    width: 100%;
}

#train h2 {
    color: #111;
    padding-top: 31px;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
}

#train h4 {
    color: #111;
    padding-bottom: 20px;
    letter-spacing: 1px;
}

#train p {
    color: #111;
    padding-bottom: 6px;
    text-align: justify;
    color: #6e6969;
    font-weight: 600;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

#services {
    margin-top: 100px;
    margin-bottom: 100px;
}

    #services h2 {
        text-align: center;
        font-weight: 700;
        font-family: 'Playfair Display', serif;
    }

    #services h4 {
        padding-bottom: 80px;
        text-align: center;
    }

    #services i {
        color: #00a8ff;
        font-size: 30px;
    }

    #services h6 {
        color: #111;
        font-weight: 700;
        font-size: 17px;
    }

    #services p {
        text-align: justify;
        padding-right: 81px;
        font-family: 'Roboto', sans-serif;
        color: #6e6969;
        font-weight: 600;
        font-size: 15px;
    }

#budget {
    background-image: url('../images/NYC Skyline.jpg');
    height: 390px;
    background-size: cover;
    width: 100%;
    padding-top: 80px;
}

    #budget h2 {
        text-align: center;
        font-weight: 700;
        font-family: 'Playfair Display', serif;
    }

    #budget h4 {
        text-align: center;
    }

#bluecard {
    margin-top: 235px;
    background: #00a8ff;
    height: 700px
}

.budget_card {
    width: 300px;
    border-radius: 10px;
    box-shadow: 3px 5px 5px 3px #00000075;
}

    .budget_card .card_card {
        color: #323232;
        font-size: 30px;
        position: absolute;
        left: 7rem;
        padding: 13px;
        top: 1rem;
    }

    .budget_card h4 {
        text-align: center;
        padding-top: 46px;
        font-size: 20px;
        font-weight: 700;
    }

    .budget_card h6 {
        text-align: center;
        padding: 10px;
        background: #FFD32E;
        box-shadow: -4px 8px 6px 0px #00000038;
        font-size: 22px;
        font-weight: 600;
        width: 104%;
        position: absolute;
        right: 0rem;
        left: -4px;
        top: 121px;
    }

#bluecard {
    margin-top: 231px;
    background: #00a8ff;
    height: 200px;
}

.budgetlist {
    padding-top: 82px;
    padding-left: 29px;
}

.budget_card {
    width: 291px;
    height: 295px;
    position: relative;
    top: -175px;
    left: 49px;
    border-radius: 10px;
    box-shadow: 3px 5px 5px 3px #00000075;
}

    .budget_card h4 {
        text-align: center;
        padding-top: 51px;
        font-size: 20px;
        font-weight: 700;
    }


#tabssection {
    margin-top: 22rem;
    margin-bottom: 7rem;
}

    #tabssection img {
        width: 100%;
        height: 380px;
        clip-path: inset(0 16% 0 10%);
    }

    #tabssection a {
        color: #111;
        background-color: #ffd32a;
        padding: 10px;
        width: 113px;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        height: 39px;
        text-decoration: none;
    }
/*   tabs*/


.filters-content {
    margin: 2rem 0 2.5rem;
    background-color: #0dabe7;
    /*  background-color: #eee;*/
    padding: 0.375rem;
    border-radius: 0.75rem;
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}

.filters__button {
    width: 100%;
    border: none;
    outline: none;
    padding: 1rem;
    transition: 0.3s;
    border-radius: 0.5rem;
}

    .filters__button:hover {
        background-color: #fff;
    }

/* Hide*/
.filters [data-content] {
    display: none;
}

[data-content].is-active[data-content] {
    display: grid;
}

[data-target].is-active {
    background-color: #00a8ff;
    color: #fff;
    padding: 0px;
    padding-right: 45px;
    font-sizE: 22px;
    clip-path: polygon(0% 0%, 72% 0%, 83% 50%, 72% 100%, 0% 100%);
}
/*  end tabs*/
#packages {
    background-image: url('../images/sky1.jpg');
    height: 560px;
    background-size: cover;
    width: 100%;
    margin-bottom: 22rem;
    padding-top: 80px;
}

    #packages h2 {
        text-align: center;
        font-family: 'Playfair Display', serif;
        font-weight: 700;
    }

    #packages h4 {
        text-align: center;
    }

/*#travelcard {
    background: #00a8ff;
    height: 150px;
}*/
.travelcard {
    top: 10px;
    position: relative;
    top: 5rem;
    width: 300px;
    border-radius: 10px;
    box-shadow: 3px 5px 5px 3px #00000075;
}


    .travelcard h6 {
        text-align: center;
        padding-top: 0px;
        font-size: 15px;
        color: #6a6767;
    }

    .travelcard h4 {
        text-align: center;
        font-size: 25px;
        font-weight: 900;
        letter-spacing: 1px;
        padding-bottom: 0px;
        padding-top: 1px;
    }

    .travelcard h5 {
        text-align: center;
        font-weight: 900;
        font-sizE: 22px;
        padding-bottom: 5px
    }

    .travelcard p {
        text-align: center;
        font-size: 14px;
        color: #6a6767;
        font-family: 'Roboto', sans-serif;
        color: #6e6969;
        font-weight: 600;
        font-size: 15px;
    }

    .travelcard a {
        color: #111;
        background: #ffd32a;
        padding: 8px 20px;
        text-align: justify;
        font-size: 14px;
        font-weight: 600;
        border-radius: 7px;
        margin-left: 68px;
    }


.middle_travlcard {
    width: 18rem;
    margin-top: -25px;
    padding-bottom: 55px;
    clip-path: polygon(0 0, 100% 0%, 100% 89%, 50% 100%, 0 89%);
}


    .middle_travlcard h5 {
        text-align: center;
        font-weight: 900;
        font-sizE: 22px;
        padding-bottom: 32px;
        padding-top: 5px;
    }

#packegecard {
    margin-top: -7rem !important;
    background: #00a8ff;
    height: 200px;
}

#baground_img {
    background-image: url(../images/banner6.jpg);
    height: 300px;
    background-size: cover;
    width: 100%;
    margin-top: -10rem;
    padding-top: 80px;
}


    #baground_img h2 {
        text-align: center;
        font-family: 'Playfair Display', serif;
        font-weight: 700;
    }

    #baground_img h4 {
        padding-bottom: 50px;
        text-align: center;
    }

    #baground_img h6 {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        padding-top: 10px;
    }

    #baground_img p {
        font-size: 13px;
        text-align: center;
        padding: 4px;
        font-family: 'Roboto', sans-serif;
        color: #6e6969;
        font-weight: 600;
        font-size: 15px;
    }

    #baground_img a {
        background: #ffd32a;
        padding: 7px 25px;
        font-size: 15px;
        color: #000;
        font-weight: 600;
        position: absolute;
        text-align: center;
        top: 11rem;
        left: 6rem;
        text-decoration: none;
    }

.bagground_container {
    max-width: 956px;
}

.background_imgcard {
    border: none;
    width: 19rem;
    box-shadow: 3px 5px 5px 3px #74727252;
    position: relative;
    top: -1rem;
    left: 3rem;
}

#plans {
    margin-top: 20rem;
    margin-bottom: 10rem;
}

.plan_card {
    position: absolute;
    top: 4rem;
    left: -8px;
    width: 20rem;
    height: 266px;
    border: none;
    /*    box-shadow: 2px 3px 6px 3px #878383;
*/
    box-shadow: 0px 2px 5px 1px #878383;
}


    .plan_card h4 {
        font-size: 20px;
        font-weight: 700;
    }

    .plan_card i {
        color: #00a8ff;
    }

    .plan_card p {
        padding-top: 10px;
        color: #111;
        font-family: 'Roboto', sans-serif;
        color: #6e6969;
        font-weight: 600;
        font-size: 15px;
    }

.plan_span {
    font-weight: 700;
    font-size: 23px;
}

.plan_icon {
    font-weight: 600;
    font-size: 18px;
}

.plan_card a {
    color: #111;
    background-color: #ffd32a;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #ffd32a;
    padding: 8px 18px;
    border-radius: 5px;
    text-decoration: none;
}

.plan_card h6 {
    color: #3e3c3cd1;
    padding-bottom: 7px;
}

#customer_review {
    background-image: url('../images/colosseum (1).jpg');
    /*  background-image: url('../images/reviewbg.jpg');*/
    height: 400px;
    background-size: cover;
    width: 100%;
    padding-top: 0px;
    margin-bottom: 0px
}

    #customer_review h4 {
        color: #fff;
        text-align: center;
        font-size: 35px;
        font-weight: 700;
        padding-bottom: 5px;
        padding-top: 81px;
        font-family: 'Playfair Display', serif;
    }

    #customer_review h5 {
        color: #fff;
        text-align: center;
        font-size: 22px;
        letter-spacing: 1px
    }

    #customer_review p {
        color: #fff;
        padding-top: 34px;
        padding-bottom: 13px;
        text-align: center;
        font-size: 15px;
        font-family: 'Roboto', sans-serif;

    }

    #customer_review i {
        padding-right: 5px
    }

.review_icon {
    padding-left: 18rem;
    font-sizE: 15px;
    color: #ffd32a;
}

#customer_review h6 {
    color: #fff;
    text-align: center;
    font-size: 30px;
}

#customer_review img {
    width: 27%;
    height: 45px;
    border-radius: 50%;
    margin-top: 10px;
}

.review_cust {
    font-sizE: 16px;
    position: absolute;
    top: 16px;
    font-weight: 700;
    left: 104px;
    color: #fff;
}


#contact_section {
    background-image: url('../images/mount-everest-himalaya.jpg');
    height: 500px;
    background-size: cover;
    width: 100%;
}



    #contact_section h2 {
        text-align: center;
        padding-top: 150px;
        font-weight: 700;
        font-size: 39px;
        color: #fff;
        font-family: 'Playfair Display', serif;
    }

    #contact_section h4 {
        text-align: center;
        letter-spacing: 3px;
        color: #fff;
    }

.contact_location {
    color: #ffd32a;
    font-size: 101px;
    position: relative;
    left: 33rem;
    z-index: 110;
    top: 4rem;
}

#contact_details {
    background-image: url(../images/whitebg1.png);
    height: 250px;
    position: relative;
    top: -12rem;
    width: 100%;
}



.contact_contener i {
    font-size: 34px;
    color: #858585;
}

.contact_contener h6 {
    color: #000;
    font-weight: 700;
    font-size: 20px;
}

.contact_cardbody {
    background: #0000000d;
    box-shadow: 1px 4px 6px #999696;
}

.contact_card {
    border: none;
    margin-top: 9rem;
    margin-bottom: 5rem
}

.social_icon {
    margin-left: 25rem;
}

    .social_icon i {
        color: #000;
        border: 2px solid #ffd32a;
        border-radius: 50%;
        padding: 10px 15px;
        font-size: 15px;
        margin-right: 15px;
    }
/*  ........footer section.............*/
/*footer*/
#footer {
    padding: 60px;
    position: relative;
    background-size: cover;
    z-index: 1;
    background: #ffd32a;
}

.footer_heading h2 {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.footer_heading i {
    color: #111;
    font-size: 20px;
    padding-right: 20px;
}

    .footer_heading i:hover {
        color: #af0a27;
        font-size: 20px;
    }



#footer p {
    color: #111;
}

#footer h5 {
    color: #111;
}

#footer a {
    color: #111;
    text-decoration: none;
}



.social_icon i {
    border: 4px solid #ffd32a;
    border-radius: 50px 50px;
    background: #f0f0;
    padding: 12px 15px;
    color: #111;
    font-size: 16px;
    margin-right: 10px;
}

.footerdestination {
    width: 47%;
    position: absolute;
    left: 23rem;
    top: 199px;
    height: 271px;
}

.footerimg {
    width: 27%;
    position: absolute;
    top: -5rem;
    left: 0rem;
}


/*about page*/
#about_banner {
    background-image: url('../images/about banner/aboutbanner2.png');
    height: 400px;
    background-size: cover;
    width: 100%;
    padding-top: 0px;
    margin-bottom: 0px;
}

    #about_banner h2 {
        position: absolute;
        top: 10rem;
        font-size: 72px;
        left: 28rem;
        font-weight: 700;
    }

#trainabout {
    margin-top: 100px;
    margin-bottom:0px;
}
    #trainabout h2 {
       
        font-size: 35px;
        color: #000;
        font-weight: 900;
        font-family: 'Noto Serif Telugu', serif;
    }

    #trainabout p {
        padding-top: 10px;
       
        color: #6e6969;
        font-weight: 600;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
    }
#aboutcomapny {
    margin-top: 100px;
    margin-bottom:300px;

}
    #aboutcomapny h2 {
        font-size: 35px;
        color: #000;
        padding-left: 136px;
        font-weight: 900;
        font-family: 'Noto Serif Telugu', serif;
    }
    #aboutcomapny p {
        padding-top: 10px;
        color: #111;
        padding-left: 144px;
        color: #6e6969;
        font-weight: 600;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
    }
.aboutimg_1 {
    width: 100%;
    position: relative;
    z-index: -1
}
.aboutimg_2 {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 12rem;
    left: 8rem;
}
#aboutsection{
    margin-top:100px;
    margin-bottom:200px;
}
    #aboutsection h2 {
        font-size: 35px;
        color: #000;
        font-weight: 900;
        font-family: 'Noto Serif Telugu', serif;
    }

    #aboutsection p {
        padding-top: 10px;
        color: #6e6969;
        font-weight: 600;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
    } 
    #aboutsection img{
       width:80%;
       height:90%;
    }
    #aboutsection i{
     color:#fff;
     background:#ffd32a;
     border-radius:50%;
     padding:0px;
     margin-right:10px;

    }
#destination {
    margin-top:142px;
    margin-bottom:0px;
    
}
    #destination h2 {
        font-size: 35px;
        color: #000;
        font-weight: 900;
        text-align:center;
        padding-bottom:50px;
        font-family: 'Noto Serif Telugu', serif;
    }
    #destination img:hover {
        opacity: 0.4;
    }
.destinationcont {
    background-image: url('../images/about banner/White-Map-PNG-Free-Download.png');
    background-size: cover;
    height: 600px;
}
#destional2 {
    margin-top: -183px;
    margin-bottom:200px;
}
#destional2 img:hover{
  opacity:0.4;
}
#imagechange {
    margin-top: 100px;
    margin-bottom:100px
}
.button {
    color: #000;
    position: relative;
    top: 36px;
    left: 31rem;
    /* margin-bottom: 4rem; */
    background: #ffd32a;
    padding: 6px 54px;
    font-size:20px;
}
#imagechange h2 {
    font-size: 35px;
    color: #000;
    font-weight: 900;
    text-align: center;
    padding-bottom: 30px;
    font-family: 'Noto Serif Telugu', serif;
}
#tabssection1 {
    margin-top: 22rem;
    margin-bottom: 7rem;
}

    #tabssection1 img {
        width: 100%;
        height: 380px;
        clip-path: inset(0 16% 0 10%);
    }

    #tabssection1 a {
        color: #111;
        background-color: #ffd32a;
        padding: 10px;
        width: 113px;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        height: 39px;
        text-decoration: none;
    }
#legal {
    background-image: url('../images/about banner/bg.png');
    height: 400px;
    background-size: cover;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 100px;
}
    /*contact page*/

#contact_info {
    margin-top: 100px;
    margin-bottom: 100px;
    background-image: url('../images/slider_bg_1.png');
    z-index: -1;
}

#contact_info .contact_card {
    text-align: center;
    border: 5px solid #EEF2F6;
    box-shadow: 1px 2px 3px #eef2f64a;
    padding: 50px 25px;
    background: #00ffff00;
    backdrop-filter: blur(2px);
}

.contact_card h2 {
    font-family: "Exo", sans-serif;
    font-weight: 700;
    color: #222;
    font-size: 23px;
}

.contact_card p {
    font-size: 18px;
    color: #222;
    padding-top: 10px;
    color: #545050
}

.contact_card i {
    color: #ffd32a;
    font-size: 35px;
    padding-bottom: 20px;
}

#contact {
    margin-top: 100px;
    margin-bottom: 100px;
}

    #contact h3 {
        font-size: 25px;
        font-weight: 700;
    }

    #contact p {
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: 600;
        font-size: 18px
    }
 
/*hover img*/
.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
@media screen and (max-width:425px) {
    .company_logo {
        width: 61%;
        height: 208px;
        position: absolute;
        top: -2rem;
        left: -3rem;
    }
    .owl-theme .owl-nav {
        margin-top: -194px;
        text-align: center;
        font-size: 28px;
        color: #fff;
        position: absolute;
        left: 12rem;
        font-weight: 700;
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 300px;
    }


    .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: -9rem;
    }

    .carousel_heading a {
        background: #ffd32a;
        padding: 6px 9px;
        color: #111;
        font-weight: 700;
        border-radius: 10px;
        text-decoration: none;
        margin-left: 10rem;
    }

    .carousel_heading {
        position: relative;
        position: relative;
        top: -186px;
        left: 0px;
    }


        .carousel_heading h2 {
            font-size: 27px;
        }


        .carousel_heading h4 {
            font-size: 11px;
            letter-spacing: 3px;
        }

        .carousel_heading p {
            font-size: 13px;
            font-size: 16px;
            padding-top: 0px;
            padding-left: 36px;
            padding-right: 29px;
        }

        .carousel_heading .carousel_btn {
            margin-left: 8rem;
        }

    #find_hotels {
        height: 399px;
    }

    .form_locationmobile {
        width: 100%;
    }

    #find_hotels a {
        top: 3rem;
        margin-top: 12px;
        margin-left: 8rem;
    }

    .train_container {
        padding-left: 25px;
    }

    #bluecard {
        margin-top: 235px;
        background: #00a8ff;
        height: 776px;
    }

    #tabssection {
        margin-top: 53rem;
    }

    #packages {
        background-image: url(../images/sky1.jpg);
        height: 250px;
        background-size: cover;
        width: 100%;
        /* padding-top: 54px; */
    }

    #packegecard {
        margin-top: -83rem;
        background: #00a8ff;
        height: 88rem;
    }

    .middle_travlcard {
        margin-top: 7px;
    }

    .travelcard {
        top: 10px;
        position: relative;
        top: 1rem;
        left: 41px;
    }

    #baground_img {
        margin-top: 87rem;
    }

    #plans {
        margin-top: 64rem;
        margin-bottom: 20rem;
    }

        #plans img {
            width: 100%;
        }

    .plan_card {
        position: relative;
        left: 45px;
    }

    #customer_review {
        height: 288px;
        margin-top: -14rem;
    }

        #customer_review h4 {
            font-size: 23px;
            padding-bottom: -2px;
            padding-top: 23px;
        }

        #customer_review h5 {
            font-size: 14px;
        }

        #customer_review p {
            padding-top: 16px;
            padding-bottom: 13px;
            font-size: 12px
        }

    .review_icon {
        padding-left: 8rem;
        font-sizE: 12px;
        color: #ffd32a;
    }

    .review_cust {
        font-sizE: 16px;
        position: relative;
        top: -38px;
        left: 156px;
    }



    #customer_review img {
        width: 17%;
        height: 47px;
        margin-top: 23px;
        margin-left: 83px;
    }

    .contact_location {
        font-size: 76px;
        position: relative;
        left: 10rem;
        top: 2rem;
    }
    /*    #contact_details {
       display:none;
    }
    .social_icon {
       display:none;
    }*/

    .contact_card {
        border: none;
        margin-top: 9rem;
        margin-bottom: -7rem;
    }

    .social_icon {
        margin-left: 3rem;
    }

        .social_icon i {
            font-size: -18px;
            margin-right: -121px;
        }

        .social_icon i {
            border: 4px solid #ffd32a;
            border-radius: 50px 50px;
            background: #f0f0;
            padding: 12px 15px;
            color: #111;
            font-size: 16px;
            margin-top: 177px;
            margin-right: 10px;
        }

    #footer {
        margin-top: 270px;
    }

    .footerdestination {
        width: 47%;
        position: absolute;
        left: 7rem;
        top: 747px;
        height: 271px;
    }

    .footerimg {
        width: 53%;
        position: absolute;
        top: -3rem;
        left: 1rem;
    }

    .footerdestination {
        display: none;
    }
    /*    about page*/
    #about_banner {
        height: 160px;
    }

        #about_banner h2 {
            position: absolute;
            top: 4rem;
            font-size: 46px;
            left: 6rem;
            font-weight: 700;
        }

    .aboutimg_1 {
        width: 66%;
        position: relative;
        z-index: -1;
        top: 31rem;
        left: 1rem;
    }

    .aboutimg_2 {
        width: 66%;
        position: absolute;
        z-index: 1;
        top: 39rem;
        left: 7rem;
    }

    #aboutcomapny {
        margin-top: -100px;
    }

        #aboutcomapny h2 {
            padding-left: 0px;
        }

        #aboutcomapny p {
            padding-left: 0px;
        }

    .button {
        left: 8rem;
        padding: 5px 41px;
    }

    #tabssection1 {
        margin-top: 94rem;
        margin-bottom: 100px;
    }

   

    #destination {
        margin-top: 100px;
        margin-bottom: 0px;
    }
}
