@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0px;
}

a {
  text-decoration: none;
}

:root {
  /* Define variables for consistency */
  --primary-color: #B60B0B;
  --secondary-color: #4d4d4d;
  --text-dark: #333;
  --text-light: #fff;
  --font-xsm: 0.575rem;
  --font-sm: 0.875rem;
  --font-md: 1.5rem;
  --font-lg: 2rem;
  --font-xlg: clamp(2rem, 6vw, 3.25rem);
  --transition: all 0.3s ease-in-out;
}

/*-------------------*/
/* text */
/*-------------------*/
.text-theme {
  color: var(--primary-color);
}

.text-gray {
  color: var(--secondary-color);
}

/* bg colors */
.bg-theme {background-color:#B60B0B;}

.bg-menutop {background:linear-gradient(45deg, #ff2066, #00e6ff);}


.bg-light-red {background-color:linear-gradient(45deg, #005e68, #9df5ff);}

/*-------------------*/
/* Buttons */
/*-------------------*/
.btn {
  padding: 0.5rem 1.2rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: var(--transition);
}

.btn-primary {
  background-color: #B60B0B;
  color: white;
  padding: 0.5rem 0.8rem;
  border-radius: 20px;
  border: 1px solid #b60b0b00;
}

.btn-primary:hover {
  background-color: white;
  color: #B60B0B;
  border: 1px solid #B60B0B;
}

.btn-white {
  padding: 0.3rem 0.5rem;
  background: white;
  color: #3f4293;
  font-size: 15px;
  border-radius: 10px;
  outline: none;
}

.btn-white:hover {
  background-color: #f4efff;
}

.btn-custom {
  padding: 7px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  font-size: 13px;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  font-weight: 700;
  border-radius: 25px;
  text-decoration: none;
  transition: all 0.4s ease-in;
}

.btn-custom span {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--primary-color);
  margin: 5px;
}

.btn-custom:hover {
  color: var(--primary-color);
  background-color: #fff;
}

.btn-consult a {width:100%; padding:5px 22px; border-radius:25px;}
.top-con {display:flex; align-items:center; justify-content:start;}
.top-con a {margin:5px; border:none;}
.top-con .top-contact {display:flex; align-items:center;}
.top-contact img {width:20px; height:20px;}
.top-contact img:hover {scale: 0.9;}
.top-contact p {color:#ffffff; margin-bottom:0rem !important;}
.top-social-media {display:flex; justify-content:end; align-items:center;}
.top-social-media a {margin:5px;}
.top-social-media a img {width:25px; height:25px; transition:0.3s ease-in-out;}
.top-social-media a img:hover {scale: 0.9;}
.navbar {--bs-navbar-padding-y: 0rem !important;}
.navbar-nav .nav-item {display:flex; justify-content:center; align-items:center;}
.navbar-nav .nav-link {font-weight:600; position:relative;}
.navbar-nav .nav-link::after {content:""; display:block; width:0%; height:2px; background:#000; transition:width 0.3s; position:absolute; bottom:0; left:0;}
.navbar-nav .nav-link:hover::after {width:100%; height:2px; border-radius:10px;}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {color:var(--primary-color);}
.navbar-toggler {color:var(--primary-color) !important; border:1px solid #DA251C!important; }
.nav-img {width:auto; height:60px;}
.nav-link {font-size:15px; font-weight:bolder; margin:0vw 0.5vw; color:black !important;}
.nav-top {display:flex; align-items:center;  /* padding: 0vw 1.2vw; */}
.navbar-collapse {flex-basis:100%; flex-grow:0 !important; align-items:center;}
.sec-pad {padding:clamp(1rem, 5vw, 2.5rem);}
.sec-pad h2 {font-size:32px; font-weight:700; padding:0; margin-bottom:10px; text-align:center; background-image:linear-gradient(45deg, #18435A, #050016); color:#0000; background-clip:text;}
.sec-pad h4 {font-size:19px; padding-bottom:10px; margin:0; text-align:center;}
.one {width:100%; position:relative; background:linear-gradient(180deg, #ffecec00, #fafcff, #f8f9fa);
/* z-index: -4; */  /* height: 100vh; */ }
.one::before {content: ""; position:absolute; top:-95px; left:12%; height:20vw; width:50vw; z-index:-5; background:linear-gradient(60deg, #fddbdb, rgb(255, 230, 230)); filter:blur(90px); opacity:0.8; pointer-events:none;}

.banner {padding:2vw 2vw; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.banner h1 {font-size:var(--font-xlg); font-weight: 800;}
.banner h1 span img {height:auto; width:clamp(3rem, 7vw, 10vw);}
.ban-img-sec {background: url("./images/ban-1.jpg"); height:auto; width:100%; background-position:center; background-size:cover;  background-repeat:no-repeat;  border-radius:20px;}
.text_area__call h1 {font-size:55px; font-weight:700; padding:0; color:#fff;}
.text_area__call p {font-size:18px; font-size:500; color:#fff;  margin-top:35px;}



.spanp-text {background-image:linear-gradient(45deg, #ff2066, #00e6ff); /* linear-gradient(45deg, #00bcd1, #68f0ff)*/ color:#0000; background-clip:text;}
.form-box h3 {text-align:center; font-weight:600; background-image:linear-gradient(45deg, #47079a, #050016); color:#0000; background-clip:text; font-weight:bolder;}
.slider-top-col {background:url("./images/slider-1.jpg"); width:100%; height:600px;  background-position:center; background-size:cover;  background-repeat:no-repeat; position:relative; z-index:1; top:0; left:0;}
.slider-main {width:100%; height:600px; position:absolute; z-index:9; padding-top:40px; top:0; left:0; background-color:rgb(0 0 0 / 79%);}
.carousel-inner {width:100%; height:550px;}
.carousel-control-next, .carousel-control-prev {width:0%;}
.carousel-dark .carousel-caption {width:100%; height:550px; color:#ffffff; top: 0; text-align:left; left:0; }
.carousel-dark .carousel-indicators [data-bs-target] {width:15px; height:10px; background-color:#fff;}
.carousel-indicators .active {width:48px !important; height:10px !important; background-color:#19c9dc !important;}
.form-box .form-label {color:#00042b;}
.band-booster h3 {width:100%; font-size:28px; font-weight:600; color:#f02b6e; padding-top:30px; margin:0;}




.about-img {width:100%; padding:20px; margin:0; display:block;  height:100%;}
.about-img img {width:100%; box-sizing:border-box; height:275px;}
.about-img h6 {font-size:18px; font-weight:600; color:#000; margin-top:25px;}
.about-img h6 span {display:block; font-weight:400; color:#777; margin-top:15px;}
.about-img a {display:block; width:18%; margin:0 auto;}










.btn {box-sizing: border-box; border:2px solid #0000; color:#000; font-size:16px; font-weight:700; padding:10px 28px; text-transform:uppercase; position:relative; overflow:hidden; transition:color 2s ease-in-out;}
.fifth {border-radius:7px; z-index:1; background-image:linear-gradient(45deg, #00bcd1, #68f0ff)}
.fifth::after {content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:0; height:100%; background:#00bcd1; z-index:-1; transition:width 0.2s ease-in-out;}
.fifth:hover {color:#fff;}
.fifth:hover::after {width:110%;}


.form-box {
  padding: 2rem;
  width: 32vw;
  background-color: #fff;
  border-radius: 20px;
  /* margin: 20px; */
  /* margin-left: 15px; */
  z-index: 10;
}

.gradient-text {background-image:linear-gradient(90deg, #b60b0b, #000000); -webkit-background-clip:text; color:transparent;  background-clip:text; font-weight:bolder;}
.form-control {border-color:grey;}
.form-label {font-weight:bolder;}
.btn-gradient:hover {background-image:linear-gradient(90deg, #00bcd1, #000); color:#fff;}
.ban-aero {height:auto; width:50px; position:absolute; right:15px; top:-100px; z-index:-10;}
.clientele-carousel .item img {width:150px; height:auto;}
.ban {position:relative; overflow:hidden; border-radius:12px;}
.ban img {width:100%; height:280px; max-height:500px; object-fit:cover; display:block; }
.overlay-ban {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(220, 20, 60, 0.6); display:flex; justify-content: center; align-items:center; padding:2rem; color:#fff; text-align:center;}
.banner-text h1 {font-size:clamp(1.5rem, 5vw, 3rem); font-weight:700; margin-bottom:1rem;}
.banner-text p {font-size: clamp(1rem, 2.5vw, 1.25rem); font-weight:400;}
.choose-card {width:100%; height:16rem; display:flex; background:#0000; justify-content:center; align-items:center; flex-direction:column;
 padding:1rem; margin:0.7rem; transition:all 0.2s ease-in; border:1px dashed #7f20d2;} 
.choose-card img {height:5rem; width:5rem;}
.choose-card p {background-image:linear-gradient(45deg, #47079a, #050016); color:#0000; background-clip:text; font-size:15px; }
.sm-text {color:#000; font-size:12px; margin-top:10px; }
.choose-card:hover {background:#d5d1d1;}
.choose-card:hover p {color:#000; }
.service-card {width:100%; position:relative; overflow:hidden; border-radius:0; transition:all 0.4s ease-in-out; margin:0;}
.service-card img {width:100%; height:auto; display:block; object-fit:cover; border-radius:0;}
.service-card .overlay {position:absolute; bottom:0px; left:0; right:5px; width:100%; height:auto; z-index:2; border-radius:0; background:linear-gradient(to top, #000000d6); padding:1rem; display:flex; flex-direction:column; justify-content:flex-end; color:#fff;}
.service-card .overlay .heading { display:flex; align-items:center; gap:10px; margin-bottom:0.5rem;}
.service-card .overlay img {width:35px; height:35px; object-fit:contain;}
.service-card h5 {font-size:clamp(1rem, 2.5vw, 1.25rem); margin: 0;}
.service-card p {font-size:clamp(0.875rem, 2vw, 0.8rem);  margin:0; display:none; /* color: #f1f1f1; */ transition: all 0.4s ease-in-out;}
.service-card:hover p {display:block;}
.service-card:hover .overlay{top:0; width:100%;}
#testimonialOwl .owl-next {width:46px; height:46px; position:absolute; top:40%; transform:translateY(-50%);  border-radius:50%; font-size:45px; font-weight:600 !important; color:#fff !important; line-height:46px; text-align:center; cursor: pointer; z-index:999;background:#340574 !important; right:-34px;} 
#testimonialOwl .owl-prev {width:46px; height:46px; position:absolute; top:40%; transform:translateY(-50%);  border-radius:50%; font-size:45px; font-weight:600 !important; color:#fff !important; line-height:46px; text-align:center; cursor: pointer; z-index:999;background:#340574 !important; left:-34px; }
.btn-services {
  width:130px;
  display:inline-flex;
  padding:0.4rem 0.6rem;
  border-radius:10px;
  background:#232526;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #414345, #232526);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #414345, #232526);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: white;
}


.hows-card {background:#fff; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px; border-radius:0; padding:30px; overflow:hidden; height:100%; display:flex; flex-direction:column; transition:transform 0.3s ease, box-shadow 0.3s ease; border-style:solid; border-width:0px 0px 5px 0px; border-color:#18435A;}
.hows-card:hover {transform:translateY(-5px); box-shadow:0 6px 16px rgba(0, 0, 0, 0.15);}
.hows-card .img-box img {object-fit:cover; width:100%; height:100%;}


.clientele-carousel .item img {
  height: auto;
  width: 150px;
}













.hows-card h5 {text-align:center; font-weight:600;}
.hows-card p {font-size:15px; text-align:center;}
.hows-card .img-box0 {display:flex; justify-content:center; align-items:center;}
.hows-card .img-box0 img {width:85px; height:85px; display:block; object-fit:cover; margin-top:23px;}
.hows-card .badge {position:absolute; top:10px; right:10px; border-radius:50px; font-weight:600; font-size:0.85rem; color:#050016;}
.hows-card .details {padding:1.5rem 0 0 0; flex-grow:1;}
.product-card {width:100%; height:19rem; text-align:center; border:1px solid #240354; background-color:#ffffff; border-radius:0 !important; padding:1rem; box-shadow:0 4px 20px rgba(0, 0, 0, 0.06); transition:transform 0.3s ease, box-shadow 0.3s ease; border-style:solid;  border-width:1px 1px 05px 1px;   border-color:#18435A;}
.product-card:hover {transform:translateY(-5px); box-shadow:0 6px 24px rgba(0, 0, 0, 0.1); }
.product-card img {width:100%; height:180px; object-fit:contain; border-radius:8px; margin-bottom:0.75rem;}
.product-card p {font-weight:500; font-size:1rem; color:#333333; margin:0;}
.pro-det {background-color:#e5dbdb; display:flex; justify-content:center; align-items:center; padding:10px; flex-direction:column; border-radius:5px; border: 1px solid #c5c5c5;}
.pro-det p {font-size:0.8rem;}
.bg-sky {background-color:#529af828;}
.state-card {width:15rem; height:15rem; display:flex; justify-content:center; align-items:center; padding:2rem; border-radius:10px; margin:10px; flex-direction:column; background:linear-gradient(115deg, #ffffff, #529af854); transition: all 0.5s ease-in-out;}
.state-card:hover {scale: 0.9;} 
.bg-dark-sky {background-image:linear-gradient(45deg, #005e68, #9df5ff)}
.heading-bgcenetr {background-color:#fff; padding:20px ; border-style:solid; border-width: 0px 0px 04px 0px; border-color:#18435A;   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);}
.eight .heading h2 {font-size:35px; font-weight:700; line-height:1.3; color:#000;}
.eight .heading p {font-size:18px; color:#000; font-weight:400 !important;}



.blog-section {background:#f8fbff;}
.blog-title {font-weight:700; color:#12304a; position:relative;}
.blog-card {background:#fff; padding:30px; border-radius:16px; box-shadow:0 8px 25px rgba(0,0,0,0.06); gap:30px;}
.blog-secimg {width:350px; height:100%; overflow:hidden; box-sizing:border-box;}
.blog-secimg img {width:100%; height:100%; object-fit:cover; border-radius:0; transition:transform 0.4s ease; box-sizing:border-box;}
.blog-secimg:hover img {transform-origin:center center; transform: scale(1.2);}
/* .blog-secimg::after {content: "";  position:absolute; inset:0; background:rgba(0,0,0,0.15); opacity:0;transition:0.4s;} */
.blog-secimg:hover::after {opacity:1;}
.blog-content {display:block;}
.blog-content a h5 {color:#1c2a6e; font-weight:600; margin:0 0 10px 0;}
.blog-content a h5:hover {color:#9f0130;}
.blog-content p {color:#6b6f8a; font-size:14px; margin-bottom:15px;}
.post-meta {display:flex; align-items:center; gap:18px; font-size:14px; color:#555;}
.meta-item {display:flex; align-items:center; gap:12px;}
.post-meta a {font-size:15px;}
.meta-item img {width:24px; height:24px; margin-right:6px;}
.share {cursor:pointer; text-align:right;}
.share:hover img {opacity:0.7;}




.btn-ad {background-color:#fff; color:#000; padding:0.75rem 1.5rem; border-radius:30px; font-weight:600; transition:all 0.3s ease-in-out;  text-decoration:none; display:inline-block; min-width:180px; text-align:center; box-shadow:0 5px 15px rgba(0, 123, 255, 0.2);}
.btn-ad:hover {background-image: linear-gradient(90deg, #00bcd1, #000); color:#fff;}
.adv-img {width:100%; padding:0; margin:0;}
.adv-img img {width:100%; box-sizing:border-box; overflow:hidden;}

.adv-img img.ad-img {max-width:100%; height:auto; transition:transform 0.3s ease;}
.adv-img:hover img.ad-img {transform:scale(1);}



/* sec-9 */

.accordion {
  --bs-accordion-border-width: 0;
  --bs-accordion-border: none !important;
  --bs-accordion-btn-focus-border-color: none;
  --bs-accordion-active-color: inherit;
  --bs-accordion-active-bg: #0000;
}

.accordion-button {padding:1rem 0.5rem !important; border-bottom:2px solid #18435A !important; border-radius:0 !important;}
.accordion-button p {color:#18435A; margin-bottom: 0px !important; font-size:19px;}
.accordion-item {border:none !important; background-color:#0000;}
.accordion-button {border:none; background-color:#0000; box-shadow:none !important;}
.accordion-button:not(.collapsed) {border:none; background-color:#0000; box-shadow:none !important;}
.accordion-button:focus {border:none; box-shadow:none !important;}
.accordion-collapse {border:none !important;}
.accordion-body {padding:15px 0; border:none !important}
.ad-img-2 {height:auto; width:200px;}

.ten h6 {font-size:32px; font-weight:700; padding:0; margin-bottom:10px; background-image:linear-gradient(45deg, #ff2066, #00e6ff); color:#0000; background-clip:text;}

.contact-icon {width:100%; padding:0; margin:0; }
.images-icon {position:fixed; bottom:10%; right:20px; display:flex; width:140px; z-index:99999;}
.images-icon a {margin-left:15px;}
.images-icon img {width:45px; height:45px;}

 
 

 /* mobile-cell */
 
.mobile-cell img {width:45px; height:45px; right:20px; bottom:79px;	background:#10b418;	position:fixed;	text-align:center; color:#ffffff;
cursor:pointer;	border-radius:50%;	z-index:99;	display:inline-block; line-height:65px;}
.mobile-cell:before {position:absolute; content:" "; z-index:-1; bottom:58px; right:0; background-color:#00b771; width:59px; height:59px; opacity:0.6; border-radius:100%; animation-fill-mode:both; -webkit-animation-fill-mode:both; -webkit-animation:pulse 1s ease-out;
animation:pulse 1.8s ease-out; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}
button.ph-ap-btn::before {content: "Call us"; position:absolute; display: block; margin-left:-107px; line-height:35px; margin-top:-82px; height:35px; text-align:center; align-items:center; background:#2ecc71; color:#fff; padding-top:7px; font-weight:400; font-size:14px; border-radius:3px; width:0; opacity:0; border-radius:30px; transition:opacity 0.4s, width 0.4s, padding 0.5s; box-shadow:0 1px 15px rgba(32, 33, 36, 0.28);}
.mobile-cell > a:hover button.ph-ap-btn::before {opacity:1; width:auto; padding-top:0px; padding-left:10px; padding-right:10px;}
.mobile-api {position:fixed; bottom:0; right:0; z-index:999;}
.mobile-api {margin-right:15px; margin-bottom:15px;}
.mobile-api > a {display:block; text-decoration:none;}
.mobile-api > a:hover button.wh-ap-btn::before {opacity:1; width:auto; padding-top:7px;	padding-left:10px; padding-right:10px;}




/* whatsapp */

.mobile-cell img {width:45px; height:45px; right:20px; bottom:79px;	background:#10b418;	position:fixed;	text-align:center; color:#ffffff;
cursor:pointer;	border-radius:50%;	z-index:99;	display:inline-block; line-height:65px;}
.mobile-cell:before {position:absolute; content:" "; z-index:-1; bottom:58px; right:0; background-color:#00b771; width:59px; height:59px; opacity:0.6; border-radius:100%; animation-fill-mode:both; -webkit-animation-fill-mode:both; -webkit-animation:pulse 1s ease-out;
animation:pulse 1.8s ease-out; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}
button.ph-ap-btn::before {content: "Call us"; position:absolute; display: block; margin-left:-107px; line-height:35px; margin-top:-82px; height:35px; text-align:center; align-items:center; background:#2ecc71; color:#fff; padding-top:7px; font-weight:400; font-size:14px; border-radius:3px; width:0; opacity:0; border-radius:30px; transition:opacity 0.4s, width 0.4s, padding 0.5s; box-shadow:0 1px 15px rgba(32, 33, 36, 0.28);}
.mobile-cell > a:hover button.ph-ap-btn::before {opacity:1; width:auto; padding-top:0px; padding-left:10px; padding-right:10px;}
.mobile-api {position:fixed; bottom:0; right:0;}
.mobile-api {margin-right:15px; margin-bottom:15px;}
.mobile-api > a {display:block; text-decoration:none;}
.mobile-api > a:hover button.wh-ap-btn::before {opacity:1; width:auto; padding-top:7px;	padding-left:10px; padding-right:10px;}




/* whatsapp */

button.wh-ap-btn {outline:none; width:50px; height:50px; border:0; background-color:#0000; padding:0; border-radius:100%; box-shadow:none; cursor:pointer; transition:opacity 0.3s, background 0.3s, box-shadow 0.3s;}
button.wh-ap-btn::after {content:""; width:100%; background-image:url(""); background-position:center center; background-repeat:no-repeat; background-size:60%; height:100%; display:block;	opacity:1;}
button.wh-ap-btn:hover {opacity:1; background-color:#0000; box-shadow:none;}
button.wh-ap-btn::before {content:"Chat with me"; width:0; display:block; padding-top:7px; border-radius:30px !important; position:absolute; margin-left:-120px; margin-top:10px; height:35px; text-align:center; align-items:center; background:#29a71a; color:#fff; font-weight:400; font-size:14px; border-radius:3px; opacity:0; padding:0; transition:opacity 0.4s, width 0.4s, padding 0.5s; box-shadow:0 1px 15px rgba(32, 33, 36, 0.28);}
.wh-fixed > a:hover button.wh-ap-btn::before {opacity:1; width:auto; padding-top:7px; padding-left:10px; padding-right:10px;}
.wh-api {position:fixed; bottom:0; right:0;}
.wh-fixed {margin-right:15px; margin-bottom:15px;}
.wh-fixed > a {display:block; text-decoration:none;}
.whatsapp-pulse img {width:45px; height:45px; right:20px; bottom:20px; background:#10b418; position:fixed; text-align:center; color:#fff;cursor:pointer; border-radius:50%;	z-index:99; display:inline-block; line-height:65px;}
.whatsapp-pulse:before {position:absolute; content:" "; z-index:-1; bottom:12px; right:12px; background-color:#10b418; width:59px; height:59px; border-radius:100%; animation-fill-mode:both; opacity:0.6; animation:pulse 1.8s ease-out; animation-iteration-count:infinite; -webkit-animation-fill-mode:both; -webkit-animation:pulse 1s ease-out; -webkit-animation-iteration-count:infinite;}

	



@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	25% {
		-webkit-transform: scale(0.3);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(0.6);
		opacity: 0.6;
	}
	75% {
		-webkit-transform: scale(0.9);
		opacity: 0.3;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}

@keyframes pulse {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	25% {
		transform: scale(0.3);
		opacity: 1;
	}
	50% {
		transform: scale(0.6);
		opacity: 0.6;
	}
	75% {
		transform: scale(0.9);
		opacity: 0.3;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}

 
















/* Toggle */

.theme-toggle {
  position: fixed;
  top: 22px;
  right: 22px;

  width: 42px;
  height: 42px;

  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.15);

  background: rgba(15,23,42,0.8);
  color: #fff;

  cursor: pointer;
  font-size: 16px;

  backdrop-filter: blur(8px);
  z-index: 9999;
}


/* Footer */

.lux-footer {
  background:
    radial-gradient(circle at top, #0f172a, #020617 70%);
  border-top: 1px solid rgba(255,255,255,0.06);
}


/* Layout */

.lux-container {
    margin: auto;
    padding: 30px 30px 30px;
    display: grid;
    grid-template-columns: 1.2fr 1fr 0.9fr 0.8fr;
    gap: 40px;
}


/* Columns */

.lux-col {
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.8s cubic-bezier(.2,.8,.2,1);
}

.lux-col.show {
  opacity: 1;
  transform: none;
}


/* Headings */

.lux-col h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #f8fafc;
  letter-spacing: 0.6px;
}

.lux-col h5 {
  font-size: 12px;
  margin: 26px 0 14px;
  color: #93c5fd;
  letter-spacing: 1px;
}


/* Text */

.lux-col p {
  font-size: 13.5px;
  line-height: 1.9;
  color: #c7d2fe;
}

.lux-main {
  color: #f1f5f9;
}


/* Lists */

.lux-list,
.lux-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.lux-list li,
.lux-links li {
  font-size: 13px;
  margin-bottom: 7px;
  color: #9aa7d1;
}


/* Links */

.lux-links a,
.lux-link {
  color: #93c5fd;
  text-decoration: none;
  font-size: 13px;
  transition: 0.25s;
}

.lux-links a:hover,
.lux-link:hover {
  color: #bfdbfe;
}


/* Social */

.lux-social {
  margin-top: 22px;
}

.lux-social a {
  margin-right: 14px;
  font-size: 20px;
  color: #c7d2fe;
  text-decoration: none;
}

.lux-social a:hover {
  color: #93c5fd;
}


/* Product */

.lux-product {
  text-align: center;
}

.lux-img {
  width: 100%;
  max-width: 210px;
  margin-top: 18px;

  border-radius: 14px;
  background: #fff;
  padding: 12px;

  box-shadow: 0 18px 45px rgba(0,0,0,0.55);
}


/* Bottom */

.lux-bottom {
  text-align: center;
  padding: 22px;

  font-size: 12.5px;
  color: #94a3b8;

  border-top: 1px solid rgba(255,255,255,0.05);
}


/* Responsive */

@media (max-width: 900px) {
  .lux-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px) {
  .lux-container {
    grid-template-columns: 1fr;
  }

  .lux-product {
    text-align: left;
  }
}
/* Service Areas List */

.lux-list {
  margin-top: 8px;

  columns: 2;              /* Two-column layout */
  column-gap: 28px;

  padding-left: 0;
}

.lux-list li {
  position: relative;

  padding-left: 14px;
  margin-bottom: 8px;

  font-size: 13px;
  line-height: 1.6;

  color: #9aa7d1;

  break-inside: avoid;
}


/* Minimal Dot Indicator */

.lux-list li::before {
  content: "•";

  position: absolute;
  left: 0;
  top: 0;

  color: #60a5fa;          /* Soft accent */
  font-size: 16px;
  line-height: 1;
}


/* Hover Micro Interaction */

.lux-list li:hover {
  color: #e0e7ff;
  transition: 0.2s ease;
}




/* .footer-inner-bg {background-color:#0000;} */



/* .footer-section {background: linear-gradient(180deg, #111, #000); color:#fff; padding:60px 0 20px; font-size:14px;} */
/* .footer-title {color:#ffffff; margin-bottom: 20px; font-weight:600;} */
/* .footer-section p {line-height:1.7;} */
/* .footer-section p.footer-about {line-height:normal; font-size:12px; color:#fff;} */
/* .footer-section p a.read-more {font-size:14px; color:#00aaff; text-decoration:none; line-height:25px; font-weight:600; } */
/* .footer-section p a.read-more:hover {color:#fff;} */


/* .phone-call ul {margin:0; padding:0;} */
/* .phone-call li {margin:0 !important; padding:10px 0 0 0; align-items:center; } */
/* .phone-call li img {width:25px; margin-right:5px;} */
/* .phone-call li a {padding-top:5px; font-size:14px; font-weight:500;} */
/* .social-icons {width:10%; padding-top:20px; display:flex;} */
/* .social-icons img {width:25px; box-sizing:border-box; margin-right:10px;} */
/* .footer-links {list-style:none; padding:0;} */
/* .footer-links li {margin-bottom:12px;} */
/* .footer-links a {color:#00aaff; text-decoration:none;} */
/* .social-icons a {color:#9ca3af; margin-right:12px; font-size:18px;} */
/* .social-icons a:hover {color:#00aaff;} */
/* .phone-call h6 {color:#ffffff; margin:15px 0 5px 0; font-size:20px;} */
/* .call-click {display:block; font-size:15px; font-weight:500; color:#fff;} */
/* .call-click:hover {color:#00aaff;} */
/* .product-box {background:#ffffff; padding:10px; border-radius:3px;} */
/* .footer-line {border-color:#333; margin:40px 0 15px;} */
/* .copyright {font-size:13px; color:#777;} */




.scroll-to-top {
  position:fixed;
  bottom:20px;
  right:20px;
  width:50px;
  height:50px;
  background-color:#043B71;
  border:none;
  border-radius:50%;
  display:flex;
  align-items:center;
  z-index:23;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);
  transition:all 0.3s ease;
}

.scroll-to-top:hover {
  background-color: #084e94;
  /* Darker red on hover */
  transform: translateY(-2px);
}

.scroll-to-top:focus {
  outline: none;
}

.modal-content {
  background: #ffeeee;
  backdrop-filter: blur(8px);
  /* border: 1px solid rgba(255, 255, 255, 0.3); */
}

/* about Page  */
.v-card {
  display: flex;
  padding: 1.5rem;
  justify-content: start;
  /* align-items: center; */
  flex-direction: column;
  border-radius: 10px;
  margin-bottom: 1.5rem;
  background: #f857a6;
  /* fallback for old browsers */
  background: linear-gradient(to right, #ffd6da3d, #ffe1f036);

}

.icon-heading {
  display: flex;
  /* justify-content: center; */
  align-items: center;
}

.icon-heading img {
  height: 4rem;
  width: 4rem;
  margin-right: 10px;
}

.icon-heading h3 {
  font-size: 1.5rem;
}

/* contact us  */
.mail-div,
.con-div {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
  background: #ffe2e6a1;
  padding: 0rem 1.5rem;
  margin: 10px;
  /* height: 200px; */
  border-radius: 10px;
}

.m-detail,
.cont-detail {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.m-detail span img,
.cont-detail span img {
  height: 30px;
  width: 30px;
  margin-right: 10px;
}

.m-detail p a,
.cont-detail p a {
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  color: black;
}

.m-detail p a:hover {
  color: #a3032b;
}

.bg-gradient-con {
  background: linear-gradient(180deg, #fff, #dac9ff);
}

.bg-light-red-gradient {
  background: linear-gradient(45deg, #005e68, #9df5ff);
}

.map iframe {
  border-radius: 10px;
}


/* Media Query */

@media screen and (max-width: 600px) {


.blog-card {flex-direction:column; text-align:center;}
.blog-card img {margin:auto;}
#testimonialOwl .owl-prev {left:-16px;}
#testimonialOwl .owl-next {right:-16px;}




.banner {padding:0; display:flex; justify-content:center; align-items:center; flex-direction:column;}

  .btn-custom {
    padding: 4px 8px;
  }

  .sec-pad {
    padding: 1rem;
  }

  .nav-img {
    width: auto;
    height: 50px;
  }

  .top-contact img {
    width: 20px;
    height: 20px;
    /* margin: 5px; */
  }

  .top-social-media a img {
    width: 20px;
    height: 20px;
  }

  .top-contact p {
    display: none;
    content: none;
  }

  .nav-top {
    border-bottom: 2px solid #1b6aa8;
    display: flex;
    justify-content: space-between;
  }


.btn {width:100% !important;}
.about-img a {width:100%;}
.sec-pad h2 {font-size:29px;}
.sec-pad h4 {font-size:16px;}
.hows-card {margin-bottom:25px; height:95%;}
.blog-secimg {width:100%;}
.blog-card {padding:20px 10px;}
.post-meta {gap:11px;}
.hows-card .img-box0 img {margin:0 auto;}







  .form-box {
    width: 100%;
  }

  .ban-aero {
    height: auto;
    width: 50px;
    position: absolute;
    right: 5px;
    top: -46px;
    z-index: -1;
  }

  .btn-ad {
    width: 100%;
  }

  .eight .heading h2 {
    font-size: 1.5rem;
  }

  .eight .heading p {
    font-size: 1rem;
  }

  .adv-img {
    margin-top: 1rem;
  }

  p {
    font-size: 0.9rem;
  }

  /* map */
  .map {
    width: 100vw;
    height: auto;
  }

  .map iframe {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 768px) {
  .form-box {
    width: 100%;
  }

  .eight .heading h2,
  .eight .heading p {
    text-align: center;
  }

  .eight .d-flex.mt-4 {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .btn-ad {
    width: 80%;
    text-align: center;
  }

  .adv-img {
    margin-top: 2rem;
  }
}

 
  @media (min-width: 768px) and (max-width: 991px) {
  .form-box {
    width: 100%;
  }
	.sec-pad {padding:clamp(0.5rem, 2vw, 1.5rem);}

	.text_area__Call h1 {font-size:36px;}
	.btn {width:100% !important;}
	.about-img img {height:200px;}
	.about-img h6 {font-size:16px;}
	.about-img h6 span {font-size:12px; color:#000;}
	.choose-card {padding:0.5rem; margin:11px 0 0; height:20rem;}
	.service-card .overlay {padding:10px;}
	.service-card .overlay img {width:20px; height:20px;}
	.service-card h5 {font-size:13px;}
	.sec-pad h2 {font-size:30px; margin-bottom:20px}
	.sec-pad h4 {margin-bottom:0px !important; font-size:18px;}
	.hows-card {padding: 10px 15px 10px 15px;}
	.hows-card h5 {font-size:18px;}
	.hows-card p {font-size:14px; text-align:left; color:#000;}
	.heading-moblie {margin-bottom:15px !important;}
	.forur h2 {margin-bottom:10px !important;}
	.forur h4 {margin-bottom:15px !important; font-size:17px;}
	.product-card {height:16rem;}
	.product-card img {height:100px;}
	.ten h6 {font-size:30px;}
	.ten p {font-size:15px;}
	.five h3 {font-size:31px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
  }
  
  

#loader {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}

@media (min-width: 320px) and (max-width: 480px) {
	.text_area__Call h1 {font-size:32px; padding-top:0px;} 
	.text_area__Call p {font-size:17px !important;}
	.slider-top-col {height:1150px;}
	
	
	
}


@media (min-width: 481px) and (max-width: 767px) {
	.text_area__Call h1 {font-size:37px; padding-top:0px;} 
	.text_area__Call p {font-size:20px !important;}
	.slider-top-col {height:1120px;}
	.blog-card {padding:22px 15px; gap:14px;}
	.blog-content a h5 {font-size:20px;}
	.blog-content p {font-size:13px; margin-bottom: 7px;}
	
}
/* Contact Details (Phone & Email) */

.lux-contact {
    margin-top: 22px !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
    color: #e0e7ff !important;
    letter-spacing: 0.2px;
    opacity: 0.9;
    display: flex;
    column-gap: 5px;
}


/* Subtle Accent on Hover */

.lux-contact:hover {
  color: #bfdbfe;
  transition: color 0.25s ease;
}