body {
	background: #fafbff;
}

.toprighticonsbar {position:fixed;top:284px;right:0px;min-width:72px;z-index: 2;overflow: hidden; }
.toprighticons img { float:left;margin:15px 0px 0px 0px;display:block; }

.toprighticons {
    font-size: 13px;
	margin-bottom:10px;
	background:#fff;
	color:#000;
	font-family: "Poppins";
    font-weight: bold;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	text-decoration:none;
	padding:0px 15px;
	width: 72px;
	height: 66px;
    overflow: hidden;
    display: block;
    float: right;
	transition: width 0.5s ease; /* Transition for position change */
    line-height: 66px; 
}
.toprighticons span { margin-left:10px; }
.toprighticons:hover{ width:300px; }

.toprighticons2 {
    font-size: 15px;
	margin-bottom:10px;
	background:#fff;
	color:#000;
	font-family: "Poppins";
    font-weight: bold;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	text-decoration:none;
	padding:0px 15px;
	width: 72px;
	height: 66px;
    overflow: hidden;
    display: block;
    float: right;
	transition: width 0.5s ease; /* Transition for position change */
    line-height: 66px; 
}
.toprighticons2 img { float:left;margin:15px 0px 0px 0px;display:block; }
.toprighticons2 span { margin-left:10px; }
.toprighticons2:hover{ width:300px; }


.boughtnotification {
    position: fixed !important;
    bottom: 20px;
    left: 20px;
    background: #fff;
    padding: 15px 40px 15px 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    display: none;
    font-family: Arial, sans-serif;
    font-size: 14px;
    max-width: 280px;
}
.boughtnotification .close-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
    font-weight: bold;
    color: #666;
    font-size: 16px;
  }
.boughtnotification .close-btn:hover {
    color: #000;
}

.bg_hero {
  background-image: url("../images/hero.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* height: 748px; */
}

.bg_hero_contact {
  background-image: url("../images/hero_contact.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* height: 748px; */
}


.scroll_hidden::-webkit-scrollbar {
  display: none;
}

.scroll_hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}


.marquee {
  overflow: hidden;
  position: relative;
}

.marquee__track {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-shrink: 0;
  animation: marquee 20s linear infinite;
}

.marquee:hover .marquee__track {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .marquee__track {
    animation: none;
  }
}

.bg_pkg {
  background-image: url("../images/custome_pkg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* height: 748px; */
}

[data-accordion-icon] path {
  d: path("M12 4v16m8-8H4");

}

button[aria-expanded="true"] [data-accordion-icon] path {
  d: path("M20 12H4");

}

.bg_card{
  background-image: url("../images/bg_card.jpg");
  background-repeat: repeat-y;
  background-position: center;
  background-size: cover;
}

.bg_gate{
      background-image: url("../images/bg_gateway.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* height: 448px; */
}

.bg_listing{
      background-image: url("../images/blog_listing.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* height: 448px; */
}

.bg_Details{
      background-image: url("../images/blog_details.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* height: 448px; */
}

.bg_premium{
        background-image: url("../images/premim_umrah.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* height: 448px; */
}


.footer-breaker {
    height: 2px;
    /* width: 100%; */
    background-color: #FFF
}

.footer_info h2 {
    color: #FFF;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.footer_info p {
    color: #FFF;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}
.icon-circle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid #FFF;
    overflow: hidden;
    color: white;
    transition: color 0.4s ease;
    cursor: pointer;
}

.icon-circle::before {
    content: '';
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    transition: bottom 0.8s ease;
    z-index: 0;
}

.icon-circle:hover::before {
    bottom: 0;
}

.icon-circle:hover {
    color: #005B68;
}

.icon-circle i {
    position: relative;
    z-index: 1;
    font-size: 16px;
}
.plusjakfont {
	font-family: "Plus Jakarta Sans";
}
.taiherfont {
	font-family: 'Tai Heritage Pro';
}
.boxshadow {
	/* box-shadow: 19px 18px 43px 0px rgba(147,147,147,0.75);
	-webkit-box-shadow: 19px 18px 43px 0px rgba(147,147,147,0.75);
	-moz-box-shadow: 19px 18px 43px 0px rgba(147,147,147,0.75); */
  box-shadow: 30px 14px 21.600000381469727px 3px rgba(0, 0, 0, 0.08); 
}
.boxshadow2 {
	/* box-shadow: -19px 18px 43px -1px rgba(147,147,147,0.75);
	-webkit-box-shadow: -19px 18px 43px -1px rgba(147,147,147,0.75);
	-moz-box-shadow: -19px 18px 43px -1px rgba(147,147,147,0.75); */
  box-shadow: -30px 14px 21.600000381469727px 3px rgba(0, 0, 0, 0.08);
}

.swiper-pagination-bullet { background: #969db3 !important;opacity: 1 !important; }
.swiper-pagination-bullet-active { background: #202F59 !important;opacity: 1 !important; }

.accordin-price-label {
	/*background: url("../images/accordin-slider-label-tag-1.png") right top no-repeat;*/
}
.accordin-price-label-mobile {
   /*background: url("../images/accordin-slider-label-tag.png") right top no-repeat;*/
}

  .panel.default-active .accordion-hidden {
    opacity: 1 !important; /* Show by default */
  }

.accordin-price-label {
/*
  background-image: url('../images/accordin-slider-label-tag-1.png');
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: top right;
  transform: translateY(-100%);
*/
}


.packageblock {
box-shadow: 0px 0px 10px 0px rgba(74,74,74,0.06);
-webkit-box-shadow: 0px 0px 10px 0px rgba(74,74,74,0.06);
-moz-box-shadow: 0px 0px 10px 0px rgba(74,74,74,0.06);
margin: 20px;
border-radius: 25px;	
}

/* 
<weight>: Use a value from 100 to 1000
<uniquifier>: Use a unique and descriptive class name
*/
.roboto-flex-new {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}
.d-unset {
	display: unset;
}
.testimonial-block {
	background: url("../images/testimonial-bubble.png") left top no-repeat;
	width: 476px;
	height: 356px;
}
.tabshadow {
	box-shadow: 0px 0px 10px 0px rgba(74,74,74,0.06);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(74,74,74,0.06);
	-moz-box-shadow: 0px 0px 10px 0px rgba(74,74,74,0.06);
}
.paginationBullets div:hover {
    transform: scale(1.2);
}
.clearfix { clear:both; }

.accordion_head {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pkgname {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 4rem;
    line-height: 2rem;
}

@media screen and (max-width: 640px) {
     .pkgname { 
        min-height: auto;
        line-height: auto;
     }

    /* .accordion_head {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    } */

.packageblock {
    margin: 0px;
  }

}