/* html,
body {
overflow-x: hidden;
} */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--bg-main-darkblue: #f4f4f4;
	--bg-main-darkYellow: #FFA800;
	--bg-light-blue: #F2F5FB;
	--text-grey-color: #535353;
	--border-color: #CEDAF2;
	--singlebefore-contentcolor: #0B45BC;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
button {
	font-family: "Montserrat", sans-serif;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
}

.z-3 {
	z-index: 3;
}

.btn {
	padding: 8px 16px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 12px;
	transition: all .2s ease;
}

a {
	text-decoration: none;
	color: unset;
}

.form-select:focus,
.form-control:focus,
.btn:focus {
	outline: 0;
	box-shadow: none;
}

/* .btn:hover {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	transform: translateY(-2.5px);
	transition: all .2s ease;
} */

.common-section-spacing {
	padding: 60px 0;
}

.bg-light-blue {
	background-color: var(--bg-light-blue);
}

.common-section-heading {
    font-size: clamp(28px, 3vw, 35px);
    font-weight: 600;
    line-height: 45.5px;
    letter-spacing: -1.2000000476837158px;
    color: #0A0A0A;
    margin-bottom: 22px;
}
.offer-text-area .offer-text-wrap {
    overflow: hidden;
}
.common-section-subheading {
	font-size: 14px;
	font-weight: 400;
	line-height: 23.8px;
	color: #535353;
	margin-bottom: 25px;
}

.common-section-namespan {
	margin-bottom: 15px;
}

.common-section-namespan span {
	font-size: 13px;
	font-weight: 400;
	line-height: 23.8px;
	letter-spacing: 1px;
	color: #cc1a32;
	padding: 0 18px;
}
ul.navbar-nav {
    gap: 35px;
}
.common-section-namespan span::before,
.common-section-namespan span::after {
	content: '';
	width: 52px;
	height: 2px;
	opacity: 0.75px;
	background: #cc1a3269;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: auto;
	right: 100%;
}
.offer-text-area .offer-text-wrap ul.offer-ul li.text2 {
    -webkit-animation: slide2 50s linear infinite;
    animation: slide2 50s linear infinite;
    -webkit-animation-delay: -25s;
    animation-delay: 0s;
}

.common-section-namespan span::after {
	left: 100%;
	right: auto;
}

.home-banner .row {
    width: 100%;
}
.home-banner #carouselExampleIndicators{
    width: 1300px !important;
    margin: auto;
}
.home-banner{
	background:#F4F4F4;
}
.offer-text-area .offer-text-wrap ul.offer-ul li.text1 {
    -webkit-animation: slide1 50s linear infinite;
    animation: slide1 50s linear infinite;
    -webkit-animation-delay: -50s;
    animation-delay: -50s;
}
/* .header-qulight.scrolled {
	background-color: #35536b;
	position: fixed;
} */
.home-banner .carousel-indicators {
	margin-bottom: 2.5rem;
	z-index: 5;
}
.banner-right:before {
	content:"";
    position: absolute;
    width: 386px;
    height: 76%;
    left: 60%;
    top: 0;
    background: linear-gradient(180deg, #CC1A32 0%, #CC1A32 50.96%, #000000 99.04%);
    box-shadow: 0px -15px 59px 29px rgba(0, 0, 0, 0.15);
    z-index: 0;
}
.banner-right img{
	position:relative;
	z-index:2;
}
.home-banner h1 {
    font-size: 50px;
    color: #000;
    font-weight: 700;
    line-height: 65px;
	margin-bottom: 30px;
}
#QUheader {
    padding-top: 10px;
    filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.03));
}
.banner-heading span {
    font-weight: 400;
}
.header-qulight .navbar .nav-link {
	font-size: 16px;
	font-weight: 500;
	line-height: 21.94px;
	color: #000;
	padding: 10px 17px;
	position: relative;
}
.home-banner p span {
    color: #cc1a32;
    font-size: 43px;
    line-height: 0;
    margin: 0px 4px;
}
.banner-inner {
    font-weight: 700;
    max-width: 493px;
    display: inline-block;
}
.banner-heading span.banner-inner {
    font-weight: 700;
    font-size: 60px;
    line-height: 70px;
}
.home-banner p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
	margin-top: 50px;
}
.navbar-brand img {
   height:55px;
}
.header-qulight .navbar .nav-link::after {
	content: '';
	position: absolute;
	top: auto;
	left: 50%;
	transform: translateX(-50%);
	bottom: 5px;
	height: 1px;
	background-color: #CC1A32;
	width: 0px;
	transition: all .2s ease;
}

.header-qulight .navbar .nav-link:hover::after {
	width: calc(100% - 34px);
	transition: all .2s ease;
}

