/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/
.TextRed { color:#6a2829;}


.htc__service__area.service--2 > .container > .row > .col-xs-12 { margin-bottom:70px;}

.HomeCarousel.owl-theme .owl-nav [class*=owl-] {
    color: #6a2829;
    font-size: 30px;
    margin: 5px;
    padding: 0;
    background: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid #6a2829;
    height: 40px;
    width: 40px;
    line-height: 36px;
}
.HomeCarousel.owl-theme .owl-nav .owl-next { padding-left:3px;}
.HomeCarousel.owl-theme .owl-nav .owl-prev { padding-right:3px;}

.owl-theme .owl-nav [class*=owl-]:hover {
	background:#6a2829;
	color:#fff;
}

.ServicePage .service { margin-bottom:40px;}

#ServicesForMobile { display:none;}


.VideoWrapp.row {
	margin-left:-25px;
	margin-right:-25px;
}
.VideoWrapp.row > .col-sm-6 {
	padding-left:25px;
	padding-right:25px;
	margin-bottom:40px;
}

.VideoWrapp iframe {
	width:100%;
	height:300px;
}


.PhotosWrapp .PhotoImg {
	background:#fff;
	position:relative;
}
.PhotosWrapp .PhotoImg:hover:after {
	font-family:'FontAwesome';
	content:'\f002';
	position:absolute;
	top:50%;
	left:50%;
	font-size:30px;
	color:#000;
	margin:-10px 0 0 -15px;
}

.PhotosWrapp .PhotoImg img {
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		-webkit-transition: all .5s;
	transition: all .5s;
}
.PhotosWrapp .PhotoImg:hover img {
	opacity:.25;
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
	transform: scale(1.2);
}

.SrvcActive a { color:#6a2829 !important;}

#EquipmentGallery .ImageName {
	font-size:15px;
	line-height:20px;
	text-align:center;
	color:#111;
	background:#fafafa;
	padding:12px 10px 13px 10px;
	text-transform:uppercase;
}

#SiteLoader {
	width:100%;
	height:100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
}

#status {
    width:100px;
    height:100px;
    position: absolute;
    left:50%;
    top:50%;
    background-image: url(../images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -50px 0 0 -50px;
}


@media All and (max-width:1366px) {
	.htc__contact__address--2 {right: 10%;}
	
	.htc__counterup__wrap {
		margin-right: -15px;
		margin-top: 38px;
	}
}
@media All and (max-width:1199px) {
	.logo img { max-width: 250px;}
}

@media All and (max-width:991px) {
	.logo img { max-width: 250px;}
	.htc__contact__address--2 {right:0;}
	
	.about {margin-top: 30px;}
	
	.htc__about__area .mt--40 {margin-top: 0;}
	
	.about--2 .about__inner { height:auto;}
	
	.about__icon { display:none;}
	
	.offer.separator::before {display: none;}
}

@media All and (max-width:768px) {
	.footer__link ul li {
		display:inline-block;
		margin-right:15px;
	}
	
	.htc__service__area.service--2 > .container > .row > .col-xs-12 { margin-bottom:0;}
}

@media All and (max-width:767px) {
	.htc__about__area .mt--70 {margin-top: 0;}
	.ptb--100 {padding: 60px 0;}
	.htc__offer__area.htc__offer--2 { padding:60px 15px !important;}
	
	.ft__title { margin-bottom: 10px;}
	.ft__menu { margin-top:-12px;}
	
	.htc__about__area { padding-left:15px; padding-right:15px;}
	
	.blog__meta {
		border-left:none;
		border-right:none;
	}
	
	.htc__counterup__wrap {
		margin-right: 0;
		margin-top: 0;
	}
}

@media All and (max-width:760px) {
	#ServicesForDesktop { display:none;}
	#ServicesForMobile { display:block;}
	#ServicesForMobile .col-xs-12 {
		padding-left:30px;
		padding-right:30px;
		margin-bottom:15px;
	}
}


@media All and (max-width:650px) {
	.htc__service__area .container-fluid .row { margin:0;}
}

@media All and (max-width:600px) {
	.ht__bradcaump__wrap { padding: 80px 0;}
	.bradcaump__inner h2.bradcaump-title {
		font-size: 30px;
		font-weight: 700;
	}
	.bradcaump-inner { font-size:14px;}
}

