@font-face {
    font-family: "Plus Jakarta Sans";
    src:url('/assets/fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: "Epilogue";
    src: url(../fonts/Epilogue-VariableFont_wght.ttf);
}
html,body{
    background-color: #fff;
    width: 100%;
}
body,.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,.footer  {
    font-family: "Plus Jakarta Sans";
    color: #000;
}
#wrapper{
    overflow: auto;
}
#wrapper>.container{
    padding-bottom: 15px;
    padding-top: 92.75px;
    min-height: 100vh;
}
.min-vh-100 {
    min-height: calc(100vh - 107.75px) !important;
}
.pro-user-name {
    color: #fff;
}
.nav-pills{
    background: #fff;
}
.nav-pills .nav-link{
    padding: 0.5rem 1.2rem;
    border: 1px solid #D3D3D3;
    font-weight: 500;
    color: #000;
}
.nav-pills .nav-link.active {
    background-color: #000 !important;
    color: #FFF;
/*    transition: 1.3s;*/
}
/*.card {
    border-radius: 13px;
}
.card-header.trip-background-image {
    background-image: url('/assets/images/trip-images/trip-image.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 8.7rem;
}
.card-header .expire-days {
    border-radius: 13.505px 0px;
    background: #CFFF0D;
}*/
.text-primary {
    color: #4B4B4B !important;
    font-size: 16.544px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.text-secondary {
    color: #B0B0B0 !important;
    font-size: 16.544px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
button.create-new-trip-btn,button.create-new-trip-btn:active,button.create-new-trip-btn:hover,button.create-new-trip-btn:focus {
    color: #000;
    background-color: #CFFF0D;
    border-color: #CFFF0D;
    border-radius: 0.2rem;        
    width: 180px;
    text-align: left;
    height: 40px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0.5rem;
}
.btn-green,.btn-green:hover{
    border-radius: 0.5rem;
    background: #CFFF0D;
    color: #000;
    font-weight: 700;
    padding: 0.4rem 1rem;
    font-size: 0.9rem;
}
#create-new-tripe .dropdown-menu {
    font-size: 16px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 1rem;
}
.img-profile{
    height: 23px;
}
.create-new-trip-menu{

}
.create-new-trip-menu li{
    
}
.create-new-trip-menu li a{
    padding: 0.5rem 0.9rem;
}
.create-new-trip-menu li img{
    padding-right: 0.7rem;   
}
.trip-card{
    border: none;
    border: 0.15rem solid rgba(0, 0, 0, 0.10);
    border-radius: 0.2rem;
    height: 17rem;
}
.trip-card .card-header{
    background-color: #fff;
    border: none;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}
.trip-card .ago-badge{
    position: absolute;
    background: #CFFF0D;
    margin: 0;
    padding: 0.6rem 1rem;
    text-transform: uppercase;    
    font-size: 0.8rem;
    font-weight: 700;
    border-bottom-right-radius: 0.2rem;
}
.trip-card .city-img {
    height: 16.8rem;
}
.trip-card .card-body{
    border: none;
    padding: 1rem;
    border-radius: 1rem;
    max-height: 16.8rem;
    overflow-y: auto;
}
.trip-card .card-header img{
    /*border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;*/
    height: 250px;
}
.color-grey{
    color: #B0B0B0;
}
.trip-card:hover{
    border: 0.15rem solid #B9FE4D;
    background: #FFF;
    box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.13);
    cursor: pointer;
}
.time-difference-container {
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.time-difference-container .content {
    padding: 0 20px;
    font-size: 0.85rem;
    white-space: nowrap;
    font-weight: 600;
}
.line {
    flex-grow: 1;
    border-top: 1px solid #a5a5a5;
}
.trip-detail-title {
    position: relative;
    top: 0.1rem;
}
/*weather widget*/
.weather-widget {
    background: #ffffff;
    border-radius: 20px;
/*    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);*/
    padding: 10px;
    border: 1px solid #ededed;
    height: 290px;
    text-align: center;
    color: #333333;
    width:100%;
    text-transform: capitalize;
}
.weather-widget i{
    font-size: 28px;
    margin-bottom: 2px;
    margin-top: 2px;
    color: #000;
}
.weather-widget h2, .weather-widget h4, .weather-widget p{
    color: #000;
}
.weather-widget h2 {
    margin: 0 0 10px;
    font-size: 18px;
}

.weather-widget img {
    width: 50px;
    margin: 5px 0;
}
.weather-widget .forecast-main img{
    width: 100px;
}

.weather-widget p {
    margin: 5px 0;
    font-size: 13px;
}
.forecast{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 15px;
}
.forecast, .forecast-main {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.forecast-main div{
    flex: 1;
}
.forecast-main div:nth-child(2){
    text-align: left;
    padding-top: 5px;
}

.forecast div {
    text-align: center;
    flex: 1;
    color: #666666;
/*    max-width: 88px;*/
}

.forecast div:not(:last-child) {
    border-right: 1px solid rgba(200, 200, 200, 0.5);
}

.forecast h4 {
    margin: 5px 0;
    font-size: 12px;
}

.forecast img {
    width: 30px;
}
/*end weather widget*/
nav.navbar{
    background: rgba(13, 31, 35, .98);
    border-bottom: 1px solid rgba(150, 200, 200, 0.2);
}
.add-trip-plane{
    position: relative;
    bottom: 2rem;
    right: 1rem;
}
.form-control{
    color: #000;
}
.add-trip.form-control{
    border: none;
    border-bottom: 1px solid;
    border-radius: unset;
    width: 50%;
    font-size: 1.7rem;
    font-weight: 700;
}
.add-trip-section-left,.add-trip-section-right{
    padding-bottom: 10rem;
}
.add-trip-section-left{
    text-align: left;
}
.add-trip-section-right{
    text-align: center;
}
.add-trip-section-right img{
    width: 60%;
}
.back-icon{
    width: 12px;
    margin-right: 0.4rem;
    cursor: pointer;
}
.trip-field-grpup label{
    color: #27462F;
/*    text-transform: uppercase;*/
    padding-bottom: 0.5rem;
    font-size: 14px;
}
.trip-field-bg,.trip-field-bg:focus{
    border: 1px solid #E6E6E6;
    background: #F7F8FA;
    padding: 0.7rem 0.9rem;
    font-size: 16px;
    font-weight: 700;
}
.download-app {
    color: #FFF;
    text-align: center;
    font-size: 15.203px;
    font-weight: 400;
    line-height: 19.004px;
    background-color: #000;
    border: 0;
}
.dropzone{
    min-height: 130px;
    padding: 5px 20px;
}
.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;
}
.notification-title img{
    height: 33px;
    width: 33px;
    border-radius: 25px;
    border: 1px solid #cecece;
    padding: 2px;
}
.profile-dropdown .notify-item svg,.profile-dropdown .notify-item img{
    height: 20px;
    width: 20px;
}
.profile-dropdown{
    right: 1.5rem !important;
}
.loader-wrapper .loader{
    background: #000;
    background: linear-gradient(90deg, #000 10%, transparent 42%);
}
.loader-wrapper .loader.loader:before{
    background: #000;
}
.add-trip-step{
    margin-top: 8rem;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border: 1px solid #B9FE4D;
    background: #B9FE4D;
    color: #000;
}
.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover{
    background: #B9FE4D !important;
    color: #000 !important;
    border-color: #B9FE4D !important;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus{
    background: #fff;
}
.card-profile{

}
.card-profile-bg-img{
    background-color: black;
    border-radius: 0.5rem;
    width: 100%;
}
.trip-count{
    left: 39%;
    top: 40%;
    letter-spacing: 1.488px;
}
.trip-count h1{
    font-size: 3.5rem;
}
.trip-count .trip-title{
    font-size: 26.77px;
    letter-spacing: 2.678px;
}
.ui-autocomplete {
    position:absolute;
    cursor:default;
    z-index:1001 !important;
    height: 13rem;
    overflow-y: scroll;
    overflow-x: hidden;

}
.ui-autocomplete-loading { 
    background:url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif) no-repeat right center !important;
}
.trip-list-border-b{
    border-top: 2px dashed;
    margin: 1rem auto;
}
.upload-ticket-pass {
    height: 11.3rem;
    max-height: 11.3rem;
    border-radius: 0.5rem;
    border: 2px dashed #000;
}
.profile-img-div {
    top: 77%;
    left: 3%;
}
.profile-img-div img{
    width: 150px;
}
.profile-img-edit{
    top: 4rem;
    left: 10rem;
    display: inline-block;
    cursor: pointer;
}
.profile-img-edit .edit-img{
    width: 1.4rem;
    height: 1.4rem;
}
.profile-img-edit .edit-img img{
    width: 1rem;
}
.profile-from-group {
    padding-bottom: 1.2rem;
}
.profile-from-group img,.profile-from-group i,.profile-from-group svg{
    position: absolute;
    top: 1.25rem;
    left: 1.5rem;
}
.profile-from-group .form-control{
    border-radius: 1rem;
    padding: 0.9rem 2.5rem;
    font-size: 1rem;
}
.intl-tel-input .flag-dropdown{
    top: -0.15rem;
}
.intl-tel-input .flag-dropdown .selected-flag, .intl-tel-input .flag-dropdown .selected-flag:hover{
    border: none !important;
    background: transparent !important;
    margin-top: 20px;
    padding: 4px 18px 10px 12px !important;
}
.intl-tel-input input#phone-number{
    padding-left: 3.5rem;
    padding-right: 0;
    height: 54.052px !important;
}
button.update-profile {
    border-radius: 1rem;
    background: #CFFF0D;
    font-size: 16px;
    padding: 1.2rem 1rem !important;
}
.card-setting{
    border-radius: 0.75rem;
    box-shadow: 0px 12px 25px 0px rgba(157, 157, 157, 0.25);
    border: 1px solid #EDEDED;
}
.switch {
    visibility: hidden;
    position: absolute;
    margin-left: -9999px;
}

