

#opacity-green-5 {
background:rgba(0,255,204,0.5);}
#opacity-black-5 {
background:rgba(0,0,0,0.5);}
#opacity-black-2 {
background:rgba(0,0,0,0.2);}
#opacity-orange-5 {
background:rgba(255,102,0,0.5);}
}
/*** Property List ***/
.nav-pills .nav-item .btn {
    color: var(--dark);
}

.nav-pills .nav-item .btn:hover,
.nav-pills .nav-item .btn.active {
    color: #FFFFFF;
}

.property-item {
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
}

.property-item img {
    transition: .5s;
}

.property-item:hover img {
    transform: scale(1.1);
}

.property-item .border-top {
    border-top: 1px dashed rgba(0, 185, 142, .3) !important;
}

.property-item .border-end {
    border-right: 1px dashed rgba(0, 185, 142, .3) !important;
}


/*** Testimonial ***/

.testimonial-carousel .owl-item .testimonial-item img {
aspect-ratio: 1/0.618;
	 border-radius: 6px;
}

.testimonial-carousel .owl-item .testimonial-item,
.testimonial-carousel .owl-item .testimonial-item * {
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-item {
    background: var(--primary) !important;
}

.testimonial-carousel .owl-item.center .testimonial-item * {
    color: #FFFFFF !important;
}

.testimonial-carousel .owl-nav {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin: 0 12px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid ;
	border-color: #333;
    border-radius: 35px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: #FFFFFF;
    border-color: var(--primary);
    background: var(--primary);
}


/*** recommom ***/
.recommom-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: rgba(0, 0, 0, .5);
    border-radius: 6px;
    opacity: 0;
    transition: .5s;
}
.recommom-item img{
    aspect-ratio: 4/3;
	 border-radius: 6px;
}
.recommom-item:hover a {
    opacity: 1;
}

.recommom-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

.recommom-carousel .owl-dot {
    width: 35px;
    height: 35px;
    margin: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 35px;
    transition: .5s;
}

.recommom-carousel .owl-dot:hover,
.recommom-carousel .owl-dot.active {
    color: #FFFFFF;
    border-color: var(--primary);
    background: var(--primary);
}



/*--------------------------------------------------------------
# Sections & Section Header
--------------------------------------------------------------*/
section {
  padding: 10px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f5f6f7;
}

.section-header {
  text-align: center;
  padding-bottom: 0px;
}

.section-header h2 {
  font-size: 25px;
  font-weight: 700;
  position: relative;
  color: #2e3135;
}

.section-header h2:before,
.section-header h2:after {
  content: "";
  width: 60px;
  height: 2px;
  background: var(--primary);
  display: inline-block;
}

.section-header h2:before {
  margin: 0 15px 8px 0;
}

.section-header h2:after {
  margin: 0 0 8px 15px;
}

.section-header p {
  margin: 0 auto 0 auto;
}

@media (min-width: 1199px) {
  .section-header p {
    max-width: 60%;
  }
}

.margin-bottom { margin-bottom:10px;}

.border-round {  border-radius: 10px;
border: 1px solid #cdcbcb ;}

.m-0 {font-size:20px; color:#333 !important ;}

.tbs-text-16 { font-size:16px;}

  .tbs-padding-bottom-10{
    padding-bottom: 10px;
  }

.tbs-text-12-ccc { font-size:12px; color:#ccc}
.tbs-text-12-999 { font-size:12px; color:#999}
.tbs-text-13 { font-size:13px; }
.tbs-text-15-under-line { font-size:15px; text-decoration:underline }
.tbs-text-15{ font-size:15px;}
.tbs-text-16-red { font-size:16px; color:#900}

.tbs-left-20{ padding-left:20px;}
.tbs-padding-20{ padding:20px;}
.tbs-padding-4{ padding:4px;}
.text-000 { color:#000;}
.text-fff { color:#FFF;}
.text-fff-bold { color:#FFF; font-weight:600; letter-spacing:5px;}

#tbs-text-red { color:#900}

#tbs-text-green { color:#693}

#tbs-text-blue { color:#36C}

#tbs-text-purple { color:#939}

#tbs-text-orange{ color:#F90}

#tbs-text-grey{ color:#ccc}

.text-yellow-bold { color:#bd8c1e; font-weight:bold;}

.text-red-line-through {color:#900; text-decoration:line-through;}

hr.style1{
	border-top: 1px solid #8c8b8b;
}

hr.yellow{
	border-top: 2px solid #C90;
	width:840px;
	
}
hr.ccc{
	border-top: 1px solid #ccc;	
}
hr.mid-dark{
	border-top: 1px solid #999;	
}
hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.style16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b;}
  
.rwd-img img {
    display: block;
	height: auto;
max-width: 100%;
    margin-left: auto;
    margin-right: auto }
	
.bg-red { background:#900;}	

.h-150-hidden {height:150px;
overflow: hidden;}
	
.h-150-auto{height:150px;
overflow: auto;}

	
.h-120-hidden {height:120px;
overflow: hidden;}
	
.h-120-auto{height:120px;
overflow: auto;}

	
.h-100-hidden {height:100px;
overflow: hidden;}
	
.h-100-auto{height:100px;
overflow: auto;}

	
.h-80-hidden {height:80px;
overflow: hidden;}
	
.h-80-auto{height:80px;
overflow: auto;}

.border-ccc {
	border: 1px solid rgb(204, 204, 204); border-image: none;
}


	
	
	
	










































