img {
    width: 100%;
}

a {
    text-decoration: none;
}

body {
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
}
.fa-whatsapp{
    color:#fff !important;
}
.agent-btn{
        border: none;
    background: #ed4036;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
}
.location-icons{
        padding: 14px!important;
    border: none;
    background: #f2f2f2;
}
.rent-btn{
        border: none;
    background: #ed4036;
    color: #fff;
    border-radius: 10px;
    padding: 10px;

}
.language-switcher{
    background: #ED4036;
    padding: 10px;
    border-radius: 10px;
}
.language-switcher a{
    color:#fff;
}
.agent-email{
    cursor: pointer;
}
.agent-btn{
    cursor: pointer;
}
.agent-info i{
    color: #ed4036;
}
.agent-card{
    background: #ffeaad;
    padding: 30px;
    border-radius: 10px;
    text-align:center;
}
.agent-info h4{
    text-align:center;
}
.agent-header h3{
    color: #ed4036;
    font-weight: 700;
}
.agent-image img{
    border-radius:50px;
    width:100px;
        object-fit: cover;
}
.agent-image{
    margin: 20px 0px;
    text-align: center;
}
/*.property-chat{*/
/*    margin-top: 100px;*/
/*}*/

/*/ --- navbar starts --- /*/
.navbar {
    background-color: #fff;
    padding: 10px 7%;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 9;
}
.navbar-nav{
        align-items: center;
}
.navbar .navbar-toggler {
    width: 60px;
}
.navbar .navbar-brand {
    width: 175px;
}
.navbar .navbar-nav .nav-link {
    font-weight: 500;
    color: #000;
    padding: 5px 15px;
}
.navbar .navbar-collapse {
    margin-left: auto;
    justify-content: center;
}
.navbar .contact-btn a {
    display: inline-flex;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #0df888;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.navbar .contact-btn a img {
    width: 20px;
    margin-left: 7px;
}
/*/ --- navbar ends --- /*/