@media All and (max-width:480px) {
	.htc__latest__project__area,
	.htc__counterup__area,
	.htc__team__area,
	.htc__testimonial__area,
	.htc__blog__area,
	.htc__blog__area .section__title,
	.footer__top {
		padding-left:15px;
		padding-right:15px;
	}
	
	.htc__team__area .htc__team__wrap .owl-carousel .item {
		max-width:300px;
		margin:0 auto;
		padding:0 15px;
	}
}
/* ---- Top bar: Qatar + KSA contacts and Contact Us icon (2026-10-17) ---- */
.nw-topbar { padding: 6px 0; }
.nw-topbar__row { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; list-style: none; line-height: 22px; }
.nw-topbar__row li { color: #fff; font-size: 12.5px; margin-right: 22px; white-space: nowrap; }
.nw-topbar__row li i { padding-right: 6px; font-size: 13px; }
.nw-topbar__row a { color: #fff; }
.nw-topbar__row a:hover { color: #f3c6c6; }
.nw-topbar__country { font-weight: 700; text-transform: uppercase; letter-spacing: .5px; min-width: 52px; }
.nw-topbar__contact { display: flex; justify-content: flex-end; align-items: center; height: 100%; min-height: 56px; }
.nw-topbar__contact a { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: #000; font-weight: 700; text-transform: uppercase; padding: 0 22px; height: 40px; border-radius: 20px; transition: all .3s ease; }
.nw-topbar__contact a i { font-size: 16px; color: #6a2829; }
.nw-topbar__contact a:hover { background: #6a2829; color: #fff; }
.nw-topbar__contact a:hover i { color: #fff; }
@media (max-width: 991px) {
  .nw-topbar__row li { margin-right: 14px; font-size: 12px; }
}
@media (max-width: 767px) {
  .nw-topbar { padding: 6px 0 0; }
  .nw-topbar__row { justify-content: center; }
  .nw-topbar__row li { margin: 0 6px; }
  .nw-topbar__row li:nth-child(n+4) { display: none; } /* phones only on small screens */
  .nw-topbar__contact { justify-content: center; min-height: 0; padding: 6px 0 8px; }
  .nw-topbar__contact a { height: 34px; padding: 0 18px; }
}

/* ---- Contact form status message ---- */
.nw-form-msg { margin: 15px 0; padding: 12px 16px; border-radius: 4px; font-weight: 600; }
.nw-form-msg--ok { background: #e6f4ea; color: #1e6b34; }
.nw-form-msg--err { background: #fdecea; color: #8a1c1c; }
.nw-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* ---- Offices block (Qatar + KSA) ---- */
.nw-offices { padding: 60px 0 20px; }
.nw-office { border: 1px solid #e5e5e5; border-top: 4px solid #6a2829; padding: 25px; margin-bottom: 30px; background: #fff; }
.nw-office h3 { font-size: 20px; margin-bottom: 12px; text-transform: uppercase; }
.nw-office p { margin-bottom: 6px; }
.nw-office i { width: 20px; color: #6a2829; }

/* ---- Page title is now the page H1 (SEO); same look as before ---- */
.bradcaump__inner h1.bradcaump-title { color: #fdfdfd; font-size: 50px; font-weight: 800; text-transform: uppercase; margin: 20px 0 10px; }
@media All and (max-width:600px) {
	.bradcaump__inner h1.bradcaump-title { font-size: 30px; font-weight: 700; }
}
.nw-countries { margin-top: 12px; font-size: 15px; }
.nw-countries a { color: #6a2829; font-weight: 700; }
.nw-cta a { display: inline-flex; align-items: center; gap: 10px; background: #6a2829; color: #fff; font-weight: 700; text-transform: uppercase; padding: 12px 26px; border-radius: 24px; }
.nw-cta a:hover { background: #000; color: #fff; }

/* Home slider: slides 2-3 use H2 (one H1 per page) with the same look */
.slider__inner h2.nw-slide-title { color: #fdfdfd; font-size: 66px; font-weight: 800; line-height: 55px; margin-top: 24px; }
@media (min-width: 1170px) and (max-width: 1500px) { .slider__inner h2.nw-slide-title { font-size: 56px; line-height: 50px; margin-top: 0; } }
@media (max-width: 767px) { .slider__inner h2.nw-slide-title { font-size: 30px; line-height: 30px; margin-top: 10px; } }