/* @font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ExtBdIta.woff2') format('woff2');

  font-weight: 800;

  font-style: italic;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ExtBlk.woff2') format('woff2');

  font-weight: 900;

  font-style: normal;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ExtBlkIta.woff2') format('woff2');

  font-weight: 900;

  font-style: italic;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ExtLt.woff2') format('woff2');

  font-weight: 300;

  font-style: normal;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ExtLtIta.woff2') format('woff2');

  font-weight: 300;

  font-style: italic;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ExtraBold.woff2') format('woff2');

  font-weight: 800;

  font-style: normal;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-Black.woff2') format('woff2');

  font-weight: 900;

  font-style: normal;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-BlackIta.woff2') format('woff2');

  font-weight: 900;

  font-style: italic;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-Bold.woff2') format('woff2');

  font-weight: 700;

  font-style: normal;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-BoldIta.woff2') format('woff2');

  font-weight: 700;

  font-style: italic;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ExtBdIta.woff2') format('woff2');

  font-weight: 800;

  font-style: italic;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ExtBlk.woff2') format('woff2');

  font-weight: 900;

  font-style: normal;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ExtBlkIta.woff2') format('woff2');

  font-weight: 900;

  font-style: italic;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ExtLt.woff2') format('woff2');

  font-weight: 300;

  font-style: normal;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ExtLtIta.woff2') format('woff2');

  font-weight: 300;

  font-style: italic;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ExtraBold.woff2') format('woff2');

  font-weight: 800;

  font-style: normal;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-Black.woff2') format('woff2');

  font-weight: 900;

  font-style: normal;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-BlackIta.woff2') format('woff2');

  font-weight: 900;

  font-style: italic;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-Bold.woff2') format('woff2');

  font-weight: 700;

  font-style: normal;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-BoldIta.woff2') format('woff2');

  font-weight: 700;

  font-style: italic;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-ThinIta.woff2') format('woff2');

  font-weight: 100;

  font-style: italic;

}



@font-face {

  font-family: 'HelveticaNowDisplay';

  src: url('../fonts/HelveticaNowDisplay-Hairline.woff2') format('woff2');

  font-weight: 100;

  font-style: normal;

} */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  text-decoration: none;

  outline: none
}



*,

*:focus {

  outline: none;

  -webkit-tap-highlight-color: #fff0
}



html {

  scroll-behavior: smooth;

}



body {

  display: block;

  position: relative;

  font: 400 14px/1.1 "Inter", sans-serif;

  background: #ffffff;

  margin: 0;

  padding: 0 0;

  -webkit-font-smoothing: antialiased;

  display: block;

  position: relative;

  letter-spacing: 0.3px;

  background-image: url(../images/body-bg.jpg);

  background-attachment: fixed;

}





::-webkit-input-placeholder {

  color: #000;

  opacity: 1
}



:-moz-placeholder,

::-moz-placeholder {

  color: #000;

  opacity: 1
}



:-ms-input-placeholder {

  color: #000;

  opacity: 1
}



a {

  color: #464646;

  text-decoration: none
}



a:hover {

  color: #464646;

  outline: none;

  text-decoration: none
}



img {

  max-width: 100%;

  vertical-align: middle
}



svg {

  display: inline-block;

  vertical-align: middle;

  fill: currentColor
}



h1,

.h1 {

  font-size: 30px
}



h2,

.h2 {

  font-size: 28px;

  line-height: 1
}



h3,

.h3 {

  font-size: 24px
}



h4,

.h4 {

  font-size: 18px
}



h5,

.h5 {

  font-size: 16px
}



h6,

.h6 {

  font-size: 15px
}



h1,

.h1,

h2,

.h2,

h3,

.h3,

h4,

.h4,

h5,

.h5,

h6,

.h6 {

  margin: 0 0 15px;

  font-style: normal;

  font-size: 36px;

  margin-bottom: 20px;

  color: #000000;

  font-weight: 700;

  text-transform: capitalize;

  line-height: 1.5;

  position: relative;

}



p {

  margin: 0 0 10px;

  overflow: hidden;

  text-align: left;

  color: #323232;

  font-size: 18px;

  font-weight: 400;

  line-height: 1.66;

  margin-bottom: 15px;

}



.pt-60 {

  padding-top: 60px
}



input,

select,

textarea {

  background: #fff;

  background: #fff;

  border: 1px solid rgb(70 70 70 / .3);

  font: 500 17px/1 'Montserrat', sans-serif;

  width: 100%;

  display: block;

  color: #282828;

  padding: 11px 16px;

  border-radius: 5px;

  letter-spacing: 0;

  height: auto;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none
}



input::-webkit-input-placeholder {

  color: rgb(40 40 40 / 50%)
}



input::-moz-placeholder {

  color: rgb(40 40 40 / 50%)
}



input:-ms-input-placeholder {

  color: rgb(40 40 40 / 50%)
}



input:-moz-placeholder {

  color: rgb(40 40 40 / 50%)
}



textarea {

  min-height: 120px;

  padding: 14px
}



ul {

  list-style: none;

  padding: 0;

  margin: 0
}



strong,

b {

  font-weight: 700
}



table {

  border-spacing: 0;

  border-collapse: collapse
}





section {

  padding: 70px 0;

  overflow: hidden;

}



.btn {

  grid-column-gap: .3em;

  grid-row-gap: .3em;

  border-radius: 500px;

  justify-content: center;

  align-items: center;

  padding: 14px 26px;

  font-weight: 500;

  text-decoration: none;

  display: flex;

  background-color: #ec8904;

  color: #000;

  transition: all 0.4s ease-in-out;

  width: max-content;

}



.btn-second {

  background-color: #000000;

  color: #ffffff;

}



.btn-three {

  background-color: #ec8904;

  color: #000;

}


/* 
.btn {

  padding: .5em .9em .5em;

} */



.btn span {

  color: #000;

  transition: all 0.4s ease-in-out;

  font-weight: 600;

}



.btn-second span {

  color: #ffffff;

}





