*{
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
    
}
html,body{
    height: 100%;
    width: 100%;
}
body{
    font-family: Poppins,sans-serif !important;
}
#main{
    position: relative;
    overflow: hidden;
}
/* #main h1, #main h2,#main  h3,#main p{
    position: relative;
    z-index: 1;
}
canvas{
    z-index: -1;
} */
.logo-image{
    width: 150px;
}
.logo-image img{
    width: 100%;
}
.footer-logo {
    width: 300px;
    margin: auto;
}
.navbar{
    z-index: 1;
}
.footer-logo img {
    width: 100%; 
   
}
#page{
    position: relative;
    height: 100vh;
    width: 100vw;
    /* background-color: #f1f1f1; */
}
#page1{
    position: relative;
    height: 100vh;
    width: 100vw;
    /* background-color: #f1f1f1; */
}
#page2{
    position: relative;
    height: 100vh;
    width: 100vw;
    /* background-color: #f1f1f1; */
}
#page3{
    position: relative;
    height: 100vh;
    width: 100vw;
    /* background-color: #f1f1f1; */
}
#page4{
    position: relative;
    height: 100vh;
    width: 100vw;
    /* background-color: #f1f1f1; */
}
canvas{
    position: relative;
    z-index: unset !important;
    max-width: 100vw;
    max-height: 100vh;
}
#loop{
    display: flex;
    position: absolute;
    top: 30%;
    height: 25%;
    width: 100%;
    font-size: 100px;
    white-space: nowrap; 
}
#loop>h1{
    font-size: 8rem;
    text-transform: uppercase;
    font-weight: 400;
    animation-name: anim;
    animation-duration: 15s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#loop>h1>span{
    -webkit-text-stroke: 1.2px #000;
    color: transparent;
    font-weight: 500;
}
@keyframes anim{
    0%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(-100%);
    }
}
 .dropdown-item:focus{
    background-color: #fff !important;
    color: #000 !important;
 }
.navbar{
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.15);
    background-color: #f1f1f1 !important;
}
.navbar-nav{
    margin-left: auto;
}
.navbar-nav .nav-link {
    font-weight: 500;
    margin: 0 20px;
    padding: 5px 10px;
    color: #000 !important;
    border-radius: 50px !important;
}