/*/ --- banner starts --- /*/
.main-banner {
    background-image: url('../img/banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}
.main-banner .custom-container {
    padding: 160px 12% 40px;
}
.main-banner .head h1 {
    color: #FFF;
    text-align: center;
    font-family: CashDisplay;
    font-size: 70px;
    font-style: normal;
    font-weight: 600;
}
.main-banner .head p {
    color: #FFF;
    font-family: "SF Pro Display";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    padding: 6px;
}
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}
.tab button:hover {
    background-color: #ddd;
}
.tab button.active {
    background-color: #ccc;
}
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.main-banner .tab .tablinks.active {
    display: flex;
    width: 182px;
    height: 55px;
    padding: 13px 38px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 16px;
    background: var(--Red, #ED4036);
    color: var(--White, #FFF);
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.main-banner .tab {
    border-radius: 25px;
    border: 2px solid rgba(255, 255, 255, 0.20);
    background: #FFF;
    backdrop-filter: blur(15px);
    width: fit-content;
    margin: 0px auto 20px;
}

.main-banner .search-form-main .search-form {
    margin-bottom: 10px;
}
.main-banner .search-form-main .search-form .switch-toggle {
    --height: 60px;
    --offset: 5px;
    --radius: 4px;
    position: relative;
    height: var(--height);
    padding: var(--offset);
    border-radius: 20px;
    border: 0.8px solid rgba(28, 28, 28, 0.15);
    background: #F2F2F2;
    backdrop-filter: blur(10px);
}
.main-banner .search-form-main .search-form .switch-toggle input[type=checkbox] {
    cursor: pointer;
    position: absolute;
    inset: 0;
    appearance: none;
    z-index: 2;
}
.main-banner .search-form-main .search-form .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label:before {
    translate: 100% 0;
}
.main-banner .search-form-main .search-form .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label span:nth-child(1) {
    color: gray;
}
.main-banner .search-form-main .search-form .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label span:nth-child(2) {
    color: #fff;
}
.main-banner .search-form-main .search-form .switch-toggle input[type=checkbox] + label.switch-toggle-label {
    position: absolute;
    inset: var(--offset, 0);
    padding: 10px 0;
    display: block;
    user-select: none;
    pointer-events: none;
    display: grid;
    gap: 2px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    place-items: center;
    color: #fff;
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.main-banner .search-form-main .search-form .switch-toggle input[type=checkbox] + label.switch-toggle-label:before {
    content: "";
    position: absolute;
    width: 50%;
    inset: 0;
    border-radius: 14px;
    background: #ED4036;
    translate: 0 0;
    transition: translate 250ms cubic-bezier(0.93, 0.26, 0.07, 0.69);
}
.main-banner .search-form-main .search-form .switch-toggle input[type=checkbox] + label.switch-toggle-label span {
    position: relative;
    transition: 200ms linear;
}
.main-banner .search-form-main .search-form .switch-toggle input[type=checkbox] + label.switch-toggle-label span:nth-child(1) {
    color: #fff;
}
.main-banner .search-form-main .search-form .switch-toggle input[type=checkbox] + label.switch-toggle-label span:nth-child(2) {
    color: gray;
}

.main-banner .search-form .search-input input {
    border-radius: 20px;
    border: 0.8px solid rgba(28, 28, 28, 0.15);
    background: #F2F2F2;
    backdrop-filter: blur(10px);
    width: 100%;
    height: 60px;
}
.main-banner .search-form .search-btn {
    color: #fff;
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 20px;
    background: #ED4036;
    width: 100%;
    height: 60px;
    border: none;
}
.main-banner .tabcontent {
    border-radius: 30px;
    border: 2px solid rgba(255, 255, 255, 0.20);
    background: var(--White, #FFF);
    backdrop-filter: blur(10px);
    padding:20px !important;
}
.main-banner-search-button{
    margin:auto ;
    width:35%;
}
.main-banner-search-button button{
    background: #ed4036;
    border: none;
    padding: 7px 55px;
    border-radius: 15px;
    color: #fff;
    height:50px;
    width:fit-content !important;
    margin:auto;
    display:block;
}
#property-filter-form{
    margin-bottom:0;
}
.main-banner .search-form-main .filter-box .switch-toggle {
  position: relative;
  width: 100%;
  height: 60px;
  background: #F2F2F2;
  border: 0.8px solid rgba(28, 28, 28, 0.15);
  border-radius: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  position: relative;
}

.main-banner .search-form-main .filter-box .switch-toggle input[type="radio"] {
  display: none;
}

.main-banner .search-form-main .filter-box .switch-toggle label {
  text-align: center;
  cursor: pointer;
  font-family: SF-Pro-Display-Regular;
  font-size: 18px;
  font-weight: 500;
  color: gray;
  z-index: 2;
}

.main-banner .search-form-main .filter-box .switch-toggle-slider {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  width: calc(33.33% - 10px);
  background: #ED4036;
  border-radius: 14px;
  transition: transform 250ms cubic-bezier(0.93, 0.26, 0.07, 0.69);
}

.main-banner .search-form-main .filter-box input#option-all:checked ~ .switch-toggle-slider {
  transform: translateX(0%);
}

.main-banner .search-form-main .filter-box input#option-ready:checked ~ .switch-toggle-slider {
  transform: translateX(108%);
}

.main-banner .search-form-main .filter-box input#option-offplan:checked ~ .switch-toggle-slider {
  transform: translateX(215%);
}

.main-banner .search-form-main .filter-box input#option-all:checked + label[for="option-all"],
.main-banner .search-form-main .filter-box input#option-ready:checked + label[for="option-ready"],
.main-banner .search-form-main .filter-box input#option-offplan:checked + label[for="option-offplan"] {
  color: #fff;
  font-weight: bold;
}

.main-banner .filter-box .filter-dropdown select {
    border-radius: 20px;
    border: 0.8px solid rgba(28, 28, 28, 0.15);
    background: #F2F2F2;
    backdrop-filter: blur(10px);
    width: 100%;
    height: 45px;
    padding:10px;
    font-size:15px;
}

.main-banner .find-brocker {
    border-radius: 21px;
    border: 0.8px solid rgba(28, 28, 28, 0.15);
    background: #F2F2F2;
    backdrop-filter: blur(10px);
    margin-top: 10px;
    padding: 10px;
}
.main-banner .find-brocker ul {
    padding-left: 0px;
    display: flex;
    list-style: none;
    margin-bottom: 0px;
}
.main-banner .find-brocker ul li {
    margin-left: -15px;
}
.main-banner .find-brocker ul li:first-child {
    margin-left: 0px;
}
.main-banner .find-brocker ul li span {
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-banner .find-brocker ul li img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}
.main-banner .find-brocker .content h4 {
    color: #1C1C1C;
    font-family: SF-Pro-Display-Bold;
    font-size: 24px;
    font-style: normal;
    line-height: normal;
}
.main-banner .find-brocker .content p {
    color: rgba(28, 28, 28, 0.40);
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
}
.main-banner .find-brocker .find-btn button {
    color: #fff;
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 20px;
    background: #ED4036;
    width: 100%;
    height: 60px;
    border: none;
}
/*/ --- banner ends --- /*/

/*/ --- popular starts --- /*/
.popular-choice-main .custom-container {
    padding: 60px 7%;
}
.popular-choice-main .head img {
    width: 32px;
}
.popular-choice-main .head h6 {
    color: #ED4036;
    font-family: SF-Pro-Display-Medium;
    font-size: 28px;
    font-style: normal;
    line-height: normal;
    text-align: center;
}
.popular-choice-main .head h4 {
    color: rgba(28, 28, 28, 0.85);
    font-family: CashDisplay;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}
.popular-choice-main .property-slider .property-box .img {
    position: relative;
}
.popular-choice-main .property-slider .property-box img {
    height: 250px;
    object-fit: cover;
}
.popular-choice-main .property-slider .property-box .fav-icons img {
    width: 18px;
    height: 18px;
}
.popular-choice-main .property-slider .property-box .fav-icons a {
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}
.popular-choice-main .property-slider .property-box .fav-icons {
    position: absolute;
    top: 8px;
    right: 8px;
}
.popular-choice-main .property-slider .property-box .rent-btn {
    display: block;
    padding: 5px 10px;
    border-radius: 8px;
    background: #FFF;
    color: rgba(28, 28, 28, 0.85);
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    bottom: 8px;
    left: 8px;
}
.popular-choice-main .property-slider .property-box .content {
    padding: 14px;
}
.popular-choice-main .property-slider .property-box .content h4 {
    color: #ED4036;
    font-family: CashDisplay;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
}
.popular-choice-main .property-slider .property-box .content p {
    color: rgba(28, 28, 28, 0.50);
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}
.popular-choice-main .property-slider .property-box .content ul {
    padding-left: 0px;
    display: inline-flex;
    margin-bottom: 0px;
    list-style: none;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid rgba(28, 28, 28, 0.20);
    margin: 15px 0px 10px;
    padding-bottom: 10px;
}
.popular-choice-main .property-slider .property-box .content ul img {
    width: 22px;
    height: 22px;
}
.popular-choice-main .property-slider .property-box .content ul li {
    color: rgba(28, 28, 28, 0.85);
    font-family: SF-Pro-Display-Regular;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-flex;
    align-items: center;
}
.popular-choice-main .property-slider .property-box {
    border-radius: 25px;
    border: 0.8px solid rgba(28, 28, 28, 0.20);
    overflow: hidden;
    background: #FFF;
    margin-right: 15px;
/*     box-shadow: 0px 206px 58px 0px rgba(161, 161, 161, 0.00), 0px 132px 53px 0px rgba(161, 161, 161, 0.01), 0px 74px 45px 0px rgba(161, 161, 161, 0.05), 0px 33px 33px 0px rgba(161, 161, 161, 0.09), 0px 8px 18px 0px rgba(161, 161, 161, 0.10); */
height:auto;
}
.popular-choice-main .property-slider .property-box .content h6 {
    color: #3D2F7A;
    font-family: SF-Pro-Display-Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 11px 0px;
    margin-bottom: 0px;
}
/*/ --- popular ends --- /*/

/*/ --- tour video starts --- /*/
.video-tour-main {
    padding:0px 7%;
}
.video-tour-main .custom-container {
    border-radius: 40px;
    padding: 60px;
    border: 0.8px solid rgba(28, 28, 28, 0.20);
    background: #FFF;
    box-shadow: 0px 334px 94px 0px rgba(161, 161, 161, 0.00), 0px 214px 86px 0px rgba(161, 161, 161, 0.01), 0px 120px 72px 0px rgba(161, 161, 161, 0.05), 0px 53px 53px 0px rgba(161, 161, 161, 0.09), 0px 13px 29px 0px rgba(161, 161, 161, 0.10);
}
.video-tour-main .head h6 {
    color: var(--Red, #ED4036);
    font-family: SF-Pro-Display-Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.video-tour-main .head h4 {
    color: rgba(28, 28, 28, 0.85);
    font-family: CashDisplay;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 15px;
}
.video-tour-main .video-box {
    position:relative;
}
.video-tour-main .video-box .video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #eb2055; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}
.video-tour-main .video-box .video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 55px;
  height: 55px;
  background: #eb2055;
  border-radius: 50%;
  animation: pulse-border 1100ms ease-out infinite;
}
.video-tour-main .video-box .video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #eb2055;
  border-radius: 50%;
  transition: all 200ms;
}
.video-tour-main .video-box .video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 19px solid #fff;
	border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  top: 10px;
  left: 5px;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.video-tour-main .head a {
    color: #ED4036;
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display:block;
    margin-top: 100px;
}
.video-tour-main .head a img {
    width:24px;
}
.video-tour-main .video-box img {
    border-radius:15px;
    height: 350px;
    object-fit: cover;
}
.video-tour-main .video-box {
    height:350px;
    position: absolute;
}
/*/ --- tour video ends --- /*/

/*/ --- discover starts --- /*/
.discover-uae-market .discover-slider .draggable{
    height: 261px;
}
.discover-uae-market .custom-container {
    padding: 100px 7% 10px;
}
.discover-uae-market h4 {
    color: var(--Red, #ED4036);
    font-family: SF-Pro-Display-Regular;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 15px;
}
.discover-uae-market .discover-slider .discover-box {
    border-radius: 25px;
    border: 0.8px solid rgba(28, 28, 28, 0.20);
    background: #FFF;
    overflow: hidden;
    margin:0px 8px;
    padding: 10px;
    /* box-shadow: 0px 133px 37px 0px rgba(148, 148, 148, 0.00), 0px 85px 34px 0px rgba(148, 148, 148, 0.01), 0px 48px 29px 0px rgba(148, 148, 148, 0.05), 0px 21px 21px 0px rgba(148, 148, 148, 0.09), 0px 5px 12px 0px rgba(148, 148, 148, 0.10); */
}
.discover-uae-market .discover-slider .discover-box img {
    height: 140px;
    object-fit: cover;
    border-radius: 16px;
    margin-bottom: 10px;
}
.discover-uae-market .discover-slider .discover-box p {
    color: #ED4036;
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:0px
}
/*/ --- discover ends --- /*/

/*/ --- partner starts --- /*/
.partners-main .partner-slider .draggable{
    height:114px;
}
.partners-main .custom-container {
    padding: 30px 10% 50px;
}
.partners-main .head h6 {
    color: #ED4036;
    font-family: SF-Pro-Display-Medium;
    font-size: 28px;
    font-style: normal;
    line-height: normal;
    text-align: center;
}
.partners-main .head img {
    width: 32px;
}
.partners-main .head h4 {
    color: rgba(28, 28, 28, 0.85);
    font-family: CashDisplay;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    margin-bottom:20px;
}
.partners-main .partner-slider .partner-box img {
    height:110px;
    object-fit:contain;
}
/*/ --- partner ends --- /*/

/*/ --- popular searches starts --- /*/
.popular-searches .custom-container {
    padding:50px 7%;
}
.popular-searches .head h6 {
    color: #ED4036;
    font-family: SF-Pro-Display-Medium;
    font-size: 28px;
    font-style: normal;
    line-height: normal;
    text-align: center;
}
.popular-searches .head img {
    width: 32px;
}
.popular-searches .head h4 {
    color: rgba(28, 28, 28, 0.85);
    font-family: CashDisplay;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    margin-bottom:20px;
}
/* Styles for the new tab section using unique classes */
.popular-searches .tab-new {
  overflow: hidden;
  backdrop-filter: blur(15px);
    width: fit-content;
    margin: 0px auto 20px;
    border-radius: 16px;
    border: 0.8px solid rgba(28, 28, 28, 0.20);
    background: #FFF;
    padding: 7px;
    box-shadow: 0px 114px 32px 0px rgba(189, 189, 189, 0.00), 0px 73px 29px 0px rgba(189, 189, 189, 0.01), 0px 41px 25px 0px rgba(189, 189, 189, 0.05), 0px 18px 18px 0px rgba(189, 189, 189, 0.09), 0px 5px 10px 0px rgba(189, 189, 189, 0.10);
}

/* Style the buttons inside the new tab */
.popular-searches .tab-new button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.popular-searches .tab-new button:hover {
  background-color: #e0e0e0; /* Slightly different hover color */
}

/* Create an active/current tablink class */
.popular-searches .tab-new button.active {
    display: flex;
    height: 55px;
    padding: 13px 38px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 16px;
    background: var(--Red, #ED4036);
    color: var(--White, #FFF);
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Style the tab content for the new tab */
.popular-searches .tabcontent-new {
  display: none;
  padding: 6px 12px;
}

/* inner tab */
/* Styles for the new tab section using unique classes */
.popular-searches .popular-inner-tab {
  overflow: hidden;
  border-bottom:2px solid #b9b9b9;
}

/* Style the buttons inside the new tab */
.popular-searches .popular-inner-tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 16px;
}

/* Change background color of buttons on hover */
.popular-searches .popular-inner-tab button:hover {
  background-color: #e0e0e0; /* Slightly different hover color */
}
/* Style the tab content for the new tab */
.popular-searches .innertab-content {
  display: none;
  padding: 6px 12px;
  background-color: #ffffff;
}
.popular-searches .popular-inner-tab .inner-tab-link.active {
    color: #ed4036;
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom:2px solid #ed4036;
    padding:16px 16px;
}
.popular-choice-main .popular-inner-tab .inner-tab-link {
    color: rgba(28, 28, 28, 0.50);
    font-family: SF-Pro-Display-Regular;
    font-size: 16x;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/*/ --- popular searches ends --- /*/

/*/ --- contact banner starts --- /*/
.contact-banner-main {
    background-color:#ED4036;
    position: relative;
}
.contact-banner-main .custom-container {
    padding: 70px 7%;
}
.contact-banner-main .content h4 {
    color: #FFEAAD;
    text-align: center;
    font-family: CashDisplay;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
}
.contact-banner-main .content p {
    color: rgba(255, 255, 255, 0.80);
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:20px;
}
.contact-banner-main .form-group {
    position: relative;
}
.contact-banner-main .form-group input {
    border-radius: 12px;
    border: 0.8px solid var(--White, #FFF);
    background:none;
    width:100%;
    height:50px;
}
.contact-banner-main .form-group {
    position:relative;
}
.contact-banner-main .form-group button {
    border-radius: 8px;
    background: #FFF;
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 10px 17px;
    position: absolute;
    top: 5px;
    right: 6px;
    border:none;
}
.contact-banner-main .img {
    position: absolute;
    height: 395px;
    object-fit: contain;
    right: 0px;
    bottom: 0px;
}
.contact-banner-main .img img {
    height:100%;
}
/*/ --- contact banner ends --- /*/

/*/ --- footer starts --- /*/
.footer {
    background-color: #F2F2F2;
    background-image:url('../img/footer-new.webp');
    background-size: contain;
    background-repeat:no-repeat;
    background-position:bottom;
}
.footer .custom-container {
    padding: 60px 7% 200px;
}
.footer .logo {
    width:200px;
}
.footer .content p {
    color: rgba(28, 28, 28, 0.85);
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:25px;
    margin-top:25px;
}
.footer .country-selector label {
    color: rgba(28, 28, 28, 0.85);
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.footer .copyright p {
    color: rgba(28, 28, 28, 0.85);
    font-family: SF-Pro-Display-Regular;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top:25px;
}
.footer .quick-links {
    text-align: right;
}
.footer .quick-links ul {
    padding-left: 0px;
    list-style: none;
    display: inline-flex;
    gap: 17px;
    margin-top:50px;
}
.footer .quick-links ul li a {
    color: rgba(28, 28, 28, 0.85);
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.footer .social-links ul {
    padding-left: 0px;
    list-style: none;
    display:inline-flex;
    gap: 17px;
}
.footer .social-links ul li {
    display: inline-block;
}
.footer .social-links ul li a {
    background-color:#ED4036;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.footer .social-links ul li a img {
    width:20px;
    height:20px;
}
.footer .social-links {
    text-align:right;
}
/*/ --- footer ends --- /*/

/*/ --- property listing page starts --- /*/
.property-list-main .custom-container {
    padding: 140px 7% 60px;
}
.property-list-main .property-list-box {
    border-radius: 30px;
    border: 0.8px solid rgba(28, 28, 28, 0.20);
    background: #FFF;
    padding:30px;
}
.property-list-main .property-list-box .head span {
    color: #FFF;
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 40px;
    background: #1C1C1C;
    padding: 10px 16px;
}
.property-list-main .property-list-box .head .head-filter h4 {
    color: #ED4036;
    font-family: SF-Pro-Display-Regular;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 20px;
}
.property-list-main .property-list-box .property-box {
    padding:10px;
    border-radius: 20px;
    margin-bottom:15px;
    border: 0.8px solid rgba(28, 28, 28, 0.20);
    background: var(--White, #FFF);
    box-shadow: 0px 204px 57px 0px rgba(158, 158, 158, 0.00), 0px 131px 52px 0px rgba(158, 158, 158, 0.01), 0px 73px 44px 0px rgba(158, 158, 158, 0.05), 0px 33px 33px 0px rgba(158, 158, 158, 0.09), 0px 8px 18px 0px rgba(158, 158, 158, 0.10);   
}
.property-list-main .property-list-box .property-box img {
    border-radius: 14px;
    height:190px;
    object-fit: cover;
}
.property-list-main .property-list-box .property-box .content h6 {
    color: var(--Red, #ED4036);
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom:0px;
    margin-top:15px;
}
.property-list-main .property-list-box .property-box .content h4 {
    color: var(--Primary, #A6525F);
    font-family: CashDisplay;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom:0px;
}
.property-list-main .property-list-box .property-box .content .prop-type .t-one {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:0px;
}
.property-list-main .property-list-box .property-box .content .prop-type span {
    color: var(--Black-500, rgba(28, 28, 28, 0.50));
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.property-list-main .property-list-box .property-box .content .prop-details {
    display:inline-flex;
    gap:10px;
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}
.property-list-main .property-list-box .property-box .content .prop-details li {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Regular;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.property-list-main .property-list-box .property-box .content .prop-features {
    padding-left: 0px;
    display: inline-flex;
    margin-bottom: 0px;
    list-style: none;
    justify-content: space-between;
    width: 100%;
    padding:10px 0px;
}
.property-list-main .property-list-box .property-box .content .prop-features img {
    width: 22px;
    height: 22px;
}
.property-list-main .property-list-box .property-box .content .prop-features li {
    color: rgba(28, 28, 28, 0.85);
    font-family: SF-Pro-Display-Regular;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-flex;
    align-items: center;
}
.property-list-main .property-list-box .property-box .content .contact-btns {
    display:flex;
    gap:10px;
}
.property-list-main .property-list-box .property-box .content .contact-btns a img {
    width: 24px;
    height: 24px;   
}
.property-list-main .property-list-box .property-box .content .contact-btns a {
    color: var(--White, #FFF);
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 12px;
    background: var(--Red, #ED4036);
    padding:10px 12px;
    display: block;
    width:fit-content;
}
/*/ --- property listing page ends --- /*/

/*/ --- property detail page starts --- /*/
.property-detail-main .custom-container {
    padding: 120px 7% 60px;
}
.property-detail-main .head {
    display:flex;
    border-bottom:1px solid rgba(28, 28, 28, 0.20);
    justify-content: space-between;
}
.property-detail-main .head h4 {
    color: var(--Red, #ED4036);
    font-family: SF-Pro-Display-Medium;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;    
}
.property-detail-main .head h5 {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Medium;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.property-detail-main .property-img img {
    border-radius:15px;
    height:250px;
    object-fit: cover;
    margin:15px 0px;
}
.property-detail-main .property-details .like-share-btns {
    margin:17px 0px;
}
.property-detail-main .property-details .like-share-btns a {
    border-radius: 13px;
    border: 0.8px solid rgba(28, 28, 28, 0.20);
    background: #FFF;
    padding:12px 10px;
    box-shadow: 0px 30px 9px 0px rgba(148, 148, 148, 0.00), 0px 19px 8px 0px rgba(148, 148, 148, 0.01), 0px 11px 7px 0px rgba(148, 148, 148, 0.05), 0px 5px 5px 0px rgba(148, 148, 148, 0.09), 0px 1px 3px 0px rgba(148, 148, 148, 0.10);
}
.property-detail-main .property-details .like-share-btns a img {
    width: 24px;
    height: 24px;
}
.property-detail-main .property-details .property-description h4 {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Medium;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.property-detail-main .property-details .property-description {
    padding-top:20px;
    padding-bottom:10px;
    margin-bottom:30px;
    border-bottom:1px solid rgba(28, 28, 28, 0.20);
}
.property-detail-main .property-details .overview .overview-box img {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 16px;
    padding: 13px;
    border: 0.8px solid rgba(28, 28, 28, 0.20);
    background: #FFF;
    box-shadow: 0px 30px 9px 0px rgba(148, 148, 148, 0.00), 0px 19px 8px 0px rgba(148, 148, 148, 0.01), 0px 11px 7px 0px rgba(148, 148, 148, 0.05), 0px 5px 5px 0px rgba(148, 148, 148, 0.09), 0px 1px 3px 0px rgba(148, 148, 148, 0.10);
}
.property-detail-main .property-details .overview .overview-box {
    display:flex;
    gap: 10px;
    margin-bottom:20px;
}
.property-detail-main .property-details .overview .overview-box .content h5 {
    color: var(--Black-500, rgba(28, 28, 28, 0.50));
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:0px;
} 
.property-detail-main .property-details .overview .overview-box .content p {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Medium;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
} 

.property-features .custom-container {
    padding:80px 7% 40px;
}
.property-features .feature-box {
    text-align:center;
}
.property-features .feature-box img {
    width: 60px;
    height: 60px;
    border-radius: 13px;
    padding: 15px;
    margin-bottom: 10px;
    border: 0.8px solid rgba(28, 28, 28, 0.20);
    background: #FFF;
    box-shadow: 0px 30px 9px 0px rgba(148, 148, 148, 0.00), 0px 19px 8px 0px rgba(148, 148, 148, 0.01), 0px 11px 7px 0px rgba(148, 148, 148, 0.05), 0px 5px 5px 0px rgba(148, 148, 148, 0.09), 0px 1px 3px 0px rgba(148, 148, 148, 0.10);
}
.property-features .feature-box h5 {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    text-align: center;
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.property-features h4 {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Medium;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom:20px;
}
.property-features .feature-box p {
    width: 60px;
    height: 60px;
    border-radius: 13px;
    padding: 15px;
    margin: 0px auto 10px;
    border: 0.8px solid rgba(28, 28, 28, 0.20);
    background: #FFF;
    text-align:center;
    box-shadow: 0px 30px 9px 0px rgba(148, 148, 148, 0.00), 0px 19px 8px 0px rgba(148, 148, 148, 0.01), 0px 11px 7px 0px rgba(148, 148, 148, 0.05), 0px 5px 5px 0px rgba(148, 148, 148, 0.09), 0px 1px 3px 0px rgba(148, 148, 148, 0.10);
}

.property-map-section .custom-container {
    padding:40px 7%;
}
.property-map-section h4 {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Medium;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom:20px;
}
.property-map-section iframe {
    width:100%;
    height: 350px;
    border-radius:30px;
}

.property-regulatory-information .custom-container {
    padding:40px 7%;
}
.property-regulatory-information h4 {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Medium;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}
.property-regulatory-information table td {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding:10px;
}
.property-regulatory-information table td img {
    width:20px;
    height:20px;
}

.property-location-nearby .custom-container {
    padding:40px 7%;
}
.property-location-nearby  h4 {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Medium;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom:20px;
}
.property-location-nearby p {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.property-location-nearby .location-row {
    display:flex;
    gap:20px;
}
.property-location-nearby .location-box {
    width: 13%;
    text-align: center;
    border-radius: 20px;
    padding: 23px;
    border: 0.8px solid rgba(28, 28, 28, 0.30);
    background: #FFF;
    box-shadow: 0px 78px 22px 0px rgba(176, 176, 176, 0.00), 0px 50px 20px 0px rgba(176, 176, 176, 0.01), 0px 28px 17px 0px rgba(176, 176, 176, 0.05), 0px 13px 13px 0px rgba(176, 176, 176, 0.09), 0px 3px 7px 0px rgba(176, 176, 176, 0.10);
}
.property-location-nearby .location-box img {
    width: 48px;
    height: 48px;
}
.property-location-nearby .location-box h5 {
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Regular;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 3px;
    margin-top: 10px;
}
.property-location-nearby .location-box p {
    color: var(--Black-500, rgba(28, 28, 28, 0.50));
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.property-unit-details h4{
    color: var(--Gray-800, rgba(28, 28, 28, 0.85));
    font-family: SF-Pro-Display-Medium;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom:25px;
}
.video-modal-link {
    color: #ed4036;
    text-decoration: none;
}
.video-modal-link:hover{
    color:#000;
}
.list-group{
    margin-bottom:40px;
    border-radius:30px;
}
.list-group-item {
    padding: 11px 20px;
   
}
/*/ --- property detail page ends --- /*/

/*/ --- login page starts --- /*/
.cust-container {
  display: flex;
  height: 100vh;
  margin-top: 112px;
  margin-bottom: 112px;
}

.left-panel {
  flex: 1;
  background-color: #f0dcc3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
   border-radius: 30px;
}

.branding .logo {
  height: 50px;
  margin-bottom: 20px;
  width: 139px;
  object-fit: cover;
}
.branding{
        margin-right: 100px;

}

.branding h2 {
  font-size: 28px;
  color: #8b3f3f;
  margin-bottom: 10px;
  font-weight: 600;
}

.branding p {
  font-size: 15px;
    color: #333;
    font-weight: 600;
}

.illustration {
  margin-top: 30px;
  width: 100%;
  max-width: 300px;
}

.right-panel {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  position: relative;
}

.form-box {
  width: 100%;
  max-width: 350px;
}

.form-header {
  text-align: center;
  margin-bottom: 20px;
}

.form-header .icon {
  font-size: 30px;
}

.form-header h3 {
  margin-top: 10px;
  font-size: 22px;
}

.form-header p {
  font-size: 14px;
  color: #555;
}

.google-btn {
      display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px;
    background-color: #f2f2f2;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 15px;
    justify-content: center;
}
.google-btn img{
    width:20px;
}

.divider {
  text-align: center;
  margin: 10px 0;
  position: relative;
  font-size: 12px;
  color: #999;
}

.divider::before, .divider::after {
  content: '';
  height: 1px;
  background: #ccc;
  width: 40%;
  position: absolute;
  top: 50%;
}

.divider::before {
  left: 0;
}

.divider::after {
  right: 0;
}

form label {
  display: block;
  font-size: 14px;
  margin: 10px 0 5px;
}

form input[type="email"],
form input[type="password"] {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border-radius: 6px;
  border: none;
  background: #f2f2f2;
}
form input[type="text"], form input[type="password"] {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
    border: none;
    background: #f2f2f2;
}
.back{
    position: absolute;
    top: 18px;
    left: 114px;
    background: #000;
   padding: 7px 14px;
    border-radius: 6px;
}
.back a{
    color: #fff;;
}
.form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin-top: 10px;
}
.form-footer a{
    color:red
}

.login-btn {
  width: 100%;
  background-color: #a05050;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  margin-top: 20px;
  cursor: pointer;
}

.signup-text {
  text-align: center;
  margin-top: 15px;
  font-size: 13px;
}

.signup-text a {
  color: #3b82f6;
  text-decoration: none;
}
/* login page ends */

/*/ --- about page starts --- /*/
.inner-page-banner {
    background-image:url(../img/banner.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.inner-page-banner .custom-container {
    padding: 240px 7% 50px;
}
.inner-page-banner h4 {
    color: rgb(255, 255, 255);
    font-family: CashDisplay;
    font-size: 70px;
    font-style: normal;
    font-weight: 600;
}
.about-page-main .content p {
    color: rgba(28, 28, 28, 0.85);
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
}
.about-page-main .custom-container {
    padding:50px 7%;
}
.about-page-main .feature-item img {
    width:40px;
    margin-bottom:10px;
}
.about-page-main .feature-item h4 {
    color: rgba(28, 28, 28, 0.85);
    font-family: SF-Pro-Display-Medium;
    font-size: 20px;
    margin-bottom:0px;
}
.about-page-main .feature-item p {
    color: rgba(28, 28, 28, 0.85);
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
}
.about-page-main .feature-item {
    width:30%;
}
.about-page-main .features-row {
    display:flex;
    gap: 20px;
    flex-wrap: wrap;
}

.about-page-main .sec-two {
    border-radius: 40px;
    padding: 60px;
    border: 0.8px solid rgba(28, 28, 28, 0.20);
    background: #FFF;
    box-shadow: 0px 334px 94px 0px rgba(161, 161, 161, 0.00), 0px 214px 86px 0px rgba(161, 161, 161, 0.01), 0px 120px 72px 0px rgba(161, 161, 161, 0.05), 0px 53px 53px 0px rgba(161, 161, 161, 0.09), 0px 13px 29px 0px rgba(161, 161, 161, 0.10);
    margin-top:30px;
}
.about-page-main .head h6 {
    color: var(--Red, #ED4036);
    font-family: SF-Pro-Display-Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.about-page-main .head h4 {
    color: rgba(28, 28, 28, 0.85);
    font-family: CashDisplay;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 15px;
}
.about-page-main .head p {
    color: rgba(28, 28, 28, 0.85);
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
}
.about-page-main .video-box {
    position:relative;
}
.about-page-main .video-box .video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #eb2055; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}
.about-page-main .video-box .video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 55px;
  height: 55px;
  background: #eb2055;
  border-radius: 50%;
  animation: pulse-border 1100ms ease-out infinite;
}
.about-page-main .video-box .video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #eb2055;
  border-radius: 50%;
  transition: all 200ms;
}
.about-page-main .video-box .video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 19px solid #fff;
	border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  top: 10px;
  left: 5px;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.about-page-main .head a {
    color: #ED4036;
    font-family: SF-Pro-Display-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display:block;
    margin-top: 100px;
}
.about-page-main .head a img {
    width:24px;
}
.about-page-main .video-box img {
    border-radius:15px;
    height: 360px;
    object-fit: cover;
}
.about-page-main .video-box {
    height:350px;
    position: absolute;
}
.about-page-main .sec-two .col-md-6 {
    position:relative;
}
.about-page-main .sec-two:nth-child(3) {
    margin-top:50px;
}
.about-page-main .sec-two:nth-child(4) {
    margin-top:90px;
    margin-bottom:100px;
}
/*/ --- about page ends --- /*/