* {
	padding: 0;
	margin: 0;
	--outfit-font: "Outfit", sans-serif;
	--arizonia-font: "Arizonia", cursive;
	--berkshire-font: "Berkshire Swash", serif;
	--oswald-font: "Oswald", sans-serif;
	--bg-primary-color: #fdae15;
	--bg-white: #ffffff;
	--bg-secondary-color: #f2f2f2;
	--bg-black: #000000;
}

body {
	font-family: var(--outfit-font);
	color: var(--bg-black);
}

ul,
a {
	list-style-type: none;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
	padding: 0;
	margin: 0;
	color: var(--bg-black);
}

span {
	margin: 0;
	padding: 0;
}

.custom-container {
	max-width: 1560px;
	width: 100%;
}

.head {
	margin: 40px 0;
}

.header-cvr {
	justify-content: space-between;
}

.header-contact {
	max-width: 335px;
	width: 100%;
}

.phone a {
	background-color: var(--bg-black);
	padding: 11px 22px;
	border-radius: 23px;
	transition: all 0.5s ease;
}

.phone img {
	margin-right: 9px;
}

.phone p {
	color: var(--bg-white);
	font-size: 14px;
	font-weight: 600;
}

.whatsapp-img {
	margin-left: 11px;
}

.whatsapp-img a {
	background-color: #22ce58;
	padding: 11px 19px;
	border-radius: 23px;
	color: var(--bg-white);
	transition: all 0.5s ease;
}

.whatsapp-img img {
	margin-right: 6px;
}

.ministry-logos {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 255px;
	width: 100%;
	margin: auto;
}

.phone a:hover {
	background-color: #22ce58;
}

.whatsapp-img a:hover {
	background-color: var(--bg-black);
}

.banner-navigation {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
}

.stellarnav ul {
	display: flex;
}

.stellarnav ul li {
	border-radius: 24px;
}

.menu-img {
	position: absolute;
	left: 18px;
	top: 12px;
}

.navigation ul li.active {
	background-color: var(--bg-black);
	color: var(--bg-white);
}

.stellarnav>ul>li.drop-left>ul {
	right: 0;
	top: 60px;
}

.stellarnav>ul>li>a {
	padding: 15px 60px;
	font-size: 16px;
	font-weight: 600;
	color: var(--bg-white);

}

/* .stellarnav li.has-sub > a::after {
	display: none;

} */
.menu-arrow {
	position: absolute;
	right: 4px;
	top: 3.5px;
}

.stellarnav.desktop li.has-sub a {
	padding-right: 48px;
}

.stellarnav>ul>li.drop-left>ul {
	right: 0;
	top: 60px;
	background: var(--bg-white);
}

.stellarnav li li a:hover {
	color: var(--bg-primary-color);
}

.stellarnav li li a {
	color: var(--bg-black);
}

.stellarnav ul ul {
	width: 260px;
	top: 52px;
	background-color: #fff;
	border-radius: 10px;
}

.stellarnav li li:hover {
	background-color: #f2f2f2;
	border-radius: 0;
}

.quote {
	background-color: var(--bg-primary-color);
	border-radius: 25px;
}

.quote a {
	display: flex;
	padding: 10px 20px;
	text-transform: capitalize;
}

.quote p {
	margin-left: 6px;
}

.arr {
	background: url("/assets/images/arrow.png") no-repeat 91% center;
}

.form-input.form-size {
	max-width: 711px;
	width: 100%;
}

.package-variety {
	padding-top: 32px;

}

.variety-name {
	position: absolute;
	top: 58px;
	right: 191px;
}

.variety-name span {
	color: var(--bg-white);
	display: block;
	font-size: 65.26px;
	font-family: var(--outfit-font);
	font-weight: 700;


}

.year {
	position: absolute;
	top: 110px;
	right: 105px;
}

.year p {
	font-size: 55px;
	font-family: var(--arizonia-font);
	color: var(--bg-primary-color);

}

.year span {
	font-size: 35px;
	font-family: var(--oswald-font);
	color: var(--bg-primary-color);
	-webkit-text-stroke: 2px black;
	/* Black border */
	text-shadow:
		2px 2px 0 var(--bg-primary-color),
		-2px 2px 0 var(--bg-primary-color),
		2px -2px 0 var(--bg-primary-color),
		-2px -2px 0 var(--bg-primary-color);
}

.view-all-packages {
	padding: 5px 5px 5px 20px;
	background-color: #e7e7e7;
	border-radius: 20px;
	display: flex;
	color: var(--bg-black);
	justify-content: center;
	align-items: center;
	transition: all 0.4s ease;
	font-size: 15px;
	font-weight: 600;
	text-transform: capitalize;
}

.umrh-variety:hover .view-all-packages {
	background-color: var(--bg-primary-color);
}

.view-all-packages {
	position: absolute;
	top: 208px;
	right: 245px;
}

.arrow-pkg {
	width: 32px;
	height: 32px;
	background-color: var(--bg-black);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 22px;
}

.high-arrow {
	position: absolute;
	top: 186px;
	right: 154px;
}

