/* New Footer Design */
footer {
  padding: 70px 0px;
  background: #1782ba;
}

.blue_footer_box {}

.blue_footer_box .inner_footer_menu {
  width: 100%;
  color: #fff;
}

.blue_footer_box .inner_footer_menu h3 {
  font-size: 22px;
  margin-bottom: 2rem;
  border-bottom: 1px solid #fff;
  width: 100%;
  padding-bottom: 10px;
  color: #fff;
}

.blue_footer_box .inner_footer_menu ul {
  display: block;
  column-count: 2;
}

.blue_footer_box .inner_footer_menu ul li {
  margin-bottom: 15px;
}

.blue_footer_box .inner_footer_menu ul li a {
  color: #fff;
  font-size: 17px;
  position: relative;
  display: inline-block;
  transition: 0.6s ease-in-out;
}

.blue_footer_box .inner_footer_menu ul.social_media_links {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 15px;
}

.blue_footer_box .inner_footer_menu ul.social_media_links li a {}

.blue_footer_box .inner_footer_menu ul.social_media_links li svg {
  width: 35px;
  fill: #fff;
}

.blue_footer_box .inner_footer_menu ul.social_media_links li {}

.blue_footer_box .inner_footer_menu ul.social_media_links li a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 30px;
  padding: 6px;
  transition: 0.6s;
}

.blue_footer_box .inner_footer_menu ul.social_media_links li a:hover {
  background: #fff;
  color: #000;
}

.blue_footer_box .inner_footer_menu ul.social_media_links li a:hover svg {
  fill: #000;
}

.blue_footer_box .call_details {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.blue_footer_box .call_details a {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 17px;
}

.blue_footer_box .call_details a i {
  font-size: 13px;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}

.blue_footer_box .call_details a.call_me_btn i {
  font-size: 17px;
}

.blue_footer_box .call_details a span {
  color: #fff;
  font-family: "Satoshi-Regular";
}

.blue_footer_box .great_place_to_work_logo {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  margin-top: -100px;
  gap: 15px;
  pointer-events: none;
}

.blue_footer_box .great_place_to_work_logo img {
  width: 75px;
  height: 170px;
  object-fit: contain;
}

.blue_footer_box .great_place_to_work_logo img:first-child {
  width: 150px;
}

.blue_footer_box .great_place_to_work_logo img:last-child {
  width: 100px;
}

.blue_footer_box .privacy_policy_wrapper a {
  color: #fff;
  font-size: 14px;
  position: relative;
}

.blue_footer_box p.copy_right {
  color: #fff;
  font-size: 14px;
  text-align: right;
  padding: 0px;
}

.blue_footer_box .privacy_policy_wrapper {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
}

.blue_footer_box .privacy_policy_wrapper a:after {
  content: "";
  position: absolute;
  right: -11px;
  width: 1px;
  height: 12px;
  background: #fff;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

.blue_footer_box .privacy_policy_wrapper a:last-child:after {
  display: none;
}

/*  */

.blue_footer_box .footer_links ul li a:hover {
  color: #d8d8d8;
}

.blue_footer_box .footer_links ul li a:after {
  content: "";
  position: absolute;
  width: 0px;
  left: 0px;
  height: 1px;
  background: #fff;
  bottom: 0px;
  transition: 0.6s width ease-in-out;
}

.blue_footer_box .footer_links ul li a:hover:after {
  content: "";
  width: 100%;
}

/* .blue_footer_box .footer_links ul li a:before {
  content: "\f101";
  position: absolute;
  left: -15px;
  font-family: "FontAwesome";
  color: #fff;
  top: 0px;
}

.blue_footer_box .inner_footer_menu ul li:hover a{
  margin-left: 10px;
} */

.recent-cp-slider .owl-stage {
  display: flex !important;
}

.recent-cp-slider .owl-item {
  display: flex !important;
  height: auto;
}

.recent-cp-slider .item {
  /* flex-direction: column; */
  display: flex;
  width: 100%;
  height: 100%;
}

@media (max-width: 1200px) {

  .blue_footer_box .inner_footer_menu ul li a,
  .blue_footer_box .call_details a {
    font-size: 16px;
  }

  .working-shriram {
    overflow-x: hidden;
  }
}

@media (max-width: 996px) {
  .blue_footer_box .inner_footer_menu ul.social_media_links {
    gap: 0px 15px;
    flex-wrap: wrap;
  }

  .blue_footer_box .privacy_policy_wrapper {
    flex-direction: column;
  }

  .blue_footer_box .privacy_policy_wrapper a:after {
    display: none;
  }

  .blue_footer_box p.copy_right {
    text-align: center;
    margin-top: 4rem;
  }

  .blue_footer_box .great_place_to_work_logo img {
    width: 90px;
  }
}

@media (max-width: 675px) {
  footer {
    padding: 35px 0px;
    background: #1782ba;
  }

  .blue_footer_box .call_details a {
    gap: 10px;
  }

  .blue_footer_box .call_details a.email_me_btn {
    font-size: 16px;
  }

  .blue_footer_box .footer_white_log {
    text-align: center;
  }

  .privacy_policy_wrapper {
    flex-direction: column;
    margin-top: 1rem;
    gap: 5px;
  }

  .blue_footer_box p.copy_right {
    text-align: center;
    margin-top: 2rem;
  }

  .blue_footer_box .footer_shriram_logo img {
    width: 150px;
    height: 170px;
    object-fit: contain;
  }
}

b,
strong {
  font-family: "Satoshi-Bold", sans-serif;
}

/* New Footer Design */

/* Header Menu */

.search-bar .search-btn {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  right: 10px;
  top: 6px;
  left: auto;
}

.search-bar .input-group input {
  text-align: left;
  padding-left: 15px;
}

.search-bar .input-group input {
  width: 220px;
}

.hamburger_menu_desktop {
  order: 2;
  margin-left: 20px;
  width: 30px;
  cursor: pointer;
}

.hamburger_menu_desktop img {
  width: 100%;
}

.search-bar {
  margin-left: 20px;
}

/* Side Bar */
div#sidenav {
  width: 30%;
  max-width: 450px;
  height: 100%;
  background: #fff;
  position: fixed;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 999999;
  padding: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(450px);
  transition: 0.6s transform linear;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px,
    rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

div#sidenav.open_active {
  transform: translateX(0px);
}

a.closebtn {
  display: flex;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: right;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  transition: 0.6s all;
}

a.closebtn:hover {
  transform: rotate(95deg);
}

ul.sub_menu {
  display: none;
}

div#sidenav li:not(.sub_menu) {
  font-size: 18px;
  margin-bottom: 5px;
}

.side_menu_inner {
  width: 100%;
}

div#sidenav a.nav-link {
  color: rgba(0, 0, 0, 0.7);
}

#sidenav a.nav-link.parent_menu {
  position: relative;
}

#sidenav a.nav-link.parent_menu:after {
  content: "\f107";
  position: absolute;
  font-family: "FontAwesome";
  right: -15px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

@media (max-width: 992px) {
  .hamburger_menu_desktop {
    display: none;
  }

  .search-bar .input-group input {
    width: 140px;
  }

  .search-bar .input-group input {
    width: 200px;
    text-align: left;
  }

  body.overlay-navbar:before {
    top: 80px;
  }
}

@media (max-width: 768px) {
  .search-bar .input-group input {
    width: 190px;
  }
}

@media (max-width: 650px) {
  .search-bar .input-group input {
    width: 160px;
  }
}

@media (max-width: 450px) {
  .search-bar .input-group input {
    width: 170px;
  }

  body.overlay-navbar:before {
    top: 62px;
  }
}

ul.sub_menu li a {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
  display: block;
  position: relative;
  padding-left: 20px;
}

ul.sub_menu li {}

ul.sub_menu {
  margin-left: 20px;
  padding: 5px 0px;
  height: auto;
  max-height: 160px;
  overflow: hidden;
  overflow-y: auto;
  padding-top: 5px;
}

ul.sub_menu li a:before {
  content: "\f105";
  position: absolute;
  left: 0px;
  font-family: "FontAwesome";
}

div#sidenav a {
  transition: 0.6s all;
}

div#sidenav a:hover {
  /* font-family: 'Satoshi-Bold', sans-serif; */
  color: #1781b9;
}

/* Side Bar */

/* Our Story */
#our-story-animation {
  overflow: hidden;
}

.our-story-main-section {
  position: relative;
}

.our-story-main-section .zoomingImage {
  filter: brightness(0.7);
  height: 100vh;
  width: 100%;
  object-fit: cover;
}

.our-story-main-section .center_content {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.our-story-main-section .nice-title {
  font-size: 50px;
  color: #fff;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1),
    0px 18px 23px rgba(0, 0, 0, 0.1);
}

.our-story-main-section .center_content h5 {
  display: block;
  width: 100%;
  font-size: 30px;
  color: #fff;
  line-height: 35px;
  margin-top: 2rem;
  font-family: "Satoshi-Medium";
}

.our-story-main-section .highlights-banner-content {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0px;
  background: transparent;
  transform: translateY(150px);
  transition: 0.6s;
}

.our-story-main-section .highlights-banner-content .inner_box_row {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  text-align: center;
}

.our-story-main-section .inner_box_row .box {
  width: 20%;
}

.our-story-main-section .inner_box_row .box .h-number {
  font-size: 38px;
  text-align: center;
  color: #fff !important;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1),
    0px 18px 23px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
}

.our-story-main-section .inner_box_row .box .h-number .count {
  color: #fff;
}

.our-story-main-section .inner_box_row .box .h-number .small_text {
  color: #fff;
}

.our-story-main-section .inner_box_row .box .h-number span {
  color: #fff;
}

.our-story-main-section .inner_box_row .box .h-text {
  font-size: 18px;
  color: #fff;
}

.space-pd {
  padding: 70px 0px;
}

.space-pd-top {
  padding-top: 70px;
}

.space-pd-bottom {
  padding-bottom: 70px;
}

.new_title {
  font-size: 30px;
  margin-bottom: 1rem;
}

.new_title span.blue {
  color: #1782ba;
}

.new_title span.blue {
  color: #1782ba;
}

.our_story_about_us_content p {
  text-align-last: left;
  text-align: left;
}

.our_story_founder_banner img {
  width: 45vw;
  /* max-width: max-content; */
  position: relative;
  margin: auto;
}

section.about_the_founder_section {
  position: relative;
}

section.about_the_founder_section:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  top: 0px;
  height: 100%;
  background: #ededed;
}

.our_story_founder_content {
  padding: 40px 0px;
}

.our_story_founder_banner {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

/* .our-story p {
  text-align: left;
  text-align-last: left;
} */

.about_us_page_para {
  text-align: center;
}

.our-story .new_white_header.header {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  width: 100%;
  z-index: 999;
  background-color: #fff;
}

@media (max-width: 1200px) {
  .our-story-main-section .inner_box_row .box .h-number {
    font-size: 30px;
  }
}

@media (max-width: 1025px) {
  .our-story-main-section .inner_box_row .box .h-number {
    font-size: 25px;
  }
}

.owl-history-year {
  width: 70%;
  margin: auto;
}

.year_data {
  text-align: center;
  font-size: 20px;
}

.year_data_of_content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.year_data_of_content .box {
  width: 100%;
  background: #fff;
  padding: 15px 30px;
  border-radius: 10px;
  margin-top: 3rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  min-height: 230px;
}

.year_data_of_content .box img {
  width: 100%;
}

.year_data_of_content .box:last-child ul {
  width: 90%;
  margin: auto;
}

.year_data_of_content .box ul li {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 25px;
  list-style-type: none;
}

.owl-history-content .item {
  padding: 1rem;
}

.year_data button {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid;
  outline: none;
  padding: 15px 0px;
}

.owl-theme.owl-history-content .owl-nav .owl-prev:before,
.owl-theme.owl-history-content .owl-nav .owl-next:before {
  display: none;
}

.owl-theme.owl-history-content .owl-nav {
  position: relative;
  transform: none;
  top: auto;
  bottom: 0px;
  justify-content: center;
  left: auto;
  width: 100%;
  right: 0px;
  padding-left: 3vw;
}

.owl-theme.owl-history-content .owl-nav .owl-prev,
.owl-theme.owl-history-content .owl-nav .owl-next {
  box-shadow: none;
  background: transparent !important;
  width: 30px;
  height: 30px;
}

.owl-theme.owl-history-content .owl-nav .owl-prev i,
.owl-theme.owl-history-content .owl-nav .owl-next i {
  font-size: 30px;
  color: #8f8f8f;
}

.owl-theme.owl-history-content .owl-nav .owl-prev img,
.owl-theme.owl-history-content .owl-nav .owl-next img {
  width: 25px;
}

.owl-theme.owl-history-content .owl-nav .owl-prev {
  left: auto;
}

.owl-theme.owl-history-content .owl-nav .owl-next {
  right: auto;
}

.the_legacy_section {
  min-height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.new_title .brown_color {
  color: #bb905b;
}

.the_legacy_section .content {
  width: 80%;
  margin: auto;
  margin-top: 2rem;
}

.the_legacy_section .content p {
  text-align-last: center;
  text-align: center;
  /* color: #000; */
  font-size: 16px;
}

/* .the_legacy_section:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000000b8;
  width: 100%;
} */

.our-story .about_us_section p {
  text-align: center;
  text-align-last: center;
  font-size: 16px;
  line-height: 25px;
}

.our-story .about_the_founder_section p {
  text-align: left;
  text-align-last: left;
  font-size: 16px;
  line-height: 25px;
}

.about_shriram_properties_section {}

.about_shriram_properties_section .shriram_cotnent {}

.about_shriram_properties_section .shriram_cotnent .new_title {}

.about_shriram_properties_section .shriram_cotnent h5 {
  font-size: 18px;
  margin-bottom: 1rem;
}

.about_shriram_properties_section .shriram_cotnent b {}

.about_shriram_properties_section .shriram_cotnent p {
  text-align: left;
  text-align-last: left;
}

.about_shriram_properties_section .brand_logo img {
  width: 65%;
  height: auto;
}

.year_data_of_content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.year_data_of_content .year_box {
  width: 100%;
}

.our_history_section {
  overflow-x: hidden;
}

.our_history_section .year_item {
  font-size: 20px;
  color: #6e6e6e;
  position: relative;
  text-align: center;
}

.circle_process_line {
  border: 1px solid #bb905b;
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 100%;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.circle_process_line:before {
  content: "";
  width: 112%;
  position: absolute;
  top: 0px;
  bottom: -31px;
  height: 1px;
  background: #bb905b;
  margin: auto;
  left: 8px;
}

.circle_process_line:after {
  content: "";
}

.circle_process_line .circle {
  position: relative;
  width: 10px;
  height: 10px;
  background: #bb905b;
  inset: 0;
  margin: auto;
  border-radius: 100%;
}

.ethos_four_box {
  background: #fff;
  padding: 30px;
  width: 48%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 1px solid #1b84bb;
  border-radius: 10px;
  position: relative;
}

.ethos_four_box img {
  margin-bottom: 1rem;
  width: 84px;
  height: 84px;
  object-fit: contain;
}

.ethos_four_box h4 {
  margin-bottom: 1rem;
  font-size: 20px;
  color: #bb905b;
}

.ethos_four_box_wrapper {
  gap: 20px;
}

.ethos_four_box:after {
  content: "";
  background: url("/themes/shriram/images/s_logo_for_box.png");
  width: 150px;
  height: 150px;
  bottom: 0px;
  position: absolute;
  right: 0px;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  pointer-events: none;
}

div#pre-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity .3s ease;
  animation: preloader-failsafe 0s linear 4.5s forwards;
}

div#pre-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@keyframes preloader-failsafe {
  to {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

@media (max-width: 1200px) {
  .our_story_about_us_banner {
    height: 100%;
  }

  .our_story_about_us_banner img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .our_story_founder_banner img {
    width: 562px;
    height: 558px;
  }

  .owl-theme.owl-history-content .owl-nav {
    bottom: -25px;
  }
}

@media (max-width: 1080px) {
  .our-story-main-section .zoomingImage {
    height: auto;
  }

  .our-story-main-section .highlights-banner-content {
    transform: translateY(0px);
  }
}

@media (max-width: 996px) {
  .our-story-main-section .inner_box_row .box .h-number {
    font-size: 20px;
  }

  .our-story-main-section .inner_box_row .box .h-text {
    font-size: 15px;
  }

  .our_story_about_us_banner {
    height: auto;
    margin-bottom: 3rem;
  }

  .our_story_founder_banner {
    position: absolute;
    right: 0px;
  }

  /* section.about_the_founder_section {
    overflow-x: hidden;
  } */
  section.about_the_founder_section {
    padding: 0px 0px;
  }

  .our_story_founder_banner img {
    width: 483px;
    height: 500px;
    margin: auto;
    display: block;
    margin-right: 0;
    object-fit: contain;
  }
}

/* Our Story */

/* Home Page */

/* Banner */
.banner-new-slider h2.banner_new_headline {
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 40px;
  color: #fff;
  font-family: "Satoshi-Bold", sans-serif;
}

.banner-new-slider h2.banner_new_headline span {
  display: inline-block;
  position: relative;
}

.banner-new-slider h2.banner_new_headline span::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  overflow: hidden;
  width: 0%;
  white-space: nowrap;
}

.banner-new-slider h2.banner_new_headline span.blue_color::before {
  color: #1782ba;
}

.banner-new-slider h2.banner_new_headline span.active::before {
  width: 100%;
  transition: 3s linear;
}

/* White Gray Linear */
.banner-new-slider h2.banner_white_gray_headline {
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 40px;
  color: #ebebeb;
  font-family: "Satoshi-Bold", sans-serif;
}

.banner-new-slider h2.banner_white_gray_headline span {
  display: inline-block;
  position: relative;
}

.banner-new-slider h2.banner_white_gray_headline span::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  overflow: hidden;
  width: 0%;
  white-space: nowrap;
}

.banner-new-slider h2.banner_white_gray_headline span.gray_color::before {
  color: #fff;
}

.banner-new-slider h2.banner_white_gray_headline span.gray_color.active::before {
  width: 100%;
  transition: 3s linear;
}

/* White Gray Linear */

.banner-new-slider .slide__img picture {
  filter: brightness(1);
  display: block;
}

.shriram-properties div#toolbar-administration {
  display: none;
}

