/* ---------  Mayuresh Custom Scrollbar ---------  */
/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  /*border-radius: 10px;*/
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--mainColor2);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #E13833;
}
/* ---------  Mayuresh Custom Scrollbar End ---------  */
.pt0{
  padding-top: 0!important;
}
.pt1{
  padding-top: 1rem!important;
}
.pt2{
  padding-top: 2rem!important;
}
.pt3{
  padding-top: 3rem!important;
}
.pt4{
  padding-top: 4rem!important;
}
.pt5{
  padding-top: 5rem!important;
}
.pb0{
  padding-bottom: 0!important;
}
.pb1{
  padding-bottom: 1rem!important;
}
.pb2{
  padding-bottom: 2rem!important;
}
.pb3{
  padding-bottom: 3rem!important;
}
.pb4{
  padding-bottom: 4rem!important;
}
.pb5{
  padding-bottom: 5rem!important;
}
.mb0{
  margin-bottom: 0rem !important;
}
.mb1 {
  margin-bottom: 1rem !important;
}
.mb2 {
  margin-bottom: 2rem !important;
}
.mb3 {
  margin-bottom: 3rem !important;
}
.mb4 {
  margin-bottom: 4rem !important;
}
.mb5 {
  margin-bottom: 5rem !important;
}
.mt0{
  margin-top: 0rem !important;
}
.mt1 {
  margin-top: 1rem !important;
}
.mt2 {
  margin-top: 2rem !important;
}
.mt3 {
  margin-top: 3rem !important;
}
.mt4 {
  margin-top: 4rem !important;
}
.mt5 {
  margin-top: 5rem !important;
}
/*------------------------------------not responsive start---------------------*/
.nav-logo {
   padding: 20px;
}
.navbar-logo {
   width: 110px;
   height: 100%;
   object-fit: contain; /* ensures image scales properly */
}
.enry-nav {
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* soft shadow below */
   z-index: 1000;
   position: relative;
}
.navbar-area.is-sticky .navbar-logo {
   width: 85px;
   height: 100%;
   object-fit: contain; /* ensures image scales properly */
   border-radius: 3px;
}

.navbar-area.is-sticky { 
   background-color: var(--mainColor2)!important; 
   border-bottom: 3px solid #e13a39;
}
.navbar-area.is-sticky .enry-nav .navbar .navbar-nav .nav-item a { 
    color: var(--whiteColor); 
}
.navbar-area.is-sticky .enry-nav .navbar .navbar-nav .nav-item .dropdown-menu { 
   background: var(--mainColor2); 
}
.navbar-area.is-sticky .enry-nav .navbar .navbar-brand { 
   padding: 10px;
} 
.single-footer-widget .footer-logo img {
   border-radius: 3px;
}
.single-footer-widget.footerLogoDiv {
   text-align: center;
}
.single-partner-item.text-center a {
   height: 150px;
   width: 150px;
   background: #fff;
   padding: 10px;
   border-radius: 10px;
}
.org-img{
   border-radius: 50%;
}
.single-partner-item {
   text-align: center;
}
.single-partner-item .org-name {
   margin-top: 8px;
   font-size: 14px;
   color: #ffffff; /* White for best contrast */
   font-weight: 500;
}
.whatsapp-float {
   position: fixed;
   bottom: 93px;
   right: 13px;
   width: 60px;
   height: 60px;
   z-index: 1000;
   border-radius: 50%;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
}
.whatsapp-float img {
   width: 49px;
   height: 49px;
   position: relative;
   z-index: 2;
}
.whatsapp-float .ripple {
   position: absolute;
   width: 100%;
   height: 100%;
   background: rgba(37, 211, 102, 0.4); /* WhatsApp green with transparency */
   border-radius: 50%;
   animation: ripple-animation 1s infinite;
   z-index: 1;
}
@keyframes ripple-animation {
   0% {
      transform: scale(0.8);
      opacity: 1;
   }
   70% {
      transform: scale(1.8);
      opacity: 0;
   }
   100% {
      transform: scale(2);
      opacity: 0;
   }
} 
.video-wrapper {
   position: relative;
   padding-bottom: 37.25%;
   height: 0;
   overflow: hidden;
}