.switch + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}

.switch--shadow + label {
    padding: 2px;
    width: 2.743rem;
    height: 1.668rem;
    background-color: #dddddd;
    border-radius: 60px;
}
.switch--shadow + label:before,
.switch--shadow + label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
}
.switch--shadow + label:before {
    right: 1px;
    background-color: #78788029;
    border-radius: 60px;
    transition: background 0.4s;
}
.switch--shadow + label:after {
    width: 24px;
    background-color: #fff;
    border-radius: 100%;
    transition: all 0.4s;
}
.switch--shadow:checked + label:before {
    background-color: #34C759;
}
.switch--shadow:checked + label:after {
    transform: translateX(18px);
}
.accordion-button::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
#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;
}
.input-error {
    border: 1px solid red;
}
.input-success {
    border: 1px solid green;
}

/*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;
    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*/

.trip-card.with-map{
    height: auto;
}
.trip-card.with-map .card-body {
    max-height: 30rem;
}
.btn#destination-btn{
    bottom: -20px;
    left: 22%;
}
.border-right.verticle-border{
    border-right: 1px solid rgba(0, 0, 0, 0.10);;
}
#trip-details .accordion-header .accordion-button p{
    color: #4B4B4B;
    font-weight: 500;
    line-height: normal;
}
#trip-details .accordion-header .accordion-button span{
    color: #848688;
    line-height: normal;
    font-weight: 400;
}
#trip-details .accordion-button::after {
    background: url("/assets/images/arrow-down.svg");
    background-repeat: no-repeat;
}
#trip-details .accordion-button::after, #trip-details .accordion-button:not(.collapsed)::after {
    background: url("/assets/images/arrow-down.svg");
    background-repeat: no-repeat;
}
#trip-details .carousel-inner {
    padding: 1em;
}
#trip-details .carousel-inner img{
    width: 100%;
}
#trip-details .carousel-control-next{
    right: -8px;
}
#trip-details .carousel-control-prev{
    left: -8px;
}
#trip-details .carousel-control-next, #trip-details .carousel-control-prev{
    width: 30px;
    height: 30px;
    top: 100px;
    border-radius: 100%;
    background: #f4f4f4;
    opacity: 1;
}
#trip-details .carousel-control-prev-icon, #trip-details .carousel-control-next-icon{
    width: 30px;
    height: 30px;
}
#trip-details .carousel-control-prev-icon {
    background-image: url("/assets/images/scroll-right.svg");
}
#trip-details .carousel-control-next-icon {
    background-image: url("/assets/images/scroll-left.svg");
}
#trip-details .upload-document{
    border-radius: 10.464px;
    border: 1.263px dashed #000;
    height: 181px;
    padding: 4.36px;
    cursor: pointer;
}
#trip-details .card-item{
    border-radius: 10px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.09);
    padding: 15px;
}
#trip-details .add-notes, #trip-details .add-packing-item{
    border: 1px dashed #000;
}
#trip-details .add-notes, #trip-details .add-packing-item, #trip-details .btn-save-notes,#destination-btn{
    border-radius: 12px;
}
div:where(.swal2-icon).swal2-warning {
    border-color: #0D1F23 !important;
    color: #0D1F23 !important;
}

