/**
    Theme Name: LC Blank
    Theme URI: http://themeforest.net/user/DanyDuchaine
    Author: Slobodan Kustrimovic
    Author URI: http://themeforest.net/user/DanyDuchaine
    Description: Multipurpose theme powered by Live Composer.
    Version: 1.0.2
    License: GPL2
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/**
 * Reset CSS
 */

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
td,
th {
  font-weight: 400;
  text-align: left;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
a img {
  border: 0;
}

body {
  font-size: 15px;
}

img,
embed,
iframe,
object {
  max-width: 100%;
}

.align-center {
  /* text-align: center; */
  /* margin-top: 30px; */
}

.align-center a {
  text-decoration: none;
  color: #1498db;
}

.align-center a:hover {
  text-decoration: underline;
}

/*Blog changes*/
.blog-page .floating-box {
  width: 30%;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: 10%;
  padding: 3%;
  box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
  z-index: 99;
  text-align: center;
}
section.blog-content-wrapper .post_image_box .image_box {
  height: 265px;
  margin-bottom: 3vh;
}
article.blog-posts-lists:hover img {
  transform: scale(1.2);
}
section.blog-content-wrapper .post_image_box .image_box img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.6s;
}
article.blog-posts-lists {
  margin-top: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 16px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 16px rgb(0 0 0 / 10%);
  min-height: 600px;
  width: 45%;
}

article.blog-posts-lists:nth-child(odd) {
  margin-right: 5%;
}
article.blog-posts-lists:nth-child(1) {
  margin-top: 0px;
}
article.blog-posts-lists:nth-child(2) {
  margin-top: 0px;
}
.blog_content_box {
  padding: 5%;
}
.blog_content_box h2 {
  padding: 3% 0px;
  line-height: 30px;
  color: #222;
  font-size: 20px;
  min-height: 95px;
  margin: 0;
}
.blog_content_box .small-title {
  font-size: 13px;
  color: #005bbb;
}
.blog_content_box .post_para {
}
.blog_content_box .post_para a {
  color: #222;
  font-size: 15px;
}
.blog_content_box .post_para p {
  font-size: 15px;
  margin-bottom: 3vh;
  min-height: 250px;
}
.blog_content_box a {
}
.blog_content_box .post_para span {
}
.blog_content_box .blog_bottom_section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog_content_box .blog_bottom_section p {
}
.blog_content_box .blog_bottom_section .read_more {
}
.blog_content_box .blog_bottom_section .read_more a {
  display: inline-block;
  color: #005bbb;
  font-size: 13px;
}
.blog_content_box .blog_bottom_section .view_lists {
  font-size: 13px;
}
.image-inside-height-100vh img {
  height: 100vh !important;
}
.blog-single-page {
}
.blog-single-page h1 {
  font-size: 25px;
}
.blog-single-page .floating-box {
  bottom: 15%;
  top: auto;
}

.blog_content_inner h3.post_title_main {
  font-size: 25px;
  margin-bottom: 2vh;
}
.publishing-date p {
  font-size: 12px;
  margin-bottom: 3vh;
}

.blog_content_main p {
  font-size: 15px;
  margin-bottom: 3vh;
}
.search_box {
  margin-bottom: 3vh;
}
.search_box form {
  display: flex;
}
.search_box input {
  border: 1px solid #e6e6e6;
  padding: 10px;
  border-right: 0px;
  border-radius: 6px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.search_box button {
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background: #005bbb;
  color: #fff;
}

.search_box.email_box.box_top p {
  font-size: 18px;
  margin-bottom: 1vh;
  font-weight: 500;
}

.search_box.email_box.box_top ul {
  padding-left: 5%;
}
.search_box.email_box.box_top ul li {
  list-style-type: disc;
}
.search_box.email_box.box_top ul li a {
  line-height: 25px;
  color: #222;
  font-size: 15px;
}
/*Blog changes*/

/*My account Page*/
section.my-account-page .alert.alert-warning {
  padding: 10px;
  font-size: 12px;
}
/*My account Page*/
html .enquiry_form_sidebar .formcraft-css .fc-form {
  box-shadow: none;
}

.thankyou-page {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.thankyou-page h1 {
  font-size: 100px;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 28px;
  opacity: 0.7;
  /*font-family: "Oswald", sans-serif;*/
}

.green-circle-btn {
  background: #005bbb !important;
  border-radius: 20px !important;
  color: white !important;
  padding: 5px 24px !important;
  font-size: 12px;
  margin-top: 3vh;
}

.popup-form-wrapper.white-popup {
  background: transparent !important;
  width: 30%;
}

.mfp-close-btn-in .mfp-close {
  background: transparent;
  color: #fff !important;
  opacity: 1;
  right: -10px;
}

@media (max-width: 475px) {
  .popup-form-wrapper.white-popup {
    width: 100%;
    max-width: 100%;
  }
}

/*Tabs*/

/* Tabbed Styles */
.tabbed {
  width: 99% !important;
  min-width: 400px;
  margin: 0 auto;
  margin-bottom: 30px;
  border-bottom: 4px solid #000;
  overflow: hidden;
  transition: border 250ms ease;
}
.tabbed ul {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  float: left;
  padding-left: 48px;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(10, calc(12.3333% - 44px)) !important;
  min-height: auto;
  grid-gap: 0px;
}
.tabbed ul * {
  margin: 0px;
  padding: 0px;
}
.tabbed ul li {
  display: block;
  float: right;
  padding: 10px 20px 8px;
  background-color: #fff;
  margin-right: 30px;
  z-index: 2;
  position: relative;
  cursor: pointer;
  color: #777;
  text-transform: uppercase;
  font: 600 13px/20px roboto, "Open Sans", Helvetica, sans-serif;
  transition: all 250ms ease;
}
.tabbed ul li:before,
.tabbed ul li:after {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  height: 100%;
  width: 45px;
  background-color: #fff;
  transition: all 250ms ease;
}
.tabbed ul li:before {
  right: -28px;
  transform: skew(35deg, 0deg);
  box-shadow: rgba(0, 0, 0, 0.1) 3px 2px 5px,
    inset rgba(255, 255, 255, 0.09) -1px 0;
}
.tabbed ul li:after {
  left: -24px;
  transform: skew(-30deg, 0deg);
  box-shadow: rgba(0, 0, 0, 0.1) -3px 2px 5px,
    inset rgba(255, 255, 255, 0.09) 1px 0;
}
.tabbed ul li:hover,
.tabbed ul li:hover:before,
.tabbed ul li:hover:after {
  background-color: #f4f7f9;
  color: #444;
}
.tabbed ul li.active {
  z-index: 3;
}
.tabbed ul li.active,
.tabbed ul li.active:before,
.tabbed ul li.active:after {
  background-color: #000;
  color: #fff;
}

/* Round Tabs */
.tabbed.round ul li {
  border-radius: 8px 8px 0 0;
}
.tabbed.round ul li:before {
  border-radius: 0 8px 0 0;
}
.tabbed.round ul li:after {
  border-radius: 8px 0 0 0;
}

/* Skins */
.tabbed[class*="skin-"] ul li {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.1) 0 1px;
}

.tabbed.skin-turquoise {
  border-bottom-color: #005bbb;
}
.tabbed.skin-turquoise ul li,
.tabbed.skin-turquoise ul li:before,
.tabbed.skin-turquoise ul li:after {
  background-color: #a7cc2c;
  z-index: 0;
}
.tabbed.skin-turquoise ul li:hover,
.tabbed.skin-turquoise ul li:hover:before,
.tabbed.skin-turquoise ul li:hover:after {
  background-color: #005bbb;
}
.tabbed.skin-turquoise ul li.active,
.tabbed.skin-turquoise ul li.active:before,
.tabbed.skin-turquoise ul li.active:after {
  background-color: #005bbb;
}

.tabbed.skin-turquoise button {
  background-color: transparent;
  outline: none !important;
}
/*Tabs*/

ul.month-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3vh;
  margin-bottom: 5vh;
}

.events-content-inner {
  margin-top: 3vh;
}

ul.month-tabs button {
  padding: 10px 20px;
  width: 140px;
  margin: 0px 10px;
  box-shadow: none !important;
  background: transparent;
  border: 1px solid #005bbb;
  color: #005bbb;
}

ul.month-tabs button.active {
  background: #005bbb;
  color: #fff;
}

ul.month-tabs button:focus {
  outline: none !important;
}

.events-content-inner .image {
  width: 100%;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
}

.events-content-inner .image img {
  width: 100%;
  height: 100%;
}

.events-content-inner.year-2013 .image img {
  width: 100% !important;
  height: 100% !important;
}

.month-tabs-content {
  width: 80%;
  margin: auto !important;
  margin-top: 3vh !important;
}

.soldout-text {
  font-size: 15px;
  margin-top: 2vh;
  color: #1468e2;
  /*font-weight: 600;*/
}

/*p.show strong {
    font-weight: unset;
}*/

p.show strong b {
  font-weight: unset;
}

.mfp-close-btn-in .popup-form-wrapper .mfp-close {
  background: transparent !important;
  color: #fff !important;
  opacity: 1 !important;
}

.right-box-for-location-section .input-group {
  width: 85%;
  min-height: 50px;
}

.controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#origin-input {
  left: 485px !important;
  top: 35px !important;
  border-radius: 0px;
  outline: none;
  box-shadow: none;
  width: 330px;
  max-width: 330px;
  border: none;
  height: auto;
  padding: 10px;
  z-index: 99;
}

#origin-input:focus,
#destination-input:focus {
  border-color: #4d90fe;
}

#mode-selector {
  color: #fff;
  background-color: #4d90fe;
  margin-left: 12px;
  padding: 5px 11px 0px 11px;
}

#mode-selector label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}

.location_map div#map {
  height: 300px;
  overflow: visible !important;
}

[aria-label="Map"] {
  overflow: hidden;
}

#destination-input,
#mode-selector {
  display: none;
}

/*.get_direction_text{
    background: #005bbb;
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
}*/

div#map_pins {
  height: 350px;
}

.hidden.active_map_frame {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

.active_map_frame {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

span#loc-selector input {
  opacity: 0;
  position: absolute;
}

#map_wrapper {
  height: 350px;
}

.location-select label {
  width: 90%;
  cursor: pointer;
  height: 100%;
  position: absolute;
  left: 10%;
  right: 0px;
  top: 30%;
  bottom: 0px;
}

.location-box-tabs-content.about_location .ui .title {
  position: relative;
}

/*Pay Online*/
.pay-online-box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
}
.pay-online-box .box.image-box {
  width: 40%;
}
.pay-online-box .box.form-box {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}

.pay-online-box .box {
  height: 100%;
  position: relative;
}

.pay-online-page {
  height: 100%;
  width: 100%;
}
.pay-online-box .box img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.header-logo-box {
  text-align: left;
  position: relative;
  top: auto;
  right: auto;
  width: 100%;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9;
}

.header-logo-box img {
  width: 110px;
}

.pay-online-box .box .header-logo-box img {
  width: 100px;
  height: auto;
}

.pay-online-form {
  width: 60%;
  margin: auto;
}

#btn-razorpay {
  width: 170px;
  padding: 13px;
  background: #005BBB;
  display: block;
  margin: auto;
  color: #fff;
  border-radius: 3px;
  margin-top: 0vh;
  margin-bottom: 2vh;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
}

#btn-razorpay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1e4280;
  -webkit-transform: scaleX(0) skewX(-20deg);
  -ms-transform: scaleX(0) skewX(-20deg);
  -o-transform: scaleX(0) skewX(-20deg);
  transform: scaleX(0) skewX(-20deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s;
}

#btn-razorpay:hover::before,
#btn-razorpay:focus::before {
  -webkit-transform: scaleX(1.2) skewX(-20deg);
  -ms-transform: scaleX(1.2) skewX(-20deg);
  -o-transform: scaleX(1.2) skewX(-20deg);
  transform: scaleX(1.2) skewX(-20deg);
  color: #fff;
}

#btn-razorpay span {
  position: relative;
  z-index: 9;
}
label.checkcon {
  font-size: 13px;
}

.pay-online-box .box.form-box input:not(#existing_customer input) {
  height: auto;
  padding: 10px;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #75757540;
  border-radius: 0px;
  font-weight: 400;
  white-space: normal;
  word-wrap: normal;
  font-size: 15px;
  color: rgba(191, 191, 191, 0.87);
  opacity: 0.9;
}

/*.pay-online-box .box.form-box .ui.selection.dropdown{
    height: auto;
    padding: 10px;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #75757540;
    border-radius: 0px;font-size: 15px;color: rgba(191,191,191,.87);font-weight: 400;
}

.pay-online-box .box.form-box .ui.selection.dropdown .menu>.item{
    font-size: 15px;
}*/

.pay-online-box .box.form-box .form-group {
  margin-bottom: 20px;
}

.pay-online-floating-text {
  left: 5%;
  position: absolute;
  top: auto;
  bottom: 7%;
}

.pay-online-floating-text p {
  font-size: 50px;
  font-weight: 600;
  line-height: 50px;
  color: #fff;
  text-align: left;
  text-shadow: 1px 1px 0 #dad3d3, 3px 1px 0 rgb(0 0 0 / 15%);
}

.bottom-phone-number {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: #005BBB;
  padding-left: 15px;
  color: #fff !important;
}
.bg-shadow {
  position: relative;
}
.bg-shadow:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(#ffffff00, #00000091);
}

.bottom-phone-number a {
  color: #fff;
}

.bottom-phone-number a i {
  color: #fff;
  margin-right: 3px;
}
.bottom-phone-number a:hover {
  color: #fff;
  opacity: 0.8;
}

.page-title-element {
  position: fixed;
  margin: 0;
  top: 85%;
  left: 100%;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 0.4;
  color: #e0e0e0;
  text-transform: uppercase;
  line-height: 0.6;
  white-space: nowrap;
  /* font-family: 'Ropa Sans', sans-serif; */
  font-size: 90px;
  font-weight: bold;
  z-index: 0;
}
.pay-online-box .box.form-box small {
  font-size: 11px;
  text-align: center;
  display: block;
  margin-top: 1vh;
}

.mfp-close-btn-in div#tandc_apply .mfp-close {
  background: transparent;
  right: 15px;
  top: 16px;
  font-size: 35px;
  color: #fff !important;
}

.popup-content-title {
  background-color: #005BBB;
  color: #fff;
  position: relative;
  text-transform: uppercase;
  font-size: 1.5em;
  margin: 0;
  /*font-family: 'Ropa Sans', sans-serif;*/
  font-weight: 400;
  padding: 2%;
}
div#tandc_apply {
  padding: 0px;
}
.popup-content-body {
  padding: 2vw 5vw;
  padding-right: 3vw;
  height: 540px;
  overflow-y: scroll;
}
.popup-content-body ul {
  line-height: 25px;
}
.popup-content-body ul li {
  margin-bottom: 1vh;
  list-style-type: disc;
  font-size: 15px;
}

.popup-content-body::-webkit-scrollbar {
  width: 8px;
}

.popup-content-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
}

.popup-content-body::-webkit-scrollbar-thumb {
  background-color: #1e4280;
  outline: 1px solid slategrey;
  border-radius: 0px;
}

/**/
.tabs_wrapper {
  text-align: center;
  margin: 30px auto;
  margin-top: 0px;
  margin-bottom: 5vh;
  display: none;
}

.tabs_wrapper .tabs {
  margin-top: 0px;
  font-size: 15px;
  padding: 5px;
  list-style: none;
  background: #fff;
  box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
  display: inline-block;
  border-radius: 50px;
  position: relative;
}

.tabs_wrapper .tabs .selector {
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  border-radius: 50px;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  background: #e4c96b;
  background: -moz-linear-gradient(45deg, #05abe0 0%, #8200f4 100%);
  background: -webkit-linear-gradient(45deg, #e4c96b 0%, #c87233 100%);
  background: linear-gradient(45deg, #bdde4e 0%, #005bbb 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#05abe0', endColorstr='#8200f4', GradientType=1);
}

.tabs_wrapper .tabs a.active {
  color: #fff;
}

.tabs_wrapper .tabs a {
  text-decoration: none;
  color: #777;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  z-index: 1;
  transition-duration: 0.6s;
  font-size: 15px;
}

button.multisteps-form__progress-btn {
  background: transparent;
}
.multisteps-form__progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
}

button.multisteps-form__progress-btn {
  background: transparent;
  flex: 1;
  text-align: left;
  padding: 15px;
  padding-left: 35px;
  position: relative;
  font-size: 13px;
  transition: font-weight 0.5s ease;
}

button.multisteps-form__progress-btn span.selection_box {
  position: absolute;
  top: 10px;
  left: -5px;
  width: 25px;
  height: 25px;
  background: #4e4e4e;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
}

button.multisteps-form__progress-btn.js-active span.selection_box {
  background: #408cbf;
}

button.multisteps-form__progress-btn:nth-child(1) span.selection_box:after {
  content: "1";
  color: #fff;
}
button.multisteps-form__progress-btn:nth-child(2) span.selection_box:after {
  content: "2";
  color: #fff;
}
button.multisteps-form__progress-btn:nth-child(3) span.selection_box:after {
  content: "3";
  color: #fff;
}

button.multisteps-form__progress-btn.js-active span.selection_box:after {
  content: "\f00c";
  font-family: "FontAwesome";
  /*font-family: 'Poppins';*/
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  margin-top: 0px;
}

button.multisteps-form__progress-btn.js-active {
  font-weight: 600;
}

.border-bottom-right {
  position: relative;
}

.border-bottom-right:after {
  content: "";
  position: absolute;
  width: 30%;
  height: 1px;
  background: #b3b3b34d;
  top: 50%;
  right: 17px;
}

button.multisteps-form__progress-btn.border-bottom-right:nth-child(2):after {
  content: "";
  position: absolute;
  width: 41%;
  height: 1px;
  background: #b3b3b34d;
  top: 50%;
  right: 11px;
}

.choose_box {
  width: 100%;
  /*margin-top: 5vh;*/
  background: #f6f1fe;
  padding: 5%;
  border-bottom: 5px solid #183d7d;
}
.choose_box h2 {
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 3vh;
  color: #4e4e4e;
}

.ui.checkbox input[type="checkbox"] {
  width: 68% !important;
  top: -5px !important;
}

.choose_box .input-block {
  margin: 10px 0px;
}

.choose_box .fields.two {
  max-width: 100%;
  margin: auto !important;
}

.choose_box .field-box {
  width: 50%;
}

.multisteps-form__panel {
  width: 70%;
  margin: 5vh 0px;
}

.multisteps-form__form.ui.form .field > label {
  margin-bottom: 3vh;
}

.multisteps-form__panel {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.multisteps-form__panel[data-animation="scaleIn"].js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  height: auto;
  top: auto;
  left: auto;
}

form.multisteps-form__form {
  min-height: 100vh;
  position: relative;
}
form.review_payment_form {
  min-height: 100vh;
  position: relative;
}

.head_details {
  padding: 20px 15px;
  background: #005bbb;
  color: #fff;
}

.review_payment_details {
  width: 75%;
  margin: auto;
  box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
  border: 1px solid #dadada;
}
.existing_customer .review_payment_details {
  width: 65%;
}

.body_details {
  padding: 8%;
}

.booking_news {
  padding: 3%;
  background: #f3f3f3;
  margin-bottom: 3vh;
}

.booking_news p {
  font-size: 14px;
}

.booking_inner_details .block-box span.label {
  color: #5a5a5a;
  font-weight: 500;
  font-size: 13px;
  line-height: 25px;
  /*text-align: right;*/
  /*display: block;*/
}

.booking_inner_details {
}

.block-box {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 1vh;
  padding: 3% 0%;
}
.error_find.green {
  border: 1px solid green !important;
}
/**/

@media (max-width: 1200px) {
  .pay-online-page {
    /*height: 60vh;*/
    width: 100%;
  }
  .pay-online-box {
    border-bottom: 1px solid #5f5f5f;
  }
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
  .pay-online-page {
    /*height: 80vh;*/
    width: 100%;
  }
  .pay-online-floating-text p {
    font-size: 40px;
  }
  .pay-online-form {
    width: 70%;
    margin: 0px;
    margin-left: 9%;
  }
  label.checkcon {
    font-size: 13px;
    line-height: 25px;
  }
  .pay-online-box .box.form-box small {
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .pay-online-box {
    width: 100%;
  }
  .pay-online-box .box.form-box {
    padding-top: 5vh;
    justify-content: flex-start;
  }
  .header-logo-box {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    left: 0px;
    text-align: center;
    padding-bottom: 5vh;
  }
  .pay-online-box .box.image-box,
  .pay-online-box .box.form-box {
    width: 100%;
  }

  .page-title-element {
    bottom: auto;
    position: absolute;
    top: 100%;
    z-index: 9;
    background: #fff;
    display: none;
  }

  .bottom-phone-number a {
    margin-left: 5px;
  }
  div#tandc_apply {
    width: 100%;
    max-width: 95%;
  }
  .mfp-close-btn-in div#tandc_apply .mfp-close {
    background: transparent;
    right: 10px;
    top: 10px;
    font-size: 35px;
    color: #fff !important;
  }
  .popup-content-body {
    padding: 5vw 9vw;
    padding-right: 2vw;
    height: 540px;
    overflow-y: scroll;
  }
  .popup-content-title {
    padding: 5%;
  }
  .multisteps-form__panel {
    width: 100%;
    margin: 5vh 0px;
  }
  .review_payment_details {
    width: 100%;
  }
  form.multisteps-form__form {
    min-height: auto;
  }
  .multisteps-form__progress {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .border-bottom-right:after {
    display: none;
  }
  .existing_customer .review_payment_details {
    width: 100%;
  }
  .pay-online-box {
    border-bottom: 1px solid #5f5f5f;
    padding-bottom: 5vh;
  }
  .choose_box .field-box {
    width: 100%;
    margin: 10px 0px;
  }
  .choose_box .field-box:last-child {
    margin-bottom: 0px;
  }
  .choose_box .field-box:first-child {
    margin-top: 0px;
  }
  .multisteps-form__panel {
    position: relative;
  }
}
@media (max-width: 375px) {
}
/*Pay Online










/*New Legacy Page*/
.timeline-legacy-new-page {
  margin-bottom: 15vh;
}
.main-top-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45%;
  margin: 5vh auto;
  background: #f5f5f5;
  padding: 3% 2%;
  box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
}

.main-top-box img {
  width: 100px;
}

.main-top-legacy-image {
  width: 30%;
}

.main-top-legacy-right-side-box {
  width: 60%;
  margin-left: 5%;
  text-align: center;
}

h5.timeline-legacy {
}

.main-top-legacy-right-side-box h5.timeline-legacy {
  padding: 10px 0px;
}

.legacy-small-content {
  line-height: 20px;
  font-size: 13px;
  font-weight: 500;
  margin: 10px 0px;
  min-height: 100px;
}

.below-main-top-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.below-main-top-box .box {
  width: 18%;
  background: whitesmoke;
  padding: 2%;
  text-align: center;
  margin-bottom: 2%;
  margin-right: 2%;
  box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
}

.below-main-top-box .box img {
  width: 100px;
}

h5.timeline-legacy {
  padding: 10px 0px;
  color: #565656;
  font-size: 20px;
}

@media (max-width: 1200px) {
  .below-main-top-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .main-top-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60%;
    margin: 5vh auto;
    background: #f5f5f5;
    padding: 3% 2%;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
  }
  .below-main-top-box .box {
    width: 23%;
    background: whitesmoke;
    padding: 2%;
    text-align: center;
    margin-bottom: 5%;
    margin-right: 2%;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
  }
}
@media (max-width: 990px) {
}
@media (max-width: 768px) {
  .below-main-top-box .box {
    width: 30%;
    background: whitesmoke;
    padding: 2%;
    text-align: center;
    margin-bottom: 5%;
    margin-right: 2%;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
  }
}
@media (max-width: 550px) {
  .timeline-legacy-new-page .container {
    width: 100%;
    padding: 0px;
  }
  .main-top-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 5vh auto;
    background: #f5f5f5;
    padding: 3% 2%;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
  }
  .below-main-top-box .box {
    width: 48%;
    background: whitesmoke;
    padding: 5% 2%;
    text-align: center;
    margin-bottom: 5%;
    margin-right: 2%;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
  }
  .legacy-small-content {
    line-height: 20px;
    font-size: 13px;
    font-weight: 500;
    margin: 10px 0px;
    min-height: 120px;
  }
}
/*New Legacy Page*/

