body {

  padding: 0;

  margin: 0;

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

  color: #393E41;

}

a {

  text-decoration: none;

}

p { font-size: 16px; line-height: 1.5;}

section {

  padding: 80px 0;

  position: relative; z-index: 0;

}

header {

  z-index: 99;

  transition: all 300ms ease-in-out; position: relative;
  
}

/*--- Header CSS Starts ---*/



header { 

  background-color: transparent; 

  /*box-shadow: 0 0 10px rgb(0 0 0 / 20%); */

  z-index: 99;  position: fixed; width: 100%; 

  /* backdrop-filter: blur(5px); */

  transition: all 300ms ease-in-out;
  background: #fff;
  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.1);

}

header .navbar {

    padding: 5px 15px;

    background: #fff;

    /* border-radius: 50px; */

    /* margin-top: 10px; */


}

header.sticky { position: fixed;top: 0; left: 0; width: 100%; 

  /* background-color: rgba(255, 255, 255, 0.8);box-shadow: 0 0 10px rgb(0 0 0 / 20%);backdrop-filter: blur(9px); */

}

.top-header { padding: 0; background-color: #adadad; padding-left: 100px; }

.home-banner > img, .home-banner > video { width: 100%; height: 89vh; object-fit: cover; }

.home-banner {margin-top: 105px;}

.navbar-brand > img { width: 180px; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; }

header.sticky .navbar-brand > img { width: 150px; filter: unset; }

.navbar-nav .nav-item .nav-link {position: relative; overflow: hidden; font-family: "Montserrat", sans-serif; color: #000; font-size: 14px; font-weight: 500; padding: 20px 15px; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;}

.navbar-nav .nav-item > .nav-link::before {

  position: absolute;

  content: "";

  height: 5px;

  width: 5px;

  background-color: #d79a30;

  left: -100%;

  bottom: 0;

  transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;

}

.navbar-nav .nav-item:hover > .nav-link::before, .navbar-nav .nav-item > .nav-link.active::before {

  left: 0;

  margin: auto;

  bottom: 0;

  top: 0;

}

header.sticky .navbar-nav .nav-item .nav-link {color: #131220; padding: 20px 15px; }

header.sticky .navbar-nav .nav-item.dropdown .nav-link {padding: 20px 20px 20px 15px; }

.navbar-nav .nav-item .dropdown-item {

  font-family: "Montserrat", sans-serif; font-size: 14px; color: #fff; font-weight: 500;

  color: #393E41;

}

.nav-item .dropdown-item:active,.nav-item .dropdown-item.active, .nav-item .dropdown-item:focus, .nav-item .dropdown-item:hover {

  color: #d79a30;

  background-color: #fff;

}

.nav-call {

  margin-left: 20px;

  padding-left: 20px;

  position: relative;

}

.nav-call::before {

  position: absolute;

  content: "";

  height: 60%;

  width: 1px;

  background-color: #fff;

  left: 0;

  top: 0;

  bottom: 0;

  margin: auto;

}

.nav-call img {

  filter: invert(1) brightness(9);

}

header.sticky .nav-call::before {

  background-color: #393E41;

}

header.sticky .nav-call img {

  filter: unset;

}

header .navbar-nav.desk-nav .nav-item .nav-link::before {

  position: absolute;

  content: "";

  height: 4px;

  width: calc(100% - 30px);

  left: 0;

  right: 0;

  bottom: 0px;

  top: unset;

  margin: auto;

  background-color: #d79a30;

  opacity: 0;

  transition: all 300ms ease-in-out;

}

.navbar-nav.ms-auto .nav-item {

  margin-left: 10px;

}

.navbar-nav.ms-auto .nav-item:first-child {margin-left: 0;}

header .navbar-nav.desk-nav .nav-item:hover .nav-link::before,

header .navbar-nav.desk-nav .nav-item .nav-link.active::before {

  opacity: 1;

}

.navbar-nav .nav-item:hover .nav-link, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link[aria-expanded="true"], 
header.sticky .navbar-nav .nav-item:hover .nav-link, header.sticky .navbar-nav .nav-item .nav-link.active, header.sticky .navbar-nav .nav-item .nav-link[aria-expanded="true"] { color: #d79a30; }

header .navbar-nav.desk-nav .nav-item .dropdown-item:hover { background: #efefef; color: #000;}

.navbar-nav.desk-nav .nav-item .dropdown-item.active, .navbar-nav.desk-nav .nav-item .dropdown-item.active:hover {

  color: #fff;

  background-color: #d79a30;

}

.nav-center li.nav-item {margin: 0 10px;}

header.sticky .navbar-nav .nav-item.register-link .nav-link { padding: 15px 30px!important; }

header .navbar-nav .nav-item .nav-link.search-btn { position: relative;background-color: #d79a30; height: 40px; width: 40px !important; border-radius: 50%; display: grid; align-items: center; padding: 0 !important; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: center; background-size: 15px; transition: none;}

header .navbar-nav .nav-item .nav-link.search-btn.search-close {background-image: url(../images/close.png); background-color: #d79a30; background-size: 15px;}

/* header .navbar-nav .nav-item .nav-link.search-btn > img { width: 15px; display: block; margin: 0 auto;} */

.dropdown > .nav-link { padding-right: 20px !important;}

.dropdown > .nav-link::after {

  position: absolute;

  content: "";

  height: 16px;

  width: 16px;

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

  background-repeat: no-repeat;

  background-position: center;

  background-size: 12px;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  transition: all 300ms ease-in-out;

  filter: invert(1);

}

header.sticky .dropdown > .nav-link::after{

  filter: invert(1);

}

.dropdown-menu {

  display: block;

  opacity: 0;

  background-color: #fff;

  transform: translateY(20px);

  pointer-events: none;

  border: 0;

  border-radius: 0;

  padding: 10px 5px;

  -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;

  border-radius: 10px 10px;

  box-shadow: 5px 5px 10px rgba(0,0,0,0.5) !important;

}

.dropdown:hover > .dropdown-menu {

  pointer-events: auto;

  opacity: 1;

  transform: translateY(0);

}

.sub-dropdown-menu {

  position: absolute;

  display: block;

  opacity: 0;

  background-color: #fff;

  transform: translateY(20px);

  pointer-events: none;

  border: 0;

  top: 0;

  list-style-type: none;

  left: 100%;

  border-radius: 0;

  padding: 10px 5px;

  -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;

  border-radius: 10px;

  box-shadow: 5px 5px 10px rgba(0,0,0,0.5) !important;

}

.dropdown-menu > li:hover > .sub-dropdown-menu, .dropdown-menu > li > .sub-dropdown-menu > li:hover .sub-dropdown-menu  {

  pointer-events: auto;

  opacity: 1;

  transform: translateY(0);

}

header.sticky .dropdown:hover .dropdown-menu.mega-dropdown {top: 60px;}

header.sticky .dropdown .mega-dropdown { top: 60px; }

.dropdown:hover .dropdown-menu.mega-dropdown {opacity: 1;pointer-events: auto;visibility: visible;top: 80px;}

.mega-dropdown {position: fixed!important;top: 118px;left: 0;right: 0;width: 100%;padding: 50px 15px;border:  0;border-radius: 0;box-shadow: 0 10px 15px -10px #808080;-webkit-box-shadow:0 10px 15px -10px #808080;-o-box-shadow: 0 10px 15px -10px #808080;-ms-box-shadow: 0 10px 15px -10px #808080;-moz-box-shadow: 0 10px 15px -10px #808080;transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;display: block;visibility: hidden;opacity: 0;pointer-events: none;border-top: 1px solid #eee;}

.mega-dropdown .dropdown-item { margin: 0; padding: 0; margin-bottom: 20px;}

/* .desk-nav .mega-dropdown .dropdown-item { margin: 0; padding: 0; margin-bottom: 30px;} */

.mega-dropdown .dropdown-item > a { padding: 0; }

.m-title { font-weight: 600; }

.custom-link-content > span { font-family: "Montserrat", sans-serif; color: #fff; font-size: 13px; float: left; margin-right: 10px; line-height: 1; }

.custom-link-content { position: absolute; padding: 10px 15px; bottom:0; left: 0; width: 100%; z-index: 1;}

header .dropdown-item:hover { background-color: transparent; }

header .dropdown-item {font-size: 14px; padding: 8px 15px; border-radius: 5px; margin-bottom: 1px; color: #393E41; }

.menu-link-box { display: block; position: relative; overflow: hidden; }

.menu-link-box .hover-img { z-index: 0;position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0;transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out; }

.hover-img > img { width: 100%; }

/* .menu-link-box::before { position: absolute; content: ""; height: 5px; width: 100%; background-color: #A5E1FF; bottom: 0; transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;} */

/* .menu-link-box:hover::before { opacity: 0.25; } */

.menu-link-box:hover .hover-img { opacity: 1; }

.navbar-toggler  { border: 0;display: grid;height: 24px;align-items: center;position: relative;padding: 0; }

.navbar-toggler:focus {box-shadow: none !important;}

.navbar-toggler .navbar-toggler-icon {

  background-image: none; 

  height: 2px;

  border-radius: 3px;

  display: inline-block;

  background: #d79a30;

  position: relative;

}

.navbar-toggler::before, .navbar-toggler::after {

  position: absolute;

  content: ""; 

  right: 0;

  top: -10px;

  background: #d79a30;

  transform: rotate(0deg);

  position: absolute;

  content: "";

  height: 2px;

  width: 20px; 

  border-radius: 3px;

  margin: auto;

  transform-origin: right top;

  transform-style: preserve-3D;

  transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  -webkit-transition: all 300ms ease-in-out;

}

.navbar-toggler::before {

  top: 0;

  bottom: unset;

  transform-origin: right top;

  transform-style: preserve-3D;

}

.navbar-toggler::after {

  top: unset;

  transform-origin: right bottom;

  transform-style: preserve-3D;

  bottom: 0;

}

.navbar-toggler[aria-expanded="true"]::before {

  transform: rotate(-45deg);

  top: 0;

  width: 32px;

}

.navbar-toggler[aria-expanded="true"]::after {

  transform: rotate(45deg);

  bottom: 0;

  width: 32px;

}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {

  background-color: transparent;

}

.dropdown-toggle::after {

  border: 0;

  content: url(../images/arrow-down.svg);

  right: 0;

  bottom: 0;

  top: 0;

  margin: 0 0 0 7px;

  position: relative;

  /* align-items: center; */

  /* display: flex; */

  filter: grayscale(1);

  transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  -webkit-transition: all 300ms ease-in-out;

}

.dropdown:hover .dropdown-toggle::after { filter: grayscale(0);}

/* Home Slider CSS Starts */

.main-banner .carousel-item { position: relative;}

.main-banner .carousel-item::before { 

  position: absolute;

  content: "";

  height: calc(100% - 0px);

  width: 100%;

  left: 0;

  top: 0;

  background-color: #131220;

  transition: background-color 300ms ease-in-out;

  background: linear-gradient(315deg,rgba(28,32,37,1) 0%,rgba(52,55,61,1) 100%);

  opacity: 0.5;

}

.main-banner .carousel-item > video, .main-banner .carousel-item > img {

  height: 100vh;

  min-height: 850px;

  width: 100%;

  max-height: 75vh;

  object-fit: cover;

}

.custom-carousel-caption {

  position: absolute;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  display: flex;

  align-items: center;

}

.custom-carousel-caption h2 {

  font-size: 66px;

  color: #fff;

  font-weight: 400;

  margin-bottom: 15px;

  /* text-transform: uppercase; */

}

.custom-carousel-caption h5 {

  color: #fff;

  text-transform: uppercase;

  font-weight: 400;

  line-height: 1.5;

  letter-spacing: 2px;

  background-color: #d79a30;

  display: inline-block;

  padding: 5px 10px;

  font-size: 12px;

  border-radius: 5px;

}

/* Home Slider CSS Ends */

.custom-btn {z-index: 0; display: inline-block; overflow: hidden; text-decoration: none; position: relative; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; color: #fff; font-weight: 500; padding: 12px 35px; border: 2px solid #fff;  transition: all 300ms ease-in-out; background: transparent; border-radius: 30px; white-space: nowrap;}

.custom-btn i { margin-left: 5px; }

.custom-btn:hover { color: #131220; }

.custom-btn::after { 

  position: absolute; content: ""; 

  height: 0%; width: 0%;

  transition: all 300ms ease-in-out;

  margin: auto;

  border-radius: 30px;

  background-color: #fff; z-index: -1; left: 0%; top:0; bottom: 0; right: 0;

}

.custom-btn:hover::after { height: 100%; width: 100%; }

.section-heading {

  font-weight: 600;

  text-transform: uppercase;

  font-size: 30px;

  letter-spacing: 1px;

  position: relative;

}

.section-heading > span {

  display: inline-block;

  padding-left: 20px;

  border-left: 5px solid #d79a30;

}

.section-heading.text-white > span {

  border-left: 5px solid #d79a30;

}

.semi-heading {

  text-transform: uppercase;

  letter-spacing: 2px;

  color: #393E41;

  font-weight: 400;

}

.sub-heading {

  color: #d79a30;

  font-weight: 600;

  font-size: 18px;

  line-height: 1.5;

  font-style: italic;

}

.custom-btn.btn-dark { color: #fff; background-color: #d79a30; border: 1px solid #d79a30; }

.custom-btn.btn-dark:hover { color: #d79a30; border-color: #d79a30;}

.custom-btn-primary {

  z-index: 0;

    display: inline-block;

    overflow: hidden;

    text-decoration: none;

    position: relative;

    text-transform: uppercase;

    font-size: 15px;

    letter-spacing: 1px;

    color: #fff;

    font-weight: 500;

    padding: 12px 35px;

    background-color: #217F4A;

    border: 1px solid #217F4A;

    transition: all 300ms ease-in-out;

    border-radius: 30px;

}

.custom-btn-primary:hover {

  color: #217F4A; border-color: #217F4A; background-color: #fff;

}

.custom-btn.btn-dark::after {background-color: #fff; }

.about-intro-section {position: relative;}

.about-intro-section::after {

  position: absolute;

  content: "";

  height: 100%;

  width: 50%;

  top: 0;

  right: 0;

  /* background-image: url(../images/constraction-decor-image-1.png); */

  background-size: contain;

  background-repeat: no-repeat;

  z-index: -1;

  background-position: 90% 100%;

}

.bg-custom-light {

  background-color: #F9F9FA;

}

.bg-custom-dark {

  background-color: #131220;

}

.bg-theme-primary {

  background-color: #d79a30;

}

.col-service { position: relative; overflow: hidden; margin: 15px 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;padding-right: 15px;padding-left: 15px }

.service-item { position: relative; transition: all 300ms ease-in-out; background-color: #fff;}

.service-item:hover {

  box-shadow: 10px 10px 15px 5px rgba(52,55,61,0.05);

  background-color: #d79a30;

}

.service-item h3 { 

  color: #393E41;

  font-weight: 700;

  font-size: 18px;

  margin-bottom: 15px;

}

.service-item p, .solution-item p {

  display: -webkit-box;

  overflow: hidden;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

}

.service-item:hover p, .service-item:hover h3 {

  color: #fff;

}

.service-icon > img {

  width: 60px;

  height: 60px;

  object-fit: contain;

}

.service-item:hover .service-icon > img {

  filter: invert(1) brightness(0);

}

.cta-link {

  color: #d79a30;

  display: inline-block;

  padding-right: 25px;

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

  background-repeat: no-repeat;

  background-position: center right;

  transition: all 300ms ease-in-out;

  background-size: 16px;

  font-weight: 400;

  /* filter: grayscale(1) brightness(0.6); */

  text-decoration: underline;

  text-underline-offset: 7px;

  text-transform: uppercase;

  letter-spacing: 1px;

}

.cta-link:hover {

  padding-right: 30px;

  filter: unset;

}

.service-item:hover .cta-link {

  filter: invert(1) brightness(9);

}

.about-thumb-wrapper { position: relative; }

.about-thumb-wrapper::before {

  position: absolute;

  content: "";

  height: 200px;

  width: 200px;

  max-width: 30%;

  max-height: 30%;

  right: 5%;

  top: 5%;

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

  background-repeat: no-repeat;

  background-position: center;

  background-size: 140px;

  opacity: 0.5;

}

.about-thumb-wrapper img:nth-child(2) {

  position: absolute;

  bottom: 0;

  top: 0;

  margin: auto;

  right: 0;

  max-width: 50%;

  border: 7px solid #fff;

}

.desc { color: #393E41;}

.desc ul li, .desc p {

  margin-bottom: 10px;

}

.bg-img {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.call-to-action-block {

  margin-bottom: -50px;

}

.call-to-action-block::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  background-color: #217f4a;

  opacity: 0.9;

}

.portfolio-home-section {

  position: relative;

}

.portfolio-home-section::after {

  position: absolute;

  content: "";

  height: 100%;

  width: 80%;

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

  background-repeat: no-repeat;

  background-position: bottom left;

  background-size: contain;

  left: 0;

  top: 0;

  z-index: -1;

  opacity: 0.09;

}

.col-portfolio { position: relative; overflow: hidden; margin: 15px 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;padding-right: 15px;padding-left: 15px }

.portfolio-detail::before {

  content: ' ';

  position: absolute;

  z-index: -1;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.3);

  -webkit-transition: opacity 0.3s ease-out, background-color 0.3s ease-out;

  -ms-transition: opacity 0.3s ease-out,background-color 0.3s ease-out;

  transition: opacity 0.3s ease-out, background-color 0.3s ease-out;

}

.portfolio-detail {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-justify-content: stretch;

  -ms-flex-pack: stretch;

  justify-content: stretch;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

  width: 100%;

  max-height: 100%;

  height: 100%;

  overflow: hidden;

  padding: 2.3em 2.3em;

}

.port-content-bottom {

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-flex-grow: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  width: 100%;

  will-change: transform;

  -webkit-transition: -webkit-transform 0.3s ease-out;

  -ms-transition: -ms-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

  -webkit-transform: translateY(30px);

  -ms-transform: translateY(30px);

  transform: translateY(30px);

}

.portfolio-item:hover .portfolio-detail::before {

  background: rgb(215, 154, 48, 1);

  opacity: 0.9;

}

.port-content-top {

  margin-bottom: 20px;

  -webkit-transform: translateY(-15px);

  -ms-transform: translateY(-15px);

  transform: translateY(-15px);

  opacity: 0;

  will-change: transform, opacity;

  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;

  -ms-transition: -ms-transform 0.3s ease-out,opacity 0.3s ease-out;

  transition: transform 0.3s ease-out, opacity 0.3s ease-out;

}

.portfolio-item:hover .port-content-bottom {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}

.portfolio-item:hover .port-content-top {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

  font-size: 18px;

  font-weight: 700;

}

.port-title {

  font-size: 24px;

  color: #fff;

}

.port-subtitle {

  opacity: 0;

  will-change: opacity;

  -webkit-transition: opacity 0.3s ease-out;

  -ms-transition: opacity 0.3s ease-out;

  transition: opacity 0.3s ease-out;

  color: #fff;

  font-weight: 400;

  font-size: 18px;

}

.portfolio-item:hover .port-subtitle { opacity: 1;}

.portfolio-thumb > img {

  transition: all 300ms ease-in-out;

  aspect-ratio: 1 / 1.455;

  object-fit: cover;

}

/* Footer CSS Starts */

.f-title {

  position: relative;

  color: #fff;

}

.f-title button {

  display: none;

}

.f-listing { list-style-type: none;}

.main-footer p { color: #b2b2b2;}

.f-listing > li > a{

  color: #b2b2b2;

}

.f-listing > li > a:hover {

  color: #fff;

}

.developedby-wrap a > img {

  width: 18px;

  filter: grayscale(1) brightness(9);

  transition: all 300ms ease-in-out;

  margin-left: auto; display: block;

}

.footer-logo > img {width: 250px; }

footer {/* background: radial-gradient(circle, #fec435 -10%, #fec435 60%);  */padding: 50px 0 20px;}

.f-title {font-family: "Montserrat", sans-serif;color: #d79a30; font-weight: 700;letter-spacing: 0px;font-size: 16px;margin-bottom: 20px;position: relative;}

.f-title button { display: none; }

.footer-links, .contact-info { list-style-type: none; padding-left: 0;}

.footer-collapse {border-top: 1px solid #ffffff70;padding-top: 25px;margin-top: 25px;}

.footer-links > li, .contact-info > li { margin-bottom: 15px; font-size: 14px; color: #fff;  font-family: "Montserrat", sans-serif; transition: all 300ms ease-in-out; width: max-content; }

.footer-links > li > a, .footer-links > li > span, .contact-info > li > span, .contact-info > li > a {color: #fff;font-family: "Montserrat", sans-serif;display: inline-block;font-size: 14px;font-weight: 300;}

.footer-links > li > a:hover, .contact-info > li > a:hover {color: #d79a30;}

.contact-info > li > span, .contact-info > li > a {color: #393E41; font-weight: 500;}

.contact-info > li img {width: 22px;}

.social-links > li { display: inline-block; margin-right: 5px; }

.social-links > li:last-child { margin-right: 0;}

.footer-links > li > h6 { font-size: 14px; margin-bottom: 8px; font-family: "Montserrat", sans-serif; margin-top: 15px; letter-spacing: 0px;}

.social-links > li > a { border-radius: 50%; height: 40px; width: 40px; display: grid; align-items: center; text-align: center; background: #ffffff4d; }

.social-links > li > a:hover { background-color: #fff;}

.social-links > li > a > img { display: block; margin: 0 auto; filter: grayscale(1) brightness(9); width: 18px; }

.social-links > li > a:hover > img { filter: none;}

.footer-bottom { border-top: 1px solid hsl(0deg 0% 100% / 20%); padding: 0 60px 0;}

.footer-bottom  p { font-family: "Montserrat", sans-serif; font-size: 14px; color: #fff; margin: 0;line-height: 1.7; }

.footer-bottom a { font-family: "Montserrat", sans-serif; font-size: 11px; color: #fff; }

.footer-main {

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

  background-repeat: no-repeat;

  background-position: 90% 15%;

  background-size: contain; */

  padding: 100px 60px 50px;

  /* margin-bottom: 50px; */

  position: relative;

}

/* .footer-main { margin-bottom: 100px; } */

.footer-main .desc p { color: #393E41; font-size: 16px; line-height: 1.8;}

.mega-dropdown ul { padding-left: 0;}

.f-title .accordion-button::after {

  display: block;

  /* filter: invert(1); */

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

  background-size: 16px;

  background-position: center;

  width: 20px;

  height: 100%;

}

.f-title .accordion-button:not(.collapsed)::after {

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

  /* filter: invert(1); */

}

.developedby-wrap > img {

  filter: grayscale(1) brightness(9);

  width: 18px;

  transition: all 300ms ease-in-out;

}

.developedby-wrap:hover > img {

  filter: unset;

}

/* Footer CSS Ends */



.testimonial-item .profile-img {

  border-radius: 50%;

  height: 70px;

  width: 70px;

  object-fit: cover;

}

.testimonial-item {

  border-radius: 10px;

  padding: 60px 30px 30px;

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

  background-repeat: no-repeat;

  background-position: 50% 8%;

  background-size: 30px;

}

.testimonial-slider .owl-dots {margin-top: 20px; text-align: center;}

.testimonial-slider .owl-dots .owl-dot {

  margin: 0 3px;

}

.testimonial-slider .owl-dots .owl-dot > span {

  display: inline-block;

  height: 10px;

  width: 10px;

  background-color: #393E41;

  border-radius: 50%;

}

.testimonial-slider .owl-dots .owl-dot.active > span {

  background-color: #d79a30;

}

.t-name {

  font-weight: 700;

  font-size: 18px;

  color: #393E41;

}

.t-designation {

  font-size: 14px;

  color: #393E41;

}

.col-blog { position: relative; overflow: hidden; margin: 15px 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%; max-width: 33.333333%;padding-right: 15px;padding-left: 15px }

.blog-item  {

  box-shadow: 0 3px 20px rgb(0 0 0 / 10%);

  position: relative;

  overflow: hidden;

  /* border-top: 3px solid #fff; */

  transition: all 300ms ease-in-out;

}

.blog-title {

  font-weight: 700;

  color: #393E41;

}

.blog-thumb {

  position: relative;

  overflow: hidden;

}

.blog-thumb > img {

  aspect-ratio: 1 / 0.73;

  object-fit: cover;

  transition: all 300ms ease-in-out;

}

.blog-item:hover .blog-thumb > img {

  /* transform: scale(1.07); */

}

.blog-item:hover .cta-link {

  padding-right: 35px;

  color: #d79a30;

}

.blog-item:hover {

  /* border-color: #d79a30; */

}

.blog-date { color: #131220; }

.map > iframe {

  border:0;

  height: 250px;

  width: 100%;

}

.inner-banner-wrap {

  background-image: url(../images/smiley-embraced-couple-conversing-with-female-realtor.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  padding: 250px 0 100px;

  min-height: 400px;

  position: relative;

  z-index: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}

.inner-banner-wrap::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  background-color: #000;

  opacity: 0.5;

  z-index: -1;

}

.contact-info > li > a:hover {

  color: #d79a30;

  text-decoration: underline;

}

.custom-form .form-control, .custom-form .form-select {

  border-radius: 5px;

  background-color: #fff;

  border-color: #ddd;

  font-size: 14px;

  padding: 10px 15px;

}

.form-label {font-size: 14px;}

.mandatory {

  color: red;

}

.custom-form .form-control:focus {

  box-shadow: none;

  border-color: rgba(215, 154, 48, 0.5);

}

.custom-form textarea.form-control {

  height: 100px;

}

.custom-form .form-floating>textarea:focus~label::after, 

.custom-form .form-floating>textarea:not(:placeholder-shown)~label::after {

  background-color: transparent;

}

.contact-wrapper::after {

  position: absolute;

  content: "";

  height: 100%;

  width: 50%;

  top: 0;

  left: 0;

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

  background-size: contain;

  background-repeat: no-repeat;

  z-index: -1;

  background-position: 0%;

}

.custom-caption h1 {

  font-size: 50px;

  color: #fff;

  font-weight: 600;

  margin-bottom: 15px;

  text-transform: uppercase;

}

.custom-caption h5 {

  color: #fff;

  text-transform: uppercase;

  font-weight: 300;

  line-height: 1.5;

  letter-spacing: 2px;

  padding: 5px;

}

.breadcrumb-item+.breadcrumb-item::before {

  color: #fff;

}

/* New Project CSS Starts */



.loan-name-item > h2 {

  font-weight: 700;

  font-size: 70px;

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

  /* color: white; */

  color: #fff;

  text-transform: uppercase;

  /* -webkit-text-stroke: 0.7px #ffffff; */

  /* -webkit-text-fill-color: transparent; */

  line-height: 1;

  position: relative;

  padding-left: 40px;

  text-shadow: 1px 1px 0 var(--easilon-white, #000000), -1px -1px 0 var(--easilon-white, #000000), 1px -1px 0 var(--easilon-white, #000000), -1px 1px 0 var(--easilon-white, #000000), 1px 1px 0 var(--easilon-white, #000000);

}



.loan-name-item > h2::before {

  position: absolute;content: "";

  height: 15px;

  width: 15px;

  border-radius: 50%;

  left: -7px;top: 0; bottom: 0;

  margin: auto;

  background-color: #d79a30;

}

.loan-list-slide .owl-item:nth-child(even) .loan-name-item > h2 {

  color: #000;

  text-shadow: none;

}

.custom-accordion .accordion-item {

  border: 0;

  border-bottom: 1px solid #ddd;

  padding-bottom: 10px;

  margin-bottom: 10px;

}

.custom-accordion .accordion-item:last-child {

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}

.custom-accordion .accordion-item .accordion-button:not(.collapsed),.custom-accordion .accordion-item .accordion-button:not(.collapsed):hover {

  background-color: transparent;

  color: #d79a30;

}

.custom-accordion .accordion-item .accordion-button {

  box-shadow: none !important;

  font-size: 24px;

  font-weight: 600;

  background: transparent;

  color: #000;

}

.custom-accordion .accordion-item .accordion-button:hover {

  color: #000;

}

.custom-accordion .accordion-item .accordion-button:hover::after {

  opacity: 0.8;

}

.custom-accordion .accordion-button::after {

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

  height: 32px;

  width: 32px;

  background-size: 22px;

  background-position: center;

  border: 1px solid #000;

  border-radius: 50%;

  opacity: 1;

  margin-left: 10px;

}

.custom-accordion .accordion-button:not(.collapsed)::after {

  background-image: url(../images/angle-next-white.png);

  transform: none;

  opacity: 1;

  background-color: #d79a30;

  border-color: #d79a30;

}

.accordion-item, .accordion-item  {

  background-color: transparent;

}

.listing-desc {

  list-style-type: none;

  padding-left: 0;

  margin-bottom: 10px;

}

.listing-desc > li {

  font-weight: 600;

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}

.listing-icon {

  border-radius: 50%;

  padding: 10px;

  background-color: rgb(215 154 48 / 20%);

  display: inline-block;

  margin-right: 10px;

  height: 65px;

  width: 65px;

  align-content: center;

  text-align: center;

}

.listing-icon > img {

  /* filter: invert(1) brightness(9); */

  max-width: 100%;

  display: inline-block;

  margin: 0 auto;

}



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

  .listing-desc {

    display: grid;

    grid-template-columns: auto auto;

    grid-gap: 10px;

  }

}

.calc-item {

  position: relative;

  overflow: hidden;

}

.calc-thumb {

  position: relative;

  overflow: hidden;

}

.calc-thumb::before {

  position: absolute;

  content: url(../images/plus.png);

  align-content: center;

  justify-content: center;

  text-align: center;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  background-color: rgba(215, 154, 48, 0.8);

  opacity: 0;

  backdrop-filter: blur(2px);

  transition: all 300ms ease-in-out;

  z-index: 1;

}

.calc-thumb > img {

  transition: all 300ms ease-in-out;

  aspect-ratio: 1/1.1;

  width: 100%;

  object-fit: cover;

  transition-duration: 2000ms;

}

.calc-item:hover .calc-thumb > img {

  transform: scale(1.2);

}

.calc-item h3 {

  color: #131220;

  font-weight: 600;

  font-size: 20px;

}

.calc-item:hover .calc-name-wrap {

  background-color: #d79a30;

}

.calc-item:hover .calc-name-wrap h3 {

  color: #fff;

}

.calc-item:hover .calc-thumb::before {

  opacity: 1;

}

.home-service-section {position: relative;overflow: hidden;}

.home-service-section::before {

  position: absolute;content: "";

  height: 80%;

  width: 18%;

  left: 0;

  bottom: 0;

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

  background-repeat: no-repeat;

  background-size: contain;

  background-position: bottom left;

  filter: grayscale(1) brightness(0);

  opacity: 0.08;

  z-index: -1;

}

.home-service-section::after {

  position: absolute;

  content: "";

  height: 50%;

  width: 18%;

  right: 0;

  top: 0;

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

  background-repeat: no-repeat;

  background-size: contain;

  background-position: top right;

  filter: grayscale(1) brightness(0);

  opacity: 0.08;

  z-index: -1;

  /* transform: rotate(33deg); */

  margin: auto;

}

.solution-item {

  padding: 20px;

  border-radius: 10px;

  /* border: 1px solid #d79a30; */

  background-color: #fff;

  box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.04);

  align-content: center;

}

.solution-item .icon > img { 

  filter: grayscale(1) brightness(9);

  width: 50px;

  display: inline-block;

}

.solution-item .icon {

  display: inline-block;

  padding: 10px;

  background-color: #d79a30;

  border-radius: 5px;

  height: 75px;

  width: 75px;

  border-radius: 50%;

}

.solution-item .solution-name {

  font-size: 20px;

  font-weight: 600;

}

.solution-item .desc p {



}

/* New Project CSS Ends */

.wc-item .icon { position: relative; padding-top: 10px; padding-left: 10px; }

.wc-item .icon > img { width: 60px; }

.wc-item .icon::before {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  height: 50px;

  width: 50px;

  background-color: #217F4A;

  opacity: 0.2;

  z-index: -1;

  border-radius: 50%;

}

.wc-item h5 {

  font-weight: 600;

  font-size: 18px;

}

.note {

  margin-top: 20px;

  padding: 20px;

  border-radius: 20px;

  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.08);

  background-color: #fff;

}

.note h4 {

  font-size: 20px;

  font-weight: 600;

  color: #d79a30;

}

.note p {

  font-style: italic;

}

.faqs-accordion .accordion-button[aria-expanded="true"]::after {

  transform: rotate(90deg);

}

.loan-item-wrap {

  margin-bottom: 60px;

}

.loan-item-wrap:last-child { margin-bottom: 0; }

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

  .loan-item-wrap:nth-child(even) .row {

    flex-flow: row-reverse;

  }

}

.bg-80 {

  position: relative;

}

.bg-80::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 75%;

  background-color: #d79a30;

  left: 0;

  top: 0;

  z-index: -1;

}

.bg-end::before {

  left: unset;

  right: 0;

}

.bg-80 .section-heading > span { border-left-color: #fff;}

.desc.text-white ul {

  padding-left: 0;

}

.desc.text-white ul li {

  list-style-type: none;

  padding-left: 25px;

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

  background-repeat: no-repeat;

  background-position: 0 3px;

  background-size: 16px;

}

.loan-name-item > h2 {

  font-size: 60px;

}

 

.VisiCalcClass {

  background:url(../images/loader.gif) 50% 15% no-repeat;

  background-size: 80px 80px;

  min-width: 750px;

  min-height:800px;

  margin:0;

  padding:0;

}

 

#Loan_Repayment_Calculator { min-height:750px !important; }

#Borrowing_Power_Calculator { min-height:750px !important; }

#Budget_Planner { min-height:2850px !important; }

#Compound_Interest_Calculator { min-height:850px !important; }

#Credit_Card_Calculator { min-height:900px !important; }

#How_Long_to_Repay_Calculator { min-height:750px !important; }  

#Interest_Only_Mortgage_Calculator { min-height:750px !important; }

#Saving_Calculator { min-height:600px !important; }

#Split_Loan_Calculator { min-height:800px !important; }

#Property_Selling_Cost_Calculator { min-height:700px !important; }

#Reverse_Mortgage_Calculator { min-height:1100px !important; }

#Stamp_Duty_Calculator { min-height:800px !important; }     
.bank-logo > img {
  aspect-ratio: 1/0.8;
  object-fit: contain;
}


/* Team Section */
.team-section {
    padding: 70px 60px;
    background-color: #f7f1e8;
}

.team-header {
    margin-bottom: 40px;
}

.team-title {
    font-size: 3.5rem;
    font-weight: 300;
    color: #1a1a1a;
    font-family: Georgia, serif;
    font-style: italic;
    margin-bottom: 40px;
}

.team-category {
    font-size: 1.3rem;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.team-slider-container {
    position: relative;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 0px;
}

.team-grid .team-card:nth-child(n+5) {
    display: none;
}

.team-card {
    /* cursor: pointer; */
    transition: transform 0.3s ease;
    background: white;
    position: relative;
    overflow: hidden;
}

.team-card:hover {
    transform: translateY(-5px);
}

.team-image {
    width: 100%;
    aspect-ratio: 3/4.2;
    background-size: cover;
    background-position: center;
    /* filter: grayscale(100%); */
    transition: filter 0.3s ease;
    position: relative;
}

.team-card:hover .team-image {
    /* filter: grayscale(0%); */
}

/* Hover Overlay with + Sign */
.team-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgb(127, 81, 18, 0.85); */
    /* background: rgb(0 0 0 / 16%); */
    display: flex;
    align-items: flex-start;
    justify-content: right;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

.team-card:hover .team-overlay {
    opacity: 1;
}

.team-plus-icon {
    font-size: 4rem;
    color: white;
    font-weight: 300;
    line-height: 1;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    margin: 20px;
}

.team-info {
    padding: 20px 15px;
    background: white;
}

.team-name {
    font-size: 1.1rem;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 5px;
}

.team-position {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.4;
}

/* Team Carousel for Mobile/Tablet */
.team-carousel {
    display: none;
}

.team-carousel .carousel-inner {
    padding: 0 10px;
}

.team-carousel .team-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.team-carousel .team-grid .team-card {
    display: block !important;
}

.team-carousel .carousel-control-prev,
.team-carousel .carousel-control-next {
    width: 50px;
    height: 50px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 50%;
    top: 40%;
}

.team-carousel .carousel-indicators {
    bottom: -50px;
}

.team-carousel .carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #999;
}

.team-carousel .carousel-indicators .active {
    background-color: #7f5112;
}
.team-intro {
  font-size: 14px;
}
.sp-section  {
  min-height: calc(100vh - 100px);
  background-color: #f7f7f7;
}
.navbar-nav .dropdown-menu.mega-menu {
    position: fixed;
    left: 0;
    top: 85px;
    /* opacity: 1; */
    /* transform: translateY(0); */
    /* pointer-events: auto; */
}
.expert-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;z-index: 0;
  min-height: 280px;
}
.expert-bg::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transition: all 300ms ease-in-out;
  z-index: -1;
}
.expert-bg > a {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  align-content: center;
  text-align: center;
}

.expert-bg:hover::before {
  background-color: rgba(0, 0, 0, 0.5);
}