@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
body{
font-family: "Noto Sans", sans-serif;
font-weight: 400;
}
h4.big,
h4.special-heading.service-title{
font-size: 40px;
font-weight: 700;
}
.s-bordertop:before, .s-borderbottom:after, .s-bordertop-container .container:before, .s-borderbottom-container .container:after{
background-color: #0000008C;
}
.alignnone {
margin: 5px 20px 20px 0;
clear: both;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 20px 0 30px 20px;
}
.alignleft {
float: left;
margin: 5px 30px 10px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.gallery-caption,
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 100%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
clip: auto !important;
display: block;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.sticky,
.bypostauthor{position: relative;} p[class*="-font-size"],
p[style*="font-size"] {
line-height: 1.3em;
}
.wp-block-quote cite,
.wp-block-pullquote cite {
margin-top: .5em;
}
.wp-block-quote cite:before,
.wp-block-pullquote cite:before {
margin-top: 0;
}
.wp-block-calendar tfoot td {
text-align: left;
}
.wp-block-calendar tfoot td#next {
text-align: right;
}
.wp-block-search {
position: relative;
margin-bottom: 15px;
}
.wp-block-search__button {
font-size: 0;
}
.top-includes.border-divided > li + li{
border-left: none; 
margin-left: 25px;
padding-left: 0;
}
.page_topline.ds a:not(.btn):hover{
color: var(--darkColor);
}
.page_topline .icon-inline .meta-address{
color: #fff !important;
}
.page_topline .icon-inline a:hover{
color: #000 !important;
}
.page_header.affix-top #menu-main-manu .menu-item a:hover,
.page_header.affix-top #menu-main-manu .menu-item a:active{
color: var(--colorMain) !important;
}
.team-member.vertical-item.content-absolute .item-content .subheading:after,
#our-team .team-excerpt{
display: none;
}
.footer-quick-links ul li {
list-style: none;
line-height: 3;
}
.footer-quick-links ul li a:hover {
color: #2e3192 !important;
}
.footer-logo img {
width: 150px;
}
ul.list-icons li {
padding-bottom: 0px !important;
}
#gallery .row .col-lg-3{
padding: 10px;
}
#projects .item-content a{
font-size: 26px !important;
}
.team-name a{
pointer-events: none;
}
#banner-anchor{
background-color: transparent !important;
margin-top: -120px;
z-index: 9;
background-color: transparent !important;
}
#about{
margin-top:0;
}
#banner-anchor .container .row{
max-width: 1170px !important;
background-color: var(--colorMain); margin: 0 auto;
}
#banner-anchor .container .row > div{
padding: 65px 55px;
}
#banner-anchor h6.special-heading{
margin-bottom: 15px;
}
#banner-anchor h6.special-heading span{
font-weight: 700;
letter-spacing: 0em;
margin-bottom: 12px;
text-transform: capitalize !important;
font-size: 20px;
line-height: 26px;
font-family: "Noto Sans", sans-serif;
transition: all 0.3s;
}
#banner-anchor .special-heading a:hover span{
color: var(--darkgreyColor) !important;
}
#banner-anchor p.special-heading{
font-family: "Noto Sans", sans-serif;
font-weight: 300 !important;
font-size: 16px;
line-height: 24px;
}
#about .special-heading .with-line:after{
right: 0;
left: auto;
text-align: right;
margin-left: calc(100% - 100px);
}
.special-heading.with-line:after, .special-heading .with-line:after, .text-center.text-lg-left .with-line:after{
left: 0;
}
.special-heading.text-center .with-line:after,
#services .special-heading .with-line:after{
left: 50% !important;
}
#about .row > .col-xs-12:last-child{
padding-left: 80px !important;
}
div#media_image-2 img {
max-width: 220px !important;
}
#toTop{
display:none !important;
opacity:0 !important;
}
.service-item a, .isotope-item.item-layout-tile a , .media-links a.abs-link{
pointer-events: none;
}
.service-layout-1 .service-item a{
font-family: "Noto Sans", sans-serif;
font-size: 22px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.3;
}
.service-item.horizontal-item.service-single2.service-item .item-content,
.service-item.horizontal-item.service-single2.service-item.media-right .item-content{
padding-left: 0px;
padding-right: 0px;
}
.service-item.horizontal-item.service-single2.service-item .item-media{
padding-right: 70px;
}
.service-item.horizontal-item.service-single2.service-item.media-right .item-media{
padding-left: 70px;
padding-right: 0px;
}
.service-item .special-heading + .divider-xl-40 {
display: none;
}
.item-steps .step-part:before{
font-family: "Georgia", sans-serif !important;
font-size: 40px;
}
h3.widget-title {
margin-bottom: 20px !important;
}
span.social-icons.footer-icon a:hover {
color: var(--colorMain) !important;
}
h4.special-heading.service-title a {
color: var(--fontColor) !important;
}
.page_footer .widget.widget_nav_menu{
margin-bottom: 0px;
}
.page_footer .widget.widget_text{
margin-bottom: 15px;
}
.page_footer .widget_icons_list,
.page_footer .widget.widget_media_image{
margin-bottom: 20px;
} 
.page_footer .widget > h3, .page_footer .widget .widget-title{
font-size: 18px;
line-height: 28px;
font-weight: 700;
letter-spacing: 0;
}
.page_footer .menu-item{
border: none !important;
}
.page_footer .widget_nav_menu li > a:before{
display: none;
}
.page_footer .menu-item a {
line-height: 1.6 !important;
padding-bottom: 5px !important;
padding-top: 4px !important;
}
.page_footer .menu-item:first-child a,
.page_footer .list-icons li:first-child{
padding-top: 0px !important;
}
.page_footer .icon-inline .fs-14 {
font-size: 18px;
color: #000;
transition: all 0.3s;
display: flex;
}
.item-gallery.content-absolute .item-content,
.item-gallery.content-absolute:hover .item-content{
background: var(--colorMain);
width: calc(100% - 20px);
transition: all 0.3s ease-in-out !important;
clip-path: polygon(0% 0, 100% 0, calc(100% - 20px) 100%, 0% 100%);
padding: 25px 30px !important;
}
.item-gallery.content-absolute .item-content h6{
text-align: left;
}
.item-gallery.content-absolute .item-content mark{
color: #fff !important;
}
#career-feedback .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row input,
#career-feedback .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row textarea,
#career-feedback .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row select{
margin-top: 20px;
border: none;
border-bottom: 1px solid #ccc !important;
padding: 0;
height: 40px;
}
#career-feedback .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_button{
margin-top: 20px;
}
#career-feedback .upload-cv label{
border: none;
border-bottom: 1px solid #ccc !important;
width: 100%;
}
#career-feedback .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row label input{
border: none !important;
margin-left: 20px;
}
#career-feedback .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row label label{
display: none;
}
.flexslider-overlay,
#counter-block:before,
#services:before{
opacity: 0.3;
}
p.special-heading{
line-height: 1.3;
}
.subheading {
letter-spacing: 0em;
text-transform: capitalize;
}
.special-heading.with-line:after{
display: none;
}
.service-content p,
.service-content li{
text-align: justify;
}
.top-includes.border-divided > li i{
color: #fff;
}
.team-member .item-content .team-position{
letter-spacing: 1px;
}
#services.s-overlay.ls.ms:before{
opacity: 0.5 !important;
}
.boxed .page_header, .page_header.affix{
opacity: 1;
}
.flexslider .intro_layer a:hover i{
color: var(--darkColor);
}
.ds a:not(.btn):hover {
color: var(--darkColor);
transition: all 0.4s;
}
.team-member .item-content{
padding: 18px 20px 16px !important;
}
.team-member .item-content .team-name a,
#projects .item-content h6 a{
font-size: 18px !important;
}
.team-member .item-content .team-position{
font-size: 14px;
}
.media-links:before{
display: none;
}
.page_footer .menu-item a:hover{
color: var(--colorMain) !important;
}
#projects .isotope-item{
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
}
#contact-us h6{
font-family: "Noto Sans", sans-serif;
font-weight: 700;
letter-spacing: 0;
font-size: 24px;
margin-top: 20px;
margin-bottom: 15px;
}
#contact-us .icon-box img{
height: 50px;
width: 50px;
object-fit: contain;
}
#projects .item-gallery h6 a{
letter-spacing: 0;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
}
.page_footer .container > .row > .col-lg-4:nth-child(2) {
padding-left: 70px;
}
.wpcf7-submit{
padding: 13px 40px 13px 40px !important;
color: #fff !important;
font-size: 14px !important;
transition: all 0.3s !important;
line-height: 2 !important;
font-weight: 400 !important;
text-transform: capitalize !important;
letter-spacing: 0px !important;
position: relative;
border: none !important;
clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
}
.wpcf7-submit:hover{
background-color: #000 !important;
}
.intro_featured_word h3,
.intro_after_featured_word p{
text-align: left !important;
}
.intro_featured_word h3{
font-size: 40px !important;
font-weight: 700;
line-height: 1.3 !important;
}
.intro_after_featured_word p{
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: 0;
}
.page_slider .flex-control-nav{
bottom: 150px;
left: 50%;
width: 1170px;
right: auto;
max-width: 100%;
transform: translate(-50%, 0px);
display: flex;
gap: 15px;
}
.page_slider .flex-control-nav li a{
width: 11px ;
height: 11px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.5);
background: transparent;
}
.page_slider .flex-control-nav li a:hover,
.page_slider .flex-control-nav li a.flex-active{
border: 2px solid rgba(255, 255, 255, 1);
background: #fff;
}
.page_slider .cover-image{
height: 895px;
}
.page_slider .cover-image:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: #000;
left: 0;
-webkit-mask-image: linear-gradient(
to right,
rgba(0,0,0,0.7) 0%,
rgba(0,0,0,0.7) 0%,
rgba(0,0,0,0) 70% 
);
mask-image: linear-gradient(
to right,
rgba(0,0,0,0.7) 0%,
rgba(0,0,0,0.7) 0%,
rgba(0,0,0,0) 70% 
);
}
.page_topline .text-md-left{
flex: 1 1 calc(100% - 80px); width: calc(100% - 80px);
max-width: calc(100% - 80px);
}
.page_topline .text-md-left + .col-4{
flex: 0 0 80px !important;
max-width: 80px; width: 80px !important;
}
.page_topline .text-md-left .top-includes{ display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.page_topline .text-md-left .top-includes .icon-inline:first-child{
order: 4;
margin-left: auto;
}
.page_topline .text-md-left .top-includes .meta-email{
margin-left: 0px;
}
.page_topline .text-md-left .top-includes .meta-phone:after{
content: "+973 17 786 133";
margin-left: 25px;
color: #fff;
padding-left: 30px;
background-image: url(https://hhreinforcement.com/wp-content/uploads/2026/05/fax2.png);
background-size: 15px;
background-repeat: no-repeat;
background-position: left center;
}
.page_topline .social-icons a:hover{
color: #000;
}
@media only screen and (max-width: 1300px) {
.page_slider .flex-control-nav {
max-width: calc(100% - 90px);
}
}
@media only screen and (max-width: 1200px) {
#about { }
#banner-anchor .container .row > div{
padding: 65px 40px;
}
#about .row > .col-xs-12:last-child {
padding-left: 15px !important;
} .team-member .item-content .team-name a{
font-size: 16px;
}
.page_topline .text-md-left .top-includes .icon-inline{
margin-left: 0 !important;
margin-right: 20px !important;
}
.page_topline .text-md-left .top-includes .icon-inline:first-child{
margin-left: auto !important;
margin-right: 0px !important;
}
.page_topline .text-md-left .top-includes .meta-phone:after{
margin-left: 20px !important;
margin-right: 0px !important;
}
.page_topline .text-md-left .top-includes .icon-inline{
font-size: 14px;
}
}
@media only screen and (max-width: 1024px) { #services .container > .row > .col-12.col-lg-5,
#services .container > .row > .col-12.col-lg-7{
width: 100%;
}
.page_slider .cover-image{
height: 700px;
}
.intro_featured_word h3, 
h4.big, h4.special-heading.service-title {
font-size: 35px !important;
}
.service-item.horizontal-item.service-single2.service-item .item-media{
padding-right: 0px;
}
.service-item.horizontal-item.service-single2.service-item.media-right .item-media{
padding-left: 0px;
padding-right: 0px;
}
}
@media only screen and (max-width: 991px) {
.page_slider .flex-control-nav {
max-width: calc(100% - 78px);
bottom: 65px;
}
.page_topline .text-md-left .top-includes .meta-phone:after{
display: none;
}
.page_topline .text-md-left .top-includes .icon-inline{
font-size: 13px;
}
.toggle_menu {
right: 50%;
transform: translateX(calc(50% + 335px));
}
.toggle_menu:before{
opacity: 0;
}
.toggle_menu.mobile-active{
transition-delay: 0.3s;
right: 50%;
transform: translate(calc(50% + 335px), 0px);
}
.toggle_menu.mobile-active:before{
opacity: 1;
}
.ls .toggle_menu.mobile-active span{
background-color: #fff;
}
#banner-anchor .col-12 {
padding: 40px 20px !important;
}
#banner-anchor .col-12 .fw-divider-space{
margin-top: 0 !important;
}
#about .row,
#vision-mission .row,
#quality-aassurance .row,
.service-item{
gap: 40px;
}
#vision-mission .row,
#quality-aassurance .row,
.service-item{
flex-direction: column-reverse;
}
#about img,
#vision-mission img,
#quality-aassurance img{
width: 100%;
}
#division-logo .col-lg-3 {
flex: 0 0 33.33%;
max-width: 33.33%;
}
#division-logo .row{
justify-content: center;
}
.service-item.horizontal-item.service-single2.service-item .item-content {
padding-top: 0px;
}
#projects .isotope-item {
flex: 0 0 50% !important;
max-width: 50% !important;
}
.page_footer .container > .row > .col-lg-4:nth-child(2) {
padding-left: 30px;
}
#contact-us h6{
font-size: 20px
}
}
@media only screen and (max-width: 767px) {
.intro_featured_word h3, h4.big, h4.special-heading.service-title{
font-size: 25px !important;
}
.page_slider .cover-image {
height: 550px;
}
.page_slider .flex-control-nav {
max-width: calc(100% - 30px);
}
#banner-anchor p.special-heading{ }
.toggle_menu{
right: 0 !important;
transform: translate(0, 0) !important;
}
.page_topline .top-includes .d-none {
display: inline-block !important;
}
.page_topline .text-md-left .top-includes .icon-inline {
font-size: 0;
}
.page_topline .text-md-left .top-includes .icon-inline,
.page_topline .text-md-left .top-includes .icon-inline:first-child{
margin-left: 0 !important;
margin-right: 10px !important;
}
p:last-child {
margin-bottom: 0px !important;
}
#division-logo .col-lg-3 {
flex: 0 0 50%;
max-width: 50%;
}
#projects .isotope-item {
flex: 0 0 100% !important;
max-width: 100% !important;
}
#contact-us h6,
#banner-anchor h6.special-heading span,
.service-item .step-part a{
font-size: 18px
}
#contact-us .col-xs-12:not(last-child){
margin-bottom: 25px;
}
.page_footer .widget_icons_list, .page_footer .widget.widget_media_image {
margin-bottom: 0px;
padding-bottom: 0px;
}
.page_footer .col-lg-4 {
margin-top: 20px;
margin-bottom: 10px;
}
.page_footer .col-lg-4:first-child{
margin-top: 30px;
margin-bottom: 0;
}
.page_footer .col-lg-4:last-child{
margin-bottom: 50px;
}
}.fw-divider-space {
clear: both;
width: 100%;
}
.fw-divider-space.space-sm {
height: 30px;
}
.fw-divider-space.space-md {
height: 60px;
}
.fw-divider-space.space-lg {
height: 100px;
} .fw-divider-line {
clear: both;
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
body{
font-family: "Noto Sans", sans-serif;
font-weight: 400;
}
h4.big,
h4.special-heading.service-title{
font-size: 40px;
font-weight: 700;
}
.s-bordertop:before, .s-borderbottom:after, .s-bordertop-container .container:before, .s-borderbottom-container .container:after{
background-color: #0000008C;
}
.alignnone {
margin: 5px 20px 20px 0;
clear: both;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 20px 0 30px 20px;
}
.alignleft {
float: left;
margin: 5px 30px 10px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.gallery-caption,
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 100%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
clip: auto !important;
display: block;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.sticky,
.bypostauthor{position: relative;} p[class*="-font-size"],
p[style*="font-size"] {
line-height: 1.3em;
}
.wp-block-quote cite,
.wp-block-pullquote cite {
margin-top: .5em;
}
.wp-block-quote cite:before,
.wp-block-pullquote cite:before {
margin-top: 0;
}
.wp-block-calendar tfoot td {
text-align: left;
}
.wp-block-calendar tfoot td#next {
text-align: right;
}
.wp-block-search {
position: relative;
margin-bottom: 15px;
}
.wp-block-search__button {
font-size: 0;
}
.top-includes.border-divided > li + li{
border-left: none; 
margin-left: 25px;
padding-left: 0;
}
.page_topline.ds a:not(.btn):hover{
color: var(--darkColor);
}
.page_topline .icon-inline .meta-address{
color: #fff !important;
}
.page_topline .icon-inline a:hover{
color: #000 !important;
}
.page_header.affix-top #menu-main-manu .menu-item a:hover,
.page_header.affix-top #menu-main-manu .menu-item a:active{
color: var(--colorMain) !important;
}
.team-member.vertical-item.content-absolute .item-content .subheading:after,
#our-team .team-excerpt{
display: none;
}
.footer-quick-links ul li {
list-style: none;
line-height: 3;
}
.footer-quick-links ul li a:hover {
color: #2e3192 !important;
}
.footer-logo img {
width: 150px;
}
ul.list-icons li {
padding-bottom: 0px !important;
}
#gallery .row .col-lg-3{
padding: 10px;
}
#projects .item-content a{
font-size: 26px !important;
}
.team-name a{
pointer-events: none;
}
#banner-anchor{
background-color: transparent !important;
margin-top: -120px;
z-index: 9;
background-color: transparent !important;
}
#about{
margin-top:0;
}
#banner-anchor .container .row{
max-width: 1170px !important;
background-color: var(--colorMain); margin: 0 auto;
}
#banner-anchor .container .row > div{
padding: 65px 55px;
}
#banner-anchor h6.special-heading{
margin-bottom: 15px;
}
#banner-anchor h6.special-heading span{
font-weight: 700;
letter-spacing: 0em;
margin-bottom: 12px;
text-transform: capitalize !important;
font-size: 20px;
line-height: 26px;
font-family: "Noto Sans", sans-serif;
transition: all 0.3s;
}
#banner-anchor .special-heading a:hover span{
color: var(--darkgreyColor) !important;
}
#banner-anchor p.special-heading{
font-family: "Noto Sans", sans-serif;
font-weight: 300 !important;
font-size: 16px;
line-height: 24px;
}
#about .special-heading .with-line:after{
right: 0;
left: auto;
text-align: right;
margin-left: calc(100% - 100px);
}
.special-heading.with-line:after, .special-heading .with-line:after, .text-center.text-lg-left .with-line:after{
left: 0;
}
.special-heading.text-center .with-line:after,
#services .special-heading .with-line:after{
left: 50% !important;
}
#about .row > .col-xs-12:last-child{
padding-left: 80px !important;
}
div#media_image-2 img {
max-width: 220px !important;
}
#toTop{
display:none !important;
opacity:0 !important;
}
.service-item a, .isotope-item.item-layout-tile a , .media-links a.abs-link{
pointer-events: none;
}
.service-layout-1 .service-item a{
font-family: "Noto Sans", sans-serif;
font-size: 22px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.3;
}
.service-item.horizontal-item.service-single2.service-item .item-content,
.service-item.horizontal-item.service-single2.service-item.media-right .item-content{
padding-left: 0px;
padding-right: 0px;
}
.service-item.horizontal-item.service-single2.service-item .item-media{
padding-right: 70px;
}
.service-item.horizontal-item.service-single2.service-item.media-right .item-media{
padding-left: 70px;
padding-right: 0px;
}
.service-item .special-heading + .divider-xl-40 {
display: none;
}
.item-steps .step-part:before{
font-family: "Georgia", sans-serif !important;
font-size: 40px;
}
h3.widget-title {
margin-bottom: 20px !important;
}
span.social-icons.footer-icon a:hover {
color: var(--colorMain) !important;
}
h4.special-heading.service-title a {
color: var(--fontColor) !important;
}
.page_footer .widget.widget_nav_menu{
margin-bottom: 0px;
}
.page_footer .widget.widget_text{
margin-bottom: 15px;
}
.page_footer .widget_icons_list,
.page_footer .widget.widget_media_image{
margin-bottom: 20px;
} 
.page_footer .widget > h3, .page_footer .widget .widget-title{
font-size: 18px;
line-height: 28px;
font-weight: 700;
letter-spacing: 0;
}
.page_footer .menu-item{
border: none !important;
}
.page_footer .widget_nav_menu li > a:before{
display: none;
}
.page_footer .menu-item a {
line-height: 1.6 !important;
padding-bottom: 5px !important;
padding-top: 4px !important;
}
.page_footer .menu-item:first-child a,
.page_footer .list-icons li:first-child{
padding-top: 0px !important;
}
.page_footer .icon-inline .fs-14 {
font-size: 18px;
color: #000;
transition: all 0.3s;
display: flex;
}
.item-gallery.content-absolute .item-content,
.item-gallery.content-absolute:hover .item-content{
background: var(--colorMain);
width: calc(100% - 20px);
transition: all 0.3s ease-in-out !important;
clip-path: polygon(0% 0, 100% 0, calc(100% - 20px) 100%, 0% 100%);
padding: 25px 30px !important;
}
.item-gallery.content-absolute .item-content h6{
text-align: left;
}
.item-gallery.content-absolute .item-content mark{
color: #fff !important;
}
#career-feedback .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row input,
#career-feedback .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row textarea,
#career-feedback .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row select{
margin-top: 20px;
border: none;
border-bottom: 1px solid #ccc !important;
padding: 0;
height: 40px;
}
#career-feedback .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_button{
margin-top: 20px;
}
#career-feedback .upload-cv label{
border: none;
border-bottom: 1px solid #ccc !important;
width: 100%;
}
#career-feedback .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row label input{
border: none !important;
margin-left: 20px;
}
#career-feedback .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row label label{
display: none;
}
.flexslider-overlay,
#counter-block:before,
#services:before{
opacity: 0.3;
}
p.special-heading{
line-height: 1.3;
}
.subheading {
letter-spacing: 0em;
text-transform: capitalize;
}
.special-heading.with-line:after{
display: none;
}
.service-content p,
.service-content li{
text-align: justify;
}
.top-includes.border-divided > li i{
color: #fff;
}
.team-member .item-content .team-position{
letter-spacing: 1px;
}
#services.s-overlay.ls.ms:before{
opacity: 0.5 !important;
}
.boxed .page_header, .page_header.affix{
opacity: 1;
}
.flexslider .intro_layer a:hover i{
color: var(--darkColor);
}
.ds a:not(.btn):hover {
color: var(--darkColor);
transition: all 0.4s;
}
.team-member .item-content{
padding: 18px 20px 16px !important;
}
.team-member .item-content .team-name a,
#projects .item-content h6 a{
font-size: 18px !important;
}
.team-member .item-content .team-position{
font-size: 14px;
}
.media-links:before{
display: none;
}
.page_footer .menu-item a:hover{
color: var(--colorMain) !important;
}
#projects .isotope-item{
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
}
#contact-us h6{
font-family: "Noto Sans", sans-serif;
font-weight: 700;
letter-spacing: 0;
font-size: 24px;
margin-top: 20px;
margin-bottom: 15px;
}
#contact-us .icon-box img{
height: 50px;
width: 50px;
object-fit: contain;
}
#projects .item-gallery h6 a{
letter-spacing: 0;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
}
.page_footer .container > .row > .col-lg-4:nth-child(2) {
padding-left: 70px;
}
.wpcf7-submit{
padding: 13px 40px 13px 40px !important;
color: #fff !important;
font-size: 14px !important;
transition: all 0.3s !important;
line-height: 2 !important;
font-weight: 400 !important;
text-transform: capitalize !important;
letter-spacing: 0px !important;
position: relative;
border: none !important;
clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
}
.wpcf7-submit:hover{
background-color: #000 !important;
}
.intro_featured_word h3,
.intro_after_featured_word p{
text-align: left !important;
}
.intro_featured_word h3{
font-size: 40px !important;
font-weight: 700;
line-height: 1.3 !important;
}
.intro_after_featured_word p{
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: 0;
}
.page_slider .flex-control-nav{
bottom: 150px;
left: 50%;
width: 1170px;
right: auto;
max-width: 100%;
transform: translate(-50%, 0px);
display: flex;
gap: 15px;
}
.page_slider .flex-control-nav li a{
width: 11px ;
height: 11px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.5);
background: transparent;
}
.page_slider .flex-control-nav li a:hover,
.page_slider .flex-control-nav li a.flex-active{
border: 2px solid rgba(255, 255, 255, 1);
background: #fff;
}
.page_slider .cover-image{
height: 895px;
}
.page_slider .cover-image:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: #000;
left: 0;
-webkit-mask-image: linear-gradient(
to right,
rgba(0,0,0,0.7) 0%,
rgba(0,0,0,0.7) 0%,
rgba(0,0,0,0) 70% 
);
mask-image: linear-gradient(
to right,
rgba(0,0,0,0.7) 0%,
rgba(0,0,0,0.7) 0%,
rgba(0,0,0,0) 70% 
);
}
.page_topline .text-md-left{
flex: 1 1 calc(100% - 80px); width: calc(100% - 80px);
max-width: calc(100% - 80px);
}
.page_topline .text-md-left + .col-4{
flex: 0 0 80px !important;
max-width: 80px; width: 80px !important;
}
.page_topline .text-md-left .top-includes{ display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.page_topline .text-md-left .top-includes .icon-inline:first-child{
order: 4;
margin-left: auto;
}
.page_topline .text-md-left .top-includes .meta-email{
margin-left: 0px;
}
.page_topline .text-md-left .top-includes .meta-phone:after{
content: "+973 17 786 133";
margin-left: 25px;
color: #fff;
padding-left: 30px;
background-image: url(https://hhreinforcement.com/wp-content/uploads/2026/05/fax2.png);
background-size: 15px;
background-repeat: no-repeat;
background-position: left center;
}
.page_topline .social-icons a:hover{
color: #000;
}
@media only screen and (max-width: 1300px) {
.page_slider .flex-control-nav {
max-width: calc(100% - 90px);
}
}
@media only screen and (max-width: 1200px) {
#about { }
#banner-anchor .container .row > div{
padding: 65px 40px;
}
#about .row > .col-xs-12:last-child {
padding-left: 15px !important;
} .team-member .item-content .team-name a{
font-size: 16px;
}
.page_topline .text-md-left .top-includes .icon-inline{
margin-left: 0 !important;
margin-right: 20px !important;
}
.page_topline .text-md-left .top-includes .icon-inline:first-child{
margin-left: auto !important;
margin-right: 0px !important;
}
.page_topline .text-md-left .top-includes .meta-phone:after{
margin-left: 20px !important;
margin-right: 0px !important;
}
.page_topline .text-md-left .top-includes .icon-inline{
font-size: 14px;
}
}
@media only screen and (max-width: 1024px) { #services .container > .row > .col-12.col-lg-5,
#services .container > .row > .col-12.col-lg-7{
width: 100%;
}
.page_slider .cover-image{
height: 700px;
}
.intro_featured_word h3, 
h4.big, h4.special-heading.service-title {
font-size: 35px !important;
}
.service-item.horizontal-item.service-single2.service-item .item-media{
padding-right: 0px;
}
.service-item.horizontal-item.service-single2.service-item.media-right .item-media{
padding-left: 0px;
padding-right: 0px;
}
}
@media only screen and (max-width: 991px) {
.page_slider .flex-control-nav {
max-width: calc(100% - 78px);
bottom: 65px;
}
.page_topline .text-md-left .top-includes .meta-phone:after{
display: none;
}
.page_topline .text-md-left .top-includes .icon-inline{
font-size: 13px;
}
.toggle_menu {
right: 50%;
transform: translateX(calc(50% + 335px));
}
.toggle_menu:before{
opacity: 0;
}
.toggle_menu.mobile-active{
transition-delay: 0.3s;
right: 50%;
transform: translate(calc(50% + 335px), 0px);
}
.toggle_menu.mobile-active:before{
opacity: 1;
}
.ls .toggle_menu.mobile-active span{
background-color: #fff;
}
#banner-anchor .col-12 {
padding: 40px 20px !important;
}
#banner-anchor .col-12 .fw-divider-space{
margin-top: 0 !important;
}
#about .row,
#vision-mission .row,
#quality-aassurance .row,
.service-item{
gap: 40px;
}
#vision-mission .row,
#quality-aassurance .row,
.service-item{
flex-direction: column-reverse;
}
#about img,
#vision-mission img,
#quality-aassurance img{
width: 100%;
}
#division-logo .col-lg-3 {
flex: 0 0 33.33%;
max-width: 33.33%;
}
#division-logo .row{
justify-content: center;
}
.service-item.horizontal-item.service-single2.service-item .item-content {
padding-top: 0px;
}
#projects .isotope-item {
flex: 0 0 50% !important;
max-width: 50% !important;
}
.page_footer .container > .row > .col-lg-4:nth-child(2) {
padding-left: 30px;
}
#contact-us h6{
font-size: 20px
}
}
@media only screen and (max-width: 767px) {
.intro_featured_word h3, h4.big, h4.special-heading.service-title{
font-size: 25px !important;
}
.page_slider .cover-image {
height: 550px;
}
.page_slider .flex-control-nav {
max-width: calc(100% - 30px);
}
#banner-anchor p.special-heading{ }
.toggle_menu{
right: 0 !important;
transform: translate(0, 0) !important;
}
.page_topline .top-includes .d-none {
display: inline-block !important;
}
.page_topline .text-md-left .top-includes .icon-inline {
font-size: 0;
}
.page_topline .text-md-left .top-includes .icon-inline,
.page_topline .text-md-left .top-includes .icon-inline:first-child{
margin-left: 0 !important;
margin-right: 10px !important;
}
p:last-child {
margin-bottom: 0px !important;
}
#division-logo .col-lg-3 {
flex: 0 0 50%;
max-width: 50%;
}
#projects .isotope-item {
flex: 0 0 100% !important;
max-width: 100% !important;
}
#contact-us h6,
#banner-anchor h6.special-heading span,
.service-item .step-part a{
font-size: 18px
}
#contact-us .col-xs-12:not(last-child){
margin-bottom: 25px;
}
.page_footer .widget_icons_list, .page_footer .widget.widget_media_image {
margin-bottom: 0px;
padding-bottom: 0px;
}
.page_footer .col-lg-4 {
margin-top: 20px;
margin-bottom: 10px;
}
.page_footer .col-lg-4:first-child{
margin-top: 30px;
margin-bottom: 0;
}
.page_footer .col-lg-4:last-child{
margin-bottom: 50px;
}
}