.shriram-properties.home-page .new_white_header.header {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  width: 100%;
  z-index: 999;
  background-color: #ffffffcc;
}

.shriram-properties.home-page .new_white_header.header.fixed-header {
  background-color: #fff;
}

#home-slider .owl-dots {
  position: absolute;
  bottom: 40px;
  left: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

#home-slider .owl-dots .owl-dot span {
  transition: all 0.2s ease;
  border-radius: 30px;
  margin: 0px !important;
}

#home-slider .owl-dots button.owl-dot.active span {
  background: #bb915c !important;
  width: 30px !important;
  display: block !important;
}

.banner-new-slider .slide__content {
  position: absolute;
  top: 45%;
  left: 5%;
}

/* Banner */

.blue_common_button {
  position: relative;
  border: 1px solid #1b83bb;
  border-radius: 100px;
  width: 160px;
  height: auto;
  display: block;
  background: linear-gradient(to right, #ffffff 50%, #1b83bb 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
  padding: 5px;
  padding-right: 20px;
  margin-top: 2rem;
}

/* .blue_common_button:hover{
  background-position: left bottom;
} */

.blue_common_button .text {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  transition: all 0.6s ease-out;
  display: block;
  color: #fff;
}

/* .blue_common_button .text:hover {
  color: #1B83BB;
} */

.blue_common_button .icon {
  position: absolute;
  right: 15px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  display: flex;
  align-items: center;
}

.blue_common_button .icon img {
  width: 20px;
  transform: translateX(-3px);
  transition: 0.6s;
  height: auto !important;
}

.blue_common_button:hover img {
  transform: translateX(1px);
}

.home_our_story_section .content p {
  font-size: 16px;
  line-height: 25px;
}

.home_our_story_section .content {
  width: 80%;
  margin: auto;
}

.shriram_advantage_section .content h2 {}

.shriram_advantage_section .content p {
  font-size: 16px;
  line-height: 25px;
}

.shriram_advantage_item {
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 23%;
  transition: 0.6s ease;
}

.shriram_advantage_item:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0000004d;
  inset: 0;
  z-index: 1;
  transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.shriram_advantage_item .center_image {
  position: relative;
  z-index: 2;
  width: 80%;
  transition: 0.6s ease;
}

.shriram_advantage_item .center_image img {}

.shriram_advantage_item .animation_content {
  position: absolute;
  z-index: 1;
  bottom: 0px;
  width: 80%;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px;
  transition: 0.6s ease;
}

.shriram_advantage_item .animation_content h3 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
  font-family: "Satoshi-Bold";
  position: relative;
}

.shriram_advantage_item .animation_content p {
  color: #fff;
  font-size: 15px;
}

.shriram_advantage_item .animation_content h3:before {
  content: "";
  position: absolute;
  width: 80px;
  background: #fff;
  height: 2px;
  bottom: -5px;
  left: 0px;
}

.shriram_advantage_inner_box {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 20px;
}

.shriram_advantage_item:nth-child(1) .animation_content {
  bottom: -58px;
}

.shriram_advantage_item:nth-child(2) .animation_content {
  bottom: -100px;
}

.shriram_advantage_item:nth-child(3) .animation_content {
  bottom: -100px;
}

.shriram_advantage_item:nth-child(4) .animation_content {
  bottom: -60px;
}

.shriram_advantage_item:nth-child(1):hover .center_image {
  margin-top: -160px;
}

.shriram_advantage_item:nth-child(2):hover .center_image {
  opacity: 0.2;
}

.shriram_advantage_item:nth-child(1):hover .animation_content {
  bottom: 0px;
}

.shriram_advantage_item:nth-child(2):hover .animation_content {
  bottom: 0px;
}

.shriram_advantage_item:nth-child(3):hover .animation_content {
  bottom: 0px;
}

.shriram_advantage_item:nth-child(4):hover .animation_content {
  bottom: 0px;
}

.shriram_advantage_item:hover:before {
  background: #000000a3;
}

.our_partnership_section {}

.partner_with_us_box img {
  width: 180px;
  height: 100px;
  object-fit: contain;
}

.partner_with_us_box p {
  font-size: 17px;
  margin: 10px 0px;
}

.partner_with_us_box p.lead {
  min-height: 170px;
}

.partner_with_us_box .fill_button {
  display: block;
  margin-top: 2rem;
  width: 200px;
  text-align: center;
  font-size: 16px;
  background: transparent;
  border: 1px solid #1b83bb;
  color: #1b83bb;
  font-family: "Satoshi-Medium";
  position: relative;
  overflow: hidden;
  transition: color 0.6s linear;
}

.partner_with_us_box .fill_button:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 0px;
  height: 100%;
  background: #1b83bb;
  top: 0px;
  transition: width 0.6s linear;
}

.partner_with_us_box .fill_button span {
  position: relative;
}

.partner_with_us_box .fill_button:hover {
  color: #fff;
}

.partner_with_us_box .fill_button:hover:before {
  width: 100%;
}

.browse_project_lists {}

.browse_project_lists ul {
  margin-bottom: 1rem;
}

.browse_project_lists ul li {}

.browse_project_lists ul li a {
  color: #3f3f3f;
  font-size: 16px;
  display: block;
  margin: 15px 0px;
  transition: 0.6s;
}

.browse_project_lists .interactive_link_btn {
  display: flex;
  align-items: center;
  font-size: 18px;
  gap: 5px;
  text-decoration: underline;
}

.browse_project_lists ul li a:hover {
  opacity: 0.8;
}

section.browse_projects {
  overflow: hidden;
  height: 45vw;
}

.interactive_map_container {
  position: absolute;
  transform: translate(0%, 0%) scale(0.6);
  transition: 0.6s;
  /* transform: translate(35%, -55%) scale(1.3); */
}

.interactive_map_container.zoom_map_activated {
  transform: translate(11%, -24%) scale(1);
}

.interactive_map_container img.interactive_map_image {
  min-width: 871px;
  max-width: 871px;
  min-height: 949px;
  max-height: 949px;
}

.location_pin {
  position: absolute;
}

.location_chennai {
  bottom: 15%;
  left: 39%;
}

.location_bengaluru {
  bottom: 16%;
  left: 19%;
}

.location_pune {
  bottom: 32%;
  left: 18%;
}

.location_coimbatore {
  bottom: 10%;
  left: 29%;
}

.location_vizag {
  bottom: 38%;
  left: 57%;
}

.location_kolkata {
  top: 51%;
  right: 21%;
}

.location_pin span.location_text {
  font-size: 20px;
  line-height: 10px;
  display: inline-block;
}

.location_pin {
  /* opacity: 0; */
  transition: 0.6s;
}

.location_pin.active img {
  /* opacity: 1; */
  animation: beatAnimation 0.6s infinite alternate;
  transform-origin: center;
}

.browse_project_lists ul li a.active {
  color: #1782ba;
}

@keyframes beatAnimation {
  to {
    transform: scale(1.5);
  }
}

.location_pin.active span.location_text {
  font-family: "Satoshi-Bold", sans-serif;
}

.home-testimonials-slider .card-box:hover {
  transform: scale(1);
}

.home-testimonials-slider .card-box {
  margin: 0px;
}

.testimonial-cta-box {}

.testimonial-cta-box li {}

.testimonial-cta-box li button {
  background: transparent;
  border: none;
  font-size: 20px;
  position: relative;
  /* transition: 0.6s ease; */
  margin-bottom: 1rem;
  color: #000;
}

.testimonial-cta-box li button.active {
  color: #bb905b;
  font-size: 20px;
}

.testimonial-cta-box li button b {
  font-family: "Satoshi-Regular";
  font-weight: normal;
}

.testimonial-cta-box li button.active b {
  font-family: "Satoshi-Bold", sans-serif;
  font-weight: bolder;
}

.testimonial-cta-box li button.active:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #bb905b;
  bottom: 0px;
}

.new-card-box {
  position: relative;
  padding: 0px 35px;
}

.new-card-box img {
  position: relative;
  width: 200px !important;
  display: block !important;
  height: 200px !important;
  object-fit: cover;
  filter: brightness(0.5);
}

.new-card-box:before {
  content: "";
  position: absolute;
  bottom: 0px;
  background: #bb905b;
  width: 100%;
  height: 60%;
  left: 0px;
}

.text_testimonial .new-card-box:before {
  height: 100%;
}

.new-card-box a {}

.new-card-body p {
  color: #fff;
  position: relative;
  text-align: left;
  margin: 15px 0px !important;
  display: block;
  font-size: 16px;
}

/* .video_play_icon {
  position: relative;
}

.video_play_icon:after {
  content: "";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("/themes/shriram/images/video_play_icon.png") no-repeat;
  background-position: center;
} */

.home-testimonials-slider .owl-item.active .home_testimonial_video_slider {
  position: relative;
}

.home-testimonials-slider .owl-item.active .home_testimonial_video_slider:after {
  content: "";
  position: absolute;
  left: -66px;
  top: 5px;
  background: url("/themes/shriram/images/video_testimonial_icon.png") no-repeat;
  background-position: center;
  width: 90px;
  height: 90px;
  background-size: 100%;
}

.home-testimonials-slider .owl-item.active .text_testimonial {
  position: relative;
}

.home-testimonials-slider .owl-item.active .text_testimonial:after {
  content: "";
  position: absolute;
  left: -10px;
  top: -85px;
  background: url("/themes/shriram/images/text_testimonial_icon.png") no-repeat;
  background-position: center;
  width: 100px;
  height: 100px;
  background-size: 100%;
}

.home-testimonials-slider .owl-item.active .item {
  padding-left: 70px;
}

.home-testimonials-slider .owl-item.active .text_testimonial.item {
  padding-top: 0px;
  padding-left: 0px;
}

.new-card-body p.client-name {
  border-bottom: 1px solid #fff;
  display: inline-block;
  font-size: 18px;
}

.new-card-body p.apartment-location {
  font-size: 18px;
  padding-bottom: 2rem;
  font-family: "Satoshi-Medium";
  margin: 0px !important;
}

.new-card-body p.client-name small {
  font-size: 13px;
  letter-spacing: 1px;
}

/* Video Play btn animation */
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0.5);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #bb905b;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #bb905b;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#bb905b, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #bb905b;
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #bb905b;
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}

/* Video Play btn animation */

.gold_common_button {
  position: relative;
  border: 1px solid #bb905b;
  border-radius: 100px;
  width: 160px;
  height: auto;
  display: block;
  background: linear-gradient(to right, #ffffff 50%, #bb905b 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
  padding: 5px;
  padding-right: 20px;
  margin-top: 2rem;
}

.gold_common_button .text {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  transition: all 0.6s ease-out;
  display: block;
  color: #fff;
}

.gold_common_button .icon {
  position: absolute;
  right: 15px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  display: flex;
  align-items: center;
}

.gold_common_button .icon img {
  width: 20px;
  transform: translateX(-3px);
  transition: 0.6s;
}

.gold_common_button:hover img {
  transform: translateX(1px);
}

.gold_fill_button {
  display: block;
  margin-top: 2rem;
  width: 200px;
  text-align: center;
  font-size: 16px;
  background: #1b83bb;
  border: 1px solid #1b83bb;
  color: #fff;
  font-family: "Satoshi-Medium";
  position: relative;
  overflow: hidden;
  transition: color 0.6s linear;
}

.gold_fill_button:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 0px;
  height: 100%;
  background: #bb905b;
  top: 0px;
  transition: width 0.6s linear;
}

.gold_fill_button span {
  position: relative;
}

.gold_fill_button:hover {
  color: #fff;
  border-color: #bb905b;
}

.gold_fill_button:hover:before {
  width: 100%;
}

/* .search-btn {
  background: #BB905B;
  border-color: #BB905B;
}
.btn-primary:hover{
  background: #BB905B;
  border-color: #BB905B;
} */

div#new-load-disclaimer {
  position: fixed;
  z-index: 999;
  width: 100%;
  inset: 0;
  background: #000000ab;
  display: flex;
  align-items: end;
}