.price p {
	color: var(--bg-white);
	font-size: 48.86px;
	font-weight: 500;
	font-family: var(--oswald-font);
	line-height: 47px;
}

.price span {
	font-size: 12px;
	font-weight: 500;
	color: var(--bg-white);
	display: block;
	text-align: center;
	text-transform: capitalize;
}

.price sup {
	font-size: 21.87px;
	font-family: var(--oswald-font);
	color: var(--bg-primary-color);
	top: -25px;
	left: -2px;
	font-weight: 400;
}

.price {
	position: absolute;
	top: 252px;
	right: 55px;
}

.price small {
	font-size: 24.3px;
	font-family: var(--oswald-font);
	font-weight: 400;
}

.umrh-variety a {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9;
}

.umrah-ramadan {
	position: absolute;
	left: 48px;
	top: 46px;
}

.umrah-ramadan span {
	color: var(--bg-white);
	font-size: 34.53px;
	font-weight: 700;
}

.years {
	position: absolute;
	top: 68px;
	left: 128px;
}

.years p {
	font-size: 47.48px;
	font-family: var(--arizonia-font);
	color: var(--bg-primary-color);

}

.years span {
	font-size: 30.21px;
	font-family: var(--oswald-font);
	color: var(--bg-primary-color);
	-webkit-text-stroke: 2px black;
	/* Black border */
	text-shadow:
		2px 2px 0 var(--bg-primary-color),
		-2px 2px 0 var(--bg-primary-color),
		2px -2px 0 var(--bg-primary-color),
		-2px -2px 0 var(--bg-primary-color);
}

.view-all-packaging {
	padding: 5px 5px 5px 20px;
	background-color: var(--bg-primary-color);
	border-radius: 20px;
	display: flex;
	color: var(--bg-black);
	justify-content: center;
	align-items: center;
	transition: all 0.4s ease;
	font-size: 15px;
	font-weight: 600;
	text-transform: capitalize;
}

.ramadan-explore:hover .view-all-packaging {
	background-color: #e7e7e7;
}

.view-all-packaging {
	position: absolute;
	top: 170px;
	left: 47px;

}

.ramadan-explore a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
}

.high-arrows {
	position: absolute;
	top: 134px;
	left: 250px;
}

.prices p {
	color: var(--bg-white);
	font-size: 48.86px;
	font-weight: 500;
	font-family: var(--oswald-font);
	line-height: 47px;
}

.prices span {
	font-size: 12px;
	font-weight: 500;
	color: var(--bg-white);
	display: block;
	text-align: center;
	text-transform: capitalize;
}

.prices sup {
	font-size: 21.87px;
	font-family: var(--oswald-font);
	color: var(--bg-primary-color);
	top: -25px;
	left: -2px;
	font-weight: 400;
}

.prices {
	position: absolute;
	top: 185px;
	left: 240px;
}

.prices small {
	font-size: 24.3px;
	font-family: var(--oswald-font);
	font-weight: 400;
}

.others-umrah {
	margin-top: 26px;
}

.name-hajj {
	position: absolute;
	top: 19px;
	left: 31px;
}

.name-hajj span {
	font-size: 34.53px;
	font-weight: 700;
	color: var(--bg-black);
	text-transform: capitalize;
}

.year-pkg {
	position: absolute;
	top: 46px;
	left: 37px;
}

.year-pkg p {
	font-size: 47.48px;
	font-family: var(--arizonia-font);
	color: var(--bg-black);

}

.year-pkg span {
	font-size: 26.42px;
	font-family: var(--oswald-font);
	color: var(--bg-primary-color);
	-webkit-text-stroke: 1px black;
	/* Black border */
	text-shadow:
		2px 2px 0 var(--bg-primary-color),
		-2px 2px 0 var(--bg-primary-color),
		2px -2px 0 var(--bg-primary-color),
		-2px -2px 0 var(--bg-primary-color);
}

.view-all-packaging.dec {
	position: absolute;
	top: 126px;
	left: 20px;
}

.hajj-mina a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;

}

.ayat {
	margin-top: 50px;
	margin-bottom: 40px;
}

.best-selling {
	background-color: #f2f2f2;
	padding-top: 49px;
	padding-bottom: 113px;
}

.pattern1 {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	top: 0;
}

.pattern-2 {
	position: absolute;
	left: 40px;
	top: 40px;
}

.pattern3 {
	position: absolute;
	bottom: 0;
	right: 0;
}

.main-heading h2 {
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	color: #1d1d1d;
}

.main-heading span {
	display: block;
	text-align: center;
	color: var(--bg-primary-color);
	font-size: 70px;
	font-family: var(--arizonia-font);
	line-height: 32px;
	margin-left: 50px;
}

.main-heading {
	position: relative;
}

.some-swap {
	max-width: 1278px;
	width: 100%;
	margin: auto;
	margin-top: 73px;
}

/* .form-input.put {
	margin-top: 11px;
} */

.content {
	position: absolute;
	bottom: 20px;
	z-index: 9;
	left: 58px;
}

.cont {
	max-width: 150px;
	width: 100%;
}