.faq-box-wrapper ol {
  padding-left: 5%;
}

.faq-box-wrapper ol li {
  list-style-type: decimal !important;
  line-height: 30px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #333;
}
.faq-box-wrapper .Accordion_item b {
  font-weight: 600;
}

/*Loading Animation*/
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #93bb0e;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.loading-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: auto;
  bottom: 0px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blur_effect {
  filter: blur(4px);
}

/*Loading Animation*/

.review_payment_details input:not(#existing_customer input) {
  height: auto !important;
  border: none !important;
  text-align: right !important;
  background: transparent !important;
  padding: 0px !important;
  margin-right: 10px !important;
}
.booking_inner_details .block-box span.label {
  display: inline-block;
  padding: 0px;
}
.right-side-label {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

span.edit-option i {
  color: #408cbf;
  cursor: pointer;
}

/*form#existing_customer_login_form .input-block {
    margin-bottom: 3vh;
}

form#existing_customer_login_form .input-block input {
    border: 1px solid #ccc !important;
    padding: 10px !important;
    border-radius: 4px;
    text-align: left !important;
}

form#existing_customer_login_form .input-block input[type='submit'] {
    background: #005bbb !important;
    color: #fff;
}*/

#existing_customer .ui.grid > [class*="nine wide"].column {
  width: 100% !important;
}

i.icon.unlock.alternate:before {
  content: "\f13e";
  font-family: "FontAwesome";
  font-style: normal;
}

#existing_customer .ui.card > .content {
  padding: 6%;
}

div#existing_customer .ui.form .field > label {
  margin-bottom: 3vh;
}

.ui.primary.button,
.ui.primary.buttons .button,
.ui.primary.button:hover,
.ui.primary.button:focus {
  background-color: #005BBB !important;
}

div#existing_customer .ui.form .field > label.error {
  color: red;
  margin-top: 1vh;
  font-size: 12px;
}

i.icon.lock:before {
  font-family: "FontAwesome";
  font-style: normal;
}

form#existing_customer_pay_form input {
  border: none !important;
  outline: none !important;
}

.refresh-account {
  background: transparent;
}

#existing_customer_pay_form .head_details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*Timeline*/
.c-timeline__list {
  list-style: none;
  overflow: hidden;
}

.c-timeline__item {
  padding-left: 100px;
  padding-bottom: 40px;
  padding-right: 15px;
}
@media (min-width: 600px) {
  .c-timeline__item {
    padding-left: 90px;
    padding-bottom: 50px;
    padding-right: 10px;
  }
}
.c-timeline__item:last-child {
  padding-bottom: 20px;
}

.c-timeline__header {
  position: relative;
}

.c-timeline__heading {
  margin-bottom: 10px;
}

.c-timeline__time {
  position: absolute;
  top: 4px;
  left: -90px;
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}
@media (min-width: 600px) {
  .c-timeline__time {
    left: -78px;
  }
}

.c-timeline__line {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #005bbb;
  top: 5px;
  left: -20px;
}
@media (min-width: 600px) {
  .c-timeline__line {
    left: -35px;
  }
}
.c-timeline__line::before {
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  background: #005bbb;
  height: 9999px;
  top: 0;
  left: 50%;
  margin-left: -1px;
}
header.c-timeline__header {
  background: transparent;
  border: none;
  z-index: 0;
}
header.c-timeline__header br {
  display: none;
}

h4.c-timeline__heading {
  line-height: 25px;
}

.home-page-template .timeline-legacy-new-page {
  margin-bottom: 0px;
}

body .pay-online-box .box.form-box .semantic-input-design input {
  color: rgba(0, 0, 0, 0.87) !important;
  border: 1px solid rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease !important;
  transition: box-shadow 0.1s ease, width 0.1s ease !important;
  letter-spacing: 1px !important;
  font-size: 16px !important;
}
/*Timeline*/

.slider-gallery-project .item.construction {
  position: relative;
}
p.construction-title {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 90%;
  background: #000000bf;
  margin: auto;
  left: 0px;
  right: 0px;
  padding: 10px;
  color: #fff;
}

.contact-us-page {
  height: auto;
}

section.banner-section.contact-us-page {
  padding-top: 85px;
}

section.banner-section.contact-us-page *:not(".floating-box") {
  height: 100%;
  object-fit: cover;
}

.contact-us-page .floating-box.gray-box {
  width: 22%;
  bottom: 15%;
  top: auto;
  left: 0px;
  right: 0px;
  margin: auto;
}

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

section.tvs-group-contact-us {
  padding: 10vh 0px;
}

html .formcraft-css .fc-form .form-element .checkbox-cover > div label {
  white-space: nowrap;
}

html .formcraft-css .fc-form .form-element .checkbox-cover > div label a {
  color: #666666;
  text-decoration: underline !important;
}

html
  #stickyForm
  .formcraft-css
  .fc-form
  .form-element
  .checkbox-cover
  > div
  label
  a {
  color: #fff;
  text-decoration: underline !important;
}

html
  #sidebar-form
  .formcraft-css
  .fc-form
  .form-element
  .checkbox-cover
  > div
  label {
  line-height: 20px;
  white-space: unset;
}

@media (max-width: 1200px) {
  section.tvs-group-contact-us address {
    margin-bottom: 20px !important;
  }
  section.tvs-group-contact-us {
    padding: 40px 0px;
  }
}
@media (max-width: 996px) {
  section.tvs-group-contact-us .embed-responsive-4by3 {
    width: 90%;
  }
  section.tvs-group-contact-us address {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 475px) {
  section.banner-section.contact-us-page {
    padding-top: 85px;
  }
  .contact-us-page .floating-box.gray-box {
    width: 100%;
    bottom: auto;
  }
}

/*News*/
.news_page .floating-box {
  width: 30%;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: 10%;
  padding: 3%;
  box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
  z-index: 99;
  text-align: center;
}
.news_page_content .tabs .btn {
  width: 13%;
  margin: 0px 10px;
  padding: 10px;
  background: #005bbb;
  border: none;
  outline: none;
}
.news_page_content .tabs .btn.active {
  background: #072058;
}

.news_page_content .tabs {
  margin: 10vh 0px 10vh;
  text-align: center;
}

.tabs-content-news {
  width: 80%;
  margin: auto;
}

.tabs-content-news .news-box {
  display: flex;
  flex-wrap: wrap;
  min-height: 210px;
  align-items: center;
  justify-content: center;
  margin-bottom: 5vh;
}

.tabs-content-news .news-box .left-news-content {
  width: 24%;
  text-align: center;
  margin-right: 20px;
}
.tabs-content-news .news-box .right-news-content {
  width: 70%;
}

.news-title h2 {
  font-size: 25px;
  margin-bottom: 2vh !important;
}

.news-content p {
  font-size: 15px;
  margin-bottom: 1vh;
}

.news-logo img {
  width: 200px;
  min-height: 150px;
  object-fit: contain;
  object-position: center;
  margin: auto;
}

@media (max-width: 1200px) {
  .news_page_content .tabs .btn {
    width: 20%;
  }
}
@media (max-width: 996px) {
  .news_page_content .tabs .btn {
    width: 20%;
  }
}
@media (max-width: 768px) {
  .news_page_content .tabs .btn {
    width: 30%;
  }
  .tabs-content-news .news-box .left-news-content {
    width: 23%;
    text-align: center;
    margin-right: 5vw;
  }
}
@media (max-width: 475px) {
  .news_page_content .tabs .btn {
    width: 40%;
  }
  .tabs-content-news .news-box .right-news-content {
    width: 100%;
  }
  .tabs-content-news .news-box .left-news-content {
    width: 100%;
  }
}
/*News*/

/*Project Page*/
.project_page_content .tabs .btn {
  width: 13%;
  margin: 0px 10px;
  padding: 10px;
  background: #005bbb;
  border: none;
  outline: none;
}
.project_page_content .tabs .btn.active {
  background: #072058;
}

.project_page_content .tabs {
  margin: 10vh 0px 10vh;
  text-align: center;
}

.tabs-content-project {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 90%;
  margin: auto;
}

.tabs-content-project .item {
  width: 30%;
  margin: 0px 1%;
  min-height: 650px;
  margin-bottom: 5vh;
}

.tabs-content-project .item .project-box {
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
  height: 650px;
}

.tabs-content-project .project-thumb-image img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}

.tabs-content-project .project-button {
  text-align: center;
}
.tabs-content-project .project-button a {
  padding: 13px 25px;
  border-radius: 5px;
  margin-top: 3vh;
}
.tabs-content-project .project-extra-field .project-rera p {
  min-height: 50px;
}

img {
  object-fit: cover;
}

@media (max-width: 1200px) {
  .project_page_content .tabs .btn {
    width: 20%;
    margin-bottom: 2vh;
  }
  .project_page_content .tabs {
    margin: 5vh 0px 3vh;
    text-align: center;
  }
  .tabs-content-project .item .project-box {
    min-height: 760px;
  }
  .tabs-content-project {
    width: 95%;
  }
  .tabs-content-project .project-extra-field .project-rera p {
    min-height: 75px;
  }
  .tabs-content-project .project-title h3 {
    font-size: 18px;
    min-height: 50px;
  }
  .tabs-content-project .project-description {
    min-height: 50px;
  }
  p.soldout-text {
    font-size: 18px;
    margin-bottom: 2vh;
  }
  .news_page_content .tabs {
    margin: 5vh 0px 5vh;
  }
  .news_page img {
    height: auto !important;
  }
}
@media (max-width: 996px) {
  .project_page_content .tabs .btn {
    width: 20%;
  }
  .tabs-content-project .item {
    width: 48%;
  }
  .tabs-content-project .item .project-box {
    min-height: 765px;
  }
  .tabs-content-project .project-thumb-image {
    height: 300px;
  }
  .left-news-content .news-logo img {
    width: 100%;
    height: auto;
  }

  .left-news-content .news-logo {
    width: 80%;
    margin: auto;
  }
}
@media (max-width: 768px) {
  .project_page_content .tabs .btn {
    width: 30%;
  }
  .tabs-content-news .project-box .left-news-content {
    width: 23%;
    text-align: center;
    margin-right: 5vw;
  }
  .tabs-content-project .item {
    width: 48%;
  }
  .tabs-content-project .item .project-box {
    min-height: 700px;
  }
}
@media (max-width: 475px) {
  .project_page_content .tabs .btn {
    width: 44%;
  }
  .tabs-content-project .item {
    width: 100%;
  }
  .tabs-content-project .project-thumb-image {
    height: 250px;
    margin-bottom: 2vh;
  }
  .tabs-content-project .project-thumb-image img {
    height: 250px;
  }
  .tabs-content-project .item .project-box {
    min-height: auto;
    padding-bottom: 3vh;
  }
  .tabs-content-project .project-button a {
    margin-top: 0px;
  }
  .tabs-content-project .project-description span {
    font-size: 14px;
  }
  .left-news-content .news-logo img {
    width: 80%;
    height: auto;
  }
}
/*Project Page*/

/*Careers Page*/
.banner-area-career .overlay-bg {
  opacity: 0.95;
}
.banner-area-career .align-items-center,
.career-listing .align-items-center,
.careers-popup-box .align-items-center {
  align-items: center !important;
}

.banner-area-career .justify-content-center,
.career-listing .justify-content-center,
.careers-popup-box .justify-content-center {
  justify-content: center !important;
}
.banner-area-career .d-flex,
.careers-popup-box .d-flex {
  display: flex !important;
}
.banner-area-career .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.banner-area-career .about-content {
  padding: 150px 0px;
  text-align: center;
}
.banner-area-career .about-content h1 {
  font-size: 48px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}
