@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&family=Roboto&display=swap');
@import url(bootstap_v4/bootstrap.min.css);


body {
    padding: 0;
    margin: 0;
    font-weight: normal;
    overflow-x: hidden;
}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    color: inherit;
}

.top1 {
    background: #222222;
    padding: 0.35rem 0;
    display: none;
}
.social-media a:hover {
    text-decoration: none;
}
.top2 {
    height: 80px;
}

.contact-detaish ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: right;
    align-items: center;
}

.contact-detaish ul li {
    padding: 0 10px;
}

.contact-detaish li span {
    color: #F4C045;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 8px;
}

.contact-detaish li a {
    color: #FFF;
    text-decoration: none;
}

.logo.rel img {
    width: 65%;
    position: relative;
    left: 0;
    top: 0;
    z-index:9999999;
}

.logo-text {
    position: absolute;
    top: 0.9rem;
    left: 10.1rem;
    z-index: 1;
}

.logo-text h1 {
    font-size: 25px;
    color: #000;
    font-variant: small-caps;
}

.logo-text h2 {
    font-size: 12px;
    color: #000;
    font-variant: small-caps;
}

.rel {
    /*position: relative;*/
}

#content .font22 {
    margin-bottom: 5% !important;
}

#content .font22 {
    margin-bottom: 5% !important;
}

.cities li {
    display: inline-block;
    margin: 8px 0px 0 5px;
    width: 24%;
    font-size:14px;
}

.phone-header {
    position: relative;
    /* padding: 4px 0; */
    display: inline-block;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    top: 0;
    margin: 0 0.75rem;
}

.phone-header span {
    /*display: block;*/
    text-align: center;
    font-weight: 600;
}

.phone-header a {
    line-height: 30px;
    /*padding: 0 0 2px 37px;*/
    padding: 0 0 2px 3px;
    color: #7b0022;
    font-size: 15px;
    text-decoration: none;
    font-weight: 700;
    /*background: url(../img/puri-travels/Call.png) left no-repeat;*/
    display: block;
}

.phone-header a:last-child {
    /*background: url(../img/puri-travels/whatsapp.png) left no-repeat;*/
}

.book-now {
    display: grid;
    place-content: center;
}

.book-now .btn-lg.btn-inside-out>.before {
    padding-top: 16px;
}

.menu-class .nav-item {
    padding: 0 9px;
}

.navbar-light {
    float: right;
    padding: 0;
}

/* Button Hover Animation */
.asha-read-btn {
    color: #fff !important;
    background: linear-gradient(266deg, #ff3b5a, #db6304);
    padding: 1.75rem 20px;
    font-size: 15px;
    line-height: 0;
    margin-bottom: 0;
    display: inline-block;
    border-radius: 7px;
    transition-duration: .5s;
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #646464;
    font-weight: 700;
    transition: all 0.4s ease;
    display: inline-flex;
    align-items: center;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    transform: perspective(1px) translateZ(0);
}

.asha-read-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    border-radius: 4px;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition-property: transform;
    transition-duration: 0.5s;
    transition: all 0.3s;
    transition-timing-function: ease-out;
    z-index: -1;
}

.asha-read-btn:hover {
    color: #ffffff !important;
    border-color: transparent !important;
    outline: 0;
    text-decoration: none;
}