.video-wrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.single-services-box {
   border: 1px solid #e0e0e0;
   border-radius: 12px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   background-color: #ffffff;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.single-services-box:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 28px rgba(0, 0, 0, 0.15);
}

.services-area {
   background: #f9f8f8;
}

.single-blog-post {
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
   /* Soft shadow */
   overflow: hidden;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   height: 100%;
   display: flex;
   flex-direction: column;
}

.single-blog-post .post-content { 
   border: unset; 
}

.testimonial-image img {
   width: 250px;
   height: 250px;
   border-radius: 50% !important;
   object-fit: cover;
   margin: auto;
   display: block;
}

.testimonial-area.ptb-100.bg-fafafa {
   background: #f5f2f2;
}

.wcu {
   background: unset;
} 

.free-quote-area {
   background: unset;
}

.funfacts-box {
   margin-bottom: 30px !important;
   padding: 18px !important;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
   border-radius: 25px !important;
}

.funfacts-box h3 {
   font-size: 40px !important;
}

.funfacts-box i {
   /* line-height: 1; */
   font-size: 50px !important;
}

.main-banner-image {
   height: 500px;
   width: 100%;
}

.main-banner-image img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.main-banner-area::before {
   background-image: unset !important;
}

.free-quote-inner {
   background-color: unset !important;
}

.free-quote-inner .section-title h2 {
   /*color: #262e2e;*/
} 
.yt-video {
   border-radius: 16px;
   /* Apply rounded corners */
   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
} 
.yt-video iframe {
   border-radius: 16px;
   /* Apply rounded corners */
   overflow: hidden;
} 
.what-we-do-img img {
   max-width: 80% !important;
   /* height: auto; */
} 
.what-we-do-img::before {
   width: 140px;
   height: 140px;
   right: 70px;
   background-color: var(--mainColor2);
} 
.what-we-do-img::after {
   width: 140px;
   height: 140px;
   left: 75px;
   background-color: var(--mainColor2);
}
.about-text { 
   background-color: var(--mainColor2); 
}
.about-text h2 {
   color: #fff;
}
.about-text p {
   color: #fff;
}
.about-text .single-about-box h3 {
   color: #fff;
}
.page-title-area {
   position: relative;
   padding-top: 60px;
   padding-bottom: 60px;
   z-index: 1;
   overflow: hidden;
}  
.page-title-area * {
   position: relative;
   z-index: 2;
}
.page-title-area::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color:var(--mainColor2);
   z-index: -1;
}
.page-title-content h2, .page-title-content ul li a, .page-title-content ul li::before {
   color: #fff;
}
.top-header-area { 
   padding-top: 8px;
   padding-bottom: 8px;
}
.single-team-member {
   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
   border-radius: 10px;
}
.single-team-member .content{
   margin-top: 0;
   padding: 10px;
}
.what-we-do-area.home.bg-about {
   background-color:var(--mainColor2);
}
.what-we-do-area.home .what-we-do-text h2 { 
   color: #fff;
}
.what-we-do-area.home .what-we-do-text.about-home p {
   color: #fff;
}
.what-we-do-area.home .default-btn::before { 
   border: 1px solid #ffffff;
}
.what-we-do-area.home .what-we-do-text .default-btn { 
   color: #fff;
}
.what-we-do-area.home .what-we-do-img::before { 
   background-color: #ffffff;
}
.what-we-do-area.home .what-we-do-img::after { 
   background-color: #ffffff;
}
/*------------------------------------ eOf not responsive---------------------*/

/*------------------------------------responsive start-----------------------*/

   /* mayuresh media queries for all devices*/

   /*mayuresh css responsive main for all pages */

   /* 
   ##Device = Desktops
   ##Screen = 1281px to higher resolution desktops
   */

@media (min-width: 1281px) {
  
  /*//CSS*/
  
}/*//eOF min-width: 1281px*/

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /*//CSS*/
     
  
}/*//eOF min-width: 1025px*/

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /*//CSS*/

  
}/*//eOF min-width: 768px*/

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
  
  /*//CSS*/
}/*//eOF min-width: 768px*/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  /*//CSS*/

}/*//eOF min-width: 481px*/

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
 /* //CSS*/
 
}/*//eOF min-width: 320px*/

/*------------------------------------ eOf responsive start-----------------------*/