/******PERSONAL AREA*****/

.personal-vacations .vacation-upcoming .vacation-head h3:nth-child(2n){

    display: flex;

    gap: 10px;

}

.flight_detail ul li, .flight_detail div {

    color: #2F3A4C;

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    margin-top: 5px;

}

.flight_detail ul, .flight_detail div{

    list-style: disc;

    padding-right: 20px;

}

.flight_detail ul li a, .flight_detail ul li span,  .flight_detail div{

    color: #3060AF;

    text-decoration: underline;

    text-decoration-style: solid;

}

.flight_detail .info-link{position: relative;gap: 4px;flex-direction: row;}

.flight_detail .info-link:before{

    content: "";

    background: #2F3A4C;

    width: 4px;

    height: 4px;

    position: absolute;

    top: 7px;

    right: -14.4px;

    border-radius: 30px;

}

.toggle_div{

  display: block;

}

 .tabsmenu{

    display: none ;

}

.vacation-hotel-tag{

    display: none !important;

}

.personal-vacations .vacation-hotel{

    display: block;

}

.personal-vacations .vacation-hotel h4{

   border-left: solid 0px #e6e6e6;

    margin-left: 0; 

    margin-bottom: 28px;  

    color: #2f3a4c;

    font-size: 14px;

    font-weight: bold;    

    display: flex;    

    align-items: center;    

}

.personal-vacations .vacation-hotel h4 svg {

    margin-left: 10px;

}

.personal-vacations .vacation-hotel h4 .label{

    color: #5B6D8A;

    text-align: right;

    font-size: 16px;

    font-weight: 400;

    line-height: 1;

    min-width: 78px;

    display: inline-block;

    margin-left: 16px;    

}

.hotel_name{

    color: #3060AF !important;

    font-size: 16px !important;

    font-style: normal;

    font-weight: 700 !important;

    line-height: 1;

}

.personal-vacations .vacation-hotel .rating {

    font-size: 0.96875rem;

    color: #fff;

    border-radius: 12px;

    background: #1FABE7;

    display: flex;

    padding: 2px 6px;

    align-items: center;

    gap: 2px;

    margin-right: 4px;    

}

.hotel_title{

    border-bottom: 2px solid #3060AF;

}

.hotel_title a{

    cursor:pointer;

   color: #3060AF; 

   font-size: 12px;

}

.icon-star {

    content: url(/app/themes/skideal/dist/images/star-icon.svg);

}

.mobile_view{

    display: none;

}

.tab-content {

  display: none;

  margin-top: 20px;

  padding: 15px;



}

.personal-vacations .vacation-flights > li .vacation-flight-head{

   display: flex;

    align-items: center;  

}

.personal-vacations .vacation-flights > li .vacation-airline{

    padding: 0px;

}

.pastVac_menu{

    margin-bottom: 30px;

}

.past-vacation-body{display: none;}

.past-vacation-body.active{display: block;}

a.past-Vac {

    font-size: 14px;

    color: #5b6d8a;

    border: 1px solid rgba(91, 109, 138, 1);

    border-radius: 50px;

    padding: 11px 16px;

    display: inline-block;

    cursor: pointer;

}

.pastVac_menu{

  display: flex;

    align-items: center;

    justify-content: center;  

}

.icon-transform-flip {

    -webkit-transform: rotate(0deg) !important;

    -o-transform: rotate(180deg) !important;

    transform: rotate(0deg) !important;

}

.personal-vacations .personal-vacation.vacation-upcoming .vacation-head h3 span {

        margin-top: 2px;

    }

    .page-id-34263 .site-header-mobile, .page-id-34263  .site-header, .page-id-34263 footer, .page-id-34263 .sticky-whatsapp,

    .page-id-34263 #acwp-toolbar-btn-wrap{

        display: none !important;

    }
.page-id-34263 .faq-excerpt{margin-top: 0px;}
    .faq_desktop{

        display: none;

    }

    .faq_desktop.active{

        display: block;

    }

@media(max-width: 990px) {

    .template-personal-data .sticky-contact-toggle{

        display: none;

    }

}

