#contactForm select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
      padding: 5px !important;
}

.collapse span {
    display: inline !important;
}
.iti input, .iti input[type=tel], .iti input[type=text]{
  text-align: left !important;
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text]{
    text-align: left !important;
}

.fancybox-container{
  z-index: 9999999 !important;
}

#contactForm select::after {
    content: '▼'; /* إضافة رمز السهم */
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* لمنع التأثير على التفاعل مع السيلكت */
}

.padding_menu .product_photos{
  float: left;
}

.user-dashboard-section .dashboard-right-sidebar{
    direction: rtl;
    text-align: right;
}
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .feather{
  margin-left: 10px;
  margin-right:inherit;
}

#main_slider .swiper-container {
    margin: 110px auto auto auto;
  }

#branches .card{
  min-height: 220px;
}

#branches #more{
top: 90%;
left: 29%;
}

.products_list .item .cont .image_cont,
.social_sec .items_sec .item .cont a {
	background-image: url("/public/assets/images/loading-image.png");
	background-position: center;
	background-size: cover
}

.cart_menu .dropdown-menu .cart_list li .product_contain a h5,
.product_title a {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

#about,
#branches {
	margin: 100px auto
}

#branches,
.about-text p,
.card-body,
  .filter_sec,
.navbar-nav,
.navmenu {
	direction: rtl
}

#branches h5,
ul li {
	display: inline
}

@font-face {
	font-family: Regular;
	src: url("/public/assets/fonts/Questv1-Regular.otf");
	src: url("/public/assets/fonts/Questv1-Regular.otf");
	src: url("/public/assets/fonts/Questv1-Regular.otf");
	src: url("/public/assets/fonts/Questv1-Regular.otf");
	font-weight: 400;
	font-style: normal
}

body,
button,
input,
optgroup,
select,
textarea {
	font-family: Regular, sans-serif !important
}

:root {
	--theme-color: #43c7e7;
	--theme-background-color: #eeeeee;
	--secondary-color: #616160
}

.padding_menu.top_banner {
	margin-top: 110px;
	max-height: 600px;

}

.padding_menu.container  {
	margin-top: 127px;
	/* min-height: 620px; */
}

.loading_btn {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	border: 3px solid #fff;
	border-top-color: #9d9d9d;
	box-sizing: border-box;
	background: 0 0;
	animation: 1s linear infinite loading;
	float: none;
	margin: 0 auto
}