.new-load-disclaimer-content {
  background: #fff;
  padding: 15px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

span.read_more_btn {
  color: #1b83bb;
  cursor: pointer;
}

.new-load-disclaimer-title {
  color: #1b83bb;
}

.new-load-disclaimer-footer button {
  padding: 5px 1px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-load-disclaimer-footer {
  min-width: 100px;
}

.year_data button.active {
  font-family: "Satoshi-Bold";
}

footer {
  z-index: 1;
  position: relative;
}

/* footer:after {
  content: "";
  position: absolute;
  background-image: url(/themes/shriram/images/footer_s_logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  top: 0px;
  background-position: center;
  opacity: 0.1;
  pointer-events: none;
} */

.breadcrumb_banner img {
  filter: brightness(0.5);
}

/* Mobile Query  */
@media (max-width: 1200px) {
  .shriram_advantage_item:nth-child(1):hover .center_image {
    margin-top: -191px;
  }

  .shriram_advantage_item:nth-child(1) .animation_content {
    bottom: -60px;
  }

  .shriram_advantage_item:nth-child(2) .animation_content {
    bottom: -130px;
  }

  .shriram_advantage_item:nth-child(3) .animation_content {
    bottom: -130px;
  }

  .shriram_advantage_item:nth-child(4) .animation_content {
    bottom: -63px;
  }

  .partner_with_us_box p.lead {
    min-height: 190px;
  }

  .interactive_map_container {
    position: absolute;
  }

  .interactive_map_container.zoom_map_activated {
    transform: translate(11%, -28%) scale(1);
  }

  section.browse_projects {
    overflow: hidden;
    height: 50vw;
  }

  .interactive_map_container .interactive_map_image {
    min-width: 609px;
    max-width: 609px;
    min-height: 663px;
    max-height: 663px;
  }

  .location_bengaluru {
    bottom: 16%;
    left: 19%;
  }

  .location_chennai {
    bottom: 15%;
    left: 39%;
  }

  .location_kolkata {
    top: 50%;
    right: 22%;
  }
}

@media (max-width: 1025px) {
  .banner-new-slider h2.banner_new_headline {
    font-size: 40px;
  }

  .blue_footer_box p.copy_right {
    font-size: 11px;
  }

  section.browse_projects {
    overflow: hidden;
    height: 60vw;
  }

  .interactive_map_container.zoom_map_activated {
    transform: translate(5%, -23%) scale(1);
  }
}

@media (max-width: 996px) {
  .interactive_map_container.zoom_map_activated {
    transform: translate(5%, -18%) scale(0.8);
  }

  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 0px !important;
  }

  .banner-new-slider h2.banner_new_headline {
    line-height: 7vw;
  }

  .banner-new-slider h2.banner_new_headline {
    font-size: 25px;
  }

  .shriram_advantage_inner_box {
    gap: 20px;
  }

  .shriram_advantage_item {
    width: 48%;
  }

  .shriram_advantage_item .center_image {
    text-align: center;
  }

  .shriram_advantage_item:nth-child(1) .animation_content {
    bottom: -40px;
  }

  .shriram_advantage_item:nth-child(2) .animation_content {
    bottom: -65px;
  }

  .shriram_advantage_item:nth-child(4) .animation_content {
    bottom: -40px;
  }

  .shriram_advantage_item:nth-child(1):hover .center_image {
    margin-top: -110px;
  }

  .shriram_advantage_item:nth-child(2) .center_image img {
    width: 70%;
  }

  .shriram_advantage_item:nth-child(3) .animation_content {
    bottom: -65px;
  }
}

@media (max-width: 880px) {
  .shriram_advantage_item:nth-child(1) .animation_content {
    bottom: -65px;
  }

  .shriram_advantage_item:nth-child(2) .animation_content {
    bottom: -85px;
  }

  .shriram_advantage_item:nth-child(3) .animation_content {
    bottom: -83px;
  }
}

@media (max-width: 768px) {
  .interactive_map_container {
    position: absolute;
    transform: translate(-3%, -11%) scale(0.6);
  }

  section.browse_projects {
    overflow: hidden;
    height: 65vw;
  }
}

@media (max-width: 767px) {
  .banner-new-slider h2.banner_new_headline {
    line-height: 9vw;
  }

  .blue_common_button .icon {
    right: 5px;
  }

  .blue_common_button .text {
    font-size: 14px;
  }

  .blue_common_button {
    width: 130px;
  }

  .browse_project_lists ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .browse_project_lists ul li {
    width: 48%;
    background: #fff;
    text-align: center;
    border-radius: 30px;
  }

  .browse_project_lists ul li a {
    font-size: 15px;
    font-family: "Satoshi-Medium";
  }

  .interactive_map_container img.interactive_map_image {
    min-width: 300px;
    max-width: 300px;
    min-height: 300px;
    max-height: 300px;
    margin: auto;
    display: block;
    margin-top: 4rem;
  }

  .interactive_map_container {
    position: relative;
    transform: unset;
  }

  .location_pune {
    bottom: 32%;
    left: 18%;
  }

  .location_vizag {
    bottom: 34%;
    left: 56%;
  }

  .location_pin img {
    width: 18px;
    height: 18px;
  }

  .location_pin span.location_text {
    font-size: 13px;
    line-height: normal;
  }

  .location_coimbatore {
    bottom: 9%;
    left: 29%;
  }

  .location_kolkata {
    top: 52%;
    right: 15%;
  }

  .location_bengaluru {
    bottom: 15%;
    left: 8%;
  }

  .location_chennai {
    bottom: 15%;
    left: 39%;
  }

  .shriram_advantage_item {
    width: 100%;
  }

  .space-pd {
    padding: 30px 0px;
  }

  .testimonial-cta-box {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
  }

  .testimonial-cta-box li {
    width: 100%;
    text-align: center;
  }

  .testimonial-cta-box li button.active {
    font-size: 18px;
  }

  .testimonial-cta-box li button {
    font-size: 18px;
  }

  .testimonial-cta-box {
    margin-bottom: 1rem;
  }

  .new-card-box img {
    width: 150px !important;
    height: 150px !important;
  }

  .home-testimonials-slider .owl-item.active .home_testimonial_video_slider:after {
    width: 70px;
    height: 70px;
    left: -50px;
    top: 5px;
  }

  .partner_with_us_box p.lead {
    min-height: auto;
  }

  .new_title {
    font-size: 25px;
  }

  section.browse_projects {
    overflow: hidden;
    height: auto;
  }

  section.browse_projects {
    padding-bottom: 40px;
  }

  .location-right-sec {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .browse_project_lists .interactive_link_btn {
    white-space: nowrap;
    display: block;
  }

  .shriram_advantage_item:nth-child(1) .animation_content {
    bottom: -110px;
  }

  .shriram_advantage_item:nth-child(2) .animation_content {
    bottom: -110px;
  }

  .shriram_advantage_item:nth-child(4) .animation_content {
    bottom: -65px;
  }

  .new-card-box img {
    width: 150px !important;
    height: 150px !important;
  }

  .home-testimonials-slider .owl-item.active .text_testimonial:after {
    left: 0px;
    width: 70px;
    height: 70px;
  }

  .home-testimonials-slider .owl-item.active .home_testimonial_video_slider:after {
    width: 60px;
    height: 60px;
    left: -35px;
  }

  .home-testimonials-slider .owl-item.active .item {
    padding-left: 40px;
  }

  .testimonial-cta-box li button {
    font-size: 20px;
  }

  .testimonial-cta-box li button.active {
    font-size: 30px;
  }

  .browse_project_lists ul li {
    width: 100%;
  }

  .location_coimbatore {
    bottom: 9%;
    left: 32%;
  }

  .location_kolkata {
    top: 47%;
    right: 19%;
  }

  .browse_projects .row {
    align-items: center;
    justify-content: center;
  }

  .shriram_advantage_item {
    width: 48%;
  }

  .shriram_advantage_item:nth-child(3) .animation_content {
    bottom: -65px;
  }

  .testimonial-cta-box {
    flex-wrap: wrap;
    gap: 0px;
  }
}

@media only screen and (max-width: 570px) and (orientation: landscape) {
  .home_our_story_section .content {
    width: 90%;
  }
}

/* Mobile Query  */

/* Home Page */
/* body.toolbar-fixed .toolbar-oriented .toolbar-bar {
  z-index: 99999;
} */

/* Media Query */
@media (max-width: 1200px) {
  .blue_footer_box p.copy_right {
    font-size: 11px;
  }
}

@media (max-width: 1025px) {
  .our-story-main-section .zoomingImage {
    height: 100vh;
  }
}

@media (max-width: 996px) {
  .our-story-main-section .zoomingImage {
    height: auto;
  }

  .our-story-main-section .center_content h5 {
    font-size: 24px;
    line-height: 30px;
  }

  .our-story-main-section .nice-title {
    font-size: 40px;
  }

  .ethos_four_box_wrapper {
    gap: 15px;
  }

  .ethos_four_box {
    width: 48%;
    padding: 15px;
  }
}

@media (max-width: 768px) {
  .our-story-main-section .center_content h5 {
    font-size: 20px;
    line-height: 25px;
  }
}

@media (max-width: 767px) {
  .our-story-main-section .zoomingImage {
    height: 100vh;
  }

  .our-story-main-section .center_content h5 {
    font-size: 20px;
    line-height: 25px;
    width: 90%;
  }

  .our-story-main-section .center_content h5 br {
    display: none;
  }

  .our-story-main-section .inner_box_row .box {
    width: 47%;
  }

  .our-story-main-section .highlights-banner-content .inner_box_row {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    text-align: center;
    gap: 20px;
  }

  .our-story-main-section .highlights-banner-content {
    padding: 0px;
    padding-bottom: 20px;
  }

  .our-story-main-section .center_content {
    top: -40px;
  }

  .our_story_founder_banner {
    position: relative;
    right: -15px;
    margin-top: -98px;
    pointer-events: none;
  }

  .year_data_of_content .box {
    width: 90%;
    margin: auto;
    margin-top: 3rem;
  }

  .ethos_four_box {
    width: 100%;
  }

  .the_legacy_section .content {
    width: 100%;
  }

  .home_our_story_section .content {
    width: 100%;
  }

  .banner-img .gradientBg {
    height: 250px !important;
    object-position: right;
  }

  .new-load-disclaimer-content {
    gap: 10px;
    flex-wrap: wrap;
  }
}

/* .toolbar .toolbar-tray-vertical.is-active,
body.toolbar-fixed .toolbar .toolbar-tray-vertical {
  display: none;
} */

/* Media Query */

/* Internal Page Changes */
body.print-archive .btm-text p {
  min-height: 75px;
}

.online-archive .card-box .img-div img {
  height: 250px;
  object-fit: cover;
  width: 100%;
}

.online-archive .btm-text p {
  min-height: 75px;
}

a.no_btn {
  color: initial;
}

.owl-completed-status-slider.owl-theme .owl-nav {
  position: absolute;
  inset: auto;
  transform: unset;
  justify-content: center;
  bottom: 0px;
}

.owl-completed-status-slider.owl-theme .owl-nav button.owl-prev {
  left: auto;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-completed-status-slider.owl-theme .owl-nav button.owl-next {
  right: auto;
  width: 20px;
  height: 20px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-completed-status-slider.owl-theme img.gallery_image {
  height: 270px;
  object-fit: cover;
  object-position: center;
}

.navbar-brand img {
  width: 127px;
}

@media (max-width: 991px) {
  .navbar-collapse {
    top: 80px;
  }
}

@media (max-width: 767px) {
  .navbar-brand img {
    width: 130px;
  }

  .navbar-collapse {
    top: 80px;
  }
}

@media (max-width: 400px) {
  .navbar-brand img {
    width: 97px;
  }
}

.navbar {
  height: auto;
}

.search-btn {
  background: transparent;
  color: #007bb8;
}

/* Internal Page Changes */

/* Common CSS*/
.blue_fill_btn {
  position: relative;
  overflow: hidden;
  transition: 0.6s;
  background: transparent;
  border: 1px solid #1b83bb !important;
  color: #1b83bb;
}

.blue_fill_btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 0px;
  height: 100%;
  background: #1b83bb;
  transition: 0.6s;
  pointer-events: none;
  z-index: -1;
}

.blue_fill_btn:hover:after {
  width: 100%;
}

.blue_fill_btn:hover {
  color: #fff;
}

.explore-btn a {
  border: 1px solid #1b83bb;
  padding: 8px 20px;
  border-radius: 30px;
  color: #0062cc;
  position: relative;
  overflow: hidden;
  transition: 0.6s;
  z-index: 1;
}

.explore-btn a:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 100%;
  background: #0062cc;
  left: 0px;
  top: 0px;
  transition: 0.6s;
  z-index: -1;
}

.explore-btn a i {
  border-color: #0062cc;
}

.explore-btn a:hover {
  color: #fff !important;
}

.explore-btn a:hover i {
  border-color: white;
}

.explore-btn a:hover:after {
  width: 100%;
}

button.common-btn.blue_fill_btn a {
  color: inherit;
}

.company-tab .nav-tabs a.active {
  background: #bb905b;
}

p.icons_box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 15px 0px;
  min-height: 36px;
}

/* p.icons_box a{
  margin-top: 15px;
} */

p.icons_box img {
  width: 20px;
  filter: brightness(19.5);
}

p.icons_box a {
  display: block;
  background: #2a7ec2;
  border-radius: 100px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icons_box a:first-child {
  display: none;
}

.project_page_grid .card-body {
  min-height: 164px;
}

.new_award_inner_section_box .recognition {
  display: flex;
  align-items: center;
  gap: 20px;
}

.new_award_inner_section_box .award-pic {
  margin: 0px;
}

.new_award_inner_section_box .award-pic:before {
  display: none;
}

.new_award_inner_section_box .award-pic:after {
  display: none;
}

.new_award_inner_section_box span.corner-border {
  display: none;
}

.new_award_inner_section_box span.corner-border {
  display: none;
}

.blog-head p span.tag {
  position: relative;
}

.blog-head p span.tag:nth-child(2):before {
  content: "";
  position: relative;
  width: 2px;
  height: 15px;
  left: 0px;
  background: #bb905b;
  display: inline-block;
  margin: 0px 10px;
  top: 3px;
}

.social-feed .arrow {
  margin-left: 7px;
  margin-top: 0px;
}

/* Common CSS*/

/* About Us SCroll Issue */
.about-us---shriram-properties .new_white_header {
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}

.about-us---shriram-properties section#main {
  padding-top: 112px;
}

.new-video-archive-section .card-body .apartment-title {
  min-height: 60px;
}

.new-video-archive-section .card-box .img-div img {
  height: 250px;
  object-fit: cover;
  width: 100%;
}

.new-recent-cp-slider .awards-slider .card-body {
  font-size: 18px;
}

.new-recent-cp-slider {
  background: transparent;
  padding-bottom: 50px;
}

.testi-page-slider .video-title {
  min-height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recent-cp-slider .card-body,
.recent-synergy-slider .card-body {
  font-size: 18px;
}

.recent-cp-slider .card-box,
.recent-synergy-slider .card-box {
  margin: 0px;
}

.recent-cp-slider .item,
.recent-synergy-slider .item {
  padding: 25px;
}

/* About Us SCroll Issue */

/* SPL Community Page */
.spl_community_content_section {}

.spl_community_content_section h2 {
  font-size: 30px;
  margin: 0rem 0px 2rem;
  font-family: "Satoshi-bold";
  text-transform: uppercase;
}

.spl_community_content_section h3 {
  font-size: 25px;
  margin: 0rem 0px 2rem;
}

.spl_community_content_section p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 1rem;
}

.spl_community_content_section .video_box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3rem;
  margin-bottom: 0rem;
  gap: 30px;
  width: 100%;
}