.banner-area-career .link-nav {
  margin-top: 10px;
}
.banner-area-career .about-content a {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
}
.banner-area-career .about-content .lnr {
  margin: 0px 10px;
  font-weight: 600;
}
.banner-area-career .about-content a {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
}
.banner-area-career .overlay-bg {
  background-image: -moz-linear-gradient(0deg, #bfacff 0%, #795fff 100%);
  background-image: -webkit-linear-gradient(0deg, #88ad0b 0%, #005bbb85 100%);
  background-image: -ms-linear-gradient(0deg, #bfacff 0%, #795fff 100%);
}

.banner-area-career .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.banner-area-career .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.banner-area-career {
  margin-top: 86px;
}

.section-gap {
  padding: 120px 0;
}

.post-list .single-post {
  padding: 30px;
  background-color: #fff;
  /*background-color: #f0f0f1;*/
  margin-bottom: 30px;
  box-shadow: 0 2px 10px rgb(137 137 137);
}
.single-post .title h4 {
  margin-bottom: 10px;
  color: #222;
  font-size: 30px;
}
.post-list .single-post h6 {
  margin-top: 10px;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
}
.post-list .single-post .btns li {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #eee;
  padding: 10px 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.post-list .single-post .btns li a {
  text-transform: uppercase;
  font-weight: 500;
  color: #222;
}
.post-list .single-post .thumb {
  width: 30%;
}
.post-list .single-post .details {
  width: 70%;
}
.post-list .justify-content-between {
  justify-content: space-between;
}
.post-list .single-post p {
  line-height: 25px;
  margin-bottom: 15px;
  font-size: 13px;
}

.job-description.scroll-content {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #005bbb;
  padding: 3%;
  box-shadow: 0 2px 10px rgb(215 215 215);
}
.job-description-wrapper p,
.job-description-wrapper li {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 25px;
}
.job-description.scroll-content p,
.job-description.scroll-content li {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 10px;
}

.job-description-wrapper {
}

.job-description-wrapper .justify-content-between {
  justify-content: space-between;
}

.job-description-wrapper .title {
  margin: 20px 0px;
}

.job-description-wrapper .titles h4 {
  font-size: 22px;
  color: #222;
  margin-bottom: 10px;
}

.job-description-wrapper .titles h6 {
  font-size: 15px;
}

.job-description-wrapper {
}

.job-description-wrapper ul.btns a {
  background: #005bbb;
  display: block;
  width: 100%;
  padding: 10px 20px;
  color: #fff;
}

.job-description-wrapper h5 {
  margin: 15px 0px;
  margin-top: 25px;
}

.job-description.scroll-content::-webkit-scrollbar {
  width: 5px;
}

.job-description.scroll-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
}

.job-description.scroll-content::-webkit-scrollbar-thumb {
  background-color: #005bbb;
  outline: 1px solid #005bbb;
  border-radius: 0px;
}
.job-description-title {
  margin-bottom: 15px;
}

.job-description li {
  margin-left: 5%;
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 10px;
  list-style-type: disc;
}
html .careers-popup-box .formcraft-css .fc-form {
  box-shadow: none;
}
.mfp-close-btn-in .careers-popup-box .mfp-close {
  right: 0px;
  background: #005bbb;
  color: #fff !important;
}
span dd {
  float: left;
  font-family: sans-serif;
  font-weight: normal;
}

@media (max-width: 1200px) {
  .white-popup.careers-popup-box {
    max-width: 90%;
  }

  .multisteps-form__panel {
    margin: 2vh 0px;
  }
}
@media (max-width: 996px) {
  .section-gap {
    padding: 50px 0;
  }

  .white-popup.careers-popup-box {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
}
@media (max-width: 475px) {
  .post-list .single-post .thumb {
    width: 100%;
  }
  .post-list .single-post .details {
    width: 100%;
    margin: 30px 0px;
  }
  .single-post .title h4 {
    margin-bottom: 10px;
    color: #222;
    font-size: 25px;
  }
  .post-list .single-post .btns li {
    margin-top: 10px;
  }
  html
    .white-popup.careers-popup-box
    .formcraft-css
    .fc-form
    .form-page-content {
    padding: 10px;
  }
}
/*Careers Page*/

#schedule-site-visit .form-element-field21 input[name="field21[]"] {
  width: 100%;
}

.about-project-section span.content a {
  color: inherit;
}

a.compliance-certificate {
  font-size: 12px;
  color: #656565;
  margin-top: -4px;
  display: block;
}

a.compliance-certificate:hover {
  color: #656565;
}

.payment_status .bg {
  background: transparent;
  width: 480px;
  overflow: hidden;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 40px;
  margin-top: 90px;
  font-family: "Montserrat", sans-serif;
}
.payment_status .card {
  background-color: #fff;
  width: 100%;
  float: left;
  margin-top: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 80px 30px 25px 30px;
  text-align: center;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border: 1px solid #f3f3f3;
}
.payment_status .card__success {
  position: absolute;
  top: -50px;
  left: 145px;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-color: #60c878;
  border: 5px solid #fff;
}
.payment_status .card__success i {
  color: #fff;
  line-height: 100px;
  font-size: 45px;
  margin-top: -5px;
}
.payment_status .card__msg {
  text-transform: uppercase;
  color: #55585b;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
}
.payment_status .card__submsg {
  color: #959a9e;
  font-size: 16px;
  font-weight: 400;
  margin-top: 0px;
}
.payment_status .card__body {
  background-color: #f8f6f6;
  border-radius: 4px;
  width: 100%;
  margin-top: 30px;
  float: left;
  box-sizing: border-box;
  padding: 30px;
}
.payment_status .card__avatar {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 7px;
}
.payment_status .card__recipient-info {
  display: inline-block;
}
.payment_status .card__recipient {
  color: #232528;
  text-align: left;
  margin-bottom: 5px;
  font-weight: 600;
}
.payment_status .card__email {
  color: #838890;
  text-align: left;
  margin-top: 0px;
}
.payment_status .card__price {
  color: #232528;
  font-size: 70px;
  margin-top: 25px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 30px;
}
.payment_status .card__price span {
  font-size: 60%;
}
.payment_status .card__method {
  color: #d3cece;
  text-transform: uppercase;
  text-align: left;
  font-size: 11px;
  margin-bottom: 5px;
}
.payment_status .card__payment {
  background-color: #fff;
  border-radius: 4px;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment_status .card__credit-card {
  width: 50px;
  display: inline-block;
  margin-right: 15px;
}
.payment_status .card__card-details {
  display: inline-block;
  text-align: left;
}
.payment_status .card__card-type {
  text-transform: uppercase;
  color: #232528;
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 3px;
}
.payment_status .card__card-number {
  color: #838890;
  font-size: 12px;
  margin-top: 0px;
}
.payment_status .card__tags {
  clear: both;
  padding-top: 15px;
}
.payment_status .card__tag {
  text-transform: uppercase;
  background-color: #f8f6f6;
  box-sizing: border-box;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 10px;
  color: #d3cece;
}
.page-template-pay-online .stickyForm {
  display: none;
}

@media (max-width: 767px) {
  .payment_status .bg {
    width: 100%;
  }
  .payment_status .card__success {
    left: 96px;
  }
  .payment_status .bg {
    margin-top: 0px;
    padding: 20px;
    padding-top: 40px;
  }

  .multisteps-form__panel {
    position: relative;
  }

  form.review_payment_form {
    min-height: 0px;
  }
  form.multisteps-form__form {
    min-height: 0px;
  }
  .pay-online-box .box img {
    width: 100%;
    height: 300px;
    object-position: 100% 27%;
  }
  .pay-online-floating-text {
    left: 5%;
    position: absolute;
    top: auto;
    bottom: 13%;
  }
  button.multisteps-form__progress-btn.js-active span.selection_box:after {
    content: "\f00c";
    font-family: "FontAwesome";
    /* font-family: 'Poppins'; */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    margin-top: 1px;
  }
}

@media only screen and (max-height: 575.98px) and (orientation: landscape) {
  .pay-online-box .box img {
    width: 100%;
    height: 300px;
    object-position: 100% 27%;
  }
  .pay-online-floating-text {
    left: 5%;
    position: absolute;
    top: auto;
    bottom: 13%;
  }
}

/*WhatsApp*/
.whatsapp-btn {
  background: #005bbb;
  width: auto;
  display: flex;
  padding: 2px 3px;
  border-radius: 100%;
  position: fixed;
  right: 5px;
  bottom: 26%;
  z-index: 999;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
}
.whatsapp-btn svg {
  position: absolute;
  top: auto;
  width: 90%;
  fill: #fff;
}
.whatsapp-btn a {
  color: transparent !important;
  line-height: 0;
  height: 100%;
  position: relative;
  z-index: 99;
  right: 0px;
  width: 36px;
  top: auto;
  display: inline-block;
}
/*WhatsApp*/

/*semantic-ui-fix*/
.content.ui-accordion-content.active,
.ui-accordion-content-active {
  height: auto !important;
}
/*semantic-ui-fix*/

.address a {
  color: #222;
}

span.existing-user-logo {
  width: 100%;
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}

span.existing-user-logo img {
  width: 100%;
}

@media (max-width: 475px) {
  span.existing-user-logo {
    width: 75%;
    display: flex;
    margin-bottom: 30px;
  }
}

span.existing-user-logo a {
  flex: 2;
}

span.existing-user-logo a:last-child {
  flex: 1;
  font-size: 13px;
  margin-left: 5px;
  color: #005bbb;
}

.existing-user-logo .animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.existing-user-logo .pulse {
  animation-name: pulse;
  animation-duration: 1s;
}

/*Tamil Near Popup*/
.tamil-new-year-popup-ui.white-popup {
  max-width: 30%;
  overflow: hidden;
  min-height: 400px;
  background: #fff
    url(assets/images/tny-decoration-img.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  padding-top: 40px;
}
.tamil-new-year-popup-ui.white-popup .form-head {
  padding: 10px;
  text-align: center;
  color: #005bbb;
}
html .tamil-new-year-popup-ui.white-popup .formcraft-css.align-left .fc-form {
  box-shadow: none;
}
html
  .tamil-new-year-popup-ui.white-popup
  .formcraft-css
  .fc-form
  .form-page-content {
  padding: 0px;
}
/*html .tamil-new-year-popup-ui.white-popup .formcraft-css .fc-form .form-element .form-element-html{
    padding: 0px;
}*/
.mfp-close-btn-in .tamil-new-year-popup-ui.white-popup .mfp-close {
  right: 0px;
  background: #005bbb;
  color: #fff !important;
}

body .tamil-new-year-popup-ui.white-popup input[type="text"],
body .tamil-new-year-popup-ui.white-popup input[type="tel"],
body .tamil-new-year-popup-ui.white-popup input[type="email"],
body .tamil-new-year-popup-ui.white-popup textarea,
body .tamil-new-year-popup-ui.white-popup .intl-tel-input {
  width: 100% !important;
  border: 0;
  height: 35px;
  background: transparent;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
  border-radius: 0px;
  font-family: "Poppins", sans-serif;
}
.tamil-new-year-popup-ui.white-popup select {
  outline: none;
  padding-left: 0px;
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border: none;
  border-bottom: 1px solid #ccc;
}
.tamil-new-year-popup-ui.white-popup .terms_conditions {
  justify-content: flex-start;
}
.tamil-new-year-popup-ui.white-popup input[type="submit"] {
  background: #005bbb;
  min-width: 135px;
  padding: 10px;
  color: #fff;
  display: block;
  margin: auto;
}
.tamil-new-year-popup-ui.white-popup .form-footer {
  padding-bottom: 25px;
}
.tamil-new-year-popup-ui.white-popup .form-footer img {
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

@media (max-width: 550px) {
  .tamil-new-year-popup-ui.white-popup {
    max-width: 100%;
  }
}
/*Tamil Near Popup*/

/*Offer Page*/
.offer-page .header-banner img {
  height: 658px;
  width: 100%;
  object-fit: cover;
  object-position: 100% 75%;
}
.offer-page .banner-text {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 60%;
  bottom: 5%;
  text-align: center;
}
.offer-page .banner-text h1 {
  color: #005bbb;
  font-weight: bold;
  font-size: 40px;
  margin: 0px;
}
.offer-page .banner-text p {
  color: #000;
  font-weight: 500;
}
.offer-page .no-padding {
  padding: 0px;
}
.offer-page .header-banner {
  line-height: 0px;
}
.d-flex {
  display: flex;
}
.align-items-center {
  align-items: center;
}
.justify-content-center {
  justify-content: center;
}

.offer-page .content-inner-box {
  width: 80%;
  margin: auto;
}
.offer-page .content-inner-box h2 {
  font-size: 35px;
  position: relative;
}
.offer-page .content-inner-box h2:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  width: 38%;
  height: 2px;
  margin: auto;
  bottom: -12px;
  background: #fff;
}
.offer-page .content-inner-box h3 {
  font-size: 25px;
}
.offer-page .content-inner-box p {
  color: #000;
  font-size: 18px;
}
.offer-page a#loadMore {
  margin: 50px auto;
  padding: 20px 20px;
  width: 20%;
  border: 1px solid #005bbb;
  transition: 0.6s;
  border-radius: 3px;
}

.offer-page a#loadMore:hover {
  background: transparent;
  border: 1px solid #005bbb;
  color: #005bbb;
}

/*Offer Page*/

/**/
@media (max-width: 550px) {
  li#menu-item-1611 {
    display: none;
  }
}
/**/

.single-post .dslc-content strong,
.single-post .dslc-content b {
  font-weight: 600;
}

.blog_preview_content nav#nav-single a {
  background: #005bbb;
  color: #fff;
  display: inline-block;
  width: 121px;
  text-align: center;
  padding: 10px;
  transition: 0.6s;
  border: 1px solid #005bbb;
}
.blog_preview_content nav#nav-single {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin: auto;
  margin-bottom: 70px;
  flex-direction: row-reverse;
}

.blog_preview_content nav#nav-single a:hover {
  background: transparent;
  color: #005bbb;
}

.blog_preview_content span.meta-nav.prev {
  margin-right: 5px;
}
.blog_preview_content span.meta-nav.next {
  margin-left: 5px;
}
.flex-both-start {
  align-items: center;
  justify-content: start;
}
@media (max-width: 550px) {
  .blog_preview_content nav#nav-single {
    width: 100%;
  }
}
@media only screen and (min-width: 340px) and (max-width: 390px) {
  .navigation li a,
  .navigation li a:hover,
  .navigation li.active a,
  .navigation li.disabled {
    padding: 10px 13px !important;
    margin: 0px 2px !important;
  }
}

/*Pagination*/
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  color: #fff;
  text-decoration: none;
}

.navigation li {
  display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  background-color: #e5e5e5;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 10px 16px;
  margin: 0px 5px;
  color: #000;
}

.navigation li a:hover,
.navigation li.active a {
  background-color: #a1a1a1;
  color: #000;
}

.navigation a {
  display: inline-block;
}

.navigation {
  margin-top: 30px;
  position: relative;
}

/*Pagination*/

ul.ubermenu-submenu.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item {
  width: max-content !important;
}

ul.ubermenu-submenu.ubermenu-submenu-type-flyout {
  width: max-content;
}
.ubermenu-sub-indicators
  .ubermenu-submenu
  .ubermenu-has-submenu-flyout.ubermenu-submenu-reverse
  > .ubermenu-target
  > .ubermenu-sub-indicator {
  left: 6px !important;
}

span.middle-blue-text.price-text {
  width: max-content !important;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff;
  border-radius: 4px;
  padding-left: 0px;
}
.breadcrumb a {
  color: inherit;
  text-decoration: none;
}

.postid-3771 .floating-box {
  display: none;
}

/*Career Form*/
.careersForm .file-upload-wrapper span.file_upload_btn {
  background: #e9e9e9;
  padding: 10px 20px;
  margin-right: 2vh;
}

.careersForm .careerSubmitBtn {
  background: #005bbb;
  padding: 10px 20px;
  width: 100%;
  margin-top: 0px;
  color: #fff;
  font-size: 18px;
}

div#careerformMessage {
  position: fixed;
  top: -20%;
  z-index: 9999;
  text-align: center;
  color: #fff;
  left: 0px;
  right: 0px;
  background: transparent;
  margin: auto;
  padding: 10px 20px;
  display: inline-block;
  width: max-content;
  border-radius: 4px;
  opacity: 0;
  transition: 0.6s;
  padding-left: 35px;
  cursor: pointer;
}

div#careerformMessage.active {
  top: 5%;
  opacity: 1;
}
div#careerformMessage.error {
  background: #dc3546;
}
div#careerformMessage.success {
  background: #198754;
}

div#careerformMessage.success:before {
  content: "\f058";
  position: absolute;
  left: 12px;
  top: 11px;
  font-family: "Font Awesome 5 Free";
}

div#careerformMessage.error:before {
  content: "\f057";
  position: absolute;
  left: 12px;
  top: 11px;
  font-family: "Font Awesome 5 Free";
}

/*Career Form*/

.videoBox,
.videoBox a {
  width: 100%;
  height: 100%;
}

/* Mobile Floating Box*/
.wp-mb {
  left: 0;
  bottom: 0;
  width: 100vw;
  position: fixed;
  font-size: 1.4rem;
  height: 40px;
  background-color: #fff;
  line-height: 30px;
  background-image: linear-gradient(135deg, #376d1b, #91b603);
  box-shadow: 0 3px 6px rgb(0 0 0 / 12%);
  z-index: 999;
}

.wp-mb .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.wp-mb .nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.wp-mb li:not(:last-child) {
  border-right: 1px solid #fff;
}

.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.wp-mb .nav-link {
  display: block;
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #fff;
  font-family: Roboto, sans-serif;
}
.wp-mb .nav-link:hover {
  background: #000;
}
@media (max-width: 650px) {
  #kenytChatBubble {
    bottom: 75px !important;
  }
}
/* Mobile Floating Box*/

.form-field.download_status {
  margin-top: 10px;
}






/* =====  footer background to yellow (gold) ===== */
footer,
.site-footer,
.footer,
.footer-area,
.footer_widget_area,
.footer-widget-area {
  background: #FFD700 !important;
  background-image: none !important;
}



















.cg-container {
    width: 90%;
    margin: auto;
}

.cg-title {
    font-size: 28px;
    font-weight: 600;
    margin: 20px 0 30px;
}

.cg-grid {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
    justify-content: center;
}

.cg-card {
    width: 360px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(0,0,0,0.12);
    overflow: hidden;
    transition: .3s;
}

.cg-card:hover {
    transform: translateY(-6px);
}

.cg-img-box {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.cg-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cg-ribbon {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 6px 12px;
    border-radius: 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.cg-ribbon.ongoing { background: #f3a623; }
.cg-ribbon.ready { background: #e69f23; }
.cg-ribbon.completed { background: #2fa45f; }

.cg-share {
    position: absolute;
    right: 12px;
    top: 12px;
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.cg-content {
    padding: 18px;
}

.cg-name {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.cg-loc {
    margin: 4px 0 10px;
    color: #6a6a6a;
}

.cg-price {
    color: #d87f00;
    font-weight: 700;
    margin-bottom: 10px;
}

.cg-features {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #666;
    font-size: 14px;
}

.cg-features li {
    margin-bottom: 8px;
}

.cg-actions {
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
}

.cg-btn-outline {
    background: #fff;
    border: 1px solid #ccc;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
}

.cg-btn-fill {
    background: #111;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
}
















.sup-footer,
.sup-footer * {
    color: #1b4cb7 !important;
}

.sup-footer {
    background: #f8d903;
    padding: 60px 0 25px;
    font-family: "Poppins", sans-serif;
}

.sup-footer-container {
    width: 92%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sup-footer-col {
    width: 23%;
    min-width: 250px;
}

.sup-heading {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    position: relative;
    padding-left: 12px;
}

.sup-heading::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 3px;
    height: 22px;
    background: #1b4cb7;
}

.sup-connect-btns {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.connect-btn {
    background: #fff;
    color: #1b4cb7;
    padding: 8px 18px;
    border-radius: 20px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #e0e0e0;
    transition: .3s;
    display: inline-block;
}

.connect-btn:hover {
    background: #1b4cb7;
    color: #fff !important;
}

.sup-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sup-links li {
    margin-bottom: 10px;
    font-size: 15px;
}

.sup-contact {
    font-size: 15px;
    line-height: 26px;
}

.sup-footer-bottom {
    text-align: center;
    padding-top: 25px;
    margin-top: 35px;
    font-size: 14px;
    border-top: 1px solid rgba(0,0,0,0.2);
}

@media(max-width: 768px){
    .sup-footer-col { width: 100%; margin-bottom: 35px; }
}









/* BLUE TOP BORDER ABOVE FOOTER */
.sup-footer {
    border-top: 6px solid #1b4cb7 !important;
    margin-top: 0 !important;
}




.open_close_btn {
    background: #1b4cb7 !important;
    color: #ffffff !important;
}





/* Mobile bottom bar blue background */
.wp-mb.visible-xs {
    background: #1b4cb7 !important;   /* Blue */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

/* Text color white */
.wp-mb.visible-xs .nav-link {
    color: #fff !important;
    font-weight: 600;
    padding: 12px 0;
    text-align: center;
}

/* Icons white */
.wp-mb.visible-xs .nav-link i {
    color: #fff !important;
}












/* move whatsapp above the bottom bar on small screens */
@media (max-width: 650px) {
  .whatsapp-float {
    bottom: 86px !important; /* change this value if your bottom-bar height different */
    right: 16px !important;
    z-index: 99999 !important; /* keep above page but below any modals if needed */
  }

  /* ensure bottom bar is above normal content */
  .wp-mb.visible-xs {
    z-index: 99998 !important;
  }
}











@media (max-width: 767px) {
  .other-projects-owl-filter-bar .filter-item {
    border: 1px solid #1b4cb7 !important;
    color: #1b4cb7 !important;
  }

  .other-projects-owl-filter-bar .filter-item.active,
  .other-projects-owl-filter-bar .filter-item:hover,
  .other-projects-owl-filter-bar .filter-item:focus {
    background-color: #1b4cb7 !important;
    color: #ffffff !important;
  }

  /* green sliding underline remove or recolor */
  .other-projects-owl-filter-bar:after,
  .other-projects-owl-filter-bar:before {
    background-color: #1b4cb7 !important;
  }
}



.other-projects-owl-filter-bar * {
    background-color: #1b4cb7 !important;
    border-color: #1b4cb7 !important;
}








#main-slider .owl-nav {
    display: flex !important;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 45%;
}
#main-slider .owl-prev,
#main-slider .owl-next {
    width: 45px;
    height: 45px;
    background: #0b4a8a !important;  /* Supreme Promoters Blue */
    color: #fff !important;
    border-radius: 8px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}


#main-slider .owl-prev:before {
    content: "<";
}
#main-slider .owl-next:before {
    content: ">";
}
#main-slider .owl-prev:before {
    content: "<";
}
#main-slider .owl-next:before {
    content: ">";
}




.cg-ribbon.upcoming {
    background-color: #D4AF37 !important;  /* Gold */
    color: #fff !important;
}





.other-projects-owl-filter-bar .filter-item {
    color: #ffffff !important;       /* Always white text */
    background: #1b4cb7 !important;  /* Blue background */
    padding: 8px 18px !important;
    border-radius: 6px !important;
    font-weight: 500;
    display: inline-block;
}




.connect-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: #fff;
    border-radius: 25px;
    color: #1b4cb7;
    font-weight: 600;
    text-decoration: none;
}

.connect-btn img {
    width: 18px;
    height: 18px;
    display: inline-block;
}







.banking-card {
    width: fit-content;
    margin: 0 auto;
    background: #ffffff;
    padding: 20px 40px;
    border-radius: 15px;
    box-shadow: 0 4px 25px rgba(0,0,0,0.12);
    text-align: center;
}

.banking-card h4 {
    font-weight: 700;
    margin-bottom: 12px;
}

.bank-logos {
    display: flex;
    gap: 30px;
}

.bank-logos img {
    height: 40px;
    transition: transform .2s;
}

.bank-logos img:hover {
    transform: scale(1.15);
}





.banking-card {
    width: fit-content;
    margin: 20px auto 40px auto;   /* TOP 20px | BOTTOM 40px */
    background: #ffffff;
    padding: 20px 40px;
    border-radius: 15px;
    box-shadow: 0 4px 25px rgba(0,0,0,0.12);
    text-align: center;
}



@media(max-width: 600px) {
    .banking-card {
        margin: 15px auto 25px auto;  /* perfect for mobile */
        padding: 15px 20px;
    }

    .bank-logos {
        gap: 18px;
        flex-wrap: wrap;
    }
}



.banking-card h4 {
    color: #1b4cb7;
    font-weight: 700;
}








/* ---------- MOBILE PHONE BLOCK FIX ---------- */
@media (max-width: 768px) {

    /* mobile phone li alignment */
    .mobile-call-btn {
        display: flex !important;
        align-items: center !important;
        margin-right: 12px !important;
    }

    /* inside anchor styling */
    .mobile-call-btn a {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        text-decoration: none !important;
    }

    /* call icon style */
    .mobile-call-btn i {
        color: #1b4cb7 !important;
        font-size: 18px !important;
    }

    /* phone number text */
    .mobile-call-btn span {
        color: #1b4cb7 !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        white-space: nowrap !important;
    }
}

/* remove old theme blue box styles */
.bg-blue, 
.border-menu-blue {
    background: transparent !important;
    border: none !important;
}



















/* ===============================
   ABOUT PAGE – HARD ISOLATION
================================ */

.about-page .about-scope * {
  box-sizing: border-box;
}

/* container override */
.about-page .about-scope .container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

/* HERO */
.about-page .about-hero {
  background: linear-gradient(135deg, #b08d00, #1b4cb7);
  color: #fff;
  text-align: center;
  padding: 70px 0;
}

.about-page .about-hero h1 {
  font-size: 32px;
  margin-bottom: 10px;
}

.about-page .about-hero p {
  max-width: 760px;
  margin: auto;
  line-height: 1.6;
}

/* GRID */
.about-page .about-grid {
  display: grid !important;
  grid-template-columns: 2.2fr 1fr;
  gap: 32px;
  margin-top: 40px;
}

/* LEFT CARD */
.about-page .about-card {
  background: #fff;
  border-radius: 14px;
  padding: 32px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* STATS */
.about-page .about-stats {
  display: flex;
  gap: 16px;
  margin: 24px 0;
}

.about-page .stat-box {
  background: #f7c600;
  border-radius: 10px;
  padding: 16px;
  text-align: center;
  min-width: 110px;
}

.about-page .stat-box strong {
  display: block;
  font-size: 20px;
}

/* VALUES */
.about-page .value-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 16px;
  margin-top: 24px;
}

.about-page .value-card {
  background: #fff;
  padding: 18px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
}

.about-page .value-card h4 {
  color: #1b4cb7;
}

/* RIGHT SIDE */
.about-page .about-right {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.about-page .side-card {
  background: #fff;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* LEADERS */
.about-page .leader-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
  margin-top: 20px;
}

.about-page .leader-card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
}

.about-page .leader-card img {
  width: 80px;
  margin-bottom: 10px;
}

/* CTA */
.about-page .about-cta {
  background: #1b4cb7;
  color: #fff;
  text-align: center;
  padding: 40px;
  border-radius: 14px;
  margin-top: 40px;
}

.about-page .about-cta a {
  background: #fff;
  color: #1b4cb7;
  padding: 10px 24px;
  border-radius: 8px;
  font-weight: 600;
  display: inline-block;
  margin-top: 10px;
}

/* MOBILE */
@media(max-width:992px){
  .about-page .about-grid {
    grid-template-columns: 1fr;
  }
  .about-page .leader-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

*******

/* =========================
   ABOUT PAGE – CREATIVE UI
========================= */

/* HERO – luxury gradient + soft shine */
.about-page .about-hero {
  background: linear-gradient(120deg, #9c7a00, #1b4cb7);
  position: relative;
  overflow: hidden;
}
.about-page .about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(255,255,255,0.18), transparent 60%);
}
.about-page .about-hero h1 {
  font-weight: 700;
  letter-spacing: .4px;
}
.about-page .about-hero p {
  opacity: .95;
}

/* MAIN CARD – soft glass effect */
.about-page .about-card {
  backdrop-filter: blur(2px);
  border: 1px solid rgba(0,0,0,0.04);
}

/* STATS – eye catching hover */
.about-page .stat-box {
  transition: all .3s ease;
  cursor: default;
}
.about-page .stat-box:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 12px 30px rgba(247,198,0,0.45);
}

/* VALUE CARDS – modern lift + accent line */
.about-page .value-card {
  position: relative;
  transition: all .3s ease;
}
.about-page .value-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #f7c600, #1b4cb7);
  border-radius: 12px 12px 0 0;
}
.about-page .value-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

/* SECTION TITLE */
.about-page .section-title {
  font-weight: 700;
  color: #1b4cb7;
  position: relative;
}
.about-page .section-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: #f7c600;
  margin-top: 8px;
  border-radius: 2px;
}