@keyframes loading {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.footer-copyright a,
.theme-option .back-to-top a i {
	color: #fff
}

.fullpage-loader {
	width: 100vw;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	background-color: #fff;
	z-index: 999999;
	opacity: 1;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.block-wrapper {
	position: relative;
	width: 100px;
	height: 100px;
	overflow: hidden
}

.block-wrapper::before {
	content: "";
	z-index: 1;
	position: absolute;
	width: 80px;
	height: 80px;
	background: #fff;
	margin: 10px
}

.rotate-block {
	width: 200px;
	height: 200px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	position: absolute;
	top: -50%;
	left: -50%;
	background-color: #cbcbcb;
	-webkit-animation: 2s ease-in-out infinite rotate;
	animation: 2s ease-in-out infinite rotate
}

.rotate-block::after,
.rotate-block::before {
	content: "";
	background: var(--theme-color)
}

.rotate-block::after {
	grid-column: 2;
	grid-row: 2
}

@-webkit-keyframes rotate {
	0% {
		transform: rotate(0)
	}

	25% {
		transform: rotate(90deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0)
	}

	25% {
		transform: rotate(90deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.theme-container {
	padding: 0 100px
}

.full_width {
	width: 100%;
	position: relative
}

.top_header {
	position: absolute;
	top: 0;
	z-index: 99999;
	left: 0
}

.navbar {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	transition: .3s
}

.side,
.top_banner {
	background-color: var(--theme-background-color)
}

.btn-checkout,
.btn-quantity {
	transition: background-color .3s
}

.filter_sec .mobile{
  display: none;
}

.fixed {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	left: 0 !important;
      box-shadow: 0px -5px 7px 4px rgb(67 199 231)
}

.active .navbar {
	transition: .3s;
	-webkit-box-shadow: 0 8px 10px rgba(34, 34, 34, 5%);
	box-shadow: 0 8px 10px rgba(34, 34, 34, 5%)
}

.navbar-brand img {
	width: 95px;
	height: auto
}

.navbar-light .navbar-nav .nav-link {
	color: var(--theme-color);
	font-weight: 500;
	padding: 10px 0;
	text-transform: uppercase;
	border-bottom: 1px solid transparent
}

.navbar-light .navbar-nav .nav-link.active {
	border-color: var(--theme-color)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
	color: var(--theme-color);
	border-color: var(--theme-color)
}

.navbar .dropdown .dropdown-toggle {
	background-color: transparent;
	border: 0;
	display: block;
	padding: 6px !important
}

#main_slider .swiper-button-next,
#main_slider .swiper-button-prev,
.form_box form .view_password_btn.active i:first-child,
.hoverIcon>a.active>img:first-child,
.hoverIcon>a>img:nth-child(2),
.navbar .dropdown .dropdown-toggle::after,
.tab_sec .nav-fill .nav-item:last-child:after,
.theme_btn.btn-animation::after {
	display: none
}

.navbar .dropdown .dropdown-menu {
	right: 0;
	left: auto;
  direction: rtl;
}

.header_action_sec {
	width: 150px;
	display: flex
}

.header_action_sec .dropdown,
.product_info,
.product_photos {
	width: 50%;
	display: inline-block
}

.swiper-slide {
	min-height: 500px;
	max-height: 600px;
	text-align: center
}

.slider-sub-title {
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 9.2px;
	color: #fff
}

.slider-title {
	font-size: 60px;
	font-weight: 500;
	letter-spacing: 10px;
	color: var(--theme-color);
	padding: 50px 0;
	text-transform: uppercase;
	opacity: 1
}

.footer_sec .footer_links li a:hover,
.slider-title:hover,
.sub_footer_links li a:hover {
	color: var(--secondary-color);
	text-decoration: none
}

.slider-buttton {
	font-weight: 600;
	letter-spacing: 1.29px;
	border: 1px solid #fff;
	padding: 10px 20px;
	color: #fff;
	font-size: 30px;
	text-decoration: none
}

.swiper-pagination {
	left: 100px !important;
	top: 0 !important;
	right: auto !important;
	width: 15px !important;
	bottom: 0 !important;
	height: 100% !important;
	padding-top: 25% !important
}

.swiper-pagination span {
	width: 100% !important;
	height: 15px !important;
	background-color: var(--theme-color);
	border: 2px solid var(--theme-color);
	opacity: 1 !important
}

.swiper-pagination span.swiper-pagination-bullet-active {
	background-color: transparent;
	border-color: #a3aab7
}

.slider-buttton,
.slider-title {
	display: inline-block
}

.swiper-slide-active .slider-sub-title {
	animation: 1s rollIn
}

.swiper-slide-active .slider-buttton,
.swiper-slide-active .slider-title {
	animation: 1.5s fadeInUp
}

.swiper-slide-active .image_slider {
	animation: 1.5s zoomIn
}

.about-text,
.form_box .iti,
.image_slider,
.iti {
	width: 100%
}

.back-to-down {
	position: absolute;
	bottom: 300px;
	left: 50%;
	width: 50px;
	text-align: center;
	font-size: 28px;
	margin: -25px;
	color: var(--theme-color) !important;
	z-index: 99;
	cursor: pointer
}

.back-to-down:hover {
	color: var(--secondary-color) !important
}

.who_is {
	margin-top: -150px;
	z-index: 99;
	position: relative;
	min-height: 800px
}

.who_is:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 78%;
	bottom: 0;
	background-color: var(--theme-color)
}

.who_is .theme-container {
	position: relative;
	z-index: 99;
	display: flex;
	padding-top: 150px;
	padding-bottom: 150px
}

.who_is .theme-container .text_section {
	width: 73%;
	display: inline-block;
	padding-right: 120px;
	margin-bottom: 30px
}

.who_is .theme-container .text_section h2 {
	font-size: 63px;
	color: #fff;
	line-height: 70px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 30px;
	text-align: right
}

.who_is .theme-container .text_section p {
	font-size: 18px;
	color: #fff;
	line-height: 28px;
	text-align: right;
	direction: rtl
}

.who_is .theme-container .text_section a {
	font-size: 25px;
	color: #fff;
	font-weight: 600
}

.who_is .theme-container .text_section a:hover {
	color: #c5c5c5
}

.get_in_touch_sec .text a,
.get_in_touch_sec .text p,
.offer_sec p,
.qty-box button.bg-gray i,
.tab_sec .nav-fill .nav-item,
.tab_sec .tab-pane p {
	color: var(--secondary-color)
}

.who_is .theme-container .image_section {
	width: 27%;
	display: inline-block;
	margin-bottom: 30px
}

.who_is .theme-container .image_section .who-is-photo {
	width: 100%;
	height: auto;
	border-radius: 40px
}

.gallery_sec {
	margin-top: -100px;
	z-index: 999;
	display: flex;
	overflow: hidden
}

.gallery_sec .item {
	width: 33.3333%;
	padding: 15px;
	display: inline-block
}

.gallery_sec .item .cont {
	width: 100%;
	margin-bottom: 30px
}

.gallery_sec .item .cont img,
.product_image,
.product_image img {
	width: 100%;
	height: auto
}

.gallery_sec .item:first-child {
	width: 28%;
	padding-left: 0
}

.gallery_sec .item:nth-child(3) {
	width: 22%;
	padding-right: 0
}

.gallery_sec .item:nth-child(2),
.top_banner img {
	width: 50%
}

.section_title {
	width: 100%;
	font-size: 53px;
	font-weight: 600;
	color: var(--theme-color);
	text-align: center;
	text-transform: uppercase
}

.reviews_sec {
	position: relative;
	margin: 60px 0 0;
	min-height: 400px
}

.reviews_sec .reviews-bg {
	position: relative;
	width: 100%;
	height: 800px;
	margin: 50px 0 0
}

.reviews_sec .reviews_slider {
	position: absolute;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	top: 65px
}

.reviews_sec .reviews_slider .hanger {
	width: 100%;
	height: auto;
	position: relative;
	left: -10px
}

.reviews_sec .swiper-container {
	position: absolute;
	top: 200px;
	left: 0;
	width: 100%
}

.reviews_sec .swiper-slide {
	background-color: transparent;
	padding-bottom: 0
}

.reviews_sec .swiper-slide .animated-area p {
	width: 100%;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	color: #fff
}

.reviews_sec .swiper-slide .animated-area span {
	width: 100%;
	font-size: 27px;
	font-weight: 700;
	color: #fff;
	margin-top: 60px;
	display: block
}

.swiper-button-next,
.swiper-button-prev {
	background-image: url('/public/assets/images/arrow.svg');
	background-repeat: no-repeat;
	background-size: 51px;
	height: 24px;
	width: 42px
}

.swiper-button-prev {
	transform: rotate(90deg)
}

.swiper-button-next {
	transform: rotate(-90deg)
}

.offer_sec {
	position: relative;
	background-image: url("/public/assets/images/brench.png");
	background-repeat: no-repeat;
	background-size: 157px;
	min-height: 400px;
	padding: 100px 0 10px
}

.offer_sec p {
	text-align: center;
	font-size: 18px;
	margin: 0;
	font-weight: 500
}

.offer_slider_sec {
	width: 100%;
	display: block;
	position: relative
}

.offer_slider_sec .image_cont {
	width: 100%;
	height: 500px;
	position: relative
}

.offer_slider_sec .image_cont img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	opacity: 0
}

.offer_slider_sec .image_cont img.active,
ul.items .item .preview li.active {
	opacity: 1
}

.offer_slider_sec .text_cont {
	width: 100%;
	height: auto;
	margin-top: -100px;
	padding: 0 60px
}

.offer_slider_sec .text_cont .content {
	width: 100%;
	height: auto;
	min-height: 400px;
	background-color: #fff;
	display: block;
	margin: 0;
	padding: 0 30px 30px
}

.offer_slider_sec .text_cont .content .btn_group {
	width: 100%;
	text-align: center;
	display: block;
	margin-bottom: 40px;
	position: relative;
	top: 40px
}

.offer_slider_sec .text_cont .content .btn_group a {
	width: auto;
	font-size: 18px;
	color: var(--secondary-color);
	padding: 10px 20px;
	cursor: pointer
}

.offer_slider_sec .text_cont .content .btn_group a.active,
.offer_slider_sec .text_cont .content .btn_group a:hover {
	color: #fff;
	background-color: var(--theme-color)
}

.offer_slider_sec .text_cont .content .text {
	width: 100%;
	display: block;
	margin-top: 30px;
	position: relative;
	top: 35px
}

.offer_slider_sec .text_cont .content .text span.myText {
	width: 100%;
	text-align: left;
	opacity: 0;
	font-weight: 300;
	line-height: 34px;
	font-size: 20px;
	position: relative;
	display: none;
	top: 0;
	left: 0
}

.offer_slider_sec .text_cont .content .text span.myText.active {
	opacity: 1;
	display: block
}

.offer_slider_sec .text_cont .content .text span p {
	text-align: left;
	font-weight: 300;
	line-height: 34px;
	font-size: 20px
}

.tab_sec {
	position: relative;
	margin: 20px 0 60px
}

.get_in_touch_sec .get-in-touch-image,
.tab_sec .tab-image {
	width: 100%;
	height: auto;
	margin: 20px 0
}

.tab_sec .tab-pane p {
	width: 100%;
	text-align: center;
	font-size: 25px;
	font-style: italic;
	font-weight: 300
}

.tab_sec .nav-tabs {
	border-bottom: 0;
	text-align: center;
	display: block
}

.tab_sec .nav-fill .nav-item {
	text-align: center;
	float: none;
	display: inline-block;
	font-size: 28px;
	font-weight: 500;
	position: relative;
	margin: 0 10px;
	border-radius: 0
}

.tab_sec .nav-fill .nav-item:hover {
	color: #fff;
	background-color: var(--secondary-color)
}

.tab_sec .nav-tabs .nav-item.show .nav-link,
.tab_sec .nav-tabs .nav-link.active {
	color: #fff;
	background-color: var(--theme-color);
	border: 0
}

.get_in_touch_sec {
	position: relative;
	margin: 30px 0
}

.get_in_touch_sec .text {
	position: absolute;
	left: 50%;
	top: 35%;
	width: 50%;
	margin-left: -25%;
	text-align: center;
	padding-top: 30px
}

.get_in_touch_sec .text p {
	width: 100%;
	font-size: 25px;
	font-weight: 400;
	display: block
}

.get_in_touch_sec .text a.link {
	font-size: 30px;
	color: var(--theme-color);
	font-weight: 700;
	margin: 15px 0;
	display: block
}

.get_in_touch_sec .text a:hover,
.product_title a:hover {
	color: var(--theme-color);
	text-decoration: none
}

.get_in_touch_sec .text span {
	width: 100%;
	font-size: 20px;
	color: var(--secondary-color);
	font-weight: 400;
	display: block
}

.social_sec {
	position: relative;
	margin: 60px 0
}

.social_sec .small_title {
	width: 100%;
	font-size: 25px;
	font-weight: 400;
	color: #a2a8b6;
	text-align: center;
	display: block;
	margin: 0 0 20px
}

.social_sec .items_sec {
	float: none;
	width: 100%;
	display: inline-block;
	padding: 5px
}

.social_sec .items_sec .item {
	float: left;
	width: 25%;
	padding: 5px;
	display: inline-block;
	position: relative
}

.cart_menu .dropdown-menu .button-group,
.cart_menu .dropdown-menu .dropdown-divider,
.social_sec .items_sec .item .cont {
	float: left;
	width: 100%
}

.social_sec .items_sec .item .cont a {
	float: left;
	width: 100%;
	position: relative;
	height: 400px;
	background-repeat: no-repeat
}

.social_sec .items_sec .item img,
.we_made .items_sec .item img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.social_sec .items_sec .item .icon {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 25px;
	color: #fff
}

.top_banner {
	width: 100%;
	text-align: center;
	padding: 30px 0
}

.filter_sec {
  direction: rtl;
	display: block;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #696969;
	position: relative
}

.filter_sec .input-group {
	direction: rtl;
  border: 1px solid #43c7e7;
      margin: 7px 0;
}

.filter_sec .input-group input {
	border: 0;
	border-left: 1px solid #ced4da;
	border-radius: 0;
	color: #696969;
	padding: 0 30px
}

.filter_sec .input-group button {
	color: #696969
}

.filter_sec .sort_selection {
	border: 0;
	color: #696969;
	border-radius: 0
}

.content {
	display: flex;
	margin-top: 30px;
	margin-bottom: 100px;
	position: relative;
}

.main,
.products_list,
.side,
.side ul li a {
	display: block
}

.main {
	height: auto;
	width: calc(100% - 320px);
	padding-left: 30px
}

.side {
	align-items: center;
	justify-content: center;
	position: -webkit-sticky;
	position: sticky;
	top: 150px;
	width: 320px;
	max-height: 400px;
	height: auto;
	padding: 30px;
  overflow-y: auto;
  min-height: 500px;
    direction: rtl;
    text-align: right;
}

.side h2 {
	font-size: 32px;
	color: var(--theme-color)
}

.product_price p.old_price,
.product_title a,
.side ul li a {
	color: var(--secondary-color)
}

.side ul,
.sub_footer_links {
	width: 100%;
	padding: 0
}

.side ul li {
	width: 100%;
	list-style: none
}

.side ul li a {
	width: 100%;
	font-size: 18px;
	transition: .3s;
	margin: 10px 0;
	cursor: pointer;
  padding: 5px;
}

.side ul li a.active,
.side ul li a:hover {
	color: var(--theme-color) !important;
	text-decoration: none !important;
	transition: .3s
}

.products_list {
	width: 100%;
  direction: rtl;
}

.products_list .item {
	width: 100%;
	display: inline-block;
	margin: 0 0 30px
}

.products_list .item .cont {
	width: 100%;
	display: block;
	overflow: hidden
}

.products_list .item .cont .image_cont {
	width: 100%;
	height: 260px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat
}

.products_list .item .cont .image_cont img {
	width: 100%;
	height: auto;
  min-height: 250px;
	object-fit: cover;
	transition: .3s
}

.product_title {
	width: calc(100% - 105px);
	padding: 10px 0 0;
	display: inline-block;
	min-height: 62px;
	line-height: 22px;
  text-align: right;
}

.product_title a {
	font-size: 18px;
	font-weight: 500
}

.form_box form .view_password_btn.active,
.form_box form .view_password_btn:hover,
.product_price b,
.products_list .item:hover .product_title a,
.social-share.icon-transparent li a:hover {
	color: var(--theme-color)
}

.products_list .item :hover.cont .image_cont a img {
	transform: scale(1.1);
	transition: .3s
}

.products_list .item .cont .add_to_cart_btn {
	margin: 10px 0 20px
}

.product_price {
	width: 100px;
	display: inline-block;
	text-align: left;
	float: left;
	margin: 12px 0 0
}

.product_price.with_old_price {
	margin: 5px 0 0
}

.product_price b {
	background-color: transparent;
	text-align: center;
	font-size: 15px;
	font-weight: 700
}

.product_price p.old_price {
	font-size: 13px;
	margin: 0;
	text-decoration: line-through
}

.products_list .item .cont .image_cont .notifi-wishlist {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 5px;
	z-index: 9999
}

.notifi-wishlist svg path {
	fill: #ffffff;
	stroke: #939393
}

.notifi-wishlist.active svg path {
	fill: var(--theme-color);
	stroke: var(--theme-color)
}

.cart {
	margin-top: 30px
}

.cart img {
	width: 100%;
	height: 100%;
	vertical-align: sub;
	object-fit: cover
}

.left {
	float: left
}

.right {
	float: right
}

.clr {
	clr: both
}

.align-left,
.upload .bar-sec {
	text-align: left
}

.align-right,
.apps,
.footer_sec .footer_links li:last-child,
.upload .apps {
	text-align: right
}

.add_to_cart_btn,
.align-center,
.btn-checkout,
.btn-quantity,
.btn-remove,
.contact .info,
.fish #card-title,
.price,
.qty-box,
.qty-box .qty-input,
.summary .total,
.twasi #card-title,
.we_made p {
	text-align: center
}

.icon-plus {
	background-position: -408px -96px
}

.icon-minus {
	background-position: -433px -96px
}

.icon-remove {
	background-position: -312px 0
}

.btn-quantity {
	font-size: .8em;
	box-shadow: 0 0 5px #0003;
	border-radius: 20px;
	padding: 10px 15px;
	width: 40px;
	height: 40px;
	display: block
}

.btn-quantity.minus,
.btn-quantity.plus {
	color: #478298
}

.btn-quantity.plus:hover {
	color: #004d00
}

.btn-quantity.minus:hover {
	color: #c00
}

.btn-remove {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 10;
	display: inline-block;
	color: #e94343;
	font-size: 1.4em
}

.btn-remove:hover {
	color: #060606
}

.btn-remove .icon {
	margin-top: 2px
}

.btn-checkout {
	color: #fff;
	text-decoration: none;
	margin: 20px 0 0;
	padding: 10px 0;
	border-radius: 5px;
	display: block;
	line-height: 25px;
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3);
	background: #478298;
	width: 40%;
	font-size: 2em
}

.summary,
ul.items .item {
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.btn-checkout:hover {
	background: #25a25a
}

ul.items {
	margin: 0;
	padding: 0;
	list-style: none
}

ul.items .item {
	border-radius: 10px;
	margin-bottom: 20px;
	position: relative;
	display: flex
}

ul.items .item .inner_container {
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center
}

ul.items .item img {
	border-radius: 10px 0 0 10px
}

ul.items .item .preview {
	width: 20%;
	height: 200px
}

ul.items .item .preview ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	height: 100%
}

ul.items .item .preview li {
	position: absolute;
	top: 0;
	opacity: 0
}

ul.items .item .details {
	padding: 0 30px;
	position: relative;
	overflow: hidden;
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly
}

ul.items .item .details h3 {
	margin: 0;
	position: relative;
	z-index: 1;
	font-size: 23px;
	color: var(--theme-color)
}

ul.items .item .details h5 {
	font-size: 18px;
	color: var(--secondary-color)
}

.fa-1,
ul.items .item .details p {
	font-size: 1em
}

ul.items .item .details input[type=number] {
	width: 50px;
	height: 30px;
	padding: 2px;
	outline: 0;
	border-radius: 5px;
	border: 1px solid #ccc
}

.summary {
	padding: 20px;
	border-radius: 5px;
	margin-bottom: 80px
}

.summary .meta-data {
	border-right: 1px solid #eee;
	padding-right: 10%
}

.summary .total {
	font-size: 2em;
	line-height: 65px
}

.picker {
	display: flex;
	flex-direction: row-reverse;
	align-items: center
}

.picker p {
	margin: 0
}

.quantity-text {
	margin: 0 20px;
	font-size: 1.2em
}

.sub-total,
.taxes {
	font-size: 1.5em;
	margin: 10px 0
}

.coupon,
.delivery-address,
.payment-details {
	box-shadow: 0 0 5px #00000030;
	background-color: #fff;
	margin-bottom: 20px
}

.btn-summary {
	display: flex;
	justify-content: space-around
}

.btn-reverse {
	background-color: #fff;
	color: #478298;
	border: 1px solid #478298
}

.cart input,
.cart_total_sec,
.coupon {
	border-radius: 10px
}

.delivery-payment {
	display: flex;
	justify-content: space-between;
	margin-top: 100px
}

.delivery-address,
.payment-details {
	width: 49%;
	border-radius: 10px;
	padding: 0 30px 30px
}

.coupon {
	display: flex;
	padding: 5px 30px;
	align-items: center
}

.coupon h3 {
	margin-right: 30px;
	font-size: 2em
}

.cart input {
	height: 40px
}

.summary-content {
	display: flex;
	justify-content: space-around;
	align-items: flex-end
}

.current_quantity {
	min-width: 45px;
	display: inline-block
}

.cart_total_sec {
	float: left;
	width: 100%;
	padding: 15px 0;
	min-height: 400px;
	margin: 30px 0 0;
	background-color: #ededed
}

.cart_total_sec .padding,
.checkbox label,
.radio label {
	padding: 0 15px
}

.cart_total_sec .form-group,
.product-box-contain {
	margin-bottom: 20px
}

.cart_total_sec .theme_btn {
	width: 100%;
	text-align: center;
	border-radius: 7px;
	color: #fff !important;
	margin: 0 0 15px;
	text-transform: capitalize;
	padding: 10px 20px;
	font-size: 17px
}

.cart_total_sec label {
	font-size: 17px;
	color: var(--secondary-color);
	font-weight: 700
}

.cart_total_sec .form-control {
	height: 47px;
	border-radius: 7px
}

.cart_total_sec .line {
	width: 100%;
	height: 1px;
	background-color: #b1b1b1;
	float: left;
	margin: 0 0 15px
}

.cart_total_sec .send_couponCode_btn {
	background-color: var(--secondary-color);
	border: 0
}

.add_to_cart_btn,
.cart_total_sec .send_couponCode_btn:hover,
.footer_sec .sub_footer {
	background-color: var(--theme-color)
}

@media only screen and (max-width:900px) {
	.quantity-text {
		font-size: 1em
	}

	.btn-remove {
		right: 15px;
		font-size: 1.4em
	}

	ul.items .item .details p {
		font-size: .8em
	}

	.picker {
		margin-right: 10px
	}

	.btn-quantity {
		font-size: .6em
	}
}

@media only screen and (max-width:768px) {
	ul.items .item {
		flex-direction: column;
		margin: auto auto 30px
	}

	ul.items .item .preview {
		width: 100%
	}

	.item .details {
		padding: 15px 30px;
		width: 100%
	}

	ul.items .item img {
		border-radius: 10px 10px 0 0
	}

	ul.items .item .details h3,
	ul.items .item .details h5 {
		text-align: center
	}

	ul.items .item .details p {
		font-size: 1em;
		text-align: center
	}

	ul.items .item .inner_container {
		width: 100%;
		margin-bottom: 20px
	}

	.grid_12.summary {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99999;
		width: 100%;
		margin-bottom: 0
	}

	.sub-total,
	.taxes {
		font-size: 1em
	}

	.btn-checkout,
	.summary .total {
		font-size: 1.6em
	}

	.summary .total {
		line-height: 1em;
		margin: 10px 0
	}

	.delivery-payment {
		margin-top: 60px
	}

	.coupon {
		flex-direction: column;
		padding: 30px 0
	}

	.coupon h3 {
		margin: 0
	}
}

@media only screen and (max-width:480px) {

/* .slick-next{
  display: none !important;
} */
.padding_menu.container{
  min-height: 375px;
}

	.btn-checkout,
	.btn-remove {
		font-size: 1.2em
	}

	.container {
		padding: 0 30px
	}
}

.footer_sec {
	width: 100%;
	position: relative;
	margin-top: 35px
}

.footer_sec .logo_footer_image {
	width: 100px;
	height: auto;
	margin-right: 30px
}

.footer_sec .Copyright {
	font-size: 14px;
	font-weight: 400;
	color: var(--theme-color);
	width: auto;
	display: inline-block;
	margin: 50px 0 0;
	position: relative;
	top: 36px
}

.footer_sec .footer_links {
	width: 100%;
	padding: 0;
	display: block;
	margin: 0;
	height: 40px
}

.footer_sec .footer_links li {
	float: right;
	width: 20%;
	display: inline-block;
	list-style: none
}

.footer_sec .footer_links li a {
	width: auto;
	font-size: 13px;
	font-weight: 600;
	color: var(--theme-color);
	text-transform: uppercase
}

.footer_sec .footer_links li a.social_link {
	margin: 0 7px;
	padding: 5px;
	font-size: 18px
}

.footer_sec .sub_footer {
	width: 100%;
	height: 45px;
	position: relative
}

.footer_sec .sub_footer .chat_icon {
	position: absolute;
	top: -16px;
	right: 2px;
	width: 55px;
	height: 55px
}

.footer_sec .sub_footer .chat_icon img,
.store-link img {
	width: 55px;
	height: 55px
}

.footer_sub_title {
	font-size: 23px;
	color: var(--theme-color);
	text-transform: uppercase;
	margin-top: 30px
}

.sub_footer_links li a,
.sub_footer_text {
	font-size: 18px;
	color: var(--theme-color);
	width: auto
}

.sub_footer_links li {
	width: 100%;
	list-style: none;
	margin: 0 0 5px
}

.sub_footer_links li a {
	cursor: pointer
}

.payment_icon {
	width: auto;
	height: 40px;
	margin: 10px 0
}

س .product_content {
	width: 100%;
	position: relative;
	display: flex;
	padding: 60px 0 0;
	margin: 0 0 100px
}

.product_info {
	padding: 0 0 0 60px
}

.product_info .price {
	font-size: 27px;
	color: var(--secondary-color);
	width: 100%;
	display: block;
	font-weight: 500;
      text-align: right;
}

.product_info .old_price {
	font-size: 17px;
	color: var(--secondary-color);
	width: 100%;
	display: block;
	text-decoration: line-through
}

.product_info .notifi-wishlist {

	display: inline-block;
	position: relative;
	top: 25px
}

.page_title {
	font-size: 45px;
	color: var(--theme-color);
	width: 100%;
	display: block;
	font-weight: 700;
	line-height: 75px;
	margin: 0 0 35px;
  text-align: right;
}

.qty-box {
	width: 130px;
	margin: 17px 0;
	display: inline-block;
	border: 2px solid var(--secondary-color);
  direction: rtl;
      float: right;
}

.qty-box button.bg-gray {
	border: 0;
	padding: 5px 10px;
	background-color: #fff;
	cursor: pointer;
	outline: 0;
	color: var(--secondary-color)
}

.qty-box .qty-input {
	background-color: #fff;
	border: 0
}

.add_to_cart_btn {
	width: 100%;
	color: #fff;
	font-size: 17px;
	padding: 15px;
	display: block;
	margin: 25px 0;
  text-align: center;
display: inherit;
}

.add_to_cart_btn:hover {
	background-color: var(--secondary-color);
	color: #fff;
	text-decoration: none
}

.product_info p{
text-align: right;
}


.product_info p.description {
	width: 100%;
	display: block;
	font-size: 12px;
	line-height: 27px;
	color: #606060;
	font-weight: 700;
	margin: 0 0 20px
}

#contactForm .form-control,
#contactForm label,
.contents,
.heading,
.we_made p,
.why_sec .text_sec p {
	color: var(--secondary-color)
}

.blog-share {
	display: flex;
	text-align: right;
	align-items: baseline;
	margin: 30px 0;
  direction: rtl;
}

.blog-share .social-share {
	margin: 0 -12px;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: flex
}

.blog-share .social-share li {
	margin: 0 12px
}

.social-share.icon-transparent li a {
	height: auto;
	width: auto;
	color: var(--secondary-color);
	-webkit-transition: .4s;
	transition: .4s;
	line-height: initial;
	font-size: 18px;
	border: none;
	border-radius: 0;
	padding: 10px
}

.accordion {
	background: #fff;
	margin: 0 auto;
	width: 100%;
	display: block
}

.heading {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid var(--secondary-color);
	letter-spacing: .8px;
	padding: 15px 0;
	cursor: pointer
}

.heading:nth-last-child(2) {
	border-bottom: 0
}

.heading:hover {
	color: var(--theme-color);
	border-radius: 0
}

.heading i {
	float: right;
	transition: .5s
}

.active.heading i {
	transform: rotate(-180deg);
	transition: .5s
}

.contents {
	display: none;
	background: #f7f7f7;
	padding: 15px;
	font-size: 18px;
	line-height: 30px
}

#intro,
.register_sec {
	height: auto;
	background-position: center;
	background-size: cover
}

.who_is.about_page {
	margin-top: 0
}

.who_is.about_page:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 30%;
	bottom: 0;
	background-color: var(--theme-background-color)
}

.we_made {
	position: relative;
	min-height: 300px;
	/* padding: 60px 0; */
	margin: 1px 0;
}

.we_made p {
	font-size: 18px;
	font-weight: 500
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .show>.nav-link,
.offer-content span,
p strong {
	color: #50c4dd
}

.we_made .items_sec {
	width: 100%;
	display: flex;
	/* margin: 400px 0 0; */
}

.we_made .items_sec .item {
	width: 100%;
	height: 350px;
	display: inline-block;
	overflow: hidden
}

.we_made .swiper-slide {
	min-height: 350px
}

.theme_btn,
.theme_btn.btn-animation {
	background-color: var(--theme-color) !important;
	color: #fff !important;
	padding: 10px 20px !important;
	font-size: 17px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	margin: auto !important;
	float: none !important;
	display: table !important;
	border: 0 !important;
	cursor: pointer !important;
	background-image: none !important
}

.theme_btn.btn-animation:hover,
.theme_btn:hover {
	background-color: var(--secondary-color) !important;
	color: #fff !important;
	text-decoration: none !important;
	background-image: none !important
}

.alert,
.alert_form.error,
.cart_menu .dropdown-menu .cart_list li .product_contain .close_button:hover {
	color: red
}

.cart-section .theme_btn.btn-animation {
	font-size: 15px;
	cursor: pointer
}
.cart-section{
min-height: 305px;
}


.cart-table,
.form_box form .form-group,
.margin_bottom_30 {
	margin-bottom: 30px
}

.summery-box .summery-contain .coupon-cart .coupon-box .btn-apply {
	cursor: pointer
}

.summery-box .summery-contain .coupon-cart .coupon-box .btn-apply:hover {
	opacity: .7
}

.why_sec {
	margin: 60px 0
}

.why_image {
	float: left;
	width: 40%;
	height: auto;
	margin: 30px 0 15px
}

.why_sec {
	width: 100%;
	position: relative;
	display: block
}

.why_sec .text_sec {
	width: 59%;
	padding: 0 0 0 120px;
	display: inline-block
}

.why_sec .text_sec p {
	width: 100%;
	text-align: left;
	direction: ltr;
	font-size: 18px;
	font-weight: 500
}

.margin_top .get_in_touch_sec {
	margin-top: 200px
}

.alert {
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 100%;
	text-align: left;
	font-size: 12px;
	display: none;
	padding: 0;
	border: 0;
	margin: 0
}

.coupon-cart,
.form-group {
	position: relative;
  text-align: right;
}

.alert_form {
	color: #00c300;
	font-size: 15px;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	float: right;
	top: -16px;
	right: 0;
	text-align: right;
	padding: 0 15px
}

#contactForm{
  border: 1px solid #43c7e7;
background: #f8f8f8;
border-radius: 10px;
padding: 20px;
top: 35px;
    margin-bottom: 45px;
}


#contactForm .theme_btn {
	border: 0;
	margin: auto 0 0 auto;
	cursor: pointer;
  background-color: #43c7e7 !important;
color: #fff !important;
}