.header-qulight .navbar .nav-link.active {
	color: #CC1A32;
}
.offer-text-area .offer-text-wrap:hover ul.offer-ul li.offer-li, .offer-text-area .offer-text-wrap:focus-within ul.offer-ul li.offer-li {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
.header-qulight .navbar .nav-link.active::after {
	display: none;
}

.home-banner .banner-slide1 {
	padding: 105px 0px 0px !important;
	padding-bottom: 70px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.banner-heading {
	font-size: clamp(28px,3vw,36px);
	font-weight: 500;
	line-height: 43.88px;
	color: #FFFFFF;
}

.btn-primary,
.btn-primary:hover,
.ff-btn-submit,
.ff-btn-submit:hover {
	    background-color: #CC1A32;
    border: 2px solid #CC1A32;
    color: #fff;
    padding: 15px 36px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border-radius: 3px;
    letter-spacing: 0.3px;
}

.btn.arrow-btn,
.ff-btn-submit {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 15px 20px;
}

.btn.arrow-btn::after,
.ff-btn-submit:after  {
	content: url('../img/icons/arrow-icon.png');
	position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: -.75rem;
    padding-right: .5rem;
    opacity: 0;
    transition: all .2s ease-in-out;
	    filter: brightness(140);
}

.btn.arrow-btn:hover::after,
.ff-btn-submit:hover::after {
	margin-left: .5rem;
	padding-right: 0;
	opacity: 1;
}
.Qulite-footer h5 {
    font-weight: 600;
}
.btn.arrow-btn:hover,,
.ff-btn-submit:hover {
	box-shadow: none;
	transform: none;
}

.btn.arrow-btn:hover:before,
.ff-btn-submit:hover:before {
	width: 0;
}

.btn.arrow-btn:before,
.ff-btn-submit:before {
    content: "";
    position: relative;
    display: inline-block;
    width: .75rem;
    height: 1em;
    transition: all .2s ease-in-out;
}

.common-banner .carousel-indicators [data-bs-target] {
	opacity: 1;
}
.offer-text-area {
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #cc1a32;
}
.offer-text-area .offer-text-wrap ul.offer-ul{
    display: flex;
    align-items: center;
	margin-bottom:0px;
}
.offer-text-area .offer-text-wrap ul.offer-ul li.offer-li {
    display: flex;
}
.offer-text-area .offer-text-wrap ul.offer-ul li.offer-li .offer-text-block {
    display: block;
    white-space: nowrap;
    position: relative;
    padding-left: 30px;
    margin-left: 30px;
    line-height: 1;
    display: flex;
    align-items: center;
}
.offer-text-area .offer-text-wrap ul.offer-ul li.offer-li .offer-text-block::before {
    color: #ffffff;
    font-size: 24px;
    content: '*';
    position: absolute;
    top: 25%;
    left: -4px;
}
.offer-text-area .offer-text-wrap ul.offer-ul li.offer-li .offer-text-block p {
    color: #ffffff;
    text-transform: uppercase;
	margin-bottom:0px;
}
.common-banner .carousel-indicators [data-bs-target].active {
	background-color: #CC1A32;
}
.carousel-indicators [data-bs-target]{
	background-color:#fff;
	height:4px;
	border-radius:5px;
}
.specification-section {
	background-color: #35536b;
}

.specification-section .single-spec-card {
	padding: 30px 25px;
	background-color: #0B45BC33;
	border-right: .5px solid #35536b;
}

.specification-section .single-spec-card p {
	font-size: 18.66px;
	font-weight: 400;
	line-height: 22.74px;
	color: #FFFFFF;
}

.application-section .single-application-card {
	cursor: pointer;
}

.application-section .single-application-card .cardImg {
	aspect-ratio: 1/1;
	object-fit:contain;
}

.application-section .single-application-card .cardImg img {
	transition: all .3s ease;
	width: 100%;
	height: auto;
	object-fit: cover;  
}

.application-section .single-application-card:hover .cardImg img {
	transform: scale(1.06);
	transition: all .3s ease;
}

.application-section .single-application-card .application-name {
	font-size: 16px;
	font-weight: 500;
	line-height: 23.8px;
	color: #0A0A0A;
}

.category-section .allproduct-cta-card {
	background-color: #35536b;
	padding: 20px;
	backdrop-filter: blur(4.1240081787109375px);
	aspect-ratio: 1/1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.category-section .allproduct-cta-card p {
	font-size: 16px;
	font-weight: 400;
	line-height: 23.8px;
	color: #fff;
}

.why-qulite-section .why-qulite-card {
	padding: 20px;
	border: 1px solid #0B45BC33;
}

.why-qulite-section .why-qulite-card .why-qulite-card-heading {
	font-size: 16px;
	font-weight: 400;
	line-height: 19.5px;
	color: #0A0A0A;
}

.why-qulite-section .why-qulite-card .desc {
	font-size: 14px;
	font-weight: 400;
	line-height: 23.8px;
	color: #535353;
}


/*  Major clients images */
.major-clients-box{
	gap:30px;
}
.Major-Clients-img {
	width: 100%;
	border: 2px solid #0000001c;
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
	padding: 10px;
}

.Major-Clients-img img {
	width: 80%;
	max-height: 120px;
	max-width: 120px;
}

/* latest project section  */

.latestt-projects-sectionn {
	background-color: var(--bg-main-darkblue);
	height: auto;
}

.Color-Change-namespan_latestprojects span {
	color: var(--bg-main-darkYellow);
}

.Color-Change-namespan_latestprojects span::before,
.Color-Change-namespan_latestprojects span::after {
	background: #ffaa004f;
}

.latest-projcts-navpill {
	background-color: white;
	width: fit-content;
	margin: auto;
}

.latest-projcts-navpill .nav-item .nav-link {
	border-radius: 0px;
	height: 52px;
	/*     width: 140px; */
	color: #535353;
	padding: 8px 19px;
	font-size: 14px;
}

.latest-projcts-navpill .nav-item .nav-link.active,
.latest-projcts-navpill .nav-item.active {
	border-radius: 0px;
	background-color: #DDDDDD;
	color: black;
}

.LatestProjects-textoverlay1 {
	position: absolute;
	bottom: 70px;
	right: 20px;
}

.LatestProjects-textoverlay2 {
	position: absolute;
	bottom: 40px;
	right: 20px;
}

.projectsimg-container img {
	width: 100%;
	aspect-ratio: 4/2.5;
}

/* why quilite section custom again  */

.Why-QuLite-box {
	border: 2px solid #CEDAF2;
	padding: 12px;
	/* width: 90%; */
} 


.Why-QuLite-boxhead {
	font-size: 17px;
	font-weight: 500;
}

.Why-QuLite-boximg {
	max-height: 42px;
	max-width: 42px;
}

.Why-QuLite-desc {
	font-size: 14px;
	color: rgb(83, 83, 83)
}

.Why-QuLite-desc a {
	color: #0B45BC;
}


/*  About our company  */

.Abpout-ourCompanycls {
	background-color: var(--bg-main-darkblue);
	position: absolute;
	left: -160px;
	width: 100%;
	top: 70px;
	min-width: 520px;
}

.whatsspecial-section-namespan span {
	font-size: 13px;
	font-weight: 400;
	line-height: 23.8px;
	letter-spacing: 1px;
	color: var(--bg-main-darkYellow);
	padding: 0 18px;
}

.whatsspecial-section-namespan span::before {
	content: '';
	width: 52px;
	height: 2px;
	opacity: 0.75px;
	background: #ffaa004f;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: auto;
	right: 100%;
}

.whatsspecial-section-namespan span::after {
	left: 100%;
	right: auto;
}

.customdesign {
	background-color: transparent;
	color: white;
}

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

	.Abpout-ourCompanycls {
		background-color: var(--bg-main-darkblue);
		position: static;
		margin-top: 20px;
		min-width: 200px;
	}

}

/* <!-- blogs sections --> */

.blogcardtext {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* <!-- Discover Our Complete Collection section --> */

.bookimgdiscoversec {
	position: absolute;
	bottom: -110px;
	width: 90%;
	left: -20px;
	min-width: 600px;
}

@media screen and (max-width:992px) {
	.bookimgdiscoversec {
		position: static;
		min-width: 318px;
		margin-bottom: 20px;
	}

	.rderclssonresponsive {
		order: 2 !important;
	}
}


/*  testimonial section  */

.testimonial-card {
	width: 350px;
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	padding: 20px;
	margin: 20px auto;
}

.profile-info {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.profile-info img {
	width: 60px !important;
	height: 60px;
	border-radius: 50%;
	margin-right: 15px;
}

.profile-info .name {
	font-size: 1em;
}

.profile-info .role {
	font-size: 0.9em;
	color: #777;
}

.stars {
	color: #f5c518;
	margin-left: 5px;
}

.quote {
	position: absolute;
	font-size: 5.2em;
	top: -30px;
	left: -10px;
	color: #cc1a32;
	margin-bottom: 10px;
}

.testimonial-text {
	font-size: 0.95em;
	color: #333;
	margin-bottom: 20px;
}

.testimonial-text span {
	font-weight: bold;
}

.image-gallery {
	display: flex;
	justify-content: space-between;
}

.image-gallery img {
	width: 32%;
	border-radius: 4px;
}



.home-demo h2 {
	color: #FFF;
	text-align: center;
	padding: 5rem 0;
	margin: 0;
	font-style: italic;
	font-weight: 300;
}

.customarrowcls .owl-nav button.owl-next {
	position: absolute;
	right: -25px;
	font-size: 50px;
	top: 50%;
	transform: translateY(-50%);
	color: #cc1a32;
}

.customarrowcls .owl-nav button.owl-prev {
	position: absolute;
	left: -20px;
	font-size: 50px;
	top: 50%;
	color: #cc1a32;
	transform: translateY(-50%);
}

.customarrowcls .owl-nav [class*=owl-]:hover {
	background: white;
	color: #cc1a32;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

/* contact us section  */

.cebnterbprder-quote {
	border-left: 3px solid lightgrey;
	border-right: 3px solid lightgrey;
}

@media screen and (max-width:992px) {
	.cebnterbprder-quote {
		border-top: 3px solid lightgrey;
		border-left: none;
		border-right: none;
		border-bottom: 3px solid lightgrey;
	}
}




/* breadcrum css */

.breadcrumb-item.active {
	color: rgb(0 0 0);
	font-weight: 500;
}


.CommonSpacing-btwSections {
	padding-top: 80px;
}





/*
---------------------------------
Product Page css starts
---------------------------------
*/

.product-herobanner {
	height: 490px;
}

.product-herobanner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.00) 100%);
	z-index: 1;
}

.hrbannrshopabtus .carousel-caption {
	right: 5% !important;
	left: unset;
	bottom: -10px;
}

.products-category-btn {
	background: transparent;
	border: none;
	padding: 8px 16px;
}

.products-category-btn p {
	font-weight: 500;
	white-space: nowrap;
}

.products-category-btn img {
	height: 45px;
	min-width: 44px;
}

.productscategory-container {
	overflow-x: auto;
}





/*
---------------------------------
Product Page css ends
---------------------------------
*/






/* loader*/

.loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	/* semi-transparent background */
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	/* High z-index to cover all content */
}

.loader-overlay img {
	width: 100px;
	/* Adjust size as needed */
}

/*product page share link*/
.product-share-container {
	position: relative;
	display: inline-block;
}

.share-button {
	background-color: #0073aa;
	color: white;
	padding: 8px 12px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 14px;
}

.share-links {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: white;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	padding: 10px;
	margin-top: 5px;
	white-space: nowrap;
}

.product-share-container:hover .share-links {
	display: flex;
	gap: 10px;
}

.share-links a img {
	width: 24px;
	height: 24px;
	transition: transform 0.3s;
}

.share-links a img:hover {
	transform: scale(1.1);
}

/*product page share link*/
.related.products {
	display: none;
}




/* Single product page css  */

.product-template-default.single .summary.entry-summary {
	position: relative;
}

.product-template-default.single .product-categories-before-title {
	font-size: 14px;
	font-weight: 500;
	color: #0B45BC;
}

.product-template-default.single .product_title.entry-title {
	font-size: clamp(28px,3vw,32px);
	font-weight: 500;
}

.product-template-default.single .custom-wishlist-button {
	position: absolute;
	top: 30px;
	right: 15px;
	background: transparent;
	transform: scale(1.2);
	border: none;
	font-size: larger;
}

.product-template-default.single .gmwcp_button {
	position: absolute;
	bottom: 3px;
	left: 212px;
	white-space: nowrap;
}

.product-template-default.single .gmwcp_button a {
	background: transparent;
	font-weight: 400;
	color: black;
}

.product-template-default.single .gmwcp_button a:after {
	content: '\f019';
	font-family: FontAwesome;
	font-weight: normal;
	color: var(--bg-main-darkYellow);
	font-style: normal;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
}

.product-template-default.single .yith-ywraq-add-to-quote {
	position: absolute;
	bottom: 0;
	left: 0px;

}

.product-template-default.single .yith-ywraq-add-to-quote a,
.product-template-default.single .yith_ywraq_add_item_browse_message {
	font-weight: 500;
	background-color: var(--bg-main-darkYellow);
	position: relative;
	transition: .2s;
	width: fit-content;
	padding: .618em 1em;
}

.product-template-default.single .yith_ywraq_add_item_response_message {
	position: absolute;
	bottom: -50px;
	width: 300px;
}

.product-template-default.single .yith-ywraq-add-to-quote a:after {
	content: '\f178';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
	display: none;
	position: absolute;
	right: 4px;
	top: 12px;
	transition: .2s;
}

.product-template-default.single .yith-ywraq-add-to-quote:hover.yith-ywraq-add-to-quote a:after {
	display: block;
	transition: .2s;
}

.product-template-default.single .yith-ywraq-add-to-quote:hover.yith-ywraq-add-to-quote a {
	padding-left: 10px;
	padding-right: 30px;
}

.product-template-default.single .product-share-container {
	position: absolute !important;
	top: 25px;
	right: 50px;
}

.product-template-default.single .summary.entry-summary .custom-product-flag {
	background-color: var(--bg-main-darkYellow);
	color: black;
	font-weight: 500 !important;
	border-radius: 0px;
	padding: 4px 8px;
	position: absolute;
	top: 0px;
	right: 15px;
}

.product-template-default.single .custom-review-section {
	display: flex;
	text-decoration: underline;
	padding: 10px 0px 0px 0px;
}

.product-template-default.single .custom-review-section .star-rating {
	float: unset;
	margin-right: 10px;
	color: var(--bg-main-darkYellow);
}

.product-template-default.single .custom-review-section .review-count {
	margin: 0px 10px;
}

.product-template-default.single .woocommerce-product-details__short-description p {
	width: 95%;
	color: #535353;
	font-size: 14px;
}

.product-template-default.single .Short-desc_textt p {
	margin: 10px 10px 10px 0px !important;
	font-size: 16px;
	font-weight: 600;
}

.product-template-default.single .Short-desc_textt span {
	font-size: 14px;
	color: #535353;
}

.product-template-default.single #QUheader {
	position: sticky;
	top: 0;
	background-color: var(--bg-main-darkblue);
}