.btn svg {

  fill: #000;

  transition: all 0.4s ease-in-out;

}



.btn-second svg {

  fill: #fff;

}





.btn:hover {

  background-color: #ffffff;

  transition: all 0.4s ease-in-out;

}



.btn-second:hover {

  background-color: #000000;

  color: #ffffff;

}



.btn-three:hover {

  background-color: #f1f3f6;

  color: #000;

}



.btn:hover span {

  color: #000000;

  transition: all 0.4s ease-in-out;

}



.btn-second:hover span {

  color: #ffffff;

}



.btn:hover svg {

  fill: #000000;

  transition: all 0.4s ease-in-out;

}



.btn-second:hover svg {

  fill: #ffffff;

}



.btn-arrows {

  position: relative;

  width: 20px;

  height: 20px;

  overflow: hidden;

}



.btn-arrows svg {

  position: absolute;

  top: 2px;

  left: 0;

}



.btn-arrows svg:first-child {

  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

  transform-style: preserve-3d;

  opacity: 1;

}



.btn-arrows svg:last-child {

  transform: translate3d(-6px, 6px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

  transform-style: preserve-3d;

  opacity: 0;

}



.btn:hover svg:first-child {

  transform: translate3d(6px, -6px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

  transform-style: preserve-3d;

  opacity: 0;

}



.btn:hover svg:last-child {

  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

  transform-style: preserve-3d;

  opacity: 1;

}



.navbar {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 99;

  transition: 0.4s;

  background: #ffffff00;

  backdrop-filter: blur(4px);

}



.scrolled {

  position: fixed;

  top: 0;

  background-color: transparent;

  padding: 5px 20px;

  /* box-shadow: 1px 9px 20px #525252a8; */

  transition: 0.4s;

  backdrop-filter: blur(0px);

}



.enquiry-btn{
  display: flex;
}

.scrolled .enquiry-btn {

  opacity: 1;

}



.scrolled ul.navbar-nav {

  position: relative;

  transition: 0.4s;

  backdrop-filter: blur(16px);

  background: #ec8904;

  background-image: linear-gradient(300deg, #ffffff38, #fff0 55%);

  border-radius: 9px;

  overflow: hidden;

}



.scrolled ul.navbar-nav::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  backdrop-filter: blur(10px);

  background-image: linear-gradient(300deg, #ffffff38, #fff0 55%);

  z-index: -1;

}



.white-logo {

  display: block !important
}



.normal-logo {

  display: none !important
}



.scrolled .white-logo {

  display: none !important
}



.scrolled .normal-logo {

  display: block !important;

  width: 100%;

  max-width: 80%;

}



.arrow-icon.active path {

  fill: #000000 !important;

}



.nav-link.active {

  color: #ea293c !important;

  /* border-bottom: 2px solid #fb7025; */

}



.navbar.scrolled .navbar-nav .nav-link {

  color: #ffffff
}



.navbar .navbar-nav.sm-icons .nav-link svg {

  fill: #000000
}



.navbar.scrolled .navbar-nav.sm-icons .nav-link svg {

  fill: #000
}



.navbar .container-fluid {

  padding: 14px 20px;

}



.navbar.scrolled .container-fluid {

  padding: 4px 40px;

  transition: 0.4s;

}



ul.navbar-nav {

  -webkit-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

  background-color: #0a0a0ab0;

  background-image: linear-gradient(300deg, #ffffff38, #fff0 55%);

  border-radius: .2em;

  /* grid-column-gap: 1em; */

  grid-row-gap: 1em;

  padding: 1.3em 1.5em 1.3em;

  margin-left: 0;

}



.navbar .navbar-nav .nav-link {

  font-size: 19px;

  font-weight: 400 !important;

  color: #ffffff;

  opacity: 1;

  margin: 0;

  cursor: pointer;

  text-transform: capitalize;

  padding: 0;

  line-height: 1.23;

}
.navbar .navbar-nav .nav-link:hover{
  color: #e32b3f;
}
 .navbar .navbar-nav .nav-item {
        padding: 0 15px !important;
    }

.navbar-brand {

  width: 100%;

  max-width: 20%
}



.navbar-brand img {

  width: 100%;

  max-width: 200px;

}





@-webkit-keyframes marquee {

  0% {

    transform: translateX(0);

  }



  100% {

    transform: translateX(-100%);

  }

}



@keyframes marquee {

  0% {

    transform: translateX(0);

  }



  100% {

    transform: translateX(-100%);

  }

}



.marquee {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  overflow: hidden;



}



.marquee span {

  text-transform: uppercase;

  will-change: transform;

  transform: translateX(0);

  white-space: nowrap;

  -webkit-animation: marquee 34s linear infinite;

  animation: marquee 34s linear infinite;

  font-size: 200px;

  font-weight: 700;

  color: #666666;

  margin: 1px 36px;

}



.banner-item-box {

  position: relative;

}



/* .banner-content {

  position: absolute;

  bottom: 10%;

  z-index: 1;

  left: 0;

  right: 0;

  border-bottom: 2px solid #fff;

} */























































































.modal-logo img {

  width: 100%;

  max-width: 90%;

  margin: auto;

  margin-bottom: 0px
}



.modal-call {

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  flex-wrap: wrap;

}





.modal-content {

  border-radius: 50px;

  overflow: hidden
}



.modal-call a,

.modal-call span {

  color: #1d242b;

  font-size: 19px;

  font-weight: 500;

  width: 100%;

  align-items: start;

  margin-bottom: 12px;

}



.modal-body .has-feedback {

  margin-bottom: 12px;

  position: relative;

}



.modal-body .form-control {

  border: 0;

  background-color: #fff0;

  border-radius: 0;

  border-bottom: 1px solid #ccc;

  padding: 10px 0;

  font-size: 15px;

  color: #000000 !important;

  box-shadow: none;

  font-family: "Roboto", sans-serif;

  font-weight: 400;

}



.modal-header {

  background-color: #e32b3f;

  color: #ffffff;

  text-align: center;

}



.modal-header h5 {

  color: #ffffff;

  font-size: 24px;

  width: 100%;

  letter-spacing: .4px;

  font-weight: 500
}



.modal-header .btn-close {

  margin: 0;

  filter: invert(1);

}



.modal-logo {

  padding: 10px 0px 10px;

}



.modal-body {

  padding: 0
}



label.error {

  position: absolute;

  bottom: -14px;

  color: red !important;

  font-weight: 400;

  font-size: 12px !important;

  text-transform: capitalize;

}



/* Footer Whatsapp & Call icon Left Right */

.footer-whatsapp-left {

  position: fixed;

  bottom: 0;

  right: 0;

  margin: 0 20px 100px 0;

  z-index: 999999;

}



.footer-whatsapp-left a {

  display: flex;

  align-items: center;

  justify-content: center;

}



.footer-call-right {

  position: fixed;

  bottom: 0;

  right: 0;

  margin: 0 20px 180px 0;

  z-index: 999999;

}



.footer-call-right a {

  display: flex;

  align-items: center;

  justify-content: center;

}



.vibrate-3 {

  -webkit-animation: vibrate-3 1s linear infinite both;

  animation: vibrate-3 1s linear infinite both;

}



@-webkit-keyframes vibrate-3 {

  0% {

    -webkit-transform: translate(0);

    transform: translate(0);

  }



  10% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px);

  }



  20% {

    -webkit-transform: translate(2px, -2px);

    transform: translate(2px, -2px);

  }



  30% {

    -webkit-transform: translate(-2px, 2px);

    transform: translate(-2px, 2px);

  }



  40% {

    -webkit-transform: translate(2px, 2px);

    transform: translate(2px, 2px);

  }



  50% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px);

  }



  60% {

    -webkit-transform: translate(2px, -2px);

    transform: translate(2px, -2px);

  }



  70% {

    -webkit-transform: translate(-2px, 2px);

    transform: translate(-2px, 2px);

  }



  80% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px);

  }



  90% {

    -webkit-transform: translate(2px, -2px);

    transform: translate(2px, -2px);

  }



  100% {

    -webkit-transform: translate(0);

    transform: translate(0);

  }

}



