@charset "UTF-8";
/*---- 

====================
1. Base CSS
    # base  CSS
====================

----*/
/* Base CSS */
:root {
  --blue-color: #a6c741;
  --primary-color: #FF4136;
  --heading-color: #1C1C25;
  --primary-black-color: #1C1C25;
  --gray-color: #F7F5EF;
  --white-color: #ffffff;
  --text-color: #797E88;
  --border-color: #D8DDE1;
  --heading-font: "Plus Jakarta Sans", sans-serif;
  --body-font: "Plus Jakarta Sans", sans-serif;
}

html {
  font-size: 100%;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none;
}
.align-item-center {align-items:center }
i,
span,
a {
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin: 0px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}

h1 {
  font-size: 65px;
  line-height: 1.15em;
}

h2 {
  font-size: 46px;
  line-height: 1.25em;
}

h3 {
  font-size: 30px;
  line-height: 1.33em;
}

h4 {
  font-size: 24px;
  line-height: 1.3em;
}

h5 {
  font-size: 18px;
  line-height: 1.1;
}

h6 {
  font-size: 16px;
  line-height: 28px;
}

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

p {
  margin: 0px;
}

input, textarea {
  display: inherit;
}

button {
  border: none;
}

label {
  margin-bottom: 0;
}

iframe {
  width: 100%;
  border: none;
  display: inherit;
}

img {
  max-width: 100%;
}

body {
  font-weight: normal;
  font-style: normal;
  font-weight: 400;
  color: #797e88;
  font-family: var(--body-font);
  font-size: 16px;
  line-height: 26px;
  overflow-x: hidden;
}

main {
  display: inline-block;
  width: 100%;
}

/*===== Scrollbar =====*/
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #abafb9;
}

::-webkit-scrollbar-thumb {
  background-color: #13172b;
}

.home-one main {
  margin-top: 157px;
}
@media (max-width: 767.98px) {
  .home-one main {
    margin-top: 130px;
  }
}

/*---- 

====================
01. Base CSS
    # Common CSS
====================

----*/
@media (min-width: 1451px) {
  .container {
    max-width: 1314px;
  }
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .container {
    max-width: 1200px;
  }
}
#smooth-wrapper {
  z-index: 1;
}

.p-r {
  position: relative;
}

.bg_cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
}

.font-200 {
  font-weight: 200;
}

.form-group {
  position: relative;
}

label {
  margin-bottom: 0;
}

.form_control {
  width: 100%;
}

.text-white p,
.text-white h6,
.text-white h5,
.text-white h4,
.text-white h3,
.text-white h2, .text-white h1 {
  color: var(--white-color);
}

.gray-bg {
  background-color: var(--gray-color);
}

/* Section Title */
.sub-title {
  font-size: 16px;
  line-height: 1;
  font-family: var(--body-font);
  color: var(--primary-color);
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 14px;
  gap: 10px;
}
@media (max-width: 767.98px) {
  .sub-title {
    font-size: 16px;
  }
}

.section-title .sub-title {
  color: var(--blue-color);
  margin-bottom: 12px;
}
.section-title h2 {
  font-size: 46px;
  margin-bottom: 20px;
  font-weight: 700;
}
@media (max-width: 1650px) {
  .section-title h2 {
    font-size: 35px;
  }
}
@media screen and (max-width: 1199.98px) {
  .section-title h2 {
    font-size: 40px;
    line-height: 55px;
  }
}
@media (max-width: 575.98px) {
  .section-title h2 {
    font-size: 26px;
    line-height: 1.4em;
  }
}

.text-white .sub-title {
  color: var(--primary-color);
}
.text-white .sub-title:after {
  background-color: var(--primary-color);
}