.cont p {
	font-size: 29.52px;
	font-weight: 700;
	color: var(--bg-white);
	text-transform: capitalize;
	line-height: 32px;
	text-align: start;
}

.thankyou-error {
	padding-top: 168px;
	padding-bottom: 190px;
}

.thankyou-error .thanku-head {
	padding-top: 37px;
}

.thankyou-error .thanku-head p {
	font-size: 69.31px;
	font-weight: 700;
	line-height: 90px;
}

.thankyou-error .para-thnku p {
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
	color: #6e7b8e;
	padding-top: 38px;
}

.cont span {
	color: var(--bg-primary-color);
	font-size: 50.61px;
	font-family: var(--arizonia-font);
	display: block;
	line-height: 20px;
}

.content-head {
	background-color: var(--bg-primary-color);
}

.content-head p {
	font-size: 11.85px;
	font-weight: 500;
}

.content-head {
	background-color: var(--bg-primary-color);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 15px;
	border-radius: 23px;
}

.price-nights {
	position: relative;
	align-items: center;
	margin-top: 23px;
	align-items: end;
}

.price-start span {
	font-size: 9.75px;
	font-weight: 500;
}

.price-start p {
	color: var(--bg-white);
	font-size: 36.62px;
	font-weight: 500;
	font-family: var(--oswald-font);
	line-height: 24px;
}

.price-start span {
	font-size: 12px;
	font-weight: 500;
	color: var(--bg-white);
	display: block;
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.price-start sup {
	font-size: 16.48px;
	font-family: var(--oswald-font);
	color: var(--bg-primary-color);
	top: -19px;
	left: -2px;
	font-weight: 400;
}

.price-start small {
	font-size: 18.31px;
	font-family: var(--oswald-font);
	font-weight: 400;
}

.price-start {
	margin-left: 33px;
}

.hajj-umrah-package a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
}

.hajj-umrah-package {
	text-align: end;
}

.counting {
	position: absolute;
	left: -9px;
	bottom: -22px;
}

.counting p {
	font-size: 80px;
	font-weight: 700;
	font-family: var(--oswald-font);
}

.stellarnav li.has-sub>a::after {
	width: 10px;
	height: 10px;
	border-left: 0;
	border-top: 0px solid;
	transform: rotate(225deg) skew(0deg, -16deg);
	border-bottom: 0;
}

.stellarnav li li.has-sub>a::after {
	width: 7px;
	height: 7px;
	border-left: 1px solid;
	border-top: 0px solid;
	transform: rotate(227deg) skew(6deg, 0deg);
	border-bottom: 1px solid;
	border-right: 0 solid;
	left: 22px;
}

.counting.num-count {
	left: -2px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	content: "";
}

.hoteling-swap .swiper-button-next {
	right: -118px;
	top: 164px;
}

.swiper-button-next {
	position: absolute;
	background: var(--bg-primary-color);
	width: 66px;
	height: 66px !important;
	border-radius: 50%;
	transition: all 0.5s linear;
	box-shadow: 0 0 6px rgba(0, 0, 0, 23%);
}

.swiper-button-prev {
	position: absolute;
	background: var(--bg-black);
	width: 66px;
	height: 66px !important;
	border-radius: 50%;
	transition: all 0.5s linear;
	box-shadow: 0 0 6px rgba(0, 0, 0, 23%);

}

.arrow-button {
	display: flex;
	justify-content: center;
	align-items: center;
}

.hoteling-swap .swiper-button-prev {
	left: -110px;
	top: 164px;
}

.monthwise-umrah {
	margin-top: 48px;
	padding-bottom: 80px;
}

.umrah-content {
	position: absolute;
	bottom: 81px;
	left: 80px;
}

.conte {
	max-width: 150px;
	width: 100%;
}

.conte p {
	font-size: 25.64px;
	font-weight: 700;
	color: var(--bg-white);
	text-transform: capitalize;
	line-height: 26px;
	text-align: start;
}

.conte span {
	color: var(--bg-primary-color);
	font-size: 43.96px;
	font-family: var(--arizonia-font);
	display: block;
	line-height: 20px;
	text-align: start;
}

.expo {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--bg-primary-color);
	padding: 5px 5px 5px 14px;
	border-radius: 21px;
	position: absolute;
	margin-top: 28px;
	transition: all 0.4s ease;
}

.design-expo {
	width: 23.72px;
	height: 23.72px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: var(--bg-black);
	margin-left: 7px;
}

.expo p {
	font-size: 11.12px;
	font-weight: 600;
	text-transform: capitalize;
}

.all-umrah-pacakge {
	text-align: end;
}

.all-umrah-pacakge a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
}

.all-umrah-pacakge:hover .expo {
	background-color: #e7e7e7;
}

.kalma {
	position: absolute;
	top: 40px;
}

.monthwise-umrah::after {
	content: "";
	position: absolute;
	height: 257px;
	width: 100%;
	background-color: #f6f2e6;
	bottom: 0;
}

.cus-contain {
	max-width: 1330px;
	width: 100%;
	margin: auto;
}

.choose-us {
	margin-top: 71px;
}