@keyframes vibrate-3 {

  0% {

    -webkit-transform: translate(0);

    transform: translate(0);

  }



  10% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px);

  }



  20% {

    -webkit-transform: translate(2px, -2px);

    transform: translate(2px, -2px);

  }



  30% {

    -webkit-transform: translate(-2px, 2px);

    transform: translate(-2px, 2px);

  }



  40% {

    -webkit-transform: translate(2px, 2px);

    transform: translate(2px, 2px);

  }



  50% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px);

  }



  60% {

    -webkit-transform: translate(2px, -2px);

    transform: translate(2px, -2px);

  }



  70% {

    -webkit-transform: translate(-2px, 2px);

    transform: translate(-2px, 2px);

  }



  80% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px);

  }



  90% {

    -webkit-transform: translate(2px, -2px);

    transform: translate(2px, -2px);

  }



  100% {

    -webkit-transform: translate(0);

    transform: translate(0);

  }

}



.mobile-footer-social-icon-main {

  display: none;

}



@media screen and (max-width: 991px) {

  .footer-whatsapp-call {

    display: none;

  }



  .mobile-footer-social-icon-main {

    width: 100%;

    display: block;

    position: fixed;

    bottom: 0;

    z-index: 999;

  }



  .mobile-footer-social-icon {

    width: 33%;

    display: inline-block;

    text-align: center;

  }



  .book-app {

    width: 100%;

    padding: 1%;

    float: left;

    line-height: 40px;

    text-align: center;

    max-height: 100px;

  }



  .book-app a {

    font-size: 15px;

  }



  .footer-box-two {

    display: flex !important;

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    background-color: #0f4da2;

    color: #fff;

    text-align: center;

    z-index: 9;

    display: grid;

    grid-template-columns: 1fr 1fr;

  }

}



@media screen and (max-width: 768px) {

  .mobile-footer-social-icon {

    width: 32.5%;

    display: inline-block;

    text-align: center;

  }



  .mobile-footer-social-icon a {

    font-size: 15px;

    font-weight: 400;

  }



}



.about-us-contents {

  position: relative;

}



.about-us-contents h3 {

  color: #fff;

  font-size: 42px;

  margin-bottom: 20px;

  line-height: 1.4;

}