/* LEADERSHIP CARDS – profile feel */
.about-page .leader-card {
  transition: all .3s ease;
}
.about-page .leader-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 45px rgba(0,0,0,.15);
}
.about-page .leader-card img {
  background: #fff;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0,0,0,.15);
}

/* RIGHT SIDE – premium highlight */
.about-page .side-card {
  border-left: 5px solid #1b4cb7;
  transition: all .3s ease;
}
.about-page .side-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

/* CTA – strong conversion section */
.about-page .about-cta {
  background: linear-gradient(135deg, #1b4cb7, #0e2f6f);
}
.about-page .about-cta h3 {
  font-weight: 700;
}
.about-page .about-cta a {
  transition: all .3s ease;
}
.about-page .about-cta a:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}

/* SMOOTH SCROLL FEEL */
.about-page * {
  scroll-behavior: smooth;
}




*****



/* ===========================
   ABOUT HERO – PREMIUM LOOK
=========================== */

.about-page .about-hero {
  position: relative;
  padding: 90px 0;
  background:
    linear-gradient(120deg, #8a6f00 0%, #1b4cb7 100%);
  overflow: hidden;
}

/* soft geometric glow */
.about-page .about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,215,0,0.25), transparent 45%),
    radial-gradient(circle at 85% 30%, rgba(27,76,183,0.35), transparent 50%);
  pointer-events: none;
}

/* subtle pattern overlay */
.about-page .about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(45deg, rgba(255,255,255,0.04) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255,255,255,0.04) 25%, transparent 25%);
  background-size: 40px 40px;
  opacity: 0.25;
  pointer-events: none;
}

.about-page .about-hero .container {
  position: relative;
  z-index: 2;
  text-align: center;
}

/* MAIN HEADING */
.about-page .about-hero h1 {
  font-size: 40px;
  font-weight: 800;
  letter-spacing: 0.6px;
  margin-bottom: 16px;
  color: #ffffff;
  position: relative;
  display: inline-block;
}

/* gold underline accent */
.about-page .about-hero h1::after {
  content: "";
  display: block;
  width: 90px;
  height: 4px;
  background: linear-gradient(90deg, #f7c600, #ffffff);
  margin: 12px auto 0;
  border-radius: 3px;
}

/* SUB TEXT */
.about-page .about-hero p {
  max-width: 780px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255,255,255,0.95);
  background: rgba(0,0,0,0.15);
  padding: 14px 22px;
  border-radius: 12px;
  backdrop-filter: blur(6px);
}

/* MOBILE TUNING */
@media (max-width: 768px) {
  .about-page .about-hero {
    padding: 60px 0;
  }

  .about-page .about-hero h1 {
    font-size: 28px;
  }

  .about-page .about-hero p {
    font-size: 15px;
  }
}
*****
/* ================================
   CINEMATIC HERO – WOW VERSION
================================ */

/* HERO BASE */
.about-page .about-hero{
  position: relative;
  min-height: 320px;
  padding: 110px 0 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(120deg, #7c6400, #1b4cb7, #0b2e6b);
  background-size: 300% 300%;
  animation: heroGradient 10s ease infinite;
  overflow: hidden;
}

/* GRADIENT MOTION */
@keyframes heroGradient {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* FLOATING SHAPES (WOW FEEL) */
.about-page .about-hero::before,
.about-page .about-hero::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  background: radial-gradient(circle, rgba(255,255,255,.25), transparent 70%);
  border-radius:50%;
  filter: blur(40px);
  animation: floatShape 14s linear infinite;
}
.about-page .about-hero::before{
  top:-120px;
  left:-120px;
}
.about-page .about-hero::after{
  bottom:-140px;
  right:-120px;
  animation-delay: -7s;
}

@keyframes floatShape{
  0%{transform:translateY(0)}
  50%{transform:translateY(40px)}
  100%{transform:translateY(0)}
}

/* CONTENT CARD */
.about-page .about-hero .container{
  position: relative;
  z-index: 3;
  text-align: center;
}

/* TITLE */
.about-page .about-hero h1{
  font-size: 44px;
  font-weight: 900;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 22px;
  text-shadow: 0 10px 40px rgba(0,0,0,.45);
  animation: fadeDown .9s ease forwards;
}

/* GOLD ACCENT LINE */
.about-page .about-hero h1::after{
  content:"";
  display:block;
  width:110px;
  height:5px;
  margin:14px auto 0;
  background: linear-gradient(90deg,#f7c600,#fff);
  border-radius:3px;
}

/* SUB TEXT – GLASS CARD */
.about-page .about-hero p{
  max-width: 760px;
  margin: 0 auto;
  padding: 20px 28px;
  font-size: 17px;
  line-height: 1.8;
  color: #fff;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 16px;
  backdrop-filter: blur(14px);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  animation: fadeUp 1.1s ease forwards;
}

/* ENTRY ANIMATIONS */
@keyframes fadeDown{
  from{opacity:0;transform:translateY(-30px)}
  to{opacity:1;transform:none}
}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(30px)}
  to{opacity:1;transform:none}
}

/* MOBILE */
@media(max-width:768px){
  .about-page .about-hero{
    padding: 80px 0 70px;
  }
  .about-page .about-hero h1{
    font-size: 28px;
  }
  .about-page .about-hero p{
    font-size: 15px;
    padding: 16px 18px;
  }
}


/* Right side card headings */
.about-page .side-card h4{
  color: #1b4cb7;               /* Royal Blue */
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 10px;
  position: relative;
  padding-bottom: 8px;
}

/* small accent line under heading */
.about-page .side-card h4::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45px;
  height: 3px;
  background: #f7c600;          /* Gold accent */
  border-radius: 2px;
}
/* Project Timeline – multiline clean format */
.about-page .side-card ol {
  padding-left: 18px;
  margin: 0;
}

.about-page .side-card ol li {
  margin-bottom: 12px;
  line-height: 1.4;
  font-size: 14.5px;
}

/* break duration into next line look */
.about-page .side-card ol li {
  display: block;
}

/* style the dash and duration line */
.about-page .side-card ol li::marker {
  font-weight: 600;
}

/* indent duration line manually */
.about-page .side-card ol li span {
  display: block;
  margin-left: 12px;
  color: #444;
}
.about-page h2::after{
  content:"";
  display:block;
  width:50px;
  height:4px;
  background:#f7c600;
  margin-top:8px;
  border-radius:2px;
}
.about-page .stat-box{
  transition:.3s ease;
}
.about-page .stat-box:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 30px rgba(0,0,0,.2);
}
.about-page .side-card ol li span{
  color:#1b4cb7;
  font-weight:600;
}
@media (max-width: 768px){
  .about-page .about-stats{
    gap: 12px;
  }

  .about-page .stat-box{
    flex: 1 1 100%;
    min-width: auto;
  }
}
@media (max-width: 768px){
  .about-page .side-card{
    padding: 20px;
  }
}
/* Mission & Vision – clean highlight */
.about-page .about-card h3 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 14px;
}

.about-page .about-card h3::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background: #f7c600;   /* gold accent */
  margin-top: 6px;
  border-radius: 2px;
}

.about-page .about-card p strong {
  color: #1b4cb7;        /* blue for Mission / Vision */
}

.about-page .about-card p {
  background: #f9fafc;
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 10px;
  line-height: 1.6;
}
/* Mission & Vision – split card feel */
.about-page .about-card p {
  background: #ffffff;
  border-left: 4px solid #1b4cb7;
  padding: 14px 18px;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  margin-bottom: 12px;
}

.about-page .about-card p strong {
  display: block;
  margin-bottom: 4px;
  color: #1b4cb7;
}
/* Integrity / Quality / Delivery – premium value cards */

.about-page .value-card h4 {
  font-size: 16px;
  font-weight: 700;
  color: #1b4cb7;
  margin-bottom: 6px;
  position: relative;
  padding-left: 28px;
}

/* icon style (pure CSS) */
.about-page .value-card h4::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #f7c600;
  font-size: 16px;
}

/* soft underline */
.about-page .value-card h4::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #f7c600;
  margin-top: 6px;
  border-radius: 2px;
}

.about-page .value-card p {
  color: #444;
  line-height: 1.5;
}
/* top accent stronger */
.about-page .value-card::before {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(90deg, #f7c600, #1b4cb7);
  border-radius: 4px 4px 0 0;
  margin-bottom: 10px;
}

.about-page .value-card h4 {
  color: #1b4cb7;
  font-weight: 700;
}
/* Mission & Vision – unified card style */
.about-page .about-card p {
  background: #ffffff;
  border-left: 4px solid #1b4cb7;
  padding: 14px 20px;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
  margin-bottom: 14px;
  line-height: 1.6;
}

.about-page .about-card p strong {
  color: #1b4cb7;
  font-weight: 700;
}
/* Section heading underline */
.about-page .about-card h2,
.about-page .about-card h3 {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 16px;
}

.about-page .about-card h2::after,
.about-page .about-card h3::after {
  content: "";
  display: block;
  width: 46px;
  height: 3px;
  background: #f7c600;
  margin-top: 6px;
  border-radius: 2px;
}
/* Section headings – blue text */
.about-page .about-card h2,
.about-page .about-card h3 {
  color: #1b4cb7;
  font-weight: 700;
}

/* underline already irundhaa – enhance it */
.about-page .about-card h2::after,
.about-page .about-card h3::after {
  background: #f7c600; /* keep yellow accent */
}
.about-page .about-card h2,
.about-page .about-card h3 {
  letter-spacing: 0.3px;
}
/* Hero trust line enhancement */
.about-page .about-hero p {
  position: relative;
}

/* small trust icons text */
.about-page .about-hero p::after {
  content: "✔ Transparency   •   ✔ Timely Delivery   •   ✔ Quality Construction";
  display: block;
  margin-top: 14px;
  font-size: 14px;
  color: rgba(255,255,255,0.9);
  letter-spacing: .3px;
}
/* CTA – premium glow effect */
.about-page .about-cta{
  position: relative;
  background: linear-gradient(135deg, #1b4cb7, #0b2e6b);
  overflow: hidden;
}

/* soft glow circles */
.about-page .about-cta::before,
.about-page .about-cta::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  background: radial-gradient(circle, rgba(255,255,255,0.25), transparent 70%);
  border-radius:50%;
  filter: blur(30px);
}

.about-page .about-cta::before{
  top:-120px;
  left:-80px;
}

.about-page .about-cta::after{
  bottom:-120px;
  right:-80px;
}

/* CTA button pop */
.about-page .about-cta a{
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
/* animated gradient */
.about-page .about-cta{
  background: linear-gradient(120deg, #1b4cb7, #0b2e6b, #1b4cb7);
  background-size: 300% 300%;
  animation: ctaMove 8s ease infinite;
}

@keyframes ctaMove{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.about-page .about-cta h3::after{
  content:"Trusted by 300+ Happy Families in Chennai";
  display:block;
  font-size:14px;
  font-weight:500;
  color:rgba(255,255,255,0.85);
  margin-top:8px;
}
/* FORCE HERO BACKGROUND */
.about-hero{
  position: relative !important;
  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 30% 40%,
      rgba(255,215,120,0.35) 0%,
      rgba(255,215,120,0.15) 25%,
      rgba(0,0,0,0.30) 55%
    ),
    linear-gradient(135deg, #b89b2c 0%, #1b4cb7 65%) !important;
}
.about-hero h1 {
  text-shadow: 0 2px 12px rgba(0,0,0,0.25);
}
/* NAV MENU HOVER & ACTIVE FIX */
nav a:hover,
nav li:hover > a,
nav a:focus,
nav a:active,
nav .active > a {
  background-color: #1b4cb7 !important; /* brand blue */
  color: #ffffff !important;
  border-radius: 4px;
}
**
/* Menu hover & active – yellow underline */
nav a {
  position: relative;
}

nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 3px;
  background: #f7c600; /* logo yellow */
  transition: width 0.3s ease;
}

nav a:hover::after,
nav .active > a::after,
nav .current-menu-item > a::after {
  width: 100%;
}
***




body{
  background:#f6f8fc;
}
.hero{
  background:#1b4cb7;
  padding:60px 20px;
  text-align:center;
}

.hero h1{
  font-size:34px;
  font-weight:700;
}

.hero p{
  max-width:900px;
  margin:10px auto 0;
  font-size:16px;
  line-height:1.6;
}














.h2{
  color:#1b4cb7;
  font-size:20px;
  font-weight:700;
  margin-bottom:14px;
  position:relative;
  display:inline-block;
}

.h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:40px;
  height:3px;
  background:#ffd400;
  border-radius:3px;
}
.jv-item{
  display:flex;
  gap:16px;
  margin-bottom:18px;
}

.jv-item img{
  width:90px;
  height:60px;
  border-radius:8px;
  object-fit:cover;
}












.jv-item h4{
  color:#1b4cb7;
  margin-bottom:6px;
}
.benefits{
  margin-top:14px;
}

.benefit{
  background:#f9fbff;
  border-radius:14px;
  padding:16px;
  border:1px solid #e6ecf5;
}
.process{
  background:#f9fbff;
  border-radius:14px;
  padding:18px;
  box-shadow:none;
}
.sidebar .box{
  background:#fff;
  border-radius:16px;
  padding:24px;
  box-shadow:0 10px 28px rgba(0,0,0,0.06);
  border-left:4px solid #1b4cb7;
}

.sidebar h4{
  color:#1b4cb7;
}
.cta{
  background:#1b4cb7;
  color:#fff;
  border-radius:16px;
}

.cta button{
  background:#ffd400;
  color:#000;
  font-weight:700;
}
@media(max-width:768px){
  .grid{
    grid-template-columns:1fr;
  }
}




*
.h2 + p{
  font-size:15.5px;
  line-height:1.8;
  color:#444;
  margin-bottom:26px;
}
.jv-section-title{
  font-size:21px;
  font-weight:700;
  color:#1b4cb7;
  margin:28px 0 18px;
  position:relative;
}

.jv-section-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:36px;
  height:3px;
  background:#ffd400;
  border-radius:3px;
}
.jv-item{
  display:flex;
  gap:16px;
  padding:16px;
  border-radius:14px;
  background:#f9fbff;
  border:1px solid #e6ecf5;
  margin-bottom:14px;
  transition:all .3s ease;
}

.jv-item:hover{
  background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  transform:translateY(-3px);
}
.jv-item img{
  width:56px;
  height:56px;
  border-radius:10px;
  background:#fff;
  padding:6px;
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}
.jv-item h4{
  color:#1b4cb7;
  font-size:16.5px;
  font-weight:700;
  margin-bottom:6px;
}
.jv-item p{
  font-size:14.5px;
  line-height:1.7;
  color:#444;
}



.benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:16px;
}

.benefit{
  background:#ffffff;
  border-radius:16px;
  padding:22px 18px;
  text-align:center;
  border:1px solid #e6ecf5;
  box-shadow:0 8px 22px rgba(0,0,0,0.05);
  transition:all .35s ease;
  position:relative;
}