button.swal2-confirm.swal2-styled.swal2-default-outline {
    background-color: #0D1F23 !important;
    box-shadow: none;
}

/*flight details*/
.flight-info-card {
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    padding: 20px;
    width: 100%;
}
.flight-info-card:hover {
    border: 1px solid #B9FE4D;
    box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.13);
}
.flight-info-card .flight-header {
    display: flex;
    align-items: center;
}
.flight-info-card .flight-header img {
    width: 60px;
}
.flight-info-card .flight-header h1 {
    margin: 0;
    font-size: 24px;
}
.flight-info-card .flight-details {
    margin-top: 20px;
}
.flight-info-card .flight-details div {
    margin-bottom: 10px;
}
.flight-info-card .airport-info {
    display: flex;
    justify-content: space-between;
}
.flight-info-card .airport-info div {
    text-align: center;
}
.flight-info-card .airport-info .time {
    font-size: 18px;
    font-weight: bold;
}
/*end flight details*/
.add-place, .add-place:hover {
    border: 1px solid #D9D9D9;
    color: #8A8A8A;
    line-height: normal;
}

.btn-primary:active, .btn-primary:focus {
    color: #000;
    background-color: #B9FE4D;
    border-color: #B9FE4D;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    cursor: pointer;
}
.form-check-input:checked {
    background-color: #0D1F23;
    border-color: #0D1F23;
}
.packing-list .form-check .form-check-input {
    width: 1rem;
    height: 1rem;
    position: relative;
    top: -3px;
}

/* 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;
}
@media (min-width: 768px) {
    #trip-details .carousel-item {
        margin-right: 0;
        flex: 0 0 33.333333%;
        display: block;
    }
}
@media (max-width: 768px) {
    .nav-user {
       padding-left: 0 !important;
    }
    .add-trip-section-left{
        padding-top: 5rem;
    }
    .add-trip-section-left, .add-trip-section-right{
        padding-bottom: 1rem;
    }
    .add-trip-section-right{
        text-align: left;
    }
    .trip-count {
        left: 31%;
    }
    #profile-img-div{
        left: 6%;
        top: 67%;
    }
}