.banner-item img {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.banner-titles {

  position: relative;

  width: auto;

  right: auto;

  padding: 17% 16px 17%;

}



.banner-heading {

  text-align: center;

}



.banner-heading p {

  color: #fff;

  max-width: 90%;
  margin: 20px auto;

  text-align: center;

  letter-spacing: -.01em;

  text-transform: none;

  font-size: 1.8em;

  font-weight: 400;

  line-height: 1.5;

  text-align: center;

}



.banner-heading img {

  width: 100%;

  max-width: 70%;

  margin: auto;

}



.apply-now-btn {

  position: absolute;

  bottom: 10%;

  left: 50%;
  transform: translateX(-50%);

  background: #e72c3e;

  z-index: 50;

  justify-content: space-between;

  align-items: center;

  /* width: 19.2vw; */

  padding: 1.3em 2em 1em 1.3em;

  text-decoration: none;

  display: flex;

}



.apply-now-btn a {

  color: #000000;

  letter-spacing: -.01em;

  text-transform: none;

  margin-top: 0;

  margin-bottom: 0;



  font-size: 24px;

  font-weight: 600;

  line-height: .95em;

}

.apply-now-btn span svg{
    width: 30px;
   }

@media screen and (min-width:1240px) {

  .about-us-sections .container-fluid {

    padding: 0 4%;

  }

}



.about-us-contents p {

  color: #ffffff;

  letter-spacing: 0.7px;

  margin-bottom: 10px;

  font-size: 24px;

  font-weight: 300;

  line-height: 1.3;

}



.about-items {

  position: relative;

}



.about-item {

  margin-top: 22px;

}



h2.title {

  position: absolute;

  top: -7%;

  left: 0;

  font-size: 150px;

  font-weight: 900;

  color: transparent;

  line-height: 1;

  -webkit-text-stroke: 2px #ffffff2e;

  text-align: right;

  width: 100%;

}



.expertise h2.title {

  font-size: 110px;

  padding-right: 41px;

  -webkit-text-stroke: 1px #070707;

  z-index: 1;

}



.expertise .years-images {

  overflow: hidden;

}



/* .expertise .years-images img {

  transform: scale(1.2);

} */



.about-items {

  position: relative;

}



.about-item-sec-info {

  margin-top: 5%;

}



.about-item-second-info h4 {

  color: #ffffff;

  font-weight: 700;

  font-size: 28px;

  line-height: 1.2em;

}



.about-item-second-info p {

  color: #ffffff;

  font-weight: 400;

  font-size: 18px;

  line-height: 1.6em;

}



.about-us-list ul li {

  display: flex;

  align-items: center;

  margin-top: 10px;

  border-top: 1px solid grey;

  padding-top: 10px;

}



.about-us-list ul li span {

  margin-right: 18px;

  font-size: 21px;

  color: #ffffff;

}



.about-us-list ul li p {

  margin-bottom: 0;

  font-weight: 600;

  color: #ffffff;

  font-size: 20px;

}



.about-img img {

  position: absolute;

  bottom: 0;

  left: auto;

  right: 0;

  top: 10%;

  z-index: -1;

  width: 100%;

  max-width: 42%;

}



.property-items {

  margin-bottom: 70px;

}



.property-items .row {

  align-items: center;

}



.property-box {

  grid-column-gap: 5em;

  grid-row-gap: 5em;

  background-color: #eeeeee;

  border-radius: .3em;

  flex-flow: column;

  justify-content: space-between;

  align-items: flex-start;

  width: 100%;

  min-height: 21.5em;

  padding: 2.2em 2.2em 1.9em;

  display: flex;

  position: relative;

  margin-bottom: 40px;

}



.property-box .property-digit {

  color: #000000;

  text-transform: uppercase;



  font-size: 11vw;

  font-weight: 700;

  line-height: 11vw;

  margin-bottom: 68px;

}



.property-box p {

  border-top: 1px solid #ffffff9c;

  align-items: flex-start;

  width: 100%;

  padding-top: 15px;

  text-transform: capitalize;

  font-weight: 700;

  margin-top: 0;

  margin-bottom: 0;



  font-size: 20px;

  line-height: 21px;

}



.property-item-box.second {

  margin-top: 10%;

}







.perfect-item {

  padding: 0;

  text-align: center;

}



/* .years-digit {

  border-top: 2px solid #e72b40;

  padding-top: 33px;

} */



.purple {

  background-color: #a459ff !important;

}



.blue {

  background-color: #7ea2ad !important;

}



.orange {

  background-color: #ec8904 !important;

}



.orange-text {

  color: #ec8904 !important;

}



.is-right {

  background-color: #cfedd9 !important;

  top: 15em;

}



.charcoal {

  background-color: #ffffff !important;

}



.white {

  background-color: #f1f3f6 !important;

}



.perfect-section {

  position: relative;

}



.perfect-section::after {

  content: "";

  position: absolute;

  bottom: -83px;

  left: 0;

  right: 0;

  width: 100%;

  opacity: 0.09;

  background-image: url(../images/about-us/bg.jpg);

  background-repeat: no-repeat;

  background-position: bottom;

  height: 100%;

  z-index: -1;

}



.perfect-item h3 {

  font-size: 75px;

  width: 100%;

  max-width: 55%;

  margin: auto;



  padding: 50px;

  color: #fff;

  font-weight: 900;

  line-height: 1.3;

  text-transform: capitalize;

  background: #0000000d;

  border-radius: 50px;

  backdrop-filter: blur(18px);

}





.years-box h4 {

  color: #fff;

  margin-bottom: 8px;

  text-align: center;

  font-size: 60px;

  line-height: 1.3;

}



.years-box p {

  text-align: center;

  color: #fff;

  font-size: 22px;

}



.years-section .years-box p {

  width: 100%;

  max-width: 85%;

  color: #fff;

  font-size: 19px;

}



.expertise .years-box h4 {



  margin-bottom: 8px;

  text-align: center;

  font-size: 120px;

  text-transform: uppercase;

  text-align: center;

  line-height: 1;

  margin-left: -10px;

  /* margin-top: -15px; */

}



.years-digit h2 {

  color: #ffffff;

  letter-spacing: -.6vw;

  text-transform: uppercase;



  font-size: 15vw;

  font-weight: 700;

  line-height: 0.9;

  text-align: center;

}



.years-digit p {

  color: #ffffff;

  font-size: 40px;

  font-weight: 600;

  text-transform: capitalize;

  text-align: center;

  margin-bottom: 0;

}



.years-section .years-digit p {

  text-align: left;

  width: 100%;

  max-width: 50%;

  margin: auto;

  margin-top: -10px;

  font-size: 22px;

  color: #e98728;

  text-transform: uppercase;

}



.property-pro-img {

  overflow: hidden;

}



.property-pro-box {

  position: relative;

  padding: 50px 20px;

}



.property-pro-box .property-pro-title h3 {

  color: #fff;

  letter-spacing: 0.1vw;

  text-transform: capitalize;

  font-size: 56px;

  font-weight: 700;

  line-height: 1.2;

  margin-bottom: 40px;

}



.property-pro-box .property-pro-title span {

  color: #e98828;

  font-size: 24px;

  font-weight: 600;

  text-transform: capitalize;

}



/* .second-type .property-pro-head h3{

  margin-left: -195px;

} */



/* @media screen and (min-width: 1920px) {

  .property-pro-box {

    grid-column-gap: 20px;

    grid-row-gap: 20px;

  }

} */



.property-pro-box {

  z-index: 1;

  position: relative;

}



.property-pro-box img {

  z-index: 1;

  object-fit: cover;

  width: 100%;

  height: 100%;

  /* position: absolute; */

  /* inset: auto 0% 0%; */

}



.property-pro-box img {

  transform: scale(1.2);

}



.property-pro-title {

  flex-direction: column;

  align-items: flex-start;

  display: flex;

  position: relative;

  z-index: 1;
margin-top: 40px;
  margin-bottom: 40px;

}



.property-pro-content {

  /* align-items: flex-start;

  padding-bottom: 1.3em;

  padding-right: 1.3em;

  display: flex; */

  position: relative;

  margin-right: auto;

}



.property-pro-info h6 {

  color: #ffffff;

  font-size: 40px;

  font-weight: 400;

}



.property-pro-info p {

  color: #ffffff;

  font-size: 22px;

  font-weight: 200;

  letter-spacing: 0.5px;

}



/* .property-pro-item {

  margin-bottom: 41px;

  overflow: hidden;

} */



.property-section {

  background-image: url(../images/counter-bg.png);

  background-repeat: no-repeat;

  background-size: cover;

}



.why-us-box {

  background-color: #d24e5914;

  border-radius: .3em;

  flex-flow: column;

  justify-content: center;

  align-items: flex-start;

  width: 100%;

  min-height: 35em;

  padding: 1.4em 3.5em 1.2em 2.3em;

  display: flex;

  position: relative;

  margin-bottom: 24px;

}



.why-us-box::after {

  content: "";

  position: absolute;

  right: -27px;

  top: 0;

  background-image: url(../images/logo/rupee-sign.png);

  width: 100%;

  height: 100%;

  background-position: right;

  background-repeat: no-repeat;

  background-size: 35%;

  opacity: 0.04;

  z-index: -1;

}



.why-us-box h4 {

  letter-spacing: -.02em;

  border-left: 0 #e2e2e2;

  margin-bottom: 0;

  padding: 0;



  font-size: 2.5vw;

  font-weight: 600;

  line-height: 1em;

  position: relative;

  margin-bottom: 20px;

}



.why-us-box h4::after {

  position: absolute;

  left: 17px;

  width: 100px;

  height: 2px;

  top: auto;

  background: #e82b3e;

  margin-left: -15px;

  content: '';

  transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -moz-transition: 0.5s all;

  -ms-transition: 0.5s all;

  bottom: -5px;

}



.why-us-box p {

  color: #474747;

  letter-spacing: -.02em;

  border-left: 0 #e2e2e2;

  margin-bottom: 0;

  padding: 0;



  font-size: 18px;

  font-weight: 400;

  line-height: 1.5;

}



.why-us-items {

  position: relative;

}



.why-us-img {

  position: absolute;

  top: 11%;

  left: 0;

  right: 0;

}



.why-us-img img {

  width: 100%;

  max-width: 320px;

  margin: auto;

  text-align: center;

  display: flex;

}



.years-section {

  padding-top: 6%;

}



.years-list {

  width: 100%;

  max-width: 100%;

  margin-top: 3%;

}



.years-list ul {

  margin-bottom: 40px;

}



.years-list ul li {

  display: flex;

  align-items: flex-start;

  border-bottom: 2px dashed #494949;

  padding-top: 25px;

  padding-bottom: 25px;

  padding-right: 5%;

}



.years-list ul li span {

  font-size: 24px;

  width: 100%;

  max-width: 15%;

  color: #fff;

}



.years-list ul li p {

  font-size: 19px;

  margin-bottom: 0;

  line-height: 1.3;

  width: 100%;

  font-weight: 500;

  color: #fff;

}



.years-desc p:first-child {

  margin-bottom: 15px;

}



.years-list ol li {

  font-size: 22px;

  margin-bottom: 0;

}



.years-list ul li p b {

  font-size: 22px;

  font-weight: 700;

  color: #ffffff;

}



.years-list ol h4 {

  font-size: 28px;

  letter-spacing: 0.7px;

}



.years-list ol li {

  margin-bottom: 5px;

  padding-bottom: 5px;

  font-size: 20px;

}



.years-heading {

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  height: 100%;

}



.years-heading .years-box span {

  font-size: 24px;

  display: block;

  margin-bottom: 6px;

  color: #000;

  font-weight: 600;

  text-transform: capitalize;

}







.tc-partners-style3 {

  position: relative;

  padding: 105px 0;

  /* background-color: #fff; */

  overflow: hidden
}



@media screen and (min-width:1240px) {

  .container-fluid {

    padding: 0 2%;

  }

}



.tc-partners-style3 .bg {

  position: absolute;

  top: -20%;

  right: 0;

  width: 100%;

  height: 140%;

  -o-object-fit: cover;

  object-fit: cover;

  max-height: inherit
}



.tc-partners-style3::after {

  position: absolute;

  content: "";

  right: 0;

  top: 0;

  width: 100%;

  height: 1px;

  background-color: #0003
}



.tc-partners-style3 .logos {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.tc-partners-style3 .logos .logo-card {

  position: relative;

  /* background-color: #fff; */

  height: 258px;

  border: 1px solid #818181;

  width: 33.33%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 20px;
  flex-direction: column;

}



.tc-partners-style3 .logos .logo-card:hover {

  border-color: #ec8904;

}



.tc-partners-style3 .logos .logo-card .logo {

  max-width: 135px;

  max-height: 150px;

}



.tc-partners-style3 .logos .logo-card .logo {

  max-width: 164px;

  max-height: 164px;

  transition: all 0.4s ease-in-out;

  filter: contrast(0.4);

}



.tc-partners-style3 .logos .logo-card:hover .logo {

  filter: unset;

  transition: all 0.4s ease-in-out;

}



.tc-partners-style3 .logos .logo-card .num {

  position: absolute;

  top: 20px;

  right: 20px;

  z-index: 10;

  color: #fff;

}



.tc-partners-style3 .logos .logo-card p {

  /* position: absolute;

  left: 30px;

  bottom: 15px; */

  text-transform: uppercase;

  color: #e9283c;

  z-index: 10;

  margin: 0;
      text-align: center;
    max-width: 100%;
    padding-top: 15px;

}



.our-clients-items h5 {}



.our-clients-items p {

  width: 100%;

  max-width: 70%;

}



footer.tc-footer-style2 {

  border-radius: 50px 50px 0 0;

  margin-top: 0px;

  padding: 80px 0 50px;

  border-top: 3px dashed#444444;

}



.tc-footer-style2 .container-fluid {

  padding: 0 2%;

}





.home-style2 .sub-font {

  font-family: "Instrument Serif", serif
}



.home-style2 .ico-45 {

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg)
}





.has-feedback {

  position: relative;

  margin-bottom: 12px;

}



.banner-slider-info h5 {

  color: #ffffff;

  text-align: center;

  margin: 0;

  background: #000000a1;

  border-radius: 10px 10px 0;

  font-size: 35px;

  line-height: 1.2;

  padding: 13px;

}



.footer-items {

  position: relative;

}



.buy-box h3 {

  color: #fff;

  letter-spacing: -.6vw;

  text-transform: uppercase;



  font-size: 11vw;

  font-weight: 700;

  line-height: 8.2vw;

}



.buy-sections {

  overflow: hidden;

  position: relative;

  padding: 100px 0;

}



.buy-sections .buy-section-img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: -1;

}