.asha-read-btn:hover::before {
    background: linear-gradient(45deg, #ff6c26, #fef286);
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.book-now .asha-read-btn {
    padding: 1.75rem 60px;
    font-size: 18px;
}

/*  */
.top-3 {
    background: #0a1c7c;
}

/* .menu-class .nav-item {
    padding: 0 0.89rem;
} */

.menu-class .nav-link {
    font-weight: 500;
    color: #fff !important;
    font-size: 15px;
    text-transform: uppercase;
    /* font-variant: petite-caps; */
}

.slider-text {
    position: absolute;
    top: 40%;
    left: 10%;
    width: 100%;
    z-index: 1;
}

.slider-text h2 {
    color: #ffff;
    text-shadow: 1px 1px 2px BLACK;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    font-size: 44px;
    max-width: 80%;
    text-transform: uppercase;
}

.explor-btn {
    border-color: #3498db;
    color: #fff;
    box-shadow: 0 0 40px 40px #3498db inset, 0 0 0 0 #3498db;
    transition: all 150ms ease-in-out;
}

.explor-btn:hover {
    box-shadow: 0 0 10px 0 #3498db inset, 0 0 10px 4px #3498db;
    color: #000;
    transition-duration: .5s;
}

/* Button Animation */

.btn-inside-out-invert {
    border: 0;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .15);
}

.btn-inside-out {
    overflow: hidden;
    border: 0;
    transition: background .4s ease .3s, \box-shadow .4s;
    will-change: background;
}

.border-radius-25,
.border-radius-25.btn-prime .border-btn {
    border-radius: 25px;
}

.btn-lg,
.btn-lg i.icon-inside {
    font-size: 16px;
}

.btn-lg {
    padding: 15px 33px;
}

.btn-min-width-200 {
    min-width: 200px;
}

.btn {
    display: inline-block;
    text-align: center;
    line-height: inherit;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    margin: 10px;
}

.brk-tabs_rounded .brk-tab-item,
.btn {
    z-index: 1;
}

.font__weight-light {
    font-weight: 300;
}

.font__family-montserrat {
    font-family: 'Montserrat', sans-serif;
}

.btn,
button {
    background-color: inherit;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    /* padding: .375rem .75rem; */
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-lg.btn-inside-out>.before {
    padding-top: 16px;
}

.btn-inside-out-invert>.before {
    background: #fff;
    color: #2775FF;
}

.btn-inside-out>.before {
    top: 0;
    padding-top: 8px;
}

.btn-inside-out>.before {
    top: 0;
    padding-top: 8px;
}

.btn-inside-out>.after,
.btn-inside-out>.before {
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    overflow: hidden;
    background: #ff6c26;
    color: #fff;
    transition: \transform .3s;
}


.btn-inside-out>span.text {
    display: inline-block;
    transform: scale(.1);
    will-change: transform;
    opacity: 0;
    color: #fff;
    transition: \transform .3s, opacity .3s;
}


.btn-inside-out-invert>.after {
    background: #fff;
    color: #2775FF;
}

.btn-inside-out>.after {
    bottom: 0;
    line-height: 0;
}

.btn-inside-out>.after {
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    overflow: hidden;
    background: #ff6c26;
    color: #fff;
    transition: \transform .3s;
}

.btn-inside-out:hover {
    background: #fe265ce3;
    transition: .4s;
    transition-delay: 0s;
    color: #fff;
    box-shadow: 0 5px 10px -2px #ff698ac9;
}

.btn:hover {
    color: #212529;
    text-decoration: none;
}

.btn-inside-out:hover>.before {
    transform: translateY(-105%);
}

.btn-inside-out-invert:hover span.text,
.btn-inside-out-invert:hover.btn-icon [class*=fa-]:before {
    color: #fff;
}

.btn-inside-out:hover>span.text {
    opacity: 1;
    transform: scale(1);
}

.btn-inside-out:hover>.after {
    transform: translateY(105%);
}


.menu-class .nav-link {
    position: relative;
}

.menu-class .nav-link::before {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 0%;
    height: 2px;
    border-radius: 30px;
    content: '';
    background: #fecb5d;
    transition-duration: .5s;
}

.menu-class .nav-link:hover::before {
    width: 100%;
    transition-duration: .5s;
}

.p-30 {
    padding: 30px 0;
}

.pt-60 {
    padding-top: 60px;
}

.headding h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    margin-bottom: 25px;
    display: inline-block;
    position: relative;
    font-variant: petite-caps;
}

.headding h2::before {
    position: absolute;
    top: 26px;
    right: -70px;
    width: 60px;
    height: 2px;
    border-radius: 30px;
    content: '';
    background: #ff2353;
}

.expole-text p {
    line-height: 2;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    word-wrap: break-word;
}
.expole-text a {
    margin: 30px 0;
}
.data {
    height: 360px;
    overflow: hidden;
}
.explore-right ul li {
    width: 50%;
    float: left;
    padding: 13px;
}

.explore-right ul li:first-child,
.explore-right ul li:nth-child(3) {
    border-right: 1px solid #000;
}

.explore-right ul li:nth-child(3),
.explore-right ul li:last-child {
    border-top: 1px solid #000;
}

.explore-img {
    width: 80%;
    margin: auto;
}

.explore-img img {
    border-radius: 11px;
}

.explore-text h2 {
    text-align: center;
    font-size: 20px;
    margin: 0.75rem 0;
    font-variant: petite-caps;
}

.expole-odisha {
    padding: 60px 0;
}

.tour-caption h2 {
    font-size: 20px;
    font-weight: 500;
    font-variant: petite-caps;
    color: #000;
}

.tour-caption h4 {
    font-size: 15px;
    color: #000;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.tour-caption h4 span {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    float: right;
}

.tour-image.rel {
    height: 169px;
    overflow: hidden;
}

.tour-caption {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: #3c8dc4bd; */
    z-index: 1;
    transition-duration: .5s;
    /* padding: 40px 0; */
    text-align: center;
}

/* .tour-image:hover .tour-caption {
    margin: -169px 0;
    transition-duration: 1s;
    visibility: visible;
    cursor: pointer;
} */

.tour-text {
    padding: 10px;
}

.tour-text p {
    font-size: 15px;
    line-height: 2;
}
.package-image {
    width: 100%;
    height: 191px;
}
.sub-tour-box .asha-read-btn,
.enquity-form .asha-read-btn {
    font-variant: petite-caps;
    text-transform: none;
    padding: 1rem 16px;
    border-radius: 18px;
    font-size: 13px;
}

.enquity-form .asha-read-btn {
    font-size: 19px;
    padding: 20px 20px;
}

.enquity-form .btn.btn-lg {
    font-size: 15px;
    padding: 11px 19px;
}

.enquity-form .btn-lg.btn-inside-out>.before {
    padding-top: 11px;
}

.sub-tour-box .asha-read-btn::before,
.enquity-form .asha-read-btn::before {
    border-radius: 16px;
}

.sub-tour-box {
    box-shadow: 0 2px 5px rgb(255 255 255 / 65%);
    transition: all 350ms ease-in-out 0s;
    background: #fff;
}

.tour-text h4 {
    font-size: 20px;
    font-variant: petite-caps;
    color: #000;
    margin: 0;
    margin: 0.75rem 0;
}

.slider-text .btn-inside-out:hover {
    background: transparent;
}

.flx {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flx span {
    font-weight: 500;
    font-size: 16px;
    font-variant: petite-caps;
}

.my-12 {
    margin: 0.75rem 0;
}

.enquity-form .input-group-text {
    border-radius: 0;
}

.clint-image img {
    border-radius: 50%;
}

.testimonial-box {
    border: 1px solid #000;
    padding: 20px;
    border-radius: 6px 6px 90px 6px;
}

.clint-name h2 {
    font-size: 24px;
    font-variant: petite-caps;
    font-weight: 500;
}

.testimonial-one {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer {
    background: url(../img/puri-travels/footer-bg.jpg)no-repeat scroll;
    background-size: cover;
    position: relative;
    padding: 100px 0;
    padding-bottom: 0;
}

footer::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #054b8fbf;
    z-index: 0;
}

.foot-head h2 {
    color: #fff;
    font-variant: petite-caps;
}

.foot-body p {
    color: #fff;
}

.foot-body a {
    color: #fff;
}

ul.foot.p-0 li {
    color: #fff;
}

.social-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: none;
    color: #fff !important;
    text-align: center;
    border-radius: 50%;
    margin: 0 2px;
}

.fb-bg {
    background-color: #3b5998;
}

.insta-bg {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.link-in-bg {
    background: #1565c0;
}

.twt-bg {
    background: #2daae1;
}

.social-media {
    margin: 20px 0;
}

.clint-image img {
    width: 75% !important;
}

/* Datepicker */
table.table-condensed tr td {
    border: 1px solid #000;
    padding: 3px;
}

.datepicker {
    padding: 10px;
    font-family: 'Poppins', sans-serif;
}

.section5 {
    background: #f5f5f5 !important;
}

.section1 .container-fluid,
.section2 .container-fluid,
.section4 .container-fluid,
.top2 .container-fluid,
.foot-1 .container-fluid,
.section5 .container-fluid,
.inner-page .container-fluid,
.inner_bg .container-fluid,
.top-3 .container-fluid {
    width: 94%;
}

.eff {
    position: relative;
}

.eff::after {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 30px;
    content: '';
    background: #fecb5d;
    transition-duration: .5s;
}

.foot-2 {
    background: #000;
    color: #fff;
    position: relative;
}

.copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.foot-1 {
    padding-bottom: 50px;
}

.top-btn a {
    color: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f0555b;
    border-radius: 50%;
    float: right;
    box-shadow: 0px 0px 5px 1px #ee050eba;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999999;
}

.top-btn a:hover {
    box-shadow: 0 0 26px 6px #da030c;
}


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


.con-box {
    display: flex;
    justify-content: center;
    align-items: center;

}

.con-icon {
    font-size: 45px;
    margin: 0 0.75rem;
    color: #ff7133;
}

.con-text h2 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    color: #7b0022;
}

.con-text h6 {
    font-size: 17px;
    color: #888;
}

.con-detalish ul {
    display: flex;
    justify-content: right;
    align-items: center;
    margin: 0;
}

.con-detalish {
    height: 80px;
    display: grid;
    /*place-content: center;*/
}

.con-detalish ul li {
    margin: 0 0.75rem;
}

/* Inner pages */

.inner_bg,
.inner_bg h1,
.breadcrumb-box {
    position: relative;
}

section#feature {
    padding: 60px 0;
}