.main-heading.some-he span {
	display: block;
	text-align: center;
	color: var(--bg-primary-color);
	font-size: 70px;
	font-family: var(--arizonia-font);
	line-height: 57px;
	position: absolute;
	left: 43.5%;
	top: 52px;
}

.choosed {
	border-radius: 15px;
	border: 9px solid #f2f2f2;
	padding: 22px 10px 33px;
}

.why-choose-us {
	margin-top: 90px;
	padding-bottom: 78px;
	border-bottom: 1px solid #e7e7e7;
}

.chose-img {
	display: flex;
	justify-content: center;
	align-items: center;
}

.choosed p {
	font-size: 18px;
	font-weight: 700;
	text-transform: capitalize;
	text-align: center;
	margin-top: 19px;
}

.citywise-umrah {
	margin-top: 60px;
	padding-bottom: 70px;
}

.citywise-umrah::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 245px;
	background: #f2f2f2 url("/assets/images/city-pattern.png");
	bottom: 0;
}

.seasonal-umrah {
	margin-top: 58px;
	padding-bottom: 70px;

}

.trusted {
	background-color: var(--bg-black);
	padding-top: 79px;
	padding-bottom: 104px;
}

.kabba-design {
	position: absolute;
	bottom: 0;
	right: 0;
}

.truest-head p {
	font-size: 43.06px;
	font-weight: 700;
	color: var(--bg-secondary-color);

}

.truest-head span {
	color: var(--bg-primary-color);
	display: block;
	margin-left: 64px;
	font-size: 75.35px;
	font-family: var(--arizonia-font);
	line-height: 30px;
}

.trusted-para {
	max-width: 485px;
	width: 100%;
	margin-top: 57px;
}

.trusted-para p {
	font-size: 15px;
	font-weight: 300;
	color: var(--bg-white);
}

.truested-buttons {
	margin-top: 50px;
}

.truested-buttons a:first-child {
	background-color: var(--bg-primary-color);
	border-radius: 22px;
	color: var(--bg-black);
	font-size: 14.14px;
	font-weight: 600;
	padding: 13.5px 20px;
	transition: all 0.4s ease;
}

.truested-buttons a:first-child:hover {
	background-color: var(--bg-secondary-color);
}

.truested-buttons a img {
	margin-right: 10px;
}

.truested-buttons a:last-child {
	background-color: #20c454;
	border-radius: 22px;
	color: var(--bg-white);
	margin-left: 10px;
	font-size: 14.14px;
	font-weight: 600;
	padding: 13.5px 20px;
	transition: all 0.4s ease;
}

.truested-buttons a:last-child:hover {
	background-color: var(--bg-primary-color);
}

.visa-scrollbar {
	padding-top: 81px;
	padding-bottom: 83px;
}

.scrollbar {
	background-color: #faf8f2;
	padding: 41px 12px 41px 35px;
}

.scrollbar-content {
	height: 545px;
}

.page-content .makkah-content {
	padding-right: 20px;
}

/* page-content s */

.page-content h1,
.page-content h2,
.page-content h3 {
	font-weight: 700;
	margin: 25px 0;
	text-transform: capitalize;
	color: var(--bg-black);
}

.page-content h1 {
	font-size: 36px;
	line-height: 45px;
}

.page-content h2 {
	font-size: 30px;
	line-height: 40px;
}

.page-content h3 {
	font-size: 28px;
	line-height: 35px;
}

.page-content h4,
.page-content h5,
.page-content h6 {
	font-weight: 500;
	margin: 20px 0;
	text-transform: capitalize;
	color: var(--bg-black);
}

.page-content h4 {
	font-size: 26px;
	font-weight: 500;
	line-height: 30px;
}

.page-content h5 {
	font-size: 20px;
	line-height: 25px;
}

.page-content h6 {
	font-size: 18px;
	line-height: 22px;
}

.page-content p {
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	color: #6e7b8e;
	margin: 15px 0;
}

.policies .page-content p {
	color: var(--bg-black);
}

.page-content a {
	color: var(--bg-primary-color);
	text-decoration: underline !important;
	transition: all 0.5s;
}

.page-content p a:hover {
	color: var(--bg-black);
}

.page-content blockquote {
	text-align: center;
	max-width: 80%;
	margin: 25px auto;
	padding: 20px 30px;
	border-radius: 10px;
	border-right: 10px solid var(--bg-primary-color);
	border-left: 10px solid var(--bg-primary-color);
	box-shadow: 0 0 5px 0 var(--bg-primary-color);
	font-style: italic;
}

.page-content ul,
.page-content ol {
	padding: 15px 10px;
}

.page-content ul ul,
.page-content ol ol {
	padding: 15px;
	margin: 15px;
}

.page-content ol {
	list-style-type: decimal;
	padding-left: 30px;
}

.page-content ul li,
.page-content ol li {
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	color: #6e7b8e;
	margin-bottom: 5px;
	padding-left: 24.6px;
	position: relative;
}

.policies .page-content ul li,
.policies .page-content ol li {
	color: var(--bg-black);
}

