/* ====== Responsive Breakpoints (Optimized) ====== */

/* ====== Ultra-Wide & 4K Screens (1921px and above) ====== */
@media (min-width: 1921px) {
    /* Add styles for very large / 4K screens */
	section.banner.inner-banner::before {
		width: 48%;
	}
	section.banner.inner-banner::after {
		width: 52%;
	}
}

/* ====== Large Laptops (1366px – 1566px) ====== */
@media (min-width: 1366px) and (max-width: 1566px) {
	/* Add styles for large desktop screens */
	section.banner.inner-banner {
		height: 100vh;
	}
}

/* Large Devices (Laptops, Desktops) */
@media (max-width: 1399px) {

	/* Styles for large desktops and laptops */
	p,
	.trust-content ul li,
	.blog-content ul li {
		font-size: 16px;
	}

	.primery-btn,
	.secondery-btn {
		font-size: 14px;
	}

	.nav-bar-menu ul {
		gap: 40px;
	}

	.nav-bar-menu ul li a {
		font-size: 16px;
	}

	.banner-image img {
		height: 381px;
	}

	.banner-content h1,
	.inner-banner-content .banner-heading-1 {
		font-size: 36px;
	}

	span.title-icon {
		transform: translate(0px, 5px);
	}

	.services-title a {
		font-size: 24px;
	}

	.heading-3 {
		font-size: 28px;
	}

	h4.heading-4 {
		font-size: 22px;
	}

	.section-title h2 {
		font-size: 32px;
	}

	.slider-item img {
		width: 160px;
	}

	.footer-logo {
		width: 184px;
	}

	.track-icon {
		width: 30px;
	}

	.tp ul li a,
	.cr p {
		font-size: 14px;
	}

	.footer-menu ul li a {
		font-size: 16px;
	}

	nav.breadcrumb a,
	nav.breadcrumb span.sep,
	.breadcrumb a,
	nav.breadcrumb span,
	.wich-we-certified ul li {
		font-size: 16px;
	}

	.industries-item {
		padding-right: 40px;
	}

	.blog-content h2,
	.heading-2 {
		font-size: 24px;
	}
	
	.slider-item img {
    	width: 160px;
	}


}

/* Medium Devices (Tablets Landscape) */
@media (max-width: 1199px) {

	/* Adjust layout for tablets and small laptops */
	.nav-bar-menu ul li a {
		font-size: 14px;
	}

	.nav-bar-menu ul {
		gap: 24px;
	}

	.primery-btn {
		padding: 12px 24px;
	}

	.nav-logo {
		width: 178px;
	}

	.banner-image img {
		height: 316px;
	}

	.spacer {
		padding: 60px 0;
	}

	.spacer-top {
		padding-top: 60px;
	}

	.spacer-bottom {
		padding-bottom: 60px;
	}

	.slider-item img {
		width: 120px;
	}

	.power-item-icon img {
		width: 60px;
	}

	.cta-icon {
		width: 30px;
	}

	.footer-menu ul li a {
		font-size: 14px;
	}

	.track-item.item-border,
	.power-item,
	.what-we-offer-content,
	.industries-we-serve-item {
		padding: 20px;
	}

	.cta-bg,
	.we-power-sec-bg,
	.track-bg,
	.our-services-sec-bg,
	.track-bg,
	.bg-1,
	.bg-2,
	.detail-bg-1,
	.detail-bg-2 {
		width: 300px;
	}

	.power-item-icon {
		margin-bottom: 30px;
	}

	nav.breadcrumb a,
	nav.breadcrumb span.sep,
	.breadcrumb a,
	nav.breadcrumb span {
		font-size: 14px;
	}

	.section-title {
		padding-bottom: 30px;
	}

	section.track-record .container .row {
		row-gap: 30px;
	}

	.why-it-sec-image img {
		height: 360px;
	}

	.right-content ul li,
	.challenges-solutions-delivered-content ul li,
	.left-content ul li,
	.why-it-sec-content ul li,
	.wich-we-certified ul li {
		font-size: 16px;
	}

	h4.heading-4 {
		margin-bottom: 10px;
	}

	section.faq-section .container {
		padding: 60px 0px;
	}

	.faq-question span {
		font-size: 16px;
	}

	section.industries-served-sec .container {
		padding: 60px;
	}

	.right-image img,
	.left-image img,
	.left-image img {
		height: 260px;
	}

	section.challenges-solutions-delivered-sec .container {
		padding: 40px 10px;
	}

	.row.aic.p-reletive {
		padding: 20px 0 20px 10px;
	}

	section.challenges-solutions-delivered-sec .container .row:before {
		left: 50%;
	}

	.right-content,
	.left-image.p-reletive {
		padding-right: 20px;
	}

	.right-image.p-reletive,
	.right-content {
		padding-left: 20px;
	}

	.thumbnail a {
		height: 200px;
	}

	.aurtur span,
	.publised span {
		font-size: 14px;
	}

	.title a {
		font-size: 16px;
		line-height: 24px;
	}

	.insights-details {
		padding: 10px 20px;
	}

	.title a {
		padding: 0 20px 0px 20px;
	}

	.discription p {
		padding: 0 20px;
	}

	section.contact-us-sec .container {
		padding: 50px;
	}

	.contact-form {
		padding: 40px 30px;
		margin-left: 30px;
	}

	.blog-featured-img img {
		height: 433px;
	}
	section.blog-detail {
    	padding-top: 100px;
	}
	.certified-disc {
    	width: 100%;
	}
	.wich-we-certified ul li {
		margin-right: 0;
	}
	.who-we-are-sec-image {
    	width: 100%;
	}
	.track-item.item-border a {
		height: 40px !important;
	}
	section.banner.inner-banner {
		height: 500px;
	}
	.ceo-image img {
  		width: 100%;
		height: auto;
	}

}