#contactForm label {
	font-size: 23px;
	margin: 0;
	font-weight: 700
}

#contactForm .form-control {
	font-size: 17px;
	border: 0;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	padding: 10px 5px;
	height: 45px;
	line-height: 2
}

#contactForm .form-control:focus {
	outline: 0;
	box-shadow: none;
	border-color: var(--theme-color)
}

#contactForm textarea.form-control {
	height: 200px;
	border: 1px solid #ccc;
	margin: 15px 0 0;
	padding: 10px
}

#what-we-offer {
	position: absolute;
	top: -120px
}

.theme-option {
	left: calc(10px + 15*(100vw - 320px)/ 1600);
	right: auto !important
}

.register_sec {
	width: 100%;
	min-height: 1200px;
	background-image: url('/public/assets/images/register-bg-2.jpg')
}

.form_box {
	float: right;
	width: auto;
	min-width: 600px;
	background-color: #fff;
	margin: 120px 0 0;
	height: auto;
	min-height: 700px;
	padding: 60px
}

.form_box .form_title {
	width: 100%;
	text-align: center;
	font-size: 35px;
	color: var(--theme-color);
	font-weight: 600;
	text-transform: uppercase
}

.form_box .form_sub_title {
	width: 100%;
	text-align: center;
	font-size: 27px;
	color: var(--secondary-color);
	font-weight: 400;
	margin: 30px 0
}

