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

body{font-family: "Inter", sans-serif;}


@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
        max-width: 1220px;
    }
}

.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}
:root{
    --main-color: #F58220;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

a{text-decoration: none;}
.dropdown-menu.show {
  -webkit-animation: fadeIn 0.3s alternate;
  /* Safari 4.0 - 8.0 */
  animation: fadeIn 0.3s alternate;
}
 
#myHeader {
    background: transparent;
    margin-bottom: -80px;
}
#myHeader.sticky,.inner-header{
    background: #fff !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.main-banner:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #000000;
  background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
  height: 150px;
  z-index: 0;
  opacity: .5;
}
#myHeader.sticky:after{
  display: none;
}
#myHeader .white-logo{display: block;}
#myHeader .black-logo{display: none;}
#myHeader.sticky .white-logo,.inner-header .white-logo {display: none !important;}
#myHeader.sticky .black-logo,.inner-header .black-logo{display: block !important;}
.nav-item.dropdown.dropdown-mega {
  position: static;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
    width: 100%;
    top: auto;
    left: 0;
    margin: auto;
    right: 0;
}
.navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 11;
  float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  background: #333;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}

.icons {
  display: inline-flex;
  margin-left: auto;
}
.icons a {
  transition: all 0.2s ease-in-out;
  padding: 0.2rem 0.4rem;
  color: #ccc !important;
  text-decoration: none;
}
.icons a:hover {
  color: white;
  text-shadow: 0 0 30px white;
}
    
p {
    font-size: 16px;
    line-height: 28px;
    color: #2a2a2a;
    margin-bottom: 1rem;
}
ul{line-height: 28px;}
strong {
    color: #222;
}
.orange-btn{
    background-color: #f58220;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 18px 35px;
}
.crm-dtoutr .crm-txt p{
  min-height: 85px;
}
.orange-btn:hover{color: #fff;background: #000;}
section{padding: 80px 0px;}
.heading {
    font-size: 46px;
    line-height: 55px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 600;
}
.line-txt {
    position: relative;
    padding-left: 50px;
    color: #f58220;
    margin-bottom: 10px;
    display: inline-block;
}
.line-txt:before{
    position: absolute;
    content: "";
    background-color: #f58220; 
    width: 30px;
    height: 2px;
    left: 5px;
    top: 13px;
}
.coments_clients p {
    text-align: left;
    font-size: 22px;
    line-height: 35px;
    font-weight: 500;
}
.media img {
    width: 64px !important;
    height: 64px !important;
}
.media .content {
    padding-left: 20px;
}
.media .content h5 {
    font-weight: 800;
}
#thumbs .owl-item {
    width: 73px !important;
    padding: 0 6px;
}
#thumbs img {
    width: 60px;
}
#thumbs .owl-stage {
    display: flex;
    align-items: end;
    justify-content: end;
    width: 100% !important;
}







/* menu css*/
.upr-link {
    position: absolute; 
    top: 0px; 
    color: #000;
    opacity: 0;
}
.position-static .upr-link {
    top: 14px;
    opacity: 0;
}
.upr-link:hover{
    color: #f58220;
    opacity: 1;
}
header .navbar {
    /*! background: #fff; */
    padding: 15px 0px;
    z-index: 9;
}
header .nav-link {
    font-size: 16px;
    padding: 10px 7px;
    color: #fff;
    font-weight: 400;
}   
header .nav-link.hdr-btn{
    display: inline-block;
    padding: 0 !important;
}
#myHeader.sticky .nav-link,.inner-header .nav-link{
    color: #000;
}
.nav-link:hover {
    color: #f58220;
}
.hdr-btn{position: relative;padding: 0!important;}
.nav-link.hdr-btn span{
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 10px 26px!important;
    font-size: 16px;
    color: #fff;
    z-index: 1;
    position: relative;
}
.nav-link.hdr-btn span:hover{border-color: var(--main-color);}
.hdr-btn::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    height: 100%;
    width: 0%;
    background-color: var(--main-color);
    transition: 0.3s ease-out;
}

.hdr-btn:hover::before {
    width: 100%;
}
.hdr-btn:hover span {
    color: #fff;
}
.sticky .nav-link.hdr-btn span, .inner-header .nav-link.hdr-btn span {
    border-color: var(--main-color);    
    color: #000;
}
.inner-header .nav-link.hdr-btn:hover span {
  color: #fff;
}


header .navbar-nav {
    gap: 10px;
}
header .dropdown-menu {
    padding: 0.5rem 0;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    padding-bottom: 6px !important;
    background-color: #fff;
    color: #000;
    box-shadow: 0 8px 10px rgba(0,0,0,.2);
    border-bottom: 4px solid #f58220;
}
header a.dropdown-item {
    display: block;
    color: #000;
    font-size: 15px;
    padding: 10px 20px;
    line-height: 17px;
}
header a.dropdown-item:hover{
    color: #f58220;
    background: transparent;  
}
@media (min-width: 992px) and (max-width: 1180px){
header .nav-link {font-size: 13px;}
.schdule_demo_btn a {font-size: 10px !important;padding: 13px 4px !important;}
}

@media (min-width: 1180px){
.nav-item.dropdown:hover .dropdown-menu.first,.dropend:hover .dropdown-menu{
    display: block;
}
.dropend .dropdown-toggle::after {
    /* float: right; */
    position: absolute;
    top: 18px;
    right: 6px;
}
.dropend .dropdown-toggle {
    position: relative;
}
.dropend .dropdown-menu {
    left: 100%;
    top: 0;
}
.dropend .upr-link {
    display: block;
    font-size: 13px;
    padding: 13px 10px;
    line-height: 17px;
    left: 9px;
    color: #d5d5d5;
    top: -4px;
    opacity: 0;
} 
}
@media (min-width: 992px) and (max-width: 1179px){
  .schdule_demo_btn a{display: none !important;}
}
@media screen and (max-width: 1023px){
.dropdown-toggle::after {
    float: right;
    top: 10px;
    position: relative;
}
.mega-content .highlight,.mega-content .col-12.col-lg-6.col-sm-12.col-md-12,header .megamenu button{display: none;}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
    width: 100%;
    border-radius: 0.25rem;
    padding-bottom: 6px !important;
    background-color: #222;
    color: #fff;
}
header .megamenu .caret-list a{color: #fff !important;}

}
/* 1023px end */

.menu-property-list.p-5{
  padding: 25px !important;
}



@media (min-width: 1180px) and (max-width: 1399px){
  header .nav-link {font-size: 16px !important; padding: 13px 3px !important;}
  .navbar-brand img {width: 100%;}
  .navbar-brand {flex: 0 0 18%;}
}


@media (min-width: 768px) and (max-width: 1023px){
  .mega-content .col-12.col-sm-12.col-md-4 {
    flex: 0 0 50%;
    padding-bottom: 0 !important;
  }
}


@media screen and (max-width: 767px){
.dropend .upr-link {
    display: block;
    font-size: 13px;
    padding: 13px 10px;
    line-height: 17px;
    left: 7px;
    color: #d5d5d5;
    top: -4px;
    opacity: 0;
} 
header .nav-link {
    padding: 12px 10px;
}

.highlight .text-end {
    text-align: left !important;
}
.highlight .list-link {
    padding-left: 0;
}
.mega-content .py-4 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
header a.dropdown-item:hover{color: #fff}
}
/* 767px end*/


header .megamenu {
    background-color: #fff;
}
header .megamenu .caret-list a {
    font-size: 14px;
    line-height: 17px;
    color: #222;
    text-decoration: none;
    padding: 10px;
}
header .megamenu .caret-list a:hover{text-decoration: underline;}
.caret-list a {
    position: relative;
}
.caret-list i {
    color: #f58220;
    margin-right: 5px;
    font-size: 14px;
}
header .megamenu button {
    background-color: transparent;
    padding: 0;
    border: none;
}
.btn-demo-1 {
    background: #17ba9e;
    display: inline-block;
    font-size: 16px;
    padding: 10px 15px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 17px;
    color: #fff;
    margin-right: 40px;
}
.btn-demo-1:hover{
    border-color: #17ba9e;
    color: #17ba9e;
}
.modal-header {
    background: #f58220;
    color: #fff;
}
.modal-header .btn-close {
    opacity: 1;
    filter: invert(1);
}
.menu-property-list h3{
  font-size: 22px;
  font-weight: 500;
  color: var(--main-color);
}
.menu-property-list .menu-card a{
  background: #fff;
  box-shadow: 9px 6px 32px #0000000D;
  display: inline-block;
}
.menu-property-list .menu-card a .megamenu-dropcontent{
  padding: 15px 15px 25px;
}
.menu-property-list .menu-card a .megamenu-dropcontent h5{
  font-size: 17px;
  font-weight: 400;
  color: #000;
  margin-bottom: 3px;
}
.menu-property-list .menu-card a:hover .megamenu-dropcontent h5{
  color: var(--main-color);
}
.menu-property-list .menu-card a .megamenu-dropcontent p{
  font-size: 14px;
  color: #BCBDC0;
  margin-bottom: 0;
}
.menu-property-list hr{
  margin: 1rem 0 1.3rem;
}
.mgmenu-rgtext p{
  line-height: 30px;
  margin-bottom: 25px;
}
.mgmenu-rgtext h6 a{
  font-size: 16px;
  padding: 10px 15px;
  border: 1px solid var(--main-color);
  color: #fff;
  border-radius: 5px;
  background: var(--main-color);
}
/* menu css end*/


/*  banner  */

.main-banner {
    position: relative;
    z-index: 1;
    height: 100vh;
    overflow: hidden;
    margin-bottom: -30px;
}   
.main-banner .video-background {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    z-index: -1; /* Make sure the video is behind content */
}
.main-banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Dark overlay to improve text visibility */
    z-index: 1;
}
.main-banner .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    z-index: 2;
}
.down-aarow {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    bottom: 50px;
}
.arrow-move {
    animation: arrowMove 1s ease-in-out infinite;
}

@keyframes arrowMove {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px); /* Moves the arrow down */
    }
}

.watch-btn{
    position: absolute;
    z-index: 1;
    right: 40px;
    bottom: 100px;
}
.watch-btn a{
    color: #fff;
}
.watch-btn a span{
    position: relative;
    display: inline-block;
}
.watch-btn a span:before {
    position: absolute;
    content: "";
    background: var(--main-color);
    width: 127%;
    height: 127%;
    left: -8px;
    z-index: -1;
    top: -7px;
    opacity: .6;
    border-radius: 100%;
    opacity: 0.1;
    animation: pulseAnimation 3s infinite; /* Apply the pulse animation */
}
@keyframes pulseAnimation {
    0% {
        transform: scale(1); /* Initial size */
        opacity: .1; /* Fully visible */
    }
    50% {
        transform: scale(1.1); /* Grow to 120% size */
        opacity: .8; /* Slightly transparent */
    }
    100% {
        transform: scale(1); /* Return to original size */
        opacity: .1; /* Fully visible */
    }
}

/*  banner  */
.line-left {
    position: relative;
    padding-bottom: 20px;
}
.line-left::before {
    position: absolute;
    content: "";
    background: #f58220;
    width: 70px;
    height: 2px;
    left: 0;
    bottom: 0;
}
.home-counter {
    /*padding: 60px 5px 40px;*/
    padding-top: 110px;
}
.counter-value.plus::after {
    content: "+"; 
}
.counter-value.pect::after {
    content: "%"; 
}
.counter-icon span {
    font-size: 26px;
    font-weight: 500;
    color: var(--main-color);
} 
.counter h4 {
    font-size: 16px;
    margin-bottom: 0;
}
.abut-tag .abt-stamp-outr {
    min-height: 102px;
    display: flex;
    object-fit: contain;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.abut-tag .abt-stamp-outr img{
  max-width: 60px;
}
.abut-tag h6{
  font-size: 12px;
  margin-top: 15px;
  line-height: 18px; 
}
.abut-tag .col {
    position: relative;
}
.abut-tag .col:after{
    position: absolute;
    content: "";
    background: url('../img/line.png');
    width: 1px;
    height: 85px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -5px;
}
.abut-tag .col:last-child:after{display: none;}
.home-counter .counter {
    margin-bottom: 30px;
}
.why-choose-sec {
    background: #f9f9f9;
    background-image: url('../img/map-bg.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 100% 50%;
}
.counter-icon {
    background: url('../img/counter-bg.png');
    background-repeat: no-repeat;
    padding: 40px 10px 20px 45px;
    background-size: auto;
    background-position: 50%;
    position: relative;
}
.counter-icon:after {
    position: absolute;
    content: "";
    background: url('../img/line.png');
    width: 1px;
    height: 85px;
    top: 15px;
    bottom: 0;
    margin: auto;
    right: 10px;
}
.count-tag .col:last-child .counter-icon:after{display: none;}
.counter-value,.counter-value-blnk{
    font-size: 42px;
    font-weight: 800;
    color: #000;
}
.about-video-slider .owl-item .row{
  display: none;
}
.about-video-slider .owl-item.active.center .row{
  display: flex;
}
.about-video-slider .owl-nav {
    top: 40%;
    position: absolute;
    width: 100%;
}
.about-video-slider .owl-nav .owl-prev {
    left: 15%;
    position: absolute;
}
.about-video-slider .owl-nav .owl-next {
    right: 15%;
    position: absolute;
}
.about-video-slider .owl-nav [class*=owl-]:hover{
    background: transparent !important;
}
.about-video-slider .owl-item{opacity: .4;}
.about-video-slider .owl-item.active.center{opacity: 1;}

.about-video-slider .owl-item h4 {
    font-size: 30px;
    color: var(--main-color);
    font-weight: 300;
}

.expnd-main{display: flex;}
.expnd-box {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  color: #fff;
  transition: flex .4s ease;
  position: relative;
  background-color: #000;
  overflow: hidden;
}

.expnd-box .overlay {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  transition: background-color .8s ease;
}

.expnd-box .content {
  z-index: 2;
}

#marketing {
  flex: 2;
  background: url('../img/ntz-house.png');
  background-repeat: no-repeat;
  background-size: cover;
}

#ntz-center{
    background: url('../img/ntz-center.png');
    background-repeat: no-repeat;
    background-size: cover;
}