.product-template-default.single .woocommerce-tabs.wc-tabs-wrapper {
	width: 100%;
	margin: 60px 0px;
}

.product-template-default.single .woocommerce-tabs.wc-tabs-wrapper ul {
	border-right: 0px !important;
	border-left: 0px !important;
}

.other_light_models_tab_content .product-card {
	position: relative;
}

.other_light_models_tab_content .custom-wishlist-button {
	top: 20px !important;
	right: 15px !important;
}

.other_light_models_tab_content li a,
.other_light_models_tab_content li a img {
	width: 100%;
}

.other_light_models_tab_content .custom-product-flag {
	background-color: var(--bg-main-darkYellow);
	color: black;
	font-weight: 500 !important;
	border-radius: 0px;
	padding: 4px 8px;
	position: absolute;
	top: 15px;
	left: -8px;
}

.other_light_models_tab_content .product-title-with-category {
	font-size: 16px;
}

button.feature-image-custom {
	background: #FFFFFF;
	font-size: 13.23px;
	border: unset;
	padding: 9px;
	position: relative;
	bottom: 66px;
	left: 10px;
	border-radius: 5px;
}

button.feature-image-custom img {
	max-width: 13%;
}



/* ------- About Us page css starts ------- */




/* experience section starts  */

.experienceyears {
	padding: 8px 16px;
	width: fit-content;
	color: white;
	background-color: var(--bg-main-darkYellow);
	font-size: clamp(32px, 4vw, 45px);
}