.form_box form {
	width: 100%;
	display: block;
	margin: 0
}

.form_box form .form-control {
	height: 59px;
	padding: 10px 10px 10px 80px;
	text-align: right;
	border-color: var(--theme-color);
	border-radius: 0
}

.form_box form .form-control:focus {
	outline: 0;
	box-shadow: 0 0 11px 1px rgba(121, 98, 167, .5);
	text-align: right
}

.form_box form .form-control#password {
	padding: 10px 25px 10px 125px
}

.form_box form .form-control#fullName {
	padding: 10px 10px 10px 125px
}

.form_box form label {
	position: absolute;
	top: 14px;
	right: 10px;
	font-size: 20px;
	color: var(--theme-color);
	font-weight: 500
}

.form_box form label a {
	font-size: 20px;
	color: var(--theme-color);
	font-weight: 500
}

.form_box form .view_password_btn {
	position: absolute;
	top: 18px;
	left: 10px;
	font-size: 15px;
	color: var(--secondary-color);
	cursor: pointer
}

.form_box form .view_password_btn i:nth-child(2) {
	display: none;
	position: relative;
	top: 3px
}

.form_box form .view_password_btn.active i:nth-child(2),
.hoverIcon a.active>img:nth-child(2),
article,
aside,
details,
footer,
header,
menu,
nav,
section {
	display: block
}

.form_box form .forgot-password {
	margin-bottom: 30px;
	width: 100%;
	display: block;
	font-size: 20px;
	color: #43c7e7;
}

.form_box form .forgot-password:hover {
	text-decoration: none;
	color: var(--theme-color)
}

.form_box .other_account {
	width: 250px;
	margin: 30px auto;
	padding: 20px 0;
	border-top: 2px solid var(--theme-color);
	text-align: center
}

.form_box .other_account span {
	width: 100%;
	font-size: 20px;
	color: var(--secondary-color);
	font-weight: 500;
	margin: 0 0 15px
}

.form_box .other_account a {
	width: 100%;
	font-size: 20px;
	color: var(--theme-color);
	font-weight: 500;
	margin: 0 0 10px
}

.form_box .form-check {
	padding: 0
}

.form_box form label.form-check-label {
	position: relative;
	top: 0
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: none
}

.cart_menu .dropdown-menu {
	min-width: 300px
}

.cart_menu .dropdown-menu .cart_list {
	float: left;
	width: 100%;
	padding: 0;
	max-height: 250px;
	overflow: auto;
	margin: 0
}

.cart_menu .dropdown-menu .cart_list li {
	float: left;
	width: 100%;
	margin: 0;
	list-style: none;
	padding: 10px 20px 5px 10px;
	position: relative;
text-align: right;}

.cart_menu .dropdown-menu .cart_list li .image {
	float: left;
	width: 90px;
	overflow: hidden;
	border-radius: 8px
}

.cart_menu .dropdown-menu .cart_list li .image img {
	width: 80px;
	height: 67px;
	border-radius: 8px
}

.cart_menu .dropdown-menu .cart_list li .product_contain {
	float: right;
	width: calc(100% - 95px)
}

.cart_menu .dropdown-menu .cart_list li .product_contain a {
	float: left;
	width: 100%;
	font-size: 15px;
	color: var(--theme-color)
}

.cart_menu .dropdown-menu .cart_list li .product_contain a h5 {
	float: left;
	width: 100%;
	font-size: 16px;
	color: var(--theme-color)
}

.cart_menu .dropdown-menu .cart_list li .product_contain h6 {
	float: left;
	width: 100%;
	font-size: 14px;
	color: var(--secondary-color);
	margin: 0 0 10px;
  direction: ltr;
}

.cart_menu .dropdown-menu .cart_list li .product_contain .close_button {
	position: absolute;
	top: 8px;
	right: 2px;
	border: 0;
	cursor: pointer;
	background-color: transparent;
	color: #555
}

.cart_menu .dropdown-menu .action_cont {
	float: left;
	width: 100%;
	padding: 0 10px
}

.cart_menu .dropdown-menu .price_box {
	float: left;
	width: 100%;
	margin: 0 0 10px
}

.cart_menu .dropdown-menu .price_box p {
	float: right;
	width: auto;
	margin: 0;
	font-size: 17px;
	color: #000
}

.cart_menu .dropdown-menu .price_box b {
	float: left;
	width: auto;
	margin: 0;
	font-size: 17px;
	color: var(--theme-color)
}

.cart_menu .dropdown-menu .action_cont .view_cart_btn {
	float: left !important;
	font-size: 13px !important;
	padding: 10px !important
}

.cart_menu .dropdown-menu .action_cont .checkout_btn {
	float: right !important;
	font-size: 13px !important;
	padding: 10px !important
}

* {
	scrollbar-width: thin;
	scrollbar-color: #43c7e7 #b0b7c4
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px
}

::-webkit-scrollbar-track {
	background-clip: content-box;
	border: 0 solid transparent
}

::-webkit-scrollbar-thumb {
	background-color: var(--theme-color)
}

::-webkit-scrollbar-thumb:hover {
	background-color: var(--theme-color)
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
	background-color: #b0b7c4
}

.whatsapp_btn {
	position: fixed;
	width: 55px;
	height: 55px;
	bottom: 20px;
	right: 20px;
	background-color: var(--theme-color);
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 99999999;
	padding: 7px;
}