/* map */
.oberoi-city-info{
    position: relative;

}
.oberoi-city-info .city-map {
    position: absolute;
    left: -24px;
    top: 0px;
    width: 40%;
    max-width: 275px;
}
.oberoi-city-info .city-map .main-map-box {
    position: relative;
}
.oberoi-city-info .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.oberoi-city-info .city-map .main-map-box .pin1, .oberoi-city-info .city-map .main-map-box .pin2, .oberoi-city-info .city-map .main-map-box .pin3, .oberoi-city-info .city-map .main-map-box .pin4, .oberoi-city-info .city-map .main-map-box .pin5, .oberoi-city-info .city-map .main-map-box .pin6, .oberoi-city-info .city-map .main-map-box .pin7, .oberoi-city-info .city-map .main-map-box .pin8, .oberoi-city-info .city-map .main-map-box .pin9, .oberoi-city-info .city-map .main-map-box .pin10, .oberoi-city-info .city-map .main-map-box .pin11, .oberoi-city-info .city-map .main-map-box .pin12 {
    position: absolute;
    display: block;
    width: 30%;
    transition: 0.5s linear;
}
.oberoi-city-info .city-map .main-map-box .pin1 {
    top: 95%;
    left: 25%;
}
.oberoi-city-info .city-map .main-map-box .pin2 {
    top: 20%;
    left: 0%;
}
.oberoi-city-info .city-map .main-map-box .pin3 {
    top: 27%;
    left: 40%;
}
.oberoi-city-info .city-map .main-map-box .pin4 {
    top: 40%;
    left: 10%;
}
.oberoi-city-info .city-map .main-map-box .pin5 {
    top: 40%;
    left: 96%;
}
.oberoi-city-info .city-map .main-map-box .pin6 {
    top: 61%;
    left: 5%;
}
.oberoi-city-info .city-map .main-map-box .pin7 {
    top: 65%;
    left: 35%;
}
.oberoi-city-info .city-map .main-map-box .pin10 {
    top: 46%;
    left: 52%;
}
.oberoi-city-info .city-map .main-map-box .pin12 {
    top: 4%;
    left: 30%;
}
.oberoi-city-info .city-map .main-map-box .pin11 {
    top: 76%;
    left: 78%;
}
.oberoi-city-info .city-map .main-map-box .pin1 a, .oberoi-city-info .city-map .main-map-box .pin2 a, .oberoi-city-info .city-map .main-map-box .pin3 a, .oberoi-city-info .city-map .main-map-box .pin4 a, .oberoi-city-info .city-map .main-map-box .pin5 a, .oberoi-city-info .city-map .main-map-box .pin6 a, .oberoi-city-info .city-map .main-map-box .pin7 a, .oberoi-city-info .city-map .main-map-box .pin8 a, .oberoi-city-info .city-map .main-map-box .pin9 a, .oberoi-city-info .city-map .main-map-box .pin10 a {
    color: rgb(38, 30, 4);
    padding: 0px;
    background: none;
}
.oberoi-city-info .city-map .main-map-box .pin1 a::before, .oberoi-city-info .city-map .main-map-box .pin2 a::before, .oberoi-city-info .city-map .main-map-box .pin3 a::before, .oberoi-city-info .city-map .main-map-box .pin4 a::before, .oberoi-city-info .city-map .main-map-box .pin5 a::before, .oberoi-city-info .city-map .main-map-box .pin6 a::before, .oberoi-city-info .city-map .main-map-box .pin7 a::before, .oberoi-city-info .city-map .main-map-box .pin8 a::before, .oberoi-city-info .city-map .main-map-box .pin9 a::before, .oberoi-city-info .city-map .main-map-box .pin10 a::before {
    width: 0px;
    height: 1px;
    content: "";
    position: absolute;
    top: 15px;
    left: 64px;
    opacity: 0;
    background: rgb(156, 109, 65);
    transition: 0.5s linear;
}
.oberoi-city-info .city-map .main-map-box .pin1 figure, .oberoi-city-info .city-map .main-map-box .pin2 figure, .oberoi-city-info .city-map .main-map-box .pin3 figure, .oberoi-city-info .city-map .main-map-box .pin4 figure, .oberoi-city-info .city-map .main-map-box .pin5 figure, .oberoi-city-info .city-map .main-map-box .pin6 figure, .oberoi-city-info .city-map .main-map-box .pin7 figure, .oberoi-city-info .city-map .main-map-box .pin8 figure, .oberoi-city-info .city-map .main-map-box .pin9 figure, .oberoi-city-info .city-map .main-map-box .pin10 figure {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(156, 109, 65);
    border-image: initial;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    margin: 0px auto;
    transition: 0.2s linear;
}
.oberoi-city-info .city-map .main-map-box .pin1 figure::before, .oberoi-city-info .city-map .main-map-box .pin2 figure::before, .oberoi-city-info .city-map .main-map-box .pin3 figure::before, .oberoi-city-info .city-map .main-map-box .pin4 figure::before, .oberoi-city-info .city-map .main-map-box .pin5 figure::before, .oberoi-city-info .city-map .main-map-box .pin6 figure::before, .oberoi-city-info .city-map .main-map-box .pin7 figure::before, .oberoi-city-info .city-map .main-map-box .pin8 figure::before, .oberoi-city-info .city-map .main-map-box .pin9 figure::before, .oberoi-city-info .city-map .main-map-box .pin10 figure::before {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    opacity: 0;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    border-width: 1px;
    border-style: solid;
    border-color: var(--main-color);
    border-image: initial;
    border-radius: 50%;
}
.oberoi-city-info .city-map .main-map-box .pin1 figure span, .oberoi-city-info .city-map .main-map-box .pin2 figure span, .oberoi-city-info .city-map .main-map-box .pin3 figure span, .oberoi-city-info .city-map .main-map-box .pin4 figure span, .oberoi-city-info .city-map .main-map-box .pin5 figure span, .oberoi-city-info .city-map .main-map-box .pin6 figure span, .oberoi-city-info .city-map .main-map-box .pin7 figure span, .oberoi-city-info .city-map .main-map-box .pin8 figure span, .oberoi-city-info .city-map .main-map-box .pin9 figure span, .oberoi-city-info .city-map .main-map-box .pin10 figure span {
    font-size: 15px;
}
.oberoi-city-info .city-map .main-map-box .pin1 figure span::before, .oberoi-city-info .city-map .main-map-box .pin2 figure span::before, .oberoi-city-info .city-map .main-map-box .pin3 figure span::before, .oberoi-city-info .city-map .main-map-box .pin4 figure span::before, .oberoi-city-info .city-map .main-map-box .pin5 figure span::before, .oberoi-city-info .city-map .main-map-box .pin6 figure span::before, .oberoi-city-info .city-map .main-map-box .pin7 figure span::before, .oberoi-city-info .city-map .main-map-box .pin8 figure span::before, .oberoi-city-info .city-map .main-map-box .pin9 figure span::before, .oberoi-city-info .city-map .main-map-box .pin10 figure span::before {
    color: rgb(109, 74, 42);
}
.oberoi-city-info .city-map .main-map-box .pin1 p, .oberoi-city-info .city-map .main-map-box .pin2 p, .oberoi-city-info .city-map .main-map-box .pin3 p, .oberoi-city-info .city-map .main-map-box .pin4 p, .oberoi-city-info .city-map .main-map-box .pin5 p, .oberoi-city-info .city-map .main-map-box .pin6 p, .oberoi-city-info .city-map .main-map-box .pin7 p, .oberoi-city-info .city-map .main-map-box .pin8 p, .oberoi-city-info .city-map .main-map-box .pin9 p, .oberoi-city-info .city-map .main-map-box .pin10 p {
    text-align: center;
    margin-top: 5px;
    font-size: 9px !important;
    margin-bottom: 0.3rem;
    line-height: 15px;
}
.lp-img-box {
    background: #FFFFFF;
    color: rgba(38, 30, 4, 0.7);
}

.oberoi-city-info .city-map .main-map-box .pin1 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin1 a.active::before, .oberoi-city-info .city-map .main-map-box .pin2 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin2 a.active::before, .oberoi-city-info .city-map .main-map-box .pin3 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin3 a.active::before, .oberoi-city-info .city-map .main-map-box .pin4 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin4 a.active::before, .oberoi-city-info .city-map .main-map-box .pin5 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin5 a.active::before, .oberoi-city-info .city-map .main-map-box .pin6 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin6 a.active::before, .oberoi-city-info .city-map .main-map-box .pin7 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin7 a.active::before, .oberoi-city-info .city-map .main-map-box .pin8 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin8 a.active::before, .oberoi-city-info .city-map .main-map-box .pin9 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin9 a.active::before, .oberoi-city-info .city-map .main-map-box .pin10 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin10 a.active::before {
    width: 25vw;
    opacity: 1;
}
.oberoi-city-info .city-map .main-map-box .pin1 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin1 a.active figure, .oberoi-city-info .city-map .main-map-box .pin2 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin2 a.active figure, .oberoi-city-info .city-map .main-map-box .pin3 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin3 a.active figure, .oberoi-city-info .city-map .main-map-box .pin4 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin4 a.active figure, .oberoi-city-info .city-map .main-map-box .pin5 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin5 a.active figure, .oberoi-city-info .city-map .main-map-box .pin6 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin6 a.active figure, .oberoi-city-info .city-map .main-map-box .pin7 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin7 a.active figure, .oberoi-city-info .city-map .main-map-box .pin8 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin8 a.active figure, .oberoi-city-info .city-map .main-map-box .pin9 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin9 a.active figure, .oberoi-city-info .city-map .main-map-box .pin10 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin10 a.active figure {
    width: 42px;
    height: 42px;
    margin-top: -4px;
    background: var(--main-color);
}
.oberoi-city-info .city-map .main-map-box .pin1 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin1 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin2 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin2 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin3 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin3 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin4 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin4 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin5 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin5 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin6 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin6 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin7 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin7 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin8 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin8 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin9 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin9 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin10 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin10 a.active figure::before {
    opacity: 1;
}
.oberoi-city-info .city-map .main-map-box .pin1 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin1 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin2 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin2 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin3 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin3 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin4 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin4 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin5 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin5 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin6 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin6 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin7 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin7 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin8 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin8 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin9 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin9 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin10 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin10 a.active figure span::before {
    color: rgb(255, 255, 255);
}

.oberoi-city-info .city-map .main-map-box a.active i{
  color: #fff !important;
}

/* map */





.footer-area {
    background-color: #000;
    padding-bottom: 25px;
    padding-top: 70px;
    margin-bottom: -40px;
    z-index: 9;
    position: relative;
}
.subscribe-area {
    padding: 40px 10px;
    position: relative;
    background: #f58220;
}
.subscribe-area::before { 
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #2e404d;
}
.subscribe-area .subscribe-content h3 {
    font-size: 30px;
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
}
.subscribe-area .subscribe-content h3 i {
    font-size: 36px;
    position: relative;
    bottom: -2px;
    margin-right: 3px;
}
.subscribe-area .newsletter-form {
    max-width: 580px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.subscribe-area .newsletter-form .input-newsletter {
    display: block;
    width: 100%;
    background-color: #ffffff;
    border: none;
    height: 45px;
    padding-left: 25px;
    outline: 0;
    color: #0d1820;
}
.subscribe-area .newsletter-form button {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #000;
    color: #ffffff;
    border: none;
    height: 45px;
    padding: 0 25px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    line-height: 40px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    pointer-events: all;
    /* cursor: pointer; */
}
.single-footer-widget h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #ffffff;
    position: relative;
}

.single-footer-widget .quick-links {
    padding-left: 15px;
    margin-bottom: 0;
}
.single-footer-widget .quick-links li {
    list-style-type: none;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}