.buy-box h4 {

  font-size: 24px;

  color: #fff;

}



.footer-item {

  margin-bottom: 40px;

}



.footer-img img {

  position: absolute;

  left: auto;

  right: -40px;

  width: 50%;

  top: 0;

  z-index: -1;

  bottom: 30px;

}



.footer-box h4 {

  /* color: #2b2b2b; */

  letter-spacing: -.01em;

  font-size: 30px;

  line-height: 1.5;

  margin-bottom: 0;

  text-align: center;

}



.footer-box h4{

  text-decoration: underline;

  color: #ec8904;

  text-underline-position: under;

}
.footer-box h4 a{

  text-decoration: underline;

  color: #ec8904;

  text-underline-position: under;

}

.footer-box h4 a:hover{
  color: #e9283c;
}
.footer-box p {

  font-size: 26px;

  width: 100%;

  max-width: 80%;

  margin: 0 auto;

  font-weight: 500;

  color: #ffffff;

  text-align: center;
  line-height: 1.3;
  padding-top: 15px;

}



.footer-box p {

  font-size: 26px;

  font-weight: 500;

  color: #ffffff;

}

.company-name-footer-item {

  text-align: center;

}

.company-name-footer-item img {

  width: 100%;

  height: 100%;

  max-width: 60%;

  margin: auto;

}





