.packageDetailsBox{margin-bottom:2rem !important;}
.packageDetailsTtl{font-size:1.1rem;font-weight: bold;font-style: italic;background:linear-gradient(45deg,#e6f3ff,#fff);padding-left:1rem;margin-bottom: 1rem;}
.includeCards {display: flex;flex-wrap: wrap;gap:1.5rem;}
.includeCards .card{display: grid;place-items: center;font-size:.9rem}
.includeCards img{height:50px}
.packageDetailsBox ul li{color: #66747c;font-size: 14px;margin-bottom: 8px;position: relative;padding-left: 20px;line-height: 23px;}

.tourIterary .tourDay{display:flex;flex-direction:column;border-bottom:1px solid lightgray;cursor: pointer;}
.tourIterary .tourHead{position:relative;text-align:justify;padding:1rem 2rem 1rem 1rem;}
.tourIterary .tourHead strong{font-weight:inherit;}
.tourIterary .tourHead:not(.active):hover{background:#f0f8ff;}
.tourIterary .tourHead:after{content:"\f0d7";font-weight:900;font-family:"Font Awesome 5 Free";position:absolute;right:0px;top:1rem;}
.tourIterary .tourHead span{background:#81d0ff;display:inline-block;padding:.2rem .3rem;border-radius:6px;}
.tourIterary .tourBody{height:0px;overflow:hidden;opacity:.8;}
.tourIterary .tourBody p{margin-bottom:.5rem;font-size:1.1rem;line-height:150%;}
.tourIterary .tourBody p::first-letter{margin-left:1rem;}
.tourIterary .tourBody p:last-child{margin-bottom:unset;}

.tourIterary .tourHead.active strong{font-weight:600;}
.tourIterary .tourHead.active+.tourBody{height:unset;overflow:unset;padding:0 1rem 1rem;}
.tourIterary .tourHead.active:after{content:"\f0d8";}

.contentBox .aside {max-width: 350px;}
.contentBox .aside >.inner {padding:1rem;}
.contentBox .aside hr{opacity:.2;;margin:.5rem 0}
.contentBox .aside .ttl{color:var(--colPri);margin:.4rem 0}
.packagesCategoryTags{display: flex;flex-wrap: wrap;gap:.4rem}
.packagesCategoryTags div{flex:1 1 25%;font-size:.9rem;text-align: center;padding:.4rem .2rem;border-radius:.2rem;background:#fff;border:1px solid #fff}
.packagesCategoryTags div .rate{display: block;}
.packagesCategoryTags div.active{background: #3f9cff;color:#fff;}
.packagesCategoryTags div:hover{border-color:#3f9cff;}

.pkgModifyBtn{background: #ffc107;padding: 2px 10px;border-radius: 2px;color: #FFF; float: right;font-size: 14px;cursor:pointer;}
.packageIsland {color:#000;}
.packageIsland i{opacity:.8;}
.btns.bookBtns.themeBtn{margin:1rem 0 0;gap:.5rem}
.btns.bookBtns .btn{flex:1 1 50px;padding:15px;color:#fff;border-radius:.9rem}
.btns.bookBtns .btn:hover{color:var(--colPri)}
.btns.bookBtns .btn.alt{background:#fff;color:var(--colPri);font-weight: normal;}

.packageOptionCards{display: flex;flex-wrap: wrap;gap:1rem;}
.packageOptionCards .card{flex:1 1 300px;border:1px solid lightgray;padding:1rem;border-radius:1rem;color:var(--colText);}
.packageOptionCards .card.active {border-color:#3f9cff}
.packageOptionCards .pkgHotDetBtn{margin-top:.5rem;}/* pkg hotel detail btn */
.packageOptionCards .pkgHotDetBtn:hover{cursor: pointer;background: aliceblue;}
.packageOptionCards .pkgHotelNames{height:0;overflow: hidden;color:#3e3e3e;margin-top:.5rem;}
.packageOptionCards .pkgHotelNames.active{height:unset;}
.packageOptionCards .pkgHotelNames hr{opacity: .3;}
.priceBox .plan{font-size:1.3rem;color:#00a100;font-weight: bold}
.priceBox .net{color:#ff4f4f;position: relative;}
.priceBox .net::after{content:'';background:#ff0000a0;width:90%;height:1px;position: absolute;top:50%;left:50%;;transform:translate(-50%,-50%) rotateZ(-15deg);}
.packageOptionCards .hotStars .fa-star{color:#c7c7c7;}
.packageOptionCards .hotStars .yellow{color:#f7b500;}
.packageOptionCards .btn{color:rgb(0, 94, 255);}
.packageOptionCards .btn:hover{text-decoration:underline;cursor: pointer;}
.packageOptionCards ul li {padding-left:0;border-bottom:1px solid lightgrey;}
.packageOptionCards ul li:nth-last-child(-n+2){border:none;}

.includeExculeBox .mainBoxBody{display: flex;gap: 1rem;flex-wrap: wrap}
.includeExculeBox .packageDetailsBox{flex:1 1 550px;}

.pkgEditModal>.inner{max-width:500px;}
.pkgEditModal .modalBody{padding:1rem}
.pkgEditModal .formGroup{display: flex;gap:1rem;width:100%}
.pkgEditModal .roomCountBox{display: flex;flex-wrap: wrap;gap:1rem;width:100%;border:1px solid #c0e7e7;border-left:none;border-right:none;padding-block:10px;margin-top:10px;}
.pkgEditModal .roomCountBox .formGroup .group:nth-child(n+2){max-width:110px;}
.pkgEditModal .roomNoCss{padding:.1rem;background:#79ff79;border-radius:.2rem;display:inline-block;}


.pkgInclusion ul li::before{content:'\f00c';font-size:11px;line-height:23px;color:#3a9e63;font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0px;top:0%;}
.pkgExclusion ul li::before{content:'\f00d';font-size:11px;line-height:23px;color:#ff5454;font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0px;top:0%;}

/* packages page */

.tags{display: flex;flex-wrap:wrap;justify-content: center;gap:1rem;margin-top:1rem}
.tags .tag{display: inline-block;background:aliceblue;padding:.3rem 1rem;color:inherit;border-radius:1rem;border:1px solid rgb(220, 239, 255)}


@media screen and (max-width:900px){
  .contentBox{flex-direction: column-reverse;}
  .contentBox .aside{max-width:unset;}
  .passengerDetailsBox{display: flex;gap:5px;flex-wrap: wrap;justify-content: space-between;}
  .packagesCategoryTags div {flex:1 1 100px;}
  .tourIterary .tourHead {padding: 5px 1rem 5px 5px;}
  .tourIterary .tourHead.active+.tourBody{padding:0 5px;}
  .pkgCalBox.formBox6{padding:1rem 0;}
  .pkgCalBox .group.roomCountAdd{width:100px;}
  .pkgEditModal .roomCountBox .formGroup .group:nth-child(n+2){max-width:80px;}
}