.page-content ul li::before {
	content: "";
	position: absolute;
	width: 9px;
	height: 9px;
	background-color: var(--bg-primary-color);
	top: 8px;
	left: 0;
	border-radius: 50%;
}

.page-content table {
	width: 100%;
	max-width: 100%;
	margin: 30px 0;
}

.page-content table thead {
	background-color: var(--bg-primary-color);
}

.page-content table th,
.page-content table td {
	padding: 10px 10px;
	color: var(--bg-white);
}

.page-content table tbody tr:nth-of-type(odd) td {
	background-color: var(--bg-white);
}

.page-content table tbody tr:nth-of-type(even) td {
	background-color: var(--bg-black);
}

/* page-content e */

.scrollbar-thumb {
	position: absolute;
	top: 0;
	left: 3px !important;
	width: 8px;
	height: 8px;
	background: var(--bg-primary-color) !important;
	border-radius: 0px !important;
	opacity: 01;
}

.scrollbar-track.show,
.scrollbar-track:hover {
	background-color: var(--bg-black);
}

.scrollbar-track-y {
	top: 0;
	right: 0;
	width: 14px !important;
	height: 100%;
}

.copyrights {
	background-color: #121212;
	color: var(--bg-white);
	padding: 20px 0;

}

.copyrights span {
	font-size: 15px;
	font-weight: 500;
	color: var(--bg-white) !important;
	text-align: center;
	display: block;
}

.footer-pub {
	margin-top: 46px;
}

.footer-pub p {
	color: #121212;
	font-size: 15px;
	font-weight: 300;
}

.socials {
	margin-top: 38px;
	max-width: 226px;
	width: 100%;
	justify-content: space-around;
}

.social a {
	width: 51px;
	height: 51px;
	background-color: #000000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.4s ease;
}

.addressing-calls {
	position: relative;
	z-index: 99;
	padding-top: 104px;
	padding-bottom: 96px;
}

.social a:hover {
	background-color: var(--bg-primary-color);
}

.foot-pattern {
	position: absolute;
	bottom: 0;
}

.footer-section {
	background-color: #faf8f2;
}

.contact-menu span {
	font-size: 20px;
	font-weight: 700;
	color: var(--bg-black);
	margin-bottom: 37px;
	display: block;
}

.contact-menu ul li {
	margin-bottom: 12px;
}

.contact-menu ul li a {
	color: var(--bg-black);
	font-size: 15px;
	font-weight: 500;
	transition: all 0.5s ease;
	text-transform: capitalize;
}

.contact-menu ul li a:hover {
	color: var(--bg-primary-color);
}

.contact-via-media p {
	font-size: 15px;
	font-weight: 700;
	color: var(--bg-black);
	text-transform: capitalize;
	line-height: 16px;
}

.contact-via-media a {
	color: var(--bg-black);
	font-size: 15px;
	font-weight: 500;
	transition: all 0.4s ease;
}

.contact-via-media a:hover {
	color: var(--bg-primary-color);
}

.contact-via-media span {
	color: var(--bg-black);

	font-size: 15px;
	font-weight: 500;
	transition: all 0.4s ease;
}

.contact-via-media.foo-num {
	margin-top: 30px;
}

.policies {
	padding-top: 61px;
	padding-bottom: 39px;
}

.contact-us {
	margin-top: 70px;
	padding-top: 25px;
	padding-bottom: 114px;
}

.form-with-contact .form-control {
	display: block;
	width: 100%;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	color: #212529;
	background-color: #ebdab4;
	border: none;
	border-radius: 20px;
}

.form-with-contact .form-control::placeholder {
	color: #000000;
	opacity: 1;
}

.contact-check {
	margin-top: 20px;
}

.cont-button {
	margin-top: 32px;
	max-width: 311px;
	width: 100%;
}

.cont-button button {
	background-color: var(--bg-black);
	color: var(--bg-white);
	font-size: 14px;
	font-weight: 600;
	max-width: 311px;
	width: 100%;
	border: none;
	border-radius: 20px;
	padding: 9.5px 27px;
	transition: all 0.4s ease;
}

.form-with-contact .form-check-input {
	background-color: #000000;
	border-color: #000;
}

.contact-check label {
	font-size: 14px;
	font-weight: 600;
}

.form-input.contact-main {
	margin-top: 20px;
}

.day-nighting .form-input.contact-main {
	max-width: 151px;
	width: 100%;
}

.quote-dating .form-input.contact-main {
	max-width: 151px;
	width: 100%;
}

.form-with-contact .form-check-input:checked[type="checkbox"] {
	background-image: url("/assets/images/check-mar.png");
	background-size: auto;
}

.ans-imgs {
	right: 19px;
	top: 6px;
}

.form-control.error::placeholder {
	color: red !important;
	border-bottom: 1px solid #ff0000 !important;
	border-radius: 6px;
}

label.error {
	display: none !important;
}

.contract-heading p {
	font-size: 45px;
	font-weight: 700;

}

.contract-heading span {
	font-family: var(--arizonia-font);
	color: var(--bg-primary-color);
	font-size: 60px;
	margin-left: 35px;
	line-height: 0;
}