.single-service-box {

  position: relative;

  transition: 0.5s;

  z-index: 1;

  float: left;

  width: 150px;

  background: #e98728;

  border-radius: 20px;

  padding: 50px 0 50px 0;

  text-align: center;

  margin: 0 15px 0 15px;

  height: 410px;

  overflow: hidden;

  backdrop-filter: blur(10px);

  background-image: linear-gradient(300deg, #ffffff38, #fff0 55%);

}



.single-service-box img {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0;

  transition: all 0.4s ease-in-out;

}



.service-box-image {

  display: inline-block;

  transition: 0.5s;

}



.service-box-area {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 50px;

}



.single-service-box .service-box-image svg {

  transform: rotate(90deg);

  transition: 0.5s;

  filter: brightness(1) invert(0);

  height: 80px;

  width: auto;

  /* fill: #fff; */

}



.single-service-box .service-box-image svg path {

  stroke: #fff;

  fill: #fff;

}



.single-service-box .service-text-content h2 {

  color: #ffffff;

  margin: 30px 0 0 0;

  font-size: 26px;

  font-weight: 600;

  line-height: 30px;

  display: inline-block;

  transition: 0.5s;

  writing-mode: tb;

}



.single-service-box .service-desc p {

  transition: 0.5s;

  display: none;

}



.single-service-box .service-box-button {

  display: none;

  transition: 0.5s;

}





.single-service-box.active {

  padding: 55px 30px 45px 55px;

  background: #fff;

  border: 1px solid #e7883d;

  border-radius: 25px;

  width: 545px;

  height: 375px;

  transition: 0.5s;

  text-align: left;

  box-shadow: 1px 0px 8px 6px #e88d4445;

}



.single-service-box.active img {

  opacity: 0.1;

  transition: 0.5s;

}



.single-service-box.active .service-box-image svg {

  transform: rotate(0deg);

  height: 80px;

  width: 80px;

  /* filter: brightness(222) invert(222); */

}



.single-service-box.active .service-box-image svg path {

  stroke: #000000;

  fill: #000000;

}



.single-service-box.active .service-text-content h2 {

  margin: 38px 0 20px 0;

  font-size: 40px;

  writing-mode: inherit;

  color: #000000;

}



.single-service-box.active .service-desc p {

  font-size: 24px;

  color: #4b5564;

  font-weight: 600;

  display: inline-block;

  transition: 0.5s;

  width: 100%;

  margin: 0 0 20px 0;

  line-height: 1.4;

}



.single-service-box.active .service-box-button {

  display: inline-block;

  transition: 0.5s;

}



.single-service-box.active .service-box-button a {

  display: inline-block;

  padding: 0 10px 0 0;

  transition: 0.5s;

}







/* about-us */

.tc-header-style1 {

  position: relative;

}



.tc-header-style1 .info {

  position: absolute;

  left: 0;

  bottom: 170px;

  width: 100%;

  z-index: 20;

  color: #fff;

}



.tc-header-style1 .info h1 {

  font-size: calc(8vw + 0px);

  font-weight: 500;

  line-height: 1;

  text-shadow: 0 4px 4px rgba(0, 0, 0, .25);

  color: #fff;

}



.sub-title {

  color: #fff;

  font-size: 25px;

  font-weight: 400;

}



@media screen and (min-width: 1024px) {

  .first-section-about .container-fluid .about-content-box {

    margin: 0 4.5%;

    padding: 0 4.5%;

  }

}



.about-content h4 {

  margin-bottom: 10px;

  font-size: 44px;

  font-weight: 700;

  color: #fff;

}



.about-info h6 {

  margin-bottom: 16px;

  color: #c9c9c9ec;

  font-weight: 300;

  font-size: 20px;

}



.about-content-item {

  padding: 62px;

}



.about-content .about-info p {

  letter-spacing: .3px;

  line-height: 1.6;

  margin-bottom: 24px;

  font-size: 17px;

  padding-right: 50px;

  color: #fff;

}



.inner-tc-title h5 {

  margin-bottom: 16px;

  color: #e98828;

  font-size: 24px;

}



.years-box h4.text-start-inner {

  color: #fff;

  margin-bottom: 15px;

  text-align: center;

  font-size: 40px;

}



h2.title-inner-two {

  position: absolute;

  top: -30%;

  font-size: 150px;

  font-weight: 900;

  color: transparent;

  line-height: 1;

  -webkit-text-stroke: 2px #ffffff2e;

  text-align: right;

  width: 100%;

  margin-top: 80px;

  right: 16%;

}



.years-title-inner {

  padding-top: 150px;

}



/* Property */



.section-title h2 {

  font-size: 40px;

  line-height: 1.2;

  font-weight: 700;

  text-transform: capitalize;

  color: #fff;

}



.section-title {

  position: relative;

  margin-top: 25px;

}



.dlab-separator::after {

  position: absolute;

  content: '';

  height: 4px;

  width: 130px;

  background-color: #ec8904;

  bottom: -5px;

  left: 6px;

}



.box-description p {

  color: #ffffff;

  font-weight: 400;

  font-size: 18px;

  line-height: 1.6em;

}



.box-images img {

  width: 100%;

}



/* Clients */

.clients-logo {

  position: relative;

  border: 1px solid #818181;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 20px;
  flex-direction: column;

}



span.number {

  position: absolute;

  top: 20px;

  right: 20px;

  z-index: 10;

  color: #fff;

}



p.clients-name {

  /* position: absolute;

  left: 30px;

  bottom: 15px; */
  padding-top: 20px;

  text-transform: uppercase;

  color: #e9283c;

  margin: 0;

}



img.logo {

  max-width: 164px;

  max-height: 164px;

  transition: all 0.4s ease-in-out;

  filter: contrast(0.4);

}



.clients-logo:hover img.logo {

  filter: unset;

  transition: all 0.4s ease-in-out;

}

.all-logo {

  margin-bottom: 20px;

}

.service-box {

  background-image: url(../images/services/about-us-image.jpg);

  padding: 70px 20px;

  background-position: center center;

  background-repeat: no-repeat;

  margin-bottom: 70px;

}

.fluid-box .service-box:nth-child(even) {

  background-image: url(../images/services/about-us-image-2.jpg);

}



.services-text h3 {

  color: #e98828;

  font-size: 32px;

  font-weight: 600;

  text-transform: capitalize;

}

.services-text p {

  color: #fff;

  width: 90%;

}

.fluid-box {

  padding: 0 3.5%;

}





.hs-scroll-down-wrap {

  position: absolute;

  right: 40px;

  bottom: 0;

  background: #070707;

  padding: 15px 30px;

  z-index: 10;

  border-radius: 30px 30px 0 0;

}

.hero-section_sin .hs-scroll-down-wrap {

  right: auto;

  left: 50%;

  padding: 12px 30px;

  transform: translateX(-50%);

}

.mousey {

  float: left;

  width: 22px;

  height: 34px;

  border-radius: 10px;

  padding: 0 6px;

  border: 1px solid #ddd;

  box-sizing: border-box;

  background: #f9f9f9;

  box-shadow: 0 10px 12px 0px rgba(0, 0, 0, .07);

  position: relative;

}

.mousey:before {

  content: '';

  position: absolute;

  right: 50%;

  bottom: 0;

  width: 1px;

  height: 10px;

  background: #ddd;

}

.scroller {

  position: relative;

  left: 50%;

  top: 6px;

  margin-left: -2px;

  width: 4px;

  height: 4px;

  border-radius: 25%;

  animation-name: scroll;

  animation-duration: 2.2s;

  animation-timing-function: cubic-bezier(.15, .41, .69, .94);

  animation-iteration-count: infinite;

  background: #e98728;

}

@keyframes scroll {

  0% {

    opacity: 0;

  }

  10% {

    transform: translateY(0);

    opacity: 1;

  }

  100% {

    transform: translateY(50px);

    opacity: 0;

  }

}

.scroll-down-item span {

  float: left;

  margin-left: 30px;

  position: relative;

  top: 8px;

  font-weight: 500;

  font-size: 14px;

  color: #fff;

}

.svg-corner {

  position: absolute;

  width: 40px;

  height: 40px;

}

.svg-corner {

  position: absolute;

  width: 40px;

  height: 40px;

}



.main-content {

  position: relative;

  min-height: 100vh;

  z-index: 3;

  margin-top: 20px;

}

.ms_vir_height {

  min-height: auto;

}

.boxed-container {

  position: relative;

  border-radius: 20px;

  padding: 40px;

  margin-bottom: 30px;

  border: 1px solid #565656;

}

.boxed-container::after {

  content: "";

  background-image: url(../images/world_contact.png);

  position: absolute;

  bottom: 0;

  left: 0;

  top: auto;

  width: 52%;

  height: 100%;

  background-position: left;

  background-repeat: no-repeat;

  background-size: cover;

  z-index: -1;

}

.contacts-cards-wrap {

  margin-bottom: 30px;

}

.contacts-card-item {

  position: relative;

  padding: 30px 30px 30px 110px;

  overflow: hidden;

  border: 1px solid #eee;

  border-radius: 20px;

  background: #fff;

  transition: all .3s ease-in-out;

  height: 100%;

}

.contacts-card-item:before,
.contacts-card-item:after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 50px;

  height: 50px;

  width: 2px;

  background: #eee;

  z-index: 1;

}

