.navbar-fixed-top,
        .navbar-fixed-bottom {
            background: #000 !important;
        }
        
        #xyz {
            height: 10pc;
            width: 10pc;
        }
        
        #abc {
            transition: 1s;
        }
        
        #abc:hover {
            transform: scale(1.1);
            transition: 1s;
        }
			.sec-1-bg{
				padding-top: 30px;
				padding-bottom: 60px;
				outline: none;
				background-color: rgb(18, 36, 72);
				background-image: url("images/TGGM-hands-bg.jpg");
			}
			.sec-1-title-1{
				text-align: center;
			    font-size: 41px;
			    color: rgb(255, 255, 255);
			    text-transform: uppercase;
			    font-weight: bolder;
		        font-family: system-ui;
			}
			.sec-1-title-2{
				text-align: center;
			    font-size: 28px;
			    color: #fff;
			    line-height: 40px;
		       font-family: acumin-pro-condensed,sans-serif;
		       font-weight: 800;
			}
			.sec-1-title-3{
				text-align: center;
				font-size: 24px;
				color: #fff;
			}
            .img-custom-2 {
			    display: inline-block;
			    height: auto;
			    max-width: 100%;
			    padding: 4px;
			    line-height: 1.428571429;
			    background-color: transparent;
			    -webkit-transition: all .2s ease-in-out;
			    transition: all .2s ease-in-out;
			}
			.sec-2{
				padding: 20px 0px;
			    margin: 10px auto 0px;
			    background-color: rgb(255, 255, 255);
			    outline: none;
			    width: 75%;
			    max-width: 100%;
		        box-shadow: 0 3px 5px rgb(0 0 0 / 10%), 0 0px 48px rgb(0 0 0 / 10%);
		        border-radius: 10px;
			}
			.sec-2-title-1{
				text-align: center;
				font-size: 20px;
				color: rgb(0, 0, 0);
		        font-family: system-ui;
				font-weight: 800 !important;
				font-style: italic !important;
				line-height: 25px;
			}
			.sec-2-title-2{
				text-align: center;
				font-size: 18px;
				color: rgb(47, 47, 47);
			}
			.sec-2-btn-1{
				color: rgb(255, 255, 255);
				background: #02ac00;
				font-size: 24px;
				padding: 15px 47px;
				border: none;
				font-weight: 800 !important;
			}
			@media (max-width: 991px) {
				.about_us_img{
					width: 100%; 
				}
			}
		
        .business-services-section {
            background-color: #f8f9fa;
            padding: 40px 0; /* Reduced padding to minimize vertical gap */
        }
        .container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 10px; /* Reduced padding for tighter layout */
        }
        .section-title {
            font-size: 28px;
            font-weight: 700;
            color: #333;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        .section-subtitle {
            font-size: 16px;
            color: #666;
            font-weight: 400;
        }
        .services-grid {
            margin: 0 -10px; /* Reduced margin for tighter grid */
            display: flex;
            flex-wrap: wrap;
        }
        .service-item {
            padding: 0 10px; /* Reduced padding */
            margin-bottom: 20px; /* Reduced margin to minimize gap */
            flex: 0 0 33.3333%; /* Ensure 3 columns */
            max-width: 33.3333%;
        }
        .service-card {
            background: white;
            border-radius: 8px;
            padding: 15px; /* Reduced padding for compactness */
            box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Lighter shadow */
            transition: transform 0.3s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
            min-height: 280px; /* Adjusted min-height to fit content without gaps */
        }
        .service-icon {
            width: 45px;
            height: 45px;
            background: #e74c3c;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            flex-shrink: 0;
        }
        .service-icon i {
            color: white;
            font-size: 18px;
        }
        .service-card h4 {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            margin: 0;
            line-height: 1.3;
        }
        .service-card p {
            color: #666;
            font-size: 14px;
            line-height: 1.5;
            margin-bottom: 15px; /* Reduced margin to minimize gap */
            flex-grow: 1;
            overflow: hidden; /* Prevent overflow */
        }
        .btn {
            background: #0056b3;
            color: white;
            border: none;
            padding: 8px 20px;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            text-decoration: none;
            display: inline-block;
            border-radius: 3px;
            margin-top: auto; /* Push button to bottom */
        }
        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1); /* Adjusted shadow */
        }
        .service-card .btn:hover {
            background: #c0392b;
            transform: translateY(-1px);
            text-decoration: none;
            color: white;
        }
        @media (max-width: 991px) {
            .service-item {
                flex: 0 0 50%;
                max-width: 50%;
                margin-bottom: 20px;
            }
            .service-card h4 {
                font-size: 15px;
            }
        }
        @media (max-width: 768px) {
            .section-title {
                font-size: 24px;
            }
            .service-item {
                flex: 0 0 100%;
                max-width: 100%;
                margin-bottom: 15px;
                padding: 0 5px;
            }
            .service-card {
                padding: 15px;
            }
            .service-card h4 {
                font-size: 14px;
            }
        }
        @media (max-width: 576px) {
            .services-grid {
                margin: 0 -5px;
            }
            .service-item {
                padding: 0 5px;
                margin-bottom: 10px;
            }
        }