.whatsapp_btn:hover {
	background-color: var(--secondary-color)
}

.alert_message {
	position: fixed;
	top: 146px;
	right: 15px;
	z-index: 999999;
	padding: 10px;
	background-color: #fff;
	visibility: hidden;
	color: #555
}

.alert_message.show {
	visibility: visible
}

.alert_message span {
	font-size: 17px
}

.alert_message.alert-danger {
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7
}

.alert_message.alert-success {
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #badbcc
}

.alert_message.alert-warning {
	color: #664d03;
	background-color: #fff3cd;
	border-color: #ffecb5
}

.iti__country-list {
	display: grid
}

.map_address {
	width: 100%;
	height: 500px;
	margin: 0 0 30px
}

#addressForm .form-control {
	height: 50px !important;
	padding: 10px 50px 10px 10px !important;
  direction: rtl;
}

#addressForm .form-control[type=tel] {
	padding: 10px 10px 10px 100px !important
}

.cartIsEmpty_text {
	padding: 10px;
	font-size: 16px;
	color: var(--secondary-color);
	display: block;
  text-align: right;
}

.table-responsive-xl {
	overflow: auto;
	padding-bottom: 25px
}

.caterories_btn {
	float: right;
	position: relative;
	top: 2px;
	display: none
}

.profile_name_edit {
	float: left;
	position: relative;
	top: -8px
}

.lazyload {
	background-image: url('/public/assets/images/loading-image.png')
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
	color: var(--theme-color);
	background-color: transparent;
	border-color: transparent;
	outline: 0
}

.cart-table table tbody tr td.price h5{
  display: block !important;
}

.cartCount {
  z-index: 5;
	right: 22px;
	top: 3px;
	background-color: var(--theme-color);
	padding: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 13px;
	width: 22px;
	height: 20px;
	text-align: center;
  display: inline-table;
}

.invalid_couponCode {
	font-size: 12px
}

.margin_top_30 {
	margin-top: 170px
}

@media (max-width:1500px) {
	.social_sec .items_sec .item .cont a {
		height: 350px
	}
}

@media (max-width:1400px) {
	.products_list .col-md-4 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.cart-section .g-sm-5 .col-md-3,
	.cart-section .g-sm-5 .col-md-9 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

@media (max-width:1199px) {
	.get_in_touch_sec .text p {
		font-size: 22px
	}

	.get_in_touch_sec .text a.link {
		font-size: 27px
	}

	.get_in_touch_sec .text span,
	.offer_slider_sec .text_cont .content .text span p {
		font-size: 17px
	}

	.products_list .col-md-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.why_sec .text_sec {
		padding: 100px 0 0 70px
	}

	.offer_slider_sec .text_cont .content .btn_group a {
		font-size: 14px;
		padding: 10px
	}
}

@media (max-width:1150px) {
	.navbar-light .navbar-nav .nav-item {
		padding: 0 20px
	}

	.navbar-light .navbar-nav .nav-link {
		font-size: 16px
	}
}

@media (max-width:1024px) {

	.section_title,
	.slider-title {
		font-size: 45px
	}

	.who_is {
		margin-top: -75px
	}

	.who_is .theme-container {
		padding-top: 75px;
		padding-bottom: 75px
	}

	.who_is .theme-container .text_section h2 {
		font-size: 45px;
		line-height: 50px
	}

	.who_is .theme-container .text_section p {
		font-size: 15px;
		line-height: 22px
	}

	.who_is .theme-container .text_section a {
		font-size: 20px
	}

	.tab_sec .nav-fill .nav-item {
		font-size: 25px
	}

	.social_sec .items_sec .item .cont a {
		height: 300px
	}

	.offer_sec p {
		font-size: 15px
	}
}

@media (max-width:991px) {
	.theme-container {
		padding: 0 15px
	}

	.navbar {
		display: block
	}

	.navbar-light .navbar-toggler {
		float: right;
		position: relative;
		top: 34px
	}

	.header_action_sec {
		position: absolute;
		top: 33px;
		right: 74px
	}

	.padding_menu {
		margin-top: 108px
	}

	.container {
		max-width: 100%;
		width: 100%
	}

	.slider-title {
		font-size: 32px
	}

	.offer_sec {
		background-image: none
	}

	.user-dashboard-section .dashboard-left-sidebar {
		z-index: 999999999 !important
	}

	.page_title {
		font-size: 40px;
		margin: 0 0 26px
	}
}

@media (max-width:850px) {
	.get_in_touch_sec .text p {
		font-size: 20px
	}

	.get_in_touch_sec .text a.link {
		font-size: 24px
	}

	.get_in_touch_sec .text span {
		font-size: 15px
	}

	.offer_slider_sec .image_cont {
		height: 400px
	}

	.offer_slider_sec .text_cont .content .btn_group {
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		display: flex;
		padding-bottom: 10px;
		margin-bottom: 10px;
		top: 23px
	}

	.offer_slider_sec .text_cont {
		margin-top: -60px;
		padding: 0 15px
	}

	.offer_slider_sec .text_cont .content {
		padding: 0 10px 30px
	}

	.offer_slider_sec .text_cont .content .text {
		top: 10px
	}
}

@media (max-width:812px) {
	.caterories_btn {
		display: block;
		position: absolute;
		left: 0;
		top: 18px
	}

	.products_list .col-md-4 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.side {
		position: absolute;
		top: 0;
		left: -380px;
		transition: .5s;
		z-index: 9999;
		box-shadow: 0 2px 54px 0 rgb(150 150 150 / 75%);
		-webkit-box-shadow: 0 2px 54px 0 rgb(150 150 150 / 75%);
		-moz-box-shadow: 0 2px 54px 0 rgba(150, 150, 150, .75)
	}

	.side.open {
		left: 0;
		transition: .5s
	}

	.main {
		width: calc(100% - 0px);
		padding-left: 0
	}

	.products_list .item .cont .image_cont {
		height: 290px
	}

	.theme_btn.btn-animation {
		font-size: 15px !important
	}

	.filter_sec {
		padding-left: 40px
	}

	.left-dashboard-show.btn-animation,
	.left-dashboard-show.btn-animation::after {
		background-image: none !important;
		background: var(--theme-color) !important
	}

	.why_sec {
		margin: 0;
		display: block
	}

	.why_image {
		width: 100%
	}

	.why_sec .text_sec {
		padding: 0;
		width: 100%
	}

	#contactForm label {
		font-size: 18px
	}
}

@media (max-width:750px) {
	.get_in_touch_sec .text p {
		font-size: 17px
	}

	.get_in_touch_sec .text a.link {
		font-size: 22px
	}

	.get_in_touch_sec .text span {
		font-size: 13px
	}

	.product_photos {
		width: 100%
	}

	.product_info {
		width: 100%;
		margin-top: 30px;
		padding: 0
	}

	.page_title {
		font-size: 40px
	}

	.product_content {
		display: block
	}

	.swiper-slide {
		min-height: 150px;
	}
}

@media (max-width:650px) {
	.get_in_touch_sec .text p {
		font-size: 14px
	}

.footer .con-info .city{
      width: 95px;
}

.who_is .theme-container{
  display: flex !important;
flex-direction: column-reverse;
}
.who_is .theme-container .image_section .who-is-photo{
      margin-top: 80px;
}
  .carousel-item, .food .carousel-item{
        height: 230px !important;
  }

.address_cont{
      padding: 0;
}

.left-dashboard-show.btn-animation, .left-dashboard-show.btn-animation::after{
  left:200px;

}

.facebook{
  margin-right: 21px;
}

  .carousel-inner img{
    height: auto !important;
  }
.left-footer-section{
  width: 100% !important;
  text-align: center;
}
.left-footer-section{
  left: 0 !important;
}
.slick-prev {
    left: 20px !important;
}
.slick-next {
    right: 20px !important;
}

.navbar .dropdown .dropdown-menu{
      right: -65px;
}


.register_sec{
  min-height: 1100px;
}

.collapse span{
    display: block !important;
}

	.get_in_touch_sec .text a.link {
		font-size: 20px
	}

	.get_in_touch_sec .text span {
		font-size: 11px
	}

	.slider-container {
		padding: 60px
	}

	.back-to-down {
		bottom: 220px
	}

	.who_is .theme-container {
		padding-top: 30px;
		padding-bottom: 30px;
		display: block
	}

	.who_is .theme-container .text_section {
		width: 100%;
		margin-bottom: 30px;
		padding-right: 0
	}

	.who_is .theme-container .image_section {
		width: 100%;
		margin-bottom: 30px
	}

	.who_is:after {
		width: 100%
	}

	.gallery_sec {
		margin-top: 10px
	}

	.form_box {
		width: 100%;
		min-width: 100%;
		margin: 110px 0 0;
		padding: 30px 15px
	}

	.we_made .swiper-slide {
		min-height: 250px
	}

	.we_made .items_sec .item {
		height: 250px
	}

	.we_made {
		padding: 0
	}
}

