/*
Theme Name:   twentytwentyone-child
Theme URI:    http://example.com/ttwentytwentyone-child/
Description:  twentytwentyone-child Child Theme
Author:       Rainstreamweb
Author URI:   http://example.com
Template:     twentytwentyone
Version:      1.0.0
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twentytwentyone-child
*/

/*about page css*/
.about_circle_1 {
  position: absolute;
  top: 0%;
  left: 10%;
  background-color: #f6be98;
  height: 150px;
  width: 150px !important;
  border-radius: 50%;
  z-index: 0;
}
.about_circle_2 {
  position: absolute;
  bottom: 0%;
  right: 10%;
  background-color: #78bcdf;
  height: 150px;
  width: 150px !important;
  border-radius: 50%;
  z-index: 0;
}
.about_mission_img {
  z-index: 1;
}
.about_other_links h5 a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 991px) {
  .about_circle_1 {
    display: none;
  }
  .about_circle_2 {
    display: none;
  }
}

/*career page css*/

.empowered_image {
  position: relative;
}
.careers_image_circle_1 {
  max-width: 400px;
  height: 400px;
  margin: 0 auto;
  overflow: hidden;
  transform: rotate(-50deg);
  border-radius: 100px;
  position: relative;
  z-index: 1;
}
.careers_image_circle_1 img {
  transform: rotate(50deg) scale(1.5);
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}
.empowered_image .careers_circle_1 {
  position: absolute;
  top: 5%;
  left: 18%;
  background-color: #f6be98;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  z-index: 0;
}
.empowered_image .careers_circle_2 {
  position: absolute;
  bottom: 5%;
  right: 18%;
  background-color: #81c0e1;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  z-index: 0;
}
@media only screen and (max-width: 1024px) {
  .careers_image_circle_1 {
    height: 300px !important;
    width: 300px !important;
  }
}
@media only screen and (max-width: 991px) {
  .empowered_image .careers_circle_1 {
    display: none;
  }
  .empowered_image .careers_circle_2 {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .careers_image_circle_1 {
    height: 250px !important;
    width: 250px !important;
  }
}
.empowered_image_1 {
  position: relative;
}
.careers_image_circle_2 {
  max-width: 629px !important;
  height: 610px !important;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.careers_image_circle_2 img {
  clip-path: polygon(43% 6%, 86% 18%, 98% 65%, 66% 100%, 24% 87%, 12% 40%);
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  min-height: 575px;
  min-height: calc(300px + (575 - 300) * ((100vw - 320px) / (1920 - 320)));
}
.careers_circle_11 {
  top: 75px !important;
  left: 18% !important;
  position: absolute !important;
  background-color: #f6be98 !important;
  height: 100px !important;
  width: 100px !important;
  border-radius: 50% !important;
  z-index: 1 !important;
}
.careers_circle_22 {
  bottom: 75px !important;
  right: 10% !important;
  position: absolute !important;
  background-color: #81c0e1 !important;
  height: 100px !important;
  width: 100px !important;
  border-radius: 50% !important;
  z-index: 1 !important;
}
@media only screen and (min-width: 991px) {
  .careers_circle_22 {
    bottom: 130px !important;
  }
}
@media only screen and (min-width: 1050px) {
  .careers_circle_22 {
    bottom: 120px !important;
  }
}
@media only screen and (min-width: 1100px) {
  .careers_circle_22 {
    bottom: 110px !important;
  }
}
@media only screen and (min-width: 1150px) {
  .careers_circle_22 {
    bottom: 100px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .careers_circle_22 {
    bottom: 90px !important;
  }
}
@media only screen and (min-width: 1300px) {
  .careers_circle_22 {
    bottom: 80px !important;
  }
}
@media only screen and (min-width: 1350px) {
  .careers_circle_22 {
    bottom: 75px !important;
  }
}
@media only screen and (max-width: 991px) {
  .careers_circle_22 {
    display: none;
  }
  .careers_circle_11 {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .careers_image_circle_2 {
    height: auto !important;
  }
}
/*
contact page
*/

@media only screen and (min-width: 1024px) {
  .contact_place_img {
    position: relative;
  }
  .contact_place_img .Contact_place_content {
    position: absolute;
    right: 0%;
    bottom: -100px;
  }
}

/*news details page css*/
.blog_details_header_bg {
  position: relative;
  overflow: hidden;
}
.blog_details_header_bg::before {
  content: "";
  position: absolute;
  left: -14%;
  width: 26%;
  height: 112%;
  background-color: #fceee5 !important;
  top: 0;
  -webkit-transform: rotate(-14deg);
  -moz-transform: rotate(-14deg);
  transform: rotate(-14deg);
  z-index: 2;
}
.news_date ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.news_date ul li {
  display: inline-block;
  margin: 10px 0px;
  margin-right: 15px;
  position: relative;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 22px;
  text-transform: uppercase;
  color: #999999;
  font-weight: 400;
  font-family: "Sora", sans-serif;
}
.news_date ul li:first-child::after {
  content: "\00B7";
  color: #999999;
  padding-left: 15px;
}
.news_date ul li span {
  color: #ed7d31;
}
@media only screen and (min-width: 576px) {
  .main_container {
    max-width: 540px !important;
  }
}
@media only screen and (min-width: 768px) {
  .main_container {
    max-width: 720px !important;
  }
}
@media only screen and (min-width: 992px) {
  .main_containermain_container {
    max-width: 960px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .main_container {
    max-width: 1140px !important;
  }
}
@media only screen and (min-width: 1400px) {
  .main_container {
    max-width: 1320px !important;
    margin: 0px auto !important;
    left: 0px !important;
  }
}

.container {
  max-width: 1320px !important;
  margin: 0px auto !important;
}

.primary_text_valution {
  color: #0383c4;
}
.img_circle_client_focused {
  border-radius: 50%;
}
.img_circle_client_focused img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.sub-menu-toggle {
  display: none;
}

/*capital home page css*/
.capital_tailored_circle {
  position: relative;
}
.capital_first_circle {
  position: absolute;
  top: 40px;
  left: 120px;
  width: 150px !important;
  height: 150px;
  border-radius: 50%;
  background-color: rgba(237, 125, 49, 0.5);
  z-index: 1;
}
.capital_second_circle {
  position: absolute;
  bottom: -60px;
  right: 70px;
  width: 150px !important;
  height: 150px;
  border-radius: 50%;
  background-color: rgba(3, 131, 196, 0.5);
  z-index: 1;
}
.capital_image_div {
  max-width: 680px;
  height: 580px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.capital_image_div img {
  width: 100%;
  height: 580px !important;
  object-fit: cover;
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

.sub_heading_feature_capital {
  position: relative;
}
.sub_heading_feature_capital::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -5px;
  width: 50px;
  height: 3px;
  background-color: #ed7d31;
}

.why_capital_section {
  position: relative;
}
.why_capital_first_circle {
  position: absolute;
  top: 65px;
  left: 15px;
  width: 150px !important;
  height: 150px;
  border-radius: 50%;
  background-color: rgba(237, 125, 49, 0.5);
  z-index: 1;
}
.why_capital_second_circle {
  position: absolute;
  bottom: 65px;
  right: 15px;
  width: 150px !important;
  height: 150px;
  border-radius: 50%;
  background-color: rgba(3, 131, 196, 0.5);
  z-index: 1;
}

.why_capital_image {
  max-width: 624px;
  height: 624px;
  margin: 0 auto;
  position: relative;
  z-index: 2;

  -webkit-clip-path: polygon(
    50% 0%,
    90% 20%,
    100% 50%,
    90% 80%,
    50% 100%,
    10% 80%,
    0% 50%,
    10% 20%
  );
  clip-path: polygon(
    50% 0%,
    90% 20%,
    100% 50%,
    90% 80%,
    50% 100%,
    10% 80%,
    0% 50%,
    10% 20%
  );
}
.why_capital_image img {
  width: 100%;
  height: 624px !important;
  object-fit: cover;
  -webkit-clip-path: polygon(
    50% 0%,
    90% 20%,
    100% 50%,
    90% 80%,
    50% 100%,
    10% 80%,
    0% 50%,
    10% 20%
  );
  clip-path: polygon(
    50% 0%,
    90% 20%,
    100% 50%,
    90% 80%,
    50% 100%,
    10% 80%,
    0% 50%,
    10% 20%
  );
}

@media (max-width: 1024px) {
  .capital_first_circle {
    display: none;
  }
  .capital_second_circle {
    display: none;
  }
  .why_capital_first_circle {
    display: none;
  }
  .why_capital_second_circle {
    display: none;
  }
}

@media (max-width: 575px) {
  .capital_image_div {
    height: auto !important;
  }
  .capital_image_div img {
    height: auto !important;
  }
  .why_capital_image {
    height: auto !important;
  }
  .why_capital_image img {
    height: auto !important;
  }
}

/* realty css start */

.realty_sub_heading {
  position: relative;
}
.realty_sub_heading::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -10px;
  background-color: #ed7d31;
  width: 60px;
  height: 3px;
}

.primary_circle_realty {
  position: relative;
}
.icon_image {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.image_shape_realty {
  position: relative;
}
.realty_image_div {
  max-width: 560px;
  height: 560px;
  margin: 0 auto;
  position: relative;
  border-radius: 50px;
  z-index: 2;
}
.realty_image_div img {
  width: 100% !important;
  height: 560px !important;
  object-fit: cover;
  border-radius: 50px;
}
.realty_circle_first {
  position: absolute;
  top: 80px;
  left: -15px;
  width: 130px !important;
  height: 130px;
  border-radius: 50%;
  background-color: rgba(237, 125, 49, 0.5);
  z-index: 1;
}
.realty_circle_second {
  position: absolute;
  bottom: 80px;
  right: -15px;
  width: 130px !important;
  height: 130px;
  border-radius: 50%;
  background-color: rgba(3, 131, 196, 0.5);
  z-index: 1;
}

@media (max-width: 1024px) {
  .realty_circle_first {
    display: none;
  }
  .realty_circle_second {
    display: none;
  }
}

/* our technology page css start */
.our_technology_banner_portion {
  position: relative;
}
.tech_image_part {
  position: relative;
  max-width: 596px;
  height: 596px;
  border-radius: 165px;
  z-index: 2;
  margin: 0 auto;
}
.tech_image_part img {
  width: 100%;
  height: 596px !important;
  border-radius: 165px;
  position: relative;
  object-fit: cover;
}
.tech_image_part img::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 165px;
  overflow: hidden;
}
.tech_first_circle {
  position: absolute;
  top: -20px;
  left: 20px;
  width: 130px !important;
  height: 130px;
  border-radius: 50%;
  background-color: rgba(237, 125, 49, 0.5);
  z-index: 1;
}

.tech_second_circle {
  position: absolute;
  bottom: -20px;
  right: 20px;
  width: 130px !important;
  height: 130px;
  border-radius: 50%;
  background-color: rgba(3, 131, 196, 0.5);
  z-index: 1;
}

.leader_image_area {
  position: relative;
  margin: 0 auto !important;
}
.leader_image_main {
  max-width: 230px;
  height: 230px;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
.leader_image_main img {
  width: 100%;
  height: 230px !important;
  object-fit: cover;
  border-radius: 50%;
}
.leader_image_first_circle {
  position: absolute;
  top: 0px;
  left: 70px;
  width: 70px !important;
  height: 70px;
  border-radius: 50%;
  background-color: rgba(237, 125, 49, 0.5);
  z-index: 1;
}
.leader_image_second_circle {
  position: absolute;
  bottom: 0px;
  right: 70px;
  width: 70px !important;
  height: 70px;
  border-radius: 50%;
  background-color: rgba(3, 131, 196, 0.5);
  z-index: 1;
}

@media (max-width: 1024px) {
  .tech_first_circle {
    display: none;
  }
  .tech_second_circle {
    display: none;
  }
  .leader_image_first_circle {
    display: none;
  }
  .leader_image_second_circle {
    display: none;
  }
}
@media (max-width: 767px) {
  .tech_image_part {
    max-width: 100%;
    height: auto !important;
    border-radius: 40px;
  }
  .tech_image_part img {
    max-width: 100%;
    height: auto !important;
    border-radius: 40px;
  }
}
/* our technology page css end */

/* about page flip css start */
.main_flip_section {
  perspective: 1000px;
}
.main_flip_section > .elementor-widget-wrap {
  transform-style: preserve-3d;
  transition: transform 1s !important;
  position: relative;
}
.main_flip_section .img_part {
  backface-visibility: hidden;
}
.main_flip_section .text-section {
  backface-visibility: hidden;
  transform: rotateY(180deg);
  position: absolute;
  left: 0;
}
.main_flip_section:hover > .elementor-widget-wrap {
  transform: rotateY(-180deg);
}

.core_value_para p {
  margin-bottom: 0px !important;
}

.coverage_area_map svg rect {
  fill: #ff000000 !important;
}
/* about page flip css end */

/* demo capital page css start */

.demo_image_part {
  position: relative;
  margin: 0 auto !important;
}
.demo_capital_imagedemo_capital_image {
  max-width: 630px;
  height: 530px;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
.demo_capital_image img {
  width: 100%;
  height: 530px !important;
  object-fit: cover;
  border-top-left-radius: 100px !important;
  border-bottom-right-radius: 100px !important;
}
.demo_capital_first {
  position: absolute;
  top: 80px;
  left: -70px;
  width: 150px !important;
  height: 150px;
  border-radius: 50%;
  background-color: rgba(237, 125, 49, 0.5);
  z-index: -1;
}
.demo_capital_second {
  position: absolute;
  bottom: 80px;
  right: -70px;
  width: 150px !important;
  height: 150px;
  border-radius: 50%;
  background-color: rgba(3, 131, 196, 0.5);
  z-index: -1;
}

@media (max-width: 1024px) {
  .demo_capital_first {
    display: none;
  }
  .demo_capital_second {
    display: none;
  }
}

.demo_accordion .elementor-tab-title {
  border: 1px solid #33333360 !important;
  border-radius: 10px;
  padding: 30px;
  margin: 20px 0px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.demo_accordion .elementor-tab-title.elementor-active {
  border: 1px solid #0383c4 !important;
  color: #ffffff !important;
  background-color: #0383c4 !important;
}

.demo_accordion .elementor-accordion-title {
  font-family: Sora;
  font-size: 24px;
  font-weight: 400;
  line-height: 31.2px;
  color: #333333;
}
.demo_accordion
  .elementor-tab-title.elementor-active
  .elementor-accordion-title {
  color: #ffffff;
}
.demo_accordion .elementor-tab-content {
  padding: 25px 20px !important;
}
.office_area_image {
  max-width: 400px !important;
  height: 300px !important;
}
.office_area_image img {
  width: 100% !important;
  height: 300px !important;
  object-fit: cover !important;
}
.contact_place_img {
  box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
  -webkit-box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
}

.contact_place_img a:hover .elementor-icon-list-text {
  color: #f5904c !important;
}

@media (max-width: 767px) {
  .office_area_image {
    max-width: 100% !important;
  }
  div.wpforms-container-full .wpforms-form .wpforms-one-half {
    width: 100% !important;
    /* padding:0px 0px !important; */
  }
  div.wpforms-container-full .wpforms-form .wpforms-one-half {
    margin-left: 0px !important;
    /* margin-bottom:20px; */
  }
}

/* demo capital page css end */

/* mission and value page css start*/

.image_shape_mission {
  position: relative;
}
.mission_image_div {
  max-width: 630px;
  height: 530px;
  margin: 0 auto;
  position: relative;
  border-top-left-radius: 220px;
  border-bottom-right-radius: 220px;
  z-index: 2;
}
.mission_image_div img {
  width: 100% !important;
  height: 530px !important;
  object-fit: cover;
  border-top-left-radius: 220px;
  border-bottom-right-radius: 220px;
}
.mission_circle_first {
  position: absolute;
  top: 80px;
  left: 30px;
  width: 130px !important;
  height: 130px;
  border-radius: 50%;
  background-color: rgba(237, 125, 49, 0.5);
  z-index: 1;
}
.mission_circle_second {
  position: absolute;
  bottom: 80px;
  right: 30px;
  width: 130px !important;
  height: 130px;
  border-radius: 50%;
  background-color: rgba(3, 131, 196, 0.5);
  z-index: 1;
}

@media (max-width: 1024px) {
  .mission_circle_first {
    display: none;
  }
  .mission_circle_second {
    display: none;
  }
  .full-width-content-mission > div {
    max-width: 100% !important;
  }
}

.core_values_left_image_part {
  position: relative;
}
.core_values_left_image_part .left_image_part_icon_bg {
  position: absolute;
  width: 140px;
  height: 140px;
  background-color: #ffffff;
  z-index: 1;
  right: 10px;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.core_values_right_image_part {
  position: relative;
}
.core_values_right_image_part .right_image_part_icon_bg {
  position: absolute;
  width: 140px;
  height: 140px;
  background-color: #ffffff;
  z-index: 1;
  left: 10px;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.left_para_content_mission > div {
  margin-left: 0 !important;
}
@media (max-width: 767px) {
  .mission_image_div {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    height: auto !important;
  }
  .mission_image_div img {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    height: auto !important;
  }
  .core_values_left_image_part .left_image_part_icon_bg,
  .core_values_right_image_part .right_image_part_icon_bg {
    height: 100px !important;
    width: 100px !important;
  }
}

.contact-us-text-part {
  margin-bottom: 10px !important;
}
.contact-us-text-part h2 a {
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}
.contact-us-text-part h2 a:hover {
  color: #ed7d31 !important;
}
.navbar-expand-lg {
  max-width: 1320px;
  margin: 0 auto;
}

@media only screen and (min-width: 1025px) {
  #mega-menu-wrap-primary {
    background: transparent !important;
  }
}
.contact-main-box {
  box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
  -webkit-box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
}

/* wpforms css */
.wpforms-container .wpforms-field,
.wp-core-ui div.wpforms-container .wpforms-field {
  padding: 10px 0px !important;
}

.map_wrapper .map_aspect_ratio {
  height: auto !important;
  padding: 0 !important;
}

.map_wrapper .map_container {
  position: static !important;
  max-height: 100% !important;
  min-height: 500px !important;
  margin-top: 0 !important;
}

.map_container .map_render,
.map_container .map_render div {
  max-height: 100% !important;
  min-height: 500px !important;
}

@media(max-width: 1024px) {
	.map_wrapper .map_container {
	  min-height: 650px !important;
	  margin-top: -120px !important;
	}

	.map_container .map_render,
	.map_container .map_render div {
	  min-height: 650px !important;
	}
}

@media (max-width: 576px) {
  .map_wrapper .map_container {
	min-height: 600px !important;
    margin-top: -110px !important;
  }
	
	.map_container .map_render,
	.map_container .map_render div {
	  min-height: 500px !important;
	}
}

/*
@media(max-width: 1024px) {
	.map_wrapper .map_container {
		height: 80dvh !important;
		margin-top: -100px !important;
	}
}
@media(max-width: 768px) {
	.map_wrapper .map_container {
		height: 70dvh !important;
		margin-top: -90px !important;
	}
}
@media(max-width: 576px) {
	.map_wrapper .map_container {
		height: 60dvh !important;
		margin-top: -110px !important;
	}
} 
*/
img.realty-service-icon {
	height: 25px;
	width: 25px;
	margin-top: 5px;
}

.ff-el-form-check-input{
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: auto !important;
}



/* 404 error page */
  :root {
    --blue:       #1565C0;
    --blue-dark:  #0D47A1;
    --blue-mid:   #1976D2;
    --orange:     #F57C00;
    --orange-btn: #EF6C00;
    --white:      #ffffff;
    --light-bg:   #EEF3FA;
    --text-dark:  #1a2a3a;
    --text-mid:   #445566;
  }

  body {
    background: var(--light-bg);
    font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif;
    color: var(--text-dark);
    overflow-x: hidden;
  }

  /* ── HERO STRIP ── */
  .hero-strip {
    /*background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 100%);*/
    height: 6px;
  }

  /* ── MAIN 404 SECTION ── */
  .page-wrapper {
    min-height: calc(100vh - 64px - 6px - 90px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 40px;
    gap: 60px;
  }

  /* Left */
  .left-col { position: relative; }

  .four-oh-four {
    font-family: 'Playfair Display', serif;
    font-size: clamp(7rem, 14vw, 11rem);
    font-weight: 700;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 3px var(--blue);
    letter-spacing: -4px;
    position: relative;
    animation: fadeSlideIn .7s ease both;
  }
  .four-oh-four::after {
    content: '404';
    position: absolute;
    inset: 0;
    color: var(--blue);
    opacity: .06;
    -webkit-text-stroke: 0;
    transform: translate(6px, 8px);
    z-index: -1;
  }

  .divider-bar {
    width: 64px; height: 4px;
    background: var(--orange);
    border-radius: 2px;
    margin: 20px 0 24px;
    animation: fadeSlideIn .7s .1s ease both;
  }

  .error-label {
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--orange);
    animation: fadeSlideIn .7s .05s ease both;
  }

  .error-heading {
    font-family: 'Playfair Display', serif;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 700;
    color: var(--text-dark);
    line-height: 1.25;
    animation: fadeSlideIn .7s .15s ease both;
  }

  .error-body {
    margin-top: 16px;
    font-size: 1rem;
    font-weight: 300;
    color: var(--text-mid);
    line-height: 1.75;
    max-width: 420px;
    animation: fadeSlideIn .7s .2s ease both;
  }

  .btn-group {
    display: flex; gap: 14px; flex-wrap: wrap;
    margin-top: 36px;
    animation: fadeSlideIn .7s .28s ease both;
  }
  .btn-primary {
    background: var(--orange-btn);
    color: #fff;
    padding: 13px 30px;
    border: none; border-radius: 2px;
    font-family: 'Source Sans 3', sans-serif;
    font-size: .9rem; font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    transition: background .2s, transform .15s;
    display: inline-block;
  }
  .btn-primary:hover { background: #E65100; transform: translateY(-2px); color: #fff; }

  .btn-secondary {
    background: transparent;
    color: var(--blue);
    padding: 13px 30px;
    border: 2px solid var(--blue);
    border-radius: 2px;
    font-family: 'Source Sans 3', sans-serif;
    font-size: .9rem; font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    transition: all .2s;
    display: inline-block;
  }
  .btn-secondary:hover {
    background: var(--blue);
    color: #fff;
    transform: translateY(-2px);
  }

  /* quick links */
  .quick-links {
    margin-top: 44px;
    animation: fadeSlideIn .7s .35s ease both;
  }
  .quick-links-label {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--text-mid);
    margin-bottom: 14px;
  }
  .quick-links-list {
    display: flex; flex-wrap: wrap; gap: 10px;
  }
  .quick-link-pill {
    padding: 7px 16px;
    border: 1px solid #c8d8e8;
    border-radius: 2px;
    font-size: .82rem;
    font-weight: 600;
    color: var(--blue);
    text-decoration: none;
    background: #fff;
    transition: all .18s;
  }
  .quick-link-pill:hover {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
  }

  /* Right – building illustration */
  .right-col {
    display: flex; align-items: center; justify-content: center;
    animation: fadeSlideIn .8s .1s ease both;
  }
  .building-card {
    background: var(--blue-dark);
    border-radius: 6px;
    overflow: hidden;
    width: 100%; max-width: 440px;
    position: relative;
    box-shadow: 0 20px 60px rgba(13,71,161,.35);
  }
  .building-card svg { width: 100%; display: block; }
  .card-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(0deg, rgba(13,71,161,.85) 0%, transparent 60%);
    display: flex; flex-direction: column;
    justify-content: flex-end;
    padding: 32px;
  }
  .card-overlay-title {
    font-family: 'Playfair Display', serif;
    font-size: 1.35rem;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
  }
  .card-overlay-sub {
    margin-top: 8px;
    font-size: .85rem;
    color: rgba(255,255,255,.75);
    font-weight: 300;
    line-height: 1.6;
  }
  .card-badge {
    position: absolute; top: 24px; right: 24px;
    background: var(--orange);
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 2px;
  }

  /* animations */
  @keyframes fadeSlideIn {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 800px) {
    .page-wrapper {
      grid-template-columns: 1fr;
      padding: 48px 24px;
      gap: 40px;
    }
    .right-col { order: -1; }
    .four-oh-four { font-size: 6rem; }
  }
/* 404 error page */

/* New Breadcrumb Design */
.breadcrumb-pill {
  display: inline-flex;
  flex-wrap: wrap;
  row-gap: 6px;
  align-items: center;
  padding: 8px;
  border-radius: 999px;
  font-size: clamp(16px, 1.5vw, 20px);
  margin-left: 2px;
}

/* Shared pill style */
.pill-link,
.pill-current {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 10px 22px;
  border-radius: 999px;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
  z-index: 1;
}

/* White outlined pills */
.pill-link {
  color: #fff;
  border: 1.5px solid #fff;
	transition: all 0.3s ease;
}

.pill-link:hover {
  color: #ffffff;
}

.breadcrumb-pill img {
  margin-left: -1px;
}

/* White arrow connector */
/*
.pill-link::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 14px;
  height: 14px;
  background: #ffffff;
  z-index: -1;
}
*/

/* Active/current page */
.pill-current {
  background: #fff;
  font-weight: 500;
  margin-left: -1px;
}

span.pill-current.blue {color: #0086C0;}

span.pill-current.orange {color: #ED7D31;}

.bredcrum_bg_blue .col-md-12,
.bredcrum_bg_orange .col-md-12 {
  padding: 0 !important;
}

.bredcrum_bg_orange .pill-link {
  background: #ED7D31;
}

.bredcrum_bg_orange .pill-current {
  color: #ED7D31;
}

.bredcrum_bg_blue .pill-link {
  background: #0086C0;
}

.bredcrum_bg_blue .pill-current {
  color: #0086C0;
}