/*
Theme Name: Prox
Theme URI: https://www.prox.co.il
Author: Prox Team
Author URI: https://www.prox.co.il
Description: Prox empty design with Bootstrap v4.2 RTL.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Prox, rtl, bootstrap
Text Domain: Prox
*/

/* Naveid Font Family */
@font-face {
    font-family: 'Naveid';
    font-weight: 300;
    font-style: normal;
    src: url('fonts/Naveid/NaveidArabicDEMO-Thin.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Naveid';
    font-weight: 400;
    font-style: normal;
    src: url('fonts/Naveid/NaveidArabicDEMO-Regular.otf') format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Naveid';
    font-weight: 700;
    font-style: normal;
    src: url('fonts/Naveid/NaveidArabicDEMO-Bold.otf') format('opentype');
    font-display: swap;
}

/* Abdoullah Font Family */
@font-face {
    font-family: 'Abdoullah';
    font-weight: 400;
    font-style: normal;
    src: url('fonts/Abdoullah/Abdoullah-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'opensans';
    font-weight: 400;
    font-style: normal;
    src: url('css/fonts/open-sans/OpenSansHebrew-Regular.ttf') format('truetype');
    font-display: swap;
}

/* Apply Naveid font to all headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Naveid', arial, sans-serif;

}

.opensans
{
	font-family: 'opensans', arial, sans-serif!important;
}


.container.c16 
{
	max-width: 1600px;
}
.container.c12 
{
	max-width: 1200px;
}	
.container.c18 
{
	max-width: 1800px;
}
.container.c14 
{
	max-width: 1400px;
}

.sc1 
{
	color:#FD7647;
}
.sc2 
{
	color:#171717;
}

.naveid 
{
	font-family: 'Naveid', arial, sans-serif;
}
.abdoullah 
{
	font-family: 'Abdoullah', arial, sans-serif;
}
.mainbutton 
{
	border-radius: 60px;
	background: linear-gradient(180deg, #FF7D49 0%, #EF4339 100%);
	color:#fff;
	width: max-content;
	padding: 10px 30px;
	font-family: 'Naveid', arial, sans-serif;
	font-weight: 700;
}

.headercont 
{
	border-radius: 148px;
	background: #FFF;
	box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.04);
}

#MainNav ul 
{
	display: flex;
	align-items: center;
	margin-bottom: 0;			
	justify-content: center;
}
#MainNav ul li
{
	list-style-type: none;
	padding: 0 20px;
}
#MainNav ul li a
{
	color: #171717;
	font-family: 'Naveid', arial, sans-serif;
	font-weight: 400;
	transition: all 0.3s ease;
	font-size: 20px;
}
#MainNav ul li a:hover,#MainNav ul li.current-menu-item a 
{
	color: #FD7647;
}
#MainNav ul.sub-menu
{
	display: none;
}

.imgc 
{
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
html
{
    height: 100%;
    width: 100%;
    text-decoration: none;
    border: none;
}

*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Abdoullah', arial, sans-serif;
    border: none;
    direction: rtl;
}

.dropdown-menu
{
    text-align: right;
}


.bgimg
{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

}
#HeaderNav ul
{
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
#HeaderNav ul li
{
  list-style-type: none;
  padding: 0 10px;
}
#HeaderNav ul li a
{
  color:white;
  font-size: 24px;
}



.mlink {border:2px solid white;color:#fff;width: max-content;padding:0px 30px;font-size: 23px;transition: all 0.3s ease;line-height: 1;}
.mlink2 {border:2px solid #f6a424;background-color:#f6a424;color:#fff;width: max-content;padding:0px 30px;font-size: 23px;transition: all 0.3s ease;line-height: 1;}
.sc2{color:#121212}
.mlink:hover
{
  background-color: white;
  color:#000;
}
a
{
	color: inherit;
}
a:hover
{
  text-decoration: none;
}
.mainform input
{
  display: block;
  direction: rtl!important;
  width: 100%;
  padding: 8px 10px;
  background-color: transparent;
  bordeR:2px solid white;
  color:white;
}
.mainform input::placeholder
{
  color:white;
}
.bgimg 
{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
/****************************************FRONT****************************************/
.fs80 
{
	font-size: 80px;
	line-height: 90px;
}
.fs64 
{
	font-size: 64px;
}
.fs22 
{
	font-size: 22px;
}
.fs16 
{
	font-size: 16px;
}
.mainimage1 
{
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 100%;
	max-height: 535px;

}
.mainimage2
{
	position: absolute;
	top: 0;
	left:15%;
	max-width: 100%;
	max-height: 535px;

}
.circlesbg 
{
	position: absolute;
	top: 0;
	right: 0;
	max-width: 100%;
	width: 100%;
	max-height: 100%;
	z-index: -1;
}
.aboutcircles 
{
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;

	max-height: 100%;
	z-index: -1;
}
.herolines 
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	max-width: 100%;
	max-height: 100%;
	z-index: -1;
}

.countryflagcontainer 
{
	border-radius: 60px;
	border: 1px solid #EDEDED;
	background: #FFF;
	box-shadow: 0 20px 33px 0 rgba(0, 0, 0, 0.10), 0 28px 84px 0 rgba(0, 0, 0, 0.05);
}

.trip-price 
{
	width: max-content;
	max-width: 100%;
	background: #FFF;
	border-radius: 30px;
	padding: 10px 20px;
	font-weight: 400;
	color: #FF6100;
	font-size: 32px;
}












.hidden-xs-up{display:none!important}@media (max-width:575px){
  #MobNavBtn
	{
		position: absolute;
		width: 45px;
		height: 45px;
		background-color: #212529;
		top:0;
		left: -45px;
	}
	nav.active #MobNavBtn
	{
		left: 0;
		z-index: 1000;
	}
	#MobNavBtn span {
		display: block;
		height:4px;
		width: 70%;
		background: #fff;
		position: absolute;
		top:50%;
		left:50%;
		margin:0 auto;
		-webkit-transition:all .5s ease;
				transition: all .5s ease;
		opacity: 1;
	}
	#MobNavBtn span:nth-child(1) {
		-webkit-transform: translate(-50%,-280%);
				transform: translate(-50%,-280%);
	}
	#MobNavBtn span:nth-child(2) {
		-webkit-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
	}
	#MobNavBtn span:nth-child(3) {
		-webkit-transform: translate(-50%,180%);
				transform: translate(-50%,180%);
	}
	nav.active #MobNavBtn span:nth-child(2) {
		opacity: 0;
		visibility: hidden;
	}
	nav.active #MobNavBtn span:nth-child(1) {
		-webkit-transform: translate(-50%,-50%) rotate(-45deg);
				transform: translate(-50%,-50%) rotate(-45deg);
	}
	nav.active #MobNavBtn span:nth-child(3) {
		-webkit-transform: translate(-50%,-50%) rotate(45deg);
				transform: translate(-50%,-50%) rotate(45deg);
	}
		nav#MainNav
		{
			position: fixed;
			right: -100%;
			height: 100vh;
			width: 100%;
			margin:0!important;
			top:0;
			transition: all 0.3s ease;
			z-index: 1000;
			background-color: #000;
		}
		nav#MainNav.active
		{
			right: 0;
		}
		nav#MainNav ul
		{
			display: block;
		}

		nav#MainNav ul li
		{
			width: 100%;
			padding: 0;
			border-bottom:1px solid #fff;
		}
		nav#MainNav ul li a
		{
			color:#fff;
			display: block;
			padding: 8px 10px;
			width: 100%;
		}
		.mfcc{justify-content: center;}
		.hauto{height: auto!important;}
		.mpy{padding: 40px 0;}
		.mmargin{margin: 0 auto!important;}
		.mmb20{margin-bottom: 20px!important;}
		.mw50{width: 50%!important;}
		.mhfs20{font-size: 20px!important;}
		.mhfs30{font-size: 30px!important;}
		.mw90{width: 90%!important;}
		.mcenter{text-align: center!important;}
		.mw100{width: 100%!important;}
		.nomobile{display: none!important;}
		.mbh200{height: 200px!important;}
		.mblock{display: block!important;}
		.mbh300{height: 300px!important;}
		.mpdt10{padding-top: 10px!important;}
		.mpb10{padding-bottom: 10px!important;}
		.mjcfs{justify-content: space-between!important;}
		.nosite{display: block;}

  .hidden-xs-down{display:none!important}}@media (min-width:576px){.hidden-sm-up{display:none!important}}@media (max-width:767px){.hidden-sm-down{display:none!important}}@media (min-width:768px){.hidden-md-up{display:none!important}}@media (max-width:991px){.hidden-md-down{display:none!important}}@media (min-width:992px){.hidden-lg-up{display:none!important}}@media (max-width:1199px){.hidden-lg-down{display:none!important}}@media (min-width:1200px){.hidden-xl-up{display:none!important}}.hidden-xl-down{display:none!important}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}

/* Trip Image Hover Effects */
.trip-container a.bgimg {
    display: block;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.trip-container a.bgimg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 125, 73, 0.7);
    opacity: 0;
    transition: all 0.3s ease;
    border-radius: 50px;
}

.trip-container a.bgimg::after {
    content: '+';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #FF7D49;
    opacity: 0;
    transition: all 0.3s ease;
}

.trip-container a.bgimg:hover::before {
    opacity: 1;
}

.trip-container a.bgimg:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* Scrollable and draggable countries section */
.countries-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 10px 0;
}

.countries-track {
    position: relative;
    white-space: nowrap;
    cursor: grab;
    gap: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform;
}

.countries-track.grabbing {
    cursor: grabbing;
}

#Countries .d-flex.justify-content-between.grabbing {
    cursor: grabbing;
}

.countryflagcontainer {
    flex: 0 0 auto;
}