@media (max-width:550px) {
.filter_sec .input-group input{
  text-align: center;
}
.filter_sec .sort_selection{
  text-align: center;
  text-align-last: center;
}

/* تنسيقات مخصصة للقائمة المنسدلة */
.custom-dropdown-toggle {
cursor: pointer;
}

/* تنسيق السهم داخل select */
   .custom-select {
       appearance: none; /* إخفاء السهم الافتراضي */
       -webkit-appearance: none; /* إخفاء السهم في متصفح Safari */
       -moz-appearance: none; /* إخفاء السهم في Firefox */
       padding-right: 30px; /* مساحة للسهم المخصص */
       position: relative; /* لتحديد مكان السهم المخصص */
   }

   /* إضافة السهم المخصص باستخدام ::after */
   .custom-select::after {
       content: '';
       position: absolute;
       right: 10px; /* المسافة من اليمين */
       top: 50%;
       transform: translateY(-50%) rotate(45deg); /* لتدوير السهم */
       border: solid #333;
       border-width: 0 2px 2px 0;
       padding: 4px;
       pointer-events: none; /* لإتاحة التفاعل مع select بدلاً من السهم */
   }


/* السهم الجانبي */
.dropdown-arrow {
    border: solid #333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    position: absolute;
    left:10px; /* المسافة من الجانب الأيمن */
    top: 50%; /* توسيط السهم عموديًا */
    transform: translateY(-50%) rotate(45deg); /* لتوسيط السهم وتدويره */
}

.custom-dropdown-menu {
display: none;
position: absolute;
z-index: 1000;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
.custom-dropdown-menu li a {
display: block;
padding: 10px;
color: #333;
text-decoration: none;
text-align: right;
}
.custom-dropdown-menu li a:hover {
background-color: #f0f0f0;
}

.filter_sec{
 padding-left: 0px;
}


.filter_sec .mobile{
    display: block !important;
}

	.get_in_touch_sec .text {
		padding-top: 45px
	}
.iti-mobile .iti--container{
  top: 105px !important;
left: 0px!important;
right: 30px;
position: fixed;
height: 250px;
overflow: scroll;
}
	.get_in_touch_sec .text p {
		font-size: 12px
	}

	.get_in_touch_sec .text a.link {
		font-size: 17px;
		margin: 10px 0
	}

	.get_in_touch_sec .text span {
		font-size: 9px
	}

.small-icons img{
  width: 25%;
}

.barcorde img{
  width: 65% !important;
}

	.container {
		padding: 0 10px
	}

	.slider-container {
		padding: 0;
		margin-top: 0px
	}
#main_slider .swiper-container{
  margin: 90px auto auto auto;
}

	.slider-title {
		font-size: 27px;
		letter-spacing: 5px
	}

	.who_is .theme-container .text_section h2 {
		font-size: 32px;
		line-height: 40px
	}

	.section_title {
		font-size: 32px
	}

	.reviews_sec .reviews_slider {
		width: 460px;
		margin-left: -230px;
		top: 55px
	}

	.reviews_sec .swiper-container {
		padding: 0 60px
	}

	.reviews_sec .reviews-bg {
		height: 700px
	}

	.offer_sec {
		background-size: 60px;
		background-image: none
	}

	.tab_sec .nav-fill .nav-item {
		font-size: 20px
	}

	.tab_sec .nav-fill .nav-item:after {
		top: 15px
	}

	.tab_sec .tab-pane p {
		font-size: 20px;
		margin: 0
	}

	.footer_sec {
		margin-top: 30px
	}
}

#cardbody,
.breadscrumb-section .breadscrumb-contain nav {
	margin-left: auto
}

@media (max-width:500px) {
	.get_in_touch_sec .text p {
		font-size: 16px;
		margin-bottom: 5px;
		line-height: 20px
	}

	.get_in_touch_sec .text a.link {
		font-size: 20px;
		margin: 7px 0
	}

	.get_in_touch_sec .text span {
		font-size: 11px
	}

	.footer_sec .footer_links li a {
		font-size: 8px
	}

	.footer_sec .footer_links li a.social_link {
		position: relative;
		top: -25px;
		font-size: 17px;
		margin: 0
	}

	.reviews_sec .reviews_slider {
		width: 300px;
		margin-left: -150px;
		top: 55px
	}

	.reviews_sec .swiper-container {
		padding: 0 27px;
		top: 0
	}

	.reviews_sec .swiper-slide .animated-area p {
		font-size: 13px
	}

	.reviews_sec .reviews-bg {
		height: 460px
	}

	.reviews_sec .slider-container {
		padding: 18px;
		margin-top: 157px
	}

	.reviews_sec .swiper-slide .animated-area span {
		font-size: 20px;
		margin-top: 53px
	}

	.swiper-button-next {
		right: -3px
	}

	.swiper-button-prev {
		left: -3px
	}

	.tab_sec .nav-fill .nav-item {
		font-size: 16px;
		margin: 0 5px
	}

	.tab_sec .nav-fill .nav-item:after {
		top: 10px
	}

	.section_title {
		font-size: 25px
	}

	.get_in_touch_sec .text {
		padding-top: 22px
	}

	.social_sec {
		margin: 30px 0 0
	}

	.footer_sec .logo_footer_image,
	.navbar-brand img {
		width: 80px
	}

	.header_action_sec,
	.navbar-light .navbar-toggler {
		top: 21px
	}

#main_slider.padding_menu {
		margin-top: 91px;
		max-height: 180px
	}

  .padding_menu {
      margin-top: -5px;
  }


	.navbar.theme-container {
		padding: 5px 15px
	}

	.get_in_touch_sec {
		overflow: hidden
	}

	.get_in_touch_sec .section_title {
		margin-bottom: 56px
	}

	.get_in_touch_sec .get-in-touch-image {
		transform: scale(1.6)
	}

	.get_in_touch_sec .text {
		width: 60%;
		margin-left: -30%
	}

	.social_sec .items_sec {
		display: block
	}

	.social_sec .items_sec .item {
		width: 100%
	}

	.products_list .col-md-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.page_title {
		font-size: 30px;
		margin: 0 0 12px
	}

	.breadscrumb-section .breadscrumb-contain nav {
		margin-top: 10px
	}

	.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .totle-contain {
		margin-bottom: 20px
	}

	.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group {
		display: block !important
	}

	.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button {
		margin-bottom: 10px
	}

	.map_address {
		height: 350px
	}

	.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
		margin-top: 10px;
		padding-left: 0
	}

	.profile_name_edit {
		float: left;
		position: relative !important;
		top: 10px;
		margin: 0 !important;
		padding: 11px 5px !important;
		font-size: 15px
	}
}

.invalid_alert {
	position: absolute;
	bottom: -18px;
	right: 0;
	width: 100%;
	text-align: left;
	font-size: 12px;
	color: red;
	display: none;
	padding: 0;
	border: 0;
	margin: 0;
	z-index: 99
}

.invalid_alert.green {
	color: green
}

.section-404 .image-404 {
	text-align: center;
	margin: 60px 0 0
}

.section-404 .image-404 img {
	width: 25%
}

.section-404 .contain-404 {
	width: 50%;
	text-align: center;
	margin: calc(20px + 25*(100vw - 320px)/ 1600) auto 0
}

.section-404 .contain-404 h3 {
	font-size: calc(14px + 4*(100vw - 320px)/1600);
	line-height: 1.5;
	font-weight: 400
}

.section-404 .contain-404 button {
	margin-top: calc(16px + 8*(100vw - 320px)/ 1600);
	background: var(--theme-color) !important
}

.breadscrumb-section {
	background-color: #f8f8f8;
	position: relative;
	overflow: hidden;
      margin-top: 127px;
}

.container-fluid-lg {
	padding: 0 calc(12px + 148*(100vw - 320px)/ 1600)
}

.breadscrumb-section .breadscrumb-contain {
	padding: calc(26px + 14*(100vw - 320px)/ 1600) 0;
	text-align: center;
	color: #222;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.slick-next:after,
.slick-prev:after {
	color: #43c7e7 !important;
	font-size: 24px
}

.breadscrumb-section .breadscrumb-contain h1 {
	font-weight: 700;
	font-size: calc(16px + 6*(100vw - 320px)/1600);
	margin-bottom: 0
}

.section-t-space,
section {
	padding-top: calc(30px + 20*(100vw - 320px)/ 1600)
}

.navbar-light .navbar-nav .nav-item,
legend {
	padding: 0 10px
}

section#tabs {
	padding-top: 0
}

.section-b-space {
	padding-bottom: calc(30px + 20*(100vw - 320px)/ 1600)
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link {
	border: 0;
	margin: 0;
  direction: rtl;
	cursor: pointer
}

.modal-backdrop {
	z-index: 999999 !important
}

.modal-header .btn-close {
	padding: .5rem;
	margin: -.5rem -.5rem -.5rem auto;
	cursor: pointer
}

.modal {
	z-index: 9999999
}

.btn-close {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	padding: .25em;
	color: #000;
	background: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat rgba(0, 0, 0, 0);
	border: 0;
	border-radius: .25rem;
	opacity: .5
}

.label label {
	display: inline-block;
	padding: 3px;
	margin: 0 !important
}

.form-floating>label {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 1rem .75rem;
	pointer-events: none
}

#loginForm .col-12,
#registerForm .col-12,
#resetForm .col-12 {
	display: flow-root;
	text-align: right
}

.label-small {
	font-size: .8em !important;
	top: 0 !important;
	transition: .3s
}

.dropdown-item {
	text-align: right !important
}

#card-title,
#category .food-items,
#category .info,
.card,
.header-sec h3,
.navmenu a {
	text-align: center
}

.slick-next:before,
.slick-prev:before {
	display: none;
	content: ''
}

#category  .info a{
color: #000;
}

#category .info:hover {
  transform: scale(1.05);
  transition: transform .3s;
}

.card:hover {
	transform: scale(1.05);
	transition: transform .3s;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

a.btn:active {
	background-color: #004085;
	transform: translateY(2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, .3)
}

.slick-prev {
	left: -35px;
}

.slick-prev:after {
	content: '<';
}

.slick-next {
	right: -35px;
}

.slick-next:after {
	content: '>';
}

.slick-slide {
	margin: 0 10px;
}

.slick-next:before,
.slick-prev:before {
	color: #000;
}

.slick-dots li button:before {
	font-size: 12px;
	color: #000;
}

.bi-whatsapp {
	vertical-align: inherit;
    margin-top: 7px;
}

.card-body {
	padding: 20px 13px
}

#category {
	padding: 35px 0
}

#category .info {
	justify-content: center;
	display: grid
}

#category .food-items {
	width: 135px;
  min-height: 120px;
}

#category .reg2 .title {
	text-align: center;
	font-size: 17px;
  	padding-top: 15px;
}

p strong {
	font-weight: 700;
	font-size: 34px
}

table {
	border-collapse: separate;
	border-spacing: 0
}

caption,
td,
th {
	text-align: left;
	font-weight: 400
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: “”
}

blockquote,
q {
	quotes: “” “”
}

body,
html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: unset
}

#intro {
	background-image: url("../img/intro2.jpg");
	width: 100%;
	min-height: 105%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover
}

#meal1,
#meal2 {
	background-size: cover;
	width: 100%;
	height: 170px;
	background-position: center;
	background-repeat: no-repeat
}

.navbar-light .navbar-nav .nav-link {
	color: #3a3a3a;
	font-size: 19px
}

.navbar-nav {
	margin: 0 auto
}

.row {
	margin-left: 0;
	margin-right: 0
}

#meal2 {
	background-image: url("../img/meals/meal2.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover
}

#meal1 {
	background-image: url("../img/meals/meal1.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover
}

#meal3,
.carouselimg {
	background-size: cover
}

#meal3 {
	width: 100%;
	height: 170px;
	background-image: url("../img/meals/meal3.jpg");
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover
}

#services {
	margin: 20px auto
}

.card {
	width: 90%;
	border: 2px solid #f9f7f8;
	padding: 25px 10px;
	margin: 0 auto 30px;
	background: #f9f7f8;
  min-height: 445px;
}