.inner_bg::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    content: '';
    background: #0947786b;
}

.breadcrumb {
    background: none;
    justify-content: center;
}

ul.breadcrumb li {
    margin-right: 30px;
    position: relative;
}

ul.breadcrumb li::before {
    position: absolute;
    top: 3px;
    right: -15px;
    width: 1px;
    height: 20px;
    background: #fff;
    content: '';
    transform: skew(153deg, 0deg);
    z-index: 1;
}

ul.breadcrumb li:last-child::before {
    width: 0;
    height: 0;
}

.inner_bg {
    height: 100%;
    display: block;
    padding: 40px 0;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

.inner_bg h1 {
    margin: 0;
    margin: 0.75rem 0;
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 400;
}

.breadcrumb,
.breadcrumb-box {
    margin: 0;
    padding: 0;
}

.package-text .flx span {
    font-size: 19px;
}

.package-text .btn-lg.btn-inside-out>.before {
    padding-top: 8px;
}

.package-text .btn.btn-lg {
    font-size: 12px;
    padding: 8px 0px;
}

.package-text .flx span {
    font-size: 15px;
}

.package-text .btn-min-width-200 {
    min-width: 137px;
}

.package-text h2 {
    font-size: 21px;
    text-align: center;
    margin: 0.75rem 0;
    height: 50px;
}

.tour-btn {
    background: #000;
    color: #fff;
}

.package-box {
    padding: 20px;
    background: #efefef;
    border-radius: 5px;
}

.package-image img {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.border1 {
    display: block;
}

.capcha-block {
    display: flex;
    justify-content: stretch;
    align-items: center;
}

.mx-12 {
    margin: 0 0.75rem;
}

.capcha-block h6 {
    font-size: 17px;
    margin: 0;
    text-transform: uppercase;
}

.one-row {
    display: flex;
    justify-content: left;
    align-items: center;
}

.mr-12 {
    margin-right: 0.75rem;
}

.enquity-form textarea {
    width: 100%;
    height: 100%;
}

h2.form-head {
    font-size: 20px;
    text-transform: uppercase;
}

.breadcrumb>li>a {
    font-size: 16px;
}

.back-btn {
    text-align: right;
    margin: 0.75rem 0;
}

.photo-img {
    position: relative;
}

.figcaption {
    width: 100%;
    text-align: center;
    display: grid;
    place-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition-duration: .5s;
}

.photo-img:hover .figcaption {
    z-index: 1;
    background: #00000075;
    transition-duration: .5s;
}

.gallery-text h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    margin-top: 0.75rem;
    margin-bottom: 0;
}

.gallery-image img {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.photogallery {
    padding: 20px;
    background: #efefef;
    border-radius: 5px;
}

.btn {
    margin: 0;
}

.book-now-head .btn-min-width-200 {
    min-width: 100px;
}

.book-now-head .btn.btn-lg {
    font-size: 13px;
    padding: 8px 30px;
}

.book-now-head .btn-lg.btn-inside-out>.before {
    padding-top: 7px;
}

.con-text h6 {
    display: inline-block;
}