.spl_community_content_section .video_box video {
  width: 15%;
  height: 300px;
}

.celebrating_togetherness_section {}

.celebrating_togetherness_section h2.title {
  font-size: 30px;
  margin-bottom: 3rem;
}

.spirited_living h2.title {
  font-size: 30px;
  margin-bottom: 2rem;
}

.auspicious_beginnings_section h2.title {
  font-size: 30px;
  margin-bottom: 2rem;
}

.navbar-nav .nav-link::before {
  bottom: 0px;
}

@media (max-width: 450px) {
  .navbar-collapse {
    top: 61px;
  }
}

/* SPL Community Page */

.recent_synergymeet_content_section p {
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}

.lifeatshrirammaincontent_section p {
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}

.recent_synergy_meet_inner_block {
  margin-top: 1rem;
}

.owl_spl_community_engagement .card-box p {
  min-height: 230px;
}

.year_data_of_content .restrict_count li {
  display: none;
}

.year_data_of_content .restrict_count li .history-read-more-button {
  display: block;
  cursor: pointer;
  color: blue;
}

.owl-history-content span.inner_read_more_content {
  display: none;
  color: inherit;
  font-family: inherit;
}

.owl-history-content a.read_sm_btn {
  cursor: pointer;
  display: block;
}

.year_data_of_content .box ul li {
  position: relative;
}

.year_data_of_content .box ul li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: #3c3c3b;
  border-radius: 100%;
  top: 8px;
  left: -17px;
}

.vision-sec img {
  width: 60% !important;
}

.ethos_box {
  position: sticky;
  top: 120px;
}

.spl_community_content_section a.play-icon-btn-enable {
  width: 70%;
  margin: 2rem auto;
}

.spl_community_content_section a.play-icon-btn-enable img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  filter: brightness(0.5);
}

.owl_spl_community_engagement .card-box p:empty {
  display: none;
}

.owl_spl_community_engagement span.inner_read_more_content {
  display: none;
  color: inherit;
  font-family: inherit;
}

.small_logo_thing {
  position: absolute;
  right: -5px;
  bottom: 5px;
}

.small_logo_thing img {
  width: 180px;
  bottom: 0px;
}

@media (max-width: 992px) {
  .small_logo_thing {
    position: relative;
    text-align: center;
    right: auto;
    bottom: auto;
  }
}

@media (max-width: 320px) {
  .search-bar .input-group input {
    width: 140px;
  }

  .small_logo_thing img {
    width: 140px;
  }
}

.social_media_box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
  justify-content: center;
}

.social_media_box .social-feed {
  width: 24%;
  position: relative;
}

/* .social_media_box .social-feed:nth-child(1) {
  width: 18%;
}

.social_media_box .social-feed:nth-child(4) {
  width: 17%;
}

.social_media_box .social-feed:nth-child(5) {
  width: 18%;
} */

.social_media_box .social-box .fa {
  color: #d0d2d3;
  font-size: 2.6rem;
  float: unset;
  padding: 0px;
  position: absolute;
  left: 0px;
  top: 10px;
  right: 0px;
  text-align: center;
}

.social_media_box .social-box .social-inner {
  padding: 40px 15px 15px;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.social-box .social-inner h5 {
  font-size: 15px;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 9px;
}

.social-box .social-inner p:empty {
  display: none;
}

.social_media_box .social-box .social-inner a {
  text-align: right;
  display: flex;
  width: auto;
  margin: auto;
}

@media (max-width: 1200px) {
  .social_media_box .social-feed {
    width: 25% !important;
  }

  .social_media_box {
    gap: 30px 10px;
    justify-content: center;
  }
}

@media (max-width: 996px) {
  .social_media_box .social-feed {
    width: 32% !important;
  }

  .social_media_box {
    gap: 30px 10px;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .social_media_box .social-feed {
    width: 45% !important;
  }
}

@media (max-width: 550px) {
  .social_media_box .social-feed {
    width: 100% !important;
  }

  .social_media_box {
    gap: 10px;
  }

  .social_media_box .social-feed:nth-child(1) {
    margin-top: 2rem;
  }
}

/* ================ The Timeline ================ */

.timeline_our_journey {
  position: relative;
  width: 660px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 1em 0;
  list-style-type: none;
}

.timeline_our_journey:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: " ";
  display: block;
  width: 6px;
  height: 100%;
  margin-left: -3px;
  background: rgb(80, 80, 80);
  background: -moz-linear-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, rgba(30, 87, 153, 1)),
      color-stop(100%, rgba(125, 185, 232, 1)));
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, rgba(30, 87, 153, 1)),
      color-stop(100%, rgba(125, 185, 232, 1)));
  background: -webkit-linear-gradient(top,
      rgba(80, 80, 80, 0) 0%,
      rgb(26 131 188) 8%,
      rgb(26 131 188) 92%,
      rgba(80, 80, 80, 0) 100%);
  background: -o-linear-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, rgba(30, 87, 153, 1)),
      color-stop(100%, rgba(125, 185, 232, 1)));
  background: -ms-linear-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, rgba(30, 87, 153, 1)),
      color-stop(100%, rgba(125, 185, 232, 1)));
  background: linear-gradient(tlinear,
      left top,
      left bottom,
      color-stop(0%, rgba(30, 87, 153, 1)),
      color-stop(100%, rgba(125, 185, 232, 1)));
  z-index: 5;
}

.timeline_our_journey li {
  padding: 1em 0;
}

.timeline_our_journey li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.timeline_our_journey .direction-l {
  position: relative;
  width: 300px;
  float: left;
  text-align: right;
}

.timeline_our_journey .direction-r {
  position: relative;
  width: 300px;
  float: right;
}

.timeline_our_journey .flag-wrapper {
  position: relative;
  display: inline-block;
  text-align: center;
}

.timeline_our_journey .flag {
  position: relative;
  display: inline;
  background: #1b83bb;
  padding: 6px 10px;
  border-radius: 5px;
  font-weight: 600;
  text-align: left;
  font-size: 18px;
  color: #fff;
}

.timeline_our_journey .direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15),
    0 0 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}

.timeline_our_journey .direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15),
    0 0 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}

.timeline_our_journey .direction-l .flag:before,
.timeline_our_journey .direction-r .flag:before {
  position: absolute;
  top: 50%;
  right: -38px;
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  background: #fff;
  border-radius: 10px;
  border: 4px solid rgb(26 131 188);
  z-index: 10;
}

.timeline_our_journey .direction-r .flag:before {
  left: -38px;
}

.timeline_our_journey .direction-l .flag:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-left-color: rgb(248, 248, 248);
  border-width: 8px;
  pointer-events: none;
}

.timeline_our_journey .direction-r .flag:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-right-color: rgb(248, 248, 248);
  border-width: 8px;
  pointer-events: none;
}

.time-wrapper {
  display: none;
  line-height: 1em;
  font-size: 0.66666em;
  color: rgb(250, 80, 80);
  vertical-align: middle;
}

.timeline_our_journey .direction-l .time-wrapper {
  float: left;
}

.timeline_our_journey .direction-r .time-wrapper {
  float: right;
}

.timeline_our_journey .time {
  display: inline-block;
  padding: 4px 6px;
  background: rgb(248, 248, 248);
}

.timeline_our_journey .desc {
  margin: 1em 0.75em 0 0;
}

.timeline_our_journey .direction-r .desc {
  margin: 1em 0 0 0.75em;
}

/* ================ Timeline Media Queries ================ */

@media screen and (max-width: 660px) {
  .timeline_our_journey .timeline {
    width: 100%;
    padding: 4em 0 1em 0;
  }

  .timeline_our_journey .timeline li {
    padding: 2em 0;
  }

  .timeline_our_journey .direction-l,
  .timeline_our_journey .direction-r {
    float: none;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  .timeline_our_journey .flag-wrapper {
    text-align: center;
    width: 100%;
  }

  .timeline_our_journey .flag {
    background: #1b83bb;
    z-index: 15;
    text-align: center;
    display: block;
    width: 90px;
    margin: auto;
  }

  .timeline_our_journey .direction-l .flag:before,
  .timeline_our_journey .direction-r .flag:before {
    position: absolute;
    top: -30px;
    left: 5px;
    right: 0px;
    margin: auto;
    content: " ";
    display: block;
    width: 12px;
    height: 12px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border-radius: 10px;
    border: 4px solid rgb(255, 80, 80);
    z-index: 10;
  }

  .timeline_our_journey .direction-l .flag:after,
  .timeline_our_journey .direction-r .flag:after {
    content: "";
    position: absolute;
    left: 7px;
    right: 0px;
    margin: auto;
    top: 38px;
    height: 0;
    width: 0;
    margin-left: auto;
    border: solid transparent;
    border-top-color: rgb(27 131 187);
    border-width: 8px;
    pointer-events: none;
  }

  .timeline_our_journey .time-wrapper {
    display: block;
    position: relative;
    margin: 4px 0 0 0;
    z-index: 14;
  }

  .timeline_our_journey .direction-l .time-wrapper {
    float: none;
  }

  .timeline_our_journey .direction-r .time-wrapper {
    float: none;
  }

  .timeline_our_journey .desc {
    position: relative;
    margin: 1em 0 0 0;
    padding: 1em;
    background: rgb(245, 245, 245);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);

    z-index: 15;
  }

  .timeline_our_journey .direction-l .desc,
  .timeline_our_journey .direction-r .desc {
    position: relative;
    margin: 1em 1em 0 1em;
    padding: 2em;
    z-index: 15;
    width: 94%;
    margin: auto;
    margin-top: 2rem;
    margin-bottom: 6rem;
    border-radius: 10px;
  }

  .timeline_our_journey {
    width: 100%;
    margin-top: 0px;
    padding: 5em 0;
  }

  #timeline_our_journey_trigger {
    height: auto !important;
  }

  .timeline_our_journey:before {
    margin-left: 0px;
  }

  .timeline_our_journey .direction-r .desc ul li,
  .timeline_our_journey .direction-l .desc ul li {
    list-style-type: none !important;
  }
}

.timeline_our_journey .direction-r .desc ul li,
.timeline_our_journey .direction-l .desc ul li {
  padding: 0px;
  list-style-type: disc;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  word-spacing: normal;
}

/* ================ The Timeline ================ */

section#our_history_section {
  height: 750px;
  overflow: hidden;
  position: relative;
}

section#our_history_section:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 30%;
  background: linear-gradient(0deg,
      rgb(255 255 255) 40%,
      rgb(255 255 255 / 54%) 100%);
  z-index: 15;
  /* display: flex; */
  align-items: end;
  justify-content: center;
  padding-bottom: 10px;
  font-size: 16px;
  display: none;
}

section#our_history_section.height_set_section:after {
  display: flex;
}

/* #timeline_our_journey_trigger {
  height: 90vh;
  overflow: hidden;
} */

a.history-read-more-button {
  display: none;
}

.timeline_our_journey .direction-l .desc ul li span {
  color: inherit;
  font-family: "Satoshi-Regular";
}

a.read_sm_btn {
  display: none;
}

.side-sticky-links .new-sticky-btns {
  display: flex;
  flex-direction: column;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.side-sticky-links .new-sticky-btns .contact-icon {
  border-radius: 0px;
  color: #575756;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 55px;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 55px;
  background: #fff;
  box-shadow: none;
}

.side-sticky-links .new-sticky-btns li.call-detail {
  position: relative;
}

.side-sticky-links .new-sticky-btns li.call-detail:after {
  content: "";
  position: absolute;
  width: 80%;
  height: 1px;
  bottom: 0px;
  margin: auto;
  left: 0px;
  right: 0px;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 1) 0%,
      rgb(23 130 186 / 65%) 50%,
      rgba(255, 255, 255, 1) 100%);
}

.pdf-name:before {
  background: url(../images/download-pdf-1-white.png) #1b83bb no-repeat;
  background-size: 30px;
  background-position: center;
}

.side-sticky-links {
  z-index: 9;
}

@media (max-width: 996px) {
  .spl_community_content_section .video_box video {
    width: 25%;
    height: 300px;
  }
}

@media (max-width: 767px) {
  .properties-filter.mob-filter {
    width: 80%;
    display: block;
    margin: 2rem auto 10px;
  }

  .properties-filter .btn.search-btn {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .spl_community_content_section .video_box video {
    width: 25%;
    height: auto;
  }

  .spl_community_content_section .video_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
    margin-bottom: 0rem;
    gap: 5px;
    width: 100%;
  }
}

@media (max-width: 675px) {
  .spl_community_content_section .video_box {
    flex-wrap: wrap;
  }

  .spl_community_content_section .video_box video {
    width: 46%;
    height: auto;
  }
}

/* New Changes */
.industry-speaks-sec .video_section {
  display: flex;
  align-items: center;
  justify-content: center;
}

.industry-speaks-sec .video_section a {
  display: block;
}

.industry-speaks-sec .video_section a img {
  filter: brightness(0.4);
  border-radius: 10px;
}

div.industry-speaks-sec .help-left p {
  width: 74%;
  margin: auto;
}

.industry-speaks-sec h3 {
  font-size: 25px;
}

.inner_video_section {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 767px) {
  div.industry-speaks-sec .owl-video-slider {
    width: 75%;
    margin: auto;
  }
}

@media (max-width: 767px) {
  div.industry-speaks-sec .help-left p {
    width: 100%;
    margin: auto;
    margin-top: 2rem;
  }

  .industry-speaks-sec h3 {
    font-size: 18px;
    width: 80%;
    margin: auto;
  }

  .media-kit-sec .help-left p {
    padding-left: 1rem;
  }
}

.completed-projects-slider .owl-stage .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

/* New Changes */

/*
 * Always set the map height explicitly to define the size of the div element
 * that contains the map.
 */

.new-map-page .map-section {
  width: 100%;
  height: 100%;
}

.big_size_btn {
  width: max-content;
  padding-right: 50px;
  padding-left: 20px;
}

div#pre-loader img {
  width: 300px;
  height: 300px;
}

@media (max-width: 650px) {
  #new_map_intraction {
    height: 500px;
    width: 100%;
    margin-bottom: 5rem;
  }

  .advt-box .icon-div img {
    width: 65%;
    height: auto;
  }
}

.commercial_content_section p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 1rem;
}

.amenities-icon {
  background-color: #bb905b;
}

/* Detail Popup */
.commercial-detail-popup {
  background-size: cover;
  margin: 0px 0 30px 0;
}

.commercial-detail-popup .slider-box {
  height: 100%;
}