.navbar-nav .nav-link:hover{
    background: #000 !important;
   
 
}
.navbar-nav .nav-link:hover {
    color: #fff !important;
}
.dropdown-menu{
    background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#060707));
    background: -o-linear-gradient(top, #313131, #060707);
    background: linear-gradient(180deg, #313131, #060707);
    padding: 1rem;
}
.dropdown-menu.show .dropdown-item{
    color: #fff;
    font-size: 13px;
}
.dropdown-item:hover{
    color: #000 !important;
}
#nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* height: 7%; */
    width: 100%;
    position: fixed;
    z-index: 99;
    padding-top: 1rem ;
    padding-bottom: 1rem ;
    background-color: #f1f1f1;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.15);
}
.nav-items li{
    cursor: pointer;
}
#nav>h3{
    
    font-weight: 400;
    font-size: 22px;
}
#nav>button{
    padding: 10px 20px;
    border-radius: 50px;
    background-color: #000;
    color: #fff;
    border: none;
}
#page>h3{
    position: absolute;
    top: 55%;
    
    font-weight: 400;
    color: #7c7c7c;
    left: 5%;
}
#page>h4{
    position: absolute;
    top: 62%;
    left: 25%;
    
    font-weight: 500;
}
/* #page1>#right-text{
    position: absolute;
    top: 30%;
    left: 10%;
} */
#page1>#right-text>h3{
    font-weight: 400;
    color: #7c7c7c;
}
#page1>#right-text>h1{
    line-height: 1.5;
    font-size: 50px;
}
#page1>#right-text{
    position: absolute;
    top: 40%;
    /* right: 5%; */
    text-align: center;
    padding: 1rem;
    /* padding-left: 47rem; */
}
#page1>#left-text>h1{
    font-size: 50px;
    line-height: 1.5;
}
#page1>#left-text>h3{
    color: #7c7c7c;
    font-weight: 400;
}
#page2>#text1{
    position: absolute;
    top: 40%;
    /* left: 5%; */
    text-align: center;
    /* padding-right: 47rem; */
    padding: 0 1rem;
}
#page2>#text1>h3{
    color: #7c7c7c;
    font-weight: 400;
}
#page2>#text1>h1{
    font-size: 60px;
    line-height: 1.5;
}
#page2>#text2{
    position: absolute;
    top: 40%;
    /* right: 5%; */
    text-align: center;
}
#page2>#text2>p{
    color: #7c7c7c;
    font-weight: 400;
}
#page3>#text3{
    position: absolute;
    top: 40%;
    /* right: 5%; */
    text-align: center;
    padding: 1rem;
    /* padding-left: 47rem; */
}
#page3>#text3>h3{
    color: #7c7c7c;
    font-weight: 400;
}
#page3>#text3>h1{
    font-size: 70px;

}
#page4>#text3 {
    position: absolute;
    top: 40%;
    /* left: 5%; */
    width: 100%;
    text-align: center; 
    padding: 1rem;
    /* padding-right: 47rem; */
}
/* .contact-wrapper>#text3{
     left: 0%;
} */
#main h2{
    font-size: 2.5rem;
}
.cta,#nav button{
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    border-radius: 50px;
    padding: 10px;
    margin-top: 5px;
}
 footer{
    /* background-color: #f1f1f1; */
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
        position: relative;
       
}
footer.index-footer{
    height: 100vh;
    width: 100vw;
}
 footer ul li,.nav-items ul li{
    list-style-type: none;
    padding: 0 1rem;

}
 footer ul,.nav-items ul{
    display: flex;
    margin-bottom: 0;
}
 footer a{
    text-decoration: none;
    color: #000;
}
.bottom-pages{
    text-align: center;
}
 footer .text3{
    /* position: absolute; */
    top: 40%;
  
}
canvas{
    opacity: 0.6;
    /* z-index: 1; */
}
#page2,#page3,#page4, footer, footer{
    z-index: 7;
}
.footer-top,.bottom-pages,.footer-bottom{
margin-bottom: 2rem;
font-size: 2rem;
}
.nav-items ul li{
    list-style-type: none;
}
.nav-items ul li a{
    text-decoration: none;
    color: #000;
    /* position: relative; */
}
.nav-items li{
    font-size: 1rem;
}
#page2 #text1{
    z-index: 8;
}
.mega-menu-open.mega-menu-blue{
    display: inline-block;
    position: relative;
}
.mega-menu-service-main-box {
    min-width: 300px;
    position: absolute;
    /* right: 0;
    left: 0; */
    /* width: 90%;  */
    padding:20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#060707));
    background: -o-linear-gradient(top, #313131, #060707);
    background: linear-gradient(180deg, #313131, #060707);
    top: 85px;
    border-radius: 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-box-shadow: 0 40px 70px 0 rgb(0 0 0 / 25%);
    box-shadow: 0 40px 70px 0 rgb(0 0 0 / 25%);
    overflow: hidden;
    z-index: 1;
    margin: 0 auto;
}

li.mega-menu-open:hover .mega-menu-service-main-box {
    top: 50px;
    visibility: visible;
    opacity: 1;
    z-index: 99999 !important;
    transform: translate(-50%,-10px);
    min-width: 300px;
}
.services-main-services {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap; */
    color: #fff;
}
@media (min-width: 992px) {
    .headerFull header .services-main-services>* {
        margin-right: 4.5vw;
    }
}
@media (min-width: 992px) {
    .headerFull header .services-parent h3 {
        font-size: 1.2vw;
        font-weight: 700;
        margin-bottom: 0.8vw;
        padding: 0.364vw 0.364vw 0.606vw;
    }
}
.services-parent ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.services-parent ul li a {
    color: #fff;
    display: inline-block;
    padding: 6px;
    position: relative;
}
@media (min-width: 992px) and (max-width: 2000px) {
    .headerFull header .services-parent ul li {
        line-height: 1.2;
    }
}
/* .services-main-services>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 100px;
} */
.services-parent ul li a {
    color: #fff; 
    display: inline-block;
    padding: 6px;
    font-size: 12px;
    position: relative;
}
.services-parent ul li{
    padding: 0 ;
    font-size: 12px;
}
.heading-mega h6{
    font-size: 4rem;
}
.for-Small-screen, .mega-menu-small-extra-screen-for-services {
    display: none;
}
@media (min-width: 992px) {
    .headerFull header .mega-menu-service-main-box {
        right: 0; 
        padding: 3.6vw;
        top: 5.152vw;
        border-radius: 52.2 .121vw;
        -webkit-box-shadow: aliceblue;
        box-shadow: 0 2.424vw 4.242vw 0 rgb(0 0 0 / 25%);
    }
}
/* .mega-menu-service-main-box:after {
    content: '';
    position: absolute;
    right: -480px;
    top: -180px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 900px;
    height: 900px;
    background: -o-linear-gradient(22deg, #060707 0, transparent 50%);
    background: linear-gradient(68deg, #060707 0, transparent 50%);
    border-radius: 50%;
    z-index: 1;
} */
/* about page */
#hero-section{ 
    background:  #f1f1f1 ;   
    padding: 2rem 0 2rem;
} 
 .hero-content{
    width: 60%;
 }
.hero-content h1{
    font-size: 4rem;
}

.hero-container{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 0rem 8rem 0; 
}
.about-images{
    width: 40%;  
   
} 

.about-images .about-image {
    width: 100%;  
    border-radius: 10px;
}
.about-us-image img{
    width: 100%;
    border-radius: 10px;
}
.about-us-container  .row{
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.about-us-container h2{
    text-align: left;
}
.our-journey{
    text-align: center;
    padding: 50px 0;
}
/* testimonials */
.bark-review-card{
    height: 240px;
}
#testimonials,#about-us{
    padding: 3rem 0 3rem; 
    background-color: #f1f1f1;
}
.testimonial-container{
display: flex;
justify-content: center;
}
.testimonial-container .client-name{
    font-size: 22px;
    font-weight: 500;
}
.testimonial-container .client-company{
    font-size: 12px;
    font-weight: 100; 
}
.bark-review-card{
    background-color: #fff;
    width: 360px;
    border-radius:  8px;
    margin: 0 auto;
    padding: 1rem;
}
.client-img{
    width: 61px;
}
.client-img img{
    width: 100%;
}
.bark-client-name{
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}
.testimonial-page .bark-review-card{
    height: unset;
}
.client-info{
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}
.review-bark{
    font-size: 12px;
}
.section-title{
    text-align: center;
    font-size: 3rem;
}
.testimonial-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
/* testimonial */
/* philosophy */
.philosophy-container{
    padding: 4rem 15rem;
    text-align: center;
    background: linear-gradient(180deg, #313131, #060707);
    border-radius: 20px;
    color: #fff;
}
#philosophy{
    background-color: #f1f1f1;
    padding: 5rem 0 2rem;
}
.heading-philosophy h2{
    font-size: 3rem;
}
/* philosophy */
/* project section */
#projects{
    padding: 4rem 0;
    background-color: #f1f1f1;
}
.project-container div {
    flex: 0 0 33%;
    margin: 15px;
    width: 38%;
}
.project-container .portfolio-image:hover,.project-container .portfolio-video:hover{
transform: scale(1.05);
}
.project-container div:nth-child(even){
    transform: translateY(80px);
}
.project-container div:nth-child(even):hover{
    transform: translateY(80px)  scale(1.05);
}
#projects .portfolio-image img{
    width: 100%;
    border: 1px solid #0000;
    padding: 5px;
    border-radius: 10px;
    transition: all .3s linear;
    cursor: pointer;
    height: 100%;
   
}
.portfolio-image{
    transition: all .3s linear;
}
#projects .portfolio-video{
    width: 100%;
    cursor: pointer;
    transition: all .3s linear;
}
#projects .portfolio-image img:hover,#projects .portfolio-video video:hover {
    background: #121212;
}
.project-container{
    display: flex;
    justify-content: center;
    flex-flow: wrap;
} 

