.banner-title h1{
 font-family: gothambold !important;

}
.robert-forest-bg{
position: relative !important;
z-index: 1;}
.robert-forest-bg:before{content:"";background:url('../images/freelies-dot.webp');background-position:center center;background-repeat:no-repeat;position: absolute;
    top: 50%;
    left: 0;
    width: 217px;
    height: 109px;
    z-index: -1;
    display: block;
    margin-top: -50px;}
.quote-txt{position:relative;color:#FFF;font-family: gothambold !important;font-size:3.5rem;line-height:1.25;max-width:380px;margin-left:50px;}
.heading-txt *{color:#FFF;font-family: gothambold !important;font-size:3.5rem;line-height:1.25;}
.quote-txt .author{text-transform:uppercase;font-size:1rem;float:right;position:relative;top:20px;background:url('../images/author-under-bg.webp');background-repeat:no-repeat;background-size:contain;background-position:bottom center;}
.quote-txt:before, .quote-txt:after{content:"";position:absolute;background-repeat:no-repeat !important;background-position:center center !important;    width: 25px;
    height: 35px;
    background-size: cover !important;}
.quote-txt:before{
background:url('../images/quote-before.webp;');
top:-10px;left:-40px;
}
.quote-txt:after{
background:url('../images/quote-after.webp');
bottom:-50px;right:-40px;
}
.fc-red{color:#ED1E24;}
p{font-size: 20px !important;
    line-height: 1.7 !important;
    font-family: "gothamlight !important";}
.fc-white, .fc-white *{color:#FFF !important;}
.fc-white .fc-red{color:#ED1E24 !important; }
.video-container{width:100%;height:600px;}
.video-container video{width:100%;height:100%;}
.text-box{position:absolute;top:0;left:0;width:100%;height:100%;background:red;color:#FFF;display:flex;align-items:center;justify-content:center;mix-blend-mode: hard-light;padding:0 1rem;}
.text-box h2{font-size:4.5rem !important;font-family: gothambold !important;}
.teammember_blk{position:relative;min-height:1500px;}
.single-item{position:absolute;max-width:200px;}
.team-title, .team-designation{color:#FFF;}
.team-title{font-size:1.1rem;font-weight:700; font-family: gothambold !important;margin-bottom: 7px;}
.team-designation{font-weight:400;font-size:15px;}
.teammember-item10{right:0;top:15%;}
.teammember-item9{    right: 220px;
    top: 33%;}
.teammember-item8{
right: 220px;
    top: 8%;}
.teammember-item7{
right: 438px;
    top: 29%;
}

.teammember-item4{
left: 510px;
    top: 16%;
}
.teammember-item5{
left: 510px;
    top: 41%;
}
.teammember-item6{right: 438px;
    top: 4%;}
.teammember-item5{left:-20%;}
.teammember-item3{left: 21.5%;top:0;}
.teammember-item2{left: 21.5%;top:25%;}
.font-goulight{font-family: "gothamlight";}
.dot-img{position:relative;z-index:-1;}
.dot-img:after{content:"";background:url('../images/project-banner-dot.webp');background-position:center center;background-repeat:no-repeat;background-size:cover;width:130px;height:29px;position:absolute;bottom:26px;left:20.75%;}
.banner-project-txt{position:relative;top:20px;}
html {
      scroll-behavior: smooth;
    }

    .projects-tabs {
      position: sticky;
      top: 0;
      z-index: 1000;
      background: #111;
    }

    .pro-tabs ul {
      display: flex;
      background: #fff;
      border-radius: 50px;
      padding: 10px;
      list-style: none;
      justify-content: space-between;
	  flex-wrap:wrap;
      margin: 0;
    }

    .pro-tabs li {
		width:18%;
    
      flex:0 0 auto;
      padding: 10px;
      border-radius: 50px;
      transition: background 0.3s ease;
	  display:flex;
	  justify-content: flex-start;
    align-items: center;
    gap: 10px;
    }

    .pro-tabs li:hover {
      background-color: #FFE9EA;
    }

    .pro-tabs li img {
      height: 30px;
      display: block;
width:30px;
    }

    .pro-tabs li a {
      text-decoration: none;
      color: #333;
      font-weight: 300;
	  font-size:1.1rem;
    }

    section {
    
      margin: auto;
      background: #000;
      padding: 40px 0;
      border-radius: 20px;
    }

    h2 {
      margin-top: 0;
    }

    .features {
      list-style: none;
      padding-left: 0;
	  margin-bottom:10px;
	  
    }
	   .features li{font-size:13px;font-weight:400;padding-bottom:3px;}
    .features li::before {
      content: "";
      margin-right: 8px;
      color: #0f0;
	  background:#FFF;width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;
    }
.pro-container{ display:flex;flex-wrap:wrap;align-items:center;gap:5%;background:transparent;}
.pro-cont div{width:45%;flex:0 0 auto;    padding: 0 15px;}
.pro-cont h4{color:#FFF;margin-bottom: 7px;
    font-weight: 800;font-family: gothambold !important;}
.pro-cont p{margin-bottom: 15px;
    font-size: 15px !important;
    font-family: gothamlight !important;
    color: #FFF;
    font-weight: 400;}
.banner-project-txt h1{font-family: gothamlight !important;}
ul.features{
	    column-count: 2;
    column-gap: 0;
font-family: gothammedium !important;
    font-size: 14px;
    font-style: italic;
	color:#FFF;margin-left:0;
}
.bg-light-black{background:#0F0F0F !important;}
.pro-cont .cs-left-3.link-know-more{padding:0 !important;}
.pro-cont span.cs-link-circle{/*left:10px;top:5px;width:38px;height:38px;*/}
.pro-container, .pro-tabs{max-width:1140px;margin:0 auto;}


@media (max-width: 1200px) {
.quote-txt{font-size:2.75rem !important;max-width:300px;}
	.heading-txt *, .banner-title{font-size:2.75rem !important;}
	.heading-txt br{display:none;}
	.video-container h2{font-size:3.5rem !important;}
	.br-remove br, .banner-project-txt h1 br{display:none;}
	.banner-project-txt h1{font-size:
	4.5rem; word-wrap:break-word;}
	.pro-tabs li{width:25%;}
}
@media (max-width: 992px) {
    .robert-forest-bg:before {
       display:none;
    }
	.video-container h2{font-size:3rem !important;}
	.video-container{height:400px;}
	ul.features{column-count:1;}
	
}
@media (max-width: 768px) {
.quote-txt{margin:0 auto 3rem auto;font-size:2.25rem !important;}
.heading-txt *, .banner-title{font-size:2.25rem !important;}
.video-container h2{font-size:2rem !important;}
.video-container{height:400px;}
.pro-tabs li img{width:20px;height:20px;}
.pro-tabs li a{font-size:14px;}
}
@media (max-width: 580px) {
	.video-container h2{font-size:1.5rem !important;}
	.video-container{height:300px;}
	.pro-tabs li{
	width: 100%;
        display: inline-flex;
        max-width: 200px
	}
	.pro-cont div{width:100%;}
}