.form-with-contact {
	margin-top: 55px;
	max-width: 647px;
	width: 100%;
}

.contact-form {
	margin-top: 63px;
}

.kabba-dua-img {
	right: 147px;
	top: 0px;
}

.cont-button button:hover {
	background-color: var(--bg-primary-color);
}

.why-choose-us.in-chose {
	border-bottom: none;
}

.thanku-design {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	top: 76px;
}

.thankyou {
	padding-top: 187px;
	padding-bottom: 197px;
}

.thanku-head p {
	font-size: 100px;
	font-weight: 700;
	line-height: 115px;
}

.thanku-head span {
	font-size: 80px;
	font-family: var(--arizonia-font);
	color: var(--bg-primary-color);
	line-height: 0;
	margin-left: 21px;
}

.thanku-head {
	padding-top: 22px;
}

.para-thnku p {
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
	color: #6e7b8e;
	padding-top: 44px;
}

.thankyou-text {
	max-width: 1221px;
	width: 100%;
}

.thankyou-button {
	max-width: 248px;
	width: 100%;
	margin: auto;
	margin-top: 69px;
	position: relative;
	z-index: 99;
}

.thankyou-button a {
	background-color: #000000;
	color: var(--bg-white);
	padding: 15px 61px;
	border-radius: 25px;
	font-size: 16px;
	font-weight: 600;
	transition: all 0.4s ease;
}

.thankyou-button a:hover {
	background-color: var(--bg-primary-color);
}

.thankyou-section {
	position: relative;
}

.packagess {
	margin-top: 58px;
	margin-bottom: 90px;
}

.kalma-tayabba {
	position: absolute;
	top: 53px;
	left: -10px;
}

.having-all-packages {
	margin-top: 82px;
}

.hajj-umrah-package.star-pkg {
	margin-top: 80px;
}

.input-drop-down ul li {
	padding: 5px 10px;
	color: black;
	cursor: pointer;
}

.input-drop-down.form-dropp {
	padding: 19px 15px 20px 15px;
	font-size: 17px;
	font-weight: 400;
	top: 44px;
	max-width: 277px;
	width: 100%;
	z-index: 9;
	background-color: #f6f2e6 !important;
	border-radius: 10px;
	border-color: transparent !important;
	box-shadow: 0px 1px 20px rgba(0, 0, 0, 9%);
}

.drp {
	background: url("/assets/images/arrow-dowwwn.png") no-repeat 96.5% center;
}

.counter button {
	background-color: var(--bg-primary-color);
	border: none;
	padding: 0px 9px;
	cursor: pointer;
	font-size: 16px;
	margin: 0 5px;
	border-radius: 5px;
}

.roomCount,
.counter input {
	border: none;
	width: 15px;
	display: inline;
	font-size: 14px;
	text-align: center;
	background: transparent;
}

.counter span:first-child {
	font-size: 12px;
	font-weight: 500;
	margin-right: 3px;
	max-width: 135px;
	width: 100%;
}

.counter span {
	font-size: 13px;
	font-weight: 500;
}

.counter {
	display: flex;
	align-items: center;
	background: transparent;
	padding: 8px 8px 8px 12px;
	border-radius: 20px;
	color: var(--bg-black);
	margin-top: 10px;
	font-size: 18px;
	box-shadow: 0px 1px 20px rgba(0, 0, 0, 9%);
}

.img-sreen {
	position: absolute;
	top: 6px;
	right: 14px;
}

.beat {
	padding-bottom: 118px;
	margin-top: 70px;
}

.slide-img img {
	border-radius: 5px;
}

.package-detail-swp .swiper-slide.swiper-slide-thumb-active.swiper-slide-visible.swiper-slide-active {
	border: 2px solid var(--bg-primary-color);
	border-radius: 5px;
}

.package-detail-swp .gallery-thumbs .swiper-slide {
	height: auto !important;
}

.gallery-thumbs .swiper-slide {
	margin-bottom: 12px;
	border-radius: 5px;
}

.package-detail-swp .gallery-thumbs {
	flex: 0 0 77px;
	max-height: 449px;
}

.package-detail-swp .gallery-top {
	flex: 0 0 352px;
	order: 1;
}

.hoteling-swap .swiper-button-prev,
.swiper-button-next {
	position: absolute;
	background: var(--bg-white);
	width: 44px;
	height: 44px !important;
	border-radius: 50%;
	transition: all 0.5s linear;
	box-shadow: 0 0 6px rgba(0, 0, 0, 23%);
}

.content-btn .swiper-button-prev,
.swiper-button-next {
	position: absolute;
	background: var(--bg-white);
	width: 44px;
	height: 44px !important;
	border-radius: 50%;
	transition: all 0.5s linear;
	box-shadow: 0 0 6px rgba(0, 0, 0, 23%);
}

.content-btn .swiper-button-next {
	right: -316px;
	top: 214px;
}

.content-btn .swiper-button-prev {
	left: 108px;
	top: 214px;
}

.hajj-detail {
	padding-top: 79px;
	/* padding-bottom: 58px; */
}