.single-footer-widget .quick-links li::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--main-color);
    left: -15px;
    top: 11px;
}
.single-footer-widget li a {
    color: #fff;
    transition: ease-in-out 0.3s;
}
.single-footer-widget .quick-links li a:hover {
    color: #f58220;
}
.single-footer-widget .quick-links li a i {
    margin-right: 8px;
}
.single-footer-widget .quick-links.count-2 {
    column-count: 2;
}
.quick-links.contct{
    padding-left: 0;
    list-style: none;
}
.quick-links.contct li:after{display: none;}
.copyright-area {
    background-color: #000;
    padding-top: 25px;
    padding-bottom: 0px;
    border-top: 1px solid #fff;
}
.copyright-area p{margin-bottom: 0px;color: #fff;}
.copyright-area ul {
    gap: 20px;
    list-style: none;
}
.copyright-area ul li{position: relative;}
.copyright-area ul li:after {
    position: absolute;
    content: "";
    background: #fff;
    width: 1px;
    height: 24px;
    right: -11px;
    top: 1px;
}
.copyright-area ul li:last-child:after{
    display: none;
}
.copyright-area a {
    color: var(--main-color);
    /* padding: 0px 13px; */
    font-size: 26px;
}


/*====Under Tabbing onhover blocks Start=====*/
.section {
    display: flex;
    width: 100%;
    height: 500px;
    overflow: hidden;
  }

  .block {
    flex: .5;
    transition: all 0.8s ease;
    background-size: cover;
    background-position: center;
    position: relative;
    cursor: pointer;
    margin: 0 5px;
    border-radius: 5px;
  }

  .block .content {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: white;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    pointer-events: none;
  }

  .block.active {
    flex: 4;
  }

  .block h3{
    display: none;
  }
  .block.active h3{
    color: #fff;
    font-size: 16px;
    background: var(--main-color);
    padding: 10px 20px;
    border-radius: 0 5px 5px 0;
    margin-top: 40px;
    display: inline-block;
  }

  .block.active .content {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    background: rgba(0,0,0,.75);
    width: 40%;
    height: 90%;
    padding: 50px 30px;
    text-align: left;
    border-radius: 10px;
}
  .block.active .content h4{
    color: #fff;
    font-size: 22px;
    line-height: 34px;
    font-weight: 600;
  }
  .block.active .content p{
    color: #fff;
    line-height: 28px;
    margin: 15px 0;
  }
  .block.active .content h6 a{
    color: var(--main-color);
    text-decoration: underline;
    font-size: 16px;
  }

  .block::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
  }
  .block.active::before{
    background: rgba(0, 0, 0, 0);
  }

  .block h2 {
    position: absolute;
    bottom: 100px;
    left: -140px;
    color: white;
    z-index: 1;
    rotate: 90deg;
    width: 100%;
    font-size: 20px;
    margin: 0 auto;
    text-align: end;
    min-width: 300px;
    min-height: 147px;
    font-weight: 400;
}

  /* Example backgrounds */
  .block:nth-child(1) {
    background: url('../img/ntz-house.png') no-repeat;
    background-size: cover;
    background-position: 60% 0;
  }
  .block:nth-child(2) {
    background: url('../img/sebiz-block.jpg') no-repeat;
    background-size: cover;
    background-position: 100% 0;
  }
  .block:nth-child(3) {
    background: url('../img/ntzcenter-block.jpg') no-repeat;
    background-size: cover;
    background-position: 100% 0;
  }
  .block:nth-child(4) {
    background: url('../img/ntzsquare-blck.jpg') no-repeat;
    background-size: cover;
    background-position: 100% 0;
  }
  .block:nth-child(5) {
    background: url('../img/ntztower-blck.jpg') no-repeat;
    background-size: cover;
    background-position: 100% 0;
  }
  .block:nth-child(6) {
    background: url('../img/appworx.jpg') no-repeat;
    background-size: cover;
    background-position: 30% 0;
  }


  .our-spaces .hmpage-tabs li{ 
    width: 25%;
    padding-left: 0;
  }
  .our-spaces .hmpage-tabs li button{
    background: none;
    color: #2a2a2a;
    font-weight: 400;
  }
  .our-spaces .hmpage-tabs li button.active, .our-spaces .hmpage-tabs li button:hover{
    background: none;
    color: var(--main-color);
  }
  .responsive-video {
    width: 100%;
    display: block;
    height: auto;
  }
  .landing-project-info {
      padding-right: 7.3vw;
  }
  .lp-details {
    padding: 2.5vw 0px 2.5vw 2.5vw;
  }
  .lp-details h3{
    font-size: 44px;
    font-weight: 600;
    line-height: 55px;
    color: #000;
  }
  .responsive-img {
    width: 100%;
    display: block;
    height: 100%;
    position: relative;
    z-index: 99;
  }
  .oberoi-city-info .nav-pills .nav-link:focus-visible, .oberoi-city-info .nav-pills .nav-link:focus{
    outline: none;
  }

  /*=====CEO Message Start====*/
  .ceo-msg{
    background: #000;
  }
  .ceo-msg p{
    color: #fff;
    line-height: 30px;
    margin: 30px 0;
  }
  .ceo-msg h5{
    color: var(--main-color);
    font-size: 26px;
    line-height: 32px;
  }
  .ceo-msg h5 span{
    color: #fff;
    font-size: 18px;
    line-height: 32px;
  }
  /*=====CEO Message Ends====*/
  /*=====Upcoming Project Start====*/
  .upcoming-project{
    margin-bottom: 110px;
  }
  .main-title{
    font-size: 44px;
    line-height: 56px;
    color: #000;
    font-weight: 600;
  }

  /*=====Upcoming Project Ends====*/

  .commitment{
    background: #F8F8F8;
    margin-top: 0;
  }
  .commitmnt-imgar{
    margin-top: -126px;
  }
  .commit-text{
    padding-left: 5vw;
    padding-top: 4vw;
  }
  .commitment h3{
    font-size: 30px;
    font-weight: 600;
    line-height: 42px;
  }
  .commitment p{
    color: #2a2a2a;
    line-height: 30px;
    margin: 15px 0;
  }
  .commitment ul{
    list-style-type: none;
    column-count: 2;
    padding: 0;
  }
  .commitment ul li {
    list-style-type: none;
    padding-left: 50px;
    background: url('../img/commitment-sustain-icon1.png') no-repeat;
    font-size: 16px;
    color: #2a2a2a;
    margin-bottom: 45px;
    background-position: 0 8px;
    font-size: 16px;
    line-height: 30px;
    padding-right: 15px;
  }
  .commitment ul li:nth-child(2){
    background: url('../img/commitment-sustain-icon2.png') no-repeat;
  }
  .commitment ul li:nth-child(3){
    background: url('../img/commitment-sustain-icon3.png') no-repeat;
  }
  .commitment ul li:nth-child(4){
    background: url('../img/commitment-sustain-icon4.png') no-repeat;
  }
  .commitment .commit-text h6 a{
    color: #2a2a2a;
  }

  /*====Upper Footer====*/
  .smthng-specific{
    border-bottom: 1px solid #fff;
    padding-bottom: 70px;
    margin-bottom: 60px;
  }
  .smthng-specific h4{
    color: #fff;
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
  }
  .smthng-specific p{
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 30px;
    font-weight: 500;
  }
  .smthng-specific .col-md-3 a{
    color: #fff;
    font-size: 20px;
    margin-top: 15px;
    display: inline-block;
    font-weight: 500;
  }
  .smthng-specific .col-md-3 a:hover{
    color: var(--main-color);
  }
  .smthng-specific .col-md-3 a img{
    margin-left: 20px;
  }




  /*======About Us Page=====*/
  .about-banner .container-fluid{
    position: absolute;
    bottom: 10%;
  }
  .abt-bnnr-txt{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+25,ffffff+50,ffffff+77,ffffff+100&0+0,0.4+25,0.85+50,0.4+77,0+100 */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 25%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.4) 77%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 20px 0;
    z-index: 1;
    position: relative;
  }
  .abt-bnnr-txt ul{
    list-style-type: none;
    margin: 0;
  }
  .abt-bnnr-txt ul li{
    display: inline-flex;
    margin: 10px;
    min-width: 300px;
    text-align: left;
    align-items: center;
    vertical-align: middle;
  }
  .abt-bnnr-txt ul li img{
    float: left;
    /*border-right: 2px solid #000;*/
    margin-right: 20px;
  }
  .abt-bnnr-txt ul li p{
    font-size: 30px;
    line-height: 40px;
    color: #000;
    border-left: 2px solid #000;
    float: left;
    padding-left: 20px;
    margin-bottom: 0;
  }
  .abt-bnnr-txt ul li p small{
    color: #000;
    font-size: 18px;
  }
  .abt-bnnr-txt ul li p sub{
    font-size: 18px;
    bottom: 0;
  }
  .abt-ntz-square{
    background: #F8F8F8;
  }
  .metrics-lstng-rar{
    border-top: 1px solid #2a2a2a;
    padding-top: 40px;
    margin-top: 20px;
  }
  .metrics-lstng-rar h4{
    color: var(--main-color);
    font-size: 17px;
    font-weight: 600;
    padding-left: 40px;
  }
  .metrics-lstng-rar h4.ocno{
    background: url('../img/OC-no.png') no-repeat;
  }
  .metrics-lstng-rar h4.structure{
    background: url('../img/structure.png') no-repeat;
  }
  .metrics-lstng-rar h4.development-size{
    background: url('../img/development-size.png') no-repeat;
  }
  .metrics-lstng-rar h4.floor-plate{
    background: url('../img/floor-plate.png') no-repeat;
  }
  .metrics-lstng-rar h4.building{
    background: url('../img/building.png') no-repeat;
  }
  .metrics-lstng-rar ul{
    margin: 15px 0 25px;
  }
  .metrics-lstng-rar ul li{
    margin-bottom: 15px;
    line-height: 28px;
  }
  .amenities{
    padding: 80px 0;
  }
  .amenities-slider{
    background: #f2f2f2;
  }
  .amenities-slider .item .amenities-outer .amenities-txt{
    padding: 48px 30px;
    background: #f2f2f2;
  }
  .amenities-slider .item .amenities-outer .amenities-txt h5{
    font-size: 24px;
    color: #000;
    font-weight: 600;
    line-height: 35px;
  }
  .amenities-slider .item .amenities-outer .amenities-txt p{
    color: #000;
    line-height: 30px;
  }
  .amenities-slider .item .amenities-outer:hover, .amenities-slider .item .amenities-outer:hover .amenities-txt{
    background: var(--main-color);
  }
  .amenities-slider .item .amenities-outer:hover .amenities-txt h5, .amenities-slider .item .amenities-outer:hover .amenities-txt p{
    color: #fff;
  }
  .social-infra{
    background: #f2f2f2;
  }
  .social-infra h4{
    font-size: 26px;
    line-height: 36px;
    color: #000;
  }
  .social-accordian .accordion-item{
    background: none;
    border: none;
    border-bottom: 1px solid #dddddd;
  }
  .social-accordian .accordion-item h2 button{
    font-size: 18px;
    color: #000;
    line-height: 30px;
    font-weight: 600;
    background: none;
    outline: none;
  }
  .social-accordian .accordion-item h2 button:focus{
    outline: none;
    box-shadow: none;
  }
  .social-accordian .accordion-item .col-md-3{
    color: var(--main-color);
  }
  .tenants{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,f58220+100 */
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(245,130,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: none;
  }
  .tenants .row{
    align-items: center;
  }
  .tenants h2, .tenants p{
    color: #fff;
  }
  .tenants p{
    line-height: 30px;
    margin-top: 30px;
  }
  .owl-carousel.service-slider{
    height: 440px;
  }
  .owl-carousel .owl-stage-outer{
    height: 100%;
  }
  .service-slider .owl-item {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(.94) !important;
    -ms-transform: scale(.94) !important;
    transform: scale(.94) !important;
    margin-top: 90px;
    opacity: .7;
    margin-right: 0px !important;
  }
  .service-slider .owl-item.center{
    -webkit-transform: scale(1.47) !important;
    -ms-transform: scale(1.47) !important;
    transform: scale(1.47) !important;
    z-index: 99;
    margin-top: 95px;
    opacity: 1;
    margin-left: 62px;
    margin-right: 60px !important;
  }
  .service-slider .owl-item .item h4{
    font-size: 13px;
    line-height: 28px;
  }
  .service-slider .owl-item.center .item h4{
    color: var(--main-color);
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 1px;
  }
  .service-slider .owl-item .item p{
    display: none;
    color: #2a2a2a;
    line-height: 15px;
    font-size: 10px;
  }
  .service-slider .owl-item.center .item p{
    display: block;
  }
  .service .owl-carousel.service-slider .owl-nav, .group-companies .owl-carousel.group-companies-slider .owl-nav{
    top: 38%;
    position: absolute;
    width: 100%;
    display: block !important;
  }
  .service .owl-carousel.service-slider .owl-nav button, .group-companies .owl-carousel.group-companies-slider .owl-nav button{
    background: rgba(255, 255, 255, .6);
    padding: 5px 19px 10px !important;
    font-size: 35px;
    line-height: 35px;
    border-radius: 50%;
    position: absolute;
  }
  .service .owl-carousel.service-slider .owl-nav button:hover, .group-companies .owl-carousel.group-companies-slider .owl-nav button:hover{
    background: rgba(255, 255, 255, 1);
  }
  .service .owl-carousel.service-slider .owl-nav button:hover span, .group-companies .owl-carousel.group-companies-slider .owl-nav button:hover span{
    color: var(--main-color);
  }
  .service .owl-carousel.service-slider .owl-nav button.owl-prev, .group-companies .owl-carousel.group-companies-slider .owl-nav button.owl-prev{
    left: -2px;
  }
  .service .owl-carousel.service-slider .owl-nav button.owl-next, .group-companies .owl-carousel.group-companies-slider .owl-nav button.owl-next{
    right: -2px;
  }
  .service p, .everyday-convenience p{
    color: #2a2a2a;
  }
  .main-banner.about-banner{
    margin-bottom: 0;
  }

  .abtus-banner .bannerimg{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    z-index: -1;
  }
  .abtus-banner .bannerimg img{
    width: 100%;
  }
  .abtus-banner h5{
    color: #fff;
    font-size: 20px;
    text-shadow: 0 5px 5px rgba(0,0,0,.5);
  }
  .abtus-banner h3{
    color: #fff;
    font-size: 44px;
    font-weight: 600;
    text-shadow: 0 5px 5px rgba(0,0,0,.5);
  }
  .abtus-banner .abtbnnr-points{
    background: rgba(0,0,0,.85);
    padding: 25px 15px;
    border-radius: 5px;
    margin-top: 25px;
  }
  .abtus-banner .abtbnnr-points h4{
    color: var(--main-color);
    font-size: 28px;
  }
  .abtus-banner .abtbnnr-points p{
    color: #fff;
    margin-bottom: 0;
  }
  .main-banner.abtus-banner {
    height: auto;
    padding-bottom: 0;
}
  .main-banner.abtus-banner:after{
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0) 100%);
  }
  .abtus-banner .container{
    padding: 10% 0;
  }
  .overview{
    /*background: #f8f8f8;*/
    padding-bottom: 60px;
  }
  .overview h5{
    color: var(--main-color);
    font-size: 20px;
  }
  .overview h2{
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    color: #000;
  }
  .overview ul{
    list-style-type: none;
    padding: 0;
  }
  .overview ul li{
    display: inline-block;
    margin: 5px;
    padding: 15px;
    border: 1px solid var(--main-color);
    width: 23%;
    color: #2a2a2a;
    font-size: 16px;
  }
  .overview ul li b{
    display: block;
    color: var(--main-color);
    font-size: 18px;
  }
  .group-companies-slider{
    min-height: initial;
  }
  .grpcomp-txt h6 a{
    color: #2a2a2a;
  }
  .group-companies-slider .owl-item{
    margin-top: 15px;
    text-align: center;
  }
  .owl-carousel.group-companies-slider .owl-item img{
    display: inline-block;
    width: initial;
  }
  /*.group-companies-slider .item img{
    box-shadow: 5px 7px 10px #0000000D;
  }*/
  /*.group-companies .grpcomp-txt{
    padding-left: 8vw;
  }*/
  /*.group-companies .owl-carousel.group-companies-slider{
    height: 150px;
  }*/
  .group-companies .owl-carousel.group-companies-slider .owl-nav{
    top: 8%;
  }
  .group-companies .owl-carousel.group-companies-slider .owl-nav button{
    background: rgba(0, 0, 0, .05);
    border: 1px solid #f2f2f2;
    padding: 1px 13px 6px !important;
    line-height: 30px;
  }
  .group-companies .owl-carousel.group-companies-slider .owl-nav button.owl-prev{
    left: -32px;
  }
  .group-companies .owl-carousel.group-companies-slider .owl-nav button.owl-next{
    right: -32px;
  }


  /*======Timeline Start=====*/
  .timeline {
      display: flex;
      justify-content: space-between;
      gap: 0px;
      margin: auto;
      flex-wrap: wrap;
    }

    .timeline .block {
      flex: 1;
      min-width: 0;
      height: 650px;
      overflow: hidden;
      cursor: pointer;
      transition: all 0.5s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      background-size: cover;
      background-position: center;
      color: #fff;
      filter: grayscale(100%);
      background-image: var(--img);
    }

    .timeline .block.active {
      flex: 3.5;
      filter: grayscale(0%);
      background-image: none !important;
    }

    .timeline .block-inner {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 0px;
      background-color: rgba(0, 0, 0, 0.5);
      transition: all 0.5s ease;
    }

    .timeline .block.active .block-inner {
      flex-direction: row;
      align-items: center;
      justify-content: center;
      background-color: #f2f2f2;
    }
    .timeline .block::before{
      background: rgba(0, 0, 0, 0.001);
    }

    .timeline .block-title {
      position: absolute;
      font-size: 35px;
      font-weight: bold;
      z-index: 2;
      text-align: center;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-shadow: 0 3px 10px rgba(0, 0, 0, .4);
    }

    .timeline .block.active .block-title {
      /*display: none;*/
      left: 22%;
      text-shadow: 0 4px 10px rgba(0,0,0,.3);
    }

    .timeline .block-content {
      opacity: 0;
      transition: opacity 0.5s ease;
      font-size: 16px;
      max-width: 90%;
      text-align: center;
      padding: 20px;
      color: #2a2a2a;
    }
    .timeline .block{
      margin: 0 1px;
    }

    .timeline .block.active .block-content {
      opacity: 1;
      flex: 1;
    }

    .timeline .block-image {
      flex: 1;
      background-size: cover;
      background-position: center;
      display: none;
      height: 100%;
    }

    .timeline .block.active .block-image {
      display: block;
    }

    @media (max-width: 768px) {
      .timeline {
        flex-direction: column;
      }

      .timeline .block {
        flex: none;
        width: 100%;
        height: auto;
      }

      .timeline .block.active .block-inner {
        flex-direction: column;
      }

      .timeline .block-image {
        height: 200px;
        border-radius: 0;
      }

      .timeline .block.active .block-image {
        display: block;
      }
    }



    .core-value{
      background: #000;
    }
    .mision-vission{
      border-left: 1px solid #fff;
    }
    .mision-vission h4{
      color: var(--main-color);
      font-size: 24px;
    }
    .mision-vission p{
      color: #fff;
      line-height: 28px;
    }
    .mision-vission hr{
      border-top: 1px solid #fff;
      margin: 25px 0;
      opacity: 1;
    }
    .owl-carousel .owl-item .leader-outr img{
      width: auto;
      max-width: 100%;
    }
    .abtceo-msgs h3{
      font-weight: 600;
      font-size: 30px;
      color: #000;
      line-height: 42px;
      margin-top: 20px;
    }
    .abtceo-msgs p {
      line-height: 30px;
      margin: 20px 0;
    }
    .abtceo-msgs h5 {
      color: var(--main-color);
      font-size: 26px;
      line-height: 32px;
    }
    .abtceo-msgs h5 span {
      font-size: 18px;
      line-height: 32px;
      color: #2a2a2a;
      font-weight: 300;
    }
    .abtceo-msgs .owl-theme .owl-nav{
      position: absolute;
      width: 100%;
      left: 0;
      top: 40%;
    }
    .abtceo-msgs .owl-theme.leaders-slider .owl-nav button{
      background: rgba(0, 0, 0, .05);
      padding: 5px 19px 10px !important;
      font-size: 35px;
      line-height: 35px;
      border-radius: 50%;
      position: absolute;
      border: 1px solid #f2f2f2;
    }
    .abtceo-msgs .owl-theme.leaders-slider .owl-nav button:hover{
      background: rgba(255, 255, 255, 1);
    }
    .abtceo-msgs .owl-theme.leaders-slider .owl-nav button:hover span{
      color: var(--main-color);
    }
    .abtceo-msgs .owl-theme .owl-nav button.owl-prev{
      left: -70px;
      position: absolute;
    }
    .abtceo-msgs .owl-theme .owl-nav button.owl-next{
      right: -70px;
      position: absolute;
    }
    .our-business{
      background: #fff3ea;
    }
    .our-business h5{
      color: var(--main-color);
      font-size: 24px;
      font-weight: 600;
      line-height: 35px;
    }
    .our-business .bussslide-outer{
      background: #fff;
      margin-top: 50px;
    }
    .our-business .bussslide-outer h4{
      font-size: 20px;
      line-height: 32px;
      color: #000;
    }
    .our-business .bussslide-outer .col-md-5.text-center{
      padding: 30px;
    }
    .our-business .bussslide-outer h6 a{
      font-size: 16px;
      line-height: 30px;
      color: #000;
    }
    .our-business .bussslide-outer h6 a:hover{
      color: var(--main-color)
    }

    /*================================*/
    /*======Sustainability Start======*/
    /*================================*/
    .sustainability-bnnr .container-fluid{
      z-index: 99;
      bottom: 35%;
      position: absolute;
    }
    .sustainability-bnnr-txt h1{
      font-size: 58px;
      font-weight: 700;
      color: #fff;
      line-height: 80px;
      margin-bottom: 18px;
      text-shadow: 0 1px 10px rgba(0, 0, 0, .8);
    }
    .sustainability-bnnr-txt h1 span{
      color: #f58220;
    }
    .sustainability-bnnr-txt p {
      color: #fff;
      line-height: 34px;
      font-size: 20px;
      text-shadow: 0 1px 10px rgba(0, 0, 0, .8);
      max-width: 1080px;
      margin: 0 auto;
    }
    .sustain-after-bnnr h2 {
      font-weight: 500;
      font-style: normal;
      font-size: 80px;
      font-weight: 500;
      line-height: 110%;
      background: -webkit-linear-gradient(transparent, transparent), url('../img/sustainability-text-bg.png') no-repeat;
      background-size: cover;
      background-clip: text;
      background-position: 100% 43%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      max-width: 1050px;
      margin-bottom: 4rem;
      width: 75%;
  }
  .environmental{
    background: #129191;
    padding: 80px 0 60px;
}
.environmental .esg-txtar{
    padding-left: 40px;
    margin-bottom: 25px;
}
.environmental .esg-txtar h3{
    font-size: 44px;
    margin: 12px 0;
}
.environmental .esg-txtar p{
    color: #fff;
    line-height: 30px;
}
.esg-hvrtxt {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,.8) 50%, rgba(0,0,0,0) 100%);
    padding: 15px 10px;
    position: absolute;
    width: 100%;
    bottom: 0;
    top: calc(100% - 52px);
    overflow: hidden;
    transition: .3s ease-in all;
}
.card:hover .esg-hvrtxt{
    top: calc(100% - 150px);
    cursor: pointer;
}
.esg-hvrtxt h5{
    color: #fff;
}
.esg-hvrtxt p{
    color: #fff;
    font-size: 14px;
}
.esg-hvrtxt p a{
    color: #f58220;
    text-decoration: underline;
}
.environmental .col-md-8{
    column-gap: 1.25rem;
    column-count: 2;
}
.environmental .col-md-8 .card{
    height: fit-content;
    position: relative;
    margin-bottom: 25px;
    border-radius: 0;
    border: none;
}
.environmental.social{
    background: #92D1FF;
}
.environmental.social .esg-txtar p, .environmental.social .esg-txtar h3, .environmental.governance .esg-txtar p, .environmental.governance .esg-txtar h3{
    color: #000;
}
.environmental.social .esg-txtar{
    padding-left: 15px;
    padding-right: 40px;
}
.environmental.governance{
    background: #D0B5D5;
}
/*.building-image img {
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.building-img:hover img{
  transform: scale(1.05);
}*/
.sustain-focus{
  margin-top: 30px;
}
.building-content {
    position: relative;
    padding: 3rem;
    margin-left: -10rem;
    background-color: #fff;
}
.building-content h4{
  font-size: 28px;
  line-height: 40px;
  color: #000;
}
.building-content p{
  line-height: 30px;
  color: #2a2a2a;
}
.guiding-priciple{
  background: #f8f8f8;
}
.guiding-priciple p{
  line-height: 30px;
}
.gp-innr-ar{
  background: #fff;
  border-radius: 5px;
  padding: 20px 15px 15px;
  box-shadow: 0 2px 12px rgba(0,0,0,.15) ;
  margin-top: 10px;
}
.gp-innr-ar h4 {
    font-size: 26px;
    color: #000000;
    background: url('../img/principle-icon.png') no-repeat;
    padding-left: 55px;
    background-size: 42px;
    font-weight: 600;
    padding-bottom: 5px;
    line-height: 42px;
}
    /*================================*/
    /*======Sustainability Ends======*/
    /*================================*/