.contacts-card-item svg {

  position: absolute;

  top: 50%;

  left: 25px;

  font-size: 1.5em;

  width: 60px;

  height: 60px;

  padding: 11px;

  line-height: 50px;

  border-radius: 6px;

  background: #e98728;

  box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, .2);

  transform: translateY(-50%);

  transition: all .3s ease-in-out;

}

.contacts-card-item span {

  display: block;

  text-align: left;

  font-size: 1.8em;

  margin-bottom: 15px;

  font-weight: 600;

  position: relative;

}

.contacts-card-item span:before,
.contacts-card-item span:after {

  content: '';

  position: absolute;

  right: 50px;

  height: 8px;

  background: #e98728;

  top: 50%;

  margin-top: -4px;

  border-radius: 10px;

}

.contacts-card-item span:before {

  width: 20px;

}

.contacts-card-item span:before {

  right: 0;

}

.contacts-card-item span:after {

  width: 12px;

  right: 70px;

  background: #ddd;

}

.contacts-card-item span:after {

  right: 21px;

}

.contacts-card-item p {

  font-size: 1.1em;

  line-height: 20px;

}

.contacts-card-item a {

  float: left;

  margin: 10px 15px 0 0;

  font-weight: 500;

  color: #e98728;

  transition: all .2s ease-in-out;

  padding: 8px 15px;

  background: #f9f9f9;

  border: 1px solid #eee;

  border-radius: 30px;

  line-height: 1.4;

}