/* Floating Animation */
.animate-float-bob-x {
  -webkit-animation-name: float-bob-x;
          animation-name: float-bob-x;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.animate-float-bob-y {
  -webkit-animation-name: float-bob-y;
          animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

/* Rotate360 */
.rotate360 {
  -webkit-animation: spin 7s linear infinite;
  animation: spin 7s linear infinite;
}

/* ZoomInOut */
.zoomInOut {
  -webkit-animation: zoomInOut 6s linear infinite;
          animation: zoomInOut 6s linear infinite;
}

/* Ratings */
.ratings i {
  color: #FF6633;
}


/* Offcanvas Overlay */
.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 1000;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

.propert-offcanvas-panel {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  height: 100%;
  padding: 20px;
  margin-right: -350px;
  opacity: 0;
  visibility: hidden;
  background-color: #2d3748;
  z-index: 999999;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: auto;
}
.propert-offcanvas-panel.panel-on {
  visibility: visible;
  opacity: 1;
  margin-right: 0;
}
.propert-offcanvas-panel .panel-header {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 40px;
}
.propert-offcanvas-panel .panel-header .brand-logo {
  width: 133px;
}
.propert-offcanvas-panel .panel-header .panel-close-btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  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;
  color: #000000;
  background-color: #ffffff;
  cursor: pointer;
}

.propert-offcanvas-panel .offcanvas-body {}
.propert-offcanvas-panel .offcanvas-body .main-menu{}
.propert-offcanvas-panel .offcanvas-body .main-menu ul{}
.propert-offcanvas-panel .offcanvas-body .main-menu ul li{
    border-bottom: 1px solid #ffffff29;
    padding-bottom: 6px;
    margin-bottom: 6px;
    font-size: 14px;
}
.propert-offcanvas-panel .offcanvas-body .main-menu ul li:last-child{border-bottom:0;padding: 0;margin: 0;}
.propert-offcanvas-panel .offcanvas-body .main-menu ul li.has-children {
    position: relative;
}

.propert-offcanvas-panel .offcanvas-body .main-menu ul li.has-children:hover .sub-menu {display:block}
.propert-offcanvas-panel .offcanvas-body .main-menu ul li.has-children:hover:before {content:'-'}
.propert-offcanvas-panel .offcanvas-body .main-menu ul li.has-children:before{content:'+';color: #fff;position: absolute;right: 0;font-size: 17px;}
.propert-offcanvas-panel .offcanvas-body .main-menu ul.sub-menu {
    padding-left: 25px;
    list-style: disc;
    color: #fff;
    margin-top: 10px;
    display: none;
}
.propert-offcanvas-panel .offcanvas-body .main-menu ul.sub-menu li{
    font-size: 14px;
}
.propert-offcanvas-panel .offcanvas-body .main-menu ul li a{color:#fff;font-weight: 600;}
.propert-offcanvas-panel .offcanvas-body .main-menu ul li a:hover {color:var(--bs-yellow)}
.theme-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
  font-family: var(--body-font);
  padding: 18px 30px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.theme-btn i {
  margin-left: 10px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.theme-btn.style-one {
  background-color: #0166e5;
  color: var(--white-color);
}
.theme-btn.style-one:hover {
  background-color: var(--heading-color);
  color: var(--white-color);
}
@media screen and (max-width: 1199.98px) {
  .theme-btn.style-one {
    padding: 15px 30px;
  }
}
.theme-btn:hover i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.read-more.style-one {
  position: relative;
  font-weight: 500;
  font-family: var(--body-font);
  color: var(--heading-color);
}
.read-more.style-one:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--heading-color);
}
.read-more.style-one i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 7px;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.read-more.style-one:hover {
  color: var(--primary-color);
}
.read-more.style-one:hover i {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.read-more.style-one:hover:after {
  left: auto;
  right: 0;
  background-color: var(--primary-color);
}
.read-more.style-two {
  font-size: 14px;
  color: var(--heading-color);
  font-weight: 700;
}
.read-more.style-two .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 15px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F8F8F8;
  color: var(--heading-color);
}
.read-more.style-two:hover .icon {
  background-color: var(--primary-color);
  color: var(--white-color);
}

/* Transparent Header */
.transparent-header {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  width: 100%;
}

/*  Header Area */
.header-area {
  position: fixed;
  width: 100%;
  z-index: 9999;
  background: #fff;
}


.header-navigation {}
.header-navigation .theme-nav-menu {}
.header-navigation .theme-nav-menu .sf_hed{
    display: flex;
    align-items: center;
    gap: 25px;
}
.header-navigation .theme-nav-menu .sf_btn_c{
    display: flex;
    gap: 25px;
}
.header-navigation .theme-nav-menu .sf_btn_c a.theme-btn.sell {
    background: #0000;
    color: #07193f;
}
.header-navigation .theme-nav-menu .sf_btn_c a.theme-btn:hover {
    background: #94b953;
    color: #2f2f2f;
}
.header-navigation .theme-nav-menu .sf_btn_c a.theme-btn{
    background: #0a193a;
    border-radius: 3px;
    padding: 10px 15px;
    color: #ffffff;
    font-weight: 600;
    border: 1px solid #0a193a;
    margin: 0;
}
.header-navigation .primary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.header-navigation .site-branding {
  max-width: 189px;
}
.nav-right-item.dsk_none {display:none}
.header-navigation .main-menu ul > li {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 1199.98px) {
  .header-navigation .main-menu ul > li {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.header-navigation .main-menu ul > li > a {
  position: relative;
  display: block;
  font: 600 14px var(--body-font);
  /* text-transform: uppercase; */
  line-height: 1;
  color: #0a193a;
  padding: 31px 0;
  font-size: 16px;
}
@media screen and (max-width: 1199.98px) {
  .header-navigation .main-menu ul > li > a {
    font-size: 16px;
  }
}
.header-navigation .main-menu ul > li > a span.dd-trigger {
  margin-left: 5px;
}
.header-navigation .main-menu ul > li .sub-menu {
  position: absolute;
  left: 0;
  top: 120%;
  width: 250px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 99;
  padding: 10px 0;
  background-color: var(--white-color);
  height: auto;
  text-align: left;
  -webkit-box-shadow: 0px 30px 80px 15px rgba(0, 0, 0, 0.09);
          box-shadow: 0px 30px 80px 15px rgba(0, 0, 0, 0.09);
  border-radius: 7px;
}
.header-navigation .main-menu ul > li .sub-menu li {
  display: block;
  margin: 0;
}
.header-navigation .main-menu ul > li .sub-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  position: relative;
  line-height: 2.5;
  margin: 0;
  color: var(--heading-color);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header-navigation .main-menu ul > li .sub-menu li a span.dd-trigger {
  margin-left: auto;
}
.header-navigation .main-menu ul > li .sub-menu li a::after {
  display: none;
}
.header-navigation .main-menu ul > li .sub-menu li a:hover {
  color: var(--primary-color);
}
.header-navigation .main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 50%;
}
.header-navigation .main-menu ul > li .sub-menu li:hover .sub-menu {
  top: 0%;
}
.header-navigation .main-menu ul > li .sub-menu li:hover > a {
  margin-left: 5px;
  color: var(--primary-color);
}
.header-navigation .main-menu ul > li:hover > a {
  color: var(--bs-yellow);
}
.header-navigation .main-menu ul > li:hover > a:after {
  left: 0;
  right: auto;
  width: 100%;
}
.header-navigation .main-menu ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-navigation .navbar-toggler {
  padding: 11px 7px;
  border: 1px solid var(--heading-color);
  background-color: transparent;
  cursor: pointer;
  display: none;
  border-radius: 5px;
  margin-left: 20px;
}
.header-navigation .navbar-toggler span {
  position: relative;
  border-radius: 3px;
  display: block;
  height: 2px;
  padding: 0;
  width: 30px;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background-color: var(--heading-color);
}
.header-navigation .navbar-toggler span:not(:first-child) {
  margin-top: 5px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(1) {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
  top: 7px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(2) {
  opacity: 0;
}
.header-navigation .navbar-toggler.active span:nth-of-type(3) {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
  top: -7px;
}
@media screen and (max-width: 1199.98px) {
  .header-navigation .theme-nav-menu {
    text-align: left;
    position: fixed;
    top: 0;
    left: -290px;
    width: 290px;
    height: 100%;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
    padding: 20px 20px 30px;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 9999;
    background-color: var(--white-color);
  }
  .header-navigation .theme-nav-menu.menu-on {
    left: 0;
  }
  .header-navigation .theme-nav-menu .main-menu {
    margin-top: 30px;
  }
  .header-navigation .theme-nav-menu .main-menu ul li {
    display: block;
    margin: 0;
  }
  .header-navigation .theme-nav-menu .main-menu ul li:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
  }
  .header-navigation .theme-nav-menu .main-menu ul li a {
    display: block;
    padding: 12px 0;
    font-size: 18px;
  }
  .header-navigation .theme-nav-menu .main-menu ul li a:after {
    display: none;
  }
  .header-navigation .theme-nav-menu .main-menu ul li .sub-menu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    -webkit-transition: none;
    transition: none;
  }
  .header-navigation .theme-nav-menu .main-menu ul li .sub-menu > li > a {
    padding: 5px 20px;
  }
  .header-navigation .theme-nav-menu .main-menu ul li .sub-menu > li .sub-menu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    -webkit-transition: none;
    transition: none;
    margin-left: 30px;
  }
  .header-navigation .theme-nav-menu .main-menu ul li .dd-trigger {
    position: absolute;
    right: 0;
    top: 10px;
    height: 25px;
    width: 25px;
    border-radius: 3px;
    z-index: 2;
    cursor: pointer;
    font-size: 16px;
  }
  .header-navigation .navbar-close {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    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;
    border: 1px solid var(--border-color);
    font-size: 16px;
  }
  .header-navigation .navbar-toggler {
    display: block;
  }
  
}

/* Nav Right Item */

.nav-right-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-right-item .offcanvas-toggle:hover {color: var(--bs-yellow);}
.nav-right-item .offcanvas-toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  color: #0a193a;
}
.nav-right-item .offcanvas-toggle svg {
    width: 35px;
    height: 35px;
}
.nav-right-item .theme-btn {
  margin-left: 10px;
  padding: 10px 20px;
}

.site_location {
    display: flex;
    align-items: center;
    gap: 20px;
}
.site_location .sites { display: flex;
    align-items: center;
    gap: 20px;}
.site_location .location_drp{
    border: 1px solid #0a193a;
    border-radius: 5px;
    padding: 6px;
}
.site_location .location_drp .locate{
    display: flex;
    color: #0a193a;
    gap: 10px;
}
.site_location .location_drp .locate p{
    font-size: 14px;
    color: #0a193a;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.site_location .location_drp .locate span{}
.site_location .location_drp .locate span i{}



/* Sticky Header */
.sticky {
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  margin: 0 auto;
}


/*----------all_title----------------*/
.all_title{    margin-bottom: 15px;}
.all_title .title{    font-size: 35px;
    font-weight: 500;
}
.all_title .title span{    font-weight: 900;}
/*----------all_title----------------*/

/*-----------main_banner------------*/
.main_banner{height:100vh;overflow: hidden;}
.main_banner .hero-image{
    width: 100%;
    height: 100%;
}
.main_banner .hero-image img {
    /* height: 100%; */
    object-fit: cover;
    width: 100%;
}
.main_banner .cd_banner {
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 215px;
}
.main_banner .cd_banner .hero-content{
    text-align: center;
}
.main_banner .cd_banner .hero-content h1{
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 2px;
}
.main_banner .cd_banner .hero-content h1 span{}
.main_banner .cd_banner .hero-content h1 span{
    color: #a6c741;
}
.main_banner .property_tab{
    width: 90%;
    margin: 90px auto 0;
}
.main_banner .property_tab .tab-header{
    display: flex;
    background: #fff;
    width: fit-content;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.main_banner .property_tab .tab-header .tab-btn{
    padding: 8px 20px;
    font-weight: 600;
    border-bottom: 3px solid #0000;
    color: #595959;
    font-size: 15px;
    background: #fff;
}
.main_banner .property_tab .tab-header .tab-btn.active{
    color: var(--blue-color);
    border-bottom: 3px solid;
}
.main_banner .tab_content.active{
    display: block;
}
.main_banner .tab_content {
    background: #fff;
    border-radius: 0 10px 10px 10px;
    display: none;
}
.main_banner .tab_content .filters{
    display: flex;
    padding: 20px;
    gap: 45px;
}
.main_banner .tab_content .filters .filter-group{
    display: flex;
    align-items: center;
    flex: 1;
    gap: 15px;
}
.main_banner .tab_content .filters .filter-group.w-50{
    width: 50%;
    flex: auto;
  position:relative;
}
.main_banner .tab_content .filters .filter-group.w-50:after {content:'';width: 2px;height: 100%;background: #f5f5f5;position: absolute;right: -23px;}
.main_banner .tab_content .filters .filter-group span {height: 45px;display: flex;align-items: center;color: var(--blue-color);}
.main_banner .tab_content .filters .filter-group span svg{}
.main_banner .tab_content .filters .filter-group input{
    width: 100%;
    border: none;
    padding: 0;
    height: 46px;
}
.main_banner .tab_content .filters .filter-group .btn_near {
    color: var(--blue-color);
    background: #0000;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    outline: none;
    border: none;
    box-shadow: none;
}
.main_banner .tab_content .filters .filter-group .btn_near svg {
    width: 18px;
    height: 18px;
}
.main_banner .tab_content .filters .filter-group .search-button {
    margin-left: 40px;
}
.main_banner .tab_content .filters .filter-group .search-button .search-btn {
    background: var(--blue-color);
    border-radius: 5px;
    padding: 10px 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.main_banner .tab_content .filters .filter-group .search-button .search-btn:hover{background:var(--bs-yellow);color: #383838;}
.main_banner .tab_content .filters .filter-group .js-example-basic-single {
    background: #edf2f7;
    border: none;
    outline: none;
    padding: 0 8px;
    height: 46px;
    border-radius: 6px;
    font-size: 14px;
}
.main_banner .form_app{position:absolute;bottom: 30px;width: 100%;}
/*.main_banner .tab_content .filters .filter-group .select2  {
    border-radius: 5px;
    background: #e2e2e2;
    height: 45px;
    padding: 0px 9px;
}
.main_banner .tab_content .filters .filter-group .select2 .select2-selection {
    background: #00000000;
    border: none;
    border-radius: 0;
    height: 45px;
}
.main_banner .tab_content .filters .filter-group .select2 .select2-selection .select2-selection__rendered {
    line-height: 44px;
    padding: 0;
}
.main_banner .tab_content .filters .filter-group .select2-container:nth-child(2){}*/
/*-----------main_banner------------*/

/*-----------exclusive_project------------*/
.exclusive_project {padding:80px 0}
.exclusive_project .d_flex{
    display: flex;
    align-items: center;
    gap: 76px;
}
.exclusive_project .d_flex .left-side{
    flex: 1;
}
.exclusive_project .d_flex .right-side{
    width: 65%;
}
.exclusive_project .desc{}
.exclusive_project .desc p{font-size: 15px;margin-bottom: 35px;}
.exclusive_project .desc a{background: var(--blue-color);border-radius: 5px;display: flex;color: #fff;padding: 10px 20px;gap: 10px;align-items: center;width: max-content;font-weight: 600;}
.exclusive_project .desc a:hover{    background: var(--bs-yellow);    color: #383838;}
.exclusive_project .desc a:hover svg {fill:#383838}
.exclusive_project .desc a svg{width: 30px;height: 30px;fill: #fff;}
.exclusive_project .exclusive_slider {overflow:hidden;border-radius: 15px;}
.exclusive_project .exclusive_slider .carousel-inner {}
.exclusive_project .exclusive_slider .carousel-inner .carousel-item {
    height: 475px;
    position: relative;
}
.exclusive_project .exclusive_slider .carousel-inner .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.exclusive_project .exclusive_slider .carousel-inner .carousel-item:before{content:'';width: 100%;height: 100%;position: absolute;/* background: #00000061; */background-image: linear-gradient(6deg, rgb(0 0 0) 9.41%, rgb(255 255 255 / 0%) 60.17%);}
.exclusive_project .exclusive_slider .carousel-inner .carousel-item .desc {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 35px;
}
.exclusive_project .exclusive_slider .carousel-inner .carousel-item .desc h3{
    font-size: 40px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 5px;
}
.exclusive_project .exclusive_slider .carousel-inner .carousel-item .desc p{
    color: #a6c741;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}
.exclusive_project .exclusive_slider .carousel-inner .carousel-item .desc span{
    color: #b1b1b1;
}
.exclusive_project .exclusive_slider .carousel-indicators{
    top: 15px;
    left: auto;
    margin: 0;
    right: 15px;
    bottom: auto;
}
.exclusive_project .exclusive_slider .carousel-indicators button {
    width: 25px;
    border: 0;
    height: 4px;
    opacity: 0.2;
}
.exclusive_project .exclusive_slider .carousel-indicators button.active{opacity:1;background: #ffffff;}
/*-----------exclusive_project------------*/

/*-----------cta section------------*/
.cta1-section-area {
    position: relative;
    z-index: 2;
    padding: 0 0;
    background: var(--blue-color);
    overflow: hidden;
}
.cta1-section-area .left_bg {
    position: absolute;
    width: 54%;
    top: 0;
    height: 100%;
}
.cta1-section-area .left_bg img{
    width: 100%;
    filter: invert(1);
    opacity: 0.1;
}
.cta1-section-area .right_bg {
    position: absolute;
    width: 54%;
    right: 0;
    bottom: 0;
    height: 100%;
}
.cta1-section-area .right_bg img{
    width: 100%;
    filter: invert(1);
    opacity: 0.1;
}
.cta1-section-area:before{content:'';width: 100%;height: 100%;/* background: #000; */position: absolute;background-image: linear-gradient(-176.5deg, #d0f06c30 16.41%, rgb(255 255 255 / 0%) 8.17%);top: 0;z-index: 1;}
.cta1-section-area:after{
    content:'';
    /* background: #000; */
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 178px;
    background: #d0f06c30; /* blue color */
    clip-path: polygon(
    0% 100%,   /* bottom-left */
    99% 100%,/* bottom-right */
    101% 0%,  /* top-right */
    68% 0%,   /* slant start */
    63% 17%,  /* slant cut */
    0 34%     /* top-left */
  );
    bottom: -117px;
    rotate: 0;
    z-index: 1;
    }
.cta1-section-area .cta-bg-area {
    position: relative;
    z-index: 1;
    padding: 25px 0 0 0;
    border-radius: 16px;
}
.cta1-section-area .cta-bg-area .cta-header h2 {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px;
}
.cta1-section-area .cta-bg-area .cta-header h2 span{color:var(--bs-yellow)}
.cta1-section-area .cta_flex {
    display: flex;
    justify-content: space-between;
}
.cta1-section-area .cta_flex .head_cta{
    width: 50%;
    margin-top: 30px;
}
.cta1-section-area .cta_flex .sf_cta{
    width: 30%;
    z-index: 0;
}
.cta1-section-area .cta_flex .sf_cta .sup_img:before{content:'';}
.cta1-section-area .cta_flex .sf_cta .sup_img {
    position: relative;
    z-index: -1;
}
.cta1-section-area .cta_flex .sf_cta .sup_img img{
    /* width: 100%; */
}
.cta_number{
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #fff;
    border-left: 0;
    gap: 18px;
    padding-right: 50px;
    margin: 60px 0;
}
.cta_number .circle{
    width: 120px;
    border: 1px solid #fff;
    height: 120px;
    border-radius: 74px;
    padding: 15px;
    margin: -25px 0;
    background: var(--blue-color);
}
.cta_number .circle_1{
    background: var(--bs-yellow);
    border-radius: 150px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.cta_number .circle svg{
    width: 40px;
    height: 33px;
}
.cta_number .number{color: #fff;display: flex;gap: 10px;}
.cta_number .number a{
    color: var(--bs-yellow);
    font-size: 25px;
    font-weight: 700;
}
.cta1-section-area .counter-section {
    display: flex;
    gap: 60px;
    margin-bottom: 36px;
}
.cta1-section-area .counter-section .counter-box{
    text-align: left;
}
.cta1-section-area .counter-section .counter-box .counter{
    font-size: 23px;
    font-weight: 600;
    line-height: normal;
}
.cta1-section-area .counter-section .counter-box .counter:after {content:'+'}
.cta1-section-area .counter-section .counter-box p{
    color: #fff;
    font-size: 13px;
}
/*-----------cta section------------*/
/*-----------feature_projects------------*/
.feature_projects {
    padding: 50px 0;
    background: #f9f9f9;
}
.feature_projects .feature_box{
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 40px;
    position: relative;
    background: #fff;
}
.feature_projects .feature_box .feature_head{
    margin-bottom: 50px;
}
.feature_projects .feature_box .feature_head p{
    color: #343434;
    font-size: 15px;
    font-weight: 600;
}

.feature_projects_slider .box {
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
}
.feature_projects_slider .box .thumbnail{
    width: 100%;
    height: 160px;
    overflow: hidden;
}
.feature_projects_slider .box .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.feature_projects_slider .box .desc{
    padding: 15px;
}
.feature_projects_slider .box .desc h3{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
}
.feature_projects_slider .box .desc .price_req{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
    color: #333333;
}
.feature_projects_slider .box .desc p {
    font-size: 12px;
    color: #888888;
    font-weight: 500;
    margin-bottom: 15px;
}
.feature_projects_slider .box .desc a.view_dt{
    background: #a6c7413d;
    width: 100%;
    text-align: center;
    display: block;
    padding: 7px  4px;
    font-size: 14px;
    color: #646464;
    font-weight: 500;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
}
.feature_projects_slider .box:hover .desc a.view_dt {
    background: var(--blue-color);
    color: #fff;
}
.feature_projects_slider .owl-nav {
    position: absolute;
    top: -132px;
    right: 0;
    display: flex;
    gap: 15px;
}

.feature_projects_slider .owl-nav button{
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #e5e5e5 !important;
    border-radius: 50px;
    align-items: center;
    color: #e1e0e0 !important;
}
.feature_projects_slider .owl-nav button:hover {
    background: var(--blue-color);
}
.feature_projects_slider .owl-nav button svg {
    fill: #ffffff00;
}
.feature_projects_slider .owl-nav .owl-prev{}
.feature_projects_slider .owl-nav .owl-next{}
/*-----------feature_projects------------*/

/*-----------ictv section------------*/
.ictv {}
.ictv .sf_ictv{background:#1a202c;padding: 0 50px;}
.ictv .sf_ictv .ct_desc {}
.ictv .sf_ictv .ct_desc .ct_head {
    margin-bottom: 20px;
}
.ictv .sf_ictv .ct_desc .ct_head img{
    margin-right: 10px;
}
.ictv .sf_ictv .ct_desc .ct_head span{
    color: #f91e24;
    font-size: 20px;
    font-weight: 800;
}
.ictv .sf_ictv .ct_desc h3 {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 15px;
}
.ictv .sf_ictv .ct_desc p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 20px;
}
.ictv .sf_ictv .play_desc {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #fff;
    font-size: 16px;
}
.ictv .sf_ictv .play_desc .play-btn .play-circle{background: #fff;color: var(--blue-color);}
.ictv .sf_ictv .play_desc .play-btn {
  position: relative;
  width: 60px;
  height: 60px;
  border: 6px solid #8a8d93;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: #fff;
}
.ictv .sf_ictv .play_desc .play-btn .popup-youtube::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgb(1 102 229 / 91%);
  animation: pulse 1.5s infinite;
  z-index: 0;
  left: 0;
  top: 0;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  70% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
.ic_video_flex {
    display: flex;
    gap: 70px;
    height: 100%;
    position: relative;
}
.ic_video_flex .box{
    width: 50%;
    border-right: 2px solid #ffffff33;
}
.ic_video_flex .box .box_inner{
    border: 2px solid #cdd1ff33;
    border-right: 0;
    border-radius: 0 0 0 10px;
    border-top: 0;
}
.ic_video_flex .box .box_header {
    padding: 2px 8px;
    border-bottom: 2px solid #cdd1ff33;
}
.ic_video_flex .box .box_header svg {
    width: 35px;
    height: 35px;
}
.ic_video_flex .box .box_thumb {
    padding: 7px;
    position: relative;
}
.ic_video_flex .box .box_thumb img {}
.ic_video_flex .box .box_thumb .ct_head {
    position: absolute;
    top: 12px;
    left: 12px;
    width: max-content;
    display: flex;
    align-items: center;
    gap: 4px;
}
.ic_video_flex .box .box_thumb .ct_head img{
    width: 18px;
}
.ic_video_flex .box .box_thumb .ct_head span{
    color: #f91e24;
    font-size: 13px;
    font-weight: 600;
}
.ic_video_flex .box_right{
    width: 50%;
    height: 100%;
    border-left: 2px solid #ffffff33;
}
.ic_video_flex .box_right .box_right_inner{
    border: 2px solid #cdd1ff33;
    border-left: 0;
    border-radius: 0 10px 0 0px;
    margin-top: 135px;
    border-bottom: 0;
    padding-bottom: 50px;
}
.ic_video_flex .box_right .box_right_header {
    padding: 2px 8px;
    border-bottom: 2px solid #cdd1ff33;
}
.ic_video_flex .box_right .box_right_header svg {
    width: 35px;
    height: 35px;
}
.ic_video_flex .box_right .box_right_thumb {
    padding: 7px;
	position:relative
}
.ic_video_flex .box_right .box_right_thumb img {}
.ic_video_flex .box_right .box_right_thumb .ct_head {
    position: absolute;
    top: 12px;
    left: 12px;
    width: max-content;
    display: flex;
    align-items: center;
    gap: 4px;
}
.ic_video_flex .box_right .box_right_thumb .ct_head img{
    width: 18px;
}
.ic_video_flex .box_right .box_right_thumb .ct_head span{
    color: #f91e24;
    font-size: 13px;
    font-weight: 600;
}

.ic_video_flex .circle_rotate {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-81%, 0);
    background: #718096;
    width: 120px;
    height: 120px;
    border-radius: 101px;
    color: #fff;
    padding: 2px;
}
.ic_video_flex .circle_rotate .ri_arrow {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    /* background: #1a202c; */
    /* border-radius: 1px; */
}
.ic_video_flex .circle_rotate .ri_arrow svg {
    width: 65%;
    height: 65%;
    background: #1a202c;
    border-radius: 54px;
    padding: 21px;
    rotate: -25deg;
}
.ic_video_flex .circle_rotate .circle-text {
  width: 100%;
  height: 100%;
  animation: rotate 10s linear infinite;
  filter: brightness(27.5);
}

.ic_video_flex .circle_rotate text {
  font-size: 23px;
  letter-spacing: 2px;
  fill: #2c3e50;
  font-weight: 600;
}

/* Smooth rotation */
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*-----------ictv section------------*/
/*-----------your_city------------*/
.your_city{
    padding: 50px  0;
}
.your_city .city_box{}
.your_city .city_box .city_frame{
    background: url(../../img/bg/city-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    margin-top: 35px;
    background-position: center;
}
.your_city .city_box .city_frame:before {content:'';width: 100%;height: 100%;position: absolute;left: 0;/* background: #0000005c; */top: 0;background-image: linear-gradient(6deg, rgb(0 0 0 / 70%) 24.41%, rgb(0 0 0 / 51%) 48.17%);}
.your_city .city_box .city_frame .city_title {
    width: 40%;
    position: relative;
}
.your_city .city_box .city_frame .city_title h3{
    font-size: 27px;
    color: #fff;
    font-weight: 600;
}
.your_city .city_box .city_frame .city_width{width: 85%;margin: 100px auto 0;}
.your_city .city_box .city_frame .city_width .city_slider{}
.your_city .city_box .city_frame .city_slider .item{
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}
.your_city .city_box .city_frame .city_slider .item .box{
    text-align: center;
}
.your_city .city_box .city_frame .city_slider .item .box .thumbnail{
    width: 100px;
    height: 100px;
    border: 1px solid #fff;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 auto 12px;
}
.your_city .city_box .city_frame .city_slider .item .box .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.your_city .city_box .city_frame .city_slider .item .box .thumbnail a{
    width: 100%;
    height: 100%;
}
.your_city .city_box .city_frame .city_slider .item .box .desc{
    text-align: center;
}
.your_city .city_box .city_frame .city_slider .item .box .desc h3{
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}
.your_city .city_box .city_frame .city_slider .item .box .desc p{
    color: #c7c7c7;
    font-size: 15px;
}
.your_city .city_box .city_frame .city_slider .owl-nav {
    position: absolute;
    top: -160px;
    right: 0;
    display: flex;
    gap: 15px;
}

.your_city .city_box .city_frame .city_slider .owl-nav button{
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #e5e5e5 !important;
    border-radius: 50px;
    align-items: center;
    color: #e1e0e0 !important;
}
.your_city .city_box .city_frame .city_slider .owl-nav button:hover {
    background: var(--blue-color);
}
.your_city .city_box .city_frame .city_slider .owl-nav button svg {
    fill: #ffffff00;
}

/*-----------your_city------------*/
/*-----------visit_free------------*/
.visit_free {
    background: #b2ca4c;
}
.visit_free .big_size{
    position: relative;
}
.visit_free .visit_desc{
    width: 100%;
}
.visit_free .visit_desc .desc{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 75px;
    align-items: center;
}
.visit_free .visit_desc .desc .road_img {
    overflow: hidden;
}
.visit_free .visit_desc .desc .desc_left {
    padding-right: 80px;
}
.visit_free .visit_desc .desc h3{
    color: #fff;
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 800;
}
.visit_free .visit_desc .desc h3 span{
    color: var(--bs-yellow);
}
.visit_free .visit_desc .desc .form_gr{}
.visit_free .visit_desc .desc .form_gr .form{
    display: flex;
    border-radius: 7px;
    overflow: hidden;
    border: #fff 1px solid;
    padding: 1px;
}
.visit_free .visit_desc .desc .form_gr .form .svg {
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: #fff;
}
.visit_free .visit_desc .desc .form_gr .form .svg svg{}
.visit_free .visit_desc .desc .form_gr .form input{
    width: 100%;
    height: 50px;
    outline: none;
    border: none;
    background: #0000;
    color: #fff;
}
.visit_free .visit_desc .desc .form_gr .form input::placeholder{color:#ffffff75}
.visit_free .visit_desc .desc .form_gr .form button{
    background: #ffffff;
    color: var(--blue-color);
    font-weight: 600;
    padding: 0 16px;
    /* flex: 1; */
    text-wrap-mode: nowrap;
    border-radius: 0 7px 7px 0;
    font-size: 14px;
}
/*-----------visit_free------------*/
/*-----------app_store------------*/
.app_store {
    padding: 80px 0;
}
.app_store .box{
    border: 1px solid #eee;
    border-radius: 30px;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.app_store .box .content{
    width: 55%;
}
.app_store .box .content h3{
    font-size: 43px;
    font-weight: 900;
    margin-bottom: 20px;
}
.app_store .box .content p{
    margin-bottom: 30px;
    color: #343434;
    font-size: 15px;
    font-weight: 600;
}
.app_store .box .content .strore{
    display: flex;
    gap: 20px;
}
.app_store .box .content .strore .icons {
    width: 145px;
}
.app_store .box .content .strore a{
    display: block;
}
.app_store .box .content .strore a img{
    width: 100%;
}
.app_store .box .mobile_img{
}
.app_store .box .mobile_img img{
    width: 100%;
}
/*-----------app_store------------*/
/*-----------dontwant------------*/
.dontwant {
    /* margin-bottom: 40px; */
    padding: 50px 0px;
}
.dontwant .box{
    background: #f4faff;
    border-radius: 20px;
    padding: 55px;
    text-align: center;
    border: 1px solid #e1e1e1;
}
.dontwant .box h3{
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 20px;
}
.dontwant .box a{
    background: var(--blue-color);
    color: #fff;
    display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 13px 25px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
}
.dontwant .box a:hover {    background: var(--bs-yellow);
    color: #383838;}
/*-----------dontwant------------*/
/*-----------spotlight_highlights------------*/
.spotlight_highlights{
    padding: 80px 0;
}
.spotlight_highlights .spot_head{
    margin-bottom: 50px;
}
.spotlight_highlights .spot_head p {    color: #343434;
    font-size: 15px;
    font-weight: 600;}
.spotlight_highlights .box{}
.spotlight_highlights .box .thumbnail{
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 15px;
}
.spotlight_highlights .box .thumbnail img{width:100%;height: 100%;object-fit: cover;}
.spotlight_highlights .box .desc{width:100%}
.spotlight_highlights .box .desc h3{font-size: 23px;font-weight: 900;color: #242424;margin-bottom: 15px;}
.spotlight_highlights .box .desc h3:hover {
    color: var(--blue-color);
}
.spotlight_highlights .box .desc h3 a{width:100%}
.spotlight_highlights .box .desc .desc_btm{
    border-top: 1px solid #e8e8e8;
    padding-top: 6px;
    display: flex;
    justify-content: space-between;
}
.spotlight_highlights .box .desc .desc_btm p{
    font-size: 13px;
    font-weight: 600;
    color: #3c3c3c;
}
/*-----------spotlight_highlights------------*/
/*-----------footer_area------------*/
.footer_area {background: #2d3748;padding: 50px 0 0;}
.footer_area .footer_flex{
    display: flex;
    justify-content: space-between;
}
.footer_area .footer_flex ul li{
    font-size: 13px;
    color: #c2c2c2;
    font-weight: 500;
}
.footer_area .footer_flex ul li a:hover{
    color: var(--bs-yellow);
}
.footer_area .second_ftr{
    /* border-top: 1px solid #ffffff45; */
    padding: 0px 0 45px;
    border-bottom: 1px solid #ffffff45;
    /* margin: 50px 0 0; */
}
.footer_area .second_ftr .footer_widget{
    display: flex;
    gap: 150px;
}
.footer_area .second_ftr .footer_widget .address_ftr_links{
    flex: 1;
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.footer_area .second_ftr .footer_box .ftr_logo{
    width: 212px;
    margin-bottom: 25px;
}

.footer_area .second_ftr .footer_box .ftr_logo img{width:100%}
.footer_area .second_ftr .footer_box .footer-contact p{font-size:13px;font-weight:500;color: #ffffffa8;margin-bottom: 16px;}
.footer_area .second_ftr .footer_box .footer-contact ul{
    margin-bottom: 16px;
}
.footer_area .second_ftr .footer_box .footer-contact ul li{
    font-size: 13px;
    font-weight: 500;
    color: #ffffffa8;
}
.footer_area .second_ftr .footer_box .footer-contact ul li:hover a {color:var(--bs-yellow)}
.footer_area .second_ftr .footer_box .footer-social{
    display: flex;
    gap: 22px;
}
.footer_area .second_ftr .footer_box .footer-social li a{
    color: #e1e1e1;
    font-size: 20px;
}
.footer_area .second_ftr .footer_box .footer-social li a:hover{color:var(--bs-yellow)}
.footer_area .second_ftr .footer_list .footer-list li{
    font-size: 15px;
}
.footer_area .second_ftr .footer_list .footer-list li a{
    text-wrap-mode: nowrap;
    font-size: 13px;
    font-weight: 500;
    color: #ffffffa8;
}
.footer_area .second_ftr .footer_list .footer-list li a:hover span {background:var(--bs-yellow)}
.footer_area .second_ftr .footer_list .footer-list li a:hover{color: #a6c741;}
.footer_area .second_ftr .footer_list .footer-list li a span {
    background: #fff;
    color: #282828;
    padding: 0 4px;
    border-radius: 4px;
    margin-left: 8px;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
}
.footer_area .second_ftr .ftr-title{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px;
}
.footer_area .second_ftr .news_letter{
    width: 35%;
}
.footer_area .second_ftr .news_letter .newleter_form{
    margin-bottom: 16px;
}
.footer_area .second_ftr .news_letter .newleter_form .form-group{
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.footer_area .second_ftr .news_letter .newleter_form .form-group input{
    width: 100%;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 10px;
    border-radius: 5px;
}
.footer_area .second_ftr .news_letter .newleter_form .form-group .subscribe_btn{
    background: #0000;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    padding: 0 15px;
    font-weight: 600;
}
.footer_area .second_ftr .news_letter .newleter_form .form-group:hover .subscribe_btn{    background: var(--bs-yellow);
    color: #383838;}
.footer_area .second_ftr .news_letter p{
    font-size: 12px;
    font-weight: 500;
    color: #ffffffa8;
}
.footer_area .second_ftr .news_letter .ftr_store{
    margin-top: 50px;
}
.footer_area .second_ftr .news_letter .ftr_store h3{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px;
}
.footer_area .second_ftr .news_letter .ftr_store .sf_cc{
    display: flex;
    gap: 15px;
}
.footer_area .second_ftr .news_letter .ftr_store .sf_cc .icons{
    width: 140px;
}
.footer_area .second_ftr .news_letter .ftr_store .sf_cc .icons a{
    display: block;
    border: 1px solid #c4c4c4;
    border-radius: 6px;
    overflow: hidden;
}
.footer_area .second_ftr .news_letter .ftr_store .sf_cc .icons img{width:100%}
.footer_area .copyright{padding: 15px 0;}
.footer_area .copyright .copyright_text{font-size: 14px;font-weight: 500;color: #ffffffa8;text-align: center;}
.footer_area .copyright .copyright_text a{color: #ffffffa8;}
/*-----------footer_area------------*/

.bg_cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}


section.page-hero:before {
  position:absolute;
  content:'';
  background: #00000091;
  width: 100%;
  height: 100%;
  top: 0;
  }



section.page-hero {
  position:relative;
  padding: 150px 0px;
  }

.page-content {
  position: relative;
}

.page-content h1 {
    color: #fff;
}

.page-hero .page-content h1 {
    color: var(--white-color);
    font-size: 45px;
    margin-bottom: 10px;
    font-weight: 600;
}

.page-hero .page-content ul li {
    display: inline-block;
    color: var(--white-color);
    font-size: 16px;
    line-height: 28px;
}

.page-hero .page-content ul li:not(:last-child):after {
    display: inline-block;
    content: "||";
    font-family: "Font Awesome 5 Pro";
    margin-left: 8px;
    margin-right: 5px;
    color: #a6c741;
    font-weight: 800;
    font-size: 25px;
}

.mb-45 {
    margin-bottom: 45px;
}
.renvia-about_three .renvia-text-box p {
    margin-bottom: 30px;
    font-weight: 600;
}
.renvia-iconic-left-box.style-two .content .title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    margin-bottom: 12px;
    justify-content: space-between;
    gap: 13px;
    font-weight: 700;
}

.mb-25 {
    margin-bottom: 25px;
}
.renvia-about_three {padding: 50px 0px;}
.renvia-counter-sec {
    background-color: #193f6f;
}
.renvia-image img {
    border-radius: 30px;
}
.renvia-image {
    width: 100%;
}

.features-box-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.renvia-image.nuy img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.psd_s {
    padding: 60px 0px;
}

.renvia-counter-item h2 span {
    font-size: 40px;
    font-weight: 600;
    margin-right: 4px;
}

.renvia-counter-item h2 {
    font-size: 37px;
}
.renvia-counter-sec .counter-wrapper .item-border:not(:last-child) .renvia-counter-item {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.renvia-counter-item p {
    font-size: 14px;
}

.renvia-info-left-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 30px;
    border-radius: 11px;
    margin-top: 45px;
}

.renvia-info-left-box .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    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;
    background-color: #0166e5;
    color: var(--white-color);
    font-size: 40px;
    margin-right: 30px;
}

.renvia-info-left-box .content h5 {
    font-size: 14px;
    margin-bottom: 7px;
    font-weight: 700;
}

.renvia-contact_three .contact-wrapper {
    background-color: #f8f9f8;
    padding: 50px 60px 60px;
    border-radius: 30px;
}

.form-group {
    position: relative;
}

.renvia-contact_three .contact-wrapper label {
    position: absolute;
    top: 15px;
    right: 30px;
}

label {
    margin-bottom: 0;
}

.renvia-contact_three .contact-wrapper .form_control {
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 14px 20px;
    border: 1px solid var(--border-color);
    color: var(--heading-color);
}

section.renvia-contact-info-sec {
    padding-top: 140px;
    padding-bottom: 60px;
    background: #f6f9fd;
}

.contact-wrapper h3 {
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
}

.renvia-info-left-box .content p {
    font-size: 15px;
    font-weight: 600;
}

.renvia-info-left-box .icon i {
    font-size: 25px;
}

.career-section{
    padding:80px 0;
    background:#f5f7fb;
}

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

.section-title{
    margin-bottom:50px;
}

.section-title h2{
    font-size: 35px;
    margin-bottom:10px;
    color:#111;
}

.section-title p{
    color:#666;
}

.career-wrapper{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

.career-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.career-card:hover{
    transform:translateY(-8px);
}

.career-card h3{
    font-size: 20px;
    color:#111;
    font-weight: 600;
    margin-bottom: 20px;
}

.job-type{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:14px;
    margin-bottom:20px;
}

.job-details{
    list-style:none;
    margin-bottom:20px;
}

.job-details li{
    margin-bottom:10px;
    color:#555;
    font-size: 16px;
}

.career-card p{
    color:#666;
    line-height:1.7;
    margin-bottom:25px;
    font-size: 14px;
}

.apply-btn{
    border:none;
    background:#111;
    color:#fff;
    padding: 5px 17px;
    border-radius:8px;
    cursor:pointer;
    font-size: 14px;
    transition:0.3s;
}

.apply-btn:hover{
    background:#0d6efd;
}

/* =========================
    Popup CSS
========================== */

.career-popup{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
    padding:20px;
}

.popup-content{
    background:#fff;
    width:100%;
    max-width:500px;
    padding:35px;
    border-radius:15px;
    position:relative;
    animation:popup .3s ease;
}

@keyframes popup{
    from{
        transform:scale(0.8);
        opacity:0;
    }
    to{
        transform:scale(1);
        opacity:1;
    }
}

.close-popup{
    position:absolute;
    top:15px;
    right:20px;
    font-size:32px;
    cursor:pointer;
}

.popup-content h2{
    margin-bottom:25px;
    color:#111;
    font-size: 25px;
    font-weight: 600;
}

.career-popup .form-group{
    margin-bottom:20px;
}

.career-popup .form-group input,
.career-popup .form-group textarea{
    width:100%;
    padding: 8px 14px;
    border:1px solid #ddd;
    border-radius:8px;
    outline:none;
    font-size: 14px;
}

.career-popup .form-group textarea{
    height:120px;
    resize:none;
}

.submit-btn{
    border:none;

    background:#0d6efd;
    color:#fff;
    padding: 8px 16px;
    border-radius:8px;
    cursor:pointer;
    font-size: 14px;
    display: inline;
    font-weight: 600;


}

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

@media(max-width:768px){

    .section-title h2{
        font-size:30px;
    } 

    .career-card{
        padding:25px;
    }

}

.career-popup .form-group label{ 
    color: #000; 
    font-weight: 600;  
    font-size: 14px;
}



 /* ===================
        IMAGE SLIDER
    ==================== */
    
 .property-banner.por_det {
      position:relative;
      width:100%;
      height:520px;
      /* border-radius:20px; */
      overflow:hidden;
    }

   

    .property-banner .slider{
      width:100%;
      height:100%;
      position:relative;
    }

    .property-banner .slide{
      position:absolute;
      width:100%;
      height:100%;
      inset:0;
      opacity:0;
      transition:1s ease;
    }

    .property-banner .slide.active{
      opacity:1;
      z-index:1;
    }

    .property-banner.por_det .slide img{
      width:100%;
      height:100%;
      object-fit:cover;
    }

    /* Overlay */

    .property-banner.por_det .overlay{
      position:absolute;
      inset:0;
      background:linear-gradient(to right,
      rgba(0,0,0,0.78) 18%,
      rgba(0,0,0,0.25) 55%,
      rgba(0,0,0,0.05) 100%);
      z-index:2;
    }

    /* ===================
        STATIC CONTENT
    ==================== */

    .property-banner.por_det .banner-content{
      position:absolute;
      top: 62%;
      left: 89px;
      transform:translateY(-50%);
      z-index:3;
      color:#fff;
      max-width:420px;
    }

    .property-banner.por_det .tag{
      display:inline-block;
      background: #a6c741;
      padding:8px 14px;
      border-radius:6px;
      font-size:13px;
      font-weight:600;
      margin-bottom: 46px;
    }

    .property-banner.por_det .sub-title{
      font-size: 14px;
      margin-bottom:10px;
      color:#eee;
      display: block;
      font-weight: 600;
    }

    .property-banner.por_det .title{
      font-size: 35px;
      font-weight:800;
      margin-bottom: 0px;
      color: #ffffff;
    }

    .property-banner.por_det .acre{
      color: #a6c741;
      font-size: 18px;
      font-weight:700;
      margin-bottom: 12px;
    }

    .property-banner.por_det .location{
      font-size: 14px;
      line-height:1.7;
      margin-bottom: 10px;
    }

    .property-banner.por_det .brochure-btn{
      display:inline-flex;
      align-items:center;
      gap:12px;
      padding: 8px 15px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,0.4);
      color:#fff;
      text-decoration:none;
      backdrop-filter:blur(5px);
      background:rgba(255,255,255,0.08);
      transition:.3s;
      font-size: 14px;
    }

    .property-banner.por_det .brochure-btn:hover{
      background:#fff;
      color:#000;
    }

    .property-banner.por_det .brochure-btn i{
      color:#25D366;
      font-size: 20px;
    }

    /* ===================
        TOP BUTTONS
    ==================== */

    .property-banner.por_det .top-actions{
      position:absolute;
      top: 36%;
      right: 87px;
      display:flex;
      gap:15px;
      z-index:3;
    }

    .property-banner.por_det .action-btn{
      background:#fff;
      padding: 6px 22px;
      border-radius: 4px;
      display:flex;
      align-items:center;
      gap:10px;
      font-size: 14px;
      font-weight:600;
      cursor:pointer;
    }

    /* ===================
        NAV BUTTONS
    ==================== */

    .property-banner.por_det .slider-nav{
      position:absolute;
      right:40px;
      bottom:40px;
      display:flex;
      gap:15px;
      z-index:3;
    }

    .property-banner.por_det .nav-btn{
      width: 45px;
      height: 45px;
      border:none;
      border-radius:50%;
      background:rgba(255,255,255,0.25);
      color:#fff;
      font-size: 15px;
      cursor:pointer;
      backdrop-filter:blur(5px);
      transition:.3s;
    }

    .property-banner.por_det .nav-btn:hover{
      background:#fff;
      color:#000;
    }

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

    @media(max-width:768px){

   

      .property-banner.por_det .property-banner{
        height:650px;
      }

      .property-banner.por_det .banner-content{
        left:25px;
        right:25px;
      }

      .property-banner.por_det .title{
        font-size:40px;
      }

      .property-banner.por_det .acre{
        font-size:26px;
      }

      .property-banner.por_det .location{
        font-size:16px;
      }

      .property-banner.por_det .brochure-btn{
        font-size:18px;
      }

      .property-banner.por_det .top-actions{
        top:20px;
        right:20px;
      }

      .property-banner.por_det .action-btn{
        padding:12px 16px;
        font-size:14px;
      }

      .property-banner.por_det .slider-nav{
        right:20px;
        bottom:20px;
      }

      .property-banner.por_det .nav-btn{
        width:50px;
        height:50px;
      }
    }
    
    button.nav-btn.prev i {
    font-weight: lighter;
}

.hero{
      height:700px;
      background:linear-gradient(to right,#dbeafe,#f1f5f9);
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:40px;
      font-weight:bold;
    }

    /* NAVBAR */
    .details-navbar{
      width:100%;
      display:flex;
      justify-content:center;
      margin-top:-35px;
      position:relative;
      z-index:999;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    }

    .details-navbar.sticky{
      position:fixed;
      top: 68px;
      left:0;
      margin-top:0;
      padding: 0px 0;
      background: #ffffff;
      animation:slideDown .3s ease;
    }

    .details-navbar ul{
      display:flex;
      list-style:none;
      background:#fff;
      /* box-shadow:0 2px 10px rgba(0,0,0,0.08); */
      overflow-x:auto;
      white-space:nowrap;
    }

    .details-navbar ul::-webkit-scrollbar{
      display:none;
    }

    .details-navbar ul li a{
      display:block;
      padding: 18px 20px;
      text-decoration:none;
      color:#333;
      font-size:14px;
      font-weight:500;
      position:relative;
      transition:.3s;
    }

    .details-navbar ul li a:hover,
    .details-navbar ul li a.active{
      color: #a6c741;
    }

    .details-navbar ul li a.active::after{
      content:"";
      position:absolute;
      left:0;
      bottom:0;
      width:100%;
      height:3px;
      background: #a6c741;
      border-radius:10px;
    }

    /* section{
      height:600px;
      width:90%;
      margin:30px auto;
      background:#fff;
      border-radius:12px;
      padding:40px;
    } */

    @keyframes slideDown{
      from{
        transform:translateY(-100%);
      }
      to{
        transform:translateY(0);
      }
    }

    @media(max-width:768px){

      .details-navbar{
        padding:0 10px;
      }

      .details-navbar ul li a{
        padding:15px 16px;
        font-size:13px;
      }

    }




   .main_sd .container{
    width:90%;
    margin:auto;
    display:flex;
    gap: 90px;
    align-items:flex-start;
    padding: 50px 0;
}

/* LEFT CONTENT */

.main_sd .left-content{
    width:70%;
}

.main_sd .section{
    background:#fff;
    margin-bottom:30px;
    border-radius:12px;
    /* padding:40px; */
}

/* RIGHT FORM */

.main_sd .right-form{
    width: 35%;
    position:sticky;
    top: 150px;
}

/* FORM BOX */

.main_sd .form-box{
    background:#fff;
    padding:20px;
    border-radius:12px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid #80808038;
}

/* TABS */

.main_sd .form-tabs{
    display:flex;
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
}

.main_sd .form-tab{
    flex:1;
    text-align:center;
    padding: 10px 3px;
    cursor:pointer;
    font-size: 11px;
    color:#555;
    border-bottom:2px solid transparent;
    transition:.3s;
}

.main_sd .form-tab.active{
    color: #a6c741;
    border-color: #a6c741;
    font-weight:600;
}

/* FORM CONTENT */

.main_sd .tab-content{
    display:none;
}

.main_sd .tab-content.active{
    display:block;
}

/* INPUTS */

.main_sd .form-group{
    margin-bottom:15px;
}

.main_sd .form-group input,
.main_sd .form-group select{
    width:100%;
    height:45px;
    border:1px solid #dcdcdc;
    border-radius:6px;
    padding:0 15px;
    outline:none;
    font-size:14px;
}

/* BUTTON */

.main_sd .submit-btn{
    width:100%;
    height:45px;
    border:none;
    background: #a6c741;
    color:#fff;
    border-radius:6px;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
}

/* RESPONSIVE */

@media(max-width:991px){

    .main_sd .container{
        flex-direction:column;
    }

    .main_sd .left-content,
    .main_sd .right-form{
        width:100%;
    }

    .main_sd .right-form{
        position:relative;
        top:0;
    }

}


.content_wrap_d h2 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 15px;
}
.content_wrap_d p {
    font-size: 14px;
    margin-bottom: 10px;
}

.nex_s {
    background: #e2eefe;
    padding: 25px 25px;
    border-radius: 7px;
}

ul.f_detail {
    display: flex;
    flex-wrap: wrap;
    /* gap: 0px 20px; */
    justify-content: space-between;
}


ul.f_detail li {
    width: 30%;
    margin-bottom: 20px;
    padding: 2px 9px;
}

ul.f_detail li span {color: #000;font-weight: 600;font-size: 12px;line-height: 16px;}

ul.f_detail li p {
    font-size: 12px;
    margin: 0;
}
ul.f_detail li:last-child{
    margin-bottom:0px;
}


.service-tabs-wrap{
    margin-bottom: 40px;
}

.service-tab-nav{
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.service-tab-btn{
    padding: 5px 14px;
    border: none;
    cursor: pointer;
    background: none;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    color: #a5a2a2;
}

.service-tab-btn.active{
    color: #000;
    font-weight: 700;
    border-color: #040404;
}

.service-tab-box{
    display: none;
    /* padding: 20px; */
    /* border: 1px solid #ddd; */
}

.service-tab-box.active{
    display: block;
}


 /*================ TABLE ================*/

        .unit-plan-table{
            width: 100%;
            border-collapse: collapse;
            background: #fff;
        }

        .unit-plan-table thead{
            background: #e2eefe;
        }

        .unit-plan-table th{
            padding: 10px 20px;
            text-align: center;
            font-size: 14px;
            color: #222;
            /* border: 1px solid #e5e5e5; */
        }

        .unit-plan-table td{
            padding: 20px 0px;
            text-align: center;
            font-size: 12px;
            font-weight: 600;
        }

        .price{
            color: #a6c741;
            font-weight: 600;
        }

        /*================ THUMB IMAGE ================*/

        .plan-thumb{
            width: 90px;
            height: 60px;
            border-radius: 4px;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            margin: auto;
        }

        .plan-thumb img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: 0.4s;
        }

        .plan-thumb:hover img{
            transform: scale(1.08);
        }

        .zoom-icon{
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(0,0,0,0.35);
            color: #fff;
            font-size: 24px;
        }

        /*================ POPUP ================*/

        .plan-popup{
            position: fixed;
            inset: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.75);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: 0.4s;
            z-index: 9999;
            padding: 20px;
        }

        .plan-popup.active{
            opacity: 1;
            visibility: visible;
        }

        .popup-box{
            position: relative;
            max-width: 869px;
            width: 100%;
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            padding: 20px;
        }

        /*================ CLOSE BTN ================*/

        .close-popup{
            position: absolute;
            top: 15px;
            right: 15px;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            border: none;
            background: #fff;
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
            cursor: pointer;
            font-size: 22px;
            z-index: 2;
        }

        /*================ IMAGE ZOOM ================*/

        .popup-image-wrap{
            overflow: auto;
            cursor: grab;
        }

        .popup-image{
            width: 100%;
            transition: 0.4s;
            transform: scale(1);
        }

        .zoom-controls{
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
        }

        .zoom-btn{
            width: 45px;
            height: 45px;
            border: none;
            background: #222;
            color: #fff;
            font-size: 22px;
            border-radius: 50%;
            cursor: pointer;
        }

        @media(max-width:768px){

           

            .unit-plan-table{
                display: block;
                overflow-x: auto;
            }

        }

        .payment-plan-card{
      max-width:600px;
      width:100%;
      background:#fff;
      border:1px solid #e5e5e5;
      border-radius:10px;
      padding:20px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      overflow:hidden;
    }

    /*================ LEFT CONTENT ================*/

    .payment-content{
      max-width:300px;
    }

    .payment-content h3{
      font-size: 18px;
      color:#111;
      margin-bottom:12px;
      font-weight:700;
    }

    .payment-content p{
      font-size:14px;
      line-height:1.6;
      color:#666;
      margin-bottom:18px;
    }

    /*================ BUTTON ================*/

    .payment-btn{
      display:inline-flex;
      align-items:center;
      gap:8px;
      background: #a6c741;
      color:#fff;
      text-decoration:none;
      padding: 10px 20px;
      border-radius:6px;
      font-size:14px;
      font-weight:600;
      transition:0.3s;
      border: 1px solid transparent;
    }

    .payment-btn:hover{
      background: #ffffff;
      border-color: #a6c741;
      color: #a6c741;
    }

    .payment-btn span{
      font-size:16px;
    }

    /*================ IMAGE ================*/

    .payment-image{
      flex-shrink:0;
      width:220px;
    }

    .payment-image img{
      width:100%;
      display:block;
    }

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

    @media(max-width:768px){

      .payment-plan-card{
        flex-direction:column;
        text-align:center;
      }

      .payment-content{
        max-width:100%;
      }

      .payment-image{
        width:180px;
      }

    }

    .floor_imf {
    width: 100%;
    height: 259px;
}

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

a.btn_sd {
    border: 1px solid #a6c741;
    padding: 5px 14px;
    border-radius: 7px;
    color: #a6c741;
    font-weight: 600;
    font-size: 14px;
    margin-top: 30px;
}

a.btn_sd:hover {
    background: #a6c741;
    color: #fff;
}

a.btn_sd i {
    margin-right: 8px;
}


.custom-gallery{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap:10px;
}

.gallery-item{
    height: 100%;
    overflow:hidden;
    border-radius:10px;
    cursor:pointer;
}

.gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.3s;
}

.gallery-item:hover img{
    transform:scale(1.05);
}


/*================ POPUP =================*/

.gallery-popup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.92);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:99999;
}

.gallery-popup.active{
    opacity:1;
    visibility:visible;
}

#galleryPopupImage{
    max-width:85%;
    max-height:85vh;
    border-radius:10px;
}

.gallery-close{
    position:absolute;
    top:20px;
    right:30px;
    color:#fff;
    font-size:40px;
    cursor:pointer;
}

.gallery-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    border:none;
    border-radius:50%;
    background:#fff;
    font-size:30px;
    cursor:pointer;
}

.gallery-btn.prev{
    left:30px;
}

.gallery-btn.next{
    right:30px;
}

.bxs {
    height: 289px;
}
.asx {
    height: 48%;
    margin-bottom: 15px;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



    /*================ MAIN BOX =================*/

    .view360-box{
      position:relative;
      width:100%;
      max-width:700px;
      background:#000;
      border:4px solid #fff;
      box-shadow:0 2px 10px rgba(0,0,0,.15);
      overflow:hidden;
    }

    /*================ MAIN IMAGE =================*/

    .main-view{
      position:relative;
      height:360px;
      overflow:hidden;
    }

    .main-view img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transition:.3s;
    }

    /*================ 360 ICON =================*/

    .icon360{
      position:absolute;
      top:12px;
      left:12px;
      width:38px;
      height:38px;
      border-radius:50%;
      border:2px solid #f5b301;
      color:#f5b301;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:12px;
      font-weight:700;
      background:rgba(0,0,0,.5);
      z-index:5;
    }

    /*================ THUMBNAILS =================*/

    .thumb-wrapper{
      background:#000;
      padding:10px;
      display:flex;
      align-items:center;
      gap:10px;
      overflow-x:auto;
    }

    .thumb-wrapper::-webkit-scrollbar{
      height:5px;
    }

    .thumb-wrapper::-webkit-scrollbar-thumb{
      background:#555;
    }

    .thumb-count{
      color:#fff;
      font-size:12px;
      min-width:20px;
    }

    .thumb-item{
      width:70px;
      height:45px;
      border:2px solid transparent;
      cursor:pointer;
      flex-shrink:0;
      overflow:hidden;
      transition:.3s;
    }

    .thumb-item.active{
      border-color:#f5b301;
    }

    .thumb-item img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

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

    @media(max-width:768px){

      .main-view{
        height:250px;
      }

      .thumb-item{
        width:60px;
        height:40px;
      }

    }


     .video-card{
      cursor:pointer;
    }

    .video-box{
      position:relative;
      height: 221px;
      border-radius:8px;
      overflow:hidden;
      background:#000;
    }

    /* Thumbnail */
    .video-thumb{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transition:.3s;
    }

    /* Video */
    .video-player{
      width:100%;
      height:100%;
      object-fit:cover;
      display:none;
    }

    /* Play Button */
    .play-btn{
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      width:50px;
      height:50px;
      border-radius:50%;
      background:rgba(255,255,255,.9);
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:20px;
      z-index:2;
      transition:.3s;
    }

    .video-card:hover .play-btn{
      transform:translate(-50%,-50%) scale(1.08);
    }

    /* Title */
    .video-title{
      font-size: 14px;
      font-weight: 500;
      margin-top:6px;
      color: #494848;
      line-height:1.4;
    }

    @media(max-width:768px){

      .video-box{
        height:130px;
      }

    }


     .amenities-box{
      background:#fff;
      /* padding:18px 20px; */
      border-radius:4px;
    }

    /*================ ITEM =================*/

    .amenity-item{
      display:flex;
      align-items:center;
      gap:8px;
      font-size:12px;
      color:#222;
      transition:.3s;
      cursor:pointer;
    }

    .amenity-item:hover{
      transform:translateX(3px);
    }

    /*================ ICON =================*/

    .amenity-item i{
      font-size:14px;
      color:#000;
      line-height:1;
    }

    .amenity-item span{
      white-space:nowrap;
      font-weight: 500;
      font-size: 12px;
    }

    /*================ REMOVE EXTRA MARGIN =================*/

    .amenity-item.last{
      margin-bottom:0;
    }

    @media(max-width:767px){

      .amenity-item{
        font-size:11px;
      }

    }
    .amenity-item img {
    width: 20px;
}

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

.div_ad {
    padding: 10px 18px;
    border: 1px solid #cdcdcd;
    border-radius: 7px;
    margin-bottom: 7px;
}
.claculate-content {
    max-width: 100%;
}
.calculate-plan-card {
    max-width: 100%;
    width: 100%;
    background: #eef7fb;
    border: 1px solid #dcf0f9;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    overflow: hidden;
}
.calculate-content h3 {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 10px;
}

.calculate-content p {
    margin-bottom: 17px;
}
.calculate-image {
    flex-shrink: 0;
    width: 330px;
}

ul.adv_li {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

ul.adv_li li img {
    width: 50px;
    margin: auto;
    display: block;
}

ul.adv_li li {
    padding: 9px 16px;
    background: #ececec54;
    /* gap: 21px; */
    border: 1px solid #eaeaea;
    border-radius: 5px;
    width: 14%;
    text-align: center;
}

ul.adv_li li p {
    margin-top: 7px;
    font-size: 12px;
    font-weight: 600;
}

.review-section h2{
      font-size: 25px;
      font-weight:700;
    }

    .post-btn{
      background: #a6c741;
      color:#fff;
      border:none;
      padding: 7px 22px;
      border-radius:12px;
      font-size: 14px;
      font-weight:600;
      transition:.3s;
    }

    .post-btn:hover{
      background: #a6c741;
    }

    .rating-box{
      margin-top: 15px;
    }

    .big-rating{
      font-size: 35px;
      font-weight:700;
      line-height:1;
      color: #000;
    }

    .star-big{
      color:#ffb400;
      font-size:70px;
      margin-left:10px;
    }

    .review-count{
      color:#6b7280;
      font-size: 21px;
      margin-top: 18px;
      font-weight: 600;
    }

    .summary-card{
      background:#fff;
      border-radius:24px;
      padding: 0px 40px 40px;
      box-shadow:0 0 10px rgba(0,0,0,0.04);
      height:100%;
    }

    .summary-title{
      text-align:center;
      font-size: 20px;
      font-weight:700;
      margin-bottom:40px;
      color: #000;
    }

    .progress-item{
      display:flex;
      align-items:center;
      margin-bottom: 3px;
      gap:15px;
    }

    .progress-item span{
      font-size: 14px;
      font-weight:600;
      width:20px;
      color: #797e88;
    }

    .custom-progress{
      flex:1;
      height: 8px;
      background:#ececec;
      border-radius:20px;
      overflow:hidden;
    }

    .custom-progress .fill{
      height:100%;
      background:#ffb400;
      border-radius:20px;
    }

    .recommend-box{
      text-align:center;
    }

    .recommend-box h3{
      font-size: 22px;
      font-weight:700;
      margin:0;
    }

    .recommend-box p{
      color:#6b7280;
      font-size: 16px;
      margin-top:10px;
    }

    .top-review-title{
      color: #a6c741;
      font-size: 16px;
      font-weight:700;
      margin: 15px 0 30px;
    }

    .review-card{
      background:#fff;
      border-radius:22px;
      padding: 11px;
      height:100%;
      box-shadow:0 0 10px rgba(0,0,0,0.04);
      transition:.3s;
      border: 1px solid #ececec;
    }

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

    .review-header{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      margin-bottom:20px;
    }

    .review-user{
      display: block;
    }

    .review-user img{
      width:60px;
      height:60px;
      border-radius:12px;
      object-fit:cover;
    }

    .review-user h5{
      margin:0;
      font-size: 13px;
      font-weight:700;
      margin-top: 9px;
    }

    .stars{
      color:#ff9800;
      font-size: 10px;
    }

    .review-text{
      color:#5f6673;
      font-size: 12px;
      line-height:1.7;
    }

    @media(max-width:991px){

      .big-rating{
        font-size:70px;
      }

      .star-big{
        font-size:50px;
      }

      .review-count{
        font-size:28px;
      }

      .summary-title{
        font-size:30px;
      }

      .recommend-box h3{
        font-size:40px;
      }

      .recommend-box p{
        font-size:20px;
      }

      .top-review-title{
        font-size:30px;
      }

      .review-user h5{
        font-size:22px;
      }

      .review-text{
        font-size:18px;
      }
    }

    .container.review-section {
    display: block;
}
.star_s i {
    font-size: 28px;
    margin-left: 14px;
    color: #ffb400;
}


/* .......pro.............. */

/* WRAPPER */

.project-listing-wrapper{
    display:grid;
    grid-template-columns:320px 1fr;
    gap:30px;
    align-items:start;
}

/* SIDEBAR */

.project-filter-sidebar{
    background: #f3f3f3;
    border-radius: 15px;
    padding: 18px;
    box-shadow:0 20px 60px rgba(0,0,0,.06);
    border: 1px solid #e5e5e5;
    position:sticky;
    top:20px;
}

/* TOP */

.filter-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:35px;
}

.filter-top h3{
    font-size:30px;
    color:#111;
    font-weight:700;
}

.filter-top a{
    text-decoration:none;
    color: #abca4c;
    font-weight:600;
}

/* FILTER BOX */

.filter-box{
    margin-bottom:35px;
}

.filter-box h4{
    font-size: 18px;
    color:#111;
    font-weight: 700;
    margin-bottom: 15px;
}

/* SEARCH */

.search-input{
    position:relative;
}

.search-input input{
    width:100%;
    height:60px;
    border-radius:18px;
    border:1px solid #e7e7e7;
    background:#f8f8f8;
    padding:0 20px 0 55px;
    outline:none;
    transition:.4s;
}

.search-input input:focus{
    border-color:#163832;
    background:#fff;
}

.search-input i{
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    color:#777;
}

/* BUDGET */

.budget-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.budget-grid select{
    height:58px;
    border-radius:16px;
    border:1px solid #e7e7e7;
    padding:0 15px;
    outline:none;
    background:#f8f8f8;
}

/* FILTER HEADING */

.filter-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
}

.filter-heading span{
    color:#777;
    font-size:14px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* TAGS */

.location-tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.location-tags a{
    padding: 5px 18px;
    border-radius:50px;
    background:#f5f7f8;
    border:1px solid #ececec;
    text-decoration:none;
    color:#222;
    font-size:14px;
    transition:.4s;
}

.location-tags a:hover{
    background: #a6c741;
    color:#fff;
    transform:translateY(-3px);
}

/* RIGHT */

.project-listing-content{
    width:100%;
}

/* TOPBAR */

.project-listing-topbar{
    background: #abca4c;
    border-radius: 14px;
    padding: 13px 25px;
    margin-bottom: 40px;
    box-shadow:0 20px 60px rgba(0,0,0,.05);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.project-listing-topbar h2{
    font-size: 20px;
    color: #ffffff;
    margin-bottom:8px;
    font-weight: 600;
}

.project-listing-topbar p{
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
}

.project-sort{
    min-width:220px;
    height: 47px;
    border-radius: 11px;
    border:1px solid #e7e7e7;
    padding:0 18px;
    outline:none;
    background:#f8f8f8;
    font-size: 14px;
}

/* GRID */

.project-listing-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

/* CARD */

.project-listing-card{
    background:#fff;
    border-radius: 15px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.06);
    transition:.5s;
    border:1px solid #f1f1f1;
}

.project-listing-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 60px rgba(0,0,0,.12);
}

/* IMAGE */

.project-listing-image{
    position:relative;
    overflow:hidden;
    height: 239px;
}

.project-listing-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.7s;
}

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

/* BADGE */

.project-listing-badge{
    position:absolute;
    top:20px;
    left:20px;
    background:#fff;
    color:#111;
    padding: 5px 16px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
}

/* INFO */

.project-listing-info{
    padding: 18px 25px;
}

.project-listing-info h3{
    font-size: 20px;
    color:#111;
    margin-bottom:20px;
    font-weight: 700;
}

.project-listing-info ul{
    padding:0;
    margin:0;
    list-style:none;
}

.project-listing-info ul li{
    display:flex;
    align-items:center;
    gap:12px;
    color:#666;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
}

.project-listing-info ul li i{
    color: #a6c741;
}

/* BOTTOM */

.project-listing-bottom{
    margin-top: 16px;
    padding-top: 14px;
    border-top:1px solid #eee;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.project-price{
    font-size: 16px;
    font-weight:700;
    color: #2b2d2c;
}

.project-listing-bottom a{
    border-radius:14px;
    background: #2b2d2c;
    color:#fff;
    text-decoration:none;
    display:flex;
    font-size: 14px;
    align-items:center;
    padding: 8px 16px;
    justify-content:center;
    transition:.4s;
    font-weight: 500;
}

.project-listing-bottom a:hover{
    background: #a2c439;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .project-listing-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:991px){

    .project-listing-wrapper{
        grid-template-columns:1fr;
    }

    .project-filter-sidebar{
        position:relative;
        top:0;
    }

}

@media(max-width:768px){

    .project-listing-grid{
        grid-template-columns:1fr;
    }

    .project-listing-topbar{
        flex-direction:column;
        align-items:flex-start;
    }

    .project-listing-topbar h2{
        font-size:28px;
    }

    .project-filter-sidebar{
        padding:25px 20px;
    }

}
select.filter-select {
    padding: 7px 6px;
    border-radius: 10px;
    color: #7a7a7a;
    border: 1px solid #bec2c4;
    font-size: 14px;
    width:100%;
}
section.project_lis {
    padding: 60px 30px;
}

/* SECTION */

.visionary-team-section{
    padding: 55px 0;
    overflow:hidden;
    position:relative;
}

/* HEADING */

.visionary-heading{
    text-align:center;
    margin-bottom:70px;
}

.visionary-heading span{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:#e7f0ff;
    color:#0d5ef4;
    font-weight:700;
    margin-bottom:20px;
}

.visionary-heading h2{
    font-size: 30px;
    color:#0b1b35;
    margin-bottom:18px;
    font-weight:800;
}

.visionary-heading p{
    max-width:760px;
    margin:auto;
    color:#6b7280;
    font-size: 16px;
    line-height:1.9;
    font-weight: 600;
}

/* CARD */

.visionary-card{
    text-align:center;
    transition:.5s;
    position:relative;
}

.visionary-card:hover{
    transform:translateY(-12px);
}

/* IMAGE */

.visionary-image{
    position:relative;
    width: 263px;
    height: 263px;
    margin:auto;
    border-radius:180px;
    overflow:hidden;
    background:#fff;
}

.visionary-image::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.55),transparent);
    opacity:0;
    transition:.5s;
    z-index:1;
}

.visionary-card:hover .visionary-image::before{
    opacity:1;
}

.visionary-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.7s;
}

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

/* SOCIAL */

.visionary-social{
    position:absolute;
    left:50%;
    bottom:25px;
    transform:translateX(-50%) translateY(30px);
    display:flex;
    gap:12px;
    z-index:2;
    opacity:0;
    transition:.5s;
}

.visionary-card:hover .visionary-social{
    opacity:1;
    transform:translateX(-50%) translateY(0);
}

.visionary-social a{
    width:48px;
    height:48px;
    border-radius:50%;
    background:#fff;
    color:#0d5ef4;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:18px;
    transition:.4s;
}

.visionary-social a:hover{
    background:#0d5ef4;
    color:#fff;
    transform:rotate(360deg);
}

/* CONTENT */

.visionary-content{
    padding-top:30px;
}

.visionary-content h3{
    font-size: 20px;
    color:#0b1b35;
    margin-bottom: 5px;
    font-weight:800;
}

.visionary-content span{
    display: block;
    color: #8f8f8f;
    font-size: 14px;
    font-weight:700;
    letter-spacing:.5px;
    position:relative;
    padding-bottom:10px;
}

.visionary-content span::after{
    width:50px;
    height:3px;
    background:#0d5ef4;
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    border-radius:10px;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .visionary-image{
        width:260px;
        height:350px;
    }

}

@media(max-width:768px){

    .visionary-team-section{
        padding:80px 0;
    }

    .visionary-heading h2{
        font-size:40px;
    }

    .visionary-heading p{
        font-size:16px;
    }

    .visionary-image{
        width:240px;
        height:320px;
    }

    .visionary-content h3{
        font-size:28px;
    }

}



/* ..... company overview............ */

.company-overview{
    background:#f8fafc;
}

.overview-content .sub-title{
    display:inline-block;
    color:#a6c741;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:10px;
}

.overview-content h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;
    color:#222;
    line-height:1.3;
}

.overview-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:15px;
}

.company-overview .feature-box{
    background:#fff;
    padding:20px;
    border-radius:12px;
    height:100%;
    transition:.3s;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
}

.company-overview .feature-box:hover{
    transform:translateY(-5px);
}

.company-overview .feature-box i{
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    border-radius:50%;
    background:#a6c741;
    color:#fff;
    font-size:24px;
    margin-bottom:15px;
}

.feature-box h5{
    font-weight: 700;
    margin-bottom:10px;
}

.feature-box p{
    margin:0;
    font-size:14px;
}

.overview-image{
    position:relative;
}

.overview-image img{
    border-radius:20px;
    box-shadow:0 10px 40px rgba(0,0,0,.12);
}


.vision-mission-section{
    background: linear-gradient(135deg,#f8fafc,#eef4f7);
    position:relative;
    overflow:hidden;
}

.section-title span{
    color:#a6c741;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.section-title h2{
    font-size:48px;
    font-weight:700;
    margin:10px 0 15px;
    color:#222;
}

.section-title p{
    max-width:700px;
    margin:auto;
    color:#666;
}

.vm-card{
    background:rgba(255,255,255,.9);
    backdrop-filter:blur(10px);
    padding:45px;
    border-radius:25px;
    height:100%;
    transition:.4s;
    position:relative;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.vm-card:hover{
    transform:translateY(-10px);
}

.vm-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
}

.vision-card::before{
    background:#a6c741;
}

.mission-card::before{
    background:#222;
}

.vm-icon{
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    border-radius:20px;
    background:#a6c741;
    color:#fff;
    font-size:30px;
    margin-bottom:25px;
}

.vm-card h3{
    font-size:32px;
    font-weight:700;
    margin-bottom:15px;
}

.vm-card p{
    color:#666;
    line-height:1.8;
}

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

.vm-card ul li{
    padding:10px 0;
    border-bottom:1px solid #eee;
    color:#444;
}

.vm-card ul li:last-child{
    border:none;
}
.vm-icon img {
    width: 51px;
    filter: invert(1);
}



.core-values{
    background:#f8fafc;
}

.core-values .section-heading span{
    color:#a6c741;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.core-values .section-heading h2{
    font-size:48px;
    font-weight:700;
    margin:10px 0;
}

.core-values .section-heading p{
    max-width:700px;
    margin:auto;
    color:#666;
}

.core-values .value-card{
    background:#fff;
    padding:35px 30px;
    border-radius:20px;
    text-align:center;
    height:100%;
    position:relative;
    overflow:hidden;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.core-values .value-card:hover{
    transform:translateY(-10px);
}

.core-values .value-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#a6c741;
    transform:scaleX(0);
    transition:.4s;
}

.core-values .value-card:hover::before{
    transform:scaleX(1);
}

.core-values .value-icon{
    width:80px;
    height:80px;
    line-height:80px;
    margin:0 auto 20px;
    background:#a6c741;
    color:#fff;
    border-radius:50%;
    font-size:28px;
}

.core-values .value-card h4{
    font-size: 20px;
    font-weight: 700;
    margin-bottom:15px;
}

.core-values .value-card p{
    color:#666;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 500;
}

/* ............... Leader................ */

.leadership-page{
    background:#f8fafc;
    padding: 59px 0;
}

.leadership-header{
    text-align:center;
    max-width:900px;
    margin: auto auto 44px;
}

.leadership-header span{
    color:#a6c741;
    font-weight:700;
    letter-spacing:2px;
}

.leadership-header h1{
    font-size: 35px;
    font-weight:800;
    margin:15px 0;
    line-height:1.1;
}

.leadership-header p{
    color:#666;
    max-width:700px;
    margin:auto;
}

.ceo-section{
    background:#fff;
    border-radius:30px;
    padding:50px;
    box-shadow:0 15px 50px rgba(0,0,0,.07);
    margin-bottom: 55px;
}

.ceo-image{
    position:relative;
}

.ceo-image img{
    width:100%;
    border-radius:25px;
    height: 344px;
    object-fit:cover;
}

.experience-box{
    position:absolute;
    bottom:20px;
    right:20px;
    background:#a6c741;
    color:#fff;
    padding:20px 25px;
    border-radius:15px;
}

.ceo-content h2{
    font-size: 30px;
    margin:10px 0;
    font-weight:700;
}

.designation{
    color:#a6c741;
    font-weight:700;
}

.theme-btn{
    background:#a6c741;
    color:#fff;
    padding:14px 35px;
    border-radius:50px;
    display:inline-block;
    margin-top:15px;
    text-decoration:none;
}

.team-section{
    margin-bottom: 25px;
}

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    font-size: 30px;
    font-weight:700;
}

.team-card{
    position:relative;
    overflow:hidden;
    border-radius:25px;
    margin-bottom:30px;
}

.team-card img{
    width:100%;
    height: 334px;
    object-fit:cover;
    transition:.5s;
}

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

.team-info{
    position:absolute;
    left:20px;
    right:20px;
    bottom:20px;
    background:#fff;
    border-radius:15px;
    padding:18px;
    text-align:center;
}

.value-card{
    background:#fff;
    padding:40px;
    text-align:center;
    border-radius:25px;
    height:100%;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.value-card:hover{
    transform:translateY(-10px);
}

.value-card i{
    font-size:40px;
    color:#a6c741;
    margin-bottom:20px;
}

.culture-section{
    margin-top:100px;
    background:#fff;
    border-radius:30px;
    padding:50px;
}

.culture-content span{
    color:#a6c741;
    font-weight:700;
}

.culture-content h2{
    font-size: 30px;
    margin:15px 0;
    font-weight: 500;
}

.culture-content ul{
    margin-top:20px;
}

.culture-content li{
    margin-bottom:12px;
}

.culture-image{
    position:relative;
}

.culture-image img{
    width:100%;
    border-radius:25px;
    height:500px;
    object-fit:cover;
}

.team-stat{
    position:absolute;
    bottom:25px;
    left:25px;
    background:#fff;
    padding:20px 30px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.1);
}

.team-stat h3{
    color:#a6c741;
    font-size:40px;
    margin:0;
}

.experience-box h3 {
    font-weight: 700;
    text-align: center;
    font-size: 25px;
}

.team-info h4 {
    font-size: 20px;
    font-weight: 700;
}

.team-info span {
    font-weight: 700;
    color: #a6c741;
}

.value-card h4 {
    font-weight: 700;
    font-size: 20px;
}

.value-card p {
    font-size: 16px;
    font-weight: 600;
    line-height: 17px;
    margin-top: 10px;
}
.team-stat h3 {
    font-weight: 700;
    font-size: 20px;
}

.team-stat span {
    font-weight: 600;
    color: #000;
}
.value-card img {
    width: 50px;
    margin-bottom: 12px;
}

/* ........news............. */


.newsroom-section{
    background:#f8fafc;
}

/* Header */

.newsroom-section .newsroom-header{
    max-width:850px;
    margin:0 auto 70px;
}

.newsroom-section .newsroom-header span{
    display:inline-block;
    color:#a6c741;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.newsroom-section .newsroom-header h1{
    font-size: 35px;
    font-weight:800;
    color:#1c1c1c;
    margin-bottom:15px;
}

.newsroom-section .newsroom-header p{
    color:#666;
    font-size:18px;
    line-height:1.8;
}

/* Featured News */

.newsroom-section .featured-news{
    margin-bottom:80px;
}

.newsroom-section .featured-news-card{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    height:600px;
}

.newsroom-section .featured-news-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.newsroom-section .featured-news-card:hover img{
    transform:scale(1.08);
}

.newsroom-section .featured-overlay{
    position:absolute;
    left:30px;
    right:30px;
    bottom:30px;
    background:rgba(255,255,255,.95);
    backdrop-filter:blur(10px);
    padding:30px;
    border-radius:20px;
}

.newsroom-section .news-tag{
    display:inline-block;
    background:#a6c741;
    color:#fff;
    padding:8px 15px;
    border-radius:30px;
    font-size:13px;
    margin-bottom:15px;
}

.newsroom-section .featured-overlay h2{
    font-size: 20px;
    font-weight:700;
    margin-bottom:15px;
    line-height:1.3;
}

.newsroom-section .featured-overlay p{
    color:#666;
    margin-bottom:20px;
}

.newsroom-section .news-btn{
    display:inline-block;
    background:#222;
    color:#fff;
    padding:12px 28px;
    border-radius:50px;
    text-decoration:none;
    transition:.3s;
}

.newsroom-section .news-btn:hover{
    background:#a6c741;
    color:#fff;
}

/* Trending News */

.newsroom-section .trending-news{
    background:#fff;
    padding:35px;
    border-radius:25px;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
    height:100%;
}

.newsroom-section .trending-news h3{
    font-size:28px;
    margin-bottom:25px;
    font-weight:700;
}

.newsroom-section .trending-news ul{
    margin:0;
    padding:0;
    list-style:none;
}

.newsroom-section .trending-news li{
    padding:18px 0;
    border-bottom:1px solid #ececec;
}

.newsroom-section .trending-news li:last-child{
    border:none;
}

.newsroom-section .trending-news a{
    display:block;
    color:#222;
    font-weight:600;
    text-decoration:none;
    margin-bottom:5px;
    transition:.3s;
}

.newsroom-section .trending-news a:hover{
    color:#a6c741;
}

.newsroom-section .trending-news span{
    font-size:13px;
    color:#999;
}

/* Section Title */

.newsroom-section .section-title h2{
    font-size: 35px;
    font-weight:800;
    color:#1c1c1c;
}

/* News Cards */

.newsroom-section .news-card{
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    height:100%;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.newsroom-section .news-card:hover{
    transform:translateY(-10px);
}

.newsroom-section .news-card img{
    width:100%;
    height:260px;
    object-fit:cover;
}

.newsroom-section .news-content{
    padding:30px;
}

.newsroom-section .news-content span{
    display:inline-block;
    color:#a6c741;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:12px;
}

.newsroom-section .news-content h4{
    font-size: 18px;
    font-weight:700;
    margin-bottom:15px;
    line-height:1.4;
}

.newsroom-section .news-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:20px;
}

.newsroom-section .news-content a{
    color:#222;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.newsroom-section .news-content a:hover{
    color:#a6c741;
}

/* Category */

.newsroom-section .category-box{
    background:#fff;
    padding:45px 30px;
    text-align:center;
    border-radius:25px;
    height:100%;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.newsroom-section .category-box:hover{
    transform:translateY(-8px);
}

.newsroom-section .category-box i{
    font-size:45px;
    color:#a6c741;
    margin-bottom:20px;
}

.newsroom-section .category-box h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:12px;
}

.newsroom-section .category-box p{
    color:#666;
    margin:0;
}

/* Newsletter */

.newsroom-section .newsletter-wrapper{
    margin-top:90px;
}

.newsroom-section .newsletter-box{
    background:linear-gradient(135deg,#a6c741,#8eb02d);
    padding:70px;
    border-radius:30px;
    text-align:center;
    color:#fff;
}

.newsroom-section .newsletter-box h2{
    font-size:46px;
    font-weight:800;
    margin-bottom:15px;
}

.newsroom-section .newsletter-box p{
    font-size:18px;
    margin-bottom:30px;
    opacity:.9;
}

.newsroom-section .newsletter-box form{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.newsroom-section .newsletter-box input{
    width:420px;
    max-width:100%;
    border:none;
    outline:none;
    padding:18px 25px;
    border-radius:50px;
}

.newsroom-section .newsletter-box button{
    border:none;
    background:#222;
    color:#fff;
    padding:18px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.newsroom-section .newsletter-box button:hover{
    background:#fff;
    color:#222;
}

/* Responsive */

@media(max-width:991px){

    .newsroom-section .newsroom-header h1{
        font-size:42px;
    }

    .newsroom-section .featured-news-card{
        height:450px;
        margin-bottom:30px;
    }

    .newsroom-section .featured-overlay h2{
        font-size:26px;
    }

    .newsroom-section .section-title h2{
        font-size:36px;
    }

    .newsroom-section .newsletter-box{
        padding:40px 25px;
    }

    .newsroom-section .newsletter-box h2{
        font-size:32px;
    }

}

@media(max-width:767px){

    .newsroom-section .newsroom-header h1{
        font-size:34px;
    }

    .newsroom-section .featured-news-card{
        height:380px;
    }

    .newsroom-section .featured-overlay{
        left:15px;
        right:15px;
        bottom:15px;
        padding:20px;
    }

    .newsroom-section .featured-overlay h2{
        font-size:22px;
    }

}

ul.footer-list.est {
    display: flex;
    flex-wrap: wrap;
}

ul.footer-list.est li {
    width: 40%;
}



.filter-box .budget-filter{
    max-width:500px;
    /* padding:20px; */
    font-family:Arial,sans-serif;
}

.filter-box .price-display{
    font-size:18px;
    font-weight:600;
    /* margin-bottom:20px; */
}

.filter-box #price-range{
    color:#333;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
    font-size: 16px;
}

.filter-box .range-slider{
    position:relative;
    height:40px;
}

.filter-box .slider-track{
    position:absolute;
    top: 50%;
    transform:translateY(-50%);
    width:100%;
    height:4px;
    background:#dcdcdc;
    border-radius:10px;
}

.filter-box .range-slider input[type="range"]{
    position:absolute;
    width:100%;
    top: 32%;
    transform:translateY(-50%);
    background:none;
    pointer-events:none;
    -webkit-appearance:none;
}

.filter-box .range-slider input[type="range"]::-webkit-slider-thumb{
    pointer-events:auto;
    -webkit-appearance:none;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#fff;
    border:3px solid #a6c741;
    cursor:pointer;
    box-shadow:0 2px 6px rgba(0,0,0,.15);
}

.filter-box .range-slider input[type="range"]::-moz-range-thumb{
    width:22px;
    height:22px;
    border-radius:50%;
    background:#fff;
    border:3px solid #a6c741;
    cursor:pointer;
}

.filter-box .range-slider input[type="range"]::-webkit-slider-runnable-track{
    height:4px;
    background:transparent;
}

.filter-box .range-slider input[type="range"]::-moz-range-track{
    height:4px;
    background:transparent;
}



.filter-box .location-filter{
    max-width:280px;
    font-family:'Poppins',sans-serif;
}

.filter-box .heading{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.filter-box .heading h3{
    margin:0;
    font-size:28px;
    font-weight:700;
    color:#222;
}

.filter-box .heading span{
    color:#888;
    font-size:16px;
    font-weight:600;
}

.filter-box .location-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.filter-box .location-item{
    position:relative;
    cursor:pointer;
}

.filter-box .location-item input{
    position:absolute;
    opacity:0;
}

.filter-box .location-item span{
    display:flex;
    align-items:center;
    justify-content:center;
    height:46px;
    border:1px solid #e7e7e7;
    border-radius:30px;
    background:#fff;
    color:#444;
    font-size:16px;
    transition:.3s;
}

.filter-box .location-item:hover span{
    border-color:#a6c741;
}

.filter-box .location-item input:checked + span{
    background:#a6c741;
    color:#fff;
    border-color:#a6c741;
    box-shadow: 0 8px 20px rgb(166 199 65 / 34%);
}


ul.n_ew {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

p.tg_lie i {
    color: #0a193a;
    margin-right: 5px;
}

p.tg_lie {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}


.dtm .date-time-wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin:20px 0;
}

.dtm .field-box label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    color:#444;
}

.dtm .form-control{
    width:100%;
    height:52px;
    padding:0 15px;
    border:1px solid #e5e5e5;
    border-radius:14px;
    background:#fff;
    font-size:15px;
    color:#333;
    outline:none;
    transition:.3s;
}

.dtm .form-control:focus{
    border-color:#00a99d;
    box-shadow:0 0 0 4px rgba(0,169,157,.12);
}

@media(max-width:768px){
    .dtm .date-time-wrap{
        grid-template-columns:1fr;
    }
}



.login-dropdown{
    position:relative;
    display:inline-block;
}

.dropdown-content{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:180px;
    background: #060606;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
    overflow:hidden;
    z-index:9999;
}

.dropdown-content a{
    display:block;
    padding:12px 15px;
    text-decoration:none;
    color: #ffffff;
}

.dropdown-content a:hover{
    background:#f5f5f5;
    color: #000;
}
.theme-btn.nds{
    margin: 0;
    padding: 12px 18px;
    border-radius: 0;
    background: #000000;
}

section.bread_banner {
    /* height: 100vh; */
    position: relative;
    padding: 403px 0px 25px;
}

section.bread_banner:before {
    position:absolute;
    content:'';
    background: #0000006e;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(358deg, rgb(0 0 0 / 71%) 9.41%, rgb(255 255 255 / 0%) 50.17%);
}

.wrap_div_bread {
    position: absolute;
    z-index: 11;
    bottom: 30px;
    width: 56%;
}
.bred_text h2 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 56px;
    font-size: 35px;
}
.wrp_count {
    background: #fff;
    position: relative;
    padding: 22px 0px;
    margin-bottom: -56px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.renvia-counter-item.cs_ct{
    border-right: 2px solid #e8e8e8;
}

.bred_text span {
    color: #a6c741;
}

.renvia-counter-item.cs_ct .content h2{
    color: #000;
    font-size: small;
}

.renvia-counter-item.cs_ct .content span{
    font-size: 22px;
    font-weight: 900;
}
.renvia-counter-item.cs_ct .content p{
    color: #938f8f;
    font-weight: 600;
    font-size: 12px;
}

.right-side.sdc_cs {
    width: 37%!important;
}

.wrap_ab_im {
    width: 100%;
    height: 273px;
    position: relative;
}

.wrap_ab_im img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.desc.new_ds p {
    margin-bottom: 10px;
}
section.exclusive_project.cstr_s {
    padding-top: 125px;
    padding-bottom: 90px;
}
.wrap_ab_im:before {
    position: absolute;
    content: '';
    width: 179px;
    height: 128px;
    background: #a6c741;
    z-index: -1;
    top: -12px;
    left: -12px;
}

.wrap_ab_im:after {
    position: absolute;
    content: '';
    width: 179px;
    height: 128px;
    background: #2f2d2d;
    z-index: -1;
    right: -12px;
    bottom: -12px;
}

.ab_cio img {
    width: 45px;
}

.ab_cio {
    background: #f6f8ed;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 15px;
}
.bg_wht{background: #fff;}


.journey-section{
    padding: 60px 0;
    background:#fff;
}

.journey-header{
    max-width:700px;
    margin-bottom:70px;
}

.journey-header h2{
    font-size:48px;
    font-weight:800;
    margin-bottom:15px;
}

.journey-header p{
    color:#666;
    line-height:1.8;
}

.journey-wrapper{
    position:relative;
    overflow:hidden;
    transition:.5s;
}

.journey-wrapper.collapsed{
    max-height: 700px;
}

.journey-wrapper.expanded{
    max-height:3000px;
}

.timeline-line{
    position:absolute;
    left:50%;
    top:0;
    width:2px;
    height:100%;
    background:#e5e5e5;
    transform:translateX(-50%);
}

.timeline-item{
    display:flex;
    align-items:flex-start;
    width:100%;
    margin-bottom:120px;
    position:relative;
}

.timeline-item.left{
    justify-content:flex-start;
}

.timeline-item.right{
    justify-content:flex-end;
}

.timeline-item::before{
    content:"";
    width:16px;
    height:16px;
    border-radius:50%;
    /* background:#0d6efd; */
    position:absolute;
    left:50%;
    top:10px;
    transform:translateX(-50%);
    z-index:2;
}

.journey-section .content{
    width:38%;
}

.journey-section .content h3{
    font-size: 25px;
    margin-bottom: 5px;
    font-weight: 700;
}

.journey-section .content p{
    color:#666;
    line-height: 1.5;
}

.year{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    font-size:22px;
    font-weight:700;
    color:#444;
    margin-top:-5px;
    background: #e7eff7;
    padding: 8px 12px;
}

.fade-item{
    opacity:.35;
    filter:blur(1px);
}

.journey-wrapper.collapsed::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:180px;
    background:linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,1)
    );
}

.journey-wrapper.expanded::after{
    display:none;
}

.journey-btn{
    text-align:center;
    margin-top:20px;
}

.journey-btn button{
    background: #a6c741;
    color:#fff;
    border:none;
    padding: 10px 21px;
    border-radius:10px;
    cursor:pointer;
    font-size:16px;
    font-weight:600;
    border-radius: 0;
}

@media(max-width:768px){

    .timeline-line{
        left:20px;
    }

    .timeline-item{
        justify-content:flex-start !important;
        padding-left:60px;
    }

    .timeline-item::before{
        left:20px;
    }

    .year{
        left:70px;
        transform:none;
        top:-35px;
    }

    .content{
        width:100%;
    }
}

a.v_bt {
    display: inline-block;
    background: #eaeff5;
    padding: 4px 12px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
}
.col-md-8.mt_yu {
    margin-bottom: 31px;
}
.bred_text {
    width: 84%;
}

.bred_text p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 35px;
}
h2.tit_l {
    margin-bottom: 8px;
}

span.con_sp {
    font-size: 20px;
    font-weight: 700;
}

section.bread_banner_contact {
    position: relative;
    padding: 180px 0px 25px;
    background: url('../../image/page-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
section.bread_banner_contact:before {
    position:absolute;
    content:'';
    background: #0000006e;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(358deg, rgb(0 0 0 / 71%) 9.41%, rgb(255 255 255 / 0%) 50.17%);
}

.ctn_fr {
    margin-bottom: -109px;
    background: #fff;
    padding: 25px;
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 5px;
}

.contact-wrapper.new_ctn h3 {
    font-size: 19px;
    text-align: left;
    margin-bottom: 7px;
}

.contact-wrapper.new_ctn p {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.contact-wrapper.new_ctn .form-group {
    margin-bottom: 15px;
}

.contact-wrapper.new_ctn .form-group input {
    border: 1px solid #dddddd;
    padding: 8px 10px;
    border-radius: 10px;
}

.contact-wrapper.new_ctn .form-group textarea {
    border: 1px solid #dddddd;
    padding: 8px 10px;
    border-radius: 10px;
    height: 100px;
}

button.theme-btn.style-one.next {
    display: block;
    width: 100%;
    border-radius: 5px;
    background: #a6c741;
}

.contact-wrapper.new_ctn .form-group input.form_control::placeholder {color:#acaaaa; font-size: 14px;}
.contact-wrapper.new_ctn .form-group textarea.form_control::placeholder {color:#acaaaa;font-size: 14px;}


.wrap_loca {
    position: relative;
    margin-top: 50px;
}

.locat_img {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.locat_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

span.loc_tag {
    position: absolute;
    bottom: 86px;
    color: #a6c741;
    z-index: 4;
    left: 30px;
    font-size: 30px;
    font-weight: 700;
    transition: .5s;
}

.locat_img:before {position:absolute;content:'';/* background: #00000038; */background-image: linear-gradient(4deg, rgb(0 0 0 / 88%) 9.41%, rgb(255 255 255 / 0%) 89.17%);z-index: 1;width: 100%;height: 100%;}


.locat_content {
    background: #fff;
    margin: -67px 30px 0px;
    position: relative;
    z-index: 1;
    padding: 25px 23px;
    border-radius: 7px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: .5s;
    height: 183px;
}

.locat_content p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    color: #797e88;
}

a.view_bt {
    border: 1.8px solid #a6c741;
    padding: 5px 12px;
    color: #a5c640;
    font-weight: 500;
    border-radius: 6px;
    font-size: 14px;
    transition: .5s;
}
section.location_sec {
    padding: 75px 0px;
}
.renvia-info-left-box .content a {
    color: #a6c741;
    font-size: 16px;
}

.wrap_loca:hover .locat_content{transform: translateY(-12px);}
.wrap_loca:hover span.loc_tag{transform: translateY(-12px);}
.wrap_loca:hover .locat_img img{transform: scale(1.1);}



.client-section{
    padding: 50px 0 90px;
    background: #ffffff;
    overflow:hidden;
}



.client-slider{
    position:relative;
    overflow:hidden;
    background: #fff;
    padding: 8px 17px;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.08);
    margin-top: 40px;
}

.client-slider::before,
.client-slider::after{
    content:"";
    position:absolute;
    top:0;
    width:120px;
    height:100%;
    z-index:2;
}

.client-slider::before{
    left:0;
    background:linear-gradient(to right,#f8f9fc,transparent);
}

.client-slider::after{
    right:0;
    background:linear-gradient(to left,#f8f9fc,transparent);
}

.client-track{
    display:flex;
    width:max-content;
    animation:scroll 25s linear infinite;
}

.client-track:hover{
    animation-play-state:paused;
}

.client-item{
    width:220px;
    height: 129px;
    background:#fff;
    margin:0 15px;
    display:flex;
    align-items:center;
    justify-content:center;
    /* box-shadow:0 8px 25px rgba(0,0,0,0.08); */
    transition:.4s;
}

.client-item:hover{
    transform:translateY(-8px);
}

.client-item img{
    max-width: 169px;
    max-height: 80px;
    object-fit:contain;
    /* filter:grayscale(100%); */
    transition:.4s;
}

.client-item:hover img{
    filter:grayscale(0);
}

@keyframes scroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* Mobile */
@media(max-width:768px){

    .section-title h2{
        font-size:30px;
    }

    .client-item{
        width:160px;
        height:90px;
    }

    .client-item img{
        max-width:100px;
    }
}


section.bread_banner_career {
    position: relative;
    padding: 214px 0px 104px;
    background: url('../../image/page-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
section.bread_banner_career:before {
    position:absolute;
    content:'';
    background: #0000006e;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(82deg, rgb(0 0 0 / 57%) 9.41%, rgb(255 255 255 / 0%) 38.17%);
}
.carrer_wrp .bred_text{
    z-index: 1;
    position: relative;
}
a.View_o {
    padding: 7px 12px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
}
p.msr {
    margin-bottom: 12px;
}
.wrap_ab_im_n img {
    width: 100%;
    height: 321px;
    object-fit: cover;
}

.company-overview.bg_wht_bs .feature-box{
    background: transparent;
    box-shadow: none;
}

.company-overview.bg_wht_bs .feature-box .ab_cio{background: transparent;}

.service-tabs-wrap.cstm_rd {
    display: flex;
    gap: 40px;
    margin-top: 50px;
}

.service-tab-nav.cstm_rs {
    display: block;
    border: 2px solid #dfdfdf94;
    border-radius: 9px;
    padding: 19px 14px;
    width: 234px;
}

.service-tab-nav.cstm_rs button {
    display: block;
    text-align: left;
    border: none;
    width: 100%;
    font-size: 16px;
    margin-bottom: 8px;
}
.service-tab-nav.cstm_rs button.active{background: #ecf4ff;color: #a6c741;border-bottom: 2px solid #dfdfdf91;}

.service-tabs-wrap.cstm_rd .service-tab-content-wrap{
    flex: 1;
    padding: 0px 55px;
}

table.unit-plan-table.new_tbl th{
    color: #a9a9a9;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
    padding: 14px 0px;
    font-weight: 500;
    font-size: 16px;
}
table.unit-plan-table.new_tbl td{
    color: #000;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
    padding: 8px 0px;
}
table.unit-plan-table.new_tbl thead{
    background: none;
}
td.bty a {
    background: #a6c741;
    color: #fff!important;
    padding: 4px 8px;
    border-radius: 2px;
}
td.bty {
    text-align: center!important;
}
section.drpo {
    padding: 60px 0px;
}


.career-gallery{
    padding:80px 0;
    background:#f8f9fb;
    overflow:hidden;
}



.slider-row{
    overflow:hidden;
    width:100%;
    margin-bottom:25px;
}

.slider-track{
    display:flex;
    width:max-content;
    gap:20px;
}

.slider-track img{
    width:320px;
    height:220px;
    object-fit:cover;
    flex-shrink:0;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.4s;
}

.slider-track img:hover{
    transform:translateY(-8px);
}

.slider-track.left{
    animation:slideLeft 35s linear infinite;
}

.slider-track.right{
    animation:slideRight 35s linear infinite;
}

@keyframes slideLeft{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

@keyframes slideRight{
    from{
        transform:translateX(-50%);
    }
    to{
        transform:translateX(0);
    }
}

.slider-row.mts:hover .slider-track{
    animation-play-state:paused;
}

@media(max-width:768px){

    .slider-track img{
        width:240px;
        height:170px;
    }

    .gallery-title h2{
        font-size:32px;
    }
}


.slider-row.mts {
    margin-top: 65px;
}





.employee-review-section{
    padding:100px 0;
    background:#fff;
    overflow:hidden;
}

.employee-slider{
    position:relative;
    margin-top: 45px;
}

.employee-slide{
    display:none;
    align-items:center;
    gap:80px;
    animation:fadeSlide .6s ease;
}

.employee-slide.active{
    display:flex;
}

.employee-gallery{
    display:flex;
    align-items:flex-end;
    gap:25px;
}

.employee-thumbs{
    display:flex;
    width: 65%;
    justify-content: space-between;
}

.employee-thumbs img{
    width: 47%;
    height: 219px;
    object-fit:cover;
    border-radius: 0px;
}

.employee-main img{
    width: 100%;
    height: 420px;
    object-fit:cover;
}

.employee-content{
    max-width:500px;
}

.employee-content h3{
    font-size: 20px;
    margin-bottom: 4px;
    color:#111;
    font-weight: 700;
}

.employee-content span{
    display:block;
    margin-bottom: 6px;
    color:#777;
    font-size: 14px;
    font-weight: 500;
}

.employee-content p{
    color:#555;
    line-height:2;
    font-size: 14px;
}

.employee-nav{
    margin-top:40px;
    display:flex;
    justify-content: center;
    gap:15px;
}

.employee-nav button{
    width: 45px;
    height: 45px;
    border:none;
    border-radius:50%;
    background: #a6c741;
    color:#fff;
    font-size: 18px;
    cursor:pointer;
    transition:.3s;
}

.employee-nav button:hover{
    transform:translateY(-5px);
}

@keyframes fadeSlide{

    from{
        opacity:0;
        transform:translateY(20px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@media(max-width:991px){

    .employee-slide{
        flex-direction:column;
        gap:40px;
    }

    .employee-gallery{
        flex-direction:column;
    }

    .employee-thumbs{
        justify-content:center;
    }

    .employee-main img{
        width:100%;
        max-width:350px;
        height:auto;
    }

    .employee-content{
        text-align:center;
    }

    .employee-nav{
        justify-content:center;
    }
}

@media(max-width:576px){

    .employee-thumbs{
        flex-direction:column;
    }

    .employee-thumbs img{
        width:220px;
        height:280px;
    }

    .section-heading h2{
        font-size:36px;
    }
}

.employee-main {
    width: 50%;
}

section.terms {
    /* margin-top: 100px; */
    padding-top: 143px;
    padding-bottom: 85px;
}

.t_box h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
}

.t_box p {
    font-size: 14px;
    margin-bottom: 10px;
}

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

.t_box {
    margin-bottom: 30px;
}
.feature_head.mts_d {
    margin-bottom: 35px;
}
ul.bullets li {
    list-style: disc;
    font-size: 14px;
}

ul.bullets {
    padding-left: 17px;
}