/*================================*/
/*=====Partner With Us Start======*/
/*================================*/
.partner-bnnr {
    background-image: url(https://brigade-groups.beta.webenza.net/static/brigade/images/count_num_sec_bg.png);
    margin-top: 70px;
    padding-top: 60px;
    height: 42vh;
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
    overflow: hidden;
}
.animation_sun {
    position: absolute;
    left: unset;
    z-index: -1;
    padding-top: 0;
    right: 18%;
    top: 10%;
}
.sun_item {
    z-index: 100;
    padding: 5px;
}
.partner-bnnr .circle {
    border-radius: 50%;
    background-color: var(--main-color);
    width: 200px;
    height: 200px;
    position: absolute;
    opacity: 0;
    animation: scaleIn 6s infinite cubic-bezier(.36, .11, .89, .32);
}

.pulse {
  animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes scaleIn {
    from {
        transform: scale(.5, .5);
        opacity: .5
    }
    to {
        transform: scale(2.5, 2.5);
        opacity: 0
    }
}


.prtner-img{
  padding-top: 40px;
}
.prtner-img img{
  width: 100%;
}
.prtnr-blcktxt h4 {
    color: #4f4f4f;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    width: 82%;
    line-height: 30px;
}
.prtnr-blcktxt p{
  line-height: 30px;
}
.jd-content {
    background: #fff;
    position: relative;
    padding: 30px;
    float: right;
    width: 85%;
    margin-top: -3rem;
    z-index: 2;
}
.jd-content h4{
  font-size: 22px;
  line-height: 34px;
  font-weight: 600;
}
.jd-content p{
  color: #2a2a2a;
}
.jd-content h6 a{
  color: #000;
}
.jd-content h6 a:hover{
  color: var(--main-color);
}
/*================================*/
/*=====Partner With Us Ends======*/
/*================================*/

/*================================*/
/*======Contact Us Start==========*/
/*================================*/
.abtus-banner.contact-banner .bannerimg {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    z-index: -1;
    transform: translateY(-30%);
}
.contct-bnrhdg{
  color: #fff;
  font-weight: 600;
  z-index: 1;
  position: relative;
}
.banner-form {
    padding: 32px;
    /*box-shadow: 0 4px 10px rgba(0,0,0,.25);*/
}
.banner-form form input, .banner-form form select {
    background-clip: initial !important;
    height: 52px;
    border-radius: 4px !important;
}
.sales-query h3{
  font-size: 28px;
  font-weight: 600;
  color: var(--main-color);
  margin-bottom: 20px;
}
.sales-query h6{
  font-size: 18px;
  line-height: 30px;
}
.sales-query p{
  margin-bottom: 5px;
}
.sales-query hr{
  margin: 20px 0;
}
form input[type=submit] {
    background-color: var(--main-color);
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    width: auto;
    padding: 10px 30px;
}


/*======Giving Back=====*/

.gb-bnnr {
    background-position: 50% 50%;
}
.banner_text .carousel-indicators {
    display: none;
}
#client_sucesss_detail {
    background-size: cover;
    transition: all .5s;
    padding: 70px 0;
    z-index: 997;
}
#hero {
    width: 100%;
    padding: 150px 0 20px;
    position: relative;
}
#hero h1, #hero h2 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 56px;
    margin-top: 80px;
    font-weight: 700;
    line-height: 1.2;
}
#hero p {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    margin: 0 auto 40px auto;
    color: #fff;
    font-size: 28px;
}
.who_we_serv h6 {
    color: #f58220;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 100px;
    font-weight: 700;
    margin-bottom: 15px;
}
.section-title {
    padding-bottom: 45px;
}
.section-title h2 {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}
h2.main-heading {
    color: #090909;
    font-weight: 700 !important;
    font-size: 40px !important;
    max-width: 900px;
    margin: 0 auto !important;
    line-height: 52px;
    border: none !important;
    text-transform: none !important;
}
.gb-chamber {
    background: #f2f6fa;
}
.gvb-sacc-outr {
    box-shadow: 0 0px 10px rgba(0,0,0,.06);
    border-radius: 30px;
}
.gv_section img {
    width: 100%;
}
.gv_section h2, .gv_section h4 {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    padding-top: 20px;
}
.saac-blcktxt-outr {
    background: #fff;
    padding: 15px 25px 25px 25px;
    border-radius: 0 0 30px 30px;
    min-height: 218px;
}
.saac-blcktxt-outr h4 {
    color: #f58220;
}
.comment_give {
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    color: #000;
}

