* {margin: 0; padding: 0; box-sizing: border-box; }
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body {font-family: "Roboto", sans-serif; line-height: 1.6; color: #5E6065; font-weight: 400; font-size: 18px; }
h1,
h2,
h3,
h4 {font-family: "IBM Plex Sans", sans-serif; font-weight: 600; font-size: 42px; font-style: normal; line-height: normal; margin-bottom: 12px; }
.mr-2 {margin-right: 10px}
.container {max-width: 1600px; margin: 0px auto; }
/* Header Styles */
.header-top {background-color: #5A5B5E; color: white; padding: 8px 0; font-size: 16px; height: auto; }
.header-top a {color: #fff; text-decoration: none; }
.header-top a:hover {color: #AAA; }
.header-top .container {margin: 0 auto; display: flex; /* justify-content: space-between; */
	align-items: center; padding: 0 20px; justify-content: end; gap: 20px; }
.logo {}
.logo img {max-height: 80px; }
.contact-info {display: flex; gap: 20px; }
.social-links {display: flex; gap: 10px; }
.social-links a {color: white; text-decoration: none; width: 28px; height: 27px; background-color: #555; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; border: 1px solid #fff; line-height: 28px; }
.header-top .contact-info span {display: flex; align-items: center; }
.header-top .contact-info span i {margin-right: 6px; font-size: 16px; }
/* Navigation */

.header {background-color: white; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); position: sticky; top: 0; z-index: 1000; }
.header .container {margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; }
/*main-menu */

.main-nav {display: flex; align-items: center; gap: 35px; }
.nav-menu {display: flex; list-style: none; margin: 0; padding: 0; gap: 10px; align-items: center; }
.nav-item {position: relative; }
.nav-link {display: flex; align-items: center; color: #5E6065; text-decoration: none; font-weight: 400; font-size: 18px; transition: color 0.3s ease; position: relative; padding: 0 10px; border-bottom:3px solid #fff}
.nav-link:hover, .nav-link.active {color: #2D4291; border-bottom:3px solid #2D4291; border-radius:2px; }
.nav-link:hover::after {width: 80%; }
/* Dropdown Arrow */
.dropdown-arrow {margin-left: 8px; font-size: 12px; transition: transform 0.3s ease; }
.nav-item:hover .dropdown-arrow {transform: rotate(180deg); }
/* Dropdown Menu */
.dropdown {position: absolute; top: 100%; left: 0; background: white; min-width: 250px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); border-radius: 8px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 1000; overflow: hidden; text-align: left; }
.nav-item:hover .dropdown {opacity: 1; visibility: visible; transform: translateY(0); }
.dropdown-item {list-style: none; }
.dropdown-link {display: block; padding: 12px 20px; color: #2c3e50; text-decoration: none; font-size: 16px; /* transition: all 0.3s ease; */
	/* border-bottom: 1px solid #f1f3f4; */
	font-family: poppins; }
.dropdown-link:hover {background: #f8f9fa; color: #E30613; padding-left: 30px; }
.dropdown-item:last-child .dropdown-link {border-bottom: none; }
/* Mobile Menu Toggle */
.mobile-toggle {display: none; background: none; border: none; font-size: 30px; cursor: pointer; color: #2c3e50; padding: 10px; width: 50px; }
/* Animation for mobile menu */
/* @keyframes slideIn {from {transform: translateX(-100%); }
to {transform: translateX(0); }
}
*/

.nav-menu.active {/* animation: slideIn 0.3s ease; */

	animation: slideDown 0.3s ease-out forwards; /* animation: slideDown 0.4s ease forwards; */}
@keyframes slideDown {0% {visibility: hidden; opacity: 0; transform: translateY(-20px); }
100% {visibility: visible; opacity: 1; transform: translateY(0); }
}
/* End main-menu */

.appointment-button {background-color: #E95223; color: white; padding: 7px 30px; border: none; cursor: pointer; font-weight: 400; text-decoration: none; transition: background-color 0.3s; font-size: 20px; text-align: center; border-radius: 5px; display: inline-flex; align-items: center; }
.appointment-button img {margin-left:8px; }
.appointment-button:hover {background-color: #c0392b; }
.get-quote-btn {background: #003466; color: white; padding: 10px 30px; border: none; cursor: pointer; font-weight: 500; text-decoration: none; transition: background-color 0.3s; line-height: 30px; font-size: 18px; text-align: center}
.get-quote-btn:hover {background-color: #003466; }
.pl-2 {padding-left: 10px; ; }
/* Slider Banner */

/*
.slider-container {position: relative; overflow: hidden; }
.slide .container {margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; width:1600px; }
.slide1 {position: relative; background: url(../img/banner-slider1.png) center/cover no-repeat; overflow: hidden; }
.slide2 {position: relative; background: url(../img/banner-slider1.png)  center/cover no-repeat; overflow: hidden; }
*/

.slide-orange {color:#E95223}
/*.slider {display: flex; transition: transform 0.5s ease; }
.slide {min-width: 100%; height: 750px; display: flex; align-items: center; justify-content: space-between; padding: 50px 50px; position: relative; background-position: center cente}
.slide::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0)
  ); z-index: 1; }
.slider-container .container {overflow: hidden; }
*/


.slide-content {color: white; width:700px; z-index: 2; }
.slide-content h2 {font-size: 56px; margin-bottom: 0px; line-height: 66px; font-weight: 600; padding:5px 0px; font-family: "IBM Plex Sans", sans-serif; }
.slide-content p.silder-p {font-size: 24px; font-weight: 500; }
.slide-content p {font-size: 20px; font-weight: 400; }
.slide-buttons {display: flex; margin-top:35px; align-items: center; }
.pl-3 {padding-left:10px}
.slide-image img {max-width: 100%; height: auto; filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3)); }
/* Slider Navigation */
.slider-nav {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; }
.nav-dot {width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: background 0.3s; }
.nav-dot.active {background: white; }
.slider-arrows {position: absolute; top: 62%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.2); color: white; border: none; width: 50px; height: 50px; border-radius: 50%; font-size: 18px; cursor: pointer; transition: background 0.3s; }
.slider-arrows:hover {background: rgba(255, 255, 255, 0.3); }
.prev {left: 30px; }
.next {right: 30px; }
.btn-primary {background-color: #e74c3c; color: white; padding: 15px 30px; border: none; border-radius: 5px; cursor: pointer; font-weight: bold; text-decoration: none; transition: background-color 0.3s; }
.btn-primary:hover {background: #c0392b; transform: translateY(-2px); }
.btn-secondary {background-color: transparent; color: white; padding: 10px 20px; border: 2px solid white; border-radius: 8px; cursor: pointer; font-weight: 500; text-decoration: none; transition: all 0.3s; text-align: center}
.btn-secondary:hover {background-color: white; color: #2c3e50; }
.section-title p {font-weight: 500; font-size: 24px; color: #E95223; display: inline-block; padding-bottom: 0px; }
.about-content p {padding: 0px 0px 10px 0px; line-height: 28px; color: #5E6065; text-align: justify; }
.about-content .section-title p {font-weight: 500; font-size: 24px; color: #2D4291; display: inline-block; padding-bottom: 0px; }
.section-title-left p {}
.hearing-aid {width: 120px; height: 200px; background: linear-gradient(145deg, #bdc3c7, #ecf0f1); border-radius: 30px; position: relative; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); }
.hearing-aid::before {content: ''; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 60px; height: 60px; background: #95a5a6; border-radius: 50%; }
.bluetooth-label {position: absolute; bottom: 50px; right: -50px; background-color: rgba(255, 255, 255, 0.1); padding: 10px 15px; border-radius: 5px; font-size: 12px; }
/* Services Grid */
.services {padding: 0px 0; background-color: white; }
.services .container {max-width: 1600px; margin: 0 auto; padding: 0 20px; }
.about .container1 {max-width: 1600px; margin: 0 auto; padding: 0 20px; align-items: center; }
.services-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: -120px; z-index: 999; position: relative; }
.service-card {text-align: center; padding: 0px; border-radius: 10px; transition: transform 0.3s; height: 100%; background: #fff; border: 0px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
.service-card:hover {transform: translateY(-5px); background: #2D4291; }
.service-card:hover h3 {color:#fff; }
.service-card:hover  p {color:#fff; }
.service-card:hover .services-card-img {background:#fff; }
.service-card h3 {font-size: 24px; color: #000004; margin-top: 15px; }
.service-card p {color: #32323A; font-size: 18px; line-height: 24px; padding-top: 10px; }
.services-card-img {display: flex; background: #eaefff; border-radius: 5px; height: 90px; width: 90px; margin: 0 auto; }
.services-card-img img {max-width: 100%; margin: auto; }
.card-info-section {padding: 40px 30px; height: 100%}
.service-card {transition: all 0.3s ease; }
/* About Section */
.about {padding: 0px 0px 60px 0; background-color: white; background:url(../img/about-bg.png) center/cover no-repeat}
.about .container {max-width: 1600px; margin: 0 auto; padding: 80px 20px 0px 20px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 50px; align-items: center; }
.list {padding: 15px 0px; }
.list li {list-style: none; font-size: 22px; color: #17181B; font-weight: 500; position: relative; padding-left: 32px; padding-bottom: 5px; }
.list li i {color: #E95223; position: absolute; left: 0; top: 7px; }
.about-image img {max-width: 100%; border-radius: 20px; /* height: 320px; */}
/* 
.about-content .section-title-left {text-align: left; }
/*/

.aboutus-img-bototm {gap: 15px; margin-top: 8px; grid-template-columns: 1fr 1fr; display: grid; }
/* Products Section */
.products {padding: 60px 0; /*            background-color: #f8f9fa; */}
.products .container {margin: 0 auto; padding: 0 20px; }
.section-title {text-align: center; margin-bottom:0px; }
.section-title h2,.section-title h1 {font-size: 40px; color: #17181B; font-weight: 600; line-height: 50px; font-family: "IBM Plex Sans", sans-serif; }
.section-title h2 span ,.section-title h1 span {color: #E95223; }
.about-content h2 span,.about-content h1 span {color: #2D4291; }
.section-title-left {margin-bottom: 0; text-align: left; }
.section-title-left h2 {}
.products-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; /*            margin-bottom: 50px; */}
.product-card:hover {transform: translateY(-5px); }
/* product-slider */

.product .section-title p {width: 80%; margin: 0px auto; }
.product {padding: 60px 0; background-color: #EEF1FF; position: relative; }
.product .container {max-width: 1600px; margin: 0 auto; padding: 0 20px; position: relative; text-align: center; }
.product-grid {margin-top: 30px; }
.product-card {padding: 0; border-radius: 10px; position: relative; height: 100%; position: relative; transition: transform 0.3s; background: #fff; }
.product-image img {border-radius: 10px 10px 0px 0px; }
.product-info {padding: 0px 20px 20px 20px; }
.product-info h3 {font-size: 22px; margin-bottom: 10px; color: #17181B; font-weight: 500; text-align: left; padding-top: 10px; }
.owl-carousel {margin-bottom: 30px; }
.product-info p {color: #5E6065; font-size: 18px; text-align: justify; line-height: 22px; font-weight: 400; }
/* .product-tab .product-info p {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
*/


.read-more {color: #2D4291; text-decoration: underline; cursor: pointer; display: block; margin-top: 5px; text-align: left; width: auto; }
.product-icon {background: #FFFFFF; border: 1px solid #2D4291; border-radius: 5px; height: 80px; width: 80px; display: flex; margin-top: -40px; z-index: 999; position: relative; margin-bottom: 15px; }
.product-icon img {max-width: 100%; margin:  auto; }
.pe-grid.owl-carousel.owl-carousel .owl-stage {display: flex; }
.product-carousel {position: relative; }
.product-item {}
/* Owl Carousel Custom Styles */
.product .owl-dots {text-align: center; margin-top: 40px; }
.product .owl-theme .owl-dots .owl-dot span {display: inline-block; width: 12px !important; height: 12px !important; background: #B39D96 !important; border-radius: 100%; margin: 0 5px; cursor: pointer; transition: all 0.3s ease; }
.product .owl-theme .owl-dots .owl-dot.active span {background: #F44E19 !important; transform: scale(1.2); }
.product-grid.owl-carousel .owl-stage::after {display: none; }
.owl-carousel .owl-stage {height: 100%; display: flex; }
.product-card img {max-width: 100%; height: auto; display: block; }
.product-card .name-link {position: absolute; width: 100%; height: auto; left: 0px; top: 0px; padding: 12px; background: #FFFFFF; display: flex; align-items: center; justify-content: space-between; }
.product-card .name-link h2 {font-family: 'Exo'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; color: #000000; }
.product-card .name-link a.link i {color: rgba(206, 0, 0, 1); font-size: 20px; }
.global-brands-carousel {position: relative; }
/* product tab */

.product-tab {padding: 60px 0; background-color: #fff; position: relative; }
.product-tab-title {display:flex; align-item:center; }
.product-tab-title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.product-tab .container {max-width: 1600px; margin: 0 auto; padding: 0 20px; position: relative; text-align: center; }
.tabs {display: flex; gap: 15px; margin-bottom: 20px; }
.tab {padding: 5px 22px; border-radius: 100px; background: #fff; cursor: pointer; font-weight: 500; font-size: 20px; }
.tab.active {background: #E95223; color: #fff; }
.item {background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
.product-tab .owl-carousel.owl-drag .owl-item {padding: 15px; }
.owl-nav {margin-top: 10px; position: absolute; top: 40%; width:100%; }
.owl-prev {left: -10px; position: absolute; top: 0; }
.owl-next {right: -10px; position: absolute; top: 0; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {width: 40px; height: 40px; background: #fff !important; color: #212121 !important; border-radius: 100px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}
/* Brands Section */

.brands h2 {margin-bottom: 30px; }
.logo-slider {/* background: #fff; padding: 20px 0; mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgb(0, 0, 0) 14%, rgb(0, 0, 0) 86%, rgba(0, 0, 0, 0) 95%); */}
.slider-row {overflow: hidden; display: flex; align-items: center; }
.slide-track {display: flex; flex-wrap: nowrap; will-change: transform; padding:10px 0px; }
.slide-track img {height: 100px; margin: 0 10px; object-fit: contain; background: #fff; border-radius: 0px; padding: 10px; /* border: 1px solid #CECECE; */
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
/* certificates */

.certifications {padding-top: 60px; }
/* .certificats1-slider {background: #fff; padding: 20px 0; }
.certificats1-slider .slide-track img {height: 270px; margin: 0 10px; object-fit: contain; background: #fff; border-radius: 0px; padding: 0px; border: 1px solid #222; }
*/
.certifications .product-card img {width: auto !important; margin:0px auto; }
.certifications .product-card .product-image {padding: 10px; }
.certifications .product-card {padding: 0px; border-radius: 12px; background: #fff; border: 1px solid #E95223; margin: 0px auto; padding-bottom:100px; cursor: pointer; }
.certifications .product-info {padding: 15px; background: #E95223; border-radius: 0px 0px 10px 10px; position: absolute; bottom: 0; width:100%; }
.certifications .product-info p {text-align: center; color: #fff; font-size: 25px; line-height: 36px; font-weight: 500; }
.owl-carousel .owl-item .product-icon img {display: block; width: auto !important; }
.owl-carousel.owl-drag .owl-item {padding-top: 10px; padding: 15px; }
.contact-info-mobile {display: none; }
.appointment-button-mobile {display: none; }
/* Modal styles */
    .modal {display: none; position: fixed; z-index: 9999; padding-top: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8); }
.modal-content {margin: auto; display: block; max-width: 80%; animation: zoom 0.3s ease-in-out; box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); margin-top: 100px; }
@keyframes zoom {from {transform: scale(0.5); }
to {transform: scale(1); }
}
.close {position: absolute; top: 30px; right: 40px; color: white; font-size: 40px; font-weight: bold; cursor: pointer; z-index: 1000; }
/* Button styling */
    #toTopBtn {display: none; /* Hidden by default */
      position: fixed; bottom: 30px; right: 30px; z-index: 99; font-size: 16px; background-color: #333; color: white; border: none; outline: none; padding: 12px 16px; border-radius: 100px; cursor: pointer; }
#toTopBtn:hover {background-color: #555; }
/* Feature Section */

.features {}
.features {background: url("../img/features-bg.png"); background-repeat: no-repeat; background-size: cover; position: relative; background-position: center center; padding-top: 50px; }
.features .container {position: relative; z-index: 1; }
.features .container .section-title {color: #fff; }
.features .container .section-title h2 {color: #fff; }
.features .container .section-title p {color: #fff; }
.features .hd-div {display: flex; margin: 0px; padding: 0px; justify-content: space-between; align-items: center; }
.features .hd-div .contact-now-lable {width: 150px; height: 150px; }
.features .hd-div .contact-now-lable img {max-width: 100%; }
/* Feature cards */
        .features-grid {position: relative; z-index: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-bottom: 50px; color: #fff; }
.feature-card {/*
            background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); */
/*            border: 1px solid rgba(255, 255, 255, 0.2); */
/*            border-radius: 20px; */
            padding: 40px 30px; transition: transform 0.3s ease, box-shadow 0.3s ease; border-right: 1px solid #fff; }
.feature-card:first-child {padding-left: 0px; }
.feature-card:last-child {padding-right: 0px; border-right: none; }
.feature-card:hover {transform: translateY(-10px); /*            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); */}
.feature-icon {width: 60px; height: 60px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; }
.feature-icon img {max-width: 100%; }
.feature-title {font-size: 28px; line-height:40px; font-weight: 600; margin-bottom: 15px; }
.feature-description {font-size: 20px; line-height: 1.6; }
.features .main-description {position: relative; z-index: 1; text-align: center; font-size: 1.3rem; line-height: 1.8; margin-bottom: 20px; max-width: 800px; margin-left: auto; margin-right: auto; font-weight: 600; color: #fff; font-family: "IBM Plex Sans", sans-serif; }
/* Statistics section */
        .stats-section {position: relative; z-index: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; padding: 0px 0 0 0; }
.stat-card {text-align: center; padding: 10px 30px 50px 0px; transition: transform 0.3s ease; text-align: left; }
.stat-card:first-child {padding-left: 0px; }
.stat-card:last-child {padding-right: 0px; }
.stat-card:hover {transform: translateY(-5px); }
.stat-number {font-size: 50px; font-weight: 600; margin-bottom: 10px; font-family: "IBM Plex Sans", sans-serif; color: #fff; }
.stat-label {font-size: 20px; color: #fff; font-weight: 400; }
.features::after {background: radial-gradient(50% 50% at 50% 50%, #1F327B 0%, #122360 100%); position: absolute; width: 100%; height: 100%; content: ""; top: 0; opacity: 0.88; }
/* industries section */
.industries {background: #EEF1FF; padding: 60px 0; }
.industries-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; margin-bottom: 50px; margin-top: 40px; }
.industry-card {padding: 60px 24px; text-align: center; position: relative; background: #FFFFFF; border: 1px solid #E9E9F0; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); border-radius: 15px; height: 290px; width: 290px; }
.industry-icon {width: 120px; height: 120px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; }
.industry-name {font-size: 20px; font-weight: 600; transition: color 0.3s ease; color: #000004; line-height: 24px; }
.industries-button {text-align: center; color: #5E6065; font-size: 18px; font-weight: 400; }
.industries-button .appointment-button {margin-left: 10px; }
/* contact us */


.contact-us {margin: 0 auto; padding:  20px 0px; display: grid; grid-template-columns: 1fr  2fr; gap: 50px; align-items: center; }
.contact-us-left {background: url("../img/contactus_bg.png"); background-repeat: no-repeat; background-size: cover; position: relative; background-position: center center; height: 100%; width: 540px; border-radius: 20px; display: flex; flex-direction: column; justify-content: flex-end; }
.contact-us-left::after {background: linear-gradient(to top, #2D4291, #0D142B1A); position: absolute; width: 100%; height: 100%; content: ""; top: 0; opacity: 0.88; border-radius:20px; }
.contact-us-left-detail {padding: 50px; z-index: 1; }
.contact-us-left-detail .section-title h2 {color: #fff; }
.contact-us-left-detail p {color: #fff; padding-bottom:15px; }
.contactus {padding: 60px 0px; }
.contact-form {background: #fff; padding: 30px; margin: 0 auto; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); width:100%; }
.contact-form h2 {margin-bottom: 20px; font-size:28px; font-weight:600px; font-family: "Roboto", sans-serif; color:#17181B}
.form-group {margin-bottom: 15px; }
.form-row {display: flex; flex-wrap: wrap; gap: 20px; }
.form-row .form-group {flex: 1; min-width: 200px; }
.form-group label {display: block; margin-bottom: 5px; font-weight: 400; color:#5E6065; font-size:20px; }
.form-group input,
    .form-group textarea {width: 100%; padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px; }
.form-group textarea {height: 100px; resize: vertical; font-family: "Roboto", sans-serif;}
.submit-btn {background-color: #2D4291; color: #fff; border: none; padding: 12px 20px; font-size: 20px; cursor: pointer; width: 100%; transition: background 0.3s ease; font-weight:500; }
.submit-btn:hover {background-color: #1e2c8c; }
.footer-note {margin-top: 15px; font-size: 13px; color: #555; display: flex; align-items: center; }
.contact-footer-note {margin-top: 15px; font-size: 16px; color: #5E6065; display: block; align-items: center; font-weight:400; text-align:center; }
.footer-note::before {content: "🔒"; margin-right: 8px; }
.contact-form-right {display: flex; width: 100%; height: 100%; }
@media (max-width: 600px) {.form-row {flex-direction: column; }
}
/* Footer */
.footer {color: white; padding: 0px 0 0px; }
.footer .container {max-width: 1600px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1; }
.footer .logo {max-width: 300px; text-align: center; }
.footer .logo img {max-height: 100%}
.social-icons {display: flex; gap: 10px; }
.social-icons a {display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 5px; background-color: #F5FAFC; color: #E95223; margin-right: 0px; transition: all 0.3s; text-decoration: none; }
.social-icons a:hover {color:#fff; background-color:#E95223; }
.footer-section ul {list-style: none; display: flex; }
.footer-section ul li {border-right: 2px solid #fff; line-height: 15px; padding: 0px 25px; }
.footer-section ul li a {text-decoration: none; transition: color 0.3s; font-style: normal; font-weight: 400; font-size: 24px; line-height: normal; color: #FFFFFF; }
.footer-section ul li a:hover {color: #E95223; }
.footer-row2 {padding: 10px 0px 30px 0px; }
.footer-row2-p {font-size: 20px; font-weight: 500; max-width: 650px; }
.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 20px; padding-bottom: 20px; text-align: center; font-size: 16px; color: #fff; }
.footer-bottom a {color: #fff; text-decoration: none; }
.footer-bg {background: #131517; padding-top: 50px; }
.footer-logo-row {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px; margin: 0 auto 25px auto; }
.footer-content-row1 {display: flex; justify-content:space-between; align-items:center; }
/* Floating Button */
 .chat-button {position: fixed; bottom: 30px; right: 80px; background-color: #4DC247; color: white; border: none; padding: 10px 24px; border-radius: 100px; cursor: pointer; font-size: 20px; z-index: 999; font-weight: 500; text-decoration: none; font-weight: 400; line-height: 22px; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display: block !important; }
.asterisk {color: red; }
/*read more */

 .text-container {width: 300px; font-family: Arial, sans-serif; }
.clamp {display: -webkit-box; -webkit-line-clamp: 2; /* Show only 2 lines */
      -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease; }
.clamp.expanded {-webkit-line-clamp: unset; overflow: visible; }
.read-more-btn {color: #2D4291; cursor: pointer; font-size: 16px; margin-top: 5px; display: inline-block; text-align:left; width:100%; }
/* Abou Us */

.breadcrumb {list-style: none; display: flex; padding: 10px; border-radius: 5px; }
.breadcrumb li {/*margin-right: 10px; */}
.breadcrumb li+li:before {content: ">"; margin: 0 10px; color: #fff; }
.breadcrumb li a {text-decoration: none; color: #f0f0f0; }
.breadcrumb li a:hover {text-decoration: underline; }
.pageTitle {padding: 130px 0 100px; color: #fff; position: relative; z-index: 9; background: url(../img/banner-slider1.png) center center no-repeat; background-size: cover; }
.pageTitle::after {background: radial-gradient(50% 50% at 50% 50%, #1F327B 0%, #122360 100%); position: absolute; width: 100%; height: 100%; content: ""; top: 0; opacity: 0.8; }
.pageTitle h1 {margin: 0; padding: 0; font-size: 55px; line-height: 65px; color: #fff; }
.pageTitle .container {position: relative; z-index: 1; }
.aboutus-detail-main {display: grid; /* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); */
   grid-template-columns: repeat(3, 1fr); gap: 30px; z-index: 999; position: relative; }
.aboutus-detail {text-align: center; padding: 0px; border-radius: 10px; transition: transform 0.3s; height: 100%; background: #fff; /* background-image: linear-gradient(to bottom, #fff, #eef1ff); */
    border: 0px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
.aboutus-detail-space {padding: 20px; }
.aboutus-detail h3 {font-size: 20px; color: #000004; margin: 20px 0px 0px 0px; line-height: 30px; }
.aboutus-detail p {color: #32323A; font-size: 18px; line-height: 32px; padding-top: 0px; }
.aboutus-mission .container {max-width: 1600px; margin: 0 auto; padding: 30px 20px 30px 20px; display: grid; grid-template-columns: 2fr 1fr; gap: 50px; align-items: center; }
.getin-touch p {font-size: 24px; color: #000004; margin: 20px 0px 20px 0px; }
.aboutus-img-top {text-align: center; }
.section-title-inner h2 {font-size: 28px; line-height: 28px; }
.industries-we-served .container {display: grid; /*grid-template-columns: repeat(auto-fit, minmax(472px, 1fr)); */
	grid-template-columns: repeat(2, 1fr); gap: 20px; }
.card {background: #fff; padding: 20px; border-radius: 12px; /* box-shadow: 0 4px 12px rgba(0,0,0,0.08); */
	display: flex; gap: 30px; align-items: flex-start; transition: transform 0.2s ease; text-align: left; }
.card:hover {transform: translateY(-5px); }
.icon {flex-shrink: 0; width: 100px; height: 100px; }
.card-img {background: #EEF1FF; padding: 10px; border-radius: 10px; display: flex; }
.content h3 {margin: 0 0 10px; font-size: 1.2rem; color: #222; }
.content p {margin: 0; text-align: justify; }
/* @media (max-width: 600px) {.card {flex-direction: column; align-items: center; text-align: center; }
}
*/


.industries-we-served2 .container {display: grid; /* grid-template-columns: repeat(auto-fit, minmax(472px, 1fr)); */
    grid-template-columns: repeat(3, 1fr); gap: 20px; }
.industries-we-served2 p {line-height: 32px; text-align: center; }
.industries-we-served2  h3 {margin-bottom: 10px; line-height: 30px; text-align: center; color: #2D4291; padding-top: 20px; }
.industries-we-served2 .product-card {padding: 20px; }
.industries-we-served2 .product-image {background: #EEF1FF; width: 100px; height: 100px; margin: 0px auto; padding: 10px; border-radius: 10px; }
.box-shadow {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
.rounded {border-radius: .25rem!important; }
.box_feat_home_new_title {font-size: 20px; line-height: normal; color: #1b1b1b; margin: 0 0 8px; padding: 0; text-decoration: none; font-weight: 700; }
.services-box-img {position: relative; margin-left: -50px; margin-top: 0; min-width: calc(50% + 50px); flex: none; }
.our-solutions .container {display:grid; flex-shrink: 0; grid-template-columns:1fr 1fr; align-items:center; }
.our-solutions {padding: 60px 0px; }
.solution-text-part {z-index: 3; position: relative; background-color: #fff !important; padding: 30px !important; border-radius: 10px; }
.our-solution-img {position: relative; margin-left: -50px; margin-top: 0; min-width: calc(50% + 50px); flex: none; }
.our-solution-img img {max-width: 100%; height: auto; border-radius: 8px; }
.our-solution-tracking .container {max-width: 1600px; margin: 0 auto; padding: 30px 20px 30px 20px; display: grid; grid-template-columns: 1fr 2fr; gap: 50px; align-items: center; text-align: left; }
.our-product .container {display: grid; /* grid-template-columns: repeat(auto-fit, minmax(472px, 1fr)); */
    grid-template-columns: repeat(4, 1fr); gap: 20px; }
.our-product .product-info p {line-height: 28px; }
.contact .container {max-width: 1600px; margin: 0 auto; padding: 50px 20px 0px 20px; align-items: center; display: grid; grid-template-columns: 1fr; gap: 20px; }
.contact .aboutus-detail h3 {margin: 0px 0px 20px 0px; font-size: 26px; color: #2D4291; font-weight: 600; }
.contact .aboutus-detail {text-align: left; }
.contact .aboutus-detail p {position: relative; }
.contact .aboutus-detail p i {color: #E95223; position: absolute; left: 0; top: 4px; font-size: 22px; }
.address_p {padding-left: 26px; padding-bottom: 10px; }
.contact .aboutus-detail p a {color: #32323A; text-decoration: none; }
.address_c {padding-left: 40px; padding-bottom: 10px; }
.contact-us-left {background: url("../img/contactus_bg.png"); background-repeat: no-repeat; background-size: cover; position: relative; background-position: center center; height: 100%; width: 540px; border-radius: 20px; display: flex; flex-direction: column; justify-content: flex-end; }
.contact-us-left1 {background: url("../img/contact-us-img.png"); }
.map {width: 100%; height: 100%; border-radius: 10px; border: 1px solid #d6d6d6; }
.industries-we-served2 .product-info {padding: 0; }
#homeslider {min-height:750px; }
.owl-slider .item-slider {position: relative; height: 750px; /* Full screen height */
  background-size: cover; background-position: center; color: white; display: flex; align-items: center; justify-content: flex-start; padding: 40px; }
.item-slider .container {margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; width: 1600px; }
.owl-slider.owl-drag .owl-item {padding: 0px; }
.owl-slider .owl-nav button.owl-next, .owl-slider .owl-nav button.owl-prev, .owl-slider button.owl-dot {width: 20px; height: 20px; background: transparent !important; box-shadow: none; }
.owl-dots {position: relative; bottom: 50px; margin-top: 0 !important; text-align: center; }
.item-slider::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3) ); */
	background: linear-gradient( to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) ); z-index: 1; }
.owl-slider {margin-bottom: 0px; }
.owl-slider .owl-nav.disabled {display: none !important; }
.wow {visibility:hidden}
.content-wrapper {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; /*gap: 30px; */}
.text-content {flex: 1 1 50%; min-width: 300px; }
.image-content {flex: 1 1 50%; min-width: 300px; /*text-align: right; */
  display: flex; justify-content: center !important; }
.image-content img {max-width: 100%; height: auto; border-radius: 10px; }
.ai-title {line-height: 53px; font-size: 38px; }
.text-white {color: #fff !important; }
@media (max-width: 768px) {
	.ai-title {line-height: 40px; font-size: 24px; }
	.content-wrapper {flex-direction: column; text-align: left; }
	.content-wrapper {gap: 20px}
	.image-content {display: flex; justify-content: center !important; }
	.image-content {text-align: center; order: 1; }
	.text-content {order: 2; }
	.text-content, .image-content {flex: 1 1 100%; }
	.text-content h1 {font-size: 1.6rem; }
}
.new-product {background-color: #EEF1FF; }
.new-product .container {max-width: 1600px; margin: 0 auto; padding: 80px 20px 0px 20px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 50px; align-items: center; }
.mt10 {padding-top: 20px; }
.line-height-h3 {line-height: 30px!important; }
.text-center {text-align:center; }
.wrap404 {margin:0 0 60px}
.mt20 {margin-top:20px; }
.mb10 {margin-bottom:10px; }