.commercial-detail-popup .slider-box img {
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.short_address_commercial p {
  margin-bottom: 0px;
}

section.commercial_project_lists {
  padding-top: 70px;
}

/* Detail Popup */

/* Custom DropDown */
.commercial-project-filter {
  margin-top: 20px;
  margin-bottom: 10px;
  width: 40%;
  margin: auto;
  margin-bottom: 2rem;
}

.commercial-project-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 100px;
  -webkit-box-shadow: 0px 0px 15px #0000002b;
  box-shadow: 0px 0px 15px #0000002b;
  padding: 5px 10px;
  position: relative;
  z-index: 8;
}

.commercial-project-filter .dropdown {
  border-right: 1px solid #ddd;
  min-width: 210px;
}

.commercial-project-filter .dropdown .btn {
  padding: 10px 30px 10px 15px;
}

.commercial-project-filter .dropdown .dropdown-toggle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.5rem;
}

.commercial-project-filter .dropdown .dropdown-toggle:after {
  content: "";
  position: absolute;
  top: 45%;
  right: 15px;
  width: 8px;
  height: 8px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-right: 1px solid #3c3c3b;
  border-bottom: 1px solid #3c3c3b;
  border-left: 0px;
  border-top: 0px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.commercial-project-filter .btn.search-btn {
  margin-left: 10px;
}

.commercial-project-filter .btn {
  border-radius: 100px;
  padding: 10px 30px;
}

.commercial-summary.collapsed {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.6;
}

.commercial-summary.collapsed p,
.commercial-summary.collapsed br {
  margin: 0;
  line-height: inherit;
}

.commercial-summary {
  line-height: 1.6;
}

.commercial-summary.collapsed {
  max-height: calc(1.6em * 5);
  overflow: hidden;
  max-height: 173px;
}

.commercial-summary p {
  margin: 0 0 0.5em;
}

span.commercial-read-more {
  color: #e89c2d;
  font-size: 13px;
  cursor: pointer;
}

.commercial-slider .owl-dots {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.commercial-slider .owl-dots .owl-dot.active span {
  background: #e7941d !important;
}

.commercial-slider.owl-carousel .owl-item,
.commercial-slider.owl-carousel .item {
  height: 100%;
}

.commercial-slider .owl-stage,
.commercial-slider .owl-stage-outer {
  height: 100%;
}

.commercial-slider .item img {
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.commercial-slider.owl-carousel.owl-theme {
  height: 100%;
}

@media (max-width: 996px) {
  .commercial-project-filter {
    width: 60%;
  }
}

@media (max-width: 768px) {
  .commercial-project-filter {
    width: 70%;
  }
}

@media (max-width: 675px) {
  .commercial-project-filter {
    width: 95%;
  }

  .commercial-project-filter .dropdown {
    min-width: 150px;
  }
}

/* Custom DropDown */

.working_at_shriram_properties_grid .item {
  width: 33%;
}

section.working_at_shriram_properties_grid {
  padding: 70px 0px;
}

.working_at_shriram_box {
  gap: 25px;
}

.working_at_shriram_properties_grid .item {
  width: 30%;
}

.working_at_shriram_box h4.title {
  font-size: 20px;
  margin: 15px 0px 5px;
}

.working_at_shriram_box p.designation {
  margin-bottom: 10px;
}

.working_at_shriram_box .border-box {
  height: 100%;
}

@media (max-width: 650px) {
  .blue_footer_box .great_place_to_work_logo img:last-child {
    width: 150px;
  }
}

.project-status-label {
  position: absolute;
  top: 23px;
  right: 15px;
  background: #fe0000;
  /* background: #008000; */
  max-width: max-content;
  padding: 5px 5px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  border-radius: 7px;
  font-family: "Satoshi-Medium";
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  font-weight: 500;
  z-index: 5;
}

.location-div .project-status-label {
  font-size: 10px;
}

.life-shriram .col-md-4 .card-box img,
.life-shriram-slider.owl-theme .owl-item .card-img img {
  object-position: top;
}

.video-section.news_archive_page .card-box .img-div img {
  height: 250px;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.reverse_owl_stage .owl-stage {
  flex-direction: row-reverse;
}

.map-section {
  width: 100%;
  height: 100%;
}

.bottom-icon img {
  padding-right: 10px;
  padding-bottom: 10px;
  width: 60px !important;
  height: 60px;
  z-index: 1;
  position: absolute;
  bottom: 0px;
}

.about_us_brand_ethos {
  display: flex;
  flex-wrap: wrap;
  gap: 3%;
}

.about_us_brand_ethos .row.vision-sec {
  width: 49%;
}

.about_us_brand_ethos .row.vision-sec img {
  width: 70px !important;
  height: 70px;
  object-fit: contain;
}

@media (max-width: 650px) {
  .about_us_brand_ethos {
    flex-wrap: wrap;
    gap: 0;
  }

  .about_us_brand_ethos .row.vision-sec {
    width: 100%;
    margin: auto;
  }
}

.our_core_values_sec .value-box .value-text h4 {
  font-size: 20px;
  margin-bottom: 10px;
}

.ethos_box_new {
  width: 100%;
  text-align: center;
  margin-bottom: 4rem;
}

.our_story_values_section .vision-sec .borderBtm {
  border-bottom: 2px solid #ccc;
  padding-bottom: 30px;
  text-align: left;
  text-align-last: left;
}

.our_story_values_section .item {
  height: auto !important;
}

.our_story_values_section .blue-arrow .owl-stage {
  display: block;
}

.our_story_values_section .about_us_brand_ethos {
  display: flex;
}

.our_story_values_section .mission-slider.owl-theme .owl-nav {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  top: 45%;
}

.our_story_values_section .value-box .value-text h4 {
  font-size: 20px;
  margin-bottom: 10px;
}

.our_story_values_section .value-box .value-text p {
  text-align: left;
  text-align-last: left;
  font-size: 14px;
  font-family: "Satoshi-Regular";
}

.highlight-banner-image {
  position: relative;
}

.highlight-banner-image .highlight-content {
  position: absolute;
  top: 30%;
  left: 20%;
  z-index: 1;
}

.highlight-banner-image .highlight-content h5 {
  font-size: 57px;
  color: #fff;
}

.highlight-banner-image .highlight-content h6 {
  font-size: 25px;
  color: #fff;
}

.highlight-banner-image::after {
  content: "";
  position: absolute;
  background: linear-gradient(93.03deg,
      rgba(166, 119, 62, 0.49) 4.75%,
      rgba(166, 119, 62, 0.39) 100.69%);
  inset: 0;
  z-index: 0;
}

.our_story_values_section .owl-theme .owl-nav .owl-next:before,
.our_story_values_section .owl-theme .owl-nav .owl-prev:before {
  filter: brightness(14.5);
}

.our_story_values_section .owl-theme .owl-nav .owl-prev,
.our_story_values_section .owl-theme .owl-nav .owl-next {
  background: #007bb8 !important;
}

.our_story_values_section .owl-theme .owl-nav .owl-prev.disabled,
.our_story_values_section .owl-theme .owl-nav .owl-next.disabled {
  opacity: 0.6;
}

.new_title span {
  color: #1b83bb;
  font-family: "Satoshi-Bold";
}

.about_us_page_section .ethos_box_new p {
  font-size: 17px;
}

.about_us_page_section .owl-theme .owl-nav .owl-next:before,
.about_us_page_section .owl-theme .owl-nav .owl-prev:before {
  filter: brightness(14.5);
}

.about_us_page_section .owl-theme .owl-nav .owl-prev,
.about_us_page_section .owl-theme .owl-nav .owl-next {
  background: #007bb8 !important;
}

.about_us_page_section .owl-theme .owl-nav .owl-prev.disabled,
.about_us_page_section .owl-theme .owl-nav .owl-next.disabled {
  opacity: 0.6;
}

.about_us_page_section .owl-theme .owl-nav {
  top: 45%;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.about_us_page_section .value-box .value-text h4 {
  font-size: 20px;
  margin-bottom: 10px;
}

.about_us_page_section .value-box .value-text p {
  text-align: left;
  text-align-last: left;
  font-size: 14px;
  font-family: "Satoshi-Regular";
}

#home-slider .owl-dots.disabled {
  display: none;
}

.banner_new_headline_box img.logo_in_banner {
  width: 200px;
  display: block;
  margin: auto;
  margin-bottom: 3rem;
}

.banner_new_headline_box span.title_separator {
  display: block;
  background: url("/themes/shriram/images/seprator.png");
  width: 100%;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 10px;
  margin-bottom: 5px;
}

.banner_new_headline_box span.title_logo {
  display: block;
  width: 200px;
  height: 120px;
  background-image: url("/themes/shriram/images/logo_shriram_banner.png");
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  margin-bottom: 2rem;
}

.banner_new_headline_box .twenty_fifth_logo span.title_logo {
  display: block;
  width: 250px;
  height: 141px;
  background-image: url(/themes/shriram/images/25_th_logo_1.png);
  background-repeat: no-repeat;
  background-position: left;
  margin: 0px;
}

.banner-new-slider h2.banner_new_headline.big {
  font-size: 50px;
}

.new_banner_title_design {
  margin-top: -5rem;
}

.twenty_fifth_logo {
  margin-top: -5rem;
}


/* New Banner */

.banner-new-slider h2.banner_white_gray_headline span.golden_color {
  color: #1b83bb;
}


.banner-new-slider .item.banner_index_2 .slide__content {
  left: auto;
  right: 10%;
  top: 55%;
}

@media(max-width:1200px) {
  .banner-new-slider .item.banner_index_2 .slide__content {
    right: 7%;
    top: 55%;
  }
}

@media(max-width:992px) {
  .banner-new-slider .slide__content {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }

  .banner-new-slider .item.banner_index_2 .slide__content {
    left: 0;
    right: 0;
    top: 10%;
  }

  .banner_new_headline_box .twenty_fifth_logo span.title_logo {
    margin: auto;
  }

  .banner_new_headline_box {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

/* New Banner */



@media (max-width: 650px) {

  .banner-new-slider .item.banner_index_2 .slide__content {
    left: 0;
    right: 0;
    top: 20%;
  }

  .banner-new-slider .slide__content {
    top: 10%;
    left: 0px;
    right: 0px;
  }

  .banner-new-slider h2.banner_new_headline.big {
    font-size: 35px;
  }

  .banner_new_headline_box span.title_logo {
    background-size: 100%;
    width: 150px;
    height: 120px;
    margin-bottom: 0px;
  }

  .new_banner_title_design {
    margin-top: -6rem;
  }

  .banner_new_headline_box span.title_separator {
    margin-top: 0px;
  }

  .banner-new-slider h2.banner_white_gray_headline {
    font-size: 30px;
    text-align: center !important;
  }

  .banner_new_headline_box .twenty_fifth_logo span.title_logo {
    width: 200px;
    height: 140px;
    background-position: center;
    margin: auto;
  }

  .banner_new_headline_box .twenty_fifth_logo h2.banner_white_gray_headline {
    font-size: 25px;
  }

  .banner-new-slider .banner_index_3 .slide__content {
    top: auto;
    bottom: 15%;
    left: 0;
    right: 0;
  }
}

@media (min-width: 1920px) {
  .banner-new-slider .slide__content {
    left: 10%;
  }
}

/* Our Story Scroll Down Animation */
.our-story-scroll-down {
  position: absolute;
  bottom: 48px;
  left: 50%;
  z-index: 16;
  cursor: pointer;
  display: none;
}

.height_set_section .our-story-scroll-down {
  display: block;
}

.our-story-scroll-down span:nth-child(2) {
  animation-delay: -0.2s;
}

.our-story-scroll-down span:nth-child(3) {
  animation-delay: -0.4s;
}

.our-story-scroll-down span {
  display: block;
  width: 20px;
  height: 20px;
  border-bottom: 1px solid #1b83bb;
  border-right: 1px solid #1b83bb;
  transform: rotate(45deg);
  margin: -10px;
  animation: animate_scroll_down 2s infinite;
}

@keyframes animate_scroll_down {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(-20px, -20px);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: rotate(45deg) translate(20px, 20px);
  }
}

/* Our Story Scroll Down Animation */

/* Upload */
.bulk_upload_form_wrapper form {
  width: 46%;
  margin: auto;
  background: #fff;
  margin-top: 0px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 3% 0px;
}

.bulk_upload_form_wrapper label#edit-csv-file--label {
  margin-bottom: 0px;
  font-size: 14px !important;
  margin-top: 2rem;
}

.bulk_upload_form_wrapper .form-managed-file {
  border-bottom: none;
  margin-bottom: 2rem;
}

.bulk_upload_form_wrapper .form-file {
  font-size: 15px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
}

.bulk_upload_form_wrapper .form-submit {
  font-size: 15px;
  width: 100px;
  padding: 6px;
  border-radius: 5px;
  background: #1782ba;
  border: 1px solid #ccc;
  color: #fff;
}

.bulk_upload_form_wrapper .messages.messages--error.file-upload-js-error {
  color: red;
  font-size: 15px;
}

.bulk_upload_form_wrapper .form-group {
  font-size: 15px;
  line-height: 30px;
  text-align: left;
  width: 80%;
  margin: auto;
}

.bulk_upload_form_wrapper {
  background: #f2f2f2;
  padding-top: 5rem;
  padding-bottom: 1rem;
}

.bulk_upload_form_wrapper .form-group input:not(.bulk_upload_form_wrapper .form-group input[type="file"]) {
  margin: auto;
  border: 1px solid #cccc;
  height: 45px;
  padding: 10px;
  width: 100%;
  border-radius: 10px;
}

.bulk_upload_form_wrapper .common_Err.error {
  text-align: center;
  font-size: 15px;
}

/* Upload */

/* Upload Note */
.note_bulk_upload {
  background: #f2f2f2;
}

.note_bulk_upload {
  padding: 4rem 25rem;
}

.note_bulk_upload ol {}

.note_bulk_upload ol li {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 10px;
}

.note_bulk_upload ol li ul {
  padding-left: 20px;
  list-style-type: disc;
  width: 100%;
  font-size: 12px;
}

.note_bulk_upload ol li ul li {
  list-style-type: disc;
  margin: 0px;
}

.note_bulk_upload h2 {
  margin-bottom: 10px;
}

@media (max-width: 650px) {
  .note_bulk_upload {
    padding: 20px 25px;
  }

  .bulk_upload_form_wrapper form {
    width: 90%;
    margin: auto;
    padding: 0px;
    padding-top: 3em;
    padding-bottom: 3rem;
  }

  .bulk-upload-cp-lists .banner-img .gradientBg {
    object-position: center !important;
  }
}

/* Upload Note */

/* Career Page Development */
.career-page-spl-new .tabs_lists {}

.career-page-spl-new .tabs_lists ul {}

.career-page-spl-new .tabs_lists ul li {
  margin: 0px 10px;
}

.career-page-spl-new .tabs_lists ul li button {
  padding: 10px 30px;
  border-radius: 30px;
  font-size: 15px;
}

.career-page-spl-new .tabs_lists ul li button.active:after {
  width: 100%;
}

.career-page-spl-new .tabs_lists ul li button.active {
  color: #fff;
}

.career-page-spl-new .inner_box_career_tab {
  display: none;
}

.career-page-spl-new .inner_box_career_tab.active {
  display: block;
}

.career-page-spl-new .tab_content_careers {
  margin-top: 5rem;
}

.career-page-spl-new .tab_content_careers .images_box {
  text-align: center;
}

.career-page-spl-new .tab_content_careers .images_box img {
  height: auto;
  width: 100%;
}

.career-page-spl-new .culture_tab .images_box img {
  width: 173px;
  height: auto;
}

.video_box_in_career_page img {
  width: 100%;
  height: auto;
}

.career-page-spl-new .tab_content_careers {
  margin-top: 5rem;
}

.career-page-spl-new .inner_box_career_tab.active h4 {
  font-size: 20px;
  margin-bottom: 1rem;
}

.career-page-spl-new .inner_box_career_tab.active p {
  font-size: 16px;
}

.career-page-spl-new .inner_accordion {
  margin-top: 2rem;
}

div#learning_development_accordion .card-header {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

div#learning_development_accordion .card-header button {
  text-decoration: none;
  color: #3c3c3b;
}

div#learning_development_accordion .card {
  border: none;
  background: transparent;
}

div#learning_development_accordion .card-header button:before {
  content: "\f067";
  position: absolute;
  left: 0px;
  top: 17px;
  font: normal normal normal 14px / 1 FontAwesome;
}

div#learning_development_accordion .card-header button.active:before {
  transform: rotate(90deg);
}