/* ICON CIRCLE */
.benefit::before{
  content:"✓";
  width:44px;
  height:44px;
  background:#eaf0ff;
  color:#1b4cb7;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  position:absolute;
  top:-22px;
  left:50%;
  transform:translateX(-50%);
}

/* HOVER EFFECT */
.benefit:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(27,76,183,.18);
  border-color:#1b4cb7;
}
.benefit strong{
  display:block;
  margin-top:14px;
  margin-bottom:6px;
  color:#1b4cb7;
  font-size:15.5px;
}

.benefit div{
  font-size:14px;
  line-height:1.6;
  color:#444;
}
.process{
  background:#ffffff;
  border-radius:16px;
  padding:24px;
  border-left:4px solid #1b4cb7;
  box-shadow:0 10px 28px rgba(0,0,0,0.06);
}

.process ol{
  list-style:none;
  padding:0;
  margin:0;
}

.process ol li{
  position:relative;
  padding-left:42px;
  margin-bottom:18px;
  font-size:15px;
  color:#333;
}

/* NUMBER CIRCLE */
.process ol li::before{
  content:counter(step);
  counter-increment:step;
  width:28px;
  height:28px;
  background:#ffd400;
  color:#000;
  font-weight:700;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  left:0;
  top:0;
}
.process ol{
  counter-reset:step;
}
.section-title{
  font-size:20px;
  font-weight:700;
  color:#1b4cb7;
  position:relative;
  display:inline-block;
  margin-bottom:16px;
}

.section-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:36px;
  height:3px;
  background:#ffd400;
  border-radius:3px;
}
@media(max-width:768px){
  .benefits{
    grid-template-columns:1fr;
  }
}
*****
#partner-form{
  background:#fff;
  border-radius:18px;
  padding:32px;
  box-shadow:0 14px 40px rgba(0,0,0,0.08);
  position:relative;
}

/* Blue accent line */
#partner-form::before{
  content:"";
  position:absolute;
  left:0;
  top:30px;
  width:4px;
  height:70%;
  background:#1b4cb7;
  border-radius:4px;
}
#partner-form .h2{
  font-size:22px;
  font-weight:700;
  color:#1b4cb7;
  position:relative;
  margin-bottom:22px;
}

#partner-form .h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:40px;
  height:3px;
  background:#ffd400;
  border-radius:3px;
}
#partner-form input,
#partner-form textarea{
  padding:14px 14px;
  border-radius:10px;
  border:1px solid #dfe5f1;
  font-size:14.5px;
  transition:all .25s ease;
  width:100%;
}

/* Focus effect */
#partner-form input:focus,
#partner-form textarea:focus{
  outline:none;
  border-color:#1b4cb7;
  box-shadow:0 0 0 3px rgba(27,76,183,.12);
}
#partner-form ::placeholder{
  color:#888;
  font-size:14px;
}
#partner-form textarea{
  min-height:110px;
  resize:none;
}
#partner-form button{
  background:linear-gradient(135deg,#1b4cb7,#0b4a8a);
  color:#fff;
  padding:12px 26px;
  border-radius:10px;
  border:none;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  transition:all .3s ease;
  box-shadow:0 10px 22px rgba(27,76,183,.35);
}

#partner-form button:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(27,76,183,.45);
}
#partner-form form{
  gap:18px !important;
}
@media(max-width:768px){
  #partner-form{
    padding:24px;
  }

  #partner-form form{
    grid-template-columns:1fr !important;
  }
}
.map-card{
  background:#fff;
  border-radius:18px;
  padding:14px;
  box-shadow:0 14px 40px rgba(0,0,0,0.08);
  position:relative;
  margin-top:24px;
}

/* Blue accent line (brand feel) */
.map-card::before{
  content:"";
  position:absolute;
  left:0;
  top:22px;
  width:4px;
  height:70%;
  background:#1b4cb7;
  border-radius:4px;
}
.map-card iframe{
  width:100%;
  height:340px;
  border:0;
  border-radius:14px;
}
.map-card iframe{
  filter:grayscale(20%) contrast(1.05);
}
.map-title{
  font-size:20px;
  font-weight:700;
  color:#1b4cb7;
  margin-bottom:14px;
  position:relative;
  display:inline-block;
}

.map-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:36px;
  height:3px;
  background:#ffd400;
  border-radius:3px;
}
.map-info{
  position:absolute;
  top:20px;
  right:20px;
  background:#fff;
  padding:12px 14px;
  border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,0.12);
  font-size:13px;
  max-width:220px;
}

.map-info strong{
  color:#1b4cb7;
}
@media(max-width:768px){
  .map-info{
    position:static;
    margin-bottom:10px;
  }

  .map-card iframe{
    height:260px;
  }
}

.sidebar .box{
  background:#fff;
  border-radius:18px;
  padding:26px 22px;
  box-shadow:0 14px 36px rgba(0,0,0,0.08);
  position:relative;
  margin-bottom:22px;
}

/* Blue accent curve */
.sidebar .box::before{
  content:"";
  position:absolute;
  left:0;
  top:26px;
  width:4px;
  height:70%;
  background:#1b4cb7;
  border-radius:6px;
}
.sidebar h4{
  color:#1b4cb7;
  font-size:18px;
  font-weight:700;
  margin-bottom:14px;
  position:relative;
}

.sidebar h4::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:32px;
  height:3px;
  background:#ffd400;
  border-radius:3px;
}

.sidebar p{
  font-size:14.5px;
  line-height:1.7;
  color:#333;
}
.sidebar p strong{
  color:#000;
}

.sidebar p a{
  color:#1b4cb7;
  font-weight:600;
  text-decoration:none;
}
.sidebar ul{
  list-style:none;
  padding-left:0;
  margin:0;
}

.sidebar ul li{
  position:relative;
  padding-left:28px;
  margin-bottom:10px;
  font-size:14.5px;
  color:#333;
}

/* Yellow check icon */
.sidebar ul li::before{
  content:"✔";
  position:absolute;
  left:0;
  top:0;
  color:#ffd400;
  font-weight:700;
}
.sidebar .cta{
  background:linear-gradient(135deg,#1b4cb7,#0b4a8a);
  color:#fff;
  border-radius:20px;
  padding:30px 22px;
  text-align:center;
  box-shadow:0 16px 40px rgba(27,76,183,.45);
}

.sidebar .cta h4{
  color:#fff;
  margin-bottom:10px;
}

.sidebar .cta p{
  color:#e8efff;
  font-size:14.5px;
  margin-bottom:18px;
}
.sidebar .cta button{
  background:#ffd400;
  color:#000;
  padding:12px 28px;
  border-radius:10px;
  border:none;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  transition:all .3s ease;
}

.sidebar .cta button:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(0,0,0,0.25);
}
@media(max-width:768px){
  .sidebar .box{
    padding:22px;
  }
}
***
/* contact.css - polished and ready */
:root{
  --brand-blue:#1b4cb7;
  --brand-yellow:#f8d903;
  --muted:#6b6b6b;
  --card-shadow:0 10px 26px rgba(0,0,0,0.08);
  --radius:10px;
  --form-bg:#e9f6ef;
  --submit:#c6893a;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Poppins',sans-serif;color:#222;line-height:1.5}
a{color:var(--brand-blue);text-decoration:none}

/* header */
.header{background:#fff;padding:12px 20px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:999}
.wrap{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo img{height:44px}
.nav{display:flex;gap:18px}
.nav a{font-weight:600;color:#222}
.hamburger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.hamburger span{display:block;width:22px;height:2px;background:#333;margin:4px 0;border-radius:2px}

/* hero */
.hero{background:var(--brand-blue);padding:48px 20px;color:#fff;text-align:center}
.hero h1{margin:0;font-size:28px}
.hero p{margin:6px auto;max-width:820px;opacity:.95}

/* container */
.container{max-width:1180px;margin:26px auto;padding:0 20px}

/* grid */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.contact-card{background:#fff;padding:0;border-radius:12px;overflow:visible}
.contact-card h2{background:transparent;margin:0;padding:18px 20px 0 20px;color:var(--brand-blue)}
.contact-form{background:var(--form-bg);margin:12px 20px 20px 20px;padding:18px;border-radius:10px;box-shadow:var(--card-shadow)}
.contact-form .row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.contact-form label{display:block;font-size:13px;color:#333;margin-bottom:6px}
.contact-form input, .contact-form textarea{
  width:100%;padding:10px 12px;border-radius:6px;border:1px solid rgba(0,0,0,0.08);font-size:14px;
}
.contact-form input::placeholder, .contact-form textarea::placeholder{color:#999}
.contact-form .col{flex:1;min-width:140px}
.contact-form .col-full{flex:1;min-width:100%}
.submit-btn{
  display:inline-block;background:var(--submit);color:#fff;padding:12px 18px;border-radius:8px;border:0;font-weight:700;width:100%;
  box-shadow:0 6px 18px rgba(0,0,0,0.08);
}
.form-msg{margin-top:10px;font-size:14px}

/* contact info under form */
.contact-info{padding:0 20px 20px 20px;color:#333;font-size:14px}
.contact-info .icon-title{font-weight:700;margin-top:12px}

/* map */
.map-card{background:#fff;padding:18px;border-radius:12px;box-shadow:var(--card-shadow)}
.map-card h2{color:var(--brand-blue);margin-top:0}
.map-card iframe{width:100%;height:360px;border:0;border-radius:8px}

/* footer */
.footer{background:var(--brand-yellow);padding:26px 20px;margin-top:30px}
.foot-wrap{max-width:1180px;margin:auto;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}
.footer-logo{width:120px}
.muted{color:var(--muted)}
.copy{text-align:center;padding-top:12px;border-top:1px solid rgba(0,0,0,0.08);margin-top:10px}

/* responsive */
@media(max-width:900px){
  .nav{display:none;position:fixed;right:16px;top:64px;background:#fff;padding:12px;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,0.12)}
  .nav.open{display:flex;flex-direction:column;gap:8px}
  .hamburger{display:block}
  .contact-grid{grid-template-columns:1fr}
  .contact-form .row{flex-direction:column}
  .contact-form .col{min-width:100%}
  .map-card iframe{height:280px}
}
/* ===== CONTACT PAGE – PREMIUM CREATIVE UI ===== */

body {
  background: linear-gradient(135deg, #f4f8ff, #ffffff);
}

/* Card animation */
.contact-card,
.map-card {
  position: relative;
  overflow: hidden;
  transition: all .35s ease;
}

.contact-card::before,
.map-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(27,76,183,.08), transparent);
  opacity: 0;
  transition: .4s;
}

.contact-card:hover::before,
.map-card:hover::before {
  opacity: 1;
}

.contact-card:hover,
.map-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(27,76,183,.18);
}

/* Form layout polish */
.contact-form .row {
  display: flex;
  gap: 18px;
  margin-bottom: 18px;
}

.contact-form .col {
  flex: 1;
}

.contact-form .col-full {
  width: 100%;
}

/* Inputs */
.contact-form input,
.contact-form textarea {
  background: #f9fbff;
  border: 1px solid #dbe4ff;
  transition: all .3s ease;
}

.contact-form input:focus,
.contact-form textarea:focus {
  background: #fff;
  box-shadow: 0 0 0 4px rgba(27,76,183,.15);
}

/* Submit button – premium */
.submit-btn {
  position: relative;
  overflow: hidden;
}

.submit-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);
  transform: translateX(-100%);
  transition: .6s;
}

.submit-btn:hover::after {
  transform: translateX(100%);
}

.submit-btn:hover {
  transform: translateY(-2px);
}

/* Contact info icons */
.contact-info p {
  margin-bottom: 12px;
}

.icon-title {
  font-weight: 600;
  color: #1b4cb7;
}

/* Map enhancement */
.map-card iframe {
  filter: saturate(1.1);
}

/* Divider line */
.contact-grid::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 10%;
  width: 3px;
  height: 80%;
  background: linear-gradient(to bottom, transparent, #1b4cb7, transparent);
}

@media(max-width:900px){
  .contact-grid::before {
    display: none;
  }
  .contact-form .row {
    flex-direction: column;
  }
}
/* ===== CONTACT FORM – FINAL FIX (NO CONFLICT) ===== */

.contact-form .form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 18px;
}

.contact-form .form-col {
  flex: 1;
}

.contact-form .form-col-full {
  width: 100%;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  box-sizing: border-box;
}

.contact-form textarea {
  resize: none;
}

.submit-btn {
  padding: 14px 36px;
  margin-top: 10px;
}

/* Mobile */
@media (max-width: 768px) {
  .contact-form .form-row {
    flex-direction: column;
  }
}
/* ===============================
   SUPREME CONTACT FORM – FIXED
================================ */

.sp-contact-form {
  display: block !important;
}

/* ROW SYSTEM */
.sp-contact-form .row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 18px;
}

/* FULL WIDTH ROW */
.sp-contact-form .col-full {
  grid-column: 1 / -1;
}

/* INPUTS */
.sp-contact-form input,
.sp-contact-form textarea {
  width: 100% !important;
  box-sizing: border-box;
}

/* MESSAGE */
.sp-contact-form textarea {
  min-height: 120px;
  resize: none;
}

/* BUTTON */
.sp-contact-form .submit-btn {
  padding: 14px 36px;
  background: #1b4cb7;
  color: #fff;
  border-radius: 8px;
  font-weight: 700;
}

/* BUTTON ALIGN */
.sp-contact-form .col-full:last-child {
  text-align: right;
}

/* MOBILE FIX */
@media (max-width: 768px) {
  .sp-contact-form .row {
    grid-template-columns: 1fr;
  }

  .sp-contact-form .col-full:last-child {
    text-align: center;
  }
}
/* Get in Touch heading */
.contact-card h2 {
  color: #1b4cb7;      /* blue */
  font-weight: 700;    /* bold */
  font-size: 22px;
  margin-bottom: 20px;
}
/* ===== ENABLE TYPING IN CONTACT FORM ===== */

.contact-card,
.contact-form,
.contact-form * {
  pointer-events: auto !important;
}

.contact-form input,
.contact-form textarea {
  position: relative;
  z-index: 10;
  background: #f9fbff;
}
.contact-card::before,
.contact-card::after {
  pointer-events: none;
}
/* Location Map heading */
.map-card h2 {
  color: #1b4cb7;      /* same blue */
  font-weight: 700;    /* bold */
  font-size: 22px;
  margin-bottom: 16px;
}
/* ===============================
   CONTACT PAGE – COMPLETE CSS
================================ */

/* HERO */
.hero {
  background: #1b4cb7;
  color: #fff;
  padding: 60px 20px;
  text-align: center;
}
.hero h1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 8px;
}
.hero p {
  font-size: 16px;
  opacity: 0.9;
}

/* CONTAINER */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 20px;
}

/* GRID */
.contact-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 30px;
  align-items: stretch;
}

/* CARDS */
.contact-card,
.map-card {
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.08);
  position: relative;
}

/* LEFT BLUE BORDER */
.contact-card::before,
.map-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  width: 4px;
  height: calc(100% - 60px);
  background: #1b4cb7;
  border-radius: 4px;
}

/* HEADINGS */
.contact-card h2,
.map-card h2 {
  color: #1b4cb7;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 22px;
  position: relative;
}

.contact-card h2::after,
.map-card h2::after {
  content: "";
  width: 36px;
  height: 3px;
  background: #f4c504;
  display: block;
  margin-top: 6px;
  border-radius: 2px;
}

/* ================= FORM ================= */

.contact-form {
  margin-bottom: 35px;
}

/* GRID FORM */
.form-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 18px;
}

.form-full {
  margin-bottom: 20px;
}

.form-actions {
  margin-top: 10px;
}

/* LABEL */
.contact-form label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #333;
}

/* INPUTS */
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 14px 14px;
  border-radius: 10px;
  border: 1px solid #dbe4ff;
  background: #f9fbff;
  font-size: 14px;
  transition: all .25s ease;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: #1b4cb7;
  box-shadow: 0 0 0 4px rgba(27,76,183,0.15);
  background: #fff;
}

.contact-form textarea {
  resize: none;
  min-height: 120px;
}

/* BUTTON */
.submit-btn {
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  border: none;
  background: #1b4cb7;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all .3s ease;
}

.submit-btn:hover {
  background: #163e96;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(27,76,183,0.3);
}

/* ================= CONTACT INFO ================= */

.contact-info {
  margin-top: 35px;
  padding-top: 25px;
  border-top: 1px dashed #dbe4ff;
  font-size: 14.5px;
}

.contact-info strong {
  color: #1b4cb7;
}

.icon-title {
  margin-top: 18px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* PHONE – YELLOW */
.icon-title:first-of-type {
  color: #f4c504;
}

/* EMAIL – BLUE */
.icon-title:last-of-type {
  color: #1b4cb7;
}

.contact-info a {
  color: #1b4cb7;
  text-decoration: none;
  font-weight: 500;
}

.contact-info a:hover {
  text-decoration: underline;
}

/* ================= MAP ================= */

.map-card iframe {
  width: 100%;
  height: 100%;
  min-height: 520px;
  border: none;
  border-radius: 12px;
}

/* ================= RESPONSIVE ================= */

@media(max-width: 992px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .map-card iframe {
    min-height: 420px;
  }
}

@media(max-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr;
  }

  .submit-btn {
    width: 100%;
  }
}
***
.contact-form input {
  border-radius: 6px;   /* instead of 10 */
  padding: 16px 14px;
  font-size: 15px;
}
***
.contact-form input[type="email"] {
  font-size: 13px;
}
.map-card iframe {
  min-height: 560px;
}
.submit-btn {
  margin-top: 10px;
  letter-spacing: .5px;
}
.enquire-tab {
  top: 40%;
}


/* Phone icon */
.icon-title.phone::before {
  content: "☎";
  margin-right: 8px;
  color: #1b4cb7;   /* brand blue */
  font-size: 16px;
}

/* Email icon */
.icon-title.email::before {
  content: "✉";
  margin-right: 8px;
  color: #1b4cb7;   /* brand blue */
  font-size: 16px;
}

/* Common title style */
.icon-title {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}


****
.contact-card,
.map-card {
  transition: all .35s ease;
}

.contact-card:hover,
.map-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(27,76,183,0.18);
}
.contact-form input {
  padding-left: 44px;
  background-position: 14px center;
  background-repeat: no-repeat;
}

.contact-form input[type="text"] {
  background-image: url("data:image/svg+xml,%3Csvg fill='%231b4cb7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-4 0-8 2-8 6h16c0-4-4-6-8-6z'/%3E%3C/svg%3E");
  background-size: 18px;
}
.submit-btn {
  position: relative;
  overflow: hidden;
}

.submit-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);
  transition: .6s;
}

.submit-btn:hover::after {
  left: 100%;
}
<a class="map-btn" target="_blank"
href="https://www.google.com/maps?q=Vanagaram+Chennai+600095">
Get Directions →
</a>
.map-btn {
  display: inline-block;
  margin-top: 14px;
  padding: 10px 18px;
  background: #f4c504;
  color: #000;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
}
.contact-info a[href^="tel"] {
  display: inline-block;
  margin-top: 6px;
  padding: 6px 14px;
  border-radius: 20px;
  background: rgba(27,76,183,.1);
}
.contact-info {
  position: relative;
}

.contact-info::before {
  content: "";
  width: 60px;
  height: 3px;
  background: linear-gradient(to right, #1b4cb7, #f4c504);
  display: block;
  margin-bottom: 20px;
  border-radius: 3px;
}
/* ===== FIX ICON REPEAT ISSUE COMPLETELY ===== */
.contact-form input {
  background-repeat: no-repeat !important;
  background-position: 14px center !important;
  background-size: 18px 18px !important;
}
/* REMOVE ICON FROM INPUT */
.contact-form input {
  background-image: none !important;
  padding-left: 16px !important;
}
/* REMOVE UNWANTED CENTER DIVIDER LINE */
.contact-grid::before {
  display: none !important;
}
**
.header .phone-btn {
  box-shadow: 0 6px 16px rgba(0,0,0,.15);
  font-weight: 700;
}
.contact-card,
.map-card {
  min-height: 620px;
}
**
/* ================================
   UPCOMING PROJECTS – TEXT STYLING
   ================================ */

.upcoming-wrapper{
  background:#f6f9ff;
  padding:70px 0;
  font-family:'Poppins', Arial, sans-serif;
}

/* Main heading */
.upcoming-title{
  text-align:center;
  font-size:36px;
  font-weight:700;
  color:#1b4cb7;
  margin-bottom:8px;
}

/* Sub text */
.upcoming-sub{
  text-align:center;
  font-size:15px;
  color:#555;
  margin-bottom:45px;
}

/* Grid */
.upcoming-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:30px;
  max-width:1200px;
  margin:auto;
}