html {
  overflow-x: hidden !important;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

		
body,
section {
  padding: 0px ;
}
.gap-20,
.gap-30,
.gap-40,
.gap-60 {
  clear: both;
}
.body-inner,
.parallax,
html,
section,
ul.circle li {
  position: relative;
}
.form-control,
.form-control:focus {
  box-shadow: none;
}
.title-desc,
blockquote p,
body,
h2,
h3,
p {
  font-weight: 400;
}

body,
p {
  font-family: Lato, sans-serif;
  font-size: 17px;
  line-height: 1;
}
		h1 {
  font-size: 36px;
  line-height: 48px;
}h2 {
  font-size: 32px;
}
h2 {
line-height: 30px;
}
*, ::after, ::before {
  box-sizing: border-box;
}
*, html {
  margin: 0;
  padding: 0;
}

element {
  text-align: center;
}
:active:focus, :focus, :hover, a {
  text-decoration: none;

  outline: 0 !important;

  outline-offset: 0 !important;
}
h1 {
  font-size: 36px;
  line-height: 48px;
}
h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: bold;
}
h1, h2, h3, h3.same-as-h4, h4, h5, h6, ul.navbar-nav > li > a {
  font-family: JaapokkiRegular;
}
.comments-counter a, .landing-tab .nav-tabs > li.active .tab-info h3, .plan.featured .plan-name, .post-meta-author a, .post-meta-cats a, .post-title a, .recent-post .post-body h3 a, .widget-categories ul.category-list li a, .widget-tab h4.entry-title a, a.read-more, h1, h2, h3 {
  color: #323232;
}
h1, .h1 {
  font-size: 36px;
}
h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  line-height: 1.1;
}
h1 {
  margin: .67em 0;

    margin-top: 0.67em;
    margin-bottom: 0.67em;

  font-size: 2em;
}
*, ::after, ::before {
  box-sizing: border-box;
}
*, html {
  margin: 0;
  padding: 0;

}
*, ::before, ::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.author-info h3, .post-meta, body {
  font-weight: 400;
}
body, p {
  font-family: Lato, sans-serif;
  font-size: 17px;
  line-height: 1;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333;
}
:host, :root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
:host, :root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}
:host, :root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
:root {
  --secondary-color: rgba(24, 24, 24, 1);
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
html {
  text-rendering: optimizeLegibility;
}
element {
}
*, ::after, ::before {
  box-sizing: border-box;
}
*, html {
  margin: 0;

  padding: 0;

}
.blog-date a, .btn.btn-primary.solid, .btn.btn-primary:hover, .featured-tab .nav-tabs > li > a:hover, .footer .widget-title, .footer ul li a, .footer-widget .latest-post-content h4 a, .footer-widget .post-meta, .footer-widget .post-meta a, .owl-controls .owl-next:hover, .owl-controls .owl-prev:hover, .parallax .btn, .plan a.btn:hover, .plan.featured .plan-price, .ts-carousel-controller .left:hover, .ts-carousel-controller .right:hover, .widget-tags ul > li a:hover {
  color: #fff;
}

body {
  font-family: Manrope, sans-serif;
  font-size: 15px;
  color: var(--secondary-color);
  text-transform: none;
  font-family: var(--bs-font-sans-serif);
  line-height: 1.5;
  color: #212529;
  -webkit-text-size-adjust: 100%;
}
.author-info h3, .post-meta, body {
  font-weight: 400;
}
:active:focus, :focus, :hover, a {
  text-decoration: none;
  outline: 0 !important;
  outline-offset: 0 !important;
}

.comments-counter a,
.landing-tab .nav-tabs > li.active .tab-info h3,
.plan.featured .plan-name,
.post-meta-author a,
.post-meta-cats a,
.post-title a,
.recent-post .post-body h3 a,
.widget-categories ul.category-list li a,
.widget-tab h4.entry-title a,
a.read-more,
h1,
h2,
h3 {
  color: #323232;
}

.comments-list .comment-author,
.image-block-content .feature-content h3,
.mb-0 {
  margin-bottom: 0;
}

.ts-testimonial-author {
  position: absolute;
  bottom: -60px;
  left: 90px;
}
.ts-testimonial-author h3.name {
  font-size: 14px;
  margin: 10px 0 0;
}
.ts-testimonial-author h3 span {
  display: block;
  font-size: 13px;
  margin-top: -10px;
  text-transform: capitalize;
  color: #555;
}

.about-author {
  background: #f2f2f2;
  padding: 15px 20px;
  margin: 20px 0;
}
.author-img img {
  width: 120px;
  height: 120px;
  margin-right: 30px;
  border-radius: 100%;
  margin-top: 20px;
}
.author-info h3 {
  margin-bottom: 10px;
  font-size: 20px;
}
.author-info h3 span {
  font-size: 14px;
  color: #959595;
  border-left: 1px solid #afafaf;
  padding-left: 8px;
  margin-left: 5px;
}

  /* Phone icon - Left side */
.phone-icon-container {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1000;
    text-align: center;
    color: #25D366;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   
}

.phone-icon-container a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #25D366; /* Matching the site's yellow */
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}
.phone-icon-container h5{
   font-weight: 600;
    text-align: center;
}

.phone-icon-container a:hover {
    transform: scale(1.1);
}

.phone-icon-container i {
    font-size: 28px;
    color: white;
}

/* WhatsApp icon - Right side */
.whatsapp-icon-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
     color: #25D366;
         display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.whatsapp-icon-container h5{
   font-weight: 600;
    text-align: center;
}
.whatsapp-icon-container a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #25D366;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.whatsapp-icon-container a:hover {
    transform: scale(1.1);
}

.whatsapp-icon-container i {
    font-size: 28px;
    color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .phone-icon-container a,
    .whatsapp-icon-container a {
        width: 40px;
        height: 40px;
    }

    .phone-icon-container i,
    .whatsapp-icon-container i {
        font-size: 24px;
    }

    .phone-icon-container {
        bottom: 15px;
        left: 2px;
    }

    .whatsapp-icon-container {
        bottom: 15px;
        right: 1px;
    }
	.touch-link{
display:inline-block;
padding:12px 18px;
margin:6px;
font-size:16px;
}
}