.day-umrah h1 {
	font-size: 30px;
	font-weight: 700;
	line-height: 22px;
}

.makkah-madni-detail {

	padding: 20px 0px 23px;
	border-bottom: 1px solid #cccccc;

}

.detail-head-makkah {
	/* max-width: 436px; */
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.makkah-detail {
	display: flex;
	justify-content: center;
	align-items: center;
}

.name-hotels {
	margin-left: 10px;
}

.name-hotels span {
	font-size: 16px;
	font-weight: 600;
}

.name-hotels p {
	font-size: 15px;
	font-weight: 500;
}

.package-pictures {
	justify-content: space-around;
	align-items: center;
	max-width: 320px;
	width: 100%;
}

.ride::after {
	position: absolute;
	content: "";
	height: 25px;
	width: 2px;
	background-color: #cccccc;
	top: 29%;
	right: -13px;
	transform: translate(-50%, -50%);
}

.ride:first-child::before {
	position: absolute;
	content: "";
	height: 25px;
	width: 2px;
	background-color: #cccccc;
	top: 29%;
	left: -24%;
	transform: translate(-50%, -50%);
}

.ride-img {
	text-align: center;
}

.ride p {
	font-size: 12px;
	font-weight: 600;
	margin-top: 11px;
	text-transform: uppercase;
}

.feature-include {
	margin-top: 29px;
	padding-bottom: 16px;
	border-bottom: 1px solid #cccccc;
}

.buttons-cvr ul li button.active {
	background-color: var(--bg-primary-color) !important;
}

.buttons-cvr ul li button {
	padding: 9px 27px;
	background-color: #d8d8d8 !important;
	color: var(--bg-black) !important;
	font-size: 15px;
	font-weight: 600;
	border-radius: 20px !important;
	transition: all 0.4s ease-in;
	border: none;
}

.detail-tabs {
	padding-top: 23px;
}

.buttons-cvr ul {
	max-width: 300px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 25px;
}

.umrah-houses {
	padding: 18px 13px 15px 16px;
	max-width: 204px;
	width: 100%;
	border-radius: 10px;
}

.star-price-umrah p {
	font-size: 16px;
	font-weight: 700;
	color: var(--bg-white);

}

.prying-money p {
	color: var(--bg-primary-color);
	font-size: 36.79px;
	font-weight: 500;
	font-family: var(--oswald-font);
}

.praying-price {
	padding-top: 21px;
}

.prying-money small {
	font-size: 18.4px;
	font-weight: 400;
}

.prying-money sup {
	font-size: 16.56px;
	font-weight: 400;
	top: -19px;
	right: 3px;
}

.detail-pkges {
	padding-top: 42px;
	padding-bottom: 39px;
}

.night-shift-detail span {
	font-size: 15px;
	font-weight: 600;
}

.night-shift-detail {
	max-width: 878px;
	width: 100%;
}

.night-shift-detail p {
	font-size: 15px;
	font-weight: 400;
	color: #6e7b8e;
	line-height: 25px;
	margin-top: 11px;

}

.night-shift-detail ul li {
	position: relative;
	margin-left: 20px;
	color: #6e7b8e;
	margin-bottom: 7px;
}

.night-shift-detail ul {
	margin-top: 13px;
}

.night-shift-detail ul li::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: var(--bg-black);
	border-radius: 50%;
	left: -20px;
	top: 8px;

}

.enqiring-forming {
	max-width: 336px;
	width: 100%;
	background-color: #f6f2e6;
	border-radius: 5px;
	padding: 20px 16px;
}

.form-with-contact-enquire .form-control {
	display: block;
	width: 100%;
	padding: 11.5px 20px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	color: #212529;
	background-color: #ebdab4;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 10px;
}

.form-with-contact-enquire .form-control::placeholder {
	color: #000;
	opacity: 1;
}

.form-with-contact-enquire .form-input {
	margin-bottom: 16px;
}

.cont-button-enq {
	margin-top: 30px;
	max-width: 243px;
	width: 100%;
	margin: auto;
}

.cont-button-enq button {
	background-color: var(--bg-black);
	color: var(--bg-primary-color);
	font-size: 15px;
	font-weight: 500;
	max-width: 311px;
	width: 100%;
	border: none;
	border-radius: 20px;
	padding: 11.5px 27px;
	transition: all 0.4s ease;
}

.enqiring-forming>p {
	font-size: 25px;
	font-weight: 700;
	display: block;
	margin-bottom: 20px;
}

.ui-widget-header .ui-icon {
	background-image: url("/assets/images/ui-icons_444444_256x240.png");
}

.cont-button-enq button:hover {
	background-color: #514833;
}

.swiper-btns .swiper-button-next {
	position: absolute;
	background: var(--bg-primary-color);
	width: 66px;
	height: 66px !important;
	border-radius: 50%;
	transition: all 0.5s linear;
	box-shadow: 0 0 6px rgba(0, 0, 0, 23%);
}