/* Small Devices (Tablets Portrait) */
@media (max-width: 991px) {

	/* Adjust grid, font, padding for tablets */
	p,
	.blog-content ul li,
	.breadcrumb,
	.wich-we-certified ul li {
		font-size: 14px;
	}

	.nav-logo {
		width: 50%;
	}

	.nav-bar-menu {
		width: 0;
		height: 0;
		visibility: hidden;
		opacity: 0;
		overflow: hidden;
	}
	
	.dndn {
		display: none;
	}
	
	.nav-bar-btn {
    display: block;
}

	.bars {
		width: 20%;
		height: 100%;
		visibility: visible;
		opacity: 1;
		overflow: hidden;
		text-align: end;
	}
	
	.mm {
    display: flex;
    justify-content: flex-end;
}

	.banner-image img {
		height: 234px;
	}

	.banner-content h1,
	.inner-banner-content .banner-heading-1 {
		font-size: 28px;
	}

	span.title-icon {
		transform: translate(20px, 1px);
	}

	.primery-btn,
	.secondery-btn {
		font-size: 12px;
		padding: 10px 16px;
	}

	.who-we-are-sec-content,
	.left-content {
		padding-left: 0px;
	}

	.who-we-are-sec-image {
		width: 90%;
	}

	.services-container {
		padding: 30px;
	}

	.services-title a {
		font-size: 16px;
	}

	.services-btn a {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.services-column-1 {
		width: 30%;
	}

	.section-title h2 {
		font-size: 26px;
	}

	.heading-3, .heading-3 span {
		font-size: 22px;
	}

	h4.heading-4 {
		font-size: 18px;
	}

	.track-content h3.heading-3 {
		padding: 30px 0px 0 0;
	}

	.cta-bg,
	.we-power-sec-bg,
	.track-bg,
	.our-services-sec-bg {
		width: 200px;
	}

	.trust-content ul li {
		font-size: 14px;
	}

	.power-item {
		padding: 20px 5px;
	}

	.power-item-icon {
		margin-bottom: 20px;
	}

	.cta-btn {
		margin-top: 20px;
	}

	.cta-item {
		gap: 10px;
	}

	.cta-con a {
		font-size: 14px;
	}

	header.header {
		padding: 10px 0;
	}

	.bars span i {
		font-size: 23px;
	}

	section.banner.inner-banner {
		height: 250px;
	}

	.right-content {
		padding-right: 0px;
	}

	.right-image.p-reletive {
		padding-left: 0px;
	}

	section.track-record .container .row {
		row-gap: 24px;
	}

	.right-content ul li,
	.challenges-solutions-delivered-content ul li,
	.left-content ul li,
	.why-it-sec-content ul li {
		font-size: 14px;
	}

	.right-image.p-reletive img,
	.left-image.p-reletive img,
	.why-it-sec-image img,
	.left-image.p-reletive img {
		height: 320px;
	}

	.faq-item {
		width: 80%;
	}

	.industries-item {
		padding-right: 20px;
	}

	section.industries-served-sec .container .row {
		row-gap: 30px;
	}

	section.industries-served-sec .container {
		padding: 30px;
	}

	.line {
		right: 35%;
	}

	section.industries-served-sec .container .row:after {
		left: 31%;
	}

	section.contact-us-sec .container {
		padding: 30px;
	}

	.blog-content h2,
	.heading-2 {
		font-size: 18px;
	}
	.track-item.item-border a {
		height: 32px !important;
	}
	.heading-4 {
		font-size: 18px;
	}
	
	.nav-bar-btn a {
		font-size: 14px;
	}
	

}

/* Extra Small Devices (Large Phones) */
@media (max-width: 767px) {
	/* Stack layout, hide desktop nav, etc. */

}

/* Very Small Devices (Mobile Phones) */
@media (max-width: 575px) {
	.container {
		width: 96%;
	}

	/* Reduce font sizes, adjust paddings */
	.banner-image,
	.cta-bg,
	.we-power-sec-bg,
	.track-bg,
	.our-services-sec-bg,
	.tp ul li:nth-child(2),
	.bg-2,
	.bg-1,
	.why-it-sec-image,
	.right-image,
	.left-image,
	section.industries-served-sec .container .row:before,
	.line,
	section.industries-served-sec .container .row:after,
	section.challenges-solutions-delivered-sec .container .row:before,
	.detail-bg-1,
	.detail-bg-2,
	section.banner.inner-banner::before,
	section.banner.inner-banner::after,
	.page-id-47 .who-we-are-sec-image,
	.who-we-are-sec-image {
		width: 0;
		height: 0;
		visibility: hidden;
		opacity: 0;
		overflow: hidden;
	}
	
	.page-id-47 .who-we-are-sec-image {
		padding-top: 0;
	}

	span.title-icon {
		width: 40px;
		transform: translate(30px, 1px);
	}

	section.banner.home-banner.spacer {
		padding: 90px 0px 50px 0px;
	}

	.spacer {
		padding: 50px 0;
	}

	.spacer-top {
		padding-top: 50px;
	}

	.spacer-bottom {
		padding-bottom: 50px;
	}

	.heading-3 {
		margin-bottom: 10px;
	}

	.section-title {
		width: 100%;
	}

	.row.aic.p-reletive {
		padding: 40px 10px 40px 10px;
	}

	.row.aic.p-reletive:before {
		width: 100%;
	}

	.trust-image {
		margin-top: 20px;
	}

	section.track-record .container .row {
		row-gap: 20px;
	}

	section.industries-we-power-sec.spacer.p-reletive .row {
		row-gap: 60px;
	}

	.power-item {
		padding: 20px 20px;
	}

	.slider-item img {
		width: 100px;
	}

	.cta-item {
		margin-bottom: 30px;
	}

	section.cta-sec.spacer.p-reletive .container .row .col-md-4:last-child .cta-item {
		margin-bottom: 0;
	}

	.footer-menu ul {
		flex-direction: column;
		align-items: center;
		gap: 20px;
		padding: 30px 0;
	}

	.footer-bottom {
		margin-top: 20px;
	}

	.cr {
		padding-top: 10px;
	}

	.footer-bottom {
		flex-direction: column;
		align-items: center;
	}

	.tp ul {
		display: flex;
		gap: 3px;
		flex-direction: column;
		align-items: center;
	}

	.nav-logo {
		width: 100%;
	}

	.services-row {
		display: flex;
		flex-direction: column;
	}

	.services-column-1,
	.services-column-2,
	.services-column-3 {
		width: 100%;
	}

	.services-title {
		text-align: center;
	}

	.services-discription {
		text-align: center;
		padding-top: 10px;
	}

	.services-btn {
		display: flex;
		justify-content: center;
		margin-top: 14px;
	}

	.thumbnail a {
		height: 220px;
	}

	.title a {
		line-height: 22px;
	}

	.aurtur span,
	.publised span,
	.title a {
		font-size: 14px;
	}

	.inner-banner-content p {
		text-align: center;
	}

	section.banner.inner-banner {
		height: unset;
		padding: 30px 0;
		background: linear-gradient(90deg, #1BA447 0%, #049744 51.92%, #00703A 100%);
		margin-top: 45px;
	}

	nav.breadcrumb a,
	nav.breadcrumb span.sep,
	nav.breadcrumb span {
		color: #fff;
	}

	.services-cta-content {
		text-align: center;
	}

	.services-cta-content .primery-btn {
		margin-top: 10px;
	}

	.faq-item {
		width: 90%;
	}

	.faq-answer p {
		font-size: 14px;
		padding-right: 0;
	}

	.faq-question span {
		font-size: 15px;
	}

	section.faq-section .container {
		padding: 40px 0px;
	}

	.row.aic.p-reletive {
		padding: 20px 10px 20px 10px;
	}

	.discription p {
		font-size: 14px;
	}

	.page-id-127 .section-title h2 {
		font-size: 22px;
	}

	select.form-select.cus-sel {
		padding: 10px 7px 10px 10px;
		font-size: 12px;
		font-weight: 600;
	}

	.contact-form {
		padding: 20px 20px;
		margin-left: 0px;
		margin-top: 30px;
	}

	section.contact-us-sec .container {
		padding: 30px 20px;
	}

	.blog-featured-img img {
		height: 220px;
	}

	.blog-tags,
	section.blog-detail.spacer h1.heading-3,
	.blog-content {
		width: 100%;
	}

	section.not-found-sec {
		height: 42.2vh;
	}

	section.banner.inner-banner, section.technologies-used-sec.technologies-used-sec-mobile-only.spacer {
		display: block;
	}

	.right-image.p-reletive,
	.right-content {
		padding-left: 0px;
	}

	.heading-4 {
		font-size: 20px;
	}
	.footer-logo {
        width: 144px;
    }
	
	section.blog-detail {
        padding-top: 80px;
    }
	.single-post .breadcrumb span, .single-post .breadcrumb a {
    	text-align: center;
	}
	span.movi {
		width: 100%;
		height: 100%;
		visibility: visible;
		opacity: 1;
	}
	.services-btn a {
        width: auto;
        line-height: 30px;
        gap: 10px;
		padding: 0 20px;
    }
	.services-container {
        padding: 20px;
    }
	.track-item.item-border a {
    	position: unset;
    	height: unset;
	}
	.page-id-59 .track-item.item-border p {
    	padding-bottom: 0;
	}
	section.brand-sec {
    	padding-bottom: 10px;
	}
	.fd-cr {
    	flex-direction: column-reverse;
	}
	.who-we-are-sec-image {
        width: 100%;
        padding-bottom: 30px;
    }
	.technologies-img {
		width: 100%;
	}
	.page-id-47 .row.aic.p-reletive {
        padding: 30px 20px 30px 20px;
    }
	.inner-banner-item, .inner-banner-content {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
	}
	.primery-btn, .secondery-btn {
		margin-top: 15px;
	}
	
	.inner-banner-content a, section.technologies-used-sec.technologies-used-sec-desktop.spacer {
		display: none;
	}
	.inner-banner-content .banner-heading-1 {
		text-align: center;
	}
	
	.technologies-used-slider-item img {
    	width: 70%;
    	height: auto;
	}

	.technologies-used-slider-item.slick-slide, .technologies-used-slider .slick-track {
    	display: flex;
    	justify-content: center;
		align-items: center;
	}
	
	.p-bottom {
    	padding-bottom: 30px;
	}
	.industries-item {
    	text-align: center;
    	border-bottom: 1px solid #0BA151;
    	padding-bottom: 30px;
	}
	
	.left-content {
		text-align: left;
	}
	
	.track-content .heading-3 {
		padding-right: 0;
	}
	
	.bb0 {
		border-bottom: 0;
	}
	.contacts-container {
		margin-top: 20%;
	}
	.contact-form h4 {
		margin-bottom: 20px;
	}
	.blog-content h2 {
    padding-bottom: 5px;
}

.blog-content h2 {
    padding-bottom: 5px;
}

.blog-content ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}



}

/* Extra Small (Tiny phones like iPhone SE) */
@media (max-width: 374px) {
	/* Fine-tune typography and spacing */
}