:root {
  --bgcolor: #fff;
  --textcolor: #EB0029;
  --titlecolor: #004A97;
  --titlesize: 40px;
  --md_titlesize: 40px;
  --bodyfontcolor: #ffffff;
  --caption: #58595B;
}
body {
  font-family: 'Open Sans', sans-serif;
  line-height: 24px;
  color: var(--bgcolor);
  font-size: 1rem;
  overflow-x: hidden;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}
img {
  width: 100%;
  height: auto;
}
.spacer {
  padding-top: 50px;
  padding-bottom: 50px;
}
.row {
  margin: 0;
  width: 100%;
}
.button, .sub_button, .sub_button1 {
  border-radius: 4px;
  background-color: var(--textcolor);
  border: none;
  border-bottom: 2px solid var(--textcolor);
  color: var(--bodyfontcolor);
  text-align: center;
  font-size: 25px;
  padding: 15px 5px;
  width: 186px !important;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  outline: none;
}
.button a, .sub_button a, .sub_button1 a {
  color: var(--bodyfontcolor);
}
.sub_button, .sub_button1 {
  border-radius: 0px;
  padding: 10px 15px;
  width: 172px !important;
  font-size: 20px;
  margin: 0;
  border: none;
}
.sub_button1 {
  width: 175px !important;
  padding: 10px 5px !important;
}
.img-fluid, .img-thumbnail {
  border-radius: 0;
  padding: 0;
  border: none;
}
.col {
  padding: 0;
}
.button span, .sub_button span, .sub_button1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.button span:after, .sub_button span:after, .sub_button1 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.button:hover span, .sub_button:hover span, .sub_button1:hover span {
  padding-right: 25px;
}
.button:hover span:after, .sub_button:hover span:after, .sub_button1:hover span::after {
  opacity: 1;
  right: 0;
}
.form-control {
  padding: 9px 15px;
  font-size: 18px;
  color: #004A97;
}
.form-control::placeholder {
  color: #004A97;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #004A97;
}
.form-control::-ms-input-placeholder {
  color: #004A97;
}
p {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
}
p + p:last-child, p:last-child {
  margin: 0;
}
p.py-2 {
  padding: 0 !important;
}
.fs-1 {
  font-size: 2.5rem !important;
}
/* ===================================================================================================
                                          start header
======================================================================================================= */
.header {
  position: fixed;
  z-index: 100;
  height: auto;
  width: 100%;
  padding: 0px 40px;
  -webkit-transition: all ease-out .5s;
  -moz-transition: all ease-out .5s;
  -o-transition: all ease-out .5s;
  transition: all ease-out .5s;
  background-image: linear-gradient(180deg, rgba(0, 74, 151, 0.822), rgba(220, 238, 255, 0));
}
.header.active {
  background-color: var(--titlecolor);
  border-bottom: 3px solid var(--bgcolor);
}
.header.active .pt-3 {
  padding-top: 0 !important;
}
.header.active .h-logo {
  height: 58px;
}
.header.active .pt-3 .py-3 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.header-right-icon .sidebar {
  z-index: 999;
  cursor: pointer;
  transition: all 400ms cubic-bezier(.215, .61, .355, 1);
  width: 66px;
  height: 36px;
  display: block;
  float: right;
}
.header-right-icon .sidebar:after {
  background: url("../images/bars.png") left top no-repeat;
  position: absolute;
  content: "";
  width: 66px;
  height: 36px;
  display: block;
  transition: all 400ms cubic-bezier(.215, .61, .355, 1);
}
.header-right-icon .sidebar.Down:after {
  background: url("../images/Down.png") left top no-repeat;
  transition: all 400ms cubic-bezier(.215, .61, .355, 1);
}
.navigation {
  height: 100vh;
  background-size: cover;
  background: rgba(0, 74, 151, 0.78);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/*.main-menu {
  width: 100%;
  padding-top: 100px;
  margin: 0 auto;
}*/
.main-menu {
  width: 200px;
  padding-top: 100px;
  margin: 0 auto;
}
.main-menu li {
  padding: 5px 0;
}
.main-menu li a {
  color: var(--headertxt);
  font-size: 24px;
  border-bottom: 2px solid hsla(0, 0%, 100%, 0);
}
.main-menu .sub_menu {
  margin-left: 10px;
}
.main-menu .sub_menu li {
  padding: 2px 0;
}
.main-menu .sub_menu ul li a {
  font-size: 20px !important;
  font-weight: 200 !important;
}
.main-menu li a:active, .main-menu li a:hover {
  border-bottom: 2px solid #fff;
  background-color: transparent !important;
}
.sub_menu li a {
  font-weight: 200 !important;
  font-size: 18px;
}
.banner {
  position: relative;
  height: 100%;
  /*background-image: url(../images/banner.png);
  width: 100%;
  background-size: cover;
  background-attachment: fixed;*/
}
.main_banner {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
}
.banner_info {
  background-color: rgba(0, 74, 151, 0.50);
  /*padding: 230px 10px 100px 20px;*/
  padding: 125px 10px 100px 20px;
}
.banner_contain {
  padding: 0 10%;
}
.banner_box {
  font-size: 16px;
  background-color: #004A97;
  padding: 20px 30px;
}
.banner_title {
  border-bottom: 2px #fff solid;
}
.banner_date {
  border-bottom: 2px #fff dashed;
  background: none;
  opacity: inherit;
  border-top: 0;
  margin: 1.25rem 0;
}
.banner_icon-explorer {
  position: absolute;
  bottom: 0;
}
/*.banner_icon-explorer {
    position: absolute;
    bottom: 0;
    height: 100vh;
    width: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}*/
.hidecls.banner_icon-explorer {
  position: absolute;
  bottom: 50px;
  /* height: 100vh; */
  width: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  /* top: 0; */
}
.hidecls.banner_icon-explorer a p {
  color: #FFF;
}
.hidecls.banner_icon-explorer img {
  width: 86%;
}
.right_side {
  background-color: var(--textcolor);
}
.bannerSydney {
  position: absolute;
  right: 50px;
  bottom: 20px;
  font-size: 22px;
  margin-bottom: 20px;
}
/* ===================================================================================================
                                          end header
======================================================================================================= */
/*====================================================================================================================================================================================
                                                             start home page
================================================================================================================================================================================ */
/* ===================================================================================================
                                          start Engineered by northcroft
======================================================================================================= */
.banner .banner_contain .banner_heading p {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}
.engineered .e_item1, .engineered .e_item2, .history .h_item1, .history .h_item2, .A_approach .e_item1, .A_approach .e_item2, .N_thoughtfulness .N_item, .Quantity .quantity_item, .Quantity .quantity_item2 {
  padding: 50px 40px !important;
}
.engineered .e_item, .history .h_item, .A_approach .e_item, .N_thoughtfulness .N_item:first-child {
  border-right: 2px var(--caption) dashed;
}
.engineered .e_item1 h3, .engineered .e_item2 h3, .history .h_item1 h3, .history .h_item1 h3, .A_approach .e_item1 h3, .A_approach .e_item2 h3, .N_thoughtfulness .N_item1 h3, .home .main_services .service_title h3, .Q_projects .qua_title h3 {
  font-size: 40px;
  color: var(--titlecolor);
}
.engineered .e_item1 p, .engineered .e_item2 p, .engineered .e_item1 p, .engineered .e_item2 ul li, .history .h_item1 p, .history .h_item2 p, .A_approach .e_item1 p, .A_approach .e_item2 p, .A_approach .e_item1 ul li, .A_approach .e_item2 ul li, .N_thoughtfulness .N_item .N_item1 p, .N_thoughtfulness .N_item .N_item2 p, .Quantity .quantity_contact p, .Quantity .quantity_contact li {
  font-size: 16px;
  color: var(--caption);
  font-weight: 400;
}
.home .main_projects .projects_title h3, .home .main_clients .clients_title h3, .main_team .team_title h3, .main_services .service_title h3 {
  font-size: 40px;
}
.e_heading, .h_heading {
  padding: 110px 40px 150px 80px !important;
}
.Quantity .right_side .quantity_heading {
  padding: 100px 40px 100px 80px !important;
}
.banner .banner_contain .banner_heading p, .engineered .e_heading p, .experience .experience_info p, .stories .stories_info p, .A_approach .e_heading p, .N_thoughtfulness .N_heading p, .main_right_approch .right_side .approch_heading p, .Quantity .quantity_heading p, .Other_Office .sub_off_detail p, .engineered .e_item2 .first_p {
  margin-bottom: 0px !important;
}
.engineered .right_side .e_heading P, .experience .main_experience .experience_info p, .home .banner .banner_contain .banner_heading p, .home .stories .stories_img .stories_info p, .A_approach .e_heading p, .Quantity .quantity_heading p, .N_thoughtfulness .N_heading p, .main_right_approch .right_side .approch_heading p {
  font-size: 49px;
}
/* ===================================================================================================
                                          end Engineered by northcroft
======================================================================================================= */
/* ===================================================================================================
                                          start Our 180 years of experience
======================================================================================================= */
.experience, .stories {
  background-image: url(../images/experience.png);
  width: 100%;
  height: 600px !important;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}
.stories {
  background-image: url(../images/stories.jpg);
  height: 800px !important;
}
.experience_title, .stories_title {
  position: absolute;
  top: 0px;
  right: 0;
  background-image: linear-gradient(180deg, rgba(0, 74, 151, 0.822), rgba(255, 255, 255, 0));
  height: 100%;
}
.experience_info, .stories_info {
  margin-bottom: 100px;
  padding: 30px 30px 0 80px;
}
.experience_info a, .stories_info a {
  position: absolute;
  bottom: 20px;
  right: 50px;
  color: var(--bodyfontcolor);
  font-size: 22px;
}
/* ===================================================================================================
                                          end Our 180 years of experience
======================================================================================================= */
/* ===================================================================================================
                                          start Our services
======================================================================================================= */
.main_team .team_title, .recent_posts .main_recent_post .recent_title, .Q_projects .qua_title, .Our_Projects .Projects_title, .Our_Clients .Our_Clients_title, .Testimonial .Our_Testimonial_title, .Contact_Us .Contact_Us_title {
  padding: 20px 40px;
  background-color: #004A97;
  border-bottom: 10px solid #004A97;
  -webkit-box-shadow: 0px 70px 98px 11px rgba(0, 74, 151, 0.58);
  -moz-box-shadow: 0px 70px 98px 11px rgba(0, 74, 151, 0.58);
  box-shadow: 0px 70px 98px 11px rgba(0, 74, 151, 0.58);
}
.main_services .service_title {
  padding: 20px 40px;
  background-color: #004A97;
}
.main_projects .projects_title h3, .main_clients .clients_title h3, .main_recent_post .recent_title h3, .Our_Projects .Projects_title h3, .Our_Clients .Our_Clients_title h1, .Testimonial .Our_Testimonial_title h3, .fmcg .main_recent_post .recent_title h3 {
  font-size: var(--titlesize);
}
.services_contact, .projects_contact {
  background-image: linear-gradient(180deg, rgba(0, 74, 151, 0.822), rgba(220, 238, 255, 0));
}
.main_services .services_contact .s_item, .main_projects .projects_contact .p_item, .qua_contact .qua_item {
  background-color: var(--bgcolor);
  color: var(--caption);
  padding: 0;
}
.main_services .services_contact .s_item {
  height: 100%;
}
/*.s_item:last-child .s_info h4, .s_item:nth-child(2) .s_info h4, .p_item:nth-child(2) .p_info h4, .p_item:nth-child(5) .p_info h4, .p_item:nth-child(7) .p_info h4 {*/
/*  color: var(--textcolor);*/
/*}*/
.card {
  border: none;
}
.services_part {}
.box-text-part {
  border-right: 2px dashed #000;
  padding: 30px 50px 120px;
}
.box-card {
  position: relative;
  /* display: flex;*/
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  width: 100%;
}
.box-text-part .card-title {
  font-size: 40px;
  color: var(--titlecolor);
}
.box-text-part .sub_button1 {
  position: absolute;
  bottom: 60px;
}
.box-img {
  position: relative;
  overflow: hidden;
  height: 390px;
  transition: .3s;
}
.box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services_part div.p-0:nth-child(odd) .card-title {}
/*.services_part div.p-0:nth-child(even) .card-title {*/
/*  color: var(--textcolor);*/
/*}*/
.services_part div.p-0:last-child .box-text-part {
  border: 0;
}
.box-text-part p {
  color: var(--caption);
}
.services_part div.p-0:hover .box-img img {
  scale: 1.2;
  transition: .3s;
}
.services_contact .s_item .s_img, .qua_contact .qua_img {
  /*height: 350px;
	min-height: 350px;*/
}
.recent_contant .recent_img {
  height: 280px;
}
.services_contact .s_img img, .projects_contact .p_img img, .recent_contant .recent_img img, .qua_contact .qua_img img, .qua_contact .qua_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services_contact .s_img img {
  height: 350px;
}
.s_item .s_info, .p_item .p_info, .qua_item .qua_info, .Our_Projects .Project_contact .Project_info {
  padding: 50px;
  border-right: 2px var(--caption) dashed;
}
.s_item .s_info {
  height: 100%;
  padding-bottom: 120px;
  padding-top: 40px;
  position: relative;
}
.s_item .s_info .sub_button1 {
  position: absolute;
  bottom: 60px;
}
.s_item:last-child .s_info, .p_item:last-child .p_info, .qua_item:last-child .qua_info, .Our_Projects .Projects_item:nth-child(3) .Project_info, .Our_Projects .Projects_item:last-child .Project_info {
  border: none;
}
.s_item .s_info h4, .p_item .p_info h4, .qua_item .qua_info h4, .Our_Projects .Project_contact .Project_info h4 {
  font-size: 40px;
  color: var(--titlecolor);
}
.success {
  height: 200px;
  width: 100%;
  background-color: #004A97;
}
.service_bottom, .projects_bottom, .recent_bottom {
  padding: 32px 0;
  background-color: var(--textcolor);
  position: relative;
}
.services_contact .s_img, .projects_contact .p_img, .A_projects .p_img, .recent_contant .recent_img, .qua_contact .qua_img, .Our_Projects .Project_img {
  position: relative;
  overflow: hidden;
}
.services_contact .s_img img, .projects_contact .p_img img, .A_projects .p_img img, .recent_contant .recent_img img, .qua_contact .qua_img img, .Our_Projects .Project_img img {
  /*position: absolute;
  top: 0;
  transition: .3s;*/
}
.services_contact .s_img:hover img, .projects_contact .p_img:hover img, .A_projects .p_img:hover img, .recent_contant .recent_img:hover img, .qua_contact .qua_img:hover img, .Our_Projects .Project_img:hover img {
  scale: 1.2;
  transition: .3s;
}
/* ===================================================================================================
                                          end Our services
======================================================================================================= */
/* ===================================================================================================
                                          start Our project
======================================================================================================= */
.main_projects .projects_title, .main_clients .clients_title {
  padding: 20px 40px;
  background-color: #004A97;
}
.projects_contact .p_item .p_img {
  height: 300px;
  object-fit: cover;
}
.p_item:nth-child(3) .p_info {
  border-right: none;
}
/* ===================================================================================================
                                          end Our project
======================================================================================================= */
/* ===================================================================================================
                                          start Northcroft sydney
======================================================================================================= */
.Northcroft {
  background-image: url(../images/northcroft.jpg);
  width: 100%;
  height: 600px !important;
  background-size: cover;
  position: relative;
  background-position: center center;
  background-attachment: fixed;
}
.main_northcroft {
  padding: 80px 50px;
}
.Northcroft .main_northcroft .Nort_button {
  width: 270px !important;
}
/* ===================================================================================================
                                          end Northcroft sydney
======================================================================================================= */
/* ===================================================================================================
                                          start our clients
======================================================================================================= */
.logo_slider_image {
  padding: 100px 8%;
  border-radius: 10px;
}
.logo {
  width: 100%;
}
.logo a img {
  width: 100%;
  transition: 0.25s;
}
.logo a img:hover {
  opacity: 1;
}
#Logoslider .owl-nav button.owl-prev, #Logoslider .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  font-size: 80px;
  color: var(--textcolor);
  background-color: transparent;
  transform: translateY(-50%);
}
#Logoslider .owl-nav button.owl-prev {
  left: -3%;
}
#Logoslider .owl-nav button.owl-next {
  right: -3%;
}
#Logoslider.owl-carousel .owl-item img {
  width: 60%;
  margin: 0 auto;
}
#Logoslider.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}
/* ===================================================================================================
                                          end our clients
======================================================================================================= */
/*====================================================================================================================================================================================
                                                             end home page
================================================================================================================================================================================ */
/* ===================================================================================================
                                          start footer
======================================================================================================= */
footer {
  background-color: var(--titlecolor);
  padding: 95px 5.4% 35px;
}
footer .main_footer {
  padding-bottom: 130px;
}
.f_logo {
  width: 50% !important;
}
footer .f_menu li a {
  color: var(--bodyfontcolor) !important;
  font-size: 15px;
}
footer .f_menu li a:hover {
  color: var(--textcolor) !important;
}
footer h5 {
  margin-left: 12px;
}
footer p.copy {
  font-size: 13px;
}
footer p.copy a {
  color: var(--bgcolor);
}
footer p.copy a:hover {
  color: #EB0029;
}
form .f_form .f_input input {
  padding: 5px 10px;
  outline: none;
  border: none;
  color: var(--titlecolor);
  font-weight: 600;
  margin: 10px 10px 10px 0;
}
.f_btn {
  background-color: var(--textcolor);
  color: var(--bodyfontcolor);
  border-radius: 0;
  padding: 10px 40px;
  border-bottom: var(--textcolor) 2px solid;
  margin-left: 12px;
}
.f_btn:hover, .f_btn:focus {
  background-color: var(--textcolor);
  color: var(--bodyfontcolor);
  border-bottom: var(--bgcolor) 2px solid;
}
.copy p {
  font-size: 12px;
}
.copy p a {
  color: var(--bodyfontcolor);
}
.copy p a:hover {
  color: var(--textcolor);
}
/* ===================================================================================================
                                          end footer
======================================================================================================= */
/*====================================================================================================================================================================================
                                                                                 start about page
================================================================================================================================================================================ */
/* ===================================================================================================
                                         start banner
======================================================================================================= */
.A_banner .main_banner, .A_team_banner .main_banner {
  background-image: url(../images/about_banner.png);
  background-origin: padding-box;
  background-size: cover;
  height: 80vh;
  position: relative;
}
.A_banner .main_banner .banner_icon-explorer {
  padding-right: 40px;
}
.A_banner {
  position: relative;
}
/* ===================================================================================================
                                         end banner
======================================================================================================= */
/* ===================================================================================================
                                         start banner
======================================================================================================= */
.A_approach .e_item .e_item1 {
  /*padding: 0 10px 0 40px !important;*/
}
.A_approach .e_item:nth-child(3) {
  border-right: none !important;
  /*padding-top: 130px;*/
}
.A_approach_btn button {
  border-radius: 0 !important;
  border: none;
}
.A_approach_btn button {
  border: none !important;
}
.AboutList {
  list-style: none;
}
.AboutList li {
  position: relative;
  padding: 0 0 0 15px;
}
.AboutList li:before {
  position: absolute;
  content: "-";
  left: 0;
  top: 0;
  font-size: 16px;
}
/* ===================================================================================================
                                         end banner
======================================================================================================= */
/* ===================================================================================================
                                         start team banner
======================================================================================================= */
.A_team_banner .main_banner {
  background-origin: padding-box;
  object-fit: cover;
  height: 100%;
}
/* ===================================================================================================
                                         end team banner
======================================================================================================= */
/* ===================================================================================================
                                         start our team 
======================================================================================================= */
.main_team .team_title, .Q_projects .qua_title, .Contact_Us .Contact_Us_title {
  border-bottom: none;
  box-shadow: none;
}
.main_team .team_member {
  padding: 50px 3%;
  border-right: 2px dashed var(--caption);
  position: relative;
  overflow: hidden;
}
.main_team .team_member:last-child {
  border-right: none;
}
.team_member::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 74, 151, 0.863);
  opacity: 0;
  transform: translateY(100%);
}
.team_member .team_img img {
  border-radius: 0 0 0 110px;
}
.team_member .member_name h4 {
  color: var(--titlecolor);
  font-size: 35px;
}
.team_member .member_name p {
  color: var(--textcolor);
}
.team_member .member_intro p {
  color: var(--bgcolor);
  display: none;
  text-align: center;
  font-size: 16px;
}
.team_member:hover::after {
  opacity: 1;
  transition: .3s;
  transform: translateY(0);
}
.team_member:hover .member_intro p {
  display: block;
  color: var(--bgcolor);
  position: absolute;
  top: 100px;
  left: 20px;
  right: 20px;
  z-index: 5;
  padding: 5%;
}
.about .main_team .team_member .member_name > p {
  font-size: 22px;
  padding: 10px 0;
  font-weight: 600;
}
/* ===================================================================================================
                                         end our team 
======================================================================================================= */
/* =================================================================================================== 
                                        start about projrct
/* ================================================================================================== */
.A_projects .p_item:nth-child(3) .p_info {
  border-right: var(--caption) 2px dashed;
}
.about .e_heading {
  padding-left: 70px !important;
}
/* ===================================================================================================
                                         end about projrct
======================================================================================================= */
/*====================================================================================================================================================================================
                                                                                 end about page
================================================================================================================================================================================ */
/*====================================================================================================================================================================================
                                                                                 start News page
================================================================================================================================================================================ */
/* ===================================================================================================
                                         start news banner
======================================================================================================= */
.N_banner .main_banner, .Posts_banner .main_banner, .Quantity_banner .main_banner, .Project_M_banner .main_banner, .Contract_M_banner .main_banner, .Consultancy_Services .main_banner, .Projects_banner .main_banner, .Clients_banner .main_banner /*.capabilities_banner .main_banner, .Clients_Testimonial .main_banner, .Contact_Us_banner .main_banner, .Office_banner .main_banner*/ {
  background-image: url(../images/news_banner.png);
  background-origin: padding-box;
  background-size: cover;
  height: 80vh;
  position: relative;
  background-position: center;
}
.Clients_Testimonial, .capabilities_banner, .Contact_Us_banner, .Office_banner {
  position: relative;
}
.A_banner .main_banner .banner_icon-explorer {
  padding-right: 40px;
}
/* ===================================================================================================
                                         end news banner
======================================================================================================= */
/* ===================================================================================================
                                         start thoughtfulness 
======================================================================================================= */
.N_thoughtfulness .N_heading {
  padding: 70px 40px !important;
}
.recent_posts .main_recent_post .recent_title, .Our_Projects .Projects_title, .Our_Clients .Our_Clients_title, .Testimonial .Our_Testimonial_title, .Testimonial .Our_Testimonial_title {
  border-bottom: none !important;
  box-shadow: none;
}
/* ===================================================================================================
                                         end thoughtfulness 
======================================================================================================= */
/* ===================================================================================================
                                         start recent posts
======================================================================================================= */
.recent_posts .recent_contant .recent_item, .Our_Projects .Project_contact .Projects_item {
  padding: 0;
}
.recent_item .recent_img img, .Projects_item .Project_img img {
  width: 100%;
  height: 290px;
}
.recent_item .recent_info {
  border-right: 2px dashed var(--caption);
  height: auto;
}
.recent_item:nth-child(4) .recent_info, .recent_item:nth-child(9) .recent_info, .recent_item:nth-child(14) .recent_info, .Clients_Contact .Clients_item:nth-child(4) {
  border-right: none !important;
}
.recent_item .recent_info h4, .recent_item .box-text-part h4 {
  color: var(--textcolor);
}
.recent_item:nth-of-type(2n+0) .recent_info h4, .recent_item:nth-of-type(2n+0) .box-text-part h4 {
  color: var(--titlecolor);
}
.recent_line {
  padding: 0;
}
.recent_line2 .recent_bottom {
  background-color: var(--titlecolor);
}
.recent_contant .recent_img {
  width: 101%;
}
.recent_contant .recent_item .box-text-part {
  border: 0;
}
.recent_posts .recent_contant .recent_item {
  border-right: 2px dashed #000;
}
.recent_posts .recent_contant .recent_item:nth-child(4), .recent_posts .recent_contant .recent_item:nth-child(9), .recent_posts .recent_contant .recent_item:nth-child(14), .recent_posts .recent_contant .recent_item:nth-child(19), .recent_posts .recent_contant .recent_item:nth-child(24), .recent_posts .recent_contant .recent_item:nth-child(19) {
  /*border: 0;*/
}
/* ===================================================================================================
                                         end recent posts
======================================================================================================= */
/*====================================================================================================================================================================================
                                                                                 end news page
================================================================================================================================================================================ */
/*====================================================================================================================================================================================
                                                                                start recentpost page
================================================================================================================================================================================ */
/* ===================================================================================================
                                         start right approach 
======================================================================================================= */
.Posts_banner .main_banner, .Quantity_banner .main_banner {
  background-image: url(../images/recentpost_banner.png);
}
.left_side {
  padding: 50px 70px 50px 40px;
}
.main_right_approch .right_side {
  background-color: transparent;
  padding: 0;
  border-left: 2px dashed var(--caption);
}
.main_right_approch .right_side .approch_heading {
  background-color: var(--textcolor);
}
.approch_contact .approch_title h3 {
  font-size: 40px;
  color: var(--titlecolor);
}
.approch_contact .approch_title .approch_box {
  border: var(--titlecolor) 8px solid;
  margin: 30px 0;
}
.right_side .approch_heading {
  padding: 130px 50px;
}
.approch_img {
  margin-right: 30px;
  margin-bottom: 30px;
}
.approch_contact .right_side .recent_point {
  padding: 100px 100px 100px 50px;
}
.approch_details .approch_info p, .approch_contact .approch_title .approch_box p {
  color: var(--caption);
  font-weight: 400;
  line-height: 28px !important;
  font-size: 16px;
}
.approch_contact .right_side .recent_point ul {
  list-style: disc;
  padding: 20px 0 0 25px;
}
.approch_contact .right_side .recent_point h4 {
  color: var(--titlecolor);
  font-size: 40px;
}
.approch_contact .right_side .recent_point li {
  color: var(--caption);
  font-size: 18px;
  padding: 0px 80px 0px 0;
  margin-top: 15px;
}
/* =========== end right approach  ======================== */
/*============ end recentpost page ======================== */
/*============ start Quantity page ======================== */
/* ================= start Quantity Surveying============================== */
.Quantity .quantity_title h1, .Our_Clients .Our_Clients_title h1, .Testimonial .Our_Testimonial_title h3, .Contact_Us .Contact_Us_title h1, .Quantity .quantity_title h3 {
  font-size: var(--titlesize);
  color: var(--titlecolor);
}
.Quantity .quantity_title h3 {
  font-size: 40px;
}
.Quantity p, .Quantity li {
  color: var(--caption);
  padding-right: 60px;
}
.Quantity p {
  padding-right: 0;
}
.Quantity .quantity_item, .Our_Clients .Clients_Contact .Clients_item {
  padding: 40px 40px 60px;
  border-right: 2px dashed var(--caption);
}
.Quantity .quantity_item2 {
  /*padding: 140px 40px !important;*/
  padding: 122px 40px !important;
}
.Quantity .right_side .quantity_heading p {
  color: var(--bodyfontcolor);
}
.Q_projects .qua_info {
  height: 220px;
}
/* ===================================================================================================
                                      end Quantity Surveying
======================================================================================================= */
/* ===================================================================================================
                                      start capabilities banner
======================================================================================================= */
/*.capabilities_banner .main_banner {
  background-image: url(../images/capabilities.png);
}*/
/* ===================================================================================================
                                     end capabilities banner
======================================================================================================= */
/* ===================================================================================================
                                      start capabilities banner
======================================================================================================= */
.capabilities .capabilities_item, .Other_Office .Other_item1 {
  padding: 40px;
  border-right: 2px dashed var(--caption);
}
.capabilities .capabilities_item:nth-child(3), .capabilities .capabilities_item:nth-child(7), .Other_Office .Other_item1:nth-child(2) {
  border-right: none;
}
.capabilities .capabilities_item .capabiliti_name P {
  color: var(--titlecolor);
  font-size: 27px;
}
.capabilities_item .capabiliti_contant ul {
  list-style-type: disc;
  padding: 40px 20px;
}
.capabilities_item .capabiliti_contant li {
  color: var(--caption);
  font-size: 18px;
  padding: 5px 0;
  font-weight: 500;
}
.box_actived {
  color: var(--textcolor) !important;
}