@media(max-width: 767px) {

    .desktop-nav, .desktop_view, .faq_desktop, .faq_desktop.active{

        display: none !important;

    }

    .personal-vacations .personal-vacation .vacation-card .vacation-body {

        padding: 1.5625rem 0rem;

    }

    .tab-content.active {

      display: block;

    }

    .mobile_view{display: block;}

    .page.page-id-481 #acwp-toolbar-btn-wrap{

            bottom: 20px;

    }

.personal-area .personal-sidebar ul.personal-nav>li{

   border-bottom: 0px;

   position: relative;

}

.personal-area .personal-sidebar ul.personal-nav>li>a{

    font-size: 14px;

    color: #5b6d8a;

    border: 1px solid rgba(91, 109, 138, 1);

    border-radius: 50px;

    padding: 11px 16px;    

}

.personal-area .personal-sidebar ul.personal-nav>li a.active{

    padding-bottom: 11px;

    color: #fff;

    border-bottom: 0px solid #2f3a4c; 

    background: rgba(47, 58, 76, 1);    

    

}

.personal-area .personal-sidebar ul.personal-nav{

    border-bottom: 0px;

    margin-bottom: 25px;    

}

.personal-vacations .personal-vacation.vacation-upcoming .vacation-head h3{

    background: none;

        font-size: 20px;

        font-weight: 900;

        color: rgba(47, 58, 76, 1);    

}

