/*==================================================
    Mobile Responsive Stylesheet
    Nex Systems — all max-width / mobile media queries
==================================================*/

/* ---------- max-width: 1300px ---------- */
@media only screen and (max-width: 1300px) {

	.what-we-do-content {
		padding: 50px 15px;
	}

}

/* ---------- max-width: 1199px ---------- */
@media only screen and (max-width: 1199px) {

	.about-why-grid {
		grid-template-columns: repeat(2, 1fr);
	}

}

/* ---------- max-width: 991px ---------- */
@media only screen and (max-width: 991px) {

	/* Base mobile layout spacing */
	body {
		overflow-x: hidden;
	}

	.preloader {
		z-index: 99999;
		width: 100vw;
		height: 100vh;
		height: 100dvh;
		inset: 0;
	}

	.loading-container,
	.loading {
		height: 160px;
		width: 160px;
		max-width: 55vw;
		max-height: 55vw;
	}

	#loading-icon img {
		height: 80px;
		border-radius: 14px;
	}

	header.main-header .header-sticky.active {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
	}

	header.main-header .header-sticky.active .responsive-menu {
		position: relative;
		z-index: 1000;
	}

	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		padding-right: 16px;
		padding-left: 16px;
	}

	.row {
		--bs-gutter-x: 1.25rem;
	}

	.footer-cta {
		margin-bottom: 0;
	}

	.footer-cta-box {
		padding: 32px 24px;
		text-align: center;
	}

	.footer-cta-content h2 {
		font-size: 34px;
		margin-bottom: 16px;
	}

	.footer-cta .btn-default {
		margin-top: 24px;
	}

	.footer-bottom {
		text-align: center;
		padding: 20px 0;
	}

	.footer-bottom .text-lg-end {
		text-align: center !important;
		margin-top: 12px;
	}

	.footer-bottom a {
		margin: 0 10px;
	}

	.btn-default {
		font-size: 14px;
		padding: 15px 50px 15px 15px;
	}

	.btn-default::before {
		width: 30px;
		height: 30px;
		background-size: 18px auto;
	}

	.topbar {
		padding: 8px 0;
	}

	.topbar-contact-info ul {
		gap: 15px;
	}

	.topbar-social-links ul li {
		padding-right: 10px;
		margin-right: 10px;
	}

	.topbar-contact-info ul li a i {
		font-size: 14px;
	}

	.topbar-social-links ul li a {
		font-size: 14px;
	}

	.topbar-social-links ul li a i {
		font-size: 16px;
		margin-right: 5px;
	}

	.navbar {
		padding: 15px 0;
	}

	.navbar-brand img {
		max-width: 180px;
	}

	.main-menu ul li.highlighted-menu {
		display: block;
	}

	.slicknav_nav li,
	.slicknav_nav ul {
		display: block;
	}

	.responsive-menu,
	.navbar-toggle {
		display: block;
	}

	.header-btn {
		display: none;
	}

	.section-row {
		margin-bottom: 36px;
	}

	.section-title {
		margin-bottom: 24px;
	}

	.section-title h1 {
		font-size: 55px;
	}

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

	.section-title p {
		margin-top: 10px;
	}

	.section-btn {
		text-align: left;
		margin-top: 15px;
	}

	.hero {
		padding: 40px 0 0;
	}

	/* .hero.hero-bg-image {
		padding: 80px 0;
	} */

	/* .hero.hero-bg-image.hero-slider-layout .hero-slide {
		padding: 80px 0;
	} */

	.hero.hero-bg-image.hero-slider-layout .hero-pagination {
		bottom: 24px;
	}

	.hero-content {
		margin-bottom: 0;
	}

	.hero-body {
		max-width: 100%;
		margin-bottom: 24px;
	}

	.hero-body ul {
		gap: 15px 20px;
	}

	.hero-body ul li {
		padding-left: 25px;
	}

	.hero-body ul li:before {
		font-size: 16px;
	}

	.hero-btn::before {
		top: -10px;
		width: 80px;
		height: 50px;
	}

	.our-scrolling-ticker {
		padding: 15px 0;
	}

	.scrolling-ticker-box {
		--gap: 50px;
	}

	.scrolling-content img {
		height: 26px;
	}

	.about-us {
		padding: 50px 0;
	}

	.about-us-images {
		margin-bottom: 30px;
	}

	.successful-circle-img img {
		max-width: 130px;
	}

	.about-image img {
		aspect-ratio: 1 / 0.7;
	}

	.about-image-box-2 .about-image img {
		aspect-ratio: 1 / 0.99;
	}

	.about-image-box-3 .about-image {
		max-width: 370px;
	}

	.years-experience-box {
		max-width: 180px;
		padding: 15px;
		margin: 10px 0;
	}

	.years-experience-box h2 {
		font-size: 34px;
	}

	.about-us-content {
		margin-left: 0;
	}

	.about-body-item {
		margin-bottom: 30px;
	}

	.about-btn {
		margin-top: 30px;
	}

	.our-services {
		padding: 50px 0;
	}

	.service-item {
		padding: 20px;
	}

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

	.service-item-content h3 {
		margin-bottom: 10px;
	}

	.section-footer-text {
		margin-top: 10px;
	}

	.why-choose-us {
		padding: 50px 0;
	}

	.why-choose-content {
		margin-bottom: 30px;
	}

	.why-choose-list ul {
		gap: 15px 20px;
	}

	.why-choose-list ul li {
		width: calc(50% - 10px);
		padding-left: 25px;
	}

	.why-choose-list ul li::before {
		font-size: 18px;
	}

	.why-choose-image figure img {
		aspect-ratio: 1 / 0.5;
	}

	.why-choose-item-list {
		gap: 30px 60px;
		margin-top: 40px;
	}

	.why-choose-item {
		width: calc(50% - 30px);
	}

	.why-choose-item::before {
		right: -30px;
	}

	.why-choose-item .icon-box {
		margin-bottom: 30px;
	}

	.why-choose-item-content h3 {
		margin-bottom: 10px;
	}

	.what-we-do-image,
	.what-we-do-image figure {
		height: auto;
	}

	.what-we-do-image img {
		aspect-ratio: 1 / 0.52;
	}

	.what-we-do-content {
		padding: 50px 15px;
	}

	.what-we-do-footer {
		margin-top: 30px;
		padding-top: 30px;
	}

	/* .what-we-do-list {
		width: calc(100% - 140px);
	} */

	.what-we-do-list ul li {
		padding-left: 25px;
		margin-bottom: 15px;
	}

	.what-we-do-list ul li::before {
		font-size: 18px;
	}

	.what-we-do-circle img {
		max-width: 120px;
	}

	.company-success {
		padding: 50px 0;
	}

	.company-success-item {
		text-align: center;
	}

	.company-success-header {
		flex-direction: column;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.company-success-header .icon-box {
		margin: 0 0 10px 0;
	}

	.company-success-title {
		width: 100%;
	}

	.company-success-content h2 {
		font-size: 45px;
	}

	.company-success-content p {
		font-size: 14px;
	}

	.scrolling-ticker-text {
		margin-bottom: -6px;
	}

	.scrolling-ticker-text-box {
		--gap: 30px;
	}

	.scrolling-ticker-text-content span {
		font-size: 56px;
	}

	.scrolling-ticker-text-content span img {
		width: 30px;
		margin-right: 30px;
	}

	.our-benefits {
		padding: 50px 0;
	}

	.benefits-content {
		margin: 0 0 30px 0;
	}

	.benefits-body-item {
		padding: 15px;
	}

	.benefits-body-item h3 {
		margin-bottom: 10px;
	}

	.benefits-body-list ul {
		gap: 20px;
	}

	.benefits-body-list ul li {
		width: calc(50% - 10px);
		padding-left: 25px;
	}

	.benefits-body-list ul li::before {
		font-size: 18px;
	}

	.benefit-image img {
		aspect-ratio: 1 / 0.68;
	}

	.benefit-image-circle {
		top: 40px;
	}

	.benefit-image-circle img {
		max-width: 110px;
	}

	.benefit-image-2 .benefit-image {
		max-width: 490px;
	}

	.benefit-image-2 .benefit-image img {
		aspect-ratio: 1 / 0.5;
	}

	.benefit-project-info {
		bottom: 50px;
		max-width: 205px;
		border-radius: 14px;
		padding: 10px;
	}

	.benefit-project-info .icon-box {
		margin-right: 10px;
	}

	.benefit-project-content {
		width: calc(100% - 60px);
	}

	.benefit-project-content h3 {
		font-size: 20px;
	}

	.how-it-work {
		padding: 50px 0;
	}

	.how-work-content {
		position: initial;
		top: 0;
		margin: 0 0 30px 0;
	}

	.work-process-item {
		padding: 20px;
		margin-bottom: 30px;
	}

	.work-process-content h3 {
		margin-bottom: 15px;
	}

	.work-process-content h2 {
		margin-bottom: 10px;
	}

	.work-process-image img {
		aspect-ratio: 1 / 0.6;
	}

	.our-testimonials {
		padding: 50px 0;
	}

	.testimonials-content {
		margin-bottom: 30px;
	}

	.testimonial-rating {
		margin-bottom: 15px;
	}

	.testimonial-rating i {
		font-size: 16px;
	}

	.testimonial-content {
		margin-bottom: 30px;
	}

	.testimonial-content p {
		font-size: 18px;
	}

	.author-image figure img {
		max-width: 50px;
	}

	.author-content {
		width: calc(100% - 65px);
	}

	.testimonial-quote img {
		max-width: 8px;
	}

	.testimonial-pagination .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}

	.testimonials-counter-list {
		margin-top: 40px;
		padding-top: 40px;
	}

	.testimonials-counter-item {
		width: calc(50% - 15px);
	}

	.testimonials-counter-item h2 {
		width: 38%;
		font-size: 45px;
	}

	.our-pricing {
		padding: 50px 0;
	}

	.pricing-item {
		padding: 30px 25px;
	}

	.pricing-header {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.pricing-header img {
		max-width: 40px;
		margin-bottom: 20px;
	}

	.pricing-header h3 {
		margin-bottom: 10px;
	}

	.pricing-header p {
		margin-bottom: 20px;
	}

	.pricing-header h2 {
		font-size: 36px;
	}

	.pricing-header sub {
		font-size: 14px;
	}

	.pricing-body ul li {
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.pricing-body ul li::before {
		font-size: 16px;
	}

	.pricing-footer .btn-default {
		padding: 15px;
	}

	.pricing-benefit-list {
		margin-top: 5px;
	}

	.our-faqs {
		padding: 50px 0;
	}

	.faqs-image {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.faqs-img img {
		aspect-ratio: 1 / 0.7;
	}

	.faq-contact-circle img {
		max-width: 130px;
	}

	.faqs-cta-box {
		width: 240px;
		padding: 15px;
	}

	.faqs-cta-box .icon-box {
		margin-right: 10px;
	}

	.faqs-cta-box .icon-box img {
		max-width: 35px;
	}

	.faqs-cta-box-content {
		width: calc(100% - 45px);
	}

	.faq-accordion .accordion-item {
		margin-bottom: 20px;
	}

	.faq-accordion .accordion-header .accordion-button {
		padding: 14px 50px 14px 20px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after {
		width: 22px;
		height: 22px;
		top: 16px;
		right: 20px;
	}

	.faq-accordion .accordion-item .accordion-body {
		padding: 14px 50px 14px 20px;
	}

	.our-blog {
		padding: 50px 0;
	}

	.blog-item-body {
		padding: 20px;
	}

	.post-item-content {
		margin-bottom: 15px;
	}

	.footer-scrolling-ticker .scrolling-ticker-box {
		--gap: 20px;
	}

	.footer-scrolling-ticker .scrolling-content span {
		font-size: 22px;
	}

	.footer-scrolling-ticker .scrolling-content span img {
		max-width: 16px;
		margin-right: 20px;
	}

	.main-footer {
		padding: 50px 0 0;
	}

	.main-footer .row.gy-5 {
		--bs-gutter-y: 2rem;
	}

	.footer-widget {
		margin-bottom: 0;
	}

	.footer-widget h3 {
		margin-bottom: 22px;
		padding-bottom: 12px;
	}

	.footer-about img {
		max-width: 200px;
		margin-bottom: 20px;
	}

	.footer-about p {
		margin-bottom: 20px;
		line-height: 1.7;
	}

	.footer-header {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.footer-logo img {
		max-width: 180px;
	}

	.footer-social-links ul li {
		margin-right: 10px;
	}

	.footer-links {
		margin-bottom: 30px;
	}

	.footer-links h3 {
		margin-bottom: 15px;
	}

	.footer-links p {
		margin-bottom: 20px;
	}

	.footer-contact-item {
		margin-bottom: 15px;
	}

	.newsletter-form .form-group .form-control {
		padding: 12px 0 12px 15px;
	}

	.footer-copyright-text {
		padding: 30px 0;
		margin-top: 0;
	}

	.page-header {
		padding: 28px 0;
	}

	.page-header-box h1 {
		font-size: 28px;
		margin-bottom: 6px;
	}

	.our-mission-vision {
		padding: 50px 0;
	}

	.mission-vision-content {
		position: initial;
		top: 0;
		width: 100%;
	}

	.mission-vision-list {
		width: calc(60% - 15px);
	}

	.mission-vision-image {
		width: calc(40% - 15px);
	}

	.mission-vision-item {
		padding: 20px;
	}

	.mission-vision-item .icon-box {
		width: 45px;
		height: 45px;
		margin-right: 15px;
	}

	.mission-vision-item .icon-box img {
		max-width: 24px;
	}

	.mission-vision-item-content {
		width: calc(100% - 60px);
	}

	.mission-vision-item-content h3 {
		margin-bottom: 10px;
	}

	.mission-vision-image img {
		aspect-ratio: 1 / 1.33;
	}

	.our-commitment {
		padding: 50px 0;
	}

	.our-commitment-image {
		max-width: 70%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.commitment-contact-circle a img {
		max-width: 130px;
	}

	.our-commitment-content {
		margin-left: 0;
	}

	.our-commitment-list {
		margin-bottom: 30px;
	}

	.our-commitment-list ul li {
		margin-bottom: 15px;
		padding-left: 25px;
	}

	.our-commitment-list ul li::before {
		font-size: 18px;
	}

	.commitment-body-content img,
	.commitment-body-content h3 {
		margin-bottom: 10px;
	}

	.our-team {
		padding: 50px 0;
	}

	.team-item .team-image {
		margin-bottom: 15px;
	}

	.team-item .team-image img {
		aspect-ratio: 1 / 1.05;
	}

	.team-item .team-social-icon {
		right: 20px;
		left: 20px;
	}

	.team-item:hover .team-social-icon {
		bottom: 20px;
	}

	.our-values {
		padding: 50px 0;
	}

	.values-content {
		margin-bottom: 30px;
	}

	.values-list {
		margin-bottom: 30px;
	}

	.values-list ul li {
		font-size: 18px;
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.values-list ul li:before {
		font-size: 18px;
	}

	.values-body {
		padding: 20px;
	}

	.values-image {
		max-width: 80%;
		margin: 0 auto;
	}

	.award-winning-box {
		padding: 10px;
	}

	.award-winning-box .icon-box img {
		max-width: 50px;
	}

	.award-winning-content {
		width: calc(100% - 60px);
	}

	.page-services {
		padding: 50px 0;
	}

	.page-service-single {
		padding: 20px 0;
	}

	.page-single-sidebar {
		position: initial;
		margin: 0 0 30px 0;
	}

	.page-catagery-list {
		margin-bottom: 30px;
	}

	.page-catagery-list h3 {
		margin-bottom: 20px;
	}

	.page-catagery-list ul li a {
		padding: 12px 40px 12px 15px;
	}

	.page-catagery-list ul li a::before {
		right: 15px;
		background-size: 16px auto;
		width: 20px;
		height: 20px;
	}

	.sidebar-cta-logo {
		margin-bottom: 60px;
	}

	.sidebar-cta-content h3 {
		margin-bottom: 30px;
	}

	.page-single-image {
		margin-bottom: 30px;
	}

	.service-entry {
		margin-bottom: 40px;
	}

	.service-entry p {
		margin-bottom: 15px;
	}

	.service-entry h2 {
		font-size: 36px;
		margin-bottom: 15px;
	}

	.service-entry ul {
		gap: 14px;
		margin-bottom: 15px;
		padding: 18px;
	}

	.service-entry ul li {
		width: 100%;
		font-size: 14px;
	}

	.service-entry ul li>i {
		font-size: 15px;
	}

	.service-expert-box,
	.service-approach-box,
	.service-solution-box {
		margin-top: 40px;
	}

	.service-expert-list {
		margin-top: 30px;
	}

	.service-expert-list .about-body-item .icon-box {
		margin-right: 10px;
	}

	.service-expert-list .about-body-item-content {
		width: calc(100% - 60px);
	}

	.service-expert-list .about-body-item-content h3 {
		font-size: 18px;
	}

	.service-approach-box ul {
		margin-top: 30px;
	}

	.service-solution-image-content,
	.service-solution-item-list {
		margin-top: 30px;
	}

	.page-blog {
		padding: 50px 0;
	}

	.page-pagination {
		margin-top: 10px;
	}

	.page-single-post {
		padding: 50px 0;
	}

	.post-image {
		margin-bottom: 20px;
	}

	.post-entry h1,
	.post-entry h2,
	.post-entry h3,
	.post-entry h4,
	.post-entry h5,
	.post-entry h6 {
		margin: 0 0 0.42em;
	}

	.post-entry h2 {
		font-size: 36px;
	}

	.post-entry p {
		margin-bottom: 15px;
	}

	.post-entry ol li,
	.post-entry ul li {
		margin-bottom: 10px;
	}

	.post-entry blockquote {
		background-position: 20px 20px;
		background-size: 35px;
		padding: 20px 20px 20px 70px;
		margin-bottom: 20px;
	}

	.post-entry blockquote p {
		font-size: 20px;
	}

	.post-tags {
		margin-bottom: 20px;
	}

	.post-tags .tag-links a {
		padding: 12px 15px;
	}

	.post-social-sharing ul {
		text-align: left;
	}

	.page-projects {
		padding: 5px 0;
	}

	.page-project-single {
		padding: 50px 0;
	}

	.project-catagery-list {
		margin-bottom: 30px;
		padding: 20px;
	}

	.project-catagery-list h3 {
		margin-bottom: 20px;
	}

	.project-catagery-list ul {
		padding: 20px;
		margin-bottom: 20px;
	}

	.project-catagery-list ul li span {
		width: 70%;
	}

	.project-entry {
		margin-bottom: 40px;
	}

	.project-entry p {
		margin-bottom: 15px;
	}

	.project-entry h2 {
		font-size: 36px;
		margin-bottom: 15px;
	}

	.project-entry ul {
		margin-bottom: 15px;
	}

	.project-entry ul li {
		font-size: 14px;
		padding-left: 24px;
		margin-bottom: 10px;
	}

	.project-entry ul li::before {
		font-size: 16px;
	}

	.project-measurable-box,
	.projects-solution-box {
		margin-top: 40px;
	}

	.project-measurable-item-list {
		gap: 20px;
		margin: 30px 0;
	}

	.project-measurable-item {
		width: calc(50% - 10px);
		padding: 15px;
		border-radius: 12px;
	}

	.project-measurable-item .icon-box {
		height: 50px;
		width: 50px;
		margin-right: 10px;
	}

	.project-measurable-item .icon-box img {
		max-width: 26px;
	}

	.project-measurable-item-content {
		width: calc(100% - 60px);
	}

	.project-measurable-item-content p {
		font-size: 14px;
	}

	.projects-solution-list-box {
		margin-top: 30px;
	}

	.projects-solution-list h3 {
		margin-bottom: 20px;
	}

	.projects-solution-list-box ul {
		margin: 0;
	}

	.page-team {
		padding: 50px 0;
	}

	.page-team-single {
		padding: 50px 0;
	}

	.team-sidebar-image img {
		aspect-ratio: 1 / 0.7;
	}

	.team-sidebar-body {
		padding: 20px;
	}

	.team-sidebar-body h3 {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.team-sidebar-body ul li {
		margin-bottom: 15px;
	}

	.team-sidebar-footer {
		padding: 20px;
	}

	.team-member-qualification,
	.team-member-skills,
	.team-contact-form {
		margin-top: 40px;
	}

	.member-info-list {
		margin-top: 30px;
	}

	.skills-progress-bar {
		margin-bottom: 30px;
	}

	.team-contact-form.contact-us-form {
		margin-bottom: 0;
	}

	.page-pricing {
		padding: 50px 0;
	}

	.page-testimonials {
		padding: 50px 0;
	}

	.page-testimonials .testimonial-item {
		padding: 20px;
	}

	.page-gallery {
		padding: 50px 0;
	}

	.page-gallery-box .photo-gallery img {
		aspect-ratio: 1 / 0.75;
	}

	.page-video-gallery {
		padding: 50px 0;
	}

	.video-gallery-image img {
		aspect-ratio: 1 / 0.75;
	}

	.page-faqs {
		padding: 50px 0;
	}

	.page-faqs-catagery .page-faq-accordion {
		margin-bottom: 40px;
	}

	.page-contact-us {
		padding: 50px 0;
	}

	.contact-us-form {
		padding: 30px;
		margin-bottom: 30px;
	}

	.page-contact-us .contact-us-form .section-title {
		padding-bottom: 30px;
	}

	.contact-form .form-control {
		padding: 12px 40px;
	}

	.google-map {
		margin-bottom: 30px;
	}

	.google-map iframe {
		height: 400px;
	}

	.contact-info-item {
		padding: 15px;
	}

	.contact-info-item .icon-box {
		height: 45px;
		width: 45px;
		margin-right: 10px;
	}

	.contact-info-item .icon-box img {
		max-width: 26px;
	}

	.contact-item-content {
		width: calc(100% - 55px);
	}

	.error-page {
		padding: 50px 0;
	}

	.error-page-image {
		margin-bottom: 20px;
	}

	.error-page-image img {
		max-width: 80%;
	}

	.error-page-content .section-title,
	.error-page-content-body p {
		margin-bottom: 15px;
	}

	.about-mv {
		padding: 40px 0;
	}

	.about-mv .section-row {
		margin-bottom: 28px;
	}

	.about-mv-card {
		margin-bottom: 16px;
		padding: 28px 22px;
	}

	.about-mv-card:last-child {
		margin-bottom: 0;
	}

	.about-purpose {
		padding: 40px 0;
	}

	.about-purpose-featured,
	.about-values-row {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.about-purpose-note {
		margin-top: 16px;
	}

	.about-why-choose {
		padding: 40px 0;
	}

	.about-why-visual {
		margin-top: 28px;
		padding-left: 0;
	}

	.about-why-float-card {
		left: 16px;
		bottom: 16px;
		max-width: 200px;
	}

	.about-why-mini-stats {
		top: 16px;
		right: 16px;
	}

	.about-choose-heading {
		margin-top: 36px;
	}

	.about-cta {
		padding: 10px 0 40px;
	}

	.about-cta-box {
		padding: 32px 24px;
	}

	.about-cta-box .section-title {
		margin-bottom: 20px;
	}

	.about-cta-box .section-title h2 {
		font-size: 28px;
	}

	.about-cta-actions {
		gap: 12px;
		margin-top: 20px;
	}

	.careers-intro {
		padding: 40px 0;
	}

	.careers-apply-box {
		margin-top: 24px;
		padding: 28px 22px;
	}

	.careers-openings {
		padding: 40px 0;
	}

	.careers-openings .section-row {
		margin-bottom: 28px;
	}

	.careers-form-section {
		padding: 40px 0;
	}

	.careers-form-box .section-title {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.contact-info-sidebar {
		padding-left: 0;
		margin-top: 28px;
	}

	.contact-info-list-sidebar {
		gap: 12px;
	}

	.contact-map-section {
		margin-top: 0;
		padding: 40px 0;
	}

	.contact-map-section .section-row {
		margin-bottom: 20px;
	}

	.contact-map-section .section-btn {
		text-align: left;
		margin-top: 8px;
	}

	.contact-map-card {
		padding: 14px;
	}

	.contact-map-address {
		align-items: flex-start;
		padding: 16px;
		margin-bottom: 14px;
		gap: 12px;
	}

	.contact-map-frame iframe {
		height: 280px;
	}

	.page-contact-us {
		padding: 40px 0;
	}

	.home-why-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
		margin-top: 32px;
	}

	/* Uniform section vertical rhythm on tablet/mobile */
	.about-us,
	.our-services,
	.why-choose-us,
	.what-we-do,
	.our-benefits,
	.how-it-work,
	.our-testimonials,
	.our-pricing,
	.our-faqs,
	.our-blog,
	.our-mission-vision,

	.company-success,
	.page-services,
	.page-faqs,
	.page-contact-us,
	.about-mv,
	.about-purpose,
	.about-why-choose,
	.careers-intro,
	.careers-openings,
	.careers-form-section,
	.contact-map-section,
	.error-page {
		padding: 40px 0 !important;
	}

	.our-scrolling-ticker {
		padding: 20px 0 !important;
	}

	.thank-you-page {
		padding: 40px 0 !important;
	}

	.thank-you-box {
		padding: 40px 24px;
	}

	.cookie-consent {
		left: 12px;
		right: 12px;
		bottom: 12px;
	}

	.cookie-consent-inner {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		padding: 18px 16px;
	}

	.cookie-consent-actions {
		width: 100%;
	}

	.cookie-consent-actions .btn-default {
		flex: 1;
		justify-content: center;
		text-align: center;
	}

	.section-row {
		margin-bottom: 36px !important;
	}

	.about-cta {
		padding: 10px 0 40px !important;
	}

	/* .hero.hero-bg-image,
	.hero.hero-bg-image.hero-slider-layout .hero-slide {
		padding: 80px 0 !important;
	} */

}

/* ---------- max-width: 767px ---------- */
@media only screen and (max-width: 767px) {

	.preloader {
		width: 100vw;
		height: 100vh;
		height: 100dvh;
	}

	.hero-content {
		padding-left: 20px;
	}

	.loading-container,
	.loading {
		height: 120px;
		width: 120px;
		max-width: 48vw;
		max-height: 48vw;
	}

	#loading-icon img {
		height: 60px;
		border-radius: 12px;
		box-shadow: 4px 3px 1px;
	}

	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		padding-right: 14px;
		padding-left: 14px;
	}

	.row {
		--bs-gutter-x: 1rem;
	}

	.section-row {
		margin-bottom: 28px;
	}

	.section-title {
		margin-bottom: 20px;
	}

	.section-btn {
		margin-top: 12px;
	}

	.footer-cta-content h2 {
		font-size: 26px;
		margin-bottom: 12px;
	}

	.footer-cta-box {
		padding: 28px 18px;
	}

	.main-footer {
		padding: 40px 0 0;
	}

	.main-footer .row.gy-5 {
		--bs-gutter-y: 1.75rem;
	}

	.footer-widget {
		margin-bottom: 0;
	}

	.footer-widget h3 {
		margin-bottom: 18px;
		font-size: 18px;
	}

	.footer-social {
		justify-content: flex-start;
		gap: 10px;
	}

	.footer-social a {
		width: 40px;
		height: 40px;
	}

	.footer-bottom {
		padding: 16px 0 20px;
	}

	.footer-copyright-text {
		padding: 16px 0;
	}


	.topbar-social-links {
		display: none;
	}

	.topbar-right {
		justify-content: center;
		margin-top: 6px;
	}

	.topbar-contact-info ul {
		justify-content: center;
		gap: 12px 18px;
	}

	.topbar-contact-info ul li a {
		font-size: 12px;
	}

	.topbar-contact-info ul li a i {
		margin-right: 5px;
	}

	.topbar-login-link {
		font-size: 12px;
	}

	.section-title h1 {
		font-size: 28px;
	}

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

	.hero-body ul {
		gap: 10px;
	}

	.hero-body ul li {
		font-size: 14px;
	}

	.hero-image img {
		max-width: 100%;
	}

	.hero-btn::before {
		right: -60px;
		top: 5px;
		width: 55px;
		height: 30px;
		animation-duration: 2s;
	}

	@keyframes ctaarrow {
		50% {
			right: -80px;
		}
	}

	.scrolling-ticker-box {
		--gap: 35px;
	}

	.scrolling-content img {
		max-width: 100px;
		height: 22px;
	}

	.successful-circle-img img {
		max-width: 90px;
	}

	.about-image figure,
	.about-image img {
		border-radius: 14px;
	}

	.about-image-box-2 .about-image img {
		aspect-ratio: 1 / 1.12;
	}

	.about-image-box-3 {
		margin-top: -20px;
		margin-left: -5px;
	}

	.about-image-box-3 .about-image {
		max-width: 215px;
	}

	.about-image-box-3 .about-image figure {
		border-width: 5px;
		border-radius: 20px;
	}

	.about-image-box-3 .about-image img {
		border-radius: 12px;
	}

	.years-experience-box {
		max-width: 135px;
		padding: 10px;
	}

	.years-experience-box h2 {
		width: calc(33% - 5px);
		font-size: 24px;
	}

	.years-experience-box p {
		width: calc(67% - 5px);
		font-size: 14px;
	}

	.about-body-item .icon-box {
		margin-right: 10px;
	}

	.about-body-item-content {
		width: calc(100% - 60px);
	}

	.about-body-item-content h3 {
		font-size: 18px;
	}

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

	.service-item-content h3 {
		font-size: 18px;
	}

	.service-item-content {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.section-footer-text p {
		font-size: 16px;
	}

	.section-footer-text span {
		font-size: 14px;
		padding: 4px 6px;
		margin-right: 5px;
	}

	.why-choose-list ul {
		gap: 10px;
	}

	.why-choose-list ul li {
		width: 100%;
	}

	.why-choose-image figure img {
		aspect-ratio: 1 / 0.65;
	}

	.hero-slide {
		padding: 40px 0 !important;
	}

	.video-play-button a {
		width: 60px;
		height: 60px;
	}

	.video-play-button i {
		font-size: 26px;
	}

	.video-play-button a::before,
	.video-play-button a::after {
		top: -33%;
		left: -33%;
	}

	.why-choose-item-list {
		margin-top: 30px;
	}

	.why-choose-item {
		width: 100%;
	}

	.why-choose-item::before {
		width: 100%;
		height: 1px;
		left: auto;
		top: auto;
		right: 0;
		bottom: -15px;
	}

	.why-choose-item .icon-box {
		margin-bottom: 20px;
	}

	.why-choose-item-content h3 {
		font-size: 18px;
	}

	.what-we-do-image img {
		aspect-ratio: 1 / 0.8;
	}

	.what-do-body-list {
		gap: 20px;
	}

	.what-do-body-item {
		width: 100%;
	}

	.what-do-body-content h3 {
		font-size: 18px;
	}

	.what-we-do-footer {
		margin-top: 20px;
		padding-top: 20px;
	}

	.what-we-do-list {
		width: 100%;
	}

	.what-we-do-list ul li {
		margin-bottom: 10px;
	}

	.what-we-do-circle img {
		max-width: 90px;
	}

	.company-success-header {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.company-success-title h3 {
		font-size: 18px;
	}

	.company-success-content h2 {
		font-size: 30px;
	}

	.scrolling-ticker-text {
		margin-bottom: -4px;
	}

	.scrolling-ticker-text-box {
		--gap: 20px;
	}

	.scrolling-ticker-text-content span {
		font-size: 30px;
	}

	.scrolling-ticker-text-content span img {
		width: 20px;
		margin-right: 20px;
	}

	.benefits-body {
		gap: 20px;
		margin-bottom: 20px;
	}

	.benefits-body-item {
		width: 100%;
	}

	.benefits-body-item h3 {
		font-size: 18px;
	}

	.benefits-body-list ul {
		gap: 10px;
	}

	.benefits-body-list ul li {
		width: 100%;
	}

	.benefit-image-1 {
		margin-right: 80px;
	}

	.benefit-image-2 {
		margin-top: -50px;
	}

	.benefit-image img {
		aspect-ratio: 1 / 0.775;
	}

	.benefit-image-circle {
		top: 30px;
	}

	.benefit-image-circle img {
		max-width: 90px;
	}

	.benefit-image-2 .benefit-image {
		max-width: 270px;
		border-width: 5px;
		border-radius: 16px;
	}

	.benefit-image-2 .benefit-image figure,
	.benefit-image-2 .benefit-image img {
		border-radius: 12px;
	}

	.benefit-image-2 .benefit-image img {
		aspect-ratio: 1 / 0.611;
	}

	.benefit-project-info {
		bottom: 20px;
		max-width: 180px;
	}

	.benefit-project-info .icon-box {
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}

	.benefit-project-content {
		width: calc(100% - 50px);
	}

	.benefit-project-content h3 {
		font-size: 18px;
	}

	.benefit-project-content p {
		font-size: 14px;
	}

	.work-process-item {
		gap: 20px;
	}

	.work-process-content,
	.work-process-image {
		width: 100%;
	}

	.work-process-content h3 {
		border-radius: 6px;
		padding: 8px 15px;
	}

	.work-process-content h2 {
		font-size: 18px;
	}

	.testimonial-content {
		margin-bottom: 20px;
	}

	.testimonial-content p {
		font-size: 16px;
	}

	.author-content h3 {
		font-size: 18px;
	}

	.testimonial-pagination {
		position: relative;
		margin-top: 30px;
		justify-content: center;
	}

	.testimonials-counter-list {
		margin-top: 20px;
		padding-top: 20px;
		gap: 20px;
	}

	.testimonials-counter-item {
		width: calc(50% - 10px);
	}

	.testimonials-counter-item h2 {
		width: 78%;
		font-size: 28px;
	}

	.testimonials-counter-item p {
		font-size: 14px;
	}

	.pricing-item {
		padding: 20px;
	}

	.pricing-header img,
	.pricing-header p {
		margin-bottom: 15px;
	}

	.pricing-header h3 {
		font-size: 18px;
	}

	.pricing-header h2 {
		font-size: 26px;
	}

	.pricing-benefit-list ul {
		gap: 10px;
	}

	.pricing-benefit-list ul li {
		width: calc(50% - 5px);
		font-size: 12px;
	}

	.pricing-benefit-list ul li img {
		max-width: 16px;
		margin-right: 5px;
	}

	.faqs-image {
		padding: 5px 20px 0 0;
	}

	.faqs-img img {
		aspect-ratio: 1 / 1.1;
	}

	.faq-contact-circle {
		border-width: 5px;
	}

	.faq-contact-circle img {
		max-width: 100px;
	}

	.faqs-cta-box {
		width: 210px;
		padding: 10px;
		border-radius: 10px;
	}

	.faqs-cta-box .icon-box img {
		max-width: 30px;
	}

	.faqs-cta-box-content {
		width: calc(100% - 40px);
	}

	.faqs-cta-box-content h3 {
		font-size: 14px;
	}

	.faq-accordion .accordion-header .accordion-button {
		font-size: 18px;
		padding: 12px 45px 12px 15px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after {
		width: 20px;
		height: 20px;
		right: 15px;
		background-size: 14px auto;
	}

	.faq-accordion .accordion-item .accordion-body {
		padding: 12px 15px 15px 15px;
	}

	.post-item-content h2 {
		font-size: 18px;
	}

	.footer-social-links {
		gap: 15px;
	}

	.footer-social-links ul li a {
		width: 38px;
		height: 38px;
	}

	.footer-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
		margin-bottom: 25px;
		padding-bottom: 25px;
	}

	.footer-social-links span {
		font-size: 18px;
	}

	.footer-links h3 {
		font-size: 18px;
	}

	.footer-copyright-text {
		padding: 15px 0;
	}

	.page-header {
		padding: 22px 0;
	}

	.page-header-box h1 {
		font-size: 24px;
		margin-bottom: 4px;
	}

	.page-header-box ol li.breadcrumb-item {
		font-size: 14px;
	}

	.mission-vision-list,
	.mission-vision-image {
		width: 100%;
	}

	.mission-vision-item-content h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.mission-vision-image figure {
		height: auto;
	}

	.mission-vision-image img {
		height: auto;
		aspect-ratio: 1 / 1.05;
	}

	.our-commitment-image {
		max-width: 100%;
		gap: 20px;
	}

	.our-commitment-img-1,
	.our-commitment-img-2 {
		width: calc(50% - 10px);
	}

	.our-commitment-img-2 {
		padding-top: 30px;
	}

	.commitment-contact-circle {
		border-width: 5px;
	}

	.commitment-contact-circle a img {
		max-width: 100px;
	}

	.commitment-intro-video,
	.commitment-body-content {
		width: 100%;
	}

	.commitment-intro-video figure,
	.commitment-intro-video img {
		height: auto;
	}

	.commitment-body-content h3 {
		font-size: 18px;
	}

	.team-item .team-content h2 {
		font-size: 18px;
	}

	.values-list ul li {
		font-size: 16px;
	}

	.values-body-item {
		width: 100%;
	}

	.values-body-item-content h3 {
		font-size: 18px;
	}

	.values-image {
		max-width: 100%;
		background-position: bottom 20px right 10px;
		background-size: auto 140px;
		padding-right: 50px;
	}

	.values-image:before {
		right: 10px;
		width: 30px;
		height: 140px;
	}

	.award-winning-box {
		border-radius: 12px;
		bottom: 20px;
	}

	.award-winning-box .icon-box img {
		max-width: 40px;
	}

	.award-winning-content {
		width: calc(100% - 50px);
	}

	.award-winning-content h3 {
		font-size: 18px;
	}

	.page-catagery-list,
	.sidebar-cta-box {
		padding: 20px;
	}

	.page-catagery-list h3,
	.sidebar-cta-content h3 {
		font-size: 18px;
	}

	.sidebar-cta-logo img {
		max-width: 50px;
	}

	.page-single-image {
		margin-bottom: 20px;
	}

	.page-single-image img {
		aspect-ratio: 1 / 0.7;
	}

	.service-entry h2 {
		font-size: 26px;
	}

	.service-entry ul {
		gap: 10px;
	}

	.service-entry ul li {
		width: 100%;
	}

	.service-expert-box,
	.service-approach-box,
	.service-solution-box {
		margin-top: 30px;
	}

	.service-expert-list {
		gap: 25px;
	}

	.service-expert-list .about-body-item {
		width: 100%;
	}

	.service-approach-box ul {
		margin-top: 20px;
	}

	.service-solution-image-content,
	.service-solution-item-list {
		gap: 20px;
	}

	.service-solution-image,
	.service-solution-image-content .why-choose-item {
		width: 100%;
	}

	.service-solution-image img {
		aspect-ratio: 1 / 0.58;
	}

	.service-solution-item-list .why-choose-item {
		width: 100%;
	}

	.post-single-meta ol li {
		font-size: 16px;
	}

	.post-single-meta ol li i {
		font-size: 16px;
	}

	.post-image img {
		aspect-ratio: 1 / 0.7;
	}

	.post-entry blockquote {
		background-position: 15px 15px;
		padding: 60px 15px 15px 15px;
	}

	.post-entry blockquote p {
		font-size: 18px;
	}

	.post-entry h2 {
		font-size: 24px;
	}

	.tag-links {
		font-size: 18px;
	}

	.project-item-content h3 {
		font-size: 18px;
	}

	.project-catagery-list h3,
	.project-catagery-list ul li {
		font-size: 18px;
	}

	.project-catagery-list ul li span {
		width: 56%;
	}

	.project-entry h2 {
		font-size: 26px;
	}

	.project-measurable-box,
	.projects-solution-box {
		margin-top: 30px;
	}

	.project-measurable-item {
		width: 100%;
	}

	.project-measurable-item-content h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.projects-solution-list {
		width: 100%;
	}

	.projects-solution-list h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.team-sidebar-image img {
		aspect-ratio: 1 / 0.92;
	}

	.team-sidebar-body h3,
	.team-sidebar-body ul li,
	.team-sidebar-footer h3 {
		font-size: 18px;
	}

	.team-sidebar-body h3 {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.team-sidebar-footer {
		padding: 15px 20px;
	}

	.member-info-list {
		gap: 20px;
	}

	.member-info-item {
		width: calc(50% - 10px);
		padding: 15px;
	}

	.member-info-item-content h3 {
		font-size: 18px;
	}

	.skills-progress-bar {
		margin-bottom: 20px;
	}

	.skills-progress-bar .skillbar .skill-progress {
		height: 14px;
	}

	.contact-us-form {
		padding: 20px;
	}

	.google-map iframe {
		height: 350px;
	}

	.contact-info-list {
		gap: 20px;
	}

	.contact-info-item {
		width: 100%;
	}

	.contact-item-content h3 {
		font-size: 18px;
	}

	.concept-card-grid {
		grid-template-columns: 1fr;
	}

	.service-entry .section-title h2 {
		font-size: 28px;
	}

	.about-why-checklist ul {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.about-why-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.about-why-mini-stats {
		position: static;
		flex-direction: row;
		flex-wrap: wrap;
		margin-top: 14px;
		gap: 10px;
	}

	.about-why-mini-stat {
		min-width: calc(50% - 5px);
		flex: 1;
	}

	.about-why-float-card {
		position: relative;
		left: auto;
		bottom: auto;
		max-width: 100%;
		margin-top: 14px;
	}

	.about-why-visual .why-choose-image {
		margin-bottom: 0;
	}

	.about-mv-card {
		padding: 24px 18px;
		margin-bottom: 14px;
	}

	.about-cta-box {
		padding: 28px 18px;
	}

	.careers-apply-box {
		padding: 24px 18px;
		margin-top: 20px;
	}

	.contact-us-form {
		padding: 20px 16px;
	}

	.contact-map-address {
		flex-direction: column;
		gap: 10px;
	}

	/* .hero.hero-bg-image,
	.hero.hero-bg-image.hero-slider-layout .hero-slide {
		padding: 60px 0;
	} */

	.about-us,
	.our-services,
	.why-choose-us,
	.what-we-do,
	.our-benefits,
	.how-it-work,
	.our-testimonials,
	.our-pricing,
	.our-faqs,
	.our-blog,
	.our-mission-vision,
	.about-mv,
	.about-purpose,
	.about-why-choose,
	.careers-intro,
	.careers-openings,
	.careers-form-section,
	.contact-map-section,
	.page-contact-us,
	.page-services,
	.page-faqs,
	.error-page {
		padding: 15px 0 !important;
	}

	.thank-you-page {
		padding: 36px 0 !important;
	}

	.thank-you-box {
		padding: 32px 18px;
	}

	.thank-you-icon {
		width: 70px;
		height: 70px;
		font-size: 30px;
		margin-bottom: 20px;
	}

	.thank-you-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.thank-you-actions .btn-default {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.cookie-consent-text h4 {
		font-size: 16px;
	}

	.cookie-consent-text p {
		font-size: 13px;
	}

	.cookie-consent-actions {
		flex-direction: column;
	}

	.cookie-consent-actions .btn-default {
		width: 100%;
	}

	.service-entry {
		margin-bottom: 36px;
	}

	.about-cta {
		padding: 8px 0 36px !important;
	}

	/* .hero.hero-bg-image,
	.hero.hero-bg-image.hero-slider-layout .hero-slide {
		padding: 60px 0 !important;
	} */

	.section-row {
		margin-bottom: 28px !important;
	}

	.home-why-grid {
		gap: 12px;
		margin-top: 24px;
	}

}

/* ---------- max-width: 575px ---------- */
@media only screen and (max-width: 575px) {

	.section-title h1 {
		font-size: 24px;
	}

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

	.section-title h3 {
		font-size: 12px;
		letter-spacing: 0.08em;
	}

	.home-why-grid {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-top: 20px;
	}

	.about-why-mini-stat {
		min-width: 100%;
	}

	.hero-btn,
	.about-btn,
	.section-btn,
	.about-cta-actions,
	.careers-apply-box .btn-default,
	.contact-us-form .btn-default,
	.careers-icon-form .btn-default {
		width: 100%;
	}

	.hero-btn .btn-default,
	.about-btn .btn-default,
	.section-btn .btn-default {
		display: inline-flex;
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	.about-cta-actions {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.about-cta-actions .btn-default {
		width: 100%;
		text-align: center;
	}

	.footer-about img {
		max-width: 160px;
	}

	.contact-map-frame iframe {
		height: 240px;
	}

	.page-header-box h1 {
		font-size: 22px;
	}

}