.capabilities_item img {
    width: 75% !important;
}
/*====================================================================================================================================================================================
                                                                               end Quantity page
================================================================================================================================================================================ */
/*====================================================================================================================================================================================
                                                                              start Project Management page
================================================================================================================================================================================ */
.Project_M_banner .main_banner {
  background-image: url(../images/project_M_banner.png);
}
/*====================================================================================================================================================================================
                                                                               end Project Management page
================================================================================================================================================================================ */
/*====================================================================================================================================================================================
                                                                              start Contract Management page
================================================================================================================================================================================ */
.Contract_M_banner .main_banner {
  background-image: url(../images/Contract_Mang_banner.png);
}
.quantity_contact p a {
  color: var(--caption);
  text-decoration: underline;
}
.Q_projects .qua_title h3 {
  color: var(--bgcolor);
}
/*====================================================================================================================================================================================
                                                                              end Contract Management page
================================================================================================================================================================================ */
/*====================================================================================================================================================================================
                                                                              start Consultancy Services page
================================================================================================================================================================================ */
.Consultancy_Services .main_banner {
  background-image: url(../images/Consultancy_Services.png);
}
/*====================================================================================================================================================================================
                                                                              end Consultancy Services page
================================================================================================================================================================================ */
/*====================================================================================================================================================================================
                                                                              start Project page
================================================================================================================================================================================ */
.Projects_banner .main_banner {
  background-image: url(../images/project_banner.png);
}
.Our_Projects .Projects_item .Project_img {
  width: 100%;
  height: 300px !important;
}
.Our_Projects .Projects_item .Project_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Our_Projects .Projects_item .Project_info {
  padding: 40px !important;
}
.capabilities .capabilities_item .capabiliti_contant {
  padding: 0 20px;
}
/*====================================================================================================================================================================================
                                                                              end Project page
================================================================================================================================================================================ */
/*====================================================================================================================================================================================
                                                                              start clients page
================================================================================================================================================================================ */
.Clients_banner .main_banner {
  background-image: url(../images/client_banner.png );
}
.Our_Clients .Our_Clients_title h1, .Testimonial .Our_Testimonial_title h3 {
  color: var(--bodyfontcolor);
}
.Our_Clients .Clients_Contact .Clients_img {
  height: 164px;
}
.Our_Clients .Clients_Contact .Clients_img img {
  object-fit: contain;
  height: 100%;
}
.Our_Clients .Clients_info img {
  width: auto !important;
  height: auto;
  object-fit: cover;
}
.Our_Clients .Clients_Contact .Clients_info {
  padding: 0 20px;
}
.Our_Clients .Clients_Contact .Clients_info h4 {
  font-size: 30px;
}
.Our_Clients .Clients_Contact .Clients_info p {
  font-size: 22px;
  line-height: 28px;
}
.Our_Clients .Clients_Contact .Clients_info h4, .Testimonial .Testimonial_item h5 {
  color: var(--titlecolor);
}
.Our_Clients .Clients_Contact .Clients_info p, .Testimonial .Testimonial_item p {
  color: var(--caption);
}
/*=========================================================================================
                           start Testimonial banner
========================================================================================= */
/*.Clients_Testimonial .main_banner {
  background-image: url(../images/client_testimonial.png);
  height: 100vh !important;
}*/
/*=========================================================================================
                           start Testimonial banner
========================================================================================= */
/*=========================================================================================
                           start Client Testimonial
========================================================================================= */
.Testimonial .Testimonial_item {
  padding: 100px 60px 40px;
}
.Testimonial .Testimonial_item p {
  font-size: 22px;
}
/*=========================================================================================
                           start Client Testimonial
========================================================================================= */
/*====================================================================================================================================================================================
                                                                              end clients page
================================================================================================================================================================================ */
/*====================================================================================================================================================================================
                                                                              start Contact Us page
================================================================================================================================================================================ */
.contact_page .header .header-right-icon i::before {
  display: none;
}
/*.Contact_Us_banner .main_banner {
  background-image: url(../images/contact_banner.png);
}*/
/*================================================================================
                          start Our Clients
================================================================================== */
.Contact_Us .Contact_Us_title {
  background-color: var(--textcolor);
}
.Contact_Us .Contact_Us_title h1 {
  color: var(--bodyfontcolor);
  font-size: 49px;
}
.Contact_map .map_img {
  background-image: url(../images/map.png);
  background-size: contain;
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.Contact_map .map_img .map_center {
  width: 25%;
  position: absolute;
  right: 10px;
  bottom: 150px;
}
.Contact_Us .main_Contact_Us .contact_item {
  padding: 80px 70px;
}
.contact_item .office_info h3, .contact_item .office_member p, .Other_Office .Other_Office_title h3 {
  color: var(--titlecolor);
  font-size: 48px;
  font-weight: 400;
}
.contact_item .office_info:nth-child(2) h3 {
  color: var(--caption);
}
.contact_item .office_info:last-child h3 {
  color: var(--textcolor);
}
.contact_item .office_info {
  padding-bottom: 80px;
}
.contact_item .office_member p, .office_info .office_contact .c_heading, .office_info .office_contact .c_text, .Other_Off_details .sub_office .off_name, .Other_Off_details .sub_office .off_email {
  font-size: 25px;
  font-weight: 700;
}
.office_info .office_contact .c_heading, .Other_Off_details .sub_office .off_name {
  color: var(--textcolor);
}
.office_info .office_contact .c_text, .Other_Off_details .sub_office .off_email {
  color: var(--titlecolor);
}
.titlecolor {
  color: var(--titlecolor);
}
/*================================================================================
                          end Our Clients
================================================================================== */
/*.Office_banner .main_banner {
  background-image: url(../images/offices_banner.png);
}*/
/*================================================================================
                          start  other office
================================================================================== */
.Other_Off_details .sub_office .off_name, .Other_Off_details .sub_office .off_email {
  font-weight: 600;
}
.Other_Office .off_2 {
  padding-top: 60px;
}
.Other_Office .Other_item2 {
  padding: 150px 40px 100px 80px;
}
.sub_off_detail span, .sub_off_detail p {
  font-size: 49px !important;
  line-height: 60px;
}
.sub_off_detail span {
  font-weight: 300;
}
/*================================================================================
                          end  other office
================================================================================== */
/*=============== end Contact Us page =============== */
/*  ========================= start fmcg page  =============================== */
.fmcg .recent_item .box-text-part h4 {
  font-size: 40px;
}
/*.fmcg .recent_item:nth-of-type(2n+0) .box-text-part h4 {*/
/*  color: var(--textcolor);*/
/*}*/
.fmcg .recent_item:nth-child(odd) .box-text-part h4 {
  color: var(--titlecolor);
}
.fmcg .recent_posts .recent_contant .recent_img {
  width: 100.5%;
}
.high_end .recent_posts .main_recent_post .recent_title {
  background: var(--textcolor);
}
/* ========================== end fmcg page ================================== */
/*====================================================================================================================================================================================
                                                                              start High-end-Australia page
================================================================================================================================================================================ */
.high_end .recent_posts .recent_title {
  background: var(--textcolor);
}
.high_australia .recent_posts .recent_item .high_cliet_details .client p {
  color: var(--titlecolor);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  width: 50%;
}
.high_australia .recent_posts .recent_item .high_cliet_details .client p:first-child {
  width: 50%;
}
.high_australia .recent_posts .recent_item .high_cliet_details, .recent_posts .recent_item .our_scope {
  padding: 80px 50px;
}
.high_australia .recent_posts .recent_item .our_scope p, .recent_posts .recent_item .our_scope ul li {
  color: var(--caption);
  font-size: 16px;
}
.high_australia .recent_posts .recent_item .our_scope ul {
  list-style: disc;
  padding-left: 40px;
}
.high_australia .recent_posts .recent_contant .australia_services {
  background: var(--textcolor);
  padding: 120px 50px;
}
.high_australia .recent_posts .recent_contant .australia_services, .high_australia .recent_posts .recent_contant .australia_scope {
  border: 0;
}
.high_australia .recent_posts .recent_contant .australia_services .your_best p {
  margin-bottom: 0 !important;
  font-size: 49px;
}
.high_australia .recent_posts .recent_contant .australia_services .your_best p span {
  font-weight: 600;
}
.sub_office p {
  margin-bottom: 0
}
/*====================================================================================================================================================================================
                                                                              end High-end-Australia page
================================================================================================================================================================================ */

.Northcroft .inner-banner .banner_icon-explorer p.text-end{font-size: 22px;}

.pagination {
    padding-top: 15px;
    padding-bottom: 15px;
    justify-content: center;
}

.pagination .page-numbers:hover, .pagination .page-numbers.current {
    background: #004a97;
}

.pagination .page-numbers {
    padding: 10px;
    width: 40px;
    height: 40px;
    background: #fd0014;
    margin-right: 10px;
    text-align: center;
    line-height: 21px;
    color: #fff;
}