div#learning_development_accordion .card-header button:hover:before {
  transform: rotate(90deg);
}

.working-at-shriram-new-deign {
  width: 80%;
}

.working-at-shriram-new-deign .person-img {
  border: none;
  position: relative;
  overflow: hidden;
  width: 174px;
  height: 174px;
  padding: 0;
  margin: 0;
}

.working-at-shriram-new-deign .person-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.working-at-shriram-new-deign .person-img::after {
  content: "";
  position: absolute;
  background: url(/themes/shriram/images/Ellipse.png);
  width: 100%;
  height: 100%;
  inset: 0;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: right top;
}

.working-at-shriram-new-deign .team-box {
  flex-wrap: wrap;
  gap: 5%;
  padding: 5%;
  padding-top: 5%;
  padding-bottom: 7%;
  border: none;
  background: #fff;
}

.working-at-shriram-new-deign .person-details {
  width: 70%;
  position: relative;
}

.working-at-shriram-new-deign .person-details p {
  font-size: 16px;
}

.working-at-shriram-new-deign .person-details p:empty {
  display: none;
}

.working-at-shriram-new-deign .team-box h4 {
  margin-top: 0px;
}

.working-at-shriram-new-deign .person-details::before {
  content: "";
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  top: 0px;
  left: -1px;
  background: url(/themes/shriram/images/ooui_quotes-ltr.png);
  background-size: 100%;
}

section.employee-connect {
  position: relative;
}

section.employee-connect:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000c7;
  top: 0;
}

.employee-connect .career-text {
  width: 50%;
  margin: auto;
  margin-right: 0px;
  position: relative;
}

.employee-connect .career-text p {
  font-size: 16px;
  line-height: 30px;
}

.employee-connect .career-text:before {
  content: "";
  position: absolute;
  top: 8px;
  left: -20px;
  width: 5px;
  height: 50%;
  background: #1b83bb;
  border-radius: 10px;
}

.working-at-shriram-new-deign .owl-nav button.owl-prev,
.working-at-shriram-new-deign .owl-nav button.owl-next,
.working-at-shriram-new-deign .owl-nav button.owl-prev.disabled,
.working-at-shriram-new-deign .owl-nav button.owl-next.disabled {
  background: rgba(23, 130, 186, 0.08) !important;
  position: relative !important;
  border: 10px !important;
  width: 40px;
  height: 30px;
  margin: 0px;
  box-shadow: none;
}

.working-at-shriram-new-deign .owl-nav button.owl-prev {
  left: 0px;
  border-radius: 10px 0px 0px 10px;
}

.working-at-shriram-new-deign .owl-nav button.owl-next {
  right: auto;
  border-radius: 0px 10px 10px 0px;
}

.working-at-shriram-new-deign .owl-nav {
  position: absolute;
  width: 100%;
  transform: unset;
  bottom: 27% !important;
  top: auto;
  display: flex;
  justify-content: center;
  gap: 0px;
  inset: auto;
}

.working-at-shriram-new-deign .owl-nav button.owl-prev:before,
.working-at-shriram-new-deign .owl-nav button.owl-next:before {
  font-size: 25px;
  color: #1b83bb;
}

.working-at-shriram-new-deign .owl-nav button.owl-prev.disabled:before,
.working-at-shriram-new-deign .owl-nav button.owl-next.disabled:before {
  opacity: 0.6;
}

body.careers .new_white_header.header {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  width: 100%;
  z-index: 999;
  background-color: #ffffffcc;
}

.career-page-spl-new .tabs_lists ul li button span {
  position: relative;
  z-index: 2;
}

.career-page-spl-new .blue_fill_btn:after {
  z-index: 1;
}

.job-description li {
  font-size: 15px;
  margin-bottom: 10px;
}

body.careers .breadcrumb_banner img {
  width: 100%;
}

@media (max-width: 1200px) {
  .working-at-shriram-new-deign .owl-nav {
    width: 100%;
    position: relative !important;
    bottom: 0px !important;
  }

  .working-at-shriram-new-deign {
    width: 100%;
  }
}

@media (max-width: 650px) {
  .career-page-spl-new .tabs_lists ul li {
    width: 100%;
  }

  .career-page-spl-new .tabs_lists ul li button {
    width: max-content;
    margin-bottom: 10px;
    font-size: 13px;
    padding: 10px 20px;
  }

  .career-page-spl-new .tabs_lists ul {
    width: max-content;
  }

  .properties-filter.mob-filter {
    width: 100%;
  }

  .working-at-shriram-new-deign {
    width: 100%;
  }

  .working-at-shriram-new-deign .owl-nav {
    width: 100%;
    position: relative !important;
    bottom: 0px !important;
  }

  .employee-connect .career-text {
    width: 90%;
  }

  .working-at-shriram-new-deign .team-box {
    flex-wrap: wrap;
    gap: 0;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
  }

  .working-at-shriram-new-deign .person-details {
    width: 100%;
  }

  .career-page-spl-new .culture_tab .images_box img {
    width: 100px;
  }

  .career-page-spl-new .inner_box_career_tab .value-text {
    margin-top: 2rem;
  }

  .banner-cap.career-page h1.text-left {
    text-align: center !important;
  }

  .banner-cap.career-page .banner-text {
    margin: auto;
    width: 100%;
    max-width: 85%;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .banner-cap.career-page {
    transform: unset;
    top: 0;
    inset: 0;
    flex-wrap: wrap;
  }

  .career-page-spl-new .tabs_lists {
    overflow: scroll;
  }
}

@media (max-width: 360px) {
  .search-bar {
    margin-left: 5px;
    width: 48%;
  }

  .search-bar .input-group input {
    width: 140px;
  }
}

/* Career Page Development */

/* Home Page Changes */
.new-card-body p.apartment-location:empty {
  display: none;
}

.text_testimonial .new-card-box {
  position: relative;
  padding: 20px 35px;
}

.text_testimonial .new-card-body p.client-name {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.brand_motive_content h5 {
  font-style: italic;
  font-size: 62px;
  font-family: "Satoshi-VariableItalic";
  font-weight: 800;
  color: #1b83bb;
}

.brand_motive_content {
  text-align: center;
}

.brand_motive_title {
  text-align: center;
  margin-bottom: 5rem;
}

/* Home Page Changes */

/* Career Page */
.content-para {
  font-size: 16px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.opportunity-table .common-btn {
  font-size: 14px;
}

#career_read_more_btn {
  font-size: 14px;
  width: 170px;
}

#career_openings_table tr.more-content {
  display: none;
}

.career_openings_read_more_tr {
  display: table-row !important;
}

@media (max-width: 650px) {
  .content-para {
    width: 100%;
  }
}

/* Career Page */

/* Our Story */
.our_story_about_us_content {
  width: 80%;
  margin: auto;
}

div#simple-translate {
  display: none;
}

@media (max-width: 650px) {
  .our_story_about_us_content {
    width: 100%;
    margin: auto;
  }
}

/* Our Story */

/* Shriram In News */
.social-box svg {
  fill: #d0d2d3;
  width: 25px;
  float: unset;
  padding: 0px;
  position: absolute;
  left: 0px;
  top: 10px;
  right: 0px;
  text-align: center;
  margin: auto;
}

.industry-speaks-slider .item img.video_thumbnail {
  height: 250px;
  object-fit: cover;
}

.video-section .card-body {
  padding-top: 25px;
}

.video_box_in_career_page {
  display: flex;
  width: 100%;
}

.video_box_in_career_page a {
  width: 100%;
  margin: 0px 20px;
}

@media (max-width: 650px) {
  .video_box_in_career_page {
    flex-wrap: wrap;
  }

  .opportunity-table td:first-child {
    min-width: 150px;
  }

  .opportunity-table th,
  .opportunity-table td {
    font-size: 14px;
  }

  .life-shriram-slider .location-summmery p {
    font-size: 12px;
  }

  .looking-for.marginT50 {
    margin-top: 30px;
  }

  .career-page-spl-new .inner_box_career_tab.active p {
    font-size: 15px;
  }

  .content-para {
    font-size: 15px;
  }

  .working-at-shriram-new-deign .person-details p {
    font-size: 15px;
  }

  .employee-connect .career-text p {
    font-size: 15px;
  }
}

/* Shriram In News */

.owl-theme .owl-nav {
  pointer-events: none;
}

.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next {
  pointer-events: fill;
}

.recent-synergy-slider h2,
.recent-cp-slider h2 {
  font-size: 18px;
  border-bottom: 1px solid #c2c2c1;
  font-family: "Satoshi-Bold";
  margin-bottom: 15px;
  padding-bottom: 15px;
  text-align: left;
  line-height: 25px;
}

.recent-cp-slider .card-body p,
.recent-synergy-slider .card-body p {
  text-align: left;
}

.recent-cp-slider .card-body {
  min-height: 280px;
}

.recent-synergy-slider .card-body {
  min-height: 400px;
}

@media (max-width: 650px) {

  .recent-cp-slider .card-body,
  .recent-synergy-slider .card-body {
    min-height: auto;
  }

  .our_story_founder_banner img {
    margin: auto;
    height: 295px;
    width: 100%;
  }
}

@media (min-width: 1600px) {
  .our_story_founder_banner img {
    width: 37vw;
  }
}

@media (max-width: 1025px) {
  .working_at_shriram_properties_grid .item {
    width: 31%;
  }
}

@media (max-width: 996px) {
  .our-story .vision-sec .row {
    gap: 20px;
  }

  .mw-100 {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .working_at_shriram_properties_grid .item {
    width: 48%;
  }
}

@media (max-width: 650px) {
  .brand_motive_content h5 {
    font-size: 40px;
  }

  .about_us_brand_ethos .row.vision-sec img {
    width: 70px !important;
    height: 70px;
    object-fit: contain;
    margin: auto;
    margin-bottom: 20px;
  }
}

@media (max-width: 650px) {
  .our-story-main-section .highlights-banner-content .inner_box_row {
    width: 100%;
  }

  .our_story_founder_banner {
    margin-top: -50px;
  }

  .new-load-disclaimer-body.active {
    height: 300px;
    overflow: scroll;
    padding-right: 20px;
  }

  .location-right-sec.map-tab .map-section {
    height: 500px;
    margin-bottom: 5rem;
  }

  .mw-100 {
    width: 100% !important;
  }

  .about-us---shriram-properties section#main {
    padding-top: 0px;
  }

  .spl_community_content_section h2,
  .celebrating_togetherness_section h2.title,
  .spirited_living h2.title,
  .auspicious_beginnings_section h2.title {
    font-size: 20px;
  }

  .spl_community_content_section p {
    font-size: 16px;
  }

  .spl_community_content_section h3 {
    font-size: 20px;
  }

  .node--type-spl-community-engagement .banner-text h1 {
    font-size: 30px;
    width: 90%;
    margin: auto;
  }

  section.recent_synergymeet_content_section.space-pd-top {
    padding-top: 30px;
  }

  .node--type-recent-cp-jbp-meets .banner-text h1 {
    font-size: 25px;
  }

  .node--type-recent-cp-jbp-meets .banner-img .gradientBg {
    object-position: center;
  }

  .node--type-spl-community-engagement .banner-img .gradientBg {
    object-position: 47% top;
  }

  .node--type-recent-cp-jbp-meets .properties-filter.mob-filter {
    width: 80%;
  }

  .recent-synergy-slider .item {
    padding: 20px;
  }

  .new-recent-cp-slider {
    padding-bottom: 0px;
  }

  body.careers .new_title {
    font-size: 20px;
  }

  .career-page-spl-new.why_work_with_spl .tabs_lists ul li button {
    width: 120px;
  }

  #learning_development_accordion .collapse:not(.show) {
    display: none;
  }

  .working_at_shriram_properties_grid .item {
    width: 100%;
  }

  section.working_at_shriram_properties_grid {
    padding: 30px 0px;
  }
}

@media (max-width: 370px) {
  .our-story-main-section .highlights-banner-content .inner_box_row {
    width: 100%;
  }

  .our_story_founder_banner {
    margin-top: -50px;
  }
}

div#home-slider .slide__img picture img {
  width: 100%;
  height: 100%;
}

.properties-filter-sec .project_logo_label img {
  width: auto;
  height: auto;
}

.amenities-icon img {
  width: 36px;
  height: 36px;
}

.person-img img {
  width: 100%;
  height: 100%;
}

.new-recent-cp-slider.pic-awards .recent-cp-slider .card-body {
  min-height: 90px;
}

.financial-table td img {
  width: 41px;
  height: 41px;
}

.logo-sec .logo-box img {
  width: 100%;
  height: 100%;
}

.mob-slider .owl-stage .item .img-div>img {
  width: 100%;
  height: 100%;
}

div#gallery .main-image.panzoom img {
  width: 100%;
  height: 100%;
}

.banner-img img.gradientBg {
  width: 100% !important;
}


@media (max-width: 650px) {
  .financial-table td a {
    margin-bottom: 10px;
    display: inline-block;
  }

  .banner-img .synergy-logo img {
    width: 70px;
    height: 44px;
  }

  .life-at-shriram .banner-img img {
    object-position: 47%;
  }
}

.refer-banner-text img,
.refferal-banner .refer-mid img {
  height: auto;
}

.refer-banner-text img:first-child {
  width: 100%;
}

.refer-banner-text img:last-child {
  width: 150px;
  margin: auto;
  height: auto;
  display: block;
}

.refferal-banner .refer-mid img {
  width: 100%;
}

.navbar-brand img {
  height: auto;
}

.blog-detail .col-md-4 img {
  height: auto;
}


ul.alphabet_style li {
  list-style-type: lower-alpha;
}

ul.dots_style li {
  list-style-type: disc;
}

ul.alphabet_style li::marker,
ul.dots_style li::marker {
  font-family: "Satoshi-Bold", sans-serif;
}

.new_title span a {
  color: #1b83bb;
}