.empowering-tab {
    background: #f2f6fa;
}
.empowering-tab .nav-tabs {
    border: none;
    text-align: center;
}
.empowering-tab .nav-tabs li {
    text-align: center;
}
.empowering-tab .nav-tabs li a {
    border: none;
    color: #000;
    font-size: 16px;
    background: none;
}
.empowering-tab .nav-tabs li a.active {
    color: #f58220;
    background: none;
    border-bottom: 1px solid #f58220;
}
.who_we_serv h6 {
    color: #f58220;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 100px;
    font-weight: 700;
    margin-bottom: 15px;
}
.who_we_serv h3 {
    color: #090909;
    font-weight: 700;
    font-size: 40px;
    /*max-width: 900px;*/
    margin: 0 auto !important;
    line-height: 52px;
    text-align: center;
}
.who_we_serv p {
    margin: 10px auto 20px;
    max-width: 1050px;
    font-size: 16px;
    text-align: center;
    width: 100%;
}
.csr_box img {
    width: 100%;
    border-radius: 5px;
}
.csr_box h2, .csr_box h4 {
    font-family: "Inter",sans-serif;
    font-weight: 700;
    padding-top: 20px;
    font-size: 20px;
}



/*======GCC=====*/

.gcc-banner {
    background: url('../img/gcc-banner-bg.jpg');
    background-size: cover;
    position: relative;
    padding: 160px 0 120px;
}
.gcc-banner * {
    position: relative;
}
.gcc-banner::before {
    content: '';
    background: linear-gradient(to right, #000000, #00000080);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 0;
}

.gcc-banner h2 {
    font-size: 50px;
    max-width: 900px;
    width: 100%;
    font-weight: 700;
    line-height: 65px;
}
.gcc-banner p {
    width: 100%;
    max-width: 700px;
    font-size: 20px;
}
.trusted-by-sec img {
    height: 70px;
    object-fit: contain;
    object-position: center;
}
.trusted-by-sec h6 {
    color: #999;
}
.gcc-counter img {
    min-height: inherit;
    margin-bottom: 15px;
}
.gcc-counter .abut-tag img{
  max-width: 55px;
}
.gcc-counter h6 {
    font-size: 13px;
    font-weight: 400;
}
.gcc-nmbr p {
    font-size: 24px;
    /* margin: 0; */
    line-height: 1.5;
}
.gcc-nmbr p span {
    font-size: 38px;
    display: block;
    color: #f68220;
}

.odc-keyb-box {
    border: 1px solid #d7d7d7;
    margin: 10px 0;
    padding: 30px 20px 20px;
    height: 95% !important;
    background: #fff6ef;
}
.odc-keyb-box h4 {
    font-size: 26px;
    color: #000;
    margin: 0 0 40px;
    font-weight: 400;
    position: relative;
}
.odc-keyb-box h4::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -25px;
    background: #f58220;
    width: 70px;
    height: 4px;
}
.gcc-standards h5 {
    color: #f68220;
    font-size: 22px;
}
.gcc-people-box img {
    width: 55px;
}
.gcc-people-box h4 {
    font-size: 18px;
    margin-top: 12px;
}
.infrastructure-sec ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.infrastructure-sec ul li {
    display: inline-block;
    background: #000;
    margin: 7px;
    padding: 15px 17px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.gcc-table thead {
    background: #f5851f;
    color: #fff;
}
.gcc-table .table thead th {
    vertical-align: middle;
}
.gcc-table tbody tr th, .gcc-table tbody tr td {
    vertical-align: middle;
    border-color: #d7d7d7;
}

.gcc-road-sec h3 {
    font-size: 36px;
}

.road {
    position: absolute;
    bottom: -10px;
    background: #726659;
}

.gcc-road-sec h5 {
    font-size: 28px;
    margin-top: -30px;
    color: #f5851f;
    font-weight: 700;
}
img{max-width: 100%;}
.road-box img {
    width: 25px;
    position: relative;
}
.gcc-testimonial-slider {
    overflow-x: hidden;
    padding-bottom: 120px;
    display: none;
}
.coments_clients {
    max-width: 500px;
}
.testimonials_main .media .content {
    margin-top: 10px;
}
.gcc-testimonial-slider .carousel-inner {
    overflow: visible;
}
.gcc-testimonial-slider .carousel .carousel-indicators {

}
.gcc-testimonial-slider .carousel .carousel-indicators {
    left: inherit;
    display: block;
    position: absolute;
    top: 230px;
    margin-right: 0;
    right: 20px;
}
.gcc-testimonial-slider .carousel .carousel-indicators button {
    height: auto;
    background: none;
    text-indent: 0;
    width: 50px;
}


/*=====================*/





.modal .modal-content button {
    position: absolute;
    right: -5px;
    z-index: 99;
    border: none;
    background: #000 !important;
    text-align: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    top: -10px;
    opacity: 1;
    filter: none;
}
.modal .modal-content button span {
    color: #fff;
    text-shadow: none;
    opacity: 1;
    font-size: 35px;
    line-height: 0.8;
}
.modal video {
    margin-bottom: -6px;
}

/* map */
.oberoi-city-info{
    position: relative;

}
.oberoi-city-info .city-map {
    position: absolute;
    left: -24px;
    top: 0px;
    width: 40%;
    max-width: 275px;
}
.oberoi-city-info .city-map .main-map-box {
    position: relative;
}
.oberoi-city-info .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.oberoi-city-info .city-map .main-map-box .pin1, .oberoi-city-info .city-map .main-map-box .pin2,
.oberoi-city-info .city-map .main-map-box .pin3, .oberoi-city-info .city-map .main-map-box .pin4,
.oberoi-city-info .city-map .main-map-box .pin5, .oberoi-city-info .city-map .main-map-box .pin6,
.oberoi-city-info .city-map .main-map-box .pin7, .oberoi-city-info .city-map .main-map-box .pin8,
.oberoi-city-info .city-map .main-map-box .pin9, .oberoi-city-info .city-map .main-map-box .pin10,
.oberoi-city-info .city-map .main-map-box .pin11, .oberoi-city-info .city-map .main-map-box .pin12 {
    position: absolute;
    display: block;
    width: 30%;
    transition: 0.5s linear;
}
.oberoi-city-info .city-map .main-map-box .pin1 {
    top: 95%;
    left: 25%;
}
.oberoi-city-info .city-map .main-map-box .pin2 {
    top: 20%;
    left: 0%;
}
.oberoi-city-info .city-map .main-map-box .pin3 {
    top: 27%;
    left: 34%;
}
.oberoi-city-info .city-map .main-map-box .pin4 {
    top: 40%;
    left: 10%;
}
.oberoi-city-info .city-map .main-map-box .pin5 {
    top: 40%;
    left: 90%;
}
.oberoi-city-info .city-map .main-map-box .pin6 {
    top: 61%;
    left: 5%;
}
.oberoi-city-info .city-map .main-map-box .pin7 {
    top: 66%;
    left: 35%;
}
.oberoi-city-info .city-map .main-map-box .pin10 {
    top: 44%;
    left: 48%;
}
.oberoi-city-info .city-map .main-map-box .pin11 {
    top: 74%;
    left: 76%;
}
.oberoi-city-info .city-map .main-map-box .pin12 {
    top: 4%;
    left: 30%;
}
.oberoi-city-info .city-map .main-map-box .pin1 a, .oberoi-city-info .city-map .main-map-box .pin2 a, .oberoi-city-info .city-map .main-map-box .pin3 a, .oberoi-city-info .city-map .main-map-box .pin4 a, .oberoi-city-info .city-map .main-map-box .pin5 a, .oberoi-city-info .city-map .main-map-box .pin6 a, .oberoi-city-info .city-map .main-map-box .pin7 a, .oberoi-city-info .city-map .main-map-box .pin8 a, .oberoi-city-info .city-map .main-map-box .pin9 a, .oberoi-city-info .city-map .main-map-box .pin10 a,
    .oberoi-city-info .city-map .main-map-box .pin11 a, .oberoi-city-info .city-map .main-map-box .pin12 a {
    color: rgb(38, 30, 4);
    padding: 0px;
    background: none;
}
.oberoi-city-info .city-map .main-map-box .pin1 a::before, .oberoi-city-info .city-map .main-map-box .pin2 a::before, .oberoi-city-info .city-map .main-map-box .pin3 a::before, .oberoi-city-info .city-map .main-map-box .pin4 a::before, .oberoi-city-info .city-map .main-map-box .pin5 a::before, .oberoi-city-info .city-map .main-map-box .pin6 a::before, .oberoi-city-info .city-map .main-map-box .pin7 a::before, .oberoi-city-info .city-map .main-map-box .pin8 a::before, .oberoi-city-info .city-map .main-map-box .pin9 a::before, .oberoi-city-info .city-map .main-map-box .pin10 a::before, .oberoi-city-info .city-map .main-map-box .pin11 a::before, .oberoi-city-info .city-map .main-map-box .pin12 a::before {
    width: 0px;
    height: 1px;
    content: "";
    position: absolute;
    top: 15px;
    left: 64px;
    opacity: 0;
    background: rgb(156, 109, 65);
    transition: 0.5s linear;
}
.oberoi-city-info .city-map .main-map-box .pin1 figure, .oberoi-city-info .city-map .main-map-box .pin2 figure, .oberoi-city-info .city-map .main-map-box .pin3 figure, .oberoi-city-info .city-map .main-map-box .pin4 figure, .oberoi-city-info .city-map .main-map-box .pin5 figure, .oberoi-city-info .city-map .main-map-box .pin6 figure, .oberoi-city-info .city-map .main-map-box .pin7 figure, .oberoi-city-info .city-map .main-map-box .pin8 figure, .oberoi-city-info .city-map .main-map-box .pin9 figure, .oberoi-city-info .city-map .main-map-box .pin10 figure, .oberoi-city-info .city-map .main-map-box .pin11 figure, .oberoi-city-info .city-map .main-map-box .pin12 figure {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(156, 109, 65);
    border-image: initial;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    margin: 0px auto;
    transition: 0.2s linear;
}
.oberoi-city-info .city-map .main-map-box .pin1 figure::before, .oberoi-city-info .city-map .main-map-box .pin2 figure::before, .oberoi-city-info .city-map .main-map-box .pin3 figure::before, .oberoi-city-info .city-map .main-map-box .pin4 figure::before, .oberoi-city-info .city-map .main-map-box .pin5 figure::before, .oberoi-city-info .city-map .main-map-box .pin6 figure::before, .oberoi-city-info .city-map .main-map-box .pin7 figure::before, .oberoi-city-info .city-map .main-map-box .pin8 figure::before, .oberoi-city-info .city-map .main-map-box .pin9 figure::before, .oberoi-city-info .city-map .main-map-box .pin10 figure::before, .oberoi-city-info .city-map .main-map-box .pin11 figure::before, .oberoi-city-info .city-map .main-map-box .pin12 figure::before   {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    opacity: 0;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    border-width: 1px;
    border-style: solid;
    border-color: var(--main-color);
    border-image: initial;
    border-radius: 50%;
}
.oberoi-city-info .city-map .main-map-box .pin1 figure span, .oberoi-city-info .city-map .main-map-box .pin2 figure span, .oberoi-city-info .city-map .main-map-box .pin3 figure span, .oberoi-city-info .city-map .main-map-box .pin4 figure span, .oberoi-city-info .city-map .main-map-box .pin5 figure span, .oberoi-city-info .city-map .main-map-box .pin6 figure span, .oberoi-city-info .city-map .main-map-box .pin7 figure span, .oberoi-city-info .city-map .main-map-box .pin8 figure span, .oberoi-city-info .city-map .main-map-box .pin9 figure span, .oberoi-city-info .city-map .main-map-box .pin10 figure span, .oberoi-city-info .city-map .main-map-box .pin11 figure span, .oberoi-city-info .city-map .main-map-box .pin12 figure span {
    font-size: 15px;
}
.oberoi-city-info .city-map .main-map-box .pin1 figure span::before, .oberoi-city-info .city-map .main-map-box .pin2 figure span::before, .oberoi-city-info .city-map .main-map-box .pin3 figure span::before, .oberoi-city-info .city-map .main-map-box .pin4 figure span::before, .oberoi-city-info .city-map .main-map-box .pin5 figure span::before, .oberoi-city-info .city-map .main-map-box .pin6 figure span::before, .oberoi-city-info .city-map .main-map-box .pin7 figure span::before, .oberoi-city-info .city-map .main-map-box .pin8 figure span::before, .oberoi-city-info .city-map .main-map-box .pin9 figure span::before, .oberoi-city-info .city-map .main-map-box .pin10 figure span::before, .oberoi-city-info .city-map .main-map-box .pin11 figure span::before, .oberoi-city-info .city-map .main-map-box .pin12 figure span::before {
    color: rgb(109, 74, 42);
}
.oberoi-city-info .city-map .main-map-box .pin1 p, .oberoi-city-info .city-map .main-map-box .pin2 p, .oberoi-city-info .city-map .main-map-box .pin3 p, .oberoi-city-info .city-map .main-map-box .pin4 p, .oberoi-city-info .city-map .main-map-box .pin5 p, .oberoi-city-info .city-map .main-map-box .pin6 p, .oberoi-city-info .city-map .main-map-box .pin7 p, .oberoi-city-info .city-map .main-map-box .pin8 p, .oberoi-city-info .city-map .main-map-box .pin9 p, .oberoi-city-info .city-map .main-map-box .pin10 p, .oberoi-city-info .city-map .main-map-box .pin11 p, .oberoi-city-info .city-map .main-map-box .pin12 p {
    text-align: center;
    margin-top: 5px;
    font-size: 9px !important;
    margin-bottom: 0.3rem;
    line-height: 15px;
}
.lp-img-box {
    background: #FFFFFF;
    color: rgba(38, 30, 4, 0.7);
}

.oberoi-city-info .city-map .main-map-box .pin1 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin1 a.active::before, .oberoi-city-info .city-map .main-map-box .pin2 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin2 a.active::before, .oberoi-city-info .city-map .main-map-box .pin3 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin3 a.active::before, .oberoi-city-info .city-map .main-map-box .pin4 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin4 a.active::before, .oberoi-city-info .city-map .main-map-box .pin5 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin5 a.active::before, .oberoi-city-info .city-map .main-map-box .pin6 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin6 a.active::before, .oberoi-city-info .city-map .main-map-box .pin7 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin7 a.active::before, .oberoi-city-info .city-map .main-map-box .pin8 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin8 a.active::before, .oberoi-city-info .city-map .main-map-box .pin9 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin9 a.active::before, .oberoi-city-info .city-map .main-map-box .pin10 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin10 a.active::before, .oberoi-city-info .city-map .main-map-box .pin11 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin11 a.active::before,.oberoi-city-info .city-map .main-map-box .pin12 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin12 a.active::before{
    width: 25vw;
    opacity: 1;
}
.oberoi-city-info .city-map .main-map-box .pin1 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin1 a.active figure, .oberoi-city-info .city-map .main-map-box .pin2 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin2 a.active figure, .oberoi-city-info .city-map .main-map-box .pin3 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin3 a.active figure, .oberoi-city-info .city-map .main-map-box .pin4 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin4 a.active figure, .oberoi-city-info .city-map .main-map-box .pin5 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin5 a.active figure, .oberoi-city-info .city-map .main-map-box .pin6 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin6 a.active figure, .oberoi-city-info .city-map .main-map-box .pin7 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin7 a.active figure, .oberoi-city-info .city-map .main-map-box .pin8 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin8 a.active figure, .oberoi-city-info .city-map .main-map-box .pin9 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin9 a.active figure, .oberoi-city-info .city-map .main-map-box .pin10 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin10 a.active figure, .oberoi-city-info .city-map .main-map-box .pin11 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin11 a.active figure,.oberoi-city-info .city-map .main-map-box .pin12 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin12 a.active figure{
    width: 42px;
    height: 42px;
    margin-top: -4px;
    background: var(--main-color);
}
.oberoi-city-info .city-map .main-map-box .pin1 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin1 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin2 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin2 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin3 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin3 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin4 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin4 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin5 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin5 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin6 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin6 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin7 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin7 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin8 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin8 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin9 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin9 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin10 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin10 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin11 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin11 a.active figure::before, .oberoi-city-info .city-map .main-map-box .pin12 a:hover figure::before, .oberoi-city-info .city-map .main-map-box .pin12 a.active figure::before {
    opacity: 1;
}
.oberoi-city-info .city-map .main-map-box .pin1 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin1 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin2 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin2 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin3 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin3 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin4 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin4 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin5 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin5 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin6 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin6 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin7 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin7 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin8 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin8 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin9 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin9 a.active figure span::before, .oberoi-city-info .city-map .main-map-box .pin10 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin10 a.active figure span::before.oberoi-city-info .city-map .main-map-box .pin11 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin11 a.active figure span::before.oberoi-city-info .city-map .main-map-box .pin12 a:hover figure span::before, .oberoi-city-info .city-map .main-map-box .pin12 a.active figure span::before {
    color: rgb(255, 255, 255);
}

.oberoi-city-info .city-map .main-map-box a.active i{
  color: #fff !important;
}

/* map */



.unmasking-gender p {
    font-size: 16px;
    line-height: 26px;
    /*padding: 16px 0;*/
    text-align: left;
    font-weight: 400;
}
.day-at-ntz-vido {
    position: relative;
}
.day-at-ntz-vido .ply-btn img {
    position: absolute;
    display: flex;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.day-at-ntz-vido .ply-btn::before {
    content: "";
    background: #f6851f;
    width: 65px;
    height: 65px;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 100%;
    opacity: .5;
    animation: plyblink 1.5s linear infinite;
}
@keyframes plyblink {
    0% {
        opacity: .5
    }
    50% {
        opacity: .01
    }
    100% {
        opacity: .5
    }
}

.modal{
  height: auto;
}
.modal .btn-close{
  background: none !important;
  border: 1px solid #000 !important;
}
.modal .btn-close span{
  color: #fff !important;
  font-size: 24px !important;
}


.take-pledge{
  background: url('../img/green-feed-bg.png') no-repeat;
  background-size: cover;
}
.take-pledge .pledge-text{
  padding-left: 4rem;
}
.take-pledge .pledge-text h3{
  color: #000;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 30px;
}
.take-pledge .pledge-text h6{
  font-size: 36px;
  line-height: 48px;
  color: var(--main-color);
}

.residential-bnnr{
  background: url('../img/residential-banner.jpg')no-repeat;
  background-size: cover;
  background-position: 50% 30%;
  position: relative;
}
.residential-bnnr:before{
  content: '';
  background: linear-gradient(180deg, rgba(15, 15, 15, 0.7) 05.41%, rgba(0, 0, 0, 0.94) 500.44%);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
}

.residential-bnnr{
  padding-top: 250px;
  padding-bottom: 180px;
}
.residential-bnnr .resd-bnnr-txt{
  position: relative;
  z-index: 1;
}
.residential-bnnr h5{
  color: var(--main-color);
  font-size: 18px;
}
.residential-bnnr h1 {
  color: #fff;
  font-weight: 700;
  margin: 18px 0;
  font-size: 74px;
}
.residential-bnnr p{
  color: #fff;
  font-size: 20px;
}
.srvbx-outr .srvbx-innr-gcc{
  min-height: 225px;
}
.residential-bnnr p i{
  margin-right: 10px;
  color: var(--main-color);
}
.residential-bnnr .project-configurations .banner-configurations{
  margin-top: 20px;
}
.residential-bnnr .project-configurations .banner-configurations h4{
  color: var(--main-color);
  font-size: 20px;
}
/*.resd-overview img{
  border-radius: 150px 150px 0 0;
}*/
.resd-overview h2{
  position: relative;
  color: #000;
  font-size: 34px;
  font-weight: 600;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.resd-overview h2:after{
  position: absolute;
  content: '';
  width: 140px;
  height: 4px;
  background: var(--main-color);
  left: 0;
  top: 100%;
}
.res-amenities h2{
  color: #000;
  font-size: 38px;
  font-weight: 600;
}
.amenities-dtl{
  margin-top: 30px;
}
.ament-bxoutr .IconBox {
    margin-bottom: 30px;
    background: #fff;
    text-align: center;
    padding: 25px 10px;
    border: 1px solid #BEBEBE;
    border-radius: 10px;
    transition: all 0.5s ease;
}
.ament-bxoutr .IconBox:hover{
  box-shadow: 0px 4px 17px rgb(0 0 0 / 14%);
    border: 1px solid #eee;
}
.ament-bxoutr .IconBox img{
  margin-bottom: 12px;
}
.ament-bxoutr .IconBox p{
  margin: 0;
  font-weight: 600;
}

.overview-inner .icon-img{
  width: 55px; 
  height: 55px;
  border: 1px solid var(--main-color);
  text-align: center;
  border-radius: 3px;
  padding: 8px;
  display: inline-block;
  margin-right: 8px;
}
.overview-inner .icon-img img{
  max-width: 35px;
}
.overview-inner .single-inner-box h4{
  font-size: 16px;
  color: #000;
  font-weight: 600;
  display: inline-block;
}
.overview-inner .single-inner-box {
    margin-bottom: 15px;
}
/*=============*/
.gcc-busns-need .section-title{
  padding-bottom: 25px;
}
.gcc-busns-need .section-title h4{
  font-size: 28px;
  font-weight: 600;
  text-transform: capitalize;
}
.gcimg-pointer ul{
  list-style-type: none;
  padding: 0;
}
.gcimg-pointer ul li{
  padding-left: 100px;
  position: relative;
  margin-bottom: 25px;
  /*border-left: 1px solid #000;
  margin-left: 60px;*/
}
.gcimg-pointer ul li b{
  font-size: 110%;
}
.gcimg-pointer ul li:before{
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  top: 0;
  left: 80px;
  background: #2a2a2a;
}
.gcimg-pointer ul li:nth-child(1){
  background: url('../img/icon-legal.png') no-repeat;
  background-position: 0 10px;
  background-size: 60px;
}
.gcimg-pointer ul li:nth-child(2){
  background: url('../img/icon-real-estate.png') no-repeat;
  background-position: 0 10px;
  background-size: 60px;
}
.gcimg-pointer ul li:nth-child(3){
  background: url('../img/icon-technology.png') no-repeat;
  background-position: 0 10px;
  background-size: 60px;
}
.gcimg-pointer ul li:nth-child(4){
  background: url('../img/icon-human-resources.png') no-repeat;
  background-position: 0 10px;
  background-size: 60px;
}
.gcimg-pointer ul li:nth-child(5){
  background: url('../img/icon-financial-support.png') no-repeat;
  background-position: 0 10px;
  background-size: 60px;
}
.gcimg-pointer ul li:nth-child(6){
  background: url('../img/icon-support.png') no-repeat;
  background-position: 0 10px;
  background-size: 60px;
}
.gcimg-pointer ul li:nth-child(7){
  background: url('../img/icon-transportation.png') no-repeat;
  background-position: 0 10px;
  background-size: 60px;
}
/*=============*/

/*.gcc-services .gcc-tabs{
  display: inline-flex;
}*/
.gcc-tabs li{
  width: 33.3%;
  border: 1px solid #dbdbdb;
}
.gcc-tabs li button{
  color: #2a2a2a;
  padding: 15px;
  width: 100%;
  font-size: 20px;
}
.gcc-tabs li button.active{
  background: var(--main-color) !important;
  border-radius: 0;
  border: 1px solid var(--main-color);
}
.gcc-services .tab-content{
  background: #fff9f5;
  padding: 40px;
  margin-top: -15px;
}
.innr-srvcbx h5{
  font-size: 18px;
  font-weight: 700;
}
.gcc-services .tab-pane h3 {
    font-size: 32px;
    color: #000;
    font-weight: 400;
}
.col-img-container{
  overflow: hidden;
  position: relative;
  width: 100%;
  max-height: 260px;
  margin-bottom: 30px;
}
.col-img-container img{
  aspect-ratio: 6 / 3;
      height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}

ul.tab-list{
  list-style-type: none;
  padding-left: 0;
}
ul.tab-list li{
  position: relative;
  padding-left: 25px;
  margin-bottom: 6px;
  color: #2a2a2a;
}
ul.tab-list li:before{
  position: absolute;
  content: '';
  width: 7px;
  height: 7px;
  background: var(--main-color);
  left: 0;
  top: 11px;
}
.innr-srvcbx{
  padding: 0 3px;
}
.gcc-centr-outrar h4{
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.gcc-centr-outrar h4:after{
  content: '';
  position: absolute;
  width: 60px;
  height: 3px;
  bottom: 0;
  left: 0;
  background: var(--main-color);
}

.gcc-center-innr h6 a{
  display: inline-block;
  color: #2a2a2a;
  font-size: 16px;
}
.gcc-center-innr h6 a img{
  margin-bottom: 0;
  max-width: 35px;
}
.gcc-center-innr h6 a:hover{
  color: var(--main-color);
}

.gcc-table th{
  background: var(--main-color);
  color: #fff;
  padding: 15px !important;
}
.gcc-table td{
  padding: 15px !important;
}
.gcc-table td i{
  color: var(--main-color);
  font-weight: 700;
  font-size: 25px;
}
.evaluate-srvc-outr{
  /*background: #fff2e7;*/
}
.evaluate-srvc-outr h4{
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 35px;
  position: relative;
  padding-bottom: 15px;
  text-align: center;
}
.evaluate-srvc-outr h4:after {
  content: '';
  position: absolute;
  width: 80px;
  height: 3px;
  left: 0;
  top: 100%;
  background: var(--main-color);
  margin: 0 auto;
  right: 0;
}
.evsrvc-out .evsrvc-dtlar{
  background: #fff;
  padding: 15px;
  border-radius: 5px;
}
.evsrvc-out .evsrvc-dtlar h5{
  padding-left: 45px;
  background: url('../img/evaluate-service-icon1.png') no-repeat;
  background-position: 0 5px;
  background-size: 30px;
  position: relative;
  padding-right: 10px;
  min-height: 55px;
}
.evaluate-srvc-outr .evsrvc-out:nth-child(2) .evsrvc-dtlar h5{
  background: url('../img/evaluate-service-icon2.png') no-repeat;
  background-position: 0 5px;
  background-size: 30px;
}
.evaluate-srvc-outr .evsrvc-out:nth-child(3) .evsrvc-dtlar h5{
  background: url('../img/evaluate-service-icon3.png') no-repeat;
  background-position: 0 5px;
  background-size: 30px;
}
.evaluate-srvc-outr .evsrvc-out:nth-child(4) .evsrvc-dtlar h5{
  background: url('../img/evaluate-service-icon4.png') no-repeat;
  background-position: 0 5px;
  background-size: 30px;
}
.evaluate-srvc-outr .evsrvc-out:nth-child(5) .evsrvc-dtlar h5{
  background: url('../img/evaluate-service-icon5.png') no-repeat;
  background-position: 0 5px;
  background-size: 30px;
}
/*.evsrvc-out .evsrvc-dtlar:before{
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    left: 45px;
    background: #2a2a2a;
}*/
.evsrvc-out h5 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}
.evsrvc-out .evsrvc-dtlar ul{
  padding-left: 0px;
  list-style-type: none;
}
.evsrvc-out .evsrvc-dtlar ul li{
  position: relative;
  padding-left: 20px;
  margin-bottom: 6px;
  color: #2a2a2a;
}
.evsrvc-out .evsrvc-dtlar ul li:before{
  position: absolute;
  content: '';
  width: 7px;
  height: 7px;
  background: var(--main-color);
  left: 0;
  top: 11px;
}
.evaluate-srvc-outr .evsrvc-out.evstrn-out:nth-child(4) .evsrvc-dtlar h5{
  background: url('../img/evaluate-strengths-icon4.png') no-repeat;
  background-position: 0 5px;
  background-size: 30px;
}
.evaluate-srvc-outr .evsrvc-out.evstrn-out:nth-child(5) .evsrvc-dtlar h5{
  background: url('../img/evaluate-strengths-icon5.png') no-repeat;
  background-position: 0 5px;
  background-size: 30px;
}
.gcc-cta-btn h6 a{
  color: #000;
  font-size: 18px;
  border: 1px solid var(--main-color);
  padding: 15px 25px;
  border-radius: 5px;
}


/*========Residential========*/
.highlights h1{
  font-size: 30px;
  line-height: initial;
  color: var(--main-color);
}
.highlights .highlgt-innr{
  padding: 40px 25px;
}
.highlights .highlgt-innr h4{
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}
.highlgt-icon{
  height: 50px;
  margin-bottom: 15px;
}
.amenities-dtl h6 a{
  display: inline-block;
  background: var(--main-color);
  padding: 15px 22px;
  color: #fff;
  font-size: 16px;
  margin-top: 15px;
  border-radius: 3px;
  transition: .3s;
}
.amenities-dtl h6 a:hover{
  background: #000;
}
.amenities img{
  width: 100%;
}
/*==================*/

/*.service .owl-item.active.center {
    margin-left: 42px;
    margin-right: 50px !important;
}*/


/*========Sustainability=============*/
.mnpl-quote img{
    max-width: 40px;
}
.mnpl-quote p{

}
.mnpl-quote h5{
    color: #f58220;
    font-size: 26px;
    line-height: 32px;
}
.mnpl-quote h5 span{
    color: #2a2a2a;
    font-size: 18px;
    line-height: 32px;
}
.un-sustain {
    background: #fffbfb;
    padding: 80px 0;
}
.un-sustain h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 45px;
}
.sdg-pioutr{
    /*background: url('../img/Education-img-goal-4.jpg') no-repeat;*/
    background-size: cover;
    background-position: 50% 50%;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.33);
    min-height: 410px;
    position: relative;
}
.sdg-pioutr.education{
    background: url('../img/Education-img-goal-4.jpg') no-repeat;
}
.sdg-pioutr.gender{
    background: url('../img/Gender-img-goal-5.jpg') no-repeat;
}
.sdg-pioutr.decent{
    background: url('../img/Decent-img-goal-8.jpg') no-repeat;
}
.sdg-pioutr.industry{
    background: url('../img/Industry-img-goal-9.jpg') no-repeat;
}
.sdg-pioutr.responsible{
    background: url('../img/Responsible-img-goal-12.jpg') no-repeat;
}
.sdg-pioutr.climate{
    background: url('../img/Climate-img-goal-13.jpg') no-repeat;
}
.sdg-pioutr.partnership{
    background: url('../img/Partnership-img-goal-17.jpg') no-repeat;
}
.sdg-pioutr .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000;
  padding: 30px 15px;
}
.sdg-pioutr:hover .overlay{
    opacity: 1;
}
.sdg-pioutr img{
    position: absolute;
    max-width: 180px;
    left: 10px;
    bottom: 10px;
    z-index: 1;
}
.sdg-pioutr:hover img{
    z-index: -1;
    display: none;
}
.sdg-pioutr .overlay h5{
    color: #000;
    font-size: 28px;
    /* border-bottom: 1px solid #fff; */
    margin-bottom: 15px;
    background: #fff;
    display: inline-block;
    padding: 10px 15px;
    font-weight: 700;
}
.sdg-pioutr .overlay h3{
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    line-height: 44px;
}
.sdg-pioutr .overlay p{
    font-size: 18px;
    line-height: 30px;
    margin-top: 15px;
    color: #fff;
}
.sdg-pioutr.education:hover .overlay{
    background: #c5192d;
}
.sdg-pioutr.education .overlay h5{
    color: #c5192d;
}
.sdg-pioutr.gender:hover .overlay{
    background: #ef402c;
}
.sdg-pioutr.gender .overlay h5{
    color: #ef402c;
}
.sdg-pioutr.decent:hover .overlay{
    background: #a31c44;
}
.sdg-pioutr.decent .overlay h5{
    color: #a31c44;
}
.sdg-pioutr.industry:hover .overlay{
    background: #f26a2d;
}
.sdg-pioutr.industry .overlay h5{
    color: #f26a2d;
}
.sdg-pioutr.responsible:hover .overlay{
    background: #bf8d2c;
}
.sdg-pioutr.responsible .overlay h5{
    color: #bf8d2c;
}
.sdg-pioutr.climate:hover .overlay{
    background: #407f46;
}
.sdg-pioutr.climate .overlay h5{
    color: #407f46;
}
.sdg-pioutr.partnership:hover .overlay{
    background: #13496b;
}
.sdg-pioutr.partnership .overlay h5{
    color: #13496b;
}
.gg-img{
     height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 1.25rem;
}
.day-at-ntz-vido {
    position: relative;
}
.border-left-right::before {
    position: absolute;
    content: "";
    width: 300px;
    height: 160px;
    left: -8px;
    bottom: -8px;
    z-index: 0;
    background: rgb(245, 133, 31);
}
.border-left-right::after {
    position: absolute;
    content: "";
    width: 300px;
    height: 160px;
    right: -8px;
    top: -8px;
    z-index: 0;
    background: rgb(245, 133, 31);
}
.border-left-right a {
    z-index: 1;
    position: relative;
    height: 100%;
    display: block;
}
.life-modal .modal-content .modal-header {
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 2147483647;
    background: none;
    padding: 10px 10px 10px 2px;
    border-radius: 30px;
}
.discover-sustain{
    background: #F6F6F6;
    padding: 60px 0;
}
.discover-sustain{
    padding: 60px 0;
}
.discover-sustain h3{
    font-size: 30px;
    line-height: 42px;
    color: #000;
    font-weight: 700;
}
.discover-sustain ul.nav-tabs{
    margin: 25px 0;
    border: none;
}
.discover-sustain ul.nav-tabs .nav-link{
    color: #000;
    font-size: 17px;
    line-height: 30px;
    padding: 15px 40px;
    border: 1px solid #BDBDBD;
    border-radius: 40px;
    background: #EBEBEB;
    margin: 0 10px 10px 0;
}
.discover-sustain ul.nav-tabs .nav-link.active{
    border-color: #F58220;
    background: #F58220;
    color: #fff;
}
.discover-sustain .col-md-8, .discover-sustain .col-md-4{
    margin-bottom: 25px;
}
.discover-sustain .col-md-8 img, .discover-sustain .col-md-4 img{
    border-radius: 5px;
}
.discover-sustain .col-md-4 .esg-hvrtxt{
    width: 92.3%;
}
.discover-sustain .col-md-8 .esg-hvrtxt{
    width: 96.3%;
}
.discover-sustain .esg-hvrtxt{
    top: auto;
}
.discover-sustain .esg-hvrtxt h5{
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}
.esg-hvrtxt {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,.8) 50%, rgba(0,0,0,0) 100%);
    padding: 15px 10px;
    position: absolute;
    width: 100%;
    bottom: 0;
    top: calc(100% - 52px);
    overflow: hidden;
    transition: .3s ease-in all;
}
.discover-sustain .esg-hvrtxt {
    top: auto;
}
.discover-sustain .col-md-8 .esg-hvrtxt {
    width: 96.3%;
    border-radius: 0 0 5px 5px;
}
.discover-sustain .col-md-4 .esg-hvrtxt {
    width: 94.2%;
    border-radius: 0 0 5px 5px;
}
.discover-sustain .col-md-8, .discover-sustain .col-md-4{
  position: relative;
}
.leading-purpose {
    padding-top: 90px !important;
}
.leading-purpose h2 {
    font-size: 44px;
    font-weight: 700;
    color: #000;
    margin-bottom: 25px;
}
.leading-purpose p {
    line-height: 28px;
    margin-bottom: 25px;
}
.leading-purpose ul {
    list-style-type: none;
    padding: 0;
}
.leading-purpose ul li {
    display: inline-block;
    width: 24%;
    position: relative;
    padding: 0 10px;
    min-height: 130px;
    float: left;
}
/*.leading-purpose ul li:first-child, .leading-purpose ul li:last-child {
    width: 29%;
}*/
.leading-purpose ul li p {
    font-size: 12px;
    margin-top: 15px;
    line-height: 18px;
}
.leading-purpose ul li:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 85px;
    background: #242424;
    top: 10%;
}
.leading-purpose ul li:last-child:after{
    display: none;
}
.col.metrix-outr {
    padding: 0 10px;
}
.metrix-inner p {
    font-size: 14px;
}
.metrix-inner p span {
    display: block;
    font-size: 30px;
    color: #f58220;
    margin-bottom: 6px;
    font-weight: 600;
}
.leading-purpose ul li .stmp-img {
    min-height: 102px;
    display: flex;
    object-fit: contain;
    align-items: center;
    justify-content: center;
}
.leading-purpose ul li .stmp-img img{
  max-width: 60px;
}