.bcfixed,
.carouselimg {
	background-repeat: no-repeat;
	background-position: center
}

#card-title {
	font-size: 21px
}

#card-text {
	text-align: right;
	font-size: 15px;
	color: #585555;
}

#branches #card-text a{
  color: #000;
}


#more {
	padding: 3px 20px;
	position: absolute;
	top: 95%;
	left: 36%;
	margin-top: 5px;
	background-color: #50c4dd;
	border: none
}

#cardbody {
	width: 300px;
	margin-right: auto
}

#card1 {
	border: 2px solid #dadada;
	margin: 10px
}

ol,
ul {
	list-style: none;
	padding: 10px
}

.list {
	width: 800px;
	margin: 0 auto
}

.navmenu {
	margin-top: 10px
}

.navmenu a {
	text-decoration: none !important;
	cursor: pointer;
	color: #000;
	font-size: 17px
}

.active,
.contact .email a,
.small-icons a,
.top a,
a:focus,
a:hover {
	text-decoration: none
}

#intro .logo {
	padding-top: 20px
}

.logoimg {
	margin: 0 auto;
	display: block;
	float: none;
	width: 230px;
	height: 200px
}

.rest {
	width: 600px;
	margin: 10px auto
}

.restimg {
	width: 600px;
	height: 100px
}

a:focus {
	outline: 0
}

.active,
a:hover {
	transition: .6s;
	color: #50c4dd
}

.spborder {
	border-left: 1px solid #999;
	padding-right: 0px;
right: 11px;
position: relative;
}

.footer .spborder{
  right: 2px;
  display: inline !important;
}

.offers {
	margin-top: 100px
}

.header-sec {
	margin-bottom: -11px
}

.header-sec h3 {
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px
}

#about,
#branches,
.bc-content,
fieldset,
legend {
	text-align: right
}

.offers .reg1 {
	position: absolute;
	top: -300px;
	right: -5%;
	width: 400px;
	height: 200px
}

.offer-text h2 {
	color: #fff;
	font-size: 63px;
	position: absolute;
	top: -350px;
	right: -3%
}

.offer-content,
.offer-text,
.price p {
	position: relative
}

.carouselimg {
	width: 100%;
	height: 500px;
	background-image: url("../img/offers/offer1.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover
}

#fish-img,
#twasi-img,
.bcfixed,
.twasi-back,
.upload {
	background-size: cover
}

fieldset {
	width: 450px;
	min-height: 240px;
	display: block;
	border: 4px solid #50c4dd
}

legend {
	font-size: 60px;
	color: #fff
}

.offers .carousel-caption {
	left: unset;
	right: 10%
}

.offer-text {
	right: 7%;
	top: 10%
}

.offer-text h4 {
	color: #50c4dd;
	font-size: 40px
}

.food-text p,
.offer-text p {
	color: #fff;
	font-size: 18px;
	padding-left: 10px;
	text-align: right
}

.offer-content {
	top: 29px
}

.offer-content p {
	color: #fff;
	font-size: 25px;
	text-align: center;
	font-weight: 700
}

.section-title::before {
	content: '';
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background: #dadada;
	bottom: 1px;
	left: calc(50% - 60px)
}

.section-title::after {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background: #50c4dd;
	bottom: 0;
	left: calc(50% - 20px)
}

.left-section .carousel-control-next-icon,
.offers .carousel-control-next-icon {
	margin-right: -100px
}

.left-section .carousel-control-prev-icon,
.offers .carousel-control-prev-icon {
	margin-left: -100px
}

.carousel-indicators li,
.left-section .carousel-indicators li {
	border-radius: 10px;
	width: 10px;
	height: 10px;
	background-color: #dadada
}

.carousel-indicators li.active {
	background-color: #50c4dd
}

.carousel-inner img {
	width: 100%;
	height: 100%
}

.carousel-item,
.food .carousel-item {
	height: 500px
}

.price img {
	width: 100px;
	height: auto
}

.price p {
	font-size: 35px;
	top: -45px
}

.text {
	display: block;
	text-shadow: 0 0 4px #000
}

#branches h3,
.about-title {
	font-size: 30px
}

.about-text p {
	font-size: 18px !important;
	line-height: 26px
}

.bcfixed {
	width: 100%;
	height: 400px;
	background-image: url("../img/fixed/fixed1.jpg");
	background-attachment: fixed
}

.bc-content {
	color: #fff;
	padding-top: 100px
}

.bc-content h3 {
	padding-bottom: 10px;
	font-size: 33px !important
}

.bc-content p,
.disacc-text p {
	font-size: 20px !important
}

.disaccount {
	height: 100%
}

.white-section {
	background-color: #fff;
	height: 50%;
	padding: 70px 0 100px
}

.blue-section {
	background-color: #50c4dd;
	height: 50%
}

.section1 {
	position: absolute;
	bottom: -57%;
	left: 24%
}

.disacc-text,
.left-section,
.right-section span,
.section2,
.small-icons,
.upload .app-icons {
	position: relative
}

.apps img,
.section1 .mobile {
	width: 80%
}

.section2 {
	top: -22%
}

.disacc-text {
	left: -16%;
	text-align: center;
	margin: auto
}

.disacc-text h3 {
	color: #50c4dd;
	font-size: 50px !important
}

.barcorde,
.section2 .icons {
	position: relative;
	top: 62%
}

.section2 .icons img {
	width: 40%
}

.barcorde img {
	width: 31%;
	margin-bottom: 7px
}

.small-icons {
	top: 80%
}

.small-icons img {
	width: 30%;
	margin-bottom: 7px
}

.small-icons a {
	font-size: 15px;
	color: #000
}

.disaccount span {
	font-size: 18px;
	font-weight: 700
}

#branches .title {
	margin-bottom: 100px
}

#branches h5 {
	margin-right: 10px
}

#branches button {
	width: 100%;
	height: 40px;
	color: #fff;
	background-color: #50c4dd;
	display: inline;
	border: none;
	border-radius: 20px;
	font-size: 18px
}

.branch {
	padding-bottom: 100px
}

#branches hr {
	background-color: #000
}

#branches img {
	width: 20px;
	margin-right: 20px
}

.upload {
	width: 100%;
	height: auto;
	min-height: 150%;
	background-image: url("../img/upload/uploadbackground.jpg");
	background-repeat: no-repeat;
	background-position: center
}

.fish-back,
.twasi-back {
	height: 350px;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed
}

.right-section {
	margin: 230px auto;
	text-align: center
}

.right-section span {
	top: 55px;
	right: 120px;
	font-weight: 700
}

.contact .reg2,
.food h3 {
	font-weight: 600
}

.app1 {
	margin-bottom: 12px
}

.upload h3 {
	color: #50c4dd;
	font-size: 38px;
	padding-bottom: 40px;
	text-align: center
}

.contact .reg2,
.fish-intro p,
.food-intro p,
.twasi-intro p {
	font-size: 18px
}

.left-section {
	right: -30%
}

.upload #carouselindicator {
	height: 600px;
	position: absolute;
	top: 128px
}

.upload .barcorde {
	width: 50%;
	top: unset
}

.upload .app-icons {
	left: 8%
}

.left-section .carousel-indicators {
	position: absolute;
	bottom: -50px;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none
}

.left-section .carousel-control-prev {
	filter: invert(100%)
}

.left-section .carousel-control-next {
	left: 242px;
	filter: invert(100%)
}

.left-section .carousel-indicators li.active {
	background-color: grey
}

.left-section .carousel-inner img {
	max-width: 300px
}

.left-section .carousel-item {
	height: 600px
}

.fish,
.twasi {
	margin: 100px 0;
	text-align: right
}

.fish-intro,
.twasi-intro {
	margin-bottom: 70px
}

.carousel1,
.food {
	margin: 100px 0
}

.fish h3,
.twasi h3 {
	margin-bottom: 20px;
	font-weight: 600
}

.twasi-back {
	width: 100%;
	background-image: url("../img/offers/offer1.jpg")
}

.fish-text,
.twasi-text {
	position: relative;
	right: 9%;
	top: 15%;
	z-index: 999999
}

.fish-text h2,
.twasi-text h2 {
	color: #fff;
	font-size: 63px;
	position: relative;
	top: -150px;
	right: 130px
}

.twasi-text h4 {
	color: #50c4dd;
	font-size: 28px
}

.twasi-text p {
	color: #fff;
	font-size: 17px;
	text-align: right
}

.fish .card,
.twasi .card {
	width: 100%;
	margin: 0 auto 20px;
	border: 2px solid #dadada;
	padding: 5px;
}

#fish-img,
#twasi-img {
	width: 100%;
	height: 200px;
	background-image: url("../img/meals/meal3.jpg");
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover
}

.fish .meals,
.twasi .meals {
	margin-top: 80px
}

.fish .pagination,
.twasi .pagination {
	display: flex;
	margin-top: 10px;
	justify-content: center
}

.fish .pagination a,
.twasi .pagination a {
	color: #000;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	border: 1px solid #ddd
}

.fish .pagination a.active,
.twasi .pagination a.active {
	background-color: #50c4dd;
	color: #fff;
	border: 1px solid #50c4dd
}

.fish .pagination a:hover:not(.active),
.twasi .pagination a:hover:not(.active) {
	background-color: #ddd
}

.fish .pagination a:first-child,
.twasi .pagination a:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.fish .pagination a:last-child,
.twasi .pagination a:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.fish-back {
	width: 100%;
	background-image: url("../img/fish/fish.jpg");
	background-size: cover
}

.fish-back .reg1 {
	position: relative;
	top: 90px;
	right: 8%;
	width: 450px;
	height: 200px
}

.fish-text h4 {
	color: #50c4dd;
	font-size: 26px
}

.fish-text p {
	color: #fff;
	font-size: 17px
}

.fish #mealimg {
	width: 100%;
	height: 200px
}

.fancybox-caption {
	background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
	bottom: 0;
	color: #eee;
	font-size: 18px;
	font-weight: 700;
	left: 0;
	line-height: 10;
	padding: 75px 44px 25px;
	pointer-events: none;
	right: 0;
	text-align: center;
	z-index: 99996
}

.food {
	position: relative;
	text-align: right
}

.contact .reg2,
.email,
.motor,
.motor img,
.service {
	text-align: center
}

.food-text {
	position: absolute;
	right: 9%;
	top: 22%;
	z-index: 999999
}

.designed,
.footer-copyright,
.footer-list,
.left-footer-section,
.logo-div,
.top,
section {
	position: relative
}