.portfolio-image {
    height: 275px;
    -webkit-box-shadow: 0 4px 30px rgb(0 0 0 / 20%);
    box-shadow: 0 4px 30px rgb(0 0 0 / 20%);
    border-radius: 20px;
}
.portfolio-image img{
    -o-object-position: top;
    object-position: top;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
}
/* contact us */
#contact-us{
    padding: 4rem 0;
    display: flex;
    justify-content: center;
}
#contact-us label{
    display: block;
    color: #fff;
}
#contact-us textarea{
    resize: none;
}
#contact-us input,#contact-us textarea{
    border-radius: 50px;
    padding: 1rem 1rem;
    border:none;
background-color: #fff !important;
    color: #000;
}
#contact-us input:not([type="submit"]),#contact-us textarea{
   width: 100%;
}
.flex-box{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}
.contact-us-section-container{
    width: 70%;
    padding: 4rem;
    background: linear-gradient(180deg, #313131, #060707);
    border-radius: 20px;
}
.flex-box span{
    width: 100%;
}
input[type="submit"]{
    background-color: #000 !important;
    background: #000 !important;
    color: #fff;
    text-align: center;
    margin: 1rem auto;
    display: block;
}
/* contact us */
/* thank you */
/* thank you */
.thanks-container{
    text-align: center;
    padding: 14rem 0 7rem;
    background-color: #f1f1f1;
}
.thanks-image{
    width: 200px;
    display: block;
    margin: 0 auto;
}
.thanks-image img{
    width: 100%;
}
/* thank you */
/* thank you */

/* loader */
/* .loader-wrapper{
    padding: 5rem;
} */
#loading{ 
	position: fixed;
	width: 100%;
	height: 100vh;
    /* left: auto;
    right: auto; */
	background: #fff
	url('/images/loader.gif')
	 no-repeat center/60%;	
	z-index: 99999;
}