/* Card */
.upcoming-card{
  background:#ffffff;
  padding:26px;
  border-radius:14px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  position:relative;
  transition:all .3s ease;
}

.upcoming-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 35px rgba(0,0,0,0.12);
}

/* Project title */
.upcoming-card h3{
  font-size:18px;
  font-weight:600;
  color:#1b4cb7;
  margin-bottom:10px;
  line-height:1.4;
}

/* Project description */
.upcoming-card p{
  font-size:14px;
  color:#555;
  line-height:1.6;
  margin-bottom:18px;
}

/* Coming soon badge */
.badge-soon{
  position:absolute;
  top:16px;
  right:16px;
  background:#ff9800;
  color:#fff;
  font-size:12px;
  font-weight:600;
  padding:6px 12px;
  border-radius:20px;
  letter-spacing:.3px;
}

/* Enquire button */
.enquire-btn{
  display:inline-block;
  background:#1b4cb7;
  color:#ffffff;
  font-size:14px;
  font-weight:600;
  padding:10px 20px;
  border-radius:6px;
  text-decoration:none;
  transition:background .25s ease;
}

.enquire-btn:hover{
  background:#153c91;
  color:#ffffff;
}

/* Mobile tweaks */
@media(max-width:768px){
  .upcoming-title{
    font-size:28px;
  }
  .upcoming-sub{
    font-size:14px;
  }
}
.upcoming-wrapper{
  margin-top: 110px;
}

@media(max-width:768px){
  .upcoming-wrapper{
    margin-top: 90px;
  }
}




/* ===== PROJECT CARD STYLE ===== */

.project-card{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.12);
  transition:.3s ease;
}

.project-card:hover{
  transform:translateY(-6px);
}

/* Image section */
.project-img{
  position:relative;
}

.project-img img{
  width:100%;
  height:240px;
  object-fit:cover;
  display:block;
}

/* Upcoming tag */
.project-tag{
  position:absolute;
  top:14px;
  left:14px;
  background:#f4c504;
  color:#000;
  font-size:13px;
  font-weight:600;
  padding:6px 14px;
  border-radius:20px;
}

/* Share icon */
.share-btn{
  position:absolute;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#333;
  box-shadow:0 4px 10px rgba(0,0,0,.2);
}

/* Info section */
.project-info{
  padding:18px 20px 22px;
}

.project-info h3{
  margin:0;
  font-size:18px;
  color:#000;
}

.project-info .location{
  margin:4px 0 10px;
  color:#666;
  font-size:14px;
}

.project-info .price{
  color:#f57c00;
  font-weight:700;
  margin-bottom:12px;
}

/* Specs list */
.project-specs{
  list-style:none;
  padding:0;
  margin:0;
}

.project-specs li{
  font-size:14px;
  color:#444;
  margin-bottom:6px;
}



.project-img{
  overflow:hidden;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
}

.project-img img{
  transition:transform .5s ease;
}

.project-card:hover .project-img img{
  transform:scale(1.08);
}

/* subtle overlay */
.project-img::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.25), transparent);
  opacity:0;
  transition:.4s;
}

.project-card:hover .project-img::after{
  opacity:1;
}
.project-tag{
  animation:pulse 2s infinite;
}

@keyframes pulse{
  0%{ box-shadow:0 0 0 0 rgba(244,197,4,.6);}
  70%{ box-shadow:0 0 0 10px rgba(244,197,4,0);}
  100%{ box-shadow:0 0 0 0 rgba(244,197,4,0);}
}



.status-line.launching{
  color:#e65100;
  font-weight:600;
}
.status-line i{
  margin-right:6px;
}





.service-hero{
  margin-top: 150px;   /* header height */
}
.service-hero{
  margin-top: 120px;
}

@media(max-width: 768px){
  .service-hero{
    margin-top: 95px;
  }
}



**
/* ===== Luxury CTA FINAL FIX ===== */
.luxury-cta{
  width:100%;
  background: linear-gradient(135deg, #0b1c36, #122b55);
  padding: 80px 20px;
  display:flex;
  justify-content:center;
}

.luxury-cta-inner{
  max-width: 900px;
  text-align:center;
  color:#fff;
}

.luxury-cta-inner h3{
  font-size:28px;
  font-weight:600;
  color:#f4c504;
  margin-bottom:14px;
}

.luxury-cta-inner p{
  font-size:16px;
  opacity:0.9;
  margin-bottom:30px;
}

.luxury-btn{
  display:inline-block;
  background:#f4c504;
  color:#000;
  padding:14px 38px;
  border-radius:40px;
  font-weight:600;
  text-decoration:none;
  transition:all .3s ease;
  box-shadow:0 10px 30px rgba(0,0,0,0.3);
}

.luxury-btn:hover{
  background:#ffd84d;
  transform:translateY(-2px);
}

/* Mobile */
@media(max-width:768px){
  .luxury-cta-inner h3{
    font-size:22px;
  }
}
.luxury-cta{
  width: 100vw;                /* force full screen */
  margin-left: calc(-50vw + 50%);
  background: linear-gradient(135deg, #0b1c36, #122b55);
  padding: 80px 20px;
  display: block;
  position: relative;
}

.luxury-cta-inner{
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.luxury-cta-inner h3{
  font-size: 28px;
  font-weight: 600;
  color: #f4c504;
  margin-bottom: 14px;
}

.luxury-cta-inner p{
  font-size: 16px;
  opacity: 0.9;
  margin-bottom: 30px;
}

.luxury-btn{
  display: inline-block;
  background: #f4c504;
  color: #000;
  padding: 14px 38px;
  border-radius: 40px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  transition: .3s;
}

.luxury-btn:hover{
  background:#ffd84d;
  transform: translateY(-2px);
}
.luxury-btn{
  animation: pulse 2.5s infinite;
}

@keyframes pulse{
  0%{ box-shadow:0 0 0 0 rgba(244,197,4,.5); }
  70%{ box-shadow:0 0 0 12px rgba(244,197,4,0); }
  100%{ box-shadow:0 0 0 0 rgba(244,197,4,0); }
}




*******
/* Header height compensation */
body{
  padding-top: 90px;   /* header height */
}

/* Service Hero */
.service-hero{
  background: linear-gradient(135deg, #0b3c8a, #1b4cb7);
  padding: 90px 0;
  text-align: center;
  color: #fff;
}

/* Remove container spacing issues */
.service-hero .container{
  margin-top: 0;
  padding-top: 0;
}
.header.fixed-header{
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
}
body{
  padding-top: 90px;
}
.service-hero{
  background: linear-gradient(135deg, #0b3c8a, #1b4cb7);
  padding: 90px 0;
  text-align: center;
  color: #fff;
}


****
/* ===== COMMON RESET ===== */
body{
  margin:0;
  padding-top:90px; /* fixed header compensation */
  font-family: 'Segoe UI', Arial, sans-serif;
}

/* ===== CONTAINER ===== */
.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

/* ===== HERO SECTION ===== */
.service-hero{
  padding:100px 0;
  text-align:center;
  color:#fff;
}

.villas-hero{
  background: linear-gradient(135deg, #0b3c8a, #1b4cb7);
}

.service-hero h1{
  font-size:42px;
  font-weight:700;
  margin-bottom:14px;
}

.service-hero p{
  max-width:720px;
  margin:0 auto;
  font-size:18px;
  line-height:1.6;
  opacity:0.95;
}

/* ===== CONTENT SECTION ===== */
.service-content{
  padding:80px 0;
  background: linear-gradient(#ffffff, #f7f9fc);
}

/* Two column balance */
.service-content .container{
  display:grid;
  grid-template-columns: 1fr;
}

/* ===== HEADINGS ===== */
.service-content h2{
  font-size:30px;
  color:#1b4cb7;
  margin-bottom:16px;
}

.service-content h3{
  font-size:22px;
  margin:40px 0 20px;
  color:#0b3c8a;
}

/* ===== INTRO TEXT ===== */
.service-content .intro{
  max-width:900px;
  line-height:1.7;
  font-size:16px;
}

/* ===== FEATURES GRID ===== */
.features-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:22px;
  margin-top:25px;
}

.feature-box{
  background:#fff;
  padding:22px;
  border-radius:12px;
  border-left:4px solid #1b4cb7;
  box-shadow:0 6px 18px rgba(0,0,0,0.08);
  font-weight:500;
  transition:all .3s ease;
}

.feature-box:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 36px rgba(0,0,0,0.15);
}

/* ===== IDEAL FOR LIST ===== */
.ideal-list{
  list-style:none;
  padding:0;
  margin-top:20px;
}

.ideal-list li{
  position:relative;
  padding-left:28px;
  margin-bottom:12px;
  font-size:15px;
}

.ideal-list li::before{
  content:"✔";
  position:absolute;
  left:0;
  top:0;
  color:#1b4cb7;
  font-weight:700;
}

/* ===== CTA SECTION ===== */
.luxury-cta{
  width:100%;
  background: linear-gradient(135deg, #0b1c36, #122b55);
  padding:90px 20px;
  text-align:center;
}

.luxury-cta-inner{
  max-width:900px;
  margin:0 auto;
  color:#fff;
}

.luxury-cta h3{
  font-size:30px;
  margin-bottom:14px;
  color:#f4c504;
}

.luxury-cta p{
  font-size:16px;
  margin-bottom:30px;
  opacity:0.9;
}

/* CTA BUTTON */
.luxury-btn{
  background:#f4c504;
  color:#000;
  padding:14px 40px;
  border-radius:40px;
  font-weight:600;
  text-decoration:none;
  display:inline-block;
  transition:.3s;
  box-shadow:0 10px 28px rgba(0,0,0,0.35);
}

.luxury-btn:hover{
  background:#ffd84d;
  transform:translateY(-3px);
}

/* ===== MOBILE ===== */
@media(max-width:768px){
  .service-hero h1{
    font-size:30px;
  }
  .service-hero p{
    font-size:16px;
  }
  .luxury-cta h3{
    font-size:24px;
  }
}
/* ===== COMMERCIAL HERO ===== */
.commercial-hero{
  background: linear-gradient(135deg, #0b1c36, #1b4cb7);
}


***
.partners-desc {
  margin: 6px 0 14px;
  font-size: 14px;
  color: #555;
}

 
*** (mobile)
/* =====================================
   MOBILE ENQUIRE BOX FIX
   ===================================== */
@media (max-width: 768px) {

  /* Header / floating enquire remove */
  .enquire,
  .enquire-box,
  .top-enquire,
  .header-enquire {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
  }

  /* Property card control */
  .property-card,
  .project-card,
  .card {
    position: relative;
  }

  /* Enquire inside card */
  .property-card .enquire,
  .project-card .enquire {
    width: 100%;
    margin: 10px 0;
    box-shadow: none;
    border-radius: 8px;
  }

}
@media (max-width: 768px) {
  header .enquire,
  header .enquire-box {
    display: none;
  }
}
/* =====================================
   MOBILE FIXED HEADER & ENQUIRE ISSUE
   ===================================== */
@media (max-width: 768px) {

  /* Disable fixed header on mobile */
  body.fixed-header header {
    position: relative !important;
    top: auto !important;
  }

  body.fixed-header {
    padding-top: 0 !important;
  }

  /* Enquire button reset */
  .enquire,
  .enquire-box,
  .header-enquire {
    position: static !important;
    margin: 10px 0;
    transform: none !important;
  }

}
/* =====================================
   MOBILE FIXED HEADER & ENQUIRE ISSUE
   ===================================== */
@media (max-width: 768px) {

  /* Disable fixed header on mobile */
  body.fixed-header header {
    position: relative !important;
    top: auto !important;
  }

  body.fixed-header {
    padding-top: 0 !important;
  }

  /* Enquire button reset */
  .enquire,
  .enquire-box,
  .header-enquire {
    position: static !important;
    margin: 10px 0;
    transform: none !important;
  }

}
******


/* =====================================
   MOBILE BOTTOM STICKY ENQUIRE BAR
   ===================================== */
@media (max-width: 768px) {

  .mobile-enquire-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.15);
  }

  .mobile-enquire-bar a {
    flex: 1;
    text-align: center;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
  }

  .mobile-enquire-bar .enquire-btn {
    background: #1e5bd7; /* blue */
  }

  .mobile-enquire-bar .call-btn {
    background: #25d366; /* green */
  }

  /* Hide desktop enquire */
  header .enquire,
  header .enquire-box {
    display: none !important;
  }

  /* Page bottom space */
  body {
    padding-bottom: 60px;
  }

}
/* =====================================
   MOBILE BOTTOM STICKY ENQUIRE BAR
   ===================================== */
@media (max-width: 768px) {

  .mobile-enquire-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.15);
  }

  .mobile-enquire-bar a {
    flex: 1;
    text-align: center;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
  }

  .mobile-enquire-bar .enquire-btn {
    background: #1e5bd7;
  }

  .mobile-enquire-bar .call-btn {
    background: #25d366;
  }

  /* Disable header enquire on mobile */
  header .enquire,
  header .enquire-box {
    display: none !important;
  }

  /* Prevent content hide behind bar */
  body {
    padding-bottom: 60px;
  }

}
/* Hide old vertical enquire on mobile */
@media (max-width: 768px) {
  .enquire-tab,
  #enquireTab {
    display: none !important;
  }
}
/* Hide WhatsApp float on mobile */
@media (max-width: 768px) {
  .whatsapp-float,
  .whatsapp-button,
  a[href*="wa.me"] {
    display: none !important;
  }
}
/* =====================================
   FIX CONTENT HIDING BEHIND BOTTOM BAR
   ===================================== */
@media (max-width: 768px) {

  /* Proper space for sticky bar */
  body {
    padding-bottom: 80px !important;
  }

  /* Footer / last sections spacing */
  footer,
  .footer,
  .site-footer {
    margin-bottom: 80px;
  }

  /* Sticky bar background isolation */
  .mobile-enquire-bar {
    background: #ffffff;
  }

}
@media (max-width: 768px) {
  .yellow-bg,
  .footer-section {
    padding-bottom: 40px;
  }
}












/* =====================================
   FINAL MOBILE STICKY BAR FIX
   ===================================== */
@media (max-width: 768px) {

  /* 🔴 Remove forced full height sections */
  footer,
  .footer,
  .site-footer,
  .yellow-bg,
  .home-footer,
  section {
    height: auto !important;
    min-height: unset !important;
    position: relative !important;
  }

  /* 🔴 Fix body height issue */
  html, body {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden;
  }

  /* ✅ Sticky bar isolation */
  .mobile-enquire-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #ffffff;
  }

  /* ✅ Space for sticky bar */
  body {
    padding-bottom: 90px !important;
  }

}
















/* =====================================
   FINAL MOBILE HEADER ENQUIRE REMOVAL
   ===================================== */
@media (max-width: 768px) {

  /* ❌ Remove top floating enquire popup */
  .enquire,
  .enquire-box,
  .enquire-popup,
  .enquire-wrap,
  .header-enquire {
    display: none !important;
  }

  /* ❌ Remove right side vertical enquire */
  .enquire-tab,
  #enquireTab {
    display: none !important;
  }

  /* ✅ Keep only bottom bar */
  .mobile-enquire-bar {
    display: flex !important;
  }

}
/* =====================================
   MOBILE STICKY BAR ICON COLOR FIX
   ===================================== */
@media (max-width: 768px) {

  /* Text + icon color */
  .mobile-enquire-bar a,
  .mobile-enquire-bar a i,
  .mobile-enquire-bar a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
  }

}
/* =====================================
   DESKTOP HIDE / MOBILE SHOW – STICKY BAR
   ===================================== */

/* 🔴 Default: HIDE everywhere */
.mobile-enquire-bar {
  display: none !important;
}

/* 🟢 Mobile only: SHOW */
@media (max-width: 768px) {
  .mobile-enquire-bar {
    display: flex !important;
  }
}



/* =====================================
   ENQUIRE TAB – SHOW ON ALL DEVICES
   ===================================== */

/* Always show enquire tab */
.enquire-tab,
#enquireTab {
  display: block !important;
}

/* Safety: keep it clickable & above content */
.enquire-tab,
#enquireTab {
  z-index: 9999;
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}






***
/* ===== FORCE HEADER MENU COLOR ===== */

/* Top menu links */
#header nav.ubermenu a.ubermenu-target {
    color: #FFD700 !important;   /* YELLOW */
}

/* Text inside */
#header nav.ubermenu a.ubermenu-target span {
    color: #FFD700 !important;
}

/* Hover */
#header nav.ubermenu a.ubermenu-target:hover,
#header nav.ubermenu a.ubermenu-target:hover span {
    color: #ffcc00 !important;
}

/* Active / current page */
#header nav.ubermenu li.ubermenu-active > a.ubermenu-target,
#header nav.ubermenu li.current-menu-item > a.ubermenu-target,
#header nav.ubermenu li.ubermenu-active > a.ubermenu-target span {
    color: #FFD700 !important;
}

/* Fixed header (after scroll) */
.header.fixed-header nav.ubermenu a.ubermenu-target,
.header.fixed-header nav.ubermenu a.ubermenu-target span {
    color: #0b4a8a !important; /* blue on scroll */
}


.company-name {
    text-transform: uppercase;
}



.cg-img-box {
    aspect-ratio: 4 / 3;        /* auto height */
    width: 100%;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cg-img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}