.swiper-btns .swiper-button-prev {
	position: absolute;
	background: var(--bg-black);
	width: 66px;
	height: 66px !important;
	border-radius: 50%;
	transition: all 0.5s linear;
	box-shadow: 0 0 6px rgba(0, 0, 0, 23%);
}

.similar-umrah {
	margin-top: 30px;
	margin-bottom: 80px;
}

.some-swap.swap-deep {
	margin-top: 70px;
}

.plan-your-umrah {
	position: absolute;
	z-index: 9;
	max-width: 711px;
	width: 100%;
	background-color: #fff;
	display: none;
	top: 48px;
}

.plan-quote {
	max-width: 706px;
	width: 100%;
	position: relative;
	border: 2px solid black;
	border-radius: 25px;
	z-index: 99;
}

.plan-quote::before {
	content: "";
	position: absolute;
	background-image: url('/assets/images/praying-man.png');
	background-size: contain;
	top: 3px;
	width: 45px;
	height: 41px;
	z-index: 99;
	left: 19px;
}

.plan-quote p {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-top: 6px;
	cursor: pointer;
}

.plan-quote::after {
	content: "";
	position: absolute;
	background-image: url('/assets/images/blac-box.png');
	background-size: contain;
	top: 3px;
	width: 41px;
	height: 41px;
	z-index: 99;
	right: 5px;
}

.form-data {
	max-width: 711px;
	width: 100%;
	border-radius: 20px;
	padding: 53px 30px 30px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 23%);
	margin-top: 12px;
}

.form-data .form-control {
	padding: 11.5px 20px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	color: #212529;
	background-color: #f7f0e1;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 10px;
}

.form-data .form-control::placeholder {
	color: #000;
	opacity: 1;
}

.input-drop-down.drip {
	background-color: var(--bg-white) !important;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 23%);
	z-index: 9;
}

.input-drop-down.drip .form-control {
	background-color: #f2f2f2 !important;
	margin-bottom: 10px;
}

.input-drop-down.drip ul {
	z-index: 999;
}

.input-drop-down.drip .counter {
	display: flex;
	align-items: center;
	background: transparent;
	padding: 8px 8px 8px 12px;
	border-radius: 10px;
	color: var(--bg-black);
	margin-top: 10px;
	font-size: 18px;
	box-shadow: 0px 1px 20px rgba(0, 0, 0, 9%);
}

.form-input.roomy .counter {
	background-color: #f7f0e1;
	border-radius: 10px;

}

.form-input.roomy .counter span {
	font-size: 14px;
	font-weight: 600;

}

.form-chq-star .form-check {
	padding-left: 0;
	margin-bottom: 0;
	display: flex;
}

.form-chq-star .form-check .form-check-input {
	width: 16px;
	height: 16px;
	border-radius: 5px;
	margin: 0;
	margin-right: 5px;
	box-shadow: none;
	position: relative;
	margin-top: 3px;
	background-color: var(--bg-primary-color);
}

.main-form .form-input label {
	font-size: 14px;
	color: var(--bg-black);
	font-weight: 500;
	margin-left: 4px;
}

.form-check-input:checked[type="radio"] {
	background-image: url("/assets/images/check-mark.png");
	background-size: auto;
}

.accomodation {
	margin-top: 16px;
}

.accomodation label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
}

.cont-button-enq-for {
	margin-top: 49px;
}

.cont-button-enq-for button:hover {
	background-color: #514833;
}

.cont-button-enq-for button {
	background-color: var(--bg-black);
	color: var(--bg-primary-color);
	font-size: 15px;
	font-weight: 500;
	max-width: 311px;
	width: 100%;
	border: none;
	border-radius: 20px;
	padding: 11.5px 27px;
	transition: all 0.4s ease;
}

.cont-button-enq-for {
	max-width: 243px;
	width: 100%;
	margin: auto;
	margin-top: 49px;
}

.quotting {
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
	max-width: 886px;
	width: 100%;
}

.dropdown-menu li a.head-drop {
	background: url('/assets/images/arrow-dowwwn.png');

}

.stellarnav li.drop-left ul ul {
	left: auto;
	right: -256px;
}

/* .dropdown-menu .drippped a{
	position: relative;
}
.dropdown-menu .drippped a::after{
	position: absolute;
	content: "";
	background-image: url('/assets/images/arrow-dowwwn.png');
} */
.stellarnav li.drop-left li.has-sub>a::after {
	background-image: url('/assets/images/arrow-dowwwn.png');
	background-size: cover;
}

.stellarnav ul ul ul {
	left: 260px;
}

.drped {
	background: url("/assets/images/arrow-dowwwn.png") no-repeat 91.5% center;
}

.form-control:focus {
	border-color: transparent;
	box-shadow: none !important;
}

.ui-datepicker {
	z-index: 99 !important;
}

.similar-umrah .pattern1,
.similar-umrah .pattern-2,
.similar-umrah .pattern3 {
	display: none;
}

.plan-your-umrah .scrollbar-content {
	max-height: 200px;
	overflow-y: auto;
}

.stellarnav,
.stellarnav li {
	position: initial;
}
p.text-danger {
	font-size: 16px;
	cursor: initial;
	margin-bottom: 15px;
}