.contacts-card-item:after {

  bottom: auto;

  top: 0;

}

.contacts-opt-wrap {

  position: relative;

  overflow: hidden;

}

.cs-title,
.contact-wh_title {

  margin: 0 20px 0 0;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 2.2em;

  color: #fff;

}

.cs-title,
.contact-social-container,
.contact-wh_title,
.contact-wh {

  float: left;

}

.contact-wh div {

  float: left;

  position: relative;

  padding: 15px 20px;

  border-radius: 10px;

  background: #fff;

  border: 1px solid #eee;

  margin-right: 10px;

  font-weight: 600;

}

.contact-wh div strong {

  color: #e98728;

  padding-left: 10px;

}

.contact-social {

  text-align: center;

}

.social-widget a,
.contact-social-container a {

  float: left;

  width: 46px;

  height: 46px;

  line-height: 46px;

  background: #000;

  border-radius: 6px;

  color: #e98728;

  margin: 0 15px 0 0;

  font-size: 1.2em;

  transition: all .3s linear;

}

.contacts-form-wrap {

  margin-top: 30px;

}

.boxed-content {

  position: relative;

  background: #fff;

  border-radius: 20px;

  border: 1px solid #eee;

  margin-bottom: 20px;

}

.boxed-content-title {

  padding: 25px 50px;

  border-bottom: 1px solid #eee;

  position: relative;

  background: #fff;

  border-radius: 20px 20px 0 0;

}

.boxed-content-title:before,
.boxed-content-title:after {

  content: '';

  position: absolute;

  right: 50px;

  height: 8px;

  background: #e98728;

  top: 50%;

  margin-top: -4px;

  border-radius: 10px;

}

.boxed-content-title:before {

  width: 20px;

}

.boxed-content-title:after {

  width: 12px;

  right: 70px;

  background: #ddd;

}

.boxed-content-title h3 {

  text-align: left;

  font-size: 2.5em;

  font-weight: 600;

  margin-bottom: 0;

}

.boxed-content-item {

  padding: 30px 50px;

}

#message {

  text-align: left;

  font-size: 1.1em;
  min-height: 120px;
  max-height: 150px;

}

.contacts-card-item:hover {

  background: #fff;

  box-shadow: 0px 10px 84px 0px rgba(0, 0, 0, .05);

}

.contacts-card-item:hover svg {

  background: #000;

  border-radius: 50%;

  color: #e98728;

}

.contacts-card-item:hover svg path {

  fill: #e98728;

}

.social-widget a,
.contact-social-container a {

  float: left;

  width: 46px;

  height: 46px;

  line-height: 46px;

  background: #ffffff;

  border-radius: 6px;

  color: #ffffff;

  margin: 0 15px 0 0;

  font-size: 1.2em;

  transition: all .3s linear;

  display: flex;

  align-items: center;

  justify-content: center;

}

.boxed-content-item .has-feedback {

  margin-bottom: 20px;

}

.boxed-content-item .has-feedback .form-control {

  padding: 0.695rem .75rem;

}

.has-feedback .btn:hover {

  background-color: #ffffff;

  color: #e98728;

  transition: all 0.4s ease-in-out;

  border-color: #e98728;

}

.has-feedback .btn:hover input {

  color: #e98728 !important;

}

.contact-map {

  overflow: hidden;

  border-radius: 22px;

}







.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {

  content: 'prev';

  display: none;

}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {

  content: 'next';

  display: none;

}

.expertise-slider .swiper-button-prev,
.expertise-slider .swiper-button-next {

  background-color: #fff;

  border-radius: 50px;

  width: 58px;

  height: 58px;

  padding: 17px;

  box-shadow: 2px 5px 21px #000000;

}

.map-sections {
  background-image: url(../images/map.webp);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.map-sections::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #00000059;
}

.map-wrapper {
  position: relative;
  z-index: 9;
}

.custom-table {
  border-radius: 20px;
  overflow: hidden;
}

.custom-table tr th {
  border-bottom: 2px solid #dee2e6;
}

.custom-table td,
.custom-table th {
  padding: 1.25rem;
  vertical-align: top;
  border: 1px solid #dee2e6;
  line-height: 1.4;
  font-size: 17px;
  background-color: #ffffffd9;
  backdrop-filter: blur(10px);
}
.custom-table tr{
  border: none;
}
.custom-table td ul li {
  margin-bottom: 5px;
}

.custom-table td ul li a {
  color: #0f4da2;
  text-transform: capitalize;
  text-decoration: underline;
  text-underline-position: from-font;
  font-weight: 600;
}
.btn-three{
  font-size: 17px;
  padding: 14px 20px;
}
.navbar-toggler-icon{
  filter: invert(1);
  width: 2.5em;
}