@media(max-width:670px) {
  div#bod .upload-sec {
    padding: 0px;
  }
}

.charter_documents_wrap {}

.financial-table .charter_documents_wrap a {
  background: #1b83bb;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}

.charter_documents_wrap a img {
  width: 30px;
  height: 30px;
}

.stock-info img {
  object-fit: contain;
  width: 225px;
}


/* Virtual Tour */
.virtual-tour-wrapper {
  padding: 50px 0px 0px;
  text-align: center;
}

.virtual-tour-box a {
  display: flex;
}

.virtual-tour-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}


@media(max-width:650px) {
  .virtual-tour-wrapper {
    padding-top: 0px;
  }

  .virtual-tour-box {
    gap: 0px;
    flex-wrap: wrap;
  }
}

/* Virtual Tour */


.vt-enquiry-form .js-form-type-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
}

.vt-enquiry-form textarea {
  width: 100%;
}



/* Gallery Tabs */
.tab_main_content {}

.tab_main_content .tab_content {
  display: none;
}

.project-gallery-slider .slick-slide {
  margin: 0 10px;
}

.vt-slider .slick-slide {
  margin: 0 20px;
  height: auto;
}

.vt_video_box_wrapper .vt_link_target {
  display: flex;
  align-items: center;
  justify-content: center;
}

.vt_video_box_wrapper img {
  filter: brightness(0.5);
  height: 300px;
  min-width: 485px;
}

.vt_video_box_wrapper span.caption {
  position: absolute;
  margin: auto;
  /* background: #fff; */
  display: inline-block;
  z-index: 9;
  padding: 10px 25px;
  border-radius: 30px;
  font-size: 14px;
  width: auto;
  max-width: 230px;
  text-align: center;
  /* margin-bottom: 40px; */
  font-family: 'Satoshi-Medium';
}

.tab_main_content .tab_content.active {
  display: block;
}

.remove-border {
  border: none !important;
}

.tab-wrapper a {
  background: transparent;
  border: 1px solid #1b83bb !important;
  color: #1b83bb !important;
  box-shadow: none;
}

.tab-wrapper a.active {
  background-color: #1b83bb !important;
  border: 2px solid #1b83bb !important;
  outline-color: #1b83bb !important;
  box-shadow: none;
  color: #fff !important;
}

.project-gallery-slider .slick-prev:before,
.vt-slider .slick-prev:before {
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  background-image: url(../images/prev-arrow.svg);
}

.project-gallery-slider .slick-next:before,
.vt-slider .slick-next:before {
  background-image: url(../images/next-arrow.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
}

.vt-slider .slick-next,
.vt-slider .slick-prev,
.project-gallery-slider .slick-next,
.project-gallery-slider .slick-prev {
  width: 50px;
  height: 50px;
  background: #fff !important;
  border-radius: 100%;
  z-index: 33;
  -webkit-box-shadow: 0px 0px 4px 0px #33333382;
  box-shadow: 0px 0px 4px 0px #33333382;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vt-slider .slick-next,
.project-gallery-slider .slick-next {
  right: -10px;
}

.project-gallery-slider .slick-prev,
.vt-slider .slick-prev {
  left: -10px;
}

.vt-slider .slick-dots {
  display: none;
}


@media(max-width:650px) {

  .vt_video_box_wrapper img {
    width: 100%;
    height: 180px;
  }

  .tab-wrapper a {
    margin-bottom: 1rem;
    white-space: nowrap;
    font-size: 14px;
  }

  .tab-wrapper {
    justify-content: start !important;
    overflow: auto;
  }

  .project-virtual-tour .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* Gallery Tabs */

/* Explore Project Button */
.explore_project_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  width: max-content;
  margin: auto;
  background: #ba8f5b;
}

.explore_project_btn svg {
  width: 22px;
  height: 22px;
  transition: .6s;
}

.explore_project_btn:hover {
  color: #ba8f5b;
  border-color: #ba8f5b;
}

.explore_project_btn:hover svg {
  transform: translateX(5px);
}

.explore_project_btn:active {
  background: transparent !important;
  color: #ba8f5b !important;
  border-color: #ba8f5b !important;
}

/* Explore Project Button */

@media (min-width: 1200px) and (max-width: 1365px) {
  .properties-filter .dropdown.selectwidth {
    min-width: 190px !important;
  }
}

/* Adding New CSS */
.project-status-label.sold-out {
  background-color: #BB905B;
  /* background-color: #fe0000; */
}

/* Adding New CSS */


/* Menu */
@media(max-width:991px) {
  .menu-img {
    padding: 20px 10px !important;
    padding-top: 0px !important;
    width: 95%;
    margin: auto;
    height: auto;
    display: block;
  }
}

/* Menu */

/* Banner Project Status  */
.banner_status_logo {
  position: absolute;
  width: 220px;
  top: 2%;
  left: 2%;
}

.banner_status_logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: brightness(0.75);
}

.oc_received_image.banner_status_logo {
  width: 160px;
  top: 5%;
}

@media(max-width:996px) {
  .banner_status_logo {
    width: 150px;
  }

  .oc_received_image.banner_status_logo {
    width: 90px;
    top: 5%;
  }
}

@media(max-width:650px) {
  .banner_status_logo {
    width: 120px;
  }

  .oc_received_image.banner_status_logo {
    width: 90px;
    top: 1%;
  }
}

/* Banner Project Status  */

/* Project Page Pdf Update */
.ec_details_pdfs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  gap: 15px;
  flex-wrap: wrap;
}

.pdf_list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #ccc;
  border-radius: 30px;
  overflow: hidden;
}

.pdf_list a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 14px;
  color: #000;
  background: #f7f7f7;
  padding-right: 20px;
}

.pdf_list span.pdf_icon {
  background: #1b83bb;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 100%;
  width: 45px;
  height: 45px;
}

.pdf_list span.pdf_icon img {
  display: block;
  width: auto;
  height: auto;
}

/* Project Page Pdf Update */

.shriram_advantage_item:nth-child(1) {
  background-position: top center;
}

.owl-main-page-slider .item img {
  width: auto;
  height: auto;
}

#career_read_more_btn_new {
  font-size: 16px;
  width: max-content;
}

.new_table_css#career_openings_table th:first-child,
.new_table_css#career_openings_table td:first-child {
  width: 50%;
}

.new-table-wrapper {
  max-height: none;
  overflow-y: hidden;
}

.new-table-wrapper.scrollable {
  max-height: 366px;
  overflow-y: auto;
}


@media(max-width:996px) {
  .mega-content .menu-img {
    padding: 0px !important;
    border-radius: 20px !important;
    overflow: hidden;
    height: 100px;
    width: 100% !important;
    margin: 15px 0px !important;
  }

  .mega-content .menu-img img {
    height: 100% !important;
    border-radius: 0px !important;
    padding: 0px !important;
    object-fit: cover;
  }

  .menuImg {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .dropdown-menu .menuImg .menu-img {
    margin-top: 0px !important;
  }
}


/* Parvaar css */
.parivaar_floating_box {
  display: flex;
  position: absolute;
  bottom: 22%;
  left: 5%;
  align-items: end;
  gap: 20px;
}

.parivaar_floating_box .small_cotnent {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  text-align: center;
  font-size: 16px;
}

.shriram-parivaar .owl-main-page-slider .item picture img {
  width: 100%;
  height: auto;
}

.parivaar_floating_box a:first-child img {
  width: 80px;
}

.parivaar_floating_box a:nth-child(2) img {
  width: 155px;
  height: 52px;
}

.parivaar_floating_box a:nth-child(3) img {
  width: 157px;
  height: 52px;
}

.parivaar_floating_box a:nth-child(4) img {
  width: 80px !important;
}

.parivaar_floating_box .footnote {
  position: absolute;
  width: 100%;
  bottom: -40px;
  text-align: center;
}

.parivaar_floating_box .footnote p {
  font-size: 10px;
  white-space: nowrap;
}

@media(min-width:1400px) {
  .parivaar_floating_box {
    bottom: 23%;
    left: 8%;
  }
}

@media(min-width:1600px) {
  .parivaar_floating_box {
    bottom: 23%;
    left: 10%;
  }
}

@media(min-width:1920px) {
  .parivaar_floating_box {
    bottom: 27%;
    left: 10%;
  }
}

@media(min-width:2000px) {
  .parivaar_floating_box {
    bottom: 27%;
    left: 12%;
  }
}

@media(min-width:2200px) {
  .parivaar_floating_box {
    bottom: 30%;
    left: 14%;
  }
}

@media(min-width:3000px) {
  .parivaar_floating_box {
    bottom: 30%;
    left: 17%;
  }
}

@media(max-width:1025px) {
  .parivaar_floating_box {
    bottom: 18%;
  }

  .parivaar_floating_box .small_cotnent p {
    font-size: 13px;
  }

  .parivaar_floating_box a:nth-child(2) img {
    width: 120px;
    height: auto;
  }

  .parivaar_floating_box a:nth-child(3) img {
    width: 120px;
    height: auto;
  }

  .parivaar_floating_box a:first-child img {
    width: 66px;
  }

  .parivaar_floating_box a:nth-child(4) img {
    width: 70px !important;
  }

  .parivaar_floating_box .footnote p {
    font-size: 9px;
  }
}

@media(max-width:996px) {
  .parivaar_floating_box {
    bottom: auto;
    top: 39%;
    left: 0px;
    right: 0px;
    margin: auto;
    align-items: end;
    justify-content: center;
  }
}

@media(max-width:425px) {
  .parivaar_floating_box a:first-child {
    display: none;
  }

  .parivaar_floating_box a:nth-child(4) {
    display: none;
  }

  .parivaar_floating_box .small_cotnent {
    position: absolute;
    top: -25px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
  }

  .parivaar_floating_box .footnote {
    width: 60%;
    bottom: -50px;
    text-align: center;
  }

  .parivaar_floating_box .footnote p {
    font-size: 9px;
    white-space: unset;
  }
}

@media(max-width:425px) {
  .parivaar_floating_box {
    top: 41%;
  }

  .parivaar_floating_box .footnote {
    width: 60%;
    bottom: -48px;
    text-align: center;
  }
}

@media(max-width:385px) {
  .parivaar_floating_box .footnote {
    width: 80%;
    bottom: -45px;
    text-align: center;
  }
}

@media(max-width:320px) {

  .parivaar_floating_box a:nth-child(2) img,
  .parivaar_floating_box a:nth-child(3) img {
    width: 90px;
    height: auto;
  }

  .parivaar_floating_box .small_cotnent p {
    font-size: 10px;
  }

  .parivaar_floating_box .small_cotnent {
    top: -20px;
  }
}

/* Parvaar css */


/* SPL Honors Page */
/* Honor Page */
.refferal-banner {
  background: #1d2f4e url("../images/honer-page-desktop-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  height: 459px;
}

.refferal-banner .banner-img {
  justify-content: flex-end;
  height: 100%;
  gap: 30px;
}

.refferal-banner .refer-mid {
  padding: 0px;
  width: 310px;
}

.refferal-banner .refer-mid img {
  width: auto;
}

.refer-banner-text {
  display: none;
}

.upper-advt {
  background: #1e3254;
}

.upper-advt .style-head {
  background: #1e3254;
  color: #fff;
}

.upper-advt .card {
  padding: 25px 15px;
  height: 100%;
}

.upper-advt .card h4 {
  position: relative;
  line-height: initial;
  font-weight: bold;
  margin-top: 15px;
}

.upper-advt .card h4:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #DDA94F;
  left: 0px;
  bottom: -15px;
  right: 0px;
  margin: auto;
}

.upper-advt .card p {
  padding-bottom: 0px;
}

.upper-advt .upper-crest-boxes {
  gap: 15px;
}


.parivaar_section .qr_image {
  display: flex;
  gap: 25px;
  align-items: center;
  justify-content: flex-start;
  margin: 20px 0px;
}

.parivaar_section .qr_image img {
  width: 135px;
  height: auto;
  display: block;
  object-fit: contain;
}

.parivaar_section .app_store_image img {
  width: 150px;
  height: auto;
}

.parivaar_section .app_store_image {
  display: flex;
  gap: 25px;
}

.parivaar_section .app_store_image a {
  display: block;
}

.parivaar_section .qr_image .qr_code {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 150px;
}

.parivaar_section .left_parivaar_content h2 {
  margin-bottom: 10px;
  padding: 0 20px;
}

.parivaar_section .left_parivaar_content h2 span {
  color: #1b83bb;
}

.community_engagement_sec h2.style-head span {
  color: #1b83bb;
}

.parivaar_image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.parivaar_image img {
  width: 445px;
  height: auto;
}

.parivaar_section .qr_image .qr_code span {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
  color: #000;
}

.refer-banner-text img:first-child {
  width: 400px;
}

.refer-banner-text img:last-child {
  display: none;
}

.gold_text {
  color: #BB905B;
}


@media(max-width:1280px) {
  .refferal-banner {
    height: 430px;
  }

  .refferal-banner .refer-mid {
    width: 280px;
  }

  /* Grand city Project page Styles */
  article[data-history-node-id="154"] .project-detail-banner .phase-tabs {
    width: 42%;
  }

  article[data-history-node-id="154"] .phase-tabs .btn {
    font-size: 14px;
  }
}

@media (max-width:1200px) {

  article[data-history-node-id="154"] .project-detail-banner.phase-tabs {
    width: 50%;
  }

  article[data-history-node-id="154"] .project-detail-banner .phase-tabs a {
    width: auto;
  }

  article[data-history-node-id="154"] .project-detail-banner.dot-left .banner-text.full-text {
    top: 50px;
  }

  article[data-history-node-id="154"] .aditya-logo {
    top: 50%
  }

  /* .form-width {
    position: static;
    -webkit-transform: none !important;
    transform: none !important;
    right: auto;
    width: 90%;
    max-width: 360px;
    margin: 20px auto 0;
  } */
}

@media(max-width:1025px) {

  article[data-history-node-id="154"] .project-detail-banner.dot-left .banner-text.full-text {
    top: 30px;
  }

  .refferal-banner {
    height: 332px;
  }

  .refer-banner-text img:first-child {
    width: 350px;
  }

  .refferal-banner .banner-img {
    gap: 10px;
  }

  .refferal-banner .refer-mid {
    padding: 0px;
    width: 232px;
  }

  article[data-history-node-id="154"] .project-detail-banner .phase-tabs {
    width: 75%;
  }

  article[data-history-node-id="154"] .aditya-logo {
    top: 19% !important;
  }
}

@media(max-width:996px) {
  .upper-advt .upper-crest-boxes {
    gap: 15px;
    flex-wrap: wrap;
  }

  .upper-advt .upper-crest-boxes .col {
    flex-basis: 31%;
    flex-grow: unset;
  }

  article[data-history-node-id="154"] .inner-page-slider .project-specific-banner .slick-slide .banner-img img {
    height: 450px;
  }

  article[data-history-node-id="154"] .project-detail-banner.dot-left .banner-text.full-text {
    top: 50px;
  }

  article[data-history-node-id="154"] .aditya-logo {
    top: 15% !important;
  }
}