@media (max-width: 767px){
    #loading{  
        background: #fff
        url('/images/loader.gif')
         no-repeat center/100%;	 
    }
}
/* Mobile Menu */
/* Base styles */
#nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #fff;
    z-index: 2;
}

.nav-items ul {
    display: flex;
    list-style: none;
}

.nav-items ul li {
    padding: 10px 15px;
    position: relative;
}

/* Services dropdown */
.mega-menu-service-main-box {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f9f9f9;
    width: 200px;
    z-index: 1000;
}

.nav-items ul li.mega-menu-open:hover .mega-menu-service-main-box {
    display: block;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .nav-items {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
    }

    .nav-items ul {
        flex-direction: column;
        width: 100%;
        text-align: left;
    }

    .nav-items ul li {
        padding: 15px;
        border-bottom: 1px solid #ddd;
    }

    /* Hamburger menu icon */
    .hamburger {
        display: block;
        cursor: pointer;
    }

    /* Show nav-items when active */
    .nav-items.active {
        display: flex;
    }

    /* Responsive dropdown for services */
    .mega-menu-service-main-box {
        position: static;
        display: none;
    }

    .nav-items ul li.mega-menu-open.active .mega-menu-service-main-box {
        display: block;
    }
}


#privacy-policy{
    padding: 3rem ;
    background-color: #f1f1f1;
}
footer ul{
    justify-content: center;
}
@media (max-width: 768px) {
    footer ul {
    justify-content: center;
    display: flex
;
    align-items: center;
    flex-direction: column;
}
.footer-top, .bottom-pages, .footer-bottom {
    margin-bottom: 2rem;
    font-size: 2rem;
    display: flex !important;
    flex-direction: column !important;
}
}
/* Service Box */
.services-box{
    text-align: center;
    transition: all .3s ease;
}
.services-box .client-info{
    border-bottom: unset;
    display: unset;
}
.services-box h3{
    font-size: 1.5rem !important;
}
.services-box  .client-img{
    width: unset;
}
.services-box i{
    font-size: 2rem;
}
.services-wrapper .item a{
    color: #000;
    text-decoration: none;
}
.services-wrapper .services-box:hover{
    box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.15);
}
/* testimonials page */
.testimonials-wrapper{
    margin: 0 auto;
}
.testimonials-list{
    position: relative;
    height: 29153.2px;
}
.testimonial-list .grid-sizer {
    width: 33%;
}
.testimonial-list .item {
    margin-top: unset;
    width: 30%;
    margin-bottom: 20px !important;
    border: 8px solid rgba(140, 161, 170, .2);
    padding: 10px 20px;
}
.testimonial-cont {
    max-width: 1100px;
    position: relative;
}
.testimonial-list .grid-sizer {
    width: 33%;
}
.testimonial-list .item p:first-of-type::before {
    content: "\275D";
    background-color: #ccc;
    border-radius: 50px;
    height: 60px;
    width: 60px;
    text-align: center;
    vertical-align: middle;
    font-size: 53px;
    border-radius: 50%;
    position: absolute;
    left: -42px;
}
.testimonials-wrapper:before{
    display: table;
    content: " ";
}
.testimonials-wrapper:after{
    display: table;
    content: " ";
}
.testimonial-list .item span {
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    margin: 0 0 !important;
    line-height: 20px;
    display: block;
}
.testimonial-list .item p {
    font-size: 13px;
}
/* testimonials page */
/* timeline */
.timeline{
  position:relative;
  margin:50px auto;
  padding:40px 0;
  width:1000px;
  box-sizing:border-box;
}
.timeline:before{
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:100%;
  background:#c5c5c5;
}
.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:20px 40px;
  box-sizing:border-box;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}