.personal-vacations .personal-vacation.vacation-upcoming .vacation-head{

            background: linear-gradient(124.38deg, #DCF1FA 29.69%, #F0F5F8 155.6%);

                border-top-left-radius: 32px;

        border-top-right-radius: 32px; 

            box-shadow: none;    

}

.personal-vacations .personal-vacation .vacation-card .vacation-title{

        background: rgba(229, 243, 249, 1);

        border-radius: 8px;    

}

.personal-vacations .personal-vacation.vacation-upcoming .vacation-card .vacation-title{

    font-weight: bold;

}

.vacation-airline {

  display: none;

  transition: all 0.3s ease;

}



.vacation-airline.active {

  display: block;

}

.personal-area .personal-sidebar .mobile-sub-nav button.active{

        border-bottom: 2px solid rgba(47, 58, 76, 1);

            color: rgba(47, 58, 76, 1) !important;

}

.personal-area .personal-sidebar .mobile-sub-nav button{

        background-color: transparent !important;

        color: rgba(91, 109, 138, 1) !important;

        box-shadow: none;   

        border-radius: 0px;

        padding: 0px;     

}

 .personal-vacations .personal-vacation .vacation-card{

    box-shadow: none;

}

.personal-vacations .personal-vacation.vacation-upcoming .vacation-head .flight-details{

    box-shadow:rgb(0 0 0 / 7%) 0px 25px 20px -20px;

}

.personal-vacations .vacation-flights>li .flight-details{

    max-width: 65%;

    margin: 0 auto;

}

.personal-vacations .vacation-services .vacation-services-list .vacation-service p{

        color: rgba(91, 109, 138, 1) !important;

}



.personal-area .personal-sidebar ul.personal-nav>li:first-child a:before {

    content: "";

    content: url(/app/themes/skideal/dist/images/airplane-default.png);

    width: 20px;

    height: 20px;

    position: absolute;

    right: 8px;

    top:26px;

    z-index: 999;

}
.personal-area .personal-sidebar ul.personal-nav>li:first-child a.active:before {
        content: url(/app/themes/skideal/dist/images/white-airplane-icon.png);
         top:32px;
}
.personal-area .personal-sidebar ul.personal-nav>li:nth-child(2n) a:before {

    content: "";

    content: url(/app/themes/skideal/dist/images/faq-icon.png);

    width: 20px;

    height: 20px;

    position: absolute;

    right: 8px;

    top:28px;

    z-index: 999;

}
.personal-area .personal-sidebar ul.personal-nav>li:nth-child(2n) a.active:before{
    content: url(/app/themes/skideal/dist/images/faq-active.png);  
}
.personal-area .personal-sidebar ul.personal-nav>li a {



    padding-right:33px;

}

.vacation-section.vacation-head h3:nth-child(2n) {

    border-radius: 20px;

    background: #1FABE7 !important;

    color: #fff !important;

    width: 195px;

    margin: 0 auto;

    height: 60px;    

    padding: 12px 20px 12px 15px !important;

}

.personal-vacations .vacation-action .vacation-action-label span{

    color: #5b6d8a;

}

.icon-hotel-black {

    content: url(/app/themes/skideal/dist/images/hotel-icon.png);

}

    .icon-airplane-black {

    content: url(/app/themes/skideal/dist/images/airplane-black.png);

}

.icon-services-black {

    content: url(/app/themes/skideal/dist/images/services-black.png);

}

.personal-vacations .vacation-upcoming .vacation-head h3:nth-child(2n)>div{

    display: inline-grid;

    color:  #FFF;

    text-align: center;

    font-size: 27.45px;

    font-style: normal;

    font-weight: 900;

    line-height: 1;   

    position: relative;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.personal-vacations .vacation-upcoming .vacation-head h3:nth-child(2n)>div span{

    margin-top: 0px;

}

span.timeTax {

    color: #F0F0F0;

    text-align: center;

    font-size: 10.61px !important;

    font-style: normal;

    font-weight: 400 !important;

    line-height: 10.61px;

}

.personal-vacations .vacation-upcoming .vacation-head h3:nth-child(2n){

    justify-content: center;

    align-items: center; 

    gap: 40px;

    position: relative;

}

.personal-vacations .vacation-upcoming .vacation-head h3:nth-child(2n):before{

    content:"";

    background: #fff;

    height: 70%;

    width: 1px;

    position: absolute;

    left: 0px;

    right: 0;

    margin: 0 auto;

    top: 10px;

}

.userProfile span{

    color: #2F3A4C;

    text-align: center;

    font-size: 18px !important;

    font-style: normal;

    font-weight: 400 !important;

    line-height: 1;

}

.userProfile .profile_name{

    color: #2F3A4C;

    text-align: center;

    font-size: 16px !important;

    font-style: normal;

    font-weight: 900 !important;

    line-height: 1;

    margin-right: 5px;

    margin-left: 5px;    

}

.userProfile{

    display: flex;

    align-items: center;

    justify-content: center;

}

.vacation-disclaimer{

    margin-top:10px;

     padding: 3px 0.625rem 0.9375rem;

    display: inline-block;   

}

.vacation-flight-head{

    border-bottom: 2px solid #E5F3F9;

    margin-top: 10px;

    position: relative;

}

.vacation-flight-head:before{

    content: "";

        background: url(/app/themes/skideal/dist/images/chevron-up.svg);

        position: absolute;

        left: 0px;

        width: 30px;

        height: 32px;

        background-repeat: no-repeat;

        top: 0;

        background-position: center;

        transition: all linear .5s;

}

.vacation-flight-head.active:before{

    transform: rotate(180deg);

}

/*.toggle_div{*/

/*    display: none;*/

/*}*/

  .tabsmenu {

    display: none;/*flex*/

    gap: 12px;

    margin-bottom: 20px;

    padding-bottom: .25rem;

  }

  .tabsmenu li a {

    font-size: 14px;  

    border: 0;

    line-height: 20px;

    background: none;

    cursor: pointer;

    color: #5B6D8A;

    padding: 5px 0;   

    text-align: center;

    font-weight: 700;

  }

 .tabsmenu li a.active {

    color:  #2F3A4C;

    border-bottom: 2px solid #2F3A4C;    

    text-align: center;

    font-weight: 700;

  }

.personal-vacations .vacation-upcoming .vacation-head h3:first-child{

    display: flex;

    justify-content: center;

    align-items: center;

}

.personal-vacations .vacation-upcoming .vacation-head h3:first-child span{

    line-height:5px;

}

.toggle_div .info-link{display: none;}

}





@media (max-width: 768px) {

  /*.toggle_div {*/

  /*  display: none;*/

  /*}*/

  .toggle_div.active {

    display: block; 

  }

}