.food-text h4 {
	color: #50c4dd;
	font-size: 30px
}

.food-text legend {
	font-size: 48px
}

.carousel1 .food-text h2 {
	color: #fff;
	font-size: 41px;
	position: relative;
	top: -180px;
	right: -49.9%
}

.food .carousel-inner img {
	width: 100%;
	height: 500px
}

.food .carousel1 {
	margin-bottom: 60px
}

.contact {
	margin: 100px auto
}

.contact .reg2 div,
.footer .con-info p {
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle
}

.contact .reg2 {
	border: 1px solid #dadada;
	height: 70px;
	margin: auto;
	vertical-align: middle;
	border-radius: 10px
}

.disacc-text,
.section-title {
	animation: 9s forwards fadeInAnimation
}

@keyframes fadeInAnimation {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.contact .phone {
	width: 40px;
	padding: 15px 0
}

.reg2 .number {
	padding: 6px;
	text-align: left
}

.email {
	font-size: 23px;
	font-weight: 700;
	margin: 55px 0 90px
}

.service,
.top {
	font-size: 18px
}

.contact .email a {
	color: #000
}

.motor img {
	width: 200px
}

.service {
	margin-top: 20px;
	font-weight: 700
}

.motor {
	margin-top: 40px
}

.footer {
	width: 100%;
	height: fit-content;
  box-shadow: 0px 5px 7px 4px rgb(67 199 231);
}

.footer .con-info .number {
	padding: 0 5px;
  font-size: 15px;
	color: #000
}
.footer .con-info .number a{
  	color: #000;
}


.footer .con-info .city {
	display: inline-block;
	vertical-align: top;
	color: #000;
}

.sec1 {
	background-color: #fff;
	height: 260px
}

.sec2 {
	background-color: #50c4dd;
	height: 60px
}

.logo-div {
	text-align: right;
	padding-right: 40px;
	padding-top: 30px
}

.footer .logo {
	width: 189px
}

.footer-list {
	top: 96px;
	text-align: center
}

.footer-list .navmenu a {
	text-decoration: none !important;
	cursor: pointer;
	color: #000;
	font-size: 16px;
	text-align: center;
	padding: 0 15px;
}

.visa {
	padding-left: 10px
}

.visa img {
	width: 50px;
	margin-left: 3px
}

.address ul {
	list-style-type: none;
	color: #fff
}

.address ul li {
	display: block;
	padding: 3px
}

.address img {
	width: 18px;
	vertical-align: top;
	padding-top: 5px
}

.address .city {
	font-weight: 100;
	font-size: 14px
}

.footer-copyright {
	color: #fff;
	top: 6px
}

.designed {
	top: 13px;
	padding-left: 70px;
	color: #fff
}

.designed img {
	height: 40px
}

.top {
	text-align: right;
	padding-right: 70px;
	color: #fff;
	top: 20px
}

.top img {
	height: 15px
}

.top a {
	color: #fff
}

.left-footer-section {
	left: 9%;
	top: 30px
}

img {
	border: 0
}

:focus {
	outline: 0
}

.clear {
	clear: both
}

.fa-4 {
	font-size: 7em
}

.fa-3 {
	font-size: 4em
}

.fa-2 {
	font-size: 2em
}

.error {
	color: #b92c28
}

.newsKnowMore,
.newsKnowMore a {
	font-size: 14px;
	color: #575756
}

.hoverIcon>a>img {
	display: inline-block;
	float: left;
	vertical-align: middle;
	margin-right: 10px
}

/* section {
	width: 100%;
	height: auto;
	min-height: 100%;
	float: left;
} */



.wrapper {
	padding: 30px 0
}

.form-group {
	margin-bottom: 15px;
	float: right;
	width: 100%;
	text-align: right;
	direction: rtl;
}

.img-center {
	margin: 50px auto;
	width: 75%
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: 0
}

.newsKnowMore {
	float: left;
	width: auto
}

.newsKnowMore .fa {
	color: #ba9547;
	border: 2px solid #ba9547;
	border-radius: 50%;
	padding: 3px 7px;
	margin-right: 13px;
	font-size: 13px
}

@media (min-width:300px) and (max-width:767px) {

	#mealimg,
	.figure,
	.list {
		width: 100%
	}

	.footer-list {
		display: none !important
	}

	.disaccount span,
	.logo-div,
	.spborder,
	.upload .left-section .carousel-indicators {
		display: none
	}

	.white-section {
		position: relative;
		padding: 70px 0 160px
	}

	#intro {
		min-height: 63%
	}

	.list {
		text-align: center
	}

	.rest,
	.restimg {
		width: 300px
	}

	.restimg {
		height: 60px
	}

	.logoimg {
		width: 150px;
		height: 150px
	}

	.navmenu a {
		font-size: 13px;
		padding: 5px
	}

	.card {
		width: 100%;
		margin: 10px 0;
	}

	.navbar-nav {
		position: relative;
		top: 0;
		right: -7px;
		background-color: rgba(97, 92, 92, .79);
		text-align: right;
		width: 100%
	}

	#branches .title,
	.bc-content,
	.fish-intro,
	.twasi-intro,
	.upload .apps,
	.upload .bar-sec {
		text-align: center
	}

	.navbar-light .navbar-nav .nav-link {
		color: #fff
	}

	.navbar-toggler {
		top: -224px;
		right: 10px;
		position: absolute;
		color: rgba(245, 238, 238, .5);
		background-color: #ffffffa1;
		border-color: rgba(236, 229, 229, .1)
	}

	.barcorde,
	.carousel-caption,
	.logo-div,
	.offer-content,
	.upload .left-section {
		right: unset
	}

	.fish-text,
	.food-text,
	.offer-text,
	.twasi-text {
		width: 100%;
		right: unset
	}

	.offer-content,
	fieldset {
		width: 70%;
		margin: 0 auto
	}

	.fish-text legend,
	.food-text legend,
	.twasi-text legend,
	legend {
		font-size: 40px
	}

	.fish-text h4,
	.food-text h4,
	.twasi-text h4 {
		font-size: 25px
	}

	.blue-section {
		height: unset
	}

	.bcfixed,
	.disacc-text,
	.disaccount,
	.sec1 {
		height: fit-content
	}

	.offer-text h4,
	.price p {
		font-size: 30px
	}

	.upload .left-section .carousel-control-next {
		left: 24%;
		padding-left: 38%
	}

	.upload .left-section .carousel-control-prev {
		padding-left: 38%
	}

	.bc-content {
		color: #fff;
		padding: 60px 0
	}

	.footer {
		background: #1e1e1e
	}

	.address .city {
		padding-left: 5px
	}

	.left-footer-section {
		width: 60%;
		margin: auto
	}

	.section1,
	.section2 {
		width: 90%;
		position: relative
	}

	.designed {
		padding-left: 10px;
		text-align: left
	}

	#branches .position,
	.logo-div,
	.section1,
	.section2,
	.upload h3 {
		text-align: center
	}

	.sec2 {
		position: relative
	}

	.sec1 {
		background-color: #fff;
		padding: 20px 0
	}

	.top {
		padding-right: 10px
	}

	.logo-div {
		top: 20px
	}

	.footer .logo {
		width: 159px
	}

	.address ul {
		font-size: 13px !important
	}

	.visa img {
		width: 45px
	}

	.section1 .mobile {
		width: 37%
	}

	.section1 {
		margin: 0 auto;
		left: unset;
		top: -142px
	}

	.disacc-text {
		top: unset;
		left: unset;
		position: relative
	}

	.disacc-text h3 {
		font-size: 27px !important
	}

	.section2 .icons img {
		width: 26%
	}

	.section2 {
		top: -128px;
		left: unset;
		margin: auto
	}

	.section2 .icons,
	.small-icons {
		width: 80%;
		margin: auto;
		left: unset
	}

	.barcorde,
	.section2 .icons,
	.small-icons {
		top: unset;
		position: relative
	}

	.small-icons img {
		width: 16%
	}

	.small-icons {
		padding: 20px 0
	}

	.barcorde {
		width: 90%;
		padding: 10px 0;
		margin: 0 auto
	}

	.barcorde img {
		width: 19%;
		height: auto
	}

	.upload .right-section {
		margin: unset;
		width: 100%;
		top: 10%;
		position: relative;
		text-align: center
	}

	.apps img {
		width: 27%
	}

	.upload .left-section .carousel-inner img {
		height: auto
	}

	.upload .carousel-inner {
		width: 40%;
		margin: auto
	}

	.upload #carouselindicator {
		height: 267px;
		width: 100%
	}

	.upload .left-section {
		width: 100%;
		position: relative;
		top: 280px;
		margin: auto
	}

	.upload .app-icons {
		left: unset
	}

	.upload .barcorde {
		width: 19%
	}

	.upload h3 {
		font-size: 32px
	}

	#branches .position {
		margin-bottom: 40px
	}

	.offers .carousel-control-next-icon {
		margin-right: unset
	}

	.offers .carousel-control-prev-icon {
		margin-left: unset
	}
}

@media (min-width:768px) and (max-width:1024px) {
	.upload h3 {
		font-size: 26px;
		padding-bottom: 20px
	}

	.upload .app-icons {
		left: 5%
	}

	.left-section .carousel-inner img {
		height: auto
	}

	.left-section .carousel-indicators {
		bottom: 130px
	}

	.left-section .carousel-control-next,
	.left-section .carousel-control-prev {
		display: none
	}

	.left-section {
		position: relative;
		width: 60%;
		left: 30%
	}

	.section2 .icons img {
		width: 45%
	}

	.section2 .icons {
		width: 73%;
		margin: auto;
		left: unset
	}

	.small-icons img {
		width: 30%
	}

	.disaccount span,
	.small-icons a {
		font-size: 11px
	}

	.barcorde img {
		width: 30%;
		height: auto
	}

	.disacc-text h3 {
		color: #50c4dd;
		font-size: 39px !important
	}

	.offers .carousel-control-next-icon {
		margin-right: -76px
	}

	.offers .carousel-control-prev-icon {
		margin-left: -85px
	}

	.left-footer-section {
		position: relative;
		top: 34px
	}

	.footer-list {
		display: none !important
	}

	.logo-div {
		text-align: right;
		position: relative
	}

	.footer .logo {
		width: 167px;
		height: 174px
	}
}

.download-menu {
	font-size: 25px;
	color: #000
}

.store-link {
	position: fixed;
	bottom: 90px;
	right: 20px
}

.big-title{
	font-size: 25px;
}