.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}
.timeline .content{
  padding-bottom:20px;
}
.timeline ul li:nth-child(odd):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  right:-6px;
  background:rgba(0,0,0,1);
  border-radius:50%;
  box-shadow:0 0 0 3px rgb(255, 255, 255);
}
.timeline ul li:nth-child(even):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  left:-4px;
  background:rgba(0,0,0,1);
  border-radius:50%;
  box-shadow:0 0 0 3px rgb(255, 255, 255);
}
.timeline ul li h3{
  padding:0;
  margin:0;
  font-weight:600;
}
.timeline ul li p{
  margin:10px 0 0;
  padding:0;
}
.timeline ul li .time h4{
  margin:0;
  padding:0;
  font-size:14px;
}
.timeline ul li:nth-child(odd) .time
{
  position:absolute;
  top:12px;
  right:-165px;
  margin:0;
  padding:8px 16px;
  color:#fff;

}

.timeline ul li:nth-child(even) .time
{
  position:absolute;
  top:12px;
  left:-165px;
  margin:0;
  padding:8px 16px;
  color:#fff;
}

@media(max-width:1000px)
{
  .timeline{
    width:100%;
  }
}

.row-reverse{
    display: flex;
    flex-direction: row-reverse;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.about-us-image-flip img {
    width: 100%;
    border-radius: 10px;
    transform: scaleX(-1);
}
.about-us-container .row {
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex
;
    flex-direction: row-reverse;
}
.about-us-content{
    padding-right: 15px;
        padding-left: 15px;
}

@media(max-width:767px){
  .timeline{
    width:100%;
    padding-bottom:0;
  }
  

  h1{
    font-size:40px;
    text-align:center;
  }
  .timeline:before{
    left:20px;
    height:100%;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even)
  {
    width:100%;
    text-align:left;
    padding-left:50px;
    padding-bottom:50px;
  }
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before
  {
    top:-18px;
    left:16px;
  }
  .timeline ul li:nth-child(odd) .time,
  .timeline ul li:nth-child(even) .time{
    top:-30px;
    left:50px;
    right:inherit;
  }
}
.timeline img{
    width: 30%;
}
/* timeline */
.case-study{
    padding: 0.4rem;
    background-color: #f1f1f1;
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    color: #000;
}
.portfolio-image{
    position: relative;
}
.row-reverse-about{
    display: flex
;
    justify-content: center;
    align-content: center;
    flex-direction: row-reverse;
    align-items: center;
}

/* Remove unwanted scrollbar from Calendly popup */
.calendly-overlay .calendly-popup {
    max-height: 90vh !important; /* make it responsive to viewport */
    overflow-y: auto !important;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.25);
}