.cg-card .cg-amenities span {
    animation: fadeUp 0.5s ease-in;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



.cg-amenities-wrap {
    margin: 12px 0 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cg-amenity {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border-radius: 25px;
    font-size: 12.5px;
    font-weight: 600;
    background: #f5f7fb;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    transition: transform 0.25s ease;
}

.cg-amenity:hover {
    transform: translateY(-2px);
}

/* ICON */
.cg-amenity i {
    font-size: 13px;
}

/* INDIVIDUAL COLORS (marketing psychology) */
.cg-amenity.parking { color: #0d47a1; }
.cg-amenity.garden  { color: #2e7d32; }
.cg-amenity.lift    { color: #6a1b9a; }
.cg-amenity.ev      { color: #ef6c00; }
.cg-amenity.cctv    { color: #37474f; }


.cg-amenity.cctv {
    color: #0f172a;          /* dark professional */
    background: #eef2ff;     /* light highlight */
}

.cg-amenity.cctv i {
    color: #1e40af;          /* icon blue */
}
.cg-actions a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.cg-project-status {
    display: inline-block;
    margin-top: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #b45309;
    background: #fff7ed;
    padding: 4px 10px;
    border-radius: 14px;
}
.cg-amenities-wrap {
    row-gap: 8px;
}
.cg-btn-fill {
    background: linear-gradient(135deg, #000000, #1f2933);
}
.cg-card {
  display: flex;
  flex-direction: column;
}

.cg-content {
  flex: 1;
}
.cg-card:hover {
  transform: translateY(-6px);
  transition: 0.3s ease;
}
.cg-meta {
  font-size: 13px;
  color: #6b7280; /* soft grey */
}

.cg-meta strong {
  color: #111827; /* dark text */
}
.cg-sold {
  display: inline-block;
  font-size: 12px;
  color: #166534;
  background: #dcfce7;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 600;
  margin-top: 6px;
}
.cg-year {
  color: #1e40af; /* blue */
  font-weight: 500;
}
.cg-location {
  color: #b45309; /* amber */
  font-weight: 500;
}
.cg-divider {
  height: 1px;
  background: #e5e7eb;
  margin: 10px 0;
}
*********
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Segoe UI', sans-serif;
}

body {
  background: #ffffff;
  color: #111;
}

/* ---------- Projects ---------- */

.projects-section {
  max-width: 1200px;
  margin: 60px auto;
  text-align: center;
  padding: 0 20px;
}

.projects-section h2 {
  font-size: 32px;
  margin-bottom: 6px;
}

.subtitle {
  color: #777;
  margin-bottom: 40px;
}

.projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.project-img {
  border-radius: 16px;
  overflow: hidden;
}

.project-img img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

/* ---------- Contact ---------- */

.contact-section {
  max-width: 600px;
  margin: 80px auto;
  padding: 0 20px;
}

.contact-section h2 {
  text-align: center;
  margin-bottom: 30px;
}

.contact-form label {
  font-size: 13px;
  margin-bottom: 6px;
  display: block;
  color: #555;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  border-radius: 6px;
  outline: none;
}

.contact-form textarea {
  resize: none;
  height: 100px;
}

.contact-form button {
  display: block;
  margin: auto;
  padding: 12px 36px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 30px;
  cursor: pointer;
}

/* ---------- Responsive ---------- */

@media (max-width: 900px) {
  .projects-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px) {
  .projects-grid {
    grid-template-columns: 1fr;
  }
}
/* Lightbox popup */

.lightbox {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.lightbox-content {
  max-width: 90%;
  max-height: 90%;
  border-radius: 14px;
  animation: zoomIn 0.3s ease;
}

.lightbox-close {
  position: absolute;
  top: 20px;
  right: 35px;
  font-size: 42px;
  color: #fff;
  cursor: pointer;
}

@keyframes zoomIn {
  from { transform: scale(0.85); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}
/* FORCE project images clickable */
.projects-grid .project-img,
.projects-grid .project-img img {
  cursor: pointer;
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
}
@keyframes zoomIn {
  from { transform: scale(0.9); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}

.lightbox-content {
  animation: zoomIn .25s ease;
}
html {
  scroll-behavior: smooth;
}
.side-card strong b {
  text-transform: uppercase;
}
/* Brand name */
.side-card .company-name {
  color: #1b4cb7;           /* Brand blue */
  font-weight: 700;
  letter-spacing: 0.6px;
}

/* Phone numbers */
.side-card a[href^="tel"] {
  color: #f4c504;           /* Brand yellow */
  font-weight: 600;
  text-decoration: none;
}

/* Email */
.side-card a[href^="mailto"] {
  color: #1b4cb7;
  text-decoration: none;
}

/* Hover (nice touch) */
.side-card a:hover {
  text-decoration: underline;
}
/* Footer text – all pages uppercase */
.sup-footer-bottom {
  text-transform: uppercase;
}
/* Quick Contact – company name uppercase */
.box.card p strong {
  text-transform: uppercase;
}
****
/* ===== FIX: Extra space below header (Mobile only) ===== */
@media (max-width: 768px) {

  /* body top padding remove */
  body.fixed-header-on {
    padding-top: 0 !important;
  }

  /* remove extra margin/padding above content */
  .upcoming-wrapper {
    margin-top: 0 !important;
    padding-top: 10px !important;
  }

  /* DSL Composer wrapper fix */
  #dslc-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* header height compensation */
  header.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
  }

}
@media (max-width: 768px) {
  .upcoming-title {
    margin-top: 10px !important;
  }
}
/* ================================
   FORCE REMOVE HEADER GAP (MOBILE)
================================ */
@media (max-width: 768px) {

  /* Kill all auto spacers */
  body.fixed-header-on::before,
  body.fixed-header-on::after {
    display: none !important;
    content: none !important;
  }

  /* Remove any header spacer div */
  .header-spacer,
  .header-spacer-height,
  .dslc-header-spacer,
  .fixed-header-spacer {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Reset body padding completely */
  body,
  body.fixed-header-on {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Force content to touch header */
  #dslc-content,
  .upcoming-wrapper,
  .page-content,
  main {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Safety: header stays fixed */
  header.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
  }
}
@media (max-width: 768px) {
  .upcoming-title {
    margin-top: 0 !important;
  }
}
*****
/* ==========================
   Brochure Download Bar
========================== */

.brochure-bar {
  background: linear-gradient(180deg, #0b3a8d, #062a66);
  padding: 30px 15px;
}

.brochure-form {
  max-width: 1100px;
  margin: auto;
  background: #ffffff;
  padding: 20px;
  border-radius: 14px;
  display: flex;
  gap: 15px;
  align-items: center;
  box-shadow: 0 15px 40px rgba(0,0,0,0.25);
}

.brochure-form input {
  flex: 1;
  padding: 14px 16px;
  border-radius: 10px;
  border: none;
  background: #f4f7fb;
  font-size: 15px;
  outline: none;
}

.brochure-form input::placeholder {
  color: #777;
}

.brochure-form button {
  background: #f6c400;
  color: #000;
  font-weight: 600;
  border: none;
  padding: 14px 26px;
  border-radius: 12px;
  cursor: pointer;
  white-space: nowrap;
  transition: 0.3s;
}

.brochure-form button:hover {
  background: #e0b200;
}

/* ==========================
   Mobile Responsive
========================== */
@media (max-width: 768px) {
  .brochure-form {
    flex-direction: column;
  }

  .brochure-form button {
    width: 100%;
  }
}
**
/* ===============================
   Supreme Feature Section
================================ */

.shp-feature {
  padding: 80px 20px;
  background: #ffffff;
  position: relative;
}

.shp-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 60px;
}

/* LEFT CONTENT */
.shp-content {
  flex: 1;
}

.shp-content h2 {
  font-size: 34px;
  line-height: 1.25;
  color: #b24a18;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.shp-content p {
  font-size: 15px;
  color: #444;
  line-height: 1.7;
  margin-bottom: 15px;
}

.shp-actions {
  margin-top: 30px;
  display: flex;
  gap: 20px;
}

.shp-actions a {
  padding: 14px 26px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-primary {
  background: linear-gradient(180deg, #c75a2a, #9c3e1f);
  color: #fff;
}

.btn-secondary {
  background: linear-gradient(180deg, #c75a2a, #9c3e1f);
  color: #fff;
}

/* RIGHT IMAGE */
.shp-image-wrap {
  flex: 1;
  position: relative;
}

.shp-image-wrap img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 25px 50px rgba(0,0,0,0.25);
}

/* Dotted pattern */
.dot-pattern {
  position: absolute;
  top: 30px;
  left: -40px;
  width: 120px;
  height: 120px;
  background-image: radial-gradient(#000 1px, transparent 1px);
  background-size: 10px 10px;
  opacity: 0.25;
}

/* ===============================
   Mobile Responsive
================================ */

@media (max-width: 768px) {

  .shp-container {
    flex-direction: column;
    gap: 40px;
  }

  .shp-content h2 {
    font-size: 26px;
  }

  .shp-actions {
    flex-direction: column;
  }

  .shp-actions a {
    width: 100%;
  }

  .dot-pattern {
    display: none;
  }
}
/* ===== Configuration Section ===== */
.configuration {
  padding: 60px 15px;
  background: #f6f9ff;
  text-align: center;
  font-family: "Poppins", sans-serif;
}

.configuration h2 {
  font-size: 28px;
  font-weight: 600;
  color: #0b2c6b;
  margin-bottom: 30px;
}

/* ===== Table Wrapper ===== */
.config-table {
  max-width: 900px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* ===== Rows ===== */
.config-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  padding: 18px 24px;
  font-size: 16px;
  color: #222;
}

/* ===== Header Row ===== */
.config-row.header {
  background: #0b2c6b;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
}

/* ===== Body Rows ===== */
.config-row:not(.header) {
  border-bottom: 1px solid #e9edf5;
}

.config-row:last-child {
  border-bottom: none;
}

/* ===== Unit Type ===== */
.config-row div:first-child {
  font-weight: 600;
  color: #0b2c6b;
}

/* ===== Download Button ===== */
.btn-download {
  display: inline-block;
  padding: 8px 20px;
  background: #f6c400;
  color: #000;
  font-weight: 600;
  border-radius: 30px;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
}

.btn-download:hover {
  background: #e5b400;
  transform: translateY(-2px);
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .config-row {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 10px;
  }

  .config-row.header {
    display: none;
  }

  .config-row div::before {
    content: attr(data-label);
    display: block;
    font-size: 13px;
    color: #777;
    margin-bottom: 4px;
  }
}
****
/* ===== Amenities Section ===== */
.amenities {
  padding: 80px 20px;
  background: #ffffff;
  text-align: center;
  font-family: "Poppins", sans-serif;
}

.amenities-container {
  max-width: 1200px;
  margin: auto;
}

/* Title */
.amenities-title {
  font-size: 28px;
  font-weight: 600;
  color: #5b6f99;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.amenities-title .dot {
  font-size: 22px;
  vertical-align: middle;
}

.dot.blue { color: #1b4cb7; }
.dot.red { color: #e63946; }

/* Subtitle */
.amenities-subtitle {
  max-width: 800px;
  margin: 0 auto 60px;
  font-size: 15px;
  line-height: 1.6;
  color: #555;
}

/* Grid */
.amenities-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px;
}

/* Card */
.amenity-card img {
  width: 110px;
  margin-bottom: 20px;
}

.amenity-card h4 {
  font-size: 18px;
  font-weight: 600;
  color: #0b2c6b;
  margin-bottom: 8px;
}

.amenity-card p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

/* Hover */
.amenity-card:hover img {
  transform: scale(1.05);
  transition: 0.3s ease;
}

/* Responsive */
@media (max-width: 992px) {
  .amenities-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .amenities-grid {
    grid-template-columns: 1fr;
  }

  .amenities-title {
    font-size: 24px;
  }
}
/* ================================
   LOCATION HIGHLIGHTS SECTION
================================ */

.location-highlights {
  padding: 80px 20px;
  background: #ffffff;
  font-family: "Poppins", sans-serif;
  text-align: center;
}

/* Title */
.section-title {
  font-size: 28px;
  font-weight: 600;
  color: #5b6f99;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.section-subtitle {
  max-width: 820px;
  margin: 0 auto 60px;
  font-size: 15px;
  line-height: 1.6;
  color: #555;
}

/* Grid Layout */
.lh-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

/* Card */
.lh-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  overflow: hidden;
  text-align: left;
  transition: all 0.3s ease;
}

.lh-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

/* Image */
.lh-img {
  height: 180px;
  overflow: hidden;
}

.lh-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.lh-card:hover .lh-img img {
  transform: scale(1.08);
}

/* Content */
.lh-card h4 {
  font-size: 18px;
  font-weight: 600;
  color: #0b2c6b;
  margin: 18px 20px 10px;
}

.lh-card ul {
  list-style: none;
  padding: 0 20px 22px;
  margin: 0;
}

.lh-card li {
  font-size: 14px;
  color: #555;
  padding-left: 18px;
  margin-bottom: 6px;
  position: relative;
}

/* Bullet dot */
.lh-card li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #1b4cb7;
  font-size: 18px;
  top: 0;
}

/* ================================
   RESPONSIVE
================================ */

/* Tablet */
@media (max-width: 992px) {
  .lh-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 576px) {
  .location-highlights {
    padding: 60px 15px;
  }

  .lh-grid {
    grid-template-columns: 1fr;
  }

  .section-title {
    font-size: 24px;
  }

  .lh-img {
    height: 160px;
  }
}
***
/* ===== FLOOR PLANS SECTION ===== */
.floor-plans-section {
  padding: 80px 20px;
  background: #fffaf3;
  text-align: center;
  font-family: "Poppins", sans-serif;
}

/* Title Button */
.floor-title-wrap {
  margin-bottom: 60px;
}

.floor-title-btn {
  display: inline-block;
  padding: 14px 60px;
  background: #0a8a78;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  border-radius: 50px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Block Section */
.floor-block {
  margin-bottom: 80px;
}

.block-title {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}

.block-subtitle {
  font-size: 16px;
  color: #555;
  margin-bottom: 30px;
}

/* Floor Image */
.floor-image-box {
  max-width: 1100px;
  margin: auto;
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.floor-image-box img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  .block-title {
    font-size: 22px;
  }

  .floor-title-btn {
    font-size: 18px;
    padding: 12px 40px;
  }
}
***
/* ===== LOCATION MAP SECTION ===== */
.location-map-section {
  padding: 80px 20px;
  background: #fffaf3;
  text-align: center;
  font-family: "Poppins", sans-serif;
}

.location-map-title {
  font-size: 28px;
  font-weight: 700;
  color: #0b2c6b;
  margin-bottom: 40px;
  letter-spacing: 1px;
}

/* Map Container */
.map-wrapper {
  max-width: 1200px;
  margin: auto;
  border: 4px solid #f7c600;
  border-radius: 16px;
  padding: 6px;
  background: #fff;
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* Google Map */
.map-wrapper iframe {
  width: 100%;
  height: 420px;
  border: 0;
  border-radius: 12px;
}

/* Responsive */
@media (max-width: 768px) {
  .location-map-title {
    font-size: 22px;
  }

  .map-wrapper iframe {
    height: 300px;
  }
}
**
.promoter-builder {
  padding: 60px 20px;
  background: #ffffff;
}

.pb-container {
  max-width: 1100px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  gap: 30px;
}

.pb-box {
  flex: 1;
}

.pb-label {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 2px solid #000;
}

.pb-box h3 {
  font-size: 26px;
  font-weight: 800;
  margin: 0;
  color: #000;
}

/* Divider */
.pb-divider {
  width: 2px;
  height: 60px;
  background: #000;
}

/* Mobile view */
@media (max-width: 768px) {
  .pb-container {
    flex-direction: column;
  }

  .pb-divider {
    width: 60px;
    height: 2px;
  }

  .pb-box h3 {
    font-size: 22px;
  }
}
**
.call-cta {
  padding: 60px 20px;
  background: #ffffff;
}

.call-cta-box {
  max-width: 1100px;
  margin: auto;
  background: #f6fafc;
  border-radius: 14px;
  padding: 40px 20px;
  text-align: center;
}

.call-cta-box h3 {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 10px;
  color: #000;
}

.call-cta-box p {
  font-size: 16px;
  color: #555;
  margin-bottom: 25px;
}

.call-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.call-btn {
  background: #d39a3a;
  color: #fff;
  padding: 14px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.call-btn:hover {
  background: #b98126;
}

.call-btn.outline {
  background: transparent;
  color: #d39a3a;
  border: 2px solid #d39a3a;
}

.call-btn.outline:hover {
  background: #d39a3a;
  color: #fff;
}

/* Mobile */
@media (max-width: 768px) {
  .call-cta-box h3 {
    font-size: 22px;
  }

  .call-btn {
    width: 100%;
    text-align: center;
  }
}
**
:root{
  --primary:#1b4cb7;
  --secondary:#f4b400;
  --dark:#0b2d6b;
  --light:#f6f9ff;
}
.hero img,
.banner-wrapper img,
#main-slider img{
  transition: transform 8s ease;
}

.hero:hover img,
.banner-wrapper:hover img{
  transform: scale(1.08);
}

#main-slider::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    to right,
    rgba(11,45,107,.75),
    rgba(11,45,107,.2)
  );
  z-index:1;
}
.brochure-bar{
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
  border-radius: 14px;
  margin-top:-60px;
  position:relative;
  z-index:3;
}
.shp-feature{
  background: linear-gradient(135deg,#f6f9ff,#ffffff);
}

.shp-content{
  background:#fff;
  padding:40px;
  border-radius:18px;
  box-shadow:0 25px 60px rgba(0,0,0,0.1);
}

.shp-content h2{
  color:var(--dark);
  position:relative;
}

.shp-content h2::after{
  content:"";
  width:80px;
  height:4px;
  background:var(--secondary);
  display:block;
  margin-top:10px;
}
.btn-primary{
  background:linear-gradient(135deg,var(--primary),#2c6be0);
  box-shadow:0 12px 25px rgba(27,76,183,.35);
}

.btn-primary:hover{
  transform:translateY(-3px);
}

.btn-secondary{
  border:2px solid var(--primary);
  color:var(--primary);
}

.btn-secondary:hover{
  background:var(--primary);
  color:#fff;
}
.configuration{
  background:var(--light);
}

.config-table{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 45px rgba(0,0,0,0.12);
}

.config-row.header{
  background:linear-gradient(90deg,var(--dark),var(--primary));
  color:#fff;
  font-weight:600;
}
.amenity-card{
  border-radius:16px;
  transition:.35s;
  background:#fff;
}

.amenity-card:hover{
  transform:translateY(-12px);
  box-shadow:0 22px 55px rgba(0,0,0,.18);
}

.amenity-card img{
  transition:.35s;
}

.amenity-card:hover img{
  transform:scale(1.1);
}
.lh-card{
  border-radius:16px;
  transition:.35s;
  background:#fff;
  border-top:5px solid var(--primary);
}

.lh-card:hover{
  transform:translateY(-10px);
  box-shadow:0 20px 50px rgba(0,0,0,.15);
}
.floor-block{
  background:#fff;
  border-radius:20px;
  padding:30px;
  box-shadow:0 30px 70px rgba(0,0,0,.15);
}

.block-title{
  background:linear-gradient(90deg,var(--secondary),#ffce3a);
  display:inline-block;
  padding:10px 30px;
  border-radius:30px;
}
.call-cta-box{
  background:linear-gradient(135deg,#f6f9ff,#eaf2ff);
  border-radius:22px;
  box-shadow:0 30px 70px rgba(0,0,0,.18);
}

.call-btn{
  background:linear-gradient(135deg,var(--primary),#2c6be0);
}

.call-btn.outline{
  background:#fff;
  border:2px solid var(--primary);
  color:var(--primary);
}
.location-map-title{
  text-align: center;
  width: 100%;
  margin: 0 auto 30px;
  display: block;
}
.block-title,
.block-subtitle{
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.block-title::after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  background:#f4b400;
  margin:10px auto 0;
  border-radius:2px;
}
.floor-title-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:40px;
}

.floor-title-btn{
  text-align:center;
}
.floor-title-btn{
  background:#1b4cb7;
  color:#fff;
  padding:14px 50px;
  border-radius:30px;
  font-size:20px;
  font-weight:700;
  letter-spacing:1px;
  box-shadow:0 8px 20px rgba(27,76,183,0.25);
}
**
/* ===== PROMOTER / BUILDER CREATIVE SECTION ===== */
.pb-creative{
  max-width:1100px;
  margin:70px auto;
  padding:35px 25px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:40px;
  background:linear-gradient(135deg,#f8fbff,#eef3ff);
  border-radius:22px;
  box-shadow:0 20px 45px rgba(27,76,183,0.12);
}

/* cards */
.pb-card{
  flex:1;
  text-align:center;
  padding:25px 20px;
  border-radius:16px;
  background:#fff;
  position:relative;
  transition:all .35s ease;
}

.pb-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 35px rgba(0,0,0,0.15);
}

/* label */
.pb-tag{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  letter-spacing:1.5px;
  margin-bottom:12px;
  padding:6px 14px;
  border-radius:20px;
  background:#eaf0ff;
  color:#1b4cb7;
}

/* company name */
.pb-card h3{
  margin:0;
  font-size:22px;
  font-weight:800;
  letter-spacing:.5px;
  color:#111;
}

/* divider */
.pb-divider{
  width:2px;
  height:80px;
  background:linear-gradient(to bottom,transparent,#1b4cb7,transparent);
}

/* promoter highlight */
.pb-card.promoter{
  border-top:4px solid #1b4cb7;
}

/* builder highlight */
.pb-card.builder{
  border-top:4px solid #f4c504;
}

/* responsive */
@media(max-width:768px){
  .pb-creative{
    flex-direction:column;
    gap:25px;
  }
  .pb-divider{
    width:60px;
    height:2px;
    background:linear-gradient(to right,transparent,#1b4cb7,transparent);
  }
}
.pb-inline{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:25px 15px;
  margin:60px auto;
  background:linear-gradient(135deg,#f7faff,#eef3ff);
  border-radius:14px;
  box-shadow:0 12px 30px rgba(27,76,183,0.12);
  flex-wrap:wrap; /* small screen safe */
  text-align:center;
}

/* PROMOTER / BUILDER label */
.pb-label{
  font-size:12px;
  font-weight:700;
  letter-spacing:1.5px;
  color:#1b4cb7;
}

/* Company name */
.pb-name{
  font-size:20px;
  font-weight:800;
  color:#111;
}

/* highlight builder */
.pb-name.highlight{
  color:#1b4cb7;
}

/* separator */
.pb-sep{
  font-size:22px;
  font-weight:700;
  color:#999;
  margin:0 6px;
}

/* hover polish */
.pb-inline:hover{
  box-shadow:0 18px 40px rgba(27,76,183,0.18);
  transform:translateY(-2px);
  transition:.3s ease;
}

/* mobile */
@media(max-width:600px){
  .pb-name{
    font-size:17px;
  }
  .pb-sep{
    display:none; /* mobile-la clean */
  }
}
.by-theme{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:22px 15px;
  margin:50px auto;
  background:linear-gradient(135deg,#f7fbff,#eef4ff);
  border-radius:14px;
  box-shadow:0 12px 30px rgba(27,76,183,0.12);
  flex-wrap:wrap;
  text-align:center;
}

/* PROMOTER / BUILDER label */
.by-theme .pb-label{
  font-size:12px;
  font-weight:700;
  letter-spacing:1.4px;
  color:#1b4cb7;
  position:relative;
}

/* small yellow underline */
.by-theme .pb-label::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-5px;
  width:32px;
  height:3px;
  background:#f4c504;
  border-radius:2px;
}

/* Company names */
.by-theme .pb-name{
  font-size:20px;
  font-weight:800;
  color:#111;
}

/* Builder highlight */
.by-theme .pb-name.builder{
  color:#1b4cb7;
}

/* Separator */
.by-theme .pb-sep{
  font-size:22px;
  font-weight:700;
  color:#f4c504;
  margin:0 6px;
}

/* hover effect */
.by-theme:hover{
  box-shadow:0 18px 42px rgba(27,76,183,0.18);
  transform:translateY(-2px);
  transition:.3s ease;
}

/* mobile */
@media(max-width:600px){
  .by-theme .pb-name{
    font-size:17px;
  }
  .by-theme .pb-sep{
    display:none;
  }
}
.cta-premium{
  padding:60px 15px;
  background:linear-gradient(135deg,#f7fbff,#eef4ff);
}

.cta-box{
  max-width:900px;
  margin:auto;
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(12px);
  border-radius:18px;
  padding:40px 20px;
  text-align:center;
  box-shadow:0 18px 45px rgba(27,76,183,0.15);
  border-bottom:6px solid #f4c504;
}

.cta-box h3{
  font-size:26px;
  font-weight:800;
  margin-bottom:8px;
  color:#111;
}

.cta-box h3 span{
  color:#1b4cb7;
}

.cta-box p{
  color:#555;
  font-size:15px;
  margin-bottom:28px;
}

/* buttons */
.cta-actions{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}

.cta-btn{
  padding:14px 22px;
  font-size:15px;
  font-weight:700;
  border-radius:10px;
  text-decoration:none;
  transition:.3s ease;
  display:flex;
  align-items:center;
  gap:8px;
}

/* primary (yellow) */
.cta-btn.primary{
  background:#f4c504;
  color:#111;
  box-shadow:0 10px 22px rgba(244,197,4,0.45);
}

.cta-btn.primary:hover{
  background:#ffd633;
  transform:translateY(-2px);
}

/* secondary (blue) */
.cta-btn.secondary{
  background:#1b4cb7;
  color:#fff;
  box-shadow:0 10px 22px rgba(27,76,183,0.35);
}

.cta-btn.secondary:hover{
  background:#153b8f;
  transform:translateY(-2px);
}

/* mobile */
@media(max-width:600px){
  .cta-box h3{font-size:22px;}
  .cta-btn{width:100%; justify-content:center;}
}
.location-advantages-head{
  text-align:center;
  padding:70px 15px 40px;
}

/* Title */
.la-title{
  font-size:28px;
  font-weight:700;
  letter-spacing:1px;
  color:#1b4cb7; /* Brand blue */
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:12px;
  position:relative;
}

/* Yellow accent underline */
.la-title::after{
  content:"";
  position:absolute;
  bottom:-10px;
  width:70px;
  height:4px;
  background:#f4c504;
  border-radius:3px;
}

/* Dots */
.la-title .dot{
  width:7px;
  height:7px;
  background:#f4c504;
  border-radius:50%;
}

/* Subtitle */
.la-subtitle{
  max-width:760px;
  margin:28px auto 0;
  font-size:15.5px;
  line-height:1.7;
  color:#555;
}

/* Responsive */
@media(max-width:768px){
  .la-title{
    font-size:22px;
  }
  .la-subtitle{
    font-size:14.5px;
  }
}
.amenities-head{
  text-align:center;
  padding:70px 15px 40px;
}

/* Title */
.amenities-title{
  font-size:28px;
  font-weight:700;
  letter-spacing:1px;
  color:#1b4cb7; /* Brand Blue */
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:12px;
  position:relative;
}

/* Yellow underline */
.amenities-title::after{
  content:"";
  position:absolute;
  bottom:-10px;
  width:70px;
  height:4px;
  background:#f4c504;
  border-radius:3px;
}

/* Dots */
.amenities-title .dot{
  width:7px;
  height:7px;
  background:#f4c504;
  border-radius:50%;
}

/* Subtitle */
.amenities-subtitle{
  max-width:760px;
  margin:28px auto 0;
  font-size:15.5px;
  line-height:1.7;
  color:#555;
}

/* Mobile */
@media(max-width:768px){
  .amenities-title{
    font-size:22px;
  }
  .amenities-subtitle{
    font-size:14.5px;
  }
}
.hero-feature{
  background: linear-gradient(135deg,#f4f8ff,#ffffff);
  padding:80px 0;
}

.hero-wrap{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:60px;
  align-items:center;
  padding:0 20px;
}

/* LEFT */
.hero-content{
  background:#ffffff;
  padding:55px;
  border-radius:18px;
  box-shadow:0 25px 60px rgba(0,0,0,.08);
}

.hero-content h1{
  font-size:34px;
  line-height:1.25;
  font-weight:700;
  color:#0f172a;
  margin-bottom:20px;
}

.hero-content h1 span{
  color:#1b4cb7;
}

.hero-content h1 strong{
  color:#f4c504;
}

.hero-content p{
  font-size:15.5px;
  line-height:1.75;
  color:#555;
  margin-bottom:14px;
}

/* Buttons */
.hero-actions{
  margin-top:28px;
  display:flex;
  gap:16px;
}

.btn-primary{
  background:#1b4cb7;
  color:#fff;
  padding:13px 26px;
  border-radius:30px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 10px 25px rgba(27,76,183,.35);
}

.btn-primary:hover{
  background:#143a96;
}

.btn-outline{
  background:#fff;
  color:#1b4cb7;
  padding:13px 26px;
  border-radius:30px;
  font-weight:600;
  text-decoration:none;
  border:2px solid #1b4cb7;
}

.btn-outline:hover{
  background:#1b4cb7;
  color:#fff;
}

/* RIGHT IMAGE */
.hero-image{
  position:relative;
}

.hero-image img{
  width:100%;
  border-radius:18px;
  box-shadow:0 30px 70px rgba(0,0,0,.18);
  transform:translateY(0);
  transition:.4s ease;
}

.hero-image img:hover{
  transform:translateY(-8px);
}

/* RESPONSIVE */
@media(max-width:992px){
  .hero-wrap{
    grid-template-columns:1fr;
    text-align:center;
  }
  .hero-actions{
    justify-content:center;
  }
}
.hero-image{
  display:flex;
  justify-content:center;
}

.hero-image img{
  transform: translateY(0);
  transition: .4s ease;
}

.hero-image img:hover{
  transform: translateY(-10px) scale(1.02);
}
.hero-wrap{
  grid-template-columns:1.1fr 1fr;
}
.partner-strip {
  background: linear-gradient(90deg, #f5f9ff, #ffffff);
  padding: 20px 12px;
  border-radius: 14px;
  margin: 40px auto;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.partner-wrap {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

.partner-box {
  text-align: center;
}

.partner-box .label {
  font-size: 12px;
  letter-spacing: 1.5px;
  font-weight: 700;
  color: #0b4a8a;
  position: relative;
  display: inline-block;
  margin-bottom: 6px;
}

.partner-box .label::after {
  content: "";
  display: block;
  width: 28px;
  height: 3px;
  background: #f6c400;
  margin: 6px auto 0;
  border-radius: 10px;
}

.partner-box h4 {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  margin: 0;
}

.divider {
  width: 1px;
  height: 40px;
  background: linear-gradient(to bottom, transparent, #ccc, transparent);
}

/* Responsive */
@media (max-width: 768px) {
  .partner-wrap {
    flex-direction: column;
    gap: 16px;
  }

  .divider {
    width: 60px;
    height: 1px;
  }
}
.amenities-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
}

.amenity-card {
  background: #ffffff;
  padding: 22px 18px;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
  transition: all 0.35s ease;
  text-align: center;
}

.amenity-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(11,74,138,0.15);
}

.amenity-card img {
  max-width: 70px;
  margin-bottom: 14px;
  transition: transform 0.35s ease;
}

.amenity-card:hover img {
  transform: scale(1.1);
}

.amenity-card h4 {
  color: #0b4a8a;
  margin-bottom: 8px;
}

.amenity-card p {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
}
.location-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  min-height: 390px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
}

.location-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(11,74,138,0.18);
}

.location-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.location-card ul li {
  font-size: 14px;
  line-height: 1.6;
}

.location-card ul li strong {
  color: #0b4a8a;
}
.config-section {
  padding: 60px 20px;
  background: #f8fbff;
}

.config-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  color: #0b4a8a;
  margin-bottom: 30px;
}

.config-card {
  max-width: 900px;
  margin: auto;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
  padding: 10px 0;
}

.config-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 30px;
  border-bottom: 1px solid #eef2f7;
  transition: all 0.3s ease;
}

.config-row:last-child {
  border-bottom: none;
}

.config-row:hover {
  background: #f3f7ff;
}

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

.unit-badge {
  background: #0b4a8a;
  color: #fff;
  padding: 10px 18px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 16px;
}

.area {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.area span {
  font-size: 13px;
  color: #777;
}

.download-btn {
  background: #ffcc00;
  color: #000;
  padding: 12px 26px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(255,204,0,0.4);
  transition: all 0.3s ease;
}

.download-btn:hover {
  background: #f2b900;
  transform: translateY(-2px);
}
/* ===== Base (Desktop default) already OK ===== */


/* ===== Tablet View ===== */
@media (max-width: 1023px) {
  .config-card {
    margin: 0 20px;
  }

  .config-row {
    padding: 18px 20px;
  }

  .area {
    font-size: 16px;
  }

  .unit-badge {
    font-size: 14px;
    padding: 8px 14px;
  }
}


/* ===== Mobile View ===== */
@media (max-width: 767px) {

  .config-title {
    font-size: 22px;
  }

  .config-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .unit {
    gap: 14px;
  }

  .area {
    font-size: 15px;
  }

  .download-btn {
    width: 100%;
    text-align: center;
    padding: 14px;
    border-radius: 12px;
  }
}
****
/* HERO / BANNER TEXT VISIBILITY FIX */
.banner-wrapper {
  position: relative;
}

.banner-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(0,0,0,0.55),
    rgba(0,0,0,0.55)
  );
  z-index: 1;
}

.banner-wrapper * {
  position: relative;
  z-index: 2;
}
***
/* REMOVE CUSTOM ARROWS (::before / ::after) */
#main-slider .owl-prev::before,
#main-slider .owl-next::before,
#main-slider .owl-prev::after,
#main-slider .owl-next::after {
  content: none !important;
}
#main-slider .owl-prev::before,
#main-slider .owl-next::before {
  display: none !important;
}
***
/* ==================================
   CREATIVE GLASS SLIDER ARROWS
================================== */

/* Remove dots */
#main-slider .owl-dots {
  display: none !important;
}

/* Arrow wrapper */
#main-slider .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex !important;
  justify-content: space-between;
  padding: 0 28px;
  z-index: 30;
  pointer-events: none;
}

/* Arrow buttons – glass style */
#main-slider .owl-nav button {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.35);
  display: flex !important;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  transition: all 0.35s ease;
  box-shadow: 0 12px 30px rgba(0,0,0,0.35);
}

/* Hover magic */
#main-slider .owl-nav button:hover {
  background: rgba(255,255,255,0.9) !important;
  transform: scale(1.08);
}

/* Hide default span */
#main-slider .owl-nav button span {
  display: none;
}

/* Arrow symbols */
#main-slider .owl-prev::after,
#main-slider .owl-next::after {
  font-size: 28px;
  font-weight: 500;
  color: #0b4a8a;
  transition: color 0.3s ease;
}

#main-slider .owl-prev::after {
  content: "←";
}

#main-slider .owl-next::after {
  content: "→";
}

/* Hover arrow color */
#main-slider .owl-nav button:hover::after {
  color: #000;
}

/* ==============================
   SOFT ATTENTION ANIMATION
============================== */
@keyframes floatArrow {
  0% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}

#main-slider .owl-nav button {
  animation: floatArrow 2.8s ease-in-out infinite;
}

/* ==============================
   MOBILE – CLEAN & MINIMAL
============================== */
@media (max-width: 768px) {

  #main-slider .owl-nav {
    padding: 0 16px;
  }

  #main-slider .owl-nav button {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    animation: none;
  }

  #main-slider .owl-prev::after,
  #main-slider .owl-next::after {
    font-size: 22px;
  }
}
#main-slider .owl-nav {
  top: auto;
  bottom: 70px;   /* 👈 idha adjust pannalaam */
  transform: none;
}
bottom: 60px;   /* konjam mela */
bottom: 70px;   /* balanced (recommended) */
bottom: 80px;   /* innum keezha */
@media (max-width: 768px) {
  #main-slider .owl-nav {
    bottom: 40px;
  }
}
**
/* Slider container must be relative */
#main-slider {
  position: relative;
}

/* Arrow wrapper */
#main-slider .owl-nav {
  position: absolute;
  bottom: 35px;              /* 👈 adjust here */
  left: 50%;
  transform: translateX(-50%);
  display: flex !important;
  gap: 14px;
  z-index: 50;
  pointer-events: none;
}

