/* <!-- banner & card-start --> */
.hotel-descript :where(ol,ul,li){list-style: unset;list-style-position: inside;}
.banner{background-image: url('../images/floral-back.webp'); background-repeat: no-repeat; margin-bottom: 25px; margin-top: 20px; background-position: 50% 0px;}
.detail-card{float: left; width: 100%; background-color: #f6fcff; padding: 37px 10px;}
.detail-card :where(h2,h1) {font-size: 27px;font-family:'NunitoSans';font-weight:800;color: #000; margin-bottom: 40px;}
.detail-card ul li img {height: 22px; margin-top: -7px;}
.detail-card ul li:nth-child(3){float: left; width: 100%; text-align: center;}
.detail-card ul li {float:left;width:50%;font-size:14px;font-family:'NunitoSans';font-weight:400;white-space: nowrap; margin-bottom: 40px;}
.detail-card .price{float: left; width: 100%; margin-bottom: 15px;}
.detail-card .price span {float: left; font-size: 20px;font-family:'NunitoSans';font-weight:600;color: #000;}
.detail-card .price hr{float: left; width: 20%; opacity: 1; background-color: #b0b3b5; margin: 16px 10px 16px 30px;}
.detail-card .price label {color: #6b6b6b; font-size: 18px;font-family:'NunitoSans';font-weight:400;margin-top: -22px;}
.detail-card .price label strong {color: #005b7f; font-size: 40px;font-family:'NunitoSans';font-weight:800;}
.detail-card .price label sub {bottom: 0px;}
.detail-card .feature {float: left; width: 100%; margin-bottom: 10px;}
.detail-card .feature ul li{float: left; width: 20%; text-align: center; margin-bottom: 20px;}
.detail-card .feature ul li img {height: unset; margin: unset; margin-bottom: 5px;}
.detail-card .feature ul li img:hover{transform: scale(1.2); transition: .1s;}
.detail-card .feature ul li small {float: left; width: 100%; color: #6b6b6b;}
.detail-card .contact-btn{float: left; width: 100%;}
.detail-card .contact-btn span {font-size: 16px; color: #000;font-family:'NunitoSans';font-weight:600;padding-right: 10px;}
.detail-card .contact-btn a {display: inline-block; background-color: #005b7f; height: 50px; line-height: 49px; padding: 0px 10px; text-align: center; color: #fff; font-size: 22px;font-family:'NunitoSans';font-weight:700;border-radius: 3px;}
.detail-card .contact-btn a:hover{background-color: #023e56; transition: .3s;}
/* <!-- banner & card-end --> */
.hajj-pack{margin-bottom: 10px;}
.hajj-pack .hajj-pack-txt {float: left; width: 100%; margin-bottom: 20px;} 
.hajj-pack .hajj-pack-txt h2 {font-size: 24px; color: #005b7f;font-family:'NunitoSans';font-weight:700;margin:10px 0 15px;}
.hajj-pack .hajj-pack-txt small{float: left; width: 100%;font-size:18px;font-family:'Arial_700';color:#000; margin-bottom: 20px;}
.hajj-pack .hajj-pack-txt > :where(ul, ol) li{float: left; width: 50%; margin-bottom: 10px; color: #757575; font-size: 16px; font-family: 'Arial_400'; background-image: url('../images/dash-icon.svg'); background-repeat: no-repeat; padding-left: 15px; background-position: 0px;}
.hajj-pack .hajj-pack-txt > :where(ul, ol) li:hover{color: #ff8303; transition: .3s;}
.hotel-sec .row:nth-child(2){margin-top:50px}
.hotel-sec .hotel-txt{float: left; width: 100%; background-color: #fafdfe; padding: 20px 30px 20px 15px; margin-bottom: 30px; box-shadow: 0px 0px 5px 0px rgba(193, 193, 193, 0.75);}
.hotel-sec .hotel-txt:hover{box-shadow: 0px 0px 5px 0px rgba(120, 120, 120, 0.75); transition: .3s;}
.hotel-sec .hotel-txt h2 {font-size: 28px;font-family:'NunitoSans';font-weight:700;color: #005b7f; margin-bottom: 15px;}
.hotel-sec .hotel-txt small{font-size: 14px;font-family:'NunitoSans';font-weight:600;color: #005b7f; padding: 0px 3px;}
.hotel-sec .hotel-txt small::before{content: "("; color: #000; padding-right: 3px;}
.hotel-sec .hotel-txt small::after{content: ")"; color: #000; padding-left: 3px;}
.hotel-sec .hotel-txt .hotel-descript {float: left; width: 100%; overflow: hidden; margin: 10px auto; height: 118px;border: none;overflow-y: auto;}
.hotel-sec .hotel-txt .hotel-descript p {font-size: 16px; color: #757575; padding-right: 10px;}
.hotel-sec .hotel-slider {float: left; width: 100%; margin-bottom: 10px;}
.hotel-sec .hotel-slider .carousel-item img {height: 485px;width:100%;object-fit:cover;}
.hotel-sec .carousel-indicators {margin: 0px; position: initial;}
.hotel-sec .carousel-indicators ul {width: 100%; list-style: none; display: flex; justify-content: center; margin: 0px; padding: 0px;}
.hotel-sec .carousel-indicators [data-bs-target]{text-indent: initial; opacity: 1;margin:0 10px;}
.hotel-sec .carousel-indicators .hotel-thumbnail .slick-slide{padding: 0px 10px;}
.hotel-sec .carousel-indicators .hotel-thumbnail .slick-dots li button:before{content: ""!important;}
.hotel-sec .carousel-indicators ul li {width: auto; height: auto; display: inline-block;}
.hotel-sec .carousel-indicators ul li img{width:100%;height:230px;object-fit:cover;}
.hotel-services{float: left; width: 100%; margin-bottom: 20px;}
.hotel-services ul li {float: left; width: 100%; margin-bottom: 20px;}
.hotel-services ul li span {float: left; width: 16%;}
.hotel-services ul li span img{width:72px;height:auto;}
.hotel-services ul li span:hover{transform: scale(1.1); transition: .1s;}
.hotel-services ul li strong {float:left;width:84%;font-size:18px;color:#005b7f;font-family:'NunitoSans';font-weight:800;margin-bottom:5px;}
.hotel-services ul li p{float: left; width: 84%; font-size: 16px; color: #535353;}
/* responsive-start */
@media only screen and (max-width: 1130px) {
    .detail-card h2{font-size: 25px; margin-bottom: 20px;}
    .detail-card ul li{margin-bottom: 30px;}
    .detail-card ul li img {height: 20px; margin-top: -6px;}
    .detail-card ul li {font-size: 12px;}
    .detail-card .price label {font-size: 20px; margin-top: -10px;}
    .detail-card .price label strong {font-size: 28px;}
}
@media only screen and (max-width: 991px) {
    .detail-card h2 {font-size: 22px;}
    .detail-card .price span {font-size: 16px;}
    .detail-card .price hr {margin: 15px 10px 15px 30px;}
    .detail-card .price label {font-size: 16px; margin-top: -12px;}
    .detail-card .price label strong {font-size: 28px;}
    .detail-card .contact-btn a{font-size: 18px;}
    .detail-banner img {height: 390px;object-fit:cover;}
    .hajj-pack{margin-bottom: 30px;}
    .hotel-sec .hotel-txt{padding: 20px 10px;}
    .hotel-sec .hotel-txt h2{font-size: 21px;}
    .hotel-sec .hotel-txt .hotel-descript p{font-size: 14px;}
    .hotel-services ul li span{width: 22%;}
    .hotel-services ul li strong{width: 78%;}
    .hotel-services ul li p{width: 78%; font-size: 14px;}    
}
@media only screen and (max-width: 767px) {
    .detail-banner{margin-bottom: 20px;}
    .detail-card{padding: 27px 10px;}
    .detail-card h2{font-size: 25px; margin-bottom: 25px;}
    .detail-card ul li{font-size: 14px;}
    .detail-card .price span {font-size: 20px;}
    .detail-card .price hr {margin: 16px 10px 16px 30px;}
    .detail-card .price label{font-size: 20px; margin-top: -10px;}
    .detail-card .contact-btn a {font-size: 22px;}
    .hajj-pack .hajj-pack-txt ul li{font-size: 13px;}
    .hajj-pack .hajj-pack-txt ul li i {padding-right: 0px;}
    .hotel-services ul li span{width: 16%;}
    .hotel-services ul li strong{width: 84%;}
    .hotel-services ul li p{width: 84%;}
}
@media only screen and (max-width: 575px) {
    .detail-banner img{height:260px;}
    .detail-card {padding: 20px 10px;}
    .detail-card h2 {font-size: 22px; text-align: center;}
    .detail-card ul li {font-size: 14px;}
    .detail-card ul li {width: 100%;}
    .detail-card .price span {font-size: 16px;}
    .detail-card .price hr {margin: 15px 10px 15px 30px;}
    .detail-card .price label {font-size: 16px; margin-top: -12px;}
    .detail-card .feature ul li small i {font-size: 14px;}
    .detail-card .contact-btn {text-align: center;}
    .detail-card .contact-btn a {font-size: 20px;}
    .hajj-pack{margin-bottom: 20px;}
    .hajj-pack .hajj-pack-txt ul li{float: left; width: 100%; font-size: 14px;}
    .hajj-pack .hajj-pack-txt ul li i {padding-right: 3px;}
    .hajj-pack .hajj-pack-txt h2{text-align: center;}
    .hotel-sec .hotel-txt{padding: 15px 5px; margin-bottom: 20px;}
    .hotel-sec .hotel-txt h2{text-align: center;}
    .hotel-sec .hotel-txt small{float: left; width: 100%; margin-top: 6px;}
    .hotel-sec .hotel-slider .carousel-item img{height: unset;} 
    .hotel-sec .carousel-indicators ul li img {height:200px;width:95%;}
    .hotel-services ul li span {margin-bottom: 10px; width: 100%; text-align: center;}
    .hotel-services ul li strong {width: 100%; text-align: center;}
    .hotel-services ul li p {width: 100%; text-align: center;}   
}