@media(max-width:650px) {
  .upper-advt .upper-crest-boxes .col {
    flex-basis: 45%;
    flex-grow: unset;
  }

  .parivaar_section .qr_image,
  .parivaar_section .app_store_image {
    justify-content: center;
  }

  .parivaar_image {
    margin-bottom: 25px;
  }

  article[data-history-node-id="154"] .phase-tabs .btn {
    font-size: 1.4rem !important;
  }

  article[data-history-node-id="154"] .project-detail-banner .phase-tabs {
    width: 100%;
  }
}

/* SPL Honors Page */


/* SPL Honors Page - Banner Image */
.app_links_footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}

.app_links_footer img {
  width: 150px;
  height: auto;
}

.app_links_footer a {
  pointer-events: fill;
}

.app_and_spl_logo_footer_box {
  margin-top: -100px;
  pointer-events: none;
  gap: 50px;
}

@media(max-width:996px) {
  .blue_footer_box .great_place_to_work_logo {
    justify-content: center;
    gap: 0px;
  }
}

@media(max-width:1190px) {
  .refferal-banner {
    background: #1c3460 url(../images/honer-page-banner-tablet.webp);
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;
    padding-top: 300px;
  }

  .refferal-banner .banner-img {
    justify-content: center;
    gap: 50px;
  }
}

@media(max-width:800px) {
  .app_links_footer {
    margin-bottom: 2rem;
  }
}

@media(max-width:675px) {
  .app_links_footer {
    margin-top: 30px;
    flex-direction: row;
  }

  .refferal-banner .banner-img {
    justify-content: center;
    gap: 50px;
  }

  .refer-friends {
    margin-top: 30px;
  }
}

@media(min-width:1440px) {
  .refferal-banner {
    height: 488px;
  }
}

@media(min-width:1600px) {
  .refferal-banner {
    height: 542px;
  }
}

@media(min-width:1920px) {
  .refferal-banner {
    height: 650px;
  }

  .refferal-banner .refer-mid {
    width: 510px;
  }

  .refferal-banner .banner-img {
    max-width: 1700px;
  }
}

@media(min-width:2048px) {
  .refferal-banner {
    height: 695px;
  }
}

@media(min-width:2560px) {
  .refferal-banner {
    height: 865px;
  }
}

@media(min-width:2800px) {
  .refferal-banner {
    background-size: cover;
    height: 1037px;
  }

  .refferal-banner .banner-img {
    max-width: 2100px;
  }

  .refferal-banner .refer-mid {
    width: 607px;
  }
}

@media(min-width:3840px) {
  .refferal-banner {
    background-size: cover;
    height: 1300px;
  }

  .refferal-banner .banner-img {
    max-width: 2100px;
  }

  .refferal-banner .refer-mid {
    width: 607px;
  }
}


@media(max-width:1350px) {
  .refferal-banner {
    height: 450px;
    background-size: contain;
  }

  .refferal-banner .refer-mid img {
    width: 252px;
    margin: auto;
    display: block;
    margin-right: 0px;
  }
}

@media(max-width:1200px) {
  .refferal-banner {
    height: 388px;
    background-size: cover;
  }

  .refferal-banner .refer-mid img {
    width: 230px;
    margin: auto;
    display: block;
    margin-right: 0px;
  }

}

@media(max-width:1190px) {
  .refferal-banner {
    background-size: 109%;
    background-repeat: no-repeat;
    background-position: top;
    height: auto;
    padding-top: 384px;
  }

  .refferal-banner .refer-mid img {
    width: 259px;
    margin: auto;
    display: block;
    margin-right: -15px;
  }
}

@media(max-width:996px) {
  .refferal-banner {
    padding-top: 322px;
  }
}

@media (max-width: 800px) {
  .refferal-banner {
    padding-top: 255px;
  }
}

@media (max-width: 768px) {
  .refferal-banner {
    padding-top: 210px;
  }
}

@media (max-width: 550px) {
  .refferal-banner .refer-mid img {
    width: auto;
    margin: auto;
    display: block;
    margin-right: auto;
  }

  .refferal-banner .banner-img {
    justify-content: center;
    gap: 0px;
  }

  .refferal-banner {
    background-size: 650px;
    background-position: top;
    height: auto;
  }
}


/* SPL Honors Page - Banner Image */


/* SPL Honors Page - Home Banner Image */

.banner-new-slider .item.banner_index_3 .slide__content {
  top: auto;
  bottom: 20%;
  left: auto;
  right: 5%;
  pointer-events: none;
}

.item.banner_index_3 .banner_new_headline_box .twenty_fifth_logo span.title_logo {
  display: block;
  width: 319px;
  height: 110px;
  background-image: url(/themes/shriram/images/spl-honor-logo-300px.png);
  background-repeat: no-repeat;
  background-position: right;
  margin: auto;
  margin-right: 0px;
}

@media(max-width:996px) {
  .banner-new-slider .item.banner_index_3 .slide__content {
    top: 15%;
    bottom: auto;
    left: 0px;
    right: 0px;
    margin: auto;
  }

  .banner-new-slider h2.banner_white_gray_headline {
    text-align: center !important;
  }
}

@media(max-width: 675px) {
  .item.banner_index_3 .banner_new_headline_box .twenty_fifth_logo span.title_logo {
    width: 195px;
    margin: auto;
    height: 90px;
  }

  .banner-new-slider .item.banner_index_4 .slide__content {
    top: auto;
    bottom: 13%;
  }

  article[data-history-node-id="154"] .project-detail-banner.dot-left .banner-text.full-text {
    top: 8%;
  }

  article[data-history-node-id="154"] .aditya-logo {
    top: 16% !important;
  }
}

/* SPL Honors Page - Home Banner Image */


/* Site Map */
.sitemap .list-group ul li.child_lists ul {
  padding-left: 15px;
  margin-top: 0px;
}

.sitemap .list-group-item li.child_lists::after {
  top: 20%;
}

/* Site Map */



/* Home Slider 1 */
.item.banner_index_1 .slide__content {
  right: 11%;
  left: auto;
  text-align: center;
}

.item.banner_index_1 .banner_white_gray_headline {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.item.banner_index_1 .slide__content h2.banner_white_gray_headline br {
  display: none;
}

.item.banner_index_1 .slide__content h5 {
  font-size: 20px;
  color: #fff;
}

.item.banner_index_1 .slide__content hr {
  width: 100px;
  margin: 2rem auto;
  border-color: #e0e0e0ad;
  border-block-width: 2px;
}


@media(max-width:675px) {
  .item.banner_index_1 .slide__content {
    left: 0px;
    right: 0px;
    margin: auto;
    top: auto;
    bottom: 15%;
  }

  .item.banner_index_1 .banner_white_gray_headline {
    display: inline-block;
  }

  .item.banner_index_1 .slide__content hr {
    margin: 10px auto;
  }
}

@media(max-width:675px) {
  .item.banner_index_1 .slide__content {
    left: 0px;
    right: 0px;
    margin: auto;
    top: auto;
    bottom: 10%;
  }

  .item.banner_index_1 .banner_white_gray_headline {
    display: inline-block;
  }

  .item.banner_index_1 .slide__content hr {
    margin: 10px auto;
  }

  #home-slider .owl-dots {
    bottom: 15px;
  }
}

/* Home Slider 1 */

/* .blog-sec .card-box.card-style-2.postID__1851 {
    display: none;
} */

.project-detail-banner .phase-tabs {
  width: 52%;
  margin: auto;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

@media(max-width:1200px) {
  .project-detail-banner .phase-tabs a {
    width: 46%;
    text-align: center;
    align-items: center;
    justify-content: center;
  }

  .project-detail-banner .phase-tabs {
    width: 45%;
  }
}

@media(max-width:1170px) {
  .project-detail-banner .phase-tabs {
    margin-top: 135px !important;
  }

  .project-detail-banner .phase-tabs {
    width: 100%;
  }

  .project-detail-banner .phase-tabs a {
    width: auto;
  }

  .project-detail-banner.dot-left .banner-text.full-text {
    top: 50px;
  }

  .aditya-logo {
    top: 165px !important;
  }
}

@media(max-width:1025px) {
  .aditya-logo {
    top: 17% !important;
  }

  .project-detail-banner.dot-left .banner-text.full-text {
    top: 30px;
  }
}

@media(max-width:910px) {
  .project-detail-banner.dot-left .banner-text.full-text {
    top: 15px;
  }

  .aditya-logo {
    top: 14% !important;
  }
}


@media (max-width: 700px) {
  .project-detail-banner.dot-left .banner-text.full-text {
    top: 70px;
  }

  .aditya-logo {
    top: 18% !important;
  }
}

@media (max-width: 650px) {
  .project-detail-banner .phase-tabs {
    width: 98%;
    gap: 0px;
  }

  .project-detail-banner.dot-left .banner-text.full-text {
    top: 17%;
  }

  .aditya-logo {
    top: 25% !important;
  }
}

.city_body_content p {
  margin-bottom: 15px;
}


@media(min-width: 768px) {
  .homePageFilter .properties-filter {
    width: 100%;
    max-width: 700px;
    margin: auto;
  }

  .homePageFilter .properties-filter .dropdown {
    min-width: 170px;
  }

  .homePageFilter .properties-filter .dropdown.selectwidth {
    min-width: 170px;
  }
}



/* project-blog-slider */
.project-blog-slider .item {
  padding: 20px;
}

.project-blog-slider .item_inner {
  border: 1px solid #ccc;
  padding: 5% 8%;
  border-radius: 12px;
}

.project-blog-slider .title {
  margin-bottom: 2rem;
}

.project-blog-slider .title h2 {
  font-size: 18px;
  line-height: 25px;
}

.project-blog-slider .blog-image {}

.project-blog-slider a {
  color: #3c3c3b;
}

.project-blog-slider .blog-image img {
  height: 220px !important;
  object-fit: cover;
}

.project-blog-slider .content {}

.project-blog-slider .content p {
  font-size: 15px;
  line-height: 25px;
}

/* project-blog-slider */


.complated_project_grid.project_page_grid .card-body {
  min-height: 120px;
}


.parivaar_floating_box.synergy_app_new .small_cotnent {
  position: relative;
  width: 100%;
  inset: auto;
}

.parivaar_floating_box.synergy_app_new {
  flex-wrap: wrap;
  bottom: 11%;
  left: 13%;
  width: 100%;
  max-width: 550px;
  gap: 5px 16px;
  align-items: center;
}

.parivaar_floating_box.synergy_app_new .small_cotnent {
  font-size: 14px;
  font-weight: 700;
}

.footnote.mobile_show {
  display: none;
}


/* Mobile Device */

@media(max-width:650px) {
  .parivaar_floating_box.synergy_app_new {
    top: 37%;
    bottom: auto;
    left: 0px;
    width: 85%;
  }

  .parivaar_floating_box.synergy_app_new a:nth-child(3) img {
    width: 120px;
    height: auto;
  }

  .parivaar_floating_box.synergy_app_new a:nth-child(2) img {
    width: 120px;
    height: auto;
  }

  .parivaar_floating_box.synergy_app_new .small_cotnent {
    line-height: 16px;
    font-size: 12px;
    width: 71%;
    margin-top: 5px;
  }

  .parivaar_floating_box.synergy_app_new .footnote {
    width: 100%;
    bottom: auto;
    text-align: center;
    position: relative;
  }

  .parivaar_floating_box.synergy_app_new .footnote {
    display: none;
  }

  .parivaar_floating_box.synergy_app_new .mobile_show {
    display: block;
  }

  .footnote.mobile_show p {
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;

  }

  .footnote.mobile_show {
    padding: 10px 20px;
    display: block;
  }
}

/*  */
.custom-overview-pointers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 3rem 0px 0rem 0px;
}

ul.custom-overview-pointers li {
  padding: 0px;
  width: 30%;
  text-align: center;
}

article.node--unpublished {
  background-color: #fff;
}


[data-history-node-id="1740"] .aditya-logo {
  padding: 0px;
  width: 129px !important;
}

[data-history-node-id="1740"] .aditya-logo img {
  width: 120px !important;
}

form#project-form input#edit-submit-project-form {
  background: #1B83BB !important;
  color: #fff !important;
  -webkit-transition: background-color 0.3s, color 0.3s !important;
  transition: background-color 0.3s, color 0.3s !important;
  position: relative;
  z-index: 1;
  border: 2px solid transparent !important;
  border-radius: 100px !important;
}

.blog-inner-sec table,
.blog-inner-sec table th {
  color: #000;
  font-family: 'Satoshi-Light';
  font-size: 1.7rem;
  padding: 8px 0;
  text-align: justify;
}


/* ===== /financials: table → card layout on mobile (<=767px) ===== */
@media (max-width: 767px) {
  .financial-page .table-responsive {
    overflow-x: visible;
  }

  .financial-page .financial-table {
    padding: 15px;
    margin-top: 20px;
  }

  .financial-page .financial-table table,
  .financial-page .financial-table tbody {
    display: block;
    width: 100%;
  }

  .financial-page .financial-table table tr:first-child {
    display: none;
  }

  .financial-page .financial-table table tr {
    display: block;
    background: #fff;
    border: 1px solid #bb905b;
    border-radius: 12px;
    padding: 6px 16px 12px;
    margin-bottom: 16px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
  }

  .financial-page .financial-table td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
    padding: 10px 0;
    border-top: 1px solid #ececec;
    text-align: right;
  }

  .financial-page .financial-table td:first-child {
    justify-content: flex-start;
    border-top: 0;
    border-bottom: 2px solid #bb905b;
    padding: 4px 0 12px;
    margin-bottom: 4px;
  }

  .financial-page .financial-table td:first-child .year-div {
    font-size: 1.7rem;
    padding: 6px 24px;
  }

  .financial-page .financial-table td:nth-of-type(2)::before {
    content: "Q1";
  }

  .financial-page .financial-table td:nth-of-type(3)::before {
    content: "Q2";
  }

  .financial-page .financial-table td:nth-of-type(4)::before {
    content: "Q3";
  }

  .financial-page .financial-table td:nth-of-type(5)::before {
    content: "Q4";
  }

  .financial-page .financial-table td::before {
    font-family: 'Satoshi-Bold', sans-serif;
    font-size: 2rem;
    color: #212529;
    margin-right: 12px;
  }

  .financial-page .financial-table td p {
    margin: 0;
  }

  .financial-page .financial-table td a {
    margin: 0 0 0 8px;
    display: inline-block;
  }

  .financial-page .financial-table td img {
    width: 35px;
    height: auto;
  }
}


/* ===== investor upload rows - mobile alignment (financials / annual-report) <=767px ===== */
@media (max-width: 767px) {
  .financial-page .press-release-upload .upload-sec {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 0;
  }

  .financial-page .press-release-upload .upload-sec .date-sec {
    padding-right: 0;
  }

  .financial-page .press-release-upload .upload-sec .subsidiary-title {
    width: auto;
  }

  .financial-page .press-release-upload .upload-sec .pdf-name {
    width: 100%;
    margin: 0;
  }

  .financial-page .press-release-upload .upload-sec .explore-btn {
    margin: 0;
  }
}

@media(max-width:350px) {
  article[data-history-node-id="154"] .phase-tabs .btn {
    font-size: 1.2rem !important;
  }
}