.our-commitment {
    background: #F6F6F6;
    padding: 60px 0;
}
.commit-orng{
    background: #F58220;
    padding: 25px;
}
.commit-orng h3{
    color: #fff;
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 20px;
    font-weight: 500;
}
.commit-orng h3 br{
    display: none;
}
.commit-orng p {
    font-size: 22px;
    line-height: 34px;
    color: #fff;
    font-weight: 300;
    padding-left: 40px;
}
.commit-outr{
    padding: 0 0 0 15px;
    background: #f58220;
    border-radius: 5px;
}
.our-commitment h2{
    font-size: 44px;
    font-weight: 700;
    color: #000;
}

.commitment-slider .owl-item .item, .leader-msg .owl-item .item {
   transform: translate3d(0, 0, 0); /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */
  // transform: scale(0.9);

  // transition: all .25s ease-in-out; 
  margin: 50px 0; /* OVERWRITE PLUGIN MARGIN */
 }

.commitment-slider .owl-item .item, .leader-msg .owl-item .item {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.90);
    -ms-transform: scale(0.90);
    transform: scale(0.90);
}

.commitment-slider .owl-item.center .item, .leader-msg .owl-item.center .item {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.our-commitment .container-fluid{
    padding: 0;
}
.our-commitment .owl-nav{
    top: -65px;
    position: absolute;
    width: 100%;
}
.our-commitment .owl-nav button span{
    color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    position: relative;
    top: 0;
}
.our-commitment .owl-nav button span{
    border: 1px solid #2a2a2a;
    line-height: 23px;
    border-radius: 50%;
    color: #2a2a2a;
}
.our-commitment .owl-nav button.owl-prev {
    left: 74%;
    position: absolute;
}
.our-commitment .owl-nav button.owl-next {
    right: 21%;
    position: absolute;
}

.green-feed{
    background: url('../img/green-feed-bg.png') no-repeat;
    background-size: cover;
    padding: 60px 0;
}
.green-feed h3{
    font-size: 44px;
    font-weight: 700;
    color: #000;
    line-height: 56px;
}
.green-feed h3 span{
    color: #F58220;
}
.green-feed p{
    color: #000;
    line-height: 30px;
    margin: 20px 0;
}
.green-feed h6 a{
    display: inline-block;
    border: 2px solid #000;
    padding: 15px 30px;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    border-radius: 5px;
    text-decoration: none;
}
.green-feed h6 a:hover{
    color: #fff;
    background: #F58220;
    border: 2px solid #F58220; 
}
.green-feed img{
    margin-top: -110px;
}

.cool-banner{
    max-height: 350px;
    overflow: hidden;
    position: relative;
}
.cool-banner .bnr-vdotxt h1 {
    font-size: 42px;
    color: #000;
    margin-top: -65px;
    text-align: left;
    font-weight: 700;
}
.cool-banner .bnr-vdotxt h1 span{
    color: #f58220;
}
.cool-banner .bnr-vdotxt{
    position: absolute;
    top: 3%;
    width: 100%;
    text-align: center;
}
.cool-banner .bnr-vdotxt img{
  margin-top: 80px;
}
.lgpurpl-bx{
    background: #edccf3;
}
.lgblu-bx{
    background: #a8daff;
}
.lggrn-bx{
    background: #bcffff;
}
.lgorng-bx{
    background: #ffba80;
}
.cool-blcks{
    padding: 80px 0;
}
.clb-innr h5{
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 25px;
    min-height: 150px;
}
.cool-share{
    list-style-type: none;
    padding: 0;
    display: inline-block;
}
.cool-share li{
    display: inline-block;
    margin: 5px 10px 0 0;
}
.clblck-outr .clb-innr{
    border-radius: 10px;
}


td.tbl-icon {
    background: #fff3e9;
    min-width: 100px;
    text-align: center;
    vertical-align: top !important;
}
td.tbl-icon i {
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    background: var(--main-color);
    width: 50px;
    height: 50px;
    line-height: 30px;
}
.step-process table h4{
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}
.step-process table ul{
  list-style-type: none;
  padding: 0;
}
.step-process table ul li{
  display: inline-block;
  position: relative;
  color: #2a2a2a;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 60px;
  width: 100%;
}
.step-process table ul li:last-child{
  margin-bottom: 0;
}
.step-process table ul li:before {
  position: absolute;
  content: '';
  background: var(--main-color);
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
}
.step-process table ul li:after{
  position: absolute;
  content: '';
  background: url('../img/tick-icon.png') no-repeat;
  background-size: 22px;
  right: 0;
  top: 4px;
  width: 40px;
  height: 30px;
}
table.table.table-bordered.gcc-table {
    min-height: 530px;
}


/*==========Sustainability Pledge========*/
.pledge-bannr{
  padding-top: 160px;
}
.pledge-bannr h1{
  font-weight: 600;
  font-size: 70px;
  margin-bottom: 20px;
}
.pledge-bannr h1 span img{
  /*max-width: 50px;*/
  /*margin: 0 15px;*/
}
.pledge-bannr p{
  font-size: 18px;
  font-weight: 300;
}
.pledge-bannr h6 a, .pledge-count h6 a, .pledge-count button{
  background: var(--main-color);
  padding: 15px 35px;
  border-radius: 5px;
  display: inline-block;
  color: #fff;
  margin-top: 15px;
  border: 1px solid var(--main-color);
}
/*.pledge-count{
  padding-top: 20px;
}*/
.pledge-count h2{
  font-size: 320px;
  font-weight: 500;
  line-height: 270px;
}
.pledge-count h3{
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 30px;
}
.pledge-count h4{
  margin-left: 20px;
  font-size: 30px;
}
.pledge-count h5{
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}
.pledge-count p{
  font-size: 20px;
  line-height: 30px;
}
.info-form .form-ar{
  text-align: center;
}
.info-form h5{
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}
.info-form .form-ar p a{
  font-size: 18px;
  margin-top: 15px;
  color: #000;
  display: inline-block;
}
.info-form .form-ar p a:hover{
  color: var(--main-color);
}
.info-form form input[type='submit']{
  width: 100%;
}
.info-form h2{
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 30px;
}
.info-form ul{
  list-style-type: none;
  padding: 0;
}
.info-form ul li{
  display: inline-block;
  width: 100%;
  padding-left: 80px;
  position: relative;
  margin-bottom: 20px;
}
.info-form ul li:before{
  position: absolute;
  content: '';
  width: 80px;
  height: 77px;
  background: url('../img/pledge-icon1.png') no-repeat;
  background-size: 50px;
  left: 0;
  top: 5px;
}
.info-form ul li:nth-child(2):before{
  width: 80px;
  height: 121px;
  background: url('../img/pledge-icon2.png') no-repeat;
  background-size: 50px;
}
.info-form ul li:nth-child(3):before{
  width: 80px;
  height: 78px;
  background: url('../img/pledge-icon3.png') no-repeat;
  background-size: 50px;
}
.info-form ul li:nth-child(4):before{
  width: 80px;
  height: 84px;
  background: url('../img/pledge-icon4.png') no-repeat;
  background-size: 50px;
}
.info-form ul li:nth-child(5):before{
  width: 80px;
  height: 68px;
  background: url('../img/pledge-icon5.png') no-repeat;
  background-size: 50px;
}
.child-pledge{
  position: relative;
  padding: 120px 0;
  background: url('../img/happy-child-banner.jpg') no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.child-pledge:before{
  position: absolute;
  content: '';
  background: rgba(0,0,0,.50);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.child-pledge h3 {
  font-size: 72px;
  color: #fff;
  position: relative;
  z-index: 1;
  text-align: center;
  line-height: 84px;
  text-shadow: 0 4px 15px rgba(0,0,0,.85);
}
.child-pledge h3 b{
  color: var(--main-color);
  font-size: 76px;
}
.testmonail-blck .row{
  z-index: 1;
  position: relative;
}
.bg-offset-hero::after {
    position: absolute;
    content: '';
    width: 75%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    border: 1px solid var(--main-color);
    border-radius: 6px;
}
.quote_ {
    opacity: 1;
    color: var(--main-color);
}
.testmonail-blck p{
  color: #fff;
  font-size: 16px;
}
.testmonail-blck h4{
  color: var(--main-color);
}
.designation{
  font-size: 14px;
}
.testmonail-blck h3{
  color: var(--main-color);
}
.testmonail-blck .carousel-indicators [data-bs-target]{
  background-color: #000;
}

.pledge-bannr{
  position: relative;
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f4f4f4;
  overflow: hidden;
  transition: background 0.6s ease;
}


.scroll-section.active {
  opacity: 0;
  height: auto;
}
.earth-icon {
  position: absolute;
  width: 100%;
  max-width: 96px;
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.8s ease;
  will-change: transform;
  margin-left: -65px;
}

.earth-icon.scaled {
  transform: scale(3);
  opacity: 0;
  transition: all 0.5s ease;
}
.scroll-section,.earth-icon{
    transition: all 0.5s ease;
}

.banner.scrolled {
  background: url('../img/pledge-banner-bg.jpg') no-repeat;
  background-size: cover;
  transition: all 0.5s ease;
}
.banner{
  
  transition: all 0.5s ease;
}
.banner-text.scrolled {
  color: #fff;
}

.banner-text {
  z-index: 2;
  transition: color 0.8s ease;
}
.scroll-section {
  height: 150vh;
  /*background-image: url('https://images.unsplash.com/photo-1506748686214-e9df14d4d9d0');*/
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.8s ease;
  display: none;
}
.pledge-bannr.scrolled p{
  color: #fff;
}
.pledge-bannr h1 span.lft-txt{
  transform: matrix(1, 0, 0, 1, -72, 0);
  display: inline-block;
}
.pledge-bannr h1 span.rgt-txt{
  transform: matrix(1, 0, 0, 1, 54, 0);
  display: inline-block;
}
.pledge-bannr.scrolled h1 span.lft-txt{
  transform: matrix(1, 0, 0, 1, 0, 0);
  display: inline-block;
  transition: 0.5s ease;
  color: #fff;
}
.pledge-bannr.scrolled h1 span.rgt-txt{
  transform: matrix(1, 0, 0, 1, 0, 0);
  display: inline-block;
  transition: 0.5s ease;
  color: #fff;
}
.animation_sun {
    position: absolute;
    left: unset;
    z-index: -1;
    padding-top: 0;
    right: 3%;
    top: 0%;
}
@media screen and (min-width: 1400px){
  .animation_sun {right: 8%;}
}

.sun_item {
    z-index: 100;
    padding: 5px;
}
.pledge-count .circle {
    border-radius: 50%;
    background-color: #157d3e;
    width: 30px;
    height: 30px;
    position: absolute;
    opacity: 0;
    animation: scaleIn 6s infinite cubic-bezier(.36, .11, .89, .32);
}

.pulse {
  animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes scaleIn {
    from {
        transform: scale(.5, .5);
        opacity: .5
    }
    to {
        transform: scale(2.5, 2.5);
        opacity: 0
    }
}
.sustainability-page.pledge-count h2 {
    font-size: 220px;
    line-height: 200px;
}

.pledge-count h3 sup {
    font-size: 18px;
    top: -25px;
}