/* Buttons */
#main-slider .owl-nav button {
  pointer-events: all;
}

/* Mobile adjustment */
@media (max-width: 768px) {
  #main-slider .owl-nav {
    bottom: 25px;
  }
}
/* ============================
   FINAL CENTERED SLIDER ARROWS
============================ */

#main-slider {
  position: relative;
}

/* Remove dots if not needed */
#main-slider .owl-dots {
  display: block;
  text-align: center;
  margin-top: 10px;
}

/* Override Owl default nav */
#main-slider .owl-nav {
  position: absolute !important;
  bottom: 5px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  display: flex !important;
  justify-content: center !important;   /* 🔥 MAIN FIX */
  gap: 14px;

  width: auto !important;
  pointer-events: none;
}

/* Arrow buttons */
#main-slider .owl-nav button {
  pointer-events: all;
}
@media (max-width: 768px) {
  #main-slider .owl-nav {
    bottom: 10px !important;
  }
}
***
@media (max-width: 992px) {
  .ubermenu-item-has-children > ul {
    display: none;
  }
  .ubermenu-item-has-children.ubermenu-active > ul {
    display: block;
  }
}
/* === UberMenu Mobile Accordion FIX === */
@media (max-width: 992px) {

  /* hide submenus by default */
  .ubermenu .ubermenu-submenu {
    display: none !important;
  }

  /* show when active */
  .ubermenu .ubermenu-item.ubermenu-active > .ubermenu-submenu {
    display: block !important;
  }

  /* pointer cursor for clarity */
  .ubermenu .ubermenu-item-has-children > .ubermenu-target {
    cursor: pointer;
  }
}
**
.location-address {
  text-align: center;
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}
.location-address strong {
  color: #1b4cb7;
  font-size: 16px;
}
.map-overlay-wrap {
  position: relative;
}

.map-address-overlay {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #ffffff;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.5;
  color: #000;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  z-index: 5;
}

.map-address-overlay strong {
  color: #1b4cb7;
  font-size: 14px;
}
***
/* ===== FIX: Header overlap with Hero ===== */

.header{
  height:70px; /* sticky header height */
}

.hero{
  background:#1649c7;
  padding:110px 20px 50px; /* top spacing increased */
  color:#fff;
  text-align:center;
}

.hero h1{
  font-size:28px;
  font-weight:700;
  margin-bottom:10px;
}

.hero p{
  max-width:820px;
  margin:0 auto;
  font-size:15.5px;
  line-height:1.6;
}
***
/* ===== CREATIVE HERO INTRO – COMPLETED PROJECTS ===== */

.upcoming-wrapper:first-of-type {
  position: relative;
  padding: 150px 20px 80px;
  text-align: center;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(27,76,183,0.15), transparent 40%),
    radial-gradient(circle at top right, rgba(244,197,4,0.20), transparent 45%),
    linear-gradient(180deg, #f4f8ff 0%, #ffffff 100%);
}

/* soft decorative shapes */
.upcoming-wrapper:first-of-type::before,
.upcoming-wrapper:first-of-type::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(27,76,183,0.08);
  z-index: 0;
}

.upcoming-wrapper:first-of-type::before {
  top: -80px;
  left: -80px;
}

.upcoming-wrapper:first-of-type::after {
  bottom: -100px;
  right: -100px;
  background: rgba(244,197,4,0.18);
}

/* Heading */
.upcoming-wrapper:first-of-type .upcoming-title {
  position: relative;
  z-index: 1;
  font-size: 38px;
  font-weight: 800;
  color: #1b4cb7;
  letter-spacing: 0.5px;
  margin-bottom: 14px;
}

/* underline accent */
.upcoming-wrapper:first-of-type .upcoming-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  margin: 14px auto 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #1b4cb7, #f4c504);
}

/* Subtitle */
.upcoming-wrapper:first-of-type .upcoming-sub {
  position: relative;
  z-index: 1;
  font-size: 17px;
  color: #444;
  max-width: 760px;
  margin: 0 auto;
  line-height: 1.7;
}

/* subtle animation */
.upcoming-wrapper:first-of-type {
  animation: fadeSlideDown .8s ease both;
}

@keyframes fadeSlideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Mobile tuning ===== */
@media (max-width: 768px) {
  .upcoming-wrapper:first-of-type {
    padding: 120px 16px 60px;
  }

  .upcoming-wrapper:first-of-type .upcoming-title {
    font-size: 28px;
  }

  .upcoming-wrapper:first-of-type .upcoming-sub {
    font-size: 15px;
  }
}
.upcoming-title{
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.4px;
  margin-bottom: 25px;
}
.projects-grid .project-img{
  border-radius: 16px;
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease;
}

.projects-grid .project-img:hover{
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.18);
}
#completed-chennai{
  margin-top: 20px;
}

#completed-bengaluru{
  margin-top: 80px;
}
/* ===== Contact Page Hero Spacing Fix ===== */
.hero{
  background:#1b4cb7;
  color:#fff;
  padding:110px 20px 60px; /* top spacing fixed */
  text-align:center;
}

.hero h1{
  margin:0;
  font-size:36px;
}

.hero p{
  max-width:720px;
  margin:10px auto 0;
  font-size:16px;
  opacity:.9;
}
**
/* ===============================
   FIX: MOBILE HERO HEIGHT ISSUE
   =============================== */

/* Desktop – keep premium look */
.service-hero {
  padding: 70px 20px;
}

/* MOBILE FIX */
@media (max-width: 768px) {

  .service-hero {
    padding: 36px 16px !important;   /* 🔥 height reduce */
    min-height: auto !important;
  }

  .service-hero h1 {
    font-size: 26px !important;      /* was too big */
    line-height: 1.25 !important;
    margin-bottom: 6px !important;
  }

  .service-hero p {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
  }
}



*****