.Why-QuLite-box {
	border: 2px solid #CEDAF2;
	padding: 12px;
	padding-right: 0px;
	/* width: 90%; */
}

.Why-QuLite-boxhead {
	font-size: 17px;
	font-weight: 500;
}

.Why-QuLite-desc {
	font-size: 14px;
	color: #535353;
	margin-top: 26px;
	line-height:23.8px;
}

/* founder information css */


.Founderinfo-section-namespan span {
	font-size: 13px;
	font-weight: 400;
	line-height: 23.8px;
	letter-spacing: 1px;
	/* color: var(--bg-main-darkblue); */
	color: var(--singlebefore-contentcolor);
	padding: 0 18px;
}

.Founderinfo-section-namespan span::before {
	content: '';
	width: 52px;
	height: 2px;
	opacity: 0.75px;
	background: #0B45BC33;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: auto;
	right: 100%;
}

.founderinmg {
	position: absolute;
	bottom: 0;
	width: clamp(200px, 30vw, 400px);
}

.Founder_Informationn {
	margin-top: clamp(10px, 14vw, 250px);
}

.founderleftright {
	display: flex;
	align-items: end;
	justify-content: center;
}
@media screen and (max-width:991px) {
	.founderinmg {
		position: static;
		min-width: 260px;
	}
	.founderleftdiv{
		padding-bottom:20px !important;
	}
	.Event_detail_cntent {
		order: 2;
		margin-top: 20px;
	}
	.Event_detail_img {
		text-align:center;
		order:1;
	}	
}

