@font-face {
    font-family: "Plus Jakarta Sans";
    src: url(../fonts/PlusJakartaSans-VariableFont_wght.ttf);
}
@font-face {
    font-family: "Epilogue";
    src: url(../fonts/Epilogue-VariableFont_wght.ttf);
}
body, html{
    width: 100%;
/*	height: 100%;*/
    font-size: 16px;
    font-family: "Plus Jakarta Sans";
}
.btn{
    border-radius: 12px;
}
.text-grey{
    color: #737372 !important;
}
.site-header .nav-link, .site-header .nav-link:hover, .site-header .nav-link:visited, .site-header .nav-link:focus,
.site-header .btn, .site-header .btn:hover, .site-header .btn:focus, .site-header .btn:visited{
    color: #FFF;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 200% */
}
.site-header .btn.btn-theme-primary, .site-header .btn.btn-theme-primary:hover, .site-header .btn.btn-theme-primary:focus, .site-header .btn.btn-theme-primary:visited{
    font-weight: 700;
}
.btn.btn-theme-primary, .btn.btn-theme-primary:hover, .btn.btn-theme-primary:focus, .btn.btn-theme-primary:visited{
	background: #B9FE4D;
	color: #000000;
    display: inline-flex;
    padding: 14px 32px;
    align-items: flex-start;
    gap: 10px;
    font-weight: 700;
}
.btn.btn-theme-secondary, .btn.btn-theme-secondary:hover, .btn.btn-theme-secondary:focus, .btn.btn-theme-secondary:visited{
    background: #1A434D;
    color: #FFFFFF;
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
}
.btn.btn-square{
    border-radius: 0;
}
/*header*/
.site-header{
    transition: all 0.2s ease-out 0s;
}
.site-header.nav-active{
    background: rgba(13, 31, 35, .98);
    border-bottom: 1px solid rgba(150, 200, 200, 0.2);
}
/*.site-header ul li{
    margin-right: 2rem;
}*/
.heading-main-container{
	background: #0D1F23;
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    padding-top: 1rem;
    padding-bottom: 2rem;
    display: flex;
    position: relative;
    overflow: hidden;
}
.heading-main-container .heading-main{
    color: #B9FE4D;
    text-align: center;
    font-family: Epilogue;
    font-size: 65px;
    font-style: normal;
    font-weight: 900;
    line-height: 72px;
}
.heading-main-container .circle-left,.heading-main-container .circle-right{
    width: 40%;
    height: 100%;
    transform: rotate(23.685deg);
    flex-shrink: 0;
    position: absolute;
    border-radius: 699.226px;
    background: radial-gradient(68.92% 68.92% at 50% 50%, rgba(207, 255, 13, 0.23) 0%, rgba(22, 111, 104, 0.23) 100%);
    filter: blur(68px);
}
.heading-main-container .circle-left{
    left: -20%;
}
.heading-main-container .circle-right{
    right: -20%;
}
.heading-main-container .start-quotes{
    top: -30px;
    left: 15px;
}
.heading-main-container .end-quotes{
    top: -30px;
    right: 45px;
}
.heading-main-container .fly-plane{
    right: 0px;
    top: -55px;
}
.heading-main-container .car-road{
    top: -42px;
    left: 300px;
}
.heading-main-container .book-end{
    right: 260px;
    bottom: -62px;
    z-index: -1;

}
/*header end*/
/*footer*/
.site-footer{
    background: #0D1F23;
    overflow: hidden;
    font-size: 14px;
/*    background-image: url(../images/verticle-line.svg);*/
   /* background-size: 150px 100%;
    background-position: center;*/
}
.site-footer .nav-link, .site-footer .nav-link:hover, .site-footer .nav-link:visited, .site-footer .nav-link:focus{
    font-size: 1.1rem;
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 30px; /* 187.5% */
}
.site-footer .download-buttons .btn{
    border-radius: 1535.633px;
    background: #FFFDFA;
    color: #212833;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5rem; /* 125% */
}
.site-footer .circle-left,.site-footer .circle-right,
.organise-trip .circle-left,.organise-trip .circle-right,
.travel-one-place .circle-left,.travel-one-place .circle-right{
    width: 320px;
    height: 320px;
    transform: rotate(23.685deg);
    flex-shrink: 0;
    position: absolute;
    border-radius: 360.768px;
    background: radial-gradient(68.92% 68.92% at 50% 50%, rgba(207, 255, 13, 0.43) 0%, rgba(22, 111, 104, 0.43) 100%);
    filter: blur(35.084815979003906px);
}
.site-footer .circle-left, .site-footer .circle-right{
    z-index: 0;
}
.site-footer .download-buttons, .site-footer .bottom-content, .site-footer img{
    z-index: 1;
}
.site-footer .circle-left{
    left: -150px;
    bottom: -150px;
}
.site-footer .circle-right{
    right: -150px;
    top: -150px;
}
.site-footer .middle-content{
    padding-top: 50px;
}
.site-footer .bottom-content{
    margin-top: 40px;
    border-top: 1px solid #fff;
/*    border-radius: 2rem;*/
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    padding-top: 0.4rem;
}
.bottom-content .brand-buttons a,.bottom-content .brand-buttons a:hover, .bottom-content .brand-buttons a:focus,.bottom-content .brand-buttons a:visited{
    font-size: 1.2rem;
}
.site-footer .disclaimer{
    color: #737372;
    font-weight: 400;
    line-height: 140%;
    z-index: 1;
    width: 75%;
    margin: 0 auto;
    margin-top: 3rem;
}
/*footer end*/
/*how it works*/
.how-it-works{
    background: #FFFEF0;
}
.how-it-works h2{
    color: #000;
    text-align: center;
    font-family: Epilogue;
    font-size: 55px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%; /* 60.5px */
}
.how-it-works .w-item{
    border: 1.84px solid #221262;
    background: #FFF;
    padding: 25px;
    height: 305px;
    border-radius: 12px;
    margin: 0rem 1.5rem;
}
.how-it-works .w-item .star-container {
    position: absolute;
    top: -30px;
    right: 70px;
}
.how-it-works .container{
    margin-top: 150px;
}
.how-it-works .row .w-item.last-child{
    background: #B9FE4D;
}
.how-it-works .middle-child{
    top: -85px;
}
.how-it-works .w-item .st-round{
    height: 65px;
    width: 65px;
    background: #1A434D;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    padding-top: 8px;
    border-radius: 100%;
    font-weight: 700;
}
.how-it-works h3{
    color: #000;
    font-family: Epilogue;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
}
.how-it-works p{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}
.how-it-works .row{
    background: url(../images/how-line.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 75px 45px;
}
/*how it works end*/
/*why us*/
.why-us-1 .why-us-in, .why-us-2 .why-us-in{
    display: flex;
    flex-wrap: wrap;
    border-radius: 16px;
}
.why-us-1 .why-us-in{
    border: 1px solid #FFF351;
    background: #FFFEF0;
}
.why-us-2 .why-us-in{
    order-radius: 16px;
    border: 1px solid #B0F5D3;
    background: #F3FFFA;
}
.why-us .why-us-in h2{
    color: #39302A;
    font-family: Epilogue;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 42px */
    letter-spacing: -0.96px;
}
.why-us .why-us-in p{
    color: #39302A;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%; /* 27.2px */
}
.why-us-h2{
    color: #000;
    text-align: center;
    font-family: Epilogue;
    font-size: 55px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
}
.why-us .btn,.why-us .btn:hover,.why-us .btn:focus{
    padding: 12px 40px;
    background: #1A434D;
    display: inline-block;
    border: none;
    border-radius: unset;
    font-weight: 700;
    color: #fff;
}
/*why us end*/
/*organise trip*/
.organise-trip{
    color: #fff;
    background: #0D1F23;
    margin-bottom: 2px;
    overflow: hidden;
}
.organise-trip h2{
    color: #FFF;
    font-family: Epilogue;
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 72px */
}
.organise-trip p{
    font-size: 20px;
    font-weight: 400;
    line-height: 170%; /* 34px */
}
.organise-trip .organise-in{
    display: flex;
    flex-wrap: wrap;
}
.organise-in .plan{
    float: right;
    position: relative;
    right: 1rem;
    top: -2rem;
}
.organise-trip img{
    position: relative;
    bottom: -15.5px;
}
.organise-trip button{
    border-radius: 2rem;
    background: #fff;
    color: #212833;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    padding: 0.8rem 2rem;
}
.organise-trip .circle-left, .organise-trip .circle-right{
    z-index: 0;
}
.organise-trip .circle-left{
    left: -150px;
    top: -150px;
}
.organise-trip .circle-right{
    right: -150px;
    bottom: -150px;
}
/*organise trip end*/
/*lets unpack*/
.lets-unpack h2{
    color: #000;
    text-align: center;
    font-family: Epilogue;
    font-size: 55px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%; /* 60.5px */
}
.lets-unpack .unpack-item{
    cursor: pointer;
    position: relative;
}
.lets-unpack .unpack-item h3{
    color: #fff;
    position: relative;
    z-index: 1;
    bottom: 3rem;
    text-align: center;
    text-shadow: 0 0 10px #000;
}
.lets-unpack .unpack-item img{
    width: 100%;
    transition: all 0.5s ease-out 0s;
    box-shadow: 5px 5px 10px rgba(36, 36, 36, 0.5); 
}
/*lets unpack end*/
/*secure*/
.secure-pa h2{
    color: #000;
    text-align: center;
    font-family: Epilogue;
    font-size: 55px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%; /* 60.5px */
}
.secure-pa .container img{
    width: 90px;
    height: 90px;
}
.secure-pa .container h3{
    color: #39302A;
    text-align: center;
    font-family: Epilogue;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 42px */
    letter-spacing: -0.96px;
}
.secure-pa .container p{
    color: #39302A;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%; /* 27.2px */
}
/*secure end*/
/*travel-one-place*/
.travel-one-place{
    color: #fff;
    background: #0D1F23;
    margin-bottom: 2px;
    overflow: hidden;
    background-image: url(../images/travel-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.travel-one-place h2{
    color: #FFF;
    font-family: Epilogue;
    font-size: 55px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 72px */
}
.travel-one-place p{
    font-size: 20px;
    font-weight: 400;
    line-height: 170%; /* 34px */
}
.travel-one-place .travel-one-place-in{
    display: flex;
    flex-wrap: wrap;
}
.travel-one-place .circle-left, .travel-one-place .circle-right{
    z-index: 0;
}
.travel-one-place .circle-left{
    left: -150px;
    top: -150px;
    width: 450px;
    height: 450px;
    opacity: .5;
}
.travel-one-place .circle-right{
    right: -150px;
    bottom: -150px;
    width: 450px;
    height: 450px;
    opacity: .5;
}
.travel-one-place .location-icon{
    top: -43px;
    right: 82px;
}
.travel-one-place .quotes-icon{
    top: -30px;
    left: -20px;
}
.travel-one-place .card-1,.travel-one-place .card-2{
    width: 300px;
    padding: 15px;
    border-radius: 0;
    box-shadow: 5.365px 5.365px 0px 0px rgba(0, 0, 0, 0.23);
    background: #FFFEF0;
}
.travel-one-place .card-1{
    transform: rotate(-3deg);
}
.travel-one-place .card-2{
    position: absolute;
    top: 45px;
    right: 30px;
    z-index: 1;
    transform: rotate(20deg);
}

.travel-one-place .card-1 h3{
    color: #000;
    font-size: 21px;
    font-weight: 900;
    line-height: 150%; /* 31.499px */
    text-transform: uppercase;
}
.travel-one-place .card-2 p{
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.travel-one-place .camera{
    top: -40px;
    right: 55px;
}
.organise-in .download-buttons .uil{
    position: relative;
    bottom: 3px;
}
/*travel-one-place end*/
nav.navbar {
    background: rgba(13, 31, 35, .98);
    border-bottom: 1px solid rgba(150, 200, 200, 0.2);
}
#user-image{
    border: 2px solid #fff;
    height: 35px;
    width: 35px;
}
.main-navbar li a,.main-navbar li a:hover,.main-navbar li a:focus{
    color: #fff;
    font-size: 1rem;
    padding: .5rem 0rem 0rem 1rem;
}
.profile-dropdown{
    right: 1.5rem !important;
}
.notify-item.my-account svg, .notify-item.personal-profile svg{
    color: #292D32;
    background: transparent;
    fill: unset;
}
.notification-list .profile-dropdown .notify-item,.notification-list .profile-dropdown .notify-item:hover{
    padding: 10px 30px;
    color: #000;
    background-color: transparent;
}
.on-board-tour i {
    height: 33px;
    width: 33px;
    border-radius: 25px;
    border: 1px solid #cecece;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}
.profile-dropdown .notify-item svg,.profile-dropdown .notify-item img{
    height: 20px;
    width: 20px;
}
#wrapper {
    overflow: auto;
}

/* scrollbar */
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #B9FE4D;
}

/*notification*/
.notify-item.my-account svg{
    color: #292D32;
    background: transparent;
    fill: unset;
}
.notification-list .profile-dropdown .notify-item,.notification-list .profile-dropdown .notify-item:hover{
    padding: 10px 30px;
    color: #000;
    background-color: transparent;
}
.notification-title img{
    height: 33px;
    width: 33px;
    border-radius: 25px;
    border: 1px solid #cecece;
    padding: 2px;
}
.popover {
    border-radius: 12px;
    border: 1px solid #EDEDED;
    background: #FFF;
    box-shadow: 0px 12px 36px 0px rgba(157, 157, 157, 0.25);
    width: 25.75rem;
    max-height: 25.56rem;
    max-width: 25.75rem;
    overflow-y: auto;
    overflow-x: hidden;
}
.popover-body .notification-body p {
    color: #000;
    font-weight: 400;
    line-height: 140%;
}
.load-btn, .load-btn:hover {
    color: #000;
    font-size: 14.7px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}
 @media (max-width: 768px) {
    .popover {
        transform: translate3d(9px, 128px, 0px) !important;
    }
}
/*endnotification*/

@media only screen and (max-width: 1399px){
    .heading-main-container{
        padding-top: 5rem;
    }
    .how-it-works .row{
        background-position: 30px 45px;
    }
}
@media only screen and (max-width: 1199px){
    .heading-main-container{
        padding-top: 5rem;
    }
    .how-it-works .row {
        background-position: 0px 44px;
        background-size: 96% 125%;
    }
    .how-it-works .w-item .st-round{
        height: 55px;
        width: 55px;
        font-size: 1.5rem;
    }
    .how-it-works h3.mt-3{
        font-size: 20px;
        margin-top: 1rem !important;
    }
    .how-it-works p{
        font-size: 14px;
        margin-bottom: 0.5rem;
    }
    .how-it-works h2{
        font-size: 50px;
    }
    .why-us-h2{
        font-size: 50px;
    }
    .why-us-in img{
        width: 100%;
    }
    .travel-one-place h2{
        font-size: 40px;
    }
    .travel-one-place p{
        font-size: 18px;
    }
    .travel-one-place .camera{
        top: -75px;
    }
    .travel-one-place-in .col-6.text-center.position-relative.ps-5{
        padding-left: 0 !important;
    }
    .travel-one-place .card-2{
        top: 2rem;
        right: -6rem;
    }
    .lets-unpack h2{
        font-size: 50px;
    }
    .lets-unpack .unpack-item h3{
        font-size: 20px;
    }
    .secure-pa h2{
        font-size: 50px;
    }
    .secure-pa .container h3{
        font-size: 30px;
    }
    .secure-pa .container p{
        font-size: 14px;
    }
    .organise-trip h2{
        font-size: 53px;
    }
    .organise-trip p{
        font-size: 18px;
        padding-bottom: 1rem;
    }
    .btn.btn-theme-primary, .btn.btn-theme-primary:hover, .btn.btn-theme-primary:focus, .btn.btn-theme-primary:visited{
        padding: 10px 25px;
        gap: 0px;
    }
    .organise-trip button{
        font-size: 16px;
    }
    .site-footer .disclaimer{
        width: 100%;
        margin-top: 2rem;
    }
}
@media only screen and (max-width: 991px){
    .heading-main-container .heading-main{
        font-size: 35px;
        line-height: 60px;
    }
    .heading-main-container{
        min-height: 75vh;
    }
    .how-it-works h2 {
        font-size: 35px;
    }
    .how-it-works .w-item .st-round {
        height: 40px;
        width: 40px;
        font-size: 1rem;
    }
    .how-it-works .w-item{
        padding: 15px;
        margin: 0rem 0.5rem;
        height: 325px;
    }
    .how-it-works .row {
        background-position: 40px 0px;
        background-size: 71% 125%;
    }
    .why-us-h2{
        font-size: 35px;
    }
    .why-us .why-us-in h2{
        font-size: 30px;
    }
    .why-us .why-us-in p{
        font-size: 14px;
    }
    .why-us-in .col-6.p-5{
        padding: 2rem !important;
    }
    .travel-one-place h2{
        font-size:35px;
    }
    .travel-one-place p{
        font-size: 14px;
    }
    .travel-one-place .location-icon {
        top: -60px;
        right: 10px;
    }
    .lets-unpack h2 {
        font-size: 35px;
    }
    .lets-unpack .unpack-item h3 {
        font-size: 16px;
    }
    .secure-pa h2 {
        font-size: 35px;
    }
    .secure-pa .container h3 {
        font-size: 25px;
    }
    .organise-trip h2 {
        font-size: 33px;
    }
    .organise-trip p{
        font-size: 14px;
    }
    .organise-trip button {
        font-size: 16px;
        padding: 0.8rem 1rem;
    }
}
@media only screen and (max-width: 767px){
    .mytravel-menu.d-flex{
        display: block !important;
    }
    .mytravel-menu .text-end{
        float: right;
    }
    .mytravel-menu a{
        display: inline-block !important;
    }
    .mytravel-menu ul{
        margin-left: 0 !important;
    }
    .heading-main-container{
        min-height: 65vh;
    }
    .how-it-works .row{
        background: none;
    }
    .how-it-works .container{
        margin-top: 50px;
    }
    .how-it-works .middle-child{
        top: 0px;
    }
    .how-it-works .w-item{        
        padding: 25px;
        margin: 0 0 2.5rem 0rem;
        height: auto;
    }
    .how-it-works h2 {
        font-size: 25px;
    }
    .why-us-h2 {
        font-size: 25px;
    }
    .why-us-in .col-6.p-5 {
        padding: 1.5rem !important;
    }
    .why-us .why-us-in h2{
        font-size: 20px;
    }
    .why-us .why-us-in p {
        font-size: 12px;
    }
    .travel-one-place h2 {
        font-size: 25px;
    }
    .travel-one-place .location-icon {
        top: -3rem;
        right: 11rem;
    }
    .travel-one-place p{
        margin-bottom: 5rem;
    }
    .travel-one-place .col-md-6.col-12.text-center.position-relative.ps-5{
        padding-left: 0 !important;
    }
    .travel-one-place .card-2 {
        top: 1rem;
        right: -3rem;
    }
    .lets-unpack h2 {
        font-size: 25px;
    }
    .lets-unpack .pt-5{
        padding-top: 0rem !important;
    }
    .lets-unpack .unpack-item.mt-4{
        margin-top: 0rem !important;
    }
    .secure-pa h2 {
        font-size: 25px;
        padding-bottom: 3rem;
    }
    .organise-in-item.pb-5 {
        padding-bottom: 2rem !important;
    }
    .site-footer .middle-content{
        display: ruby-text !important;
    }
    .site-footer .disclaimer{
        margin-top: 1rem;
    }
    .site-footer .nav-link, .site-footer .nav-link:hover, .site-footer .nav-link:visited, .site-footer .nav-link:focus{
        padding-top: 1.5rem;
    }
    .btn.btn-theme-primary, .btn.btn-theme-primary:hover, .btn.btn-theme-primary:focus, .btn.btn-theme-primary:visited{
        padding: 10px 10px;
    }
    .heading-main-container .heading-main {
        font-size: 35px;
        line-height: 41px;
    }
    .heading-main-container .heading-main svg{
        display: none;
    }
    .heading-main-container .car-road svg, .heading-main-container .fly-plane svg, .heading-main-container .boat svg, .heading-main-container .book-end svg {
        display: block;
    }
    .heading-main-container .car-road {
        top: -51px;
        left: 108px;
    }
    .heading-main-container .fly-plane {
        right: 0px;
        top: -73px;
    }
    .heading-main-container .boat {
        top: 102px;
        left: 32px;
    }
    .heading-main-container .book-end {
        right: 82px;
        bottom: -62px;
        z-index: -1;
    }
    .heading-main-container .heading-main br{
        display: none;
    }
    .organise-trip img{
        width: 100%;
    }
    body{
        padding-bottom: 0;
    }
    .site-footer .download-buttons, .site-footer .bottom-content, .site-footer img {
        text-align: center !important;
    }
    .site-footer .circle-right, .site-footer .circle-left{
        width: 250px;
        height: 250px;
    }

    .sidenav {
        height: auto;
        width: 0;
        position: fixed;
        z-index: 99999;
        top: 0;
        background-color: #0D1F23;
        overflow: hidden;
    }

    .sidenav {
        right: 0;
    }

    #mySidenav .nav-link i, #mySidenav .nav-link img, #mySidenav .nav-link .icon-xs {
        height: 35px;
        width: 35px;
        color: white;
        display: inline-block;
    }
    .main-navbar li a {
        color: #fff;
    }
}