/* Prevent body scroll when Calendly popup is open */
body.calendly-popup-open {
    overflow: hidden;
}


@media (max-width: 768px) {
    .navbar-nav{
            margin-left: -20px;
    }
    
    footer ul {
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}
footer ul li, .nav-items ul li {
    list-style-type: none;
    padding: 0 1rem;
    font-size: 20px;
}
.footer-top, .bottom-pages, .footer-bottom {
    margin-bottom: 1rem;
   font-size: 20px;
    display: flex !important;
    flex-direction: column !important;
}

.hero-content {
    width: 100%;
}
  .hero-content h1 {
    font-size: 3rem !important;
            line-height: 3.1rem;
    text-align: left;
    margin-top: 14px;
} 
.our-journey {
    padding-top:30px ;
    padding-bottom: 10px;
}
.row h2{
    font-size: 2rem !important;
    text-align: left;
}
.row p{
    text-align: left;
}
.hero-container {
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: center;
    padding: 0rem 8rem 0;
    flex-direction: column-reverse;
}
.about-images {
    width: 100%;
}


#hero-section {
    background: #f1f1f1;
    padding: 1rem 0 0rem;
}
#testimonials, #about-us {
    padding: 1rem 0 1rem;
    background-color: #f1f1f1;
}

.philosophy-container {
    padding: 1rem 1rem;
    text-align: center;
    background: linear-gradient(180deg, #313131, #060707);
    border-radius: 20px;
    color: #fff;
}
.row-reverse {
    display: flex;
        flex-direction: column-reverse;
}
.row-reverse-about{
    display: flex;
        flex-direction: column;
}
.project-container {
  display: flex;
        justify-content: center;
        flex-flow: column;
        flex-direction: column;
    align-content: center;
    align-items: center;
}
.project-container div {
           margin: 5px;
    width: 100%;
}
.project-container div:nth-child(even):hover {
    transform: unset;
}
.project-container div:nth-child(even) {
    transform: unset;
}
.contact-us-section-container {
    width: 100%;
    padding: 1rem;
}
.about-us-container .row {
 display: flex;
    flex-direction: column-reverse;
     row-gap: 20px;
}
.about-us-content {
    padding-right: 0px;
    padding-left: 0px;
}

 .testimonial-list {
        height: auto !important;
    }

    /*
     * Target each individual testimonial item.
     * The inline styles for 'position', 'left', and 'top'
     * create the masonry grid on desktop. We must override
     * them to create a single-column layout on mobile.
     *
     * - 'position: static !important' removes the absolute positioning.
     * - 'width: 100% !important' makes each item take the full width
     * of its container.
     * - 'margin-bottom' adds some spacing between the stacked items.
     * - 'left' and 'top' are reset.
     */
    .testimonial-list .item {
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        margin-bottom: 20px; /* Adds space between testimonials */
    }

    /* A small adjustment to the heading for better spacing on mobile. */
    .testimonial-cont h2 {
        margin-bottom: 30px;
        font-size: 2.5rem;
    }
    .testimonial-cont {
    padding-left: 40px;
            padding-top: 40px;
}
.p-4 {
    padding: 0.5rem !important;
}
#philosophy {
    background-color: #f1f1f1;
    padding: 2rem 0 2rem;
}
}