@media screen and (max-width:767px) {
	.founderleftdiv {
		margin-top: 25px;
	}
	.founderleftright {
		text-align: center;
	}
	.event-detail_imagess>div{
		text-align:center;
	}
	.technology_main_divContainer {
		flex-direction: column-reverse !important;
	}
}




/* --------- About Us page css ends --------- */




/* ------ ContactUs Page css starts ------ */

.Contactuscustombutton {
	display: flex;
	padding: 9px 15px;
	align-items: center;
	background-color: transparent;
}

.Contactuscustombutton p {
	margin: 0;
	margin-left: 8px;
	font-weight: 500;
}

.Contactuss-boximg {
	height: 38px;
	width: 38px;
}

.inputheghtcls-abtus {
	height: 50px;
}

.contact-Us-Formsection input,
.contact-Us-Formsection textarea {
	border: 2px solid var(--border-color);
}

.contactus-herobanner-text {
	position: relative;
	margin-top: -60px;
	color: white;
	font-size: 18px;
}

.contactus-topbanner-img {
	width: 100%;
	height: 420px;
	object-fit: cover;
}


.ContactUs-Custom-Tabs {
	border: 1px solid var(--border-color);
	padding: 7px 13px;
	margin: 10px;
}

.ContactUs-Custom-Tabs img {
	height: 37px;
	width: 37px;
}

.ContactUs-Custom-Tabs p {
	font-size: 14px;
}

/* ------ ContactUs Page css ends ------ */



/* ------ Blogs Page css ends ------ */
/* .page-template-blog-template-page #QUheader {
position: sticky;
top: 0;
background-color: var(--bg-main-darkblue);
} */

.blogcard-head {
	font-size: 16px;
	font-weight: 500;
}

.blogcardtext {
	font-size: 14px;
	color: #535353;
}


/* ------ Blogs Page css ends ------ */

/*
---------------------------------
Blog Page css ends
---------------------------------
*/

.blogsnavslist {
	padding: 8px 15px;
	font-size: 14px;
	background-color: transparent;
	border: 1px solid var(--border-color);
	border-radius: 3px;
	font-weight: 500;
	margin: 5px;
}

.blogsnavslist.active {
	color: white;
	background-color: var(--singlebefore-contentcolor);
}

.card-subtitle {
	color: var(--singlebefore-contentcolor) !important;
	font-size: 12px;
}

/*
---------------------------------
Blog Page css ends
---------------------------------
*/





/* = = = = = = = = = Product detail page css start here = = = = = = = = = = */

.header-qulight.stillNormal {
	position: static;
	background-color: #35536b;
}

.gallryGrid .gridImages-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.gallryGrid .gridImages-list li {
	list-style: none;
	position: relative;
	background-color: #f0f0f0;
}


.gallryGrid .gridImages-list li::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.gallryGrid .gridImages-list li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.gallryGrid .gridImages-list li:first-child {
	grid-row: span 2;
	grid-column: span 2;
}

.product-breadcrum .breadcrumb-item {
	color: #0A0A0A;
	font-size: 14px;
	font-weight: 500;
	line-height: 38.5px;
}

.product-breadcrum .breadcrumb-item a {
	color: #535353;
	font-weight: 400;
}

.product-breadcrum .breadcrumb-item::before {
	rotate: 340deg;
}

.second-common-heading {
	color: #0A0A0A;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}

.product-feature-highlights .starList li {
	color: #535353;
	font-size: 14px;
	font-weight: 400;
	line-height: 23.8px;
}

.product-feature-highlights .starList li:before {
	content: url('https://blacklisted.agency/projects/qu-lite/wp-content/uploads/2024/11/Subtract.png');
	font-family: FontAwesome;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
	position: absolute;
	left: -6px;
}


.product-feature-highlights .text-primary {
	color: #0B45BC !important;
}

.product-range .table th,
.product-range .table td {
	padding: 15px 20px;
	vertical-align: middle;
}

.product-range .table th {
	border-top: 1px solid #0B45BC33;
	border-bottom: 1px solid #0B45BC33;
}

.product-range .table tbody tr td {
	border: 0;
}

.product-range .table tbody tr:last-child td {
	border-bottom: 1px solid #0B45BC33;
}


.product-range .table th {
	color: #0A0A0A;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}

.product-range .table td {
	color: #535353;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}


.document-accordion .accordion-item {
	border: 0;
	outline: 0;
	box-shadow: none !important;
}

.document-accordion .accordion-button {
	border: 0;
	outline: 0;
	box-shadow: none !important;
	border-radius: 0 !important;
	background-color: #fff !important;
	border-top: 1px solid #0B45BC33;
	border-bottom: 0px;
	color: #0A0A0A;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	padding-left: 60px;
}

.document-accordion .accordion-button::after {
	position: absolute;
	left: 20px;
	rotate: -90deg;
	/* filter: invert(1) hue-rotate(35deg) brightness(1.1) saturate(3); */
} 

.document-accordion .accordion-item .accordion-button:not(.collapsed) {
	border-bottom: 1px solid #0B45BC33;
}

.document-accordion .accordion-item .accordion-button:not(.collapsed)::after {
	rotate: 180deg;
}

.document-accordion .accordion-body {
	padding-left: 60px;
}

/* = = = = = = = = = Product detail page css end here = = = = = = = = = = */


/* = = = = = = = = Project page css starts here = = = = = */

.project-gridcards .project-gridcards-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}

.project-gridcards .project-gridcards-list li .projectImage-outer {
	list-style: none;
	position: relative;
	background-color: #f0f0f0;
	flex: 1 1 auto;
}


.project-gridcards .project-gridcards-list li .projectImage-outer::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.project-gridcards .project-gridcards-list li .projectImage-outer img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.project-gridcards.gridrow-2 .project-gridcards-list li:nth-child(odd) {
	grid-row: span 2;
	grid-column: span 1;
}

.project-gridcards .project-gridcards-list .project-grid-singlecard .projectType {
	color: #0B45BC;
	font-size: 13px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.project-gridcards .project-gridcards-list .project-grid-singlecard .projectName {
	color: #0A0A0A;
	font-size: 20px;
	font-weight: 500;
	line-height: 23px;
}

.project-gridcards .project-gridcards-list .project-grid-singlecard .projectLoca {
	color: #535353;
	font-size: 14px;
	font-weight: 400;
	line-height: 23.8px;
}

.productused-card {
	background-color: rgba(11, 69, 188, 0.05);

}

.productused-card .productused-headline {
	color: #0A0A0A;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	text-transform: capitalize;
}

.productused-card .chevron-up {
	font-size: 28px;
	color: #FFA800;
}

.qlite-product-list .product-item .product-image,
.single-product-card .productCard-bg {
	background-color: #F3F3F3;
	aspect-ratio: 1/1;
}

.qlite-product-list .product-item .icons {
	position: absolute;
	top: 10px;
	right: 15px;
	display: flex;
	/* 	gap: 10px; */
	gap: 0px;
	flex-direction: column; 
}

.qlite-product-list .product-item .icons .wishlist-icon,
.qlite-product-list .product-item .icons .wishlist-icon .custom-wishlist-button {
	color: #2F2F2F !important;
	background: transparent !important;
}

.product-list-tabs .nav-item .productListcustom-tab {
	border: 0;
	outline: 0;
	background: transparent;
	padding: 0;
	color:#0A0A0A; 
	font-size: 14px; 
	font-weight: 500;
	line-height: 19.003px;
}

.qlite-product-list .product-item a {
	text-align: center;
}

/* .qlite-product-list .product-item .product-image {
max-width: 150px;
max-height:150px;
} */

.qlite-product-list .product-item .icons .wishlist-icon .custom-wishlist-button {
	border: 0;
	padding: 0;
	font-size: 22px;
}

.qlite-product-list .product-item .product-title {
	font-size: 16px;
	/*     font-weight: 600; */
	font-weight:500;
	color: #0A0A0A !important;
}

.qlite-product-list .product-item .product-category {
	/*     font-size: 16px; */
	font-size: 14px;
	font-weight: 400;
	color: #0B45BC !important;
	text-align:center;
}

.product-list-tabs .nav-item .productListcustom-tab img { 
	filter: grayscale(1);
}

.product-list-tabs .nav-item .productListcustom-tab.active img { 
	filter: grayscale(0);
}

.product-list-tabs .nav-item .productListcustom-tab.active {
	color: #0B45BC; 
}

.product-name-category {
	color: #0A0A0A;
	font-size: 16px;
	font-weight: 500;
}

.product-name-category a {
	color: #0B45BC;
}

.border-product-bottom {
	border-bottom: 2px solid rgba(11, 69, 188, 0.20);
}

.custom-form .form-select {
	border-radius: 3px;
	border: 1px solid rgba(11, 69, 188, 0.20);
	background-color: #fff;
	padding: 15px 18px;
	color: #535353;
	font-size: 14px;
	font-weight: 400;
	line-height: 23.8px;
}

/* = = = = = = = = Project page css ends here = = = = = */


/* Store Listing Section starts here */

.store-listing-section .single-dealer-card {
	padding: 20px;
	border: 1px solid rgba(11, 69, 188, 0.20);
	background: #FFF;
}

.store-listing-section .single-dealer-card .dealerCard-heading {
	color: #0A0A0A;
	font-size: 16px;
	font-weight: 500;
	line-height: 23.8px;
}

.store-listing-section .single-dealer-card .contact-link {
	color: #535353;
	font-size: 14px;
	font-weight: 400;
	line-height: 23.8px;
	display: block;
}

.store-listing-section .single-dealer-card .direction-link {
	padding: 15px 0;
	color: #FFA800;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.3px;
}

.bulkorder-form-section {
	background-color: rgba(11, 69, 188, 0.05);	
}

.bulkorder-form-section .ff-default .ff-el-form-control {
	border-radius: 3px;
	border: 1px solid rgba(11, 69, 188, 0.20);
	background: #FFF;
	color: rgba(29, 29, 29, 0.60); 
	font-size: 14px; 
	font-weight: 400;
	line-height: normal;
	padding: 15px 20px;
	height: auto !important;
}

/* .bulkorder-form-section .ff-default select.ff-el-form-control {
padding-right: 40px;
position: relative;
}

.bulkorder-form-section .ff-default select.ff-el-form-control::after {
content: url('../img/icons/arrow-icon.png');
position: absolute;
top: 50%;
right: 5px; 
} */

.bulkorder-form-section .ff-default .iti input[type=tel] {
	padding-left: 54px;
}

.bulkorder-steps-section .bulkOrder-number {
	color: #0B45BC;
	font-size: 64px;
	font-weight: 600;
}

.single-careerCrad {
	border: 1px solid rgba(11, 69, 188, 0.20);
	padding: 30px 14px;
}

.single-careerCrad .career-cardheading {
	color: #0A0A0A;
	font-size: 16px;
	font-weight: 500;
	line-height: 20.45px;
}

.single-careerCrad .detail-para {
	color: #535353;
	font-size: 14px;
	font-weight: 400;
	line-height: 20.45px;
}

.team-grid-section .single-teams-member .img-card-outer {
	aspect-ratio: 1/1;
	width: 100%;
	background-color: rgba(11, 69, 188, 0.05);
	padding: 0 24px;
	padding-bottom: 0;
}

.testimonials-section .testimonial-card {
	border: 1px solid rgba(11, 69, 188, 0.20);
	background: #FFF;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
}

.commonTabbing-system {
	border-top: 1px solid rgba(11, 69, 188, 0.20);
	border-bottom: 1px solid rgba(11, 69, 188, 0.20);
	background: #FFF;
}

.commonTabbing-system .nav-item .nav-link {
	border: none !important;
	background-color: transparent;
	color: #0A0A0A;
	border-radius: 0px !important;
	margin: 0px;
	padding: 15px 30px;
	font-size: 16px;
	font-weight: 400;
}

.commonTabbing-system .nav-item .nav-link.active {
	background-color: #FFA800;
}

/* Store Listing Section ends here */

/*
---------------------------------
Technology Page css start here
---------------------------------
*/
.tehnologyyy-page {
	line-height: 23.8px;
}

.Top-hero_banner {
	width: 100%;
	height: 420px;
	object-fit: cover;
}

.technology_main_divContainer {
	border: 1px solid #0B45BC33;
	margin-bottom: 120px;
}

.technology_main_section {
	margin-top: 100px;
	margin-bottom: 100px;
}

.technology_main_workerimgs {
	width: 100%;
	max-width: 710px;
	height: 100%;
	object-fit: cover;
	max-height:310px;
}

.technology_main_divContainer .textt_container {
	padding: 23px;
}

.technology_main_divContainer .textt_container p {
	font-size: clamp(18px, 3vw, 20px);
	color: #0A0A0A;
	font-weight: 500;
}

.technology_main_divContainer .textt_container span {
	font-size: 14px;
	color: #535353;
	font-weight: 400;
}

.technology_main_divContainer:nth-child(even) {
	flex-direction: row-reverse;
}


.technology_production {
	margin-top: 65px;
}

.production_div_facility {
	border: 1px solid #0B45BC33;
	margin-bottom: 24px;
}

.production_div_facility .production_div {
	padding: 22px;
}

.production_head {
	color: #0A0A0A;
	font-size: 16px;
	font-weight: 500;
}

.production_desc {
	color: #535353;
	font-size: 14px;
	font-weight: 400;
}

.production_list {
	margin-top: 20px;
	margin: 0px;
	color: #0A0A0A;
	font-size: 14px;
	padding-left: 22px;
}

.production_div_img {
	width: 100%;
}

/*
---------------------------------
Technology Page css ends  here
---------------------------------
*/


/*
---------------------------------
Events Page css starts
---------------------------------
*/

.Eventss_cards {
	row-gap: 30px;
}

.events_main_cls {
	margin-bottom: 120px;
}

.top_event_cardd {
	margin-top: 80px;
	margin-bottom: 60px;
}

.events_main_cls .card {
	border-radius: 0px;
	line-height: 26.51px;
	border: 1.11px solid #0B45BC33 !important;
}

.more_events_carrd img {
	border-radius: 0px !important;
	width:100%;
	object-fit:cover;
}

.more_events_carrd .card-subtitle {
	font-size: 12px;
	font-weight: 400;
}

.more_events_carrd .card-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 26.51px;
}

.more_events_carrd .card-text {
	font-size: 16px;
	font-weight: 500;
	color: #535353;
}

.more_events_carrd .card-text span {
	font-size: 16px;
	font-weight: 500;
	color: #0A0A0A;
}

.more_events_carrd .card-body {
	padding: 20px;
}

.more_events_carrd .card-link {
	font-size: 14px;
	color: var(--bg-main-darkYellow);
	margin-left: 8px;
	display: flex;
	align-items: center;
	font-weight: 500;
	gap: 5px;
}




/*
---------------------------------
Events_Detail Page css starts
---------------------------------
*/ 


.Event-detail_headingg{
	font-size: clamp(28px,3vw,32px);
	font-weight: 500;
	line-height: 39px;
	color: #0A0A0A;
	margin-bottom: 15px;
}
.Event-detail_detailss{
	font-size:14px;
	font-weight: 400;
	line-height: 23.8px;
	color:  var(--singlebefore-contentcolor);
}
.Event-detail_descp{
	font-size:16px;
	font-weight: 400;
	line-height: 23.8px;
	color:  #535353;
	margin-top: 14px;
}

.event-detail_imagess{
	row-gap: 30px;
	margin-top: 90px;
	margin-bottom: 120px;
}

.pagination  {
	margin-bottom: 50px;
}
.pagination .page-numbers {
	height: 27px;
	width: 27px;
	align-items: center;
	justify-content: center;
	display: flex;
}

.pagination .page-numbers.current {
	background-color: #0B45BC;
	color: #fff;
}

.dealership-inq-section .card-img-top{
	min-height: 250px;
	max-height: 250px;
}


/* ------------------ 11 decemeber 2024 csss sh---------------------- */

.custom-shop-page .navbar-toggler {
	padding: 0 !important;
	border: 0 !important;
	outline: 0!important;
	background: transparent !important;
	box-shadow: none
}

/*  = = = = = = =  = = = Review rateing css start here = = = = = =  = */

.overallrating {
	color: #0A0A0A ;
	font-size: 16px; 
	font-weight: 400;
	line-height:  121.875%;
	margin-bottom: 30px;
	display: inline-block;
}

.reviewrating__div {
	gap: 30px;
}

.reviewrating__div .reviewrating {
	color: #0A0A0A;
	font-size: 32px;
	font-weight: 400; 	
	margin-bottom: 5px;
}

.reviewrating__div .reviewiconsss i {
	font-size: 13px
}

.reviewrating__div .reviewlist {
	color: #535353);
	font-size: 14px;
	font-weight: 400; 
	margin-bottom: 5px;
}

.review-form .review-form-heading {
	color: #0A0A0A; 
	font-size: 16px; 
	font-weight: 500;
	line-height: 23.8px; 
}

.review-form label {
	color: #1D1D1D; 
	font-size: 16px; 
	font-weight: 400; 
}

.review-form input,
.review-form textarea{
	border-radius: 3px;
	border: 1px solid rgba(11, 69, 188, 0.20);
	background: #FFF;
	color: rgba(29, 29, 29, 0.60); ;
	font-size: 14px; ;
	font-weight: 400; 
	padding: 18px 20px !important;
	margin-bottom: 30px !important;

}
/*  = = = = = = =  = = = Review rateing css ends here = = = = = =  = */

@media screen and (max-width:991.98px) { 
	
	.project-gridcards .project-gridcards-list { 
		grid-template-columns: repeat(2, 1fr) !important; 
		gap: 20px;
	}
	
	.project-gridcards.gridrow-2 .project-gridcards-list li:nth-child(odd) {
		grid-row: span 1 !important;
	}
}

@media screen and (max-width:576px) {
	.Why-QuLite-box {
		border: 2px solid #CEDAF2;
		padding: 12px;
		width: 90%;
	}
	
	.project-gridcards .project-gridcards-list { 
		grid-template-columns: repeat(1, 1fr) !important; 
	}
	
	.project-gridcards.gridrow-2 .project-gridcards-list li:nth-child(odd) {
		grid-row: span 1 !important;
	}
	.home-banner #carouselExampleIndicators{
		width:100% !important;
	}
	.banner-right:before{
		display:none;
	}
	.home-banner .banner-slide1 {
		padding: 40px 0px 0px !important;
	}
	.home-banner p {
    text-align: center;
}
	.home-banner .col-md-6{
		text-align:center;
	}
	.banner-heading span.banner-inner {
    font-size: 38px;
    line-height: 45px;
}
	.home-banner h1 {
    font-size: 38px;
		line-height: 55px;
	}
	.home-banner p {
		font-size: 18px;
	}
	.home-banner .carousel-indicators {
		margin-bottom: 1rem;
	}
	.Qulite-footer {
    text-align: center;
}
}

@keyframes slide1 {
  0% {
    transform: translateX(0%);
}
100% {
    transform: translateX(-100%);
}
}
@keyframes slide2 { 
	0% {
    transform: translateX(0%);
}
100% {
    transform: translateX(-100%);
}
}