@charset "utf-8";
/**=========================================================
 * Theme Name   :  Webuilq
 * Author       :  Amit Suthar
 * Description  :  September 2024
 * File Name	:  style.css
=========================================================**/

/* Global Styles */

:root {  --primary: #707070; /*Primary Color*/
 --secondary: #36C0C6; /* Secondary Color*/
 --white: #ffffff; /*White*/
 --alternate: #111111; /* Alternate Color*/
 --alternate1: #204060; /* Alternate Color*/
 --alternate2: #30B3B8; /* Alternate Color*/
 --alternate3: #F6631A; /* Alternate Color*/
 --background1: #F7F7F7; /* Background Color*/
 --background2: #F3FCFC; /* Background Color*/
 --fontStyle1: "Inter", sans-serif;
 --fontStyle2: "Jost", sans-serif;
}
.primary { color: var(--primary) !important; }
.secondary { color: var(--secondary) !important; }
.white { color: var(--white) !important; }
.alternate { color: var(--alternate) !important; }
.alternate1 { color: var(--alternate1) !important; }
.alternate2 { color: var(--alternate2) !important; }
.background1 { background-color: var(--background1) !important; }
.background2 { background-color: var(--background2) !important; }
.fontStyle1 { font-family: var(--fontStyle1) !important; }
.fontStyle2 { font-family: var(--fontStyle2) !important; }
*, *:after, *:before { margin: 0; padding: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body { height: 100%; }
body { font-family: var(--fontStyle1); font-size: 16px; font-weight: 400; line-height: 1.6; color: var(--primary); -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; background: #ffffff url(../images/loader.gif) center center no-repeat; overflow-x: hidden; }
::selection { background: var(--secondary); /* Safari */ color: #ffffff; }
	
::-moz-selection {
 background: var(--secondary); /* Firefox */
 color: #ffffff;
}
img { max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
 @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
img { image-rendering: -webkit-optimize-contrast !important; }
}

/* Unset for Safari 11+ */
@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) and (stroke-color:transparent) {
 img {
 image-rendering: unset !important;
}
}
}
a, a:focus, a:hover { color: var(--secondary); outline: none; cursor: pointer; text-decoration: none; box-shadow: none !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
a:hover { color: var(--alternate2); }

:focus, ::-moz-focus-inner {
 border: none;
 outline: none !important;
}
fieldset, a img { border: none; }
ol, ul { margin: 0px auto; padding-left: 15px; list-style-position: outside;/*list-style-type: none;*/
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
b, strong { font-weight: 700; }
/* ClearFix */
.clear { clear: both; height: 0px; overflow: hidden; }
.container:after { display: block; content: " "; clear: both; }
.clearfix:after { display: block; content: "."; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
	
/* wrapper */
	
#wrapper { position: relative; height: auto !important; min-height: 100%; height: 100%; width: 100%; display: block; margin: 0 auto; overflow: hidden; max-width: 1920px; background: #ffffff; }
body, #wrapper, .footer-wrapper { opacity: 0; }
.pageClass { position: relative; display: block; }
.container, .wide-container, .header-container, .extraWide-container { position: relative; width: 100%; margin: 0px auto; max-width: 1180px; padding: 0px 15px; }
.wide-container { max-width: 1430px; }
.extraWide-container { max-width: 1600px; }
.header-container { max-width: 100%; padding: 0px 60px; }
/* Header Styles */

#pageHeaderWrapper { position: relative; width: 100%; z-index: 100; display: block; margin: 0px auto; }
#pageHeader { position: relative; display: block; width: 100%; z-index: 101; padding: 0px; margin: 0px auto; max-width: 1920px; }
.is-sticky #pageHeader { left: auto; max-width: 1920px; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); }
/* Top Header Container */

.topHeaderContainer { position: static; display: block; margin: 0px auto; }
/* Logo */
	
.logo { position: relative; display: flex; float: left; width: 100px; height: 75px; z-index: 1001; overflow: hidden; margin: 5px 0px; }
.logo a { position: relative; width: 100%; height: auto; display: block; overflow: hidden; }
.logo img { position: relative; display: block; height: auto; max-width: 100%; }
/* Top Right Header */
	
.topRightHeader { position: static; display: flex; padding: 0px; align-items: center; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; margin: 0px 0px 0px 0px; justify-content: space-between; }
/* Nav */
	
.nav-wrapper { position: static; display: flex; margin: 0px auto; align-items: center; }
.nav-container, .nav { position: static; width: 100%; display: block; margin: 0px auto; text-align: center; }
.nav ul { position: relative; display: flex; padding: 0; width: 100%; font-size: 16px; flex-wrap: wrap; margin: 0px auto; list-style-type: none; justify-content: center; }
.nav>ul>li { position: relative; display: block; height: 100%; font-weight: 500; margin: 0px 35px; }
.nav>ul>li:last-child { margin-right: 0px !important; }
.nav>ul>li>a { position: relative; display: block; height: 100%; line-height: 24px; padding: 38px 0px; color: var(--alternate); text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
/* .nav>ul>li.menu-item-has-children>a {
	padding-right: 20px;
	}

.nav li.menu-item-has-children > a:after {
    font-family: 'Font Awesome 6 Free';
	position: absolute;
	content: "\f107";
	font-size: 12px;
	right: 1px;
	top: 50%;
    z-index: 2;
	height: 20px;
	font-weight: 900;
	margin-top: -10px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	} */

.nav>ul>li>a:after { position: absolute; display: block; z-index: 1; left: 50%; right: 50%; width: 0px; content: ''; height: 3px; bottom: 25px; overflow: hidden; border-radius: 1.5px; background: var(--secondary); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.nav>ul>li:hover>a:after, .nav>ul>li.selected>a:after { left: 0px; right: 0px; width: 100%; }
.nav>ul>li span { position: relative; display: block; height: 100%; z-index: 2; }
.nav>ul>li:hover>a, .nav>ul>li.selected>a { color: var(--alternate); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.nav>ul ul, .nav>ul ul ul { position: absolute; top: 100%; opacity: 0; width: 100%; left: -30px; font-size: 16px; font-weight: 400; min-width: 200px; text-align: left; padding: 15px 0px; visibility: hidden; text-transform: none; margin: 30px 0px 0px 0px; background: var(--background2); border-radius: 0px 0px 30px 30px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.nav>ul ul ul { left: 100%; top: auto; margin: 0px; padding: 0px 0px; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
.nav>ul>li:hover>ul, .nav>ul ul>li:hover>ul { opacity: 1; top: auto; margin-top: 0px; visibility: visible; }
.nav>ul ul>li:hover>ul { margin-top: -58px; }
.nav>ul ul>li, .nav>ul ul ul>li { position: relative; display: block; padding: 0px; width: 100%; }
.nav>ul ul a, .nav>ul ul ul a { position: relative; display: block; color: #666666; line-height: 21px; padding: 13px 30px; border-radius: 0px; background: var(--background2); text-transform: capitalize; }
.nav>ul ul>li:last-child a { border-radius: 0px 0px 30px 30px; }
.nav>ul ul li:hover>a, .nav>ul ul li.selected>a, .nav>ul ul ul li:hover>a, .nav>ul ul ul li.selected>a { color: var(--alternate2); background: var(--background2); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.headerGroupContainer { position: relative; display: flex; margin: 0px 0px; align-items: center; justify-content: end; }
.headerSearch-box a { position: relative; display: flex; width: 46px; height: 46px; border-radius: 50px; align-items: center; justify-content: center; border: 1px solid #D9CDB6; }
.headerSearch-box a:hover { background: var(--alternate); border-color: var(--alternate); }
ul.headerTopLinks { display: flex; flex-wrap: wrap; margin: 0px -13px; list-style-type: none; padding: 0px 0px 0px 15px; }
ul.headerTopLinks>li { padding: 0px 13px; }
ul.headerTopLinks>li a:hover img { filter: invert(93%) sepia(12%) saturate(7238%) hue-rotate(141deg) brightness(85%) contrast(80%); }
ul.headerTopLinks>li.headerCart-menu a { padding-right: 10px; }
.headerTopLinks>li.headerCart-menu a span { position: absolute; top: 0px; right: 2px; z-index: 2; width: 20px; height: 20px; font-size: 11px; font-weight: 400; overflow: hidden; line-height: 20px; text-align: center; color: var(--white); border-radius: 100%; background: var(--secondary); }
.contactMenu-btn a::before { font-family: "Font Awesome 6 Free"; left: 0px; content: "\f095" !important; margin-right: 15px; color: var(--white); }
.menuContact-imgBtn { padding-left: 20px; }
.menuContact-imgBtn a { position: relative; display: block; min-width: 210px; font-weight: 700; padding: 14px 32px; border-radius: 50px; color: var(--white); text-align: center; text-transform: uppercase; background: var(--secondary); border: 1px solid var(--secondary); }
.menuContact-imgBtn a i { margin-right: 10px; }
.menuContact-imgBtn a:hover { background: var(--alternate1); border-color: var(--alternate1); color: var(--white) !important; }
 @media (max-width: 1699.98px) {
.menuContact-imgBtn a { min-width: 180px; padding: 13px 25px; }
}
 @media (min-width: 1499.98px) {
.contactMenu-btn { margin: 22px 35px !important; }
}
 @media (min-width: 1299.98px) {
.contactMenu-btn { margin: 22px 25px !important; }
}
 @media (min-width: 1199.98px) {
.contactMenu-btn { margin: 22px 15px !important; }
.contactMenu-btn a { padding: 15px 35px !important; border-radius: 50px; font-weight: 700; color: var(--white) !important; border: 1px solid var(--secondary); background: var(--secondary); }
.contactMenu-btn a::after { display: none !important; }
.contactMenu-btn a:hover { background: var(--alternate1); border-color: var(--alternate1); color: var(--white) !important; }
}
 @media (max-width: 1399.98px) {
.menuContact-imgBtn { padding-left: 10px; }
}
 @media (max-width: 1199.98px) {
.menuContact-imgBtn { display: none; }
}
/* Banner Styles */

.bannerWrapper { position: relative; display: block; width: 100%; z-index: 3; margin: 0px auto; }
.banner { position: relative; display: block; width: 100%; z-index: 0; margin: 0px auto; }
.homeBannerSlider { position: relative; display: block; width: 100%; margin: 0px auto; }
 [data-animation-in] {
 opacity: 0;
}
.banner-slide { position: relative; display: block; width: 100%; padding: 0px; margin: 0px auto; }
.banner-slide figure { position: relative; display: block; width: 100%; z-index: 1; padding: 0px; overflow: hidden; margin: 0px auto; }
.banner-slide figure img { position: relative; height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.banner_caption { position: absolute; z-index: 7; top: 0%; left: 0%; width: 100%; height: 100%; color: #ffffff; display: block; margin: 0px auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.banner_caption .captionWrapper { position: relative; display: table; width: 100%; height: 100%; margin: 0px auto; }
.banner_caption .captionContainer { position: relative; display: table-cell; vertical-align: top; }
.banner_caption .captionContainerInner { position: relative; display: block; width: 100%; font-size: 16px; margin: 0px 0px; font-weight: 400; max-width: 580px; color: var(--white); padding: 20% 0px 0px; }
.banner_caption .captionContainer .bannerHeading1 { font-size: 70px; color: var(--white); padding-bottom: 45px; text-transform: none; text-transform: uppercase; }
.banner_caption .captionContainer .bannerHeading2 { padding-bottom: 30px; color: var(--secondary); text-transform: uppercase; }
.homeBannerSlider .slick-dots { top: 50%; left: 70px; width: auto; bottom: auto; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
.homeBannerSlider .slick-dots li { display: block; margin: 25px 0px; }
/* Header Quick Search */

.header-quick-search .form-control { height: 60px; padding: 14px 25px; border-radius: 0px; border: 1px solid #000000; }
.header-quick-search .form-control:focus, .header-quick-search .form-control:hover { border: 1px solid var(--alternate); }
.header-quick-search .btn-1 { position: relative; border: none; height: 60px; color: #ffffff; line-height: 1; font-size: 20px; border-radius: 0; padding: 10px 20px; text-align: center; background: #000000; vertical-align: top; display: inline-block; text-transform: uppercase; border: 1px solid #000000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.header-quick-search .btn-1:hover { color: #ffffff; background: var(--secondary); border-color: var(--secondary); }
.header-quick-search .btn-close { position: absolute; color: #ffffff; opacity: 1; right: 0; top: -30px; text-shadow: none; }
.header-quick-search .btn-close:hover { color: #C30000; }
.modal-content { border: none; box-shadow: none; border-radius: 0px; }
.modal-backdrop.show { opacity: 0.9; }
/* Container Style */
	
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt100 { padding-top: 100px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb100 { padding-bottom: 100px !important; }
.pr0 { padding-right: 0px !important; }
.pl10 { padding-left: 10px !important; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt100 { margin-top: 100px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb100 { margin-bottom: 100px !important; }
.mg0 { margin: 0px !important; }
.mg5 { margin: 5px !important; }
.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }
.p15 { padding: 15px !important; }
.ml5 { margin-left: 5px !important; }
.mr5 { margin-right: 5px !important; }
.ml10 { margin-left: 10px !important; }
.mr10 { margin-right: 10px !important; }
.ml15 { margin-left: 15px !important; }
.mr15 { margin-right: 15px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }
.row.grid-15 { margin-top: -15px; margin-bottom: -15px; margin-left: -15px; margin-right: -15px; }
.grid-15>.col, .grid-15>[class*="col-"] {
padding-top: 15px;
padding-bottom: 15px;
}
.gutters-15>.col, .gutters-15>[class*="col-"] {
padding-right: 15px;
padding-left: 15px;
}
.row.grid-20 { margin-top: -20px; margin-bottom: -20px; margin-left: -20px; margin-right: -20px; }
.grid-20>.col, .grid-20>[class*="col-"] {
padding-top: 20px;
padding-bottom: 20px;
}
.gutters-20>.col, .gutters-20>[class*="col-"] {
padding-right: 20px;
padding-left: 20px;
}
.row.grid-25 { margin-top: -25px; margin-bottom: -25px; margin-left: -25px; margin-right: -25px; }
.grid-25>.col, .grid-25>[class*="col-"] {
padding-top: 25px;
padding-bottom: 25px;
}
.gutters-25>.col, .gutters-25>[class*="col-"] {
padding-right: 25px;
padding-left: 25px;
}
.row.grid-30 { margin-top: -30px; margin-bottom: -30px; margin-left: -30px; margin-right: -30px; }
.grid-30>.col, .grid-30>[class*="col-"] {
padding-top: 30px;
padding-bottom: 30px;
}
.gutters-30>.col, .gutters-30>[class*="col-"] {
padding-right: 30px;
padding-left: 30px;
}
.row.grid-40 { margin-top: -40px; margin-bottom: -40px; }
.grid-40>.col, .grid-40>[class*="col-"] {
padding-top: 40px;
padding-bottom: 40px;
}
.img-holder { position: relative; display: block; width: 100%; height: 0px; overflow: hidden; padding-bottom: 100%; margin: 0px auto 0px; }
.img-holder figure { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; margin: 0px; text-align: center; padding: 0px; }
.img-holder figure img { position: relative; width: 100%; height: 100%; max-width: none; max-height: none; z-index: 1; transition: all 0.6s ease; object-fit: scale-down; object-position: 50% 50%; }
.img-holder.img-cover figure img { object-fit: cover; }
.customGrid-container { padding: 0px 70px; }
/* Main Content Wrapper */

.main-content-wrapper { position: relative; width: 100%; padding: 0px; margin: 0px auto; max-width: 1920px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.nopadding { padding: 0px !important; }
/* Main Container */
	
.main-container { width: 100%; padding: 110px 0px; }
.section-container, .section-container-full { position: relative; display: block; width: 100%; padding: 100px 0px 70px; }
.section-container-full { padding: 100px 0px; }
/*Home*/

.homeIntro-section { background-repeat: no-repeat; background-position: top right; }
.homeIntro-section .aboutWho-are-section { padding: 0px 0px; }
.homeIntro-section .aboutWho-are-section::before { display: none; }
.homeIntro-section .aboutWho-info { font-size: 16px; }
.customSpace-container.leftCustom-group.homePortfolio::before { background: #061b2f; }
.homePortfolio-slider { z-index: 3; margin-left: -725px; margin-bottom: 50px; }
.homePortfolio-slide { padding: 0px 15px; }
.homePortfolio-box { width: 315px; /*margin-top: 150px;*/ }
.homePortfolio-box .img-holder { border-radius: 15px; }
.homePortfolio-box a:hover .img-holder img { transform: scale(1.1); }
/* .slick-current .homePortfolio-box { width: 615px; margin-top: 0px; } */
.homePortfolio .link-btn a, .homeBlog-title .link-btn a { color: var(--alternate); }
.slide-button { position: relative; display: flex; }
.slide-button button { position: relative; display: block; width: 56px; height: 56px; font-size: 0px; margin: 0px 8px; border-radius: 56px; background: transparent; border: 1px solid var(--white); background-repeat: no-repeat !important; background-position: center center !important; }
.slide-button button.sprev, .slide-button button.sprev1 { background-image: url(../images/slick-leftArrow-hover.png); }
.slide-button button.snext, .slide-button button.snext1 { background-image: url(../images/slick-rightArrow-hover.png); }
.slide-button button:hover { background: var(--secondary); border-color: var(--secondary); }
.slide-button button.sprev:hover, .slide-button button.sprev1:hover { background-image: url(../images/slick-leftArrow-hover.png); }
.slide-button button.snext:hover, .slide-button button.snext1:hover { background-image: url(../images/slick-rightArrow-hover.png); }
.homeTestimonials .testimonial-slider .slick-prev, .homeTestimonials .testimonial-slider .slick-next { border: 1px solid #000000; background-image: url(../images/slick-leftArrow.png); }
.homeTestimonials .testimonial-slider .slick-next { background-image: url(../images/slick-rightArrow.png); }
.homeTestimonials .testimonial-slider .slick-prev:focus, .homeTestimonials .testimonial-slider .slick-next:focus, .homeTestimonials .testimonial-slider .slick-prev:hover, .homeTestimonials .testimonial-slider .slick-next:hover { border: 1px solid var(--secondary); background-color: var(--secondary); background-image: url(../images/slick-leftArrow-hover.png); }
.homeTestimonials .testimonial-slider .slick-next:hover { background-image: url(../images/slick-rightArrow-hover.png); }
.homeTestimonials .testimonial-slider .slick-dots>li button { opacity: 0.3; background: #000000; border-color: #000000; }
.homeTestimonials .slick-dots li:hover button, .homeTestimonials .slick-dots li.slick-active button { opacity: 1; background: var(--secondary); border-color: var(--secondary); }
.homeBlog-title { margin-bottom: 50px; }
.homeBlog-slider { margin: 0px -15px; }
.homeBlog-slide { padding: 0px 15px; }
.homeBlog-box a { position: relative; display: block; width: 100%; font-size: 16px; color: #E0E0E0; }
.homeBlog-box .img-holder { border-radius: 15px; margin-bottom: 40px; padding-bottom: 77.62%; }
.homeBlog-content { margin-bottom: 30px; }
.homeBlog-content h4 { font-size: 22px; padding: 0px 0px; margin-bottom: 25px; color: var(--white); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.homeBlog-btn { font-weight: 700; color: var(--white); letter-spacing: 0.8px; text-transform: uppercase; text-decoration-line: underline; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.homeBlog-box a:hover .homeBlog-content h4, .homeBlog-box a:hover .homeBlog-btn { color: var(--secondary); }
ul.hbg-groupInfo { position: relative; display: flex; flex-wrap: wrap; padding: 0px 0px; list-style-type: none; margin: 0px -10px 10px; color: rgba(256, 256, 256, 0.5); }
ul.hbg-groupInfo>li { padding: 0px 15px 10px; }
ul.hbg-groupInfo>li i { margin-right: 10px; color: var(--secondary); }
.homePartner-section { background-repeat: no-repeat; background-position: center center; }
.homePartner-section .img-holder { border-radius: 20px; padding-bottom: 103.04%; }
.homePartner-section .row.gx-5 {  --bs-gutter-x: 6rem;
}
.homePartner-info .pageTitle h2 { line-height: 1.3; }
/*About Us*/

.aboutIntro-section { padding: 100px 0px; background-position: bottom left; background-repeat: no-repeat; }
.aboutWho-are-section { padding: 100px 0px; }
.aboutWho-are-section::before { position: absolute; top: 0px; right: 0px; z-index: 1; width: 100%; content: ''; height: 100%; max-width: 1660px; border-radius: 30px 0px 0px 30px; background-image: url(../images/aboutWho-bg.jpg); background-size: cover; background-position: right center; }
.aboutWho-pic a { position: relative; display: block; width: 100%; height: 100%; z-index: 2; }
.aboutWho-pic .img-holder { padding-bottom: 73.82%; border-radius: 0px 30px 30px 0px; }
.home .aboutWho-pic .img-holder { padding-bottom: 50%; }
.video-playBtn { position: absolute; display: flex; top: 50%; left: 50%; z-index: 2; width: 100px; height: 100px; font-size: 30px; align-items: center; border-radius: 100px; justify-content: center; color: var(--alternate); background: var(--white); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.aboutWho-info { z-index: 2; font-size: 20px; max-width: 705px; padding: 0px 15px 0px 70px; }
.aboutWho-info p { text-align: justify; }
.aboutMission-section { padding: 100px 0px 0px; }
.aboutMission-section .img-holder { border-radius: 30px 0px 0px 30px; }
.aboutMission-wrapper { width: 100%; float: right; max-width: 650px; padding: 0px 15px; margin-right: 55px; }
.missionVision-box { padding: 50px 0px; }
.missionVision-icon { position: relative; display: flex; width: 115px; height: 115px; margin-right: 15px; padding: 15px 15px; border-radius: 100%; align-items: center; background: #15222F; justify-content: center; }
.aboutMission-section .img-holder.img-cover { padding-bottom: 65.43%; }
.customSpace-container.leftCustom-group.aboutCore-values { margin-bottom: 100px; }
.customSpace-container.leftCustom-group.aboutCore-values::before { left: 0px; border-radius: 0px; }
.customSpace-container.leftCustom-group.aboutCore-values::after { left: 0px; }
.aboutCore-box { padding: 0px 50px; text-align: center; }
.aboutCore-box .img-holder { width: 115px; border-radius: 100%; padding-bottom: 115px; margin: 0px auto 40px; background: var(--white); }
.aboutCore-box h4 { padding: 0px 0px; color: var(--white); text-transform: uppercase; }
.builtPrecision-section { padding: 0px 0px 0px 70px; }
.builtPrecision-pic { overflow: hidden; }
.builtPrecision-pic::before { position: absolute; inset: 0px; z-index: 1; content: ''; background: rgba(0, 0, 0, 0.5); }
.builtPrecision-pic, .builtPrecision-pic img { border-radius: 30px 0px 0px 30px; }
.builtPrecision-content { position: absolute; display: flex; top: 0px; left: 0px; z-index: 2; width: 100%; height: 100%; text-align: center; flex-direction: column; justify-content: center; }
.builtPrecision-content .pageTitle h3 { color: var(--secondary); text-transform: uppercase; }
.builtPrecision-content .pageTitle h2 { line-height: 1.4; }
.aboutPeople-box { margin-bottom: 80px; }
/*Service*/

.serviceItem-box { height: 100%; font-size: 18px; color: var(--white); border-radius: 20px; background: #185A75; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.serviceItem-box:hover { background: var(--secondary); }
.serviceItem-box a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 20px; color: var(--white); background-size: cover; padding: 20px 20px 50px; background-position: center bottom; }
.serviceItem-box .img-holder { border-radius: 10px; margin-bottom: 45px; padding-bottom: 78.65%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.serviceItem-box :hover .img-holder { padding-bottom: calc(78.65% - 58px); }
.serviceItem-info { padding: 0px 20px; }
.serviceItem-info h3 { color: var(--white); padding-bottom: 25px; text-transform: uppercase; }
.serviceBtn-box { opacity: 0; font-size: 18px; font-weight: 700; padding-top: 30px; text-align: center; color: var(--white); margin-bottom: -58px; letter-spacing: 0.9px; text-decoration: underline; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.serviceBtn-box img { margin-left: 10px; }
.serviceItem-box a:hover .serviceBtn-box { opacity: 1; margin: 0px; }
.ctc-wrapper { padding: 90px 0px; background: var(--alternate2); }
.ctc-wrapper::before { position: absolute; inset: 0px; content: ''; opacity: 0.1; background-size: 100% auto; background-repeat: no-repeat; background-image: url(../images/ctc-bg.png); background-position: bottom center; }
.ctc-wrapper .pageTitle { padding-bottom: 30px; }
.sdOther-list { margin-bottom: 70px; }
/*Portfolio*/

.portfolioTabs-group { display: flex; margin-bottom: 50px; justify-content: center; }
ul.portfolioNav { font-family: var(--fontStyle2); display: flex; width: auto; font-size: 20px; margin: 0px 0px; flex-wrap: wrap; padding: 0px 0px; border-radius: 50px; list-style-type: none; justify-content: center; background: var(--white); border: 1px solid var(--secondary); }
ul.portfolioNav>li { }
ul.portfolioNav>li>a { position: relative; display: block; font-weight: 600; padding: 14px 40px; color: var(--alternate); text-transform: uppercase; border-radius: 30px !important; border: 1px solid transparent !important; }
ul.portfolioNav>li.selected>a, ul.portfolioNav>li>a:hover, ul.portfolioNav>li>a.active { color: var(--white) !important; background: var(--secondary) !important; border-color: var(--secondary) !important; }
.portfolioItem-box a { position: relative; display: block; overflow: hidden; border-radius: 20px; color: var(--white); }
.portfolioItem-box a .img-holder { border-radius: 20px; }
.portfolio-title { position: absolute; bottom: 0px; left: 0px; z-index: 1; width: 100%; text-align: center; padding: 130px 15px 40px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 100%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.portfolioItem-box:hover .portfolio-title { opacity: 0; bottom: -100%; }
.portfolio-title h3, .portfolioMask-container h3 { padding: 0px 0px; color: var(--white); }
.portfolioMask-container h3 { padding-bottom: 30px; }
.portfolioMask-container, .portfolio-iconMask-container { position: absolute; display: flex; left: 0px; z-index: 2; opacity: 0; width: 100%; height: 100%; bottom: -100%; font-size: 20px; text-align: center; justify-content: center; flex-direction: column; background: rgba(54, 192, 198, 0.9); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.portfolio-iconMask-container { padding: 25px 25px; }
.portfolioItem-box:hover .portfolioMask-container, .portfolioCat-box:hover .portfolioMask-container, .portfolioCat-box:hover .portfolio-iconMask-container { opacity: 1; bottom: 0px; }
.portfolioMask-container .serviceBtn-box { opacity: 1; margin: 0px; font-size: 16px; padding-top: 10px; }
.portfolioMask-content { position: relative; display: block; width: 100%; overflow-y: auto; max-height: 500px; padding: 60px 45px; text-align: center; flex-direction: column; justify-content: center; }
/*Portfolio Details*/

.pdls-group { padding-right: 30px; }
.pdrs-group { padding-left: 60px; }
.portfolio-mainBox .img-holder { border-radius: 20px; }
ul.portfolioMore-info { margin: 0px 0px; padding: 0px 0px; list-style-type: none; }
ul.portfolioMore-info>li { position: relative; font-size: 20px; margin-bottom: 30px; }
ul.portfolioMore-info>li:last-child { margin: 0px 0px; }
ul.portfolioMore-info>li h5 { font-family: var(--fontStyle1); font-size: 20px; font-weight: 500; padding-bottom: 16px; color: var(--alternate); }
ul.portfolioMore-info>li h6 { font-family: var(--fontStyle1); padding: 0px 0px; font-size: 20px; color: var(--secondary); text-transform: uppercase; }
.portfolioMore-group { margin-bottom: 70px; }
.portfolioMore-group ul.portfolioNav { background: transparent; }
.portfolioMore-group ul.portfolioNav li a { color: var(--white); }
.customSpace-container.leftCustom-group.portfolioMore-group::before { background: #061b2f; }
.portfolioInner-title { margin-bottom: 60px; }
.portfolioCat-box a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 15px; }
/*Why Webuilq*/

.leftSpace-container { padding-left: 70px; }
.left30-radius { border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
.why-webuilq-banner img { min-height: 150px; object-fit: cover; }
.webuilq-subSlider .slick-dots { bottom: 45px; }
.whyWebuilq-item { margin-bottom: 40px; }
.whyWebuilq-listing .whyWebuilq-item:last-child { margin-bottom: 0px; }
.whyWebuilq-listing .whyWebuilq-item:nth-child(odd) .row>.col-lg-7 { order: 2; }
.whyWebuilq-listing .whyWebuilq-item:nth-child(odd) .row>.col-lg-5 { order: 1; }
.whyWebuilq-item .img-holder { border-radius: 30px; padding-bottom: 66.17%; }
.whyWebuilq-content { font-size: 20px; text-align: justify; padding-right: 60px; }
.whyWebuilq-content .pageTitle { padding-bottom: 30px; }
.whyWebuilq-listing .whyWebuilq-item:nth-child(even) .whyWebuilq-content { padding-right: 0px; padding-left: 60px; }
.customSpace-container::before { position: absolute; top: 0px; left: 0px; right: 70px; content: ''; height: 100%; background: var(--alternate1); border-radius: 0px 30px 30px 0px; }
.customSpace-container::after { position: absolute; top: 0px; left: 0px; z-index: 1; right: 70px; content: ''; height: 100%; opacity: 0.05; background-image: url(../images/peopleBg.png); background-position: center bottom; background-size: cover; }
.peopleItem-box .img-holder { border-radius: 100%; margin-bottom: 35px; background: #eeeeee; border: 10px solid var(--white); }
.peopleItem-box .img-holder figure img { object-position: 50% bottom; }
.peopleItem-info { font-weight: 500; text-align: center; color: var(--secondary); }
.peopleItem-info h3 { color: var(--white); text-transform: uppercase; }
.loadmore-item { display: none; }
.certificate-slider { margin: 0px -15px; }
.certificate-slide { padding: 0px 15px; }
.certificate-itemBox a { position: relative; display: block; }
.certificate-itemBox .img-holder { border-radius: 10px; margin-bottom: 30px; padding-bottom: 139.35%; }
.certificate-itemBox a h3 { padding: 0px 0px; text-align: center; }
.customSpace-container.leftCustom-group::before { left: 70px; right: 0px; background: #185A75; border-radius: 30px 0px 0px 30px; }
.customSpace-container.leftCustom-group::after { left: 70px; right: 0px; opacity: 0.2; background-image: url(../images/testimonials-bg.png); }
.testimonial-section { margin-bottom: 100px; }
.testimonial-slider { margin: 0px -20px 65px !important; }
.testimonial-slide { padding: 0px 20px; }
.testimonial-slider .slick-prev, .testimonial-slider .slick-next { border-color: var(--white); }
.testimonial-slider .slick-prev { background-image: url(../images/slick-leftArrow-hover.png); }
.testimonial-slider .slick-next { background-image: url(../images/slick-rightArrow-hover.png); }
.testimonial-slider .slick-prev:hover, .testimonial-slider .slick-next:hover { background: var(--white); border-color: var(--white); }
.testimonial-slider .slick-prev:hover { background-image: url(../images/slick-leftArrow-hover1.png); background-repeat: no-repeat; background-position: center center; }
.testimonial-slider .slick-next:hover { background-image: url(../images/slick-rightArrow-hover1.png); background-repeat: no-repeat; background-position: center center; }
.testimonial-slider .slick-dots { bottom: -60px; }
.testimonial-slider .slick-dots>li button { background: rgba(256, 256, 256, 0.5); border-color: rgba(256, 256, 256, 0.5); }
.testimonial-itemBox { font-size: 18px; text-align: center; border-radius: 20px; background: #F3FCFC; padding: 35px 15px 45px; }
.testimonial-itemBox .img-holder { width: 100px; border-radius: 100px; padding-bottom: 100px; margin: 0px auto 24px; }
.testimonial-content { padding: 0px 25px; margin-bottom: 40px; }
.starGroup { color: #F9A533; margin-bottom: 15px; }
.starGroup i { margin: 0px 2px 5px; }
.testimonial-itemBox h4 { font-weight: 600; padding: 0px 0px; text-transform: uppercase; }
/*Shop Listing*/

.filter-plugin { margin-bottom: 30px; }
/* Filter Box */

.filter-box { position: relative; display: block; width: 100%; font-size: 16px; color: #303030; margin: 0px auto 10px; }
.filter-box-bottom { }
/* Filter Select */

.filter-select-box { position: relative; color: #717171; padding: 0px; font-size: 16px; vertical-align: top; display: inline-block; margin: 0px 0px 0px 0px; }
.filter-select-text { position: relative; font-size: 14px; margin: 0px 0px; font-weight: 400; line-height: normal; vertical-align: top; color: var(--primary); display: inline-block; padding: 10px 12px 0px 0px; }
.filter-select-text span { position: relative; color: #717171; }
.filter-select-box .NiceSelect { vertical-align: top; display: inline-block; }
.filter-select-box .nice-select { height: auto; border: none; font-size: 14px; min-width: 320px; font-weight: 400; border-radius: 6px; color: var(--secondary); padding: 10px 40px 10px 20px; background: #ffffff !important; border: 1px solid #D8D8D8 !important; }
.filter-select-box .nice-select .current { font-weight: 400; color: var(--secondary); }
.filter-select-box .nice-selected .nice-select .current { font-weight: 500; color: var(--secondary); }
.filter-select-box .nice-select:after { right: 20px; font-size: 12px; }
.filter-select-box strong, .filter-select-box b, .filter-select-text strong, .filter-select-text b { font-weight: 700; }
.filter-showingText { position: relative; display: block; font-size: 14px; font-weight: 400; color: var(--primary); letter-spacing: -0.28px; }
.filter-showingText span { color: var(--secondary); }
/* Products Listing */
	
.csm-products-listing, .woocommerce .products ul, .woocommerce ul.products { position: relative; display: flex; flex-wrap: wrap; padding: 0px 0px; margin: 0px -15px; list-style-type: none; }
.csm-product-item, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { position: relative; display: flex; float: left; width: 33.3333%; font-size: 16px; line-height: 1.6; padding: 0px 15px; align-self: stretch; margin: 0px 0px 30px; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0px !important; padding: 0px 15px !important; width: 33.3333% !important; }
.csm-product-item-inner { position: relative; display: block; padding: 0px; width: 100%; height: 100%; padding: 40px 40px; border-radius: 12px; background: #ffffff; border: 1px solid #DADADA; }
.csm-product-item-inner:hover { border-color: var(--secondary); }
.csm-product-photo-container { position: relative; display: block; height: 0px; overflow: hidden; margin-bottom: 10px; padding-bottom: 100%; }
.csm-product-photo-container > a, .csm-product-photo-container figure { position: absolute; overflow: hidden; padding: 0px; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; text-align: center; margin: 0px auto !important; }
.csm-product-photo-container > a { padding: 20px 20px; }
.csm-product-photo-container figure img { position: relative !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; -o-object-fit: scale-down !important; object-fit: scale-down !important; -o-object-position: center !important; object-position: center !important; }
.product-btns-group { position: relative; display: block; width: 100%; text-align: center; padding: 0px 0px; }
.product-btns-group a { position: relative; width: auto; font-size: 16px; font-weight: 600; color: #ffffff; line-height: 23px; border-radius: 5px; padding: 12px 40px !important; background: var(--alternate); display: inline-block; vertical-align: middle; letter-spacing: 0.48px; text-transform: uppercase; border: 1px solid var(--alternate); }
.product-btns-group .add-to-wishlist-btn { margin-top: 0px; }
.product-btns-group a:hover { color: var(--alternate2) !important; background: var(--secondary)!important; border-color: var(--secondary) !important; }
.product-btns-group .yith-wcwl-add-to-wishlist { margin-top: 0px !important; }
.product-btns-group .feedback, .product-btns-group .add-to-cart-btn > a.added { display: none !important; }
.product-btns-group .view-product-btn > a { }
.product-btns-group .view-product-btn > a:hover { }
.product-btns-group .add-to-cart-btn > a img { max-height: 27px; }
.product-btns-group .add-to-cart-btn > a:hover { }
.csm-product-description-box, .csm-product-description-box > a, .csm-product-short-description { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; margin: 0px auto; }
.csm-product-description-box > a { padding: 5px 0px 30px; }
.csm-product-description-box { margin: 0px 0px; overflow: visible; text-align: center; }
.csm-product-short-description { margin: 0px 0px 30px; }
.csm-product-price-box, .csm-product-star-rattings { position: relative; display: block; width: 100%; padding: 0px; line-height: 1.4; color: #303030; padding-bottom: 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.csm-product-name { font-size: 20px; font-weight: 600; line-height: normal; color: var(--alternate2); text-transform: capitalize; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.csm-product-price-box { padding: 0px; }
.csm-product-price-box, .csm-product-price-box bdi, .csm-product-price-box ins bdi { position: relative; font-size: 18px; font-weight: 600; color: var(--alternate2); text-transform: uppercase; }
.csm-product-price-box bdi { color: var(--alternate2); }
.price > del, .csm-product-price-box ins bdi { color: var(--alternate2); margin-left: 10px; text-decoration: none; }
.csm-product-price-box del bdi { font-weight: 400; color: #999 !important; text-decoration: line-through; }
.csm-product-price-box .price { display: flex; line-height: 1; justify-content: center; }
.csm-product-price-box del { opacity: 1 !important; }
.csm-product-price-box del bdi, .csm-product-price-box del span, .price>del { display: flex !important; line-height: 1; }
.price>del { order: 2; }
.price>ins { order: 1; margin-bottom: 10px; text-decoration: none; }
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price { color: inherit !important; font-size: inherit !important; margin-bottom: 0px !important; font-weight: inherit !important; }
.csm-product-item p { margin: 15px auto 0px; }
.csm-product-stock-wrapper { position: absolute; display: block; top: 15px; z-index: 11; left: -12px; }
.csm-product-stock { position: relative; display: block; font-size: 12px; color: #ffffff; font-weight: 400; border-radius: 20px; padding: 1px 14px 3px; background: #66B664; }
.csm-product-stock span { position: relative; display: block; }
.sale .csm-product-stock { background: #FD6868; }
.outOfStock .csm-product-stock { background: #A5A5A5; }
.addToWishlist-icon { position: absolute; top: 28px; right: 28px; z-index: 11; display: block; }
.addToWishlist-icon > a { position: relative; line-height: 1; font-size: 20px; font-weight: 400; border-radius: 0px; display: inline-block; color: var(--alternate2); }
.addToWishlist-icon > a i { margin: 0px 0px !important; }
.addToWishlist-icon > a:hover .fa, .addToWishlist-icon > a:hover .far, .addToWishlist-icon > a:hover .fas, .addToWishlist-icon > a:hover { color: #FD6868; font-weight: 700; margin: 0px 0px !important; }
.csm-products-slider .addToWishlist-icon a span, .csm-product-item .addToWishlist-icon a span { display: none !important; }
.csm-product-item-inner.disable .product-btns-group { opacity: 0.4; }
/* Product Btns Group */

.csm-product-btns-group { position: absolute; left: 30px; right: 30px; bottom: 30px; display: block; font-size: 16px; margin: 0px auto; font-weight: 400; max-width: 160px; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.csm-product-btns-group a { position: relative; color: #ffffff; min-width: 100%; font-weight: 400; overflow: hidden; margin: 0px auto; line-height: 20px; border-radius: 5px; padding: 14px 32px; white-space: nowrap; background: #0080ff; vertical-align: top; display: inline-block; text-transform: none; border: 1px solid #0080ff; text-decoration: none !important; }
.csm-product-item-inner:hover .csm-product-btns-group a, .csm-product-item-inner:focus .csm-product-btns-group a, .csm-product-btns-group a:hover, .csm-product-btns-group a:focus { color: #ffffff; background: #000000; border-color: #000000; }
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins { display: block !important; }
.csm-product-item-inner.OOS .csm-product-btns-group a { color: #ffffff; background: #6c6c6c; border-color: #6c6c6c; }
.csm-product-item-inner.OOS:hover .csm-product-btns-group a, .csm-product-item-inner.OOS:focus .csm-product-btns-group a { opacity: 0.5; color: #ffffff; background: #000000; }
.added_to_cart.wc-forward { display: none !important; }
.csm-product-item-inner.OOS .csm-product-price-box, .csm-product-item-inner.OOS .csm-product-price-box bdi, .csm-product-item-inner.OOS .csm-product-price-box ins bdi { color: #adadad; }
/*Shop Details*/

.csm-productGalleryContainer { position: relative; overflow: hidden; display: block; margin: 0px auto; padding-right: 50px; }
.csm-productGalleryBox { position: relative; overflow: hidden; display: block; padding-bottom: 1px; }
.csm-productSlideItem { position: relative; display: block; width: 100%; }
.csm-productImageItem { position: relative; display: block; height: 0px; width: 100%; overflow: hidden; margin: 0px auto; border-radius: 15px; padding-bottom: 69.34%; }
.csm-productImageItem figure { position: absolute; overflow: hidden; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 0px; display: block; text-align: center; margin: 0px auto !important; }
.csm-productImageItem figure img { position: relative !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; -o-object-fit: cover !important; object-fit: cover !important; -o-object-position: center !important; object-position: center !important; }
.thumbSliderBox { position: relative; display: block; width: 100%; padding: 30px 85px 0px 85px; }
.csm-productThumbSlider { margin: 0px -10px; }
.csm-productThumbSlider .slick-prev { left: -75px; }
.csm-productThumbSlider .slick-next { right: -75px; }
.thumbSliderBox .slick-slide > div { position: relative; display: block; padding: 0px; margin: 0px; font-size: 0px; }
.thumbSlideItem { position: relative; display: block; width: 100%; height: 100%; padding: 0px 10px; text-align: center; margin: 0px 0px 0px; }
.csm-productThumbItem { position: relative; display: block; height: 0px; width: 100%; cursor: pointer; overflow: hidden; margin: 0px auto; border-radius: 5px; padding-bottom: 90%; background: #FAFAFA; border: 1px solid #FAFAFA; }
.slick-current .csm-productThumbItem { opacity: 1; }
.csm-productThumbItem figure { position: absolute; padding: 0px; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; overflow: hidden; padding: 0px 0px; text-align: center; margin: 0px auto !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.csm-productThumbItem figure img { position: relative !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; opacity: 0.5; -o-object-fit: cover !important; object-fit: cover !important; -o-object-position: center !important; object-position: center !important; }
.slick-current .csm-productThumbItem img { opacity: 1; }
/* Product Details Box */

.csm-product-details-box { position: relative; display: block; width: 100%; padding: 0px 0px 0px 10px; }
.csm-product-details-box .pageTitle h1 { color: var(--alternate); }
.csm-product-details-box .csm-product-price-box { margin-bottom: 0px; }
.csm-product-details-box .csm-product-price-box, .csm-product-details-box .csm-product-price-box bdi, .csm-product-details-box .csm-product-price-box ins bdi { font-size: 30px; }
.csm-product-details-box .csm-product-price-box .price { justify-content: left; }
.csm-product-details-box .csm-product-price-box ins { margin-right: 15px; }
.csm-product-details-box .csm-product-price-box del bdi { font-size: 30px; }
.csm-product-details-box .csm-product-price-box ins bdi { margin-left: 0px; }
.csm-product-details-box .csm-product-price-box bdi, .csm-product-details-box .csm-product-price-box ins bdi { font-weight: 700; }
.csm-pro-desBox { margin: 40px 0px; padding: 30px 0px; border: 1px solid rgba(0, 0, 0, 0.10); border-width: 1px 0px 1px 0px; }
.block-title { font-size: 16px; font-weight: 700; color: var(--alternate); }
.csm-product-details-box hr { opacity: 1; height: 1px; margin: 34px 0px 40px; background: rgba(0, 0, 0, 0.10); }
.csm-product-quantity { position: relative; font-size: 0px; display: flex; color: #5C5C5C; overflow: hidden; max-width: 130px; padding: 0px 0px; border-radius: 50px; align-items: center; white-space: nowrap; margin: 0px !important; background: #ffffff; justify-content: space-between; border: 1px solid var(--alternate) !important; }
 .csm-product-quantity input[type=number]::-webkit-inner-spin-button, .csm-product-quantity input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
.csm-product-quantity input[type=number] { -moz-appearance: textfield; }
.csm-product-quantity input { position: relative !important; min-width: 40px !important; height: 52px !important; padding: 5px 5px !important; margin: 0 2px !important; font-weight: 700 !important; /*border: none !important;*/
font-size: 16px !important; max-width: 100% !important; overflow: hidden !important; box-shadow: none !important; line-height: 38px !important; text-align: center !important; border-radius: 0px !important; background: #ffffff !important; display: inline-block !important; vertical-align: middle !important; color: var(--alternate) !important; border: none !important; }
.csm-product-quantity input:focus { outline: 0; }
.quantity-button { position: relative; z-index: 2; display: flex; height: 54px; min-width: 40px; font-size: 14px; cursor: pointer; font-weight: 400; overflow: hidden; text-align: center; line-height: normal; align-items: center; color: var(--alternate); justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.quantity-button:hover { color: var(--secondary) !important; background: transparent !important; }
.quantity-button.quantity-down { }
.quantity-button.quantity-up { }
.quantity-button:hover, .quantity-button:focus { color: #9C7856; box-shadow: none; border-color: #F8F8F8; background-color: #F8F8F8; }
.quantity-button.quantity-down:hover, .quantity-button.quantity-down:focus { }
.quantity-button.quantity-up:hover, .quantity-button.quantity-up:focus { }
.csm-product-btns-container .addToCartBtn a, .csm-product-btns-container .addToWishlistBtn a, .csm-product-btns-container .viewProductBtn a, .csm-product-btns-container .addToCartBtn button, .csm-product-btns-container .addToWishlistBtn button { min-width: 180px; }
.csm-product-quantity-container .form-custom-select { min-width: 115px; }
.csm-product-quantity-container .row { margin: 0px -10px; }
.csm-product-quantity-container .row .col-md-12, .csm-product-quantity-container .row .col, .csm-product-quantity-container .row .col-auto { padding: 0px 10px; }
.csm-social-media { position: relative; display: block; padding: 0px 0px; }
.csm-social-media ul { display: flex; flex-wrap: wrap; padding: 0px 0px; margin: 0px -15px; align-items: center; list-style-type: none; }
.csm-social-media ul li { padding: 0px 15px 10px; }
.csm-social-media h5 { font-family: var(--fontStyle1); font-size: 16px; font-weight: 700; padding: 0px 0px; color: var(--alternate); }
.csm-social-media ul li a { position: relative; display: block; font-size: 20px; color: #7F7F7F; }
.csm-social-media ul li a:hover { color: var(--secondary); }
/* Add To Cart Button */

.addToCartBtn { position: relative; z-index: 1; padding: 0px; display: block; font-size: 16px; font-weight: 700; margin: 0px auto; text-transform: none; }
.addToCartBtn a, .addToCartBtn button, .woocommerce button.button.alt { position: relative; width: 100%; margin: 0px auto; line-height: 26px; padding: 14px 35px; text-align: center; border-radius: 50px; white-space: nowrap; vertical-align: top; display: inline-block; color: var(--white); letter-spacing: 0.8px; text-transform: uppercase; background: var(--secondary); border: 1px solid var(--secondary); text-decoration: none !important; }
.addToCartBtn a:hover, .addToCartBtn a:focus, .addToCartBtn button:hover, .addToCartBtn button:focus, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus { color: var(--white); background: var(--alternate); border-color: var(--alternate); }
.addToCartBtn button.disabled, .woocommerce button.button.alt.disabled { color: var(--alternate2); border-color: var(--alternate) !important; background: var(--alternate) !important; }
.woocommerce div.product form.cart .reset_variations, .screen-reader-text { display: none !important; }
/* Add To Wishlist And View Product Button */

.csm-product-details-box .yith-wcwl-add-to-wishlist { margin-top: 0px !important; }
.addToWishlistBtn, .viewProductBtn { position: relative; z-index: 1; padding: 0px; display: block; font-size: 16px; font-weight: 700; margin: 0px auto 0px; text-transform: none; }
.addToWishlistBtn a, .viewProductBtn a, .addToWishlistBtn button, .woocommerce .addToWishlistBtn a.button.add_to_wishlist, .woocommerce .addToWishlistBtn a.delete_item.button.alt { position: relative; width: 49px; height: 49px; margin: 0px auto; line-height: 49px; padding: 0px 0px; text-align: center; border-radius: 52px; white-space: nowrap; vertical-align: top; background: #F3F3F3; display: inline-block; color: var(--alternate2); border: 1px solid #F3F3F3; text-decoration: none !important; }
.addToWishlistBtn .fa { vertical-align: middle; }
.addToWishlistBtn a:hover, .addToWishlistBtn a:focus, .viewProductBtn a:hover, .viewProductBtn a:focus { color: var(--alternate2); background: var(--secondary); border-color: var(--secondary); }
/* .addToWishlistBtn button, 
.woocommerce .addToWishlistBtn a.button.add_to_wishlist, 
.woocommerce .addToWishlistBtn a.delete_item.button.alt {
    position: relative !important;
    min-width: 100%;
    white-space: nowrap;
    margin: 0px auto 0px;
    text-transform: none;
    z-index: 1 !important;
    color: #111111 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    text-align: center !important;
    border-radius: 0px !important;
    background: #ffffff !important;
    vertical-align: top !important;
    display: inline-block !important;
	padding: 9px 30px 9px !important;
    border: 1px solid #ffffff !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	} */

.addToWishlistBtn button, .woocommerce .addToWishlistBtn a { /*min-width: inherit;
    width: 60px;
    height: 60px;
    font-size: 20px;
    padding: 15px 10px !important;
    background: #cfcfcf !important;
    border-color: #cfcfcf !important;*/
}
.addToWishlistBtn button .fa, .addToWishlistBtn button .far, .addToWishlistBtn button .fas, .woocommerce .addToWishlistBtn a .fa, .woocommerce .addToWishlistBtn a .far, .woocommerce .addToWishlistBtn a .fas { margin: 0px auto !important; }
.addToWishlistBtn button:hover, .addToWishlistBtn button:focus, .woocommerce .addToWishlistBtn a:hover, .woocommerce .addToWishlistBtn a:focus, .woocommerce .addToWishlistBtn a.button.add_to_wishlist:hover, .woocommerce .addToWishlistBtn a.button.add_to_wishlist:focus, .woocommerce .addToWishlistBtn a.button.delete_item:hover, .woocommerce .addToWishlistBtn a.button.delete_item:focus { color: #E53F29; background: transparent; border-color: transparent; }
ul.nav-tabs.tabsTitle-box.shopTabs { justify-content: start; }
hr.shopHr { opacity: 1; margin: 30px 0px 10px; background: #D8D8D8; }
ul.nav-tabs.tabsTitle-box.shopTabs>li>a.nav-link { min-width: 155px; }
ul.nav-tabs.tabsTitle-box.shopTabs>li>a.nav-link:not(.active) { border-color: #BCB2B2; background: var(--white); }
.product-slider { margin: 0px -15px; }
.product-slide { padding: 5px 15px; }
/*Career*/

.career-topInfo-box { float: right; font-size: 20px; max-width: 540px; padding: 0px 15px; margin-right: 160px; }
.career-topInfo-box h5 { font-family: var(--fontStyle1); padding-bottom: 25px; line-height: 1.5; color: var(--alternate); }
.career-slider { margin: 0px 0px 0px -150px; }
.career-slide { padding: 0px 15px; }
.careerSlide-box { width: 363px; }
.careerSlide-box .img-holder { border-radius: 30px; padding-bottom: 155.09%; }
.whyJoin-career-section { padding: 0px 0px 130px; }
.whyJoin-pic .img-holder { padding-bottom: 68.40%; border-radius: 0px 30px 30px 0px; }
.whyJoin-career-section>.row>.col-lg-5 { width: 44%; }
.whyJoin-career-section>.row>.col-lg-7 { width: 56%; }
.whyJoin-infoBox { padding: 0px 70px 0px 50px; }
.whyJoin-infoBox .pageTitle h2 { padding-bottom: 30px; }
.whyJoin-webuilq-box { font-size: 20px; color: var(--alternate); }
.whyJoin-webuilq-box .row .col-auto { width: 80px; }
.whyJoin-webuilqList { padding-top: 15px; }
.availablePosition-section { padding-top: 10px; }
.availablePosition-list { margin: 0px 0px 30px; }
.availablePosition-section .availablePosition-list:last-child { margin: 0px 0px; }
.availablePosition-list a { position: relative; display: block; overflow: hidden; border-radius: 10px; background: var(--white); padding: 0px 45px 0px 0px; }
.availablePosition-list a h5 { font-family: var(--fontStyle1); padding: 0px 0px; color: var(--alternate1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.availablePosition-list a:hover h5 { color: var(--secondary); }
.acp-title { max-width: 700px; padding: 10px 15px; text-align: center; }
.acp-title h5 { font-size: 18px; padding: 0px 0px; }
.acpDate-box { padding: 40px 40px; background: var(--alternate1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.availablePosition-list a:hover .acpDate-box { background: var(--secondary); }
.acpDate-box h6 { font-family: var(--fontStyle1); font-size: 18px; font-weight: 400; padding: 0px 0px; color: var(--white); }
.acpDate-box h6 strong { font-weight: 700; color: var(--white); }
.acpMore-detailsBtn { color: var(--alternate1); font-size: 16px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.availablePosition-list a:hover .acpMore-detailsBtn { color: var(--secondary); }
.acpMore-detailsBtn img { margin: -4px 0px 0px 10px; }
.hoverBtn, .availablePosition-list a:hover .acpMore-detailsBtn .viewBtn, .urlLink-btn a:hover .viewBtn { display: none; }
.availablePosition-list a:hover .acpMore-detailsBtn .hoverBtn, .urlLink-btn a:hover .hoverBtn { display: inline-block; }
/*Career Details*/

.career-mainContainer { padding: 80px 0px 50px; }
.careerDate-box { font-size: 20px; font-weight: 500; padding-top: 40px; color: var(--alternate); }
.careerDate-box i { margin-right: 10px; color: var(--secondary); }
.careerDescription-box { font-size: 20px; margin-bottom: 40px; }
.careerDescription-box h5 { padding-bottom: 25px; text-transform: uppercase; font-family: var(--fontStyle1); }
.careerApply-form { margin: 0px auto; max-width: 950px; }
.careerApply-form .control-label { color: var(--white); }
.uploadFile { width: 100%; resize: none; font-size: 14px; overflow: hidden; line-height: 20px; position: relative; text-align: center; padding: 48px 15px; border-radius: 30px; color: var(--alternate); border: 1px solid #C7C7C7; background-color: var(--white); }
.uploadFile img { margin-right: 10px; }
.uploadFile a { color: var(--alternate); text-decoration: underline; }
.uploadFile [type=file] { top: 0px; opacity: 0; z-index: 1; right: 0px; display: block; min-width: 100%; font-size: 999px; min-height: 100%; text-align: right; position: absolute; filter: alpha(opacity=0); cursor: pointer !important; }
.uploadFile:hover, .uploadFile:focus, .inputfile:hover, .inputfile:focus { background: #ffffff; border-color: var(--secondary); }
.careerApply-form button.btn-primary:not(:hover) { color: var(--secondary); background: var(--white); border-color: var(--white); }
.customSpace-container.leftCustom-group.careerForm-section::after { left: 70px; right: 0px; opacity: 0.04; background-image: url(../images/careerForm-bg.jpg); }
/* Content Style */

.inner-banner { position: relative; width: 100%; padding: 0px; display: block; margin: 0px auto; }
.inner-banner figure { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; margin: 0px auto; }
.inner-banner figure::before { position: absolute; inset: 0px; z-index: 1; content: ''; background: rgba(0, 0, 0, 0.25); }
.inner-banner figure img { position: relative; height: 100%; width: 100%; max-width: none; min-height: 120px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.inner_banner_caption { position: absolute; z-index: 7; top: 0%; left: 0%; width: 100%; height: 100%; display: block; margin: 0px auto; padding: 0px 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.inner_banner_caption .captionWrapper { position: relative; display: table; height: 100%; width: 100%; margin: 0px auto; }
.inner_banner_caption .captionContainer { position: relative; padding: 0px; display: table-cell; vertical-align: middle; }
.inner_banner_caption .captionContainerInner { position: relative; display: block; margin: 0px; width: 100%; text-align: center; }
.inner_banner_caption .captionContainer .innerBannerHeading1 { line-height: 1; font-size: 70px; color: var(--white); padding-bottom: 40px; text-transform: uppercase; }
.breadcrumb-container { position: relative; display: block; width: 100%; font-size: 16px; padding: 0px 0px; }
.nobanner .breadcrumb-container { padding: 22px 0px; background: #F7F7F7; }
.breadcrumb-container ul { position: relative; display: block; font-weight: 700; margin: 0px auto; padding: 0px 0px; list-style-type: none; color: var(--white); }
.breadcrumb-container ul li { position: relative; margin: 0px 0px; padding: 0px 0px; display: inline-block; vertical-align: middle; letter-spacing: 0.8px; text-transform: uppercase; }
.nobanner .breadcrumb-container ul li { padding: 5px 0px; color: var(--alternate); }
.nobanner .breadcrumb-container ul li a, .nobanner .breadcrumb-container ul li a:after { opacity: 0.7; color: var(--alternate); }
.breadcrumb-container ul li:first-child { text-shadow: none; }
.breadcrumb-container ul li a { position: relative; display: block; opacity: 0.7; margin: 0px 0px; padding: 0px 0px; font-weight: 700; overflow: hidden; line-height: 24px; color: var(--white); text-transform: uppercase; }
.breadcrumb-container ul li a:after { font-family: "Font Awesome 6 Free"; content: "\f101"; font-size: 14px; font-weight: 700; display: inline-block; vertical-align: middle; color: var(--white); margin: -3px 12px 0px 14px; }
.breadcrumb-container ul li a:hover, .breadcrumb-container ul li.selected a { opacity: 1; color: var(--secondary); }
.pageTitle { position: relative; display: block; width: 100%; font-size: 20px; margin: 0px auto; color: var(--primary); padding: 0px 0px 40px; }
.pageTitle h3 { padding-bottom: 30px; }
.pageTitle h1, .pageTitle h2 { line-height: 1; padding-bottom: 0px; color: var(--secondary); text-transform: uppercase; }
.uppercase { text-transform: uppercase !important; }
.capitalize { text-transform: capitalize !important; }
.NoUppercase { text-transform: none !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--fontStyle2); position: relative; line-height: 1.1; font-size: 50px; margin: 0px 0px; font-weight: 700; text-transform: none; padding: 0px 0px 20px; color: var(--alternate); }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong { font-weight: 700; color: var(--alternate); }
h2, .h2 { font-size: 50px; }
h3, .h3 { font-size: 30px; }
h4, .h4 { font-size: 22px; }
h5, .h5 { font-size: 20px; }
h6, .h6 { font-size: 16px; }
p { margin: 0 0 20px; line-height: 1.5; }
p:last-child { margin: 0px 0px; }
p[align=center] { text-align: center !important; }
p[align=left] { text-align: left !important; }
p[align=right] { text-align: right !important; }
ul.ul-listing { display: block; padding: 0px; width: 100%; font-size: 20px; text-align: left; font-weight: 400; color: var(--primary); margin: 0px 0px 25px; list-style-position: inside; }
ul.ul-listing.text-center { text-align: center; }
ul.ul-listing li { position: relative; list-style-type: none; padding: 0px 0px 15px 35px; }
ul.ul-listing li:last-child { padding-bottom: 0px; }
ul.ul-listing li:before { font-family: "Font Awesome 6 Free"; position: absolute; content: '\f058'; top: 3px; left: auto; font-size: 18px; font-weight: 700; margin-left: -35px; color: var(--secondary); }
ul.ul-listing li p { margin-bottom: 0px; }
ul.ul-listing ul { margin: 10px 0px 0px; }
.imgLeft { position: relative; float: left; width: auto; height: auto; max-width: 100%; clear: left !important; margin: 5px 40px 40px 0px; }
.imgRight { position: relative; float: right; width: auto; height: auto; max-width: 100%; clear: right !important; margin: 5px 0px 40px 40px; }
/* Pagination */

.pagination, .page-item .page-link { border-radius: 50px !important; }
.page-item:first-child .page-link { }
.page-item:last-child .page-link { }
.pagination { flex-wrap: wrap; margin: 0px -5px; }
.page-item { position: relative; margin: 7px; font-size: 16px; font-weight: 600; }
.page-link { position: relative; display: block; height: 36px; padding: 0px; min-width: 36px; font-weight: 600; margin: 0px auto; line-height: 33px; text-align: center; color: var(--alternate2); background: var(--background2); border: 1px solid var(--background2); }
.page-item.page-prev .page-link, .page-item.page-next .page-link { box-shadow: none; background: transparent; color: var(--alternate2); border-color: transparent; }
.filter-box-bottom .page-link, .filter-box-bottom .page-item.page-prev .page-link, .filter-box-bottom .page-item.page-next .page-link { border-color: #DADADA; background: var(--white); }
.filter-box-bottom .page-item.page-prev .page-link, .filter-box-bottom .page-item.page-next .page-link { font-size: 13px; line-height: 35px; }
.filter-box-bottom .page-item.page-prev .page-link:hover, .filter-box-bottom .page-item.page-next .page-link:hover { color: var(--alternate2); background: var(--alternate); border-color: var(--alternate); }
.page-item.disabled { opacity: 0; display: none; }
.page-link:hover, .page-link:focus, .page-item.active .page-link { color: var(--alternate2); border-color: var(--alternate); background: var(--alternate); text-decoration: none !important; }
.page-item.active .page-link { }
.page-item.page-prev .page-link:hover, .page-item.page-prev .page-link:focus, .page-item.page-prev.active .page-link, .page-item.page-next .page-link:hover, .page-item.page-next .page-link:focus, .page-item.page-next.active .page-link { box-shadow: none; color: var(--secondary); background: transparent; border-color: transparent; }
/* Slick Slider */

.slick-dotted.slick-slider { margin-bottom: 0px; }
.slick-slide > div { position: relative; display: block; padding: 0px; margin: 0px; font-size: 0px; }
.slick-slide img { display: inline-block; }
.slick-prev, .slick-next { background: none; display: flex; z-index: 5; width: 55px; height: 55px; font-size: 0px; border-radius: 60px; align-items: center; justify-content: center; color: var(--alternate2); border: 1px solid #000000; background-image: url(../images/slick-leftArrow.png); background-position: center center; background-repeat: no-repeat; background-color: transparent; background-position: center center; }
.slick-prev:before, .slick-next:before { display: none; }
.slider-nav { margin-left: 0px; margin-right: 0px; }
.slick-prev { left: -80px; }
.slick-next { right: -80px; background-image: url(../images/slick-rightArrow.png); }
.slick-prev:hover, .slick-prev:focus { background-color: var(--secondary); border-color: var(--secondary); background-image: url(../images/slick-leftArrow-hover.png); background-position: center center; background-repeat: no-repeat; }
.slick-next:hover, .slick-next:focus { background-color: var(--secondary); border-color: var(--secondary); background-image: url(../images/slick-rightArrow-hover.png); background-position: center center; background-repeat: no-repeat; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { opacity: 1; }
.slick-dots { width: 100%; z-index: 5; left: 0%; bottom: -30px; font-size: 0px; margin: 0px auto 0px; }
.slick-dots li { display: inline-block; width: 12px; height: 12px; border: none; margin: auto 15px; background: transparent; border-color: transparent; }
.slick-dots li::before { position: absolute; top: -6px; left: -6px; opacity: 0; content: ''; width: 24px; height: 24px; border-radius: 25px; background: transparent; border: 1px solid var(--secondary); }
.slick-dots li.slick-active::before { opacity: 1; }
.slick-dots li:hover button, .slick-dots li.slick-active button { background: var(--secondary); }
.slick-dots li button { position: relative; width: 12px; height: 12px; border-radius: 20px; background: var(--white); border: 1px solid var(--white); }
.slick-dots li:hover button, .slick-dots li.slick-active button { opacity: 1; background: var(--secondary); border-color: var(--secondary); }
.slick-dots li button:before { display: none; }
/* Link Button */

.link-btn, .link-btn1 { position: relative; z-index: 1; padding: 0px; display: block; font-size: 16px; margin: 0px 0px; }
.link-btn a, .link-btn1 a { position: relative; font-weight: 700; line-height: 24px; text-align: center; padding: 15px 35px; border-radius: 50px; vertical-align: top; display: inline-block; letter-spacing: 0.8px; color: var(--secondary); background: var(--white); text-transform: uppercase; border: 1px solid var(--white); text-decoration: none !important; }
.link-btn1 a { color: var(--alternate2); background: var(--alternate); border-color: var(--alternate); }
.link-btn a img, .link-btn1 a img { margin-top: -2px; margin-left: 10px; }
.link-btn a:hover { color: var(--white); background: var(--alternate); border-color: var(--alternate); }
.link-btn a:hover img, .link-btn1 a:hover img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(342deg) brightness(1000%) contrast(500%); }
.urlLink-btn { position: relative; display: block; font-size: 16px; font-weight: 700; }
.urlLink-btn a { color: var(--secondary); }
.urlLink-btn a img { margin-top: -4px; margin-left: 10px; }
.urlLink-btn a:hover { color: var(--alternate1); text-decoration: underline; }
/* .urlLink-btn a:hover img {
	filter: invert(18%) sepia(56%) saturate(894%) hue-rotate(173deg) brightness(89%) contrast(84%);
	} */
	
.urlLink-btn.whiteBtn a { color: var(--white); }
.urlLink-btn.whiteBtn a:hover { color: var(--secondary); }
.urlLink-btn.alternate1 a { color: var(--alternate1); }
.urlLink-btn.whiteBtn a:hover img { filter: invert(20%) sepia(60%) saturate(493%) hue-rotate(128deg) brightness(84%) contrast(88%); }
.urlLink-btn.alternate1 a:hover { color: var(--secondary); }
.urlLink-btn.alternate1 a:hover img { filter: invert(61%) sepia(63%) saturate(415%) hue-rotate(134deg) brightness(93%) contrast(98%); }
/* Footer Styles */

.footer-wrapper { position: relative; width: 100%; z-index: 7; padding: 0px 0px; margin: 0px auto; max-width: 1920px; }
/* Footer Top */

.footer-top { position: relative; display: block; font-size: 16px; font-weight: 400; overflow: hidden; line-height: 24px; color: var(--primary); padding: 90px 0px 70px; }
.footer.wide-container { max-width: 100%; padding: 0px 60px; }
.footer .row { position: relative; justify-content: space-between; }
.footer p { text-align: inherit; }
.ftcol { position: relative; float: left; width: auto; max-width: 20%; padding: 0px 15px; }
.footLogo { position: relative; display: block; width: 240px; height: 180px; margin: 0px 0px; overflow: hidden; }
.footLogo a { }
.footLogo img { position: relative; display: block; height: auto; max-width: 100%; }
/* Footer Head */
	
.footer-head { font-family: var(--fontStyle2) !important; position: relative; display: block; font-size: 24px; font-weight: 600; line-height: 1.2; margin: 0px 0px 30px; color: var(--alternate); text-transform: uppercase; }
/*Contact FootInfo*/

ul.footerCompany-info { margin: 0px 0px; max-width: 340px; padding: 0px 0px; list-style-type: none; }
ul.footerCompany-info>li { position: relative; font-size: 16px; padding-left: 35px; margin-bottom: 30px; color: var(--primary); }
ul.footerCompany-info>li i { position: absolute; top: 3px; left: 0px; font-size: 16px; color: var(--secondary); }
ul.footerCompany-info>li a { color: var(--primary); }
ul.footerCompany-info>li a:hover { color: var(--secondary); text-decoration: underline; }
/* Footer Nav */

ul.footer-nav { position: relative; display: block; padding: 0px; font-size: 16px; margin: 0px 0px; list-style-type: none; }
ul.footer-nav li { position: relative; display: block; margin: 0px auto 22px; }
ul.footer-nav li a { position: relative; display: block; font-weight: 400; color: var(--primary); }
ul.footer-nav li a:hover, ul.footer-nav li.selected a { color: var(--secondary); }
hr.footHr { position: absolute; left: 60px; right: 60px; opacity: 0.1; bottom: -70px; margin: 0px 0px; background: #111; }
ul.footer-nav.footSocial-media li a { padding-left: 30px; }
ul.footer-nav.footSocial-media li a i { position: absolute; top: 4px; left: 0px; font-size: 16px; color: var(--secondary); }
/* Footer Bottom */

.footer-bottom { position: relative; display: block; overflow: hidden; padding: 28px 0px; }
/* Copyright */

.copyright { position: relative; display: block; font-size: 15px; margin: 0px auto; font-weight: 400; line-height: 24px; text-align: center; color: var(--primary); text-transform: capitalize; }
.copyright a { color: var(--primary); display: inline-block; }
.copyright strong { background: url("../images/verzdesign-logo.png") no-repeat scroll right center; padding-right: 20px; font-weight: 700; color: var(--alternate3); }
.copyright a:hover { color: var(--alternate3); text-decoration: underline; }
.stickyBtn-box { position: fixed; bottom: 200px; right: 50px; z-index: 991; }
.floating-whatsapp { position: relative; font-size: 40px; font-weight: 700; }
.floating-whatsapp a { position: relative; display: flex; width: 80px; height: 80px; padding: 0px; overflow: hidden; align-items: center; text-align: center; color: var(--white); background: #00D452; border-radius: 100px; justify-content: center; }
.floating-whatsapp .fab { display: block; position: relative; line-height: 28px; }
.floating-whatsapp a:hover { color: #fff; background: #01843b; }
/* Contact Info Container */

.contact-container .pageTitle h3 { color: var(--secondary); }
.contact-container .pageTitle h2 { color: var(--alternate); padding-bottom: 30px; }
.map-container { position: relative; display: block; width: auto; height: 385px; overflow: hidden; border-radius: 15px; }
.map-container iframe { position: relative; width: 100%; height: 100%; border: none; overflow: hidden; }
.contactGrid-box { padding-top: 25px;  --bs-gutter-x: 6.25rem;
}
.contactGrid-box .img-holder { border-radius: 15px; padding-bottom: 146.15%; }
.companyInfo-section { padding-right: 100px; }
.contactLocation-grid { max-width: 280px; }
.contactLocation-box { font-size: 18px; margin-bottom: 35px; color: var(--white); }
.contactLocation-grid .contactLocation-box:last-child { margin-bottom: 0px; }
.contactLocation-icon { position: relative; display: block; width: 45px; }
.contactLocation-icon img { max-width: 44px; }
.contactLocation-box h5 { font-family: var(--fontStyle1); font-size: 21px; padding: 0px 0px 12px; color: var(--secondary); }
.contactLocation-box a { color: var(--white); }
.contactLocation-box a:hover { color: var(--secondary); }
.contact-formBox { border-radius: 30px; padding: 51px 50px 60px; background: var(--background1); }
.zIndex2 { z-index: 2; }
.zIndex3 { z-index: 3; }
.contactSub-section { padding: 30px 0px; margin-bottom: 100px; }
.contactLogo, .contactLogo a { position: relative; display: block; }
.contactLogo a img { max-width: 240px; max-height: 182px; }
/* Nice Select */

.NiceSelect { position: relative; display: flex; }
.NiceSelect span { position: relative; width: 100%; }
.NiceSelect select { display: none; }
.nice-select { width: 100%; height: 56px; font-size: 16px; border-radius: 100px; line-height: normal; color: var(--alternate); background: var(--white); border: 1px solid rgba(0, 0, 0, 0.10); padding: 16px 50px 16px 30px; }
.nice-select, .nice-select .list { font-size: 16px; font-weight: 400; border-radius: 100px; background: var(--white); color: var(--alternate); border: 1px solid rgba(0, 0, 0, 0.10); }
.nice-select .list { border-color: #B9B9B9; }
.nice-select.open, .nice-select:active, .nice-select:focus, .nice-select:hover, .nice-selected .nice-select { background: var(--white); border-color: var(--secondary); }
.nice-select .current { opacity: 1; font-weight: 400; overflow: hidden; display: block; position: relative; -webkit-line-clamp: 1; color: var(--alternate); -webkit-box-orient: vertical; text-overflow: ellipsis; }
.nice-selected .nice-select .current { opacity: 1; font-weight: 400; color: #2D3C42; }
.nice-select:after { font-family: "Font Awesome 6 Free"; position: absolute; border: none; top: 50%; right: 30px; width: auto; height: auto; display: block; line-height: 1; font-size: 16px; content: "\f107"; font-weight: 900; pointer-events: none; margin: 0px !important; color: var(--alternate); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transform: translateY(-50%) !important; }
.nice-select.open:after, .nice-select:hover:after { color: var(--secondary) !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.nice-select.open:after { content: "\f106"; }
.nice-select.open .list { opacity: 1; pointer-events: initial; transform: scale(1) translateY(0); }
.nice-select.disabled { opacity: 0.5; color: #ffffff; pointer-events: none; border-color: #ffffff; }
.nice-select.disabled:after { border-color: #ffffff; }
.nice-select .list { position: absolute; margin-top: 0px; opacity: 0; top: 100%; left: 0; z-index: 9999; min-width: 300px; overflow: hidden; padding: 0px 0px; overflow-y: auto; max-height: 300px; pointer-events: none; box-sizing: border-box; transform-origin: 50% 0; background-color: #ffffff; border-radius: 12px 12px; box-shadow: 0px 0px 5px #cfcfcf; transform: scale(0.75) translateY(-25px); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; }
.nice-select .list:hover .option:not(:hover) { color: #0C0C0C !important; background-color: transparent !important; }
.nice-select .option { font-weight: 400; cursor: pointer; outline: none; text-wrap: wrap; color: #0C0C0C; font-size: 14px; min-height: 40px; background: none; line-height: 30px; padding: 10px 26px; }
.nice-select .option:nth-child(even) { background: #F9F9F9; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { color: var(--white); background: var(--secondary); }
.nice-select .option.selected { font-weight: 400; }
.nice-select .option.disabled { opacity: 0.5; color: #ffffff; cursor: default; background-color: transparent; }
/* Contact Form */

.form-control:disabled, .form-control[readonly] { background-color: transparent; }
.google-recaptch { position: absolute; bottom: 170px; right: 0px; z-index: 1; margin-right: -12px; }
.control-label { position: relative; font-size: 16px; padding: 0px 0px 12px; color: var(--alternate); }
.required-field { color: #FF0000; }
.form-group, .form-check { padding: 0px; position: relative; margin-bottom: 25px; }
.form-control, .form-custom-select, .form-select { position: relative; display: block; width: 100%; height: 56px; font-size: 16px; font-weight: 400; box-shadow: none; line-height: 24px; padding: 12px 30px; border-radius: 100px; background-clip: unset; background-image: none; color: var(--alternate); background-color: var(--white); border: 1px solid rgba(0, 0, 0, 0.10); }
textarea.form-control { min-height: 120px; line-height: 24px; border-radius: 28px; height: auto !important; }
textarea { resize: none; }
.form-control:focus, .form-control:hover { color: var(--alternate); background: var(--white); border-color: var(--secondary); -webkit-box-shadow: none; outline: none !important; box-shadow: none; }
 .form-control::-webkit-input-placeholder, ::-webkit-input-placeholder {
 opacity: 1;
 font-weight: 400;
 color: #CCCCCC;
}
 .form-control:-moz-placeholder, :-moz-placeholder { /* Firefox 18- */
 opacity: 1;
 font-weight: 400;
 color: #CCCCCC;
}
 .form-control::-moz-placeholder, ::-moz-placeholder {  /* Firefox 19+ */
 opacity: 1;
 font-weight: 400;
 color: #CCCCCC;
}
 .form-control:-ms-input-placeholder, :-ms-input-placeholder {
 opacity: 1;
 font-weight: 400;
 color: #CCCCCC;
}
 .form-control:focus::-webkit-input-placeholder {
color: transparent !important;
}
.form-control:focus:-moz-placeholder {
color: transparent !important;
}
.form-control:focus::-moz-placeholder {
color: transparent !important;
}
.form-control:focus:-ms-input-placeholder {
color: transparent !important;
}
.custom-checkBox input.form-check-input { width: 20px; height: 20px; border-radius: 2px; margin: 2px 10px 0px 0px; }
.custom-checkBox label { color: #2D3C42; }
.custom-checkBox label a { color: #2D3C42; text-decoration: underline; }
.custom-checkBox label a:hover { color: var(--alternate); }
.form-check-input:checked { background-color: #950404; border-color: #950404 !important; }
.btn-primary { position: relative; display: block; width: auto; font-size: 16px; margin: 0px auto; font-weight: 700; line-height: 22px; padding: 16px 35px; text-align: center; border-radius: 50px; color: var(--white); letter-spacing: 0.8px; text-transform: uppercase; background: var(--secondary); border: 1px solid var(--secondary); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.btn-primary img { margin: -3px 0px 0px 10px; }
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus { color: var(--white); background: var(--alternate); border-color: var(--alternate); box-shadow: none !important; }
.btn-primary.disabled, .btn-primary:disabled { color: var(--white); background: var(--alternate); border-color: var(--alternate); opacity: 0.4; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: var(--white); background: var(--alternate); border-color: var(--alternate); }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none !important; }
/* Thank You Container */

.thank-you-container, .thank-you-container figure { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; margin: 0px auto; }
.thank-you-container figure::before { position: absolute; inset: 0px; z-index: 1; content: ''; opacity: 0.25; background: #000000; }
.thank-you-container figure img { position: relative; height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.thank-you-content-area { position: absolute; z-index: 5; top: 0%; left: 0%; width: 100%; height: 100%; display: block; margin: 0px auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.thank-you-content-area .captionWrapper { position: relative; display: table; height: 100%; width: 100%; margin: 0px auto; }
.thank-you-content-area .captionContainer { position: relative; padding: 0px 0px; display: table-cell; vertical-align: middle; }
.thank-you-content-area .thank-you-content { position: relative; display: block; width: 100%; font-size: 20px; max-width: 880px; margin: 0px auto; font-weight: 500; text-align: center; color: var(--white); }
.thank-you-content h1 { font-size: 70px; font-weight: 700; line-height: 1.2; color: var(--white); padding-bottom: 25px; text-transform: capitalize; }
/* Scroll To Top */
	
#toTop { text-decoration: none; position: fixed; display: none; bottom: 20px; right: 20px; width: 55px; height: 55px; border: none; opacity: 1; z-index: 1001; text-indent: 100%; background: url(../images/ui.totop.png) 0px 0px no-repeat; overflow: hidden; }
#toTopHover { background: url(../images/ui.totop.png) 0px 0px no-repeat; width: 55px; height: 55px; display: block; overflow: hidden; float: left; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0.8; }
#toTop:hover { opacity: 1; }
#toTop:active, #toTop:focus { outline: none; }
.mean-container a.meanmenu-reveal span { background: var(--secondary); margin: 5px 0px 0px auto; }
.mean-container a.meanmenu-reveal { color: var(--secondary); padding: 2px 8px; }
.mean-container .mean-nav { margin-top: 76px; }
.mean-container .mean-nav ul li:hover > a, .mean-container .mean-nav ul li.selected > a { color: #ffffff !important; background: var(--alternate1) !important; }
.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li li a, .mean-container .mean-nav ul li li li a { text-transform: uppercase; background: var(--secondary); }
.wabagency-content a { font-weight: 500; text-decoration: underline; }
.mobileHeader-links { position: fixed; display: none; bottom: 15px; left: 15px; right: 15px; z-index: 991; padding: 5px 15px; border-radius: 10px; background: #ffffff; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); }
.grecaptcha-badge { z-index: 99; bottom: 120px !important; }


.page-template-template-about-us .aboutCore-values {
    padding: 150px 0px;
    }

/* =Media Queries
-------------------------------------------------------------- */

@media (max-width: 1850.98px) {
}
 @media (max-width: 1799.98px) {
.extraWide-container { max-width: 1420px; }
}
 @media (max-width: 1699.98px) {
body, .nav ul, .nav>ul ul, .nav>ul ul ul, .breadcrumb-container, .control-label, .form-control, .form-custom-select, .form-select, .nice-select, .nice-select .list, .btn-primary, .link-btn, .link-btn1, .copyright, .urlLink-btn, .acpMore-detailsBtn, .block-title, .addToCartBtn, .csm-social-media h5, .portfolioMask-container .serviceBtn-box, .banner_caption .captionContainerInner, .homeBlog-box a { font-size: 14px; }
.serviceItem-box, .serviceBtn-box, .testimonial-itemBox { font-size: 15px; }
.contactLocation-box, ul.footerCompany-info>li, ul.footer-nav, .thank-you-content-area .thank-you-content, .career-topInfo-box, .whyJoin-webuilq-box, .acp-title h5, .acpDate-box h6, .careerDescription-box, .careerDate-box, ul.ul-listing, .csm-social-media ul li a, ul.portfolioNav, .portfolioMask-container, ul.portfolioMore-info>li h6, ul.portfolioMore-info>li h5, ul.portfolioMore-info>li, .aboutWho-info, .whyWebuilq-content { font-size: 16px; }
.uploadFile { font-size: 13px; }
.pageTitle { font-size: 18px; }
h1, .h1, h2, .h2, .pageTitle h1, .pageTitle h2 { font-size: 40px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 22px; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 16px; }
.header-container, .footer.wide-container, .customGrid-container { padding: 0px 30px; }
.container { max-width: 1050px; }
.wide-container { max-width: 1250px; }
.inner_banner_caption .captionContainer .innerBannerHeading1 { font-size: 56px; padding-bottom: 25px; }
.pageTitle h3, .contact-container .pageTitle h2 { padding-bottom: 20px; }
.form-control, .form-custom-select, .form-select { height: 50px; padding: 12px 25px; }
.contact-formBox { padding: 42px 40px 46px; }
.nice-select { height: 50px; padding: 15px 50px 15px 25px; }
.control-label { padding: 0px 0px 10px; }
.btn-primary { padding: 13px 30px; }
.form-group, .form-check { margin-bottom: 22px; }
.contactGrid-box { padding-top: 0px; --bs-gutter-x: 4rem;
}
.customSpace-container.leftCustom-group::before, .customSpace-container.leftCustom-group::after { left: 35px; }
.customSpace-container::before, .customSpace-container::after { right: 35px; }
.contactLocation-box h5 { font-size: 18px; }
.contactLogo a img { max-width: 180px; }
.link-btn a, .link-btn1 a { padding: 12px 30px; }
.thank-you-content h1, .banner_caption .captionContainer .bannerHeading1 { font-size: 56px; }
.thank-you-content-area .thank-you-content { max-width: 700px; }
.career-topInfo-box { max-width: 450px; }
.career-slider { margin: 0px 0px 0px -120px; }
.careerSlide-box { width: 320px; }
.whyJoin-webuilq-box .row .col-auto { width: 60px; }
.whyJoin-webuilqList { padding-top: 0px; }
.acpDate-box { padding: 35px 35px; }
ul.ul-listing li { padding: 0px 0px 12px 30px; }
ul.ul-listing li::before { top: 2px; font-size: 15px; margin-left: -30px; }
.csm-product-details-box .csm-product-price-box, .csm-product-details-box .csm-product-price-box bdi, .csm-product-details-box .csm-product-price-box ins bdi { font-size: 24px; }
.csm-product-quantity input { font-size: 14px !important; }
.addToCartBtn a, .addToCartBtn button, .woocommerce button.button.alt { padding: 11px 35px; }
.quantity-button, .csm-product-quantity input { height: 50px !important; }
ul.portfolioNav>li>a { padding: 12px 35px; }
.portfolioMask-container h3 { padding-bottom: 20px; }
.homeBannerSlider .slick-dots { left: 30px; }
.banner_caption .captionContainerInner { max-width: 480px; }
.aboutWho-info { max-width: 615px; padding: 0px 15px 0px 50px; }
.homePortfolio-slider { margin-left: -636px; }
.slide-button button { width: 50px; height: 50px; background-size: 20px; }
.homeBlog-content h4 { font-size: 20px; }
.homePartner-section .row.gx-5 { --bs-gutter-x: 4rem;
}
.aboutMission-wrapper { max-width: 600px; margin-right: 15px; }
.missionVision-box { padding: 30px 0px; }
.missionVision-box .pageTitle h2 { padding: 0px 0px 20px !important; }
.builtPrecision-section, .leftSpace-container { padding: 0px 0px 0px 30px; }
ul.footerCompany-info { max-width: 295px; }
.footer-head { font-size: 22px; margin: 0px 0px 24px; }
.footLogo { width: 180px; height: 135px; }
.footer-top { padding: 55px 0px 30px; }
hr.footHr { bottom: -30px; left: 30px; right: 30px; }
ul.footerCompany-info>li i { top: 4px; }
}
 @media (max-width: 1599.98px) {
.extraWide-container { max-width: 1320px; }
}
 @media (max-width: 1499.98px) {
.nav>ul>li { margin: 0px 25px; }
.slick-prev, .slick-next { width: 40px; height: 40px; background-size: 16px !important; }
.slick-prev { left: -50px; }
.slick-next { right: -50px; }
.certificate-slider .slick-prev { left: -10px; }
.certificate-slider .slick-next { right: -10px; }
}
 @media (min-width: 1399.98px) {
.desktop-hide { display: none; }
.webHide { display: none !important; }
}
 @media (max-width: 1399.98px) {
p { margin: 0 0 15px; }
.section-container { padding: 60px 0px 40px; }
.section-container-full, .aboutIntro-section, .aboutWho-are-section { padding: 60px 0px; }
.ctc-wrapper { padding: 50px 0px; }
.header-container, .footer.wide-container, .customGrid-container { padding: 0px 15px; }
ul.headerTopLinks>li a img { max-width: 24px; }
.inner_banner_caption .captionContainer .innerBannerHeading1 { font-size: 40px; padding-bottom: 20px; }
.customSpace-container.leftCustom-group::before, .customSpace-container.leftCustom-group::after { left: 15px; }
.customSpace-container::before, .customSpace-container::after { right: 15px; }
.contactSub-section { padding: 20px 0px; margin-bottom: 50px; }
.ctc-wrapper .link-btn.pt20 { padding-top: 5px !important; }
.ctc-wrapper .pageTitle { padding-bottom: 22px; }
hr.footHr { left: 15px; right: 15px; }
.whyJoin-infoBox { padding: 0px 30px 0px 10px; }
.whyJoin-webuilqList .row.grid-30 { margin-top: -15px; margin-bottom: -15px; margin-left: -15px; margin-right: -15px; }
 .whyJoin-webuilqList .grid-30>.col, .whyJoin-webuilqList .grid-30>[class*="col-"] {
padding-top: 15px;
padding-bottom: 15px;
}
 .whyJoin-webuilqList .gutters-30>.col, .whyJoin-webuilqList .gutters-30>[class*="col-"] {
padding-right: 15px;
padding-left: 15px;
}
.whyJoin-career-section { padding: 0px 0px 80px; }
.pageTitle { padding: 0px 0px 30px; }
.career-mainContainer { padding: 60px 0px 30px; }
.careerDescription-box h5 { padding-bottom: 18px; }
.careerDescription-box { margin-bottom: 25px; }
.serviceItem-box a { border-radius: 15px; padding: 15px 15px 40px; }
.serviceItem-box .img-holder, .portfolioInner-title { margin-bottom: 30px; }
.serviceItem-info { padding: 0px 10px; }
.serviceItem-info h3 { padding-bottom: 15px; }
.thumbSliderBox { padding: 20px 50px 0px 50px; }
.csm-productThumbSlider .slick-prev { left: -40px; }
.csm-productThumbSlider .slick-next { right: -40px; }
.csm-product-details-box hr { margin: 20px 0px 20px; }
.csm-product-details-box .pageTitle.pb35 { padding-bottom: 25px !important; }
.portfolioMask-content { padding: 60px 15px; }
.pt50.loadMoreBtn { padding-top: 30px !important; }
.pdrs-group { padding-left: 20px; }
.portfolio-slider .slick-prev { left: -20px; background-color: var(--white); }
.portfolio-slider .slick-next { right: -20px; background-color: var(--white); }
.portfolio-slider .slick-prev:hover, .portfolio-slider .slick-next:hover { background-color: var(--secondary); }
.slick-dots li, .slick-dots li button { width: 10px; height: 10px; padding: 0px 0px; }
.slick-dots li { margin: auto 12px; }
.slick-dots li::before { top: -6px; left: -6px; width: 22px; height: 22px; }
.portfolio-slider .slick-dots { bottom: 30px; }
.portfolio-slider .slick-dots li button, .certificate-slider .slick-dots li button { background: #000000; border-color: #000000; opacity: 0.5; }
.portfolio-slider .slick-dots li button:hover, .portfolio-slider .slick-dots li.slick-active button, .certificate-slider .slick-dots li button:hover, .certificate-slider .slick-dots li.slick-active button { background: var(--secondary); border-color: var(--secondary); opacity: 1; }
.banner_caption .captionContainerInner { max-width: 520px; padding: 15% 0px 0px 40px; }
.homeBannerSlider .slick-dots { left: 15px; }
.banner_caption .captionContainer .bannerHeading2 { padding-bottom: 22px; }
.banner_caption .captionContainer .bannerHeading1 { padding-bottom: 25px; }
.testimonial-slider .slick-dots { bottom: -40px; }
.aboutMission-section { padding-top: 60px; }
.customSpace-container.leftCustom-group.aboutCore-values, .testimonial-section { margin-bottom: 60px; }
.builtPrecision-section, .leftSpace-container { padding: 0px 0px 0px 15px; }
.aboutPeople-box { margin-bottom: 40px; }
.certificate-slider .slick-prev { left: 0px; }
.certificate-slider .slick-next { right: 0px; }
.footer-bottom { padding: 20px 0px; }
.page-template-template-about-us .aboutCore-values { padding: 100px 0px; }
}
 @media (max-width: 1299.98px) {
.nav>ul>li { margin: 0px 15px; }
.contactGrid-box, .homePartner-section .row.gx-5 { --bs-gutter-x: 1.55rem;
}
.section-container-full.customSpace-container.leftCustom-group { padding-left: 15px; padding-right: 0px; }
.section-container-full.customSpace-container { padding-right: 15px; }
.whyJoin-infoBox .pageTitle h2 { padding-bottom: 20px; }
.portfolioMask-content { max-height: 280px; padding: 30px 15px; }
.banner_caption .captionContainerInner { padding: 10% 0px 0px 40px; }
.aboutWho-info { padding: 0px 15px 0px 15px; }
.certificate-slider { padding-bottom: 15px; margin-bottom: 25px !important; }
}
 @media (max-width: 1250px) {
.csm-productGalleryContainer, .csm-product-details-box { padding: 0px; }
.homePortfolio-slider { margin-left: 0px; margin-bottom: 30px; }
.homePortfolio .row.justify-content-end .col-xl-6 { width: 100%; }
/* .slick-current .homePortfolio-box { width: 420px; } */
.homePortfolio-box { width: 220px; /*margin-top: 100px;*/ }
.aboutMission-wrapper { max-width: 100%; margin-right: 0px; }
.whyWebuilq-content { padding-right: 0px; }
.whyWebuilq-listing .whyWebuilq-item:nth-child(even) .whyWebuilq-content { padding-right: 0px; padding-left: 0px; }
}
 @media (max-width: 1199.98px) {
#pageHeaderWrapper { position: relative; top: auto; left: auto; }
.logo { width: 75px; height: 56px; margin: 10px 0px; }
.headerTop.active .nav-wrapper { z-index: 1111; }
.mean-container a.meanmenu-reveal { top: 22px; right: 0px !important; }
.headerTop.active .mean-container .mean-nav { height: 367px; overflow: hidden; }
.topRightHeader { position: absolute; left: 0px; top: 0px; width: 100%; justify-content: end; padding: 27px 55px 27px 0px; }
.nav-wrapper { margin: 0px 0px; order: 3; position: absolute; top: 0px; right: 0px; float: none; width: 100%; }
ul.headerTopLinks>li a img { max-width: 20px; }
ul.headerTopLinks { margin: 0px -8px; padding: 0px 0px; }
ul.headerTopLinks>li { padding: 0px 8px; }
.contact-formBox { padding: 30px 20px 35px; border-radius: 15px; }
.map-container { margin-top: 30px; height: 340px; }
.contactLogo a img { max-width: 120px; }
.contactGrid-box>.col-xl-6>.row>.col-auto { width: 100%; }
.contactLogo { text-align: center; margin-bottom: 25px; }
.contactLocation-grid { max-width: 100%; }
.footLogo { width: 140px; height: 105px; }
.career-topInfo-box { max-width: 100%; float: none; margin: 0px 0px; }
.career-slider { margin: 0px 0px; }
.careerSlide-box { width: 280px; }
.whyJoin-pic .img-holder { border-radius: 0px 15px 15px 0px; }
.whyJoin-career-section>.row>.col-lg-5, .whyJoin-career-section>.row>.col-lg-7 { width: 100%; }
.whyJoin-pic { padding-right: 15px; }
.availablePosition-list a .row .col-auto { width: 100%; text-align: center; }
.acp-title { max-width: 100%; padding: 25px 15px; }
.acpMore-detailsBtn { padding: 10px 0px 25px; }
.acpDate-box { padding: 20px 15px; }
.availablePosition-list a { padding: 0px 0px; }
.availablePosition-list { margin: 0px 0px 25px; }
.availablePosition-section { padding-top: 0px; }
.nobanner .breadcrumb-container { padding: 10px 0px; }
.pdrs-group, .pdls-group { padding: 0px; }
}
 @media (min-width: 992px) {
.tab-holder.TabsAccordion .collapse { display: block; }
.tab-holder.TabsAccordion .accordion-header { display: none; }
}
	
/* Portrait tablets and medium desktops */
@media (max-width: 991.98px) {
.pageTitle { font-size: 16px; }
.inner_banner_caption, .thank-you-content-area { position: relative; display: block; inset: auto; padding: 30px 0px; background: var(--alternate); }
.contactGrid-box .img-holder { margin-bottom: 30px; }
.contactLocation-icon img { max-width: 20px; }
.contactLocation-icon { width: 22px; }
.thank-you-content-area .urlLink-btn a:hover { color: var(--white); }
.thank-you-content-area .urlLink-btn a:hover img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(156deg) brightness(100%) contrast(500%); }
.serviceItem-box a .serviceBtn-box { opacity: 1; margin: 0px; }
.serviceItem-box :hover .img-holder { padding-bottom: 78.65%; }
.csm-pro-desBox { margin: 20px 0px; padding: 15px 0px; }
.csm-social-media ul { margin: 0px -8px; }
.csm-social-media ul li { padding: 0px 8px 10px; }
.portfolio-title { display: none; }
.portfolioMask-container { position: relative; inset: auto; height: 100%; opacity: 1; border-radius: 15px 15px 0px 0px; margin-top: 15px; }
.portfolioItem-box a { border-radius: 10px; }
.portfolioMask-content { max-height: 100%; overflow: visible; padding: 30px 15px; }
.portfolioTabs-group, .homePartner-section .img-holder { margin-bottom: 30px; }
.banner_caption { position: relative; inset: 0px; }
.bannerWrapper .banner { padding: 0px 0px 30px; background: var(--alternate); }
.banner_caption .captionContainerInner { padding: 30px 0px 40px 0px; max-width: 100%; }
.homeBannerSlider .slick-dots { top: auto; left: 0px; right: 0px; bottom: 0px; transform: none !important; }
.homeBannerSlider .slick-dots li { display: inline-block; margin: 0px 8px; }
.aboutWho-pic { padding: 0px 15px 30px 0px; }
.aboutWho-pic .img-holder { border-radius: 0px 15px 15px 0px; }
.aboutWho-info { max-width: 100%; }
.video-playBtn { width: 60px; height: 60px; font-size: 20px; }
.testimonial-content { padding: 0px 10px; margin-bottom: 20px; }
.testimonial-slider { margin: 0px -20px 35px !important; }
.missionVision-icon { width: 80px; height: 80px; margin: 0px auto 20px; }
.missionVision-icon img { max-width: 30px; }
.aboutMission-wrapper { padding: 20px 15px 0px; }
.missionVision-box { text-align: center; }
.missionVision-box .row .col-auto { width: 100%; }
.aboutMission-wrapper .missionVision-box:last-child { padding-bottom: 0px; }
.aboutCore-box .img-holder { width: 90px; padding-bottom: 90px; margin: 0px auto 25px; }
.aboutCore-box .img-holder img { max-width: 40px; }
.builtPrecision-pic, .builtPrecision-pic img { border-radius: 15px 0px 0px 0px; }
.builtPrecision-content { position: relative; inset: auto; background: var(--alternate); padding: 30px 0px; border-radius: 0px 0px 0px 15px; }
.webuilq-subSlider .slick-dots { bottom: 15px; }
.left30-radius { border-top-left-radius: 15px; border-bottom-left-radius: 16px; }
.whyWebuilq-item .img-holder { border-radius: 30px; margin-bottom: 25px; }
.whyWebuilq-listing .whyWebuilq-item:nth-child(odd) .row>.col-lg-7 { order: 1; }
.whyWebuilq-listing .whyWebuilq-item:nth-child(odd) .row>.col-lg-5 { order: 2; }
.ftcol { width: 100%; max-width: 100%; margin-bottom: 15px; }
.footLogo { width: 120px; height: 90px; margin: 0px auto 15px; }
ul.footerCompany-info { max-width: 100%; }
ul.footerCompany-info>li { margin-bottom: 20px; }
ul.footerCompany-info>li:last-child { margin-bottom: 15px; }
ul.footer-nav { display: flex; flex-wrap: wrap; margin: 0px -10px; }
ul.footer-nav>li { margin: 0px 0px 15px; padding: 0px 10px; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767.98px) {
.banner_caption .captionContainer .bannerHeading1, .banner_caption .captionContainer .bannerHeading1 { font-size: 28px !important; padding-bottom: 30px; }
h1, .pageTitle h1, .pageTitle h2 { font-size: 26px !important; letter-spacing: 0px !important; }
h2 { font-size: 26px; letter-spacing: 0px !important; }
h3 { font-size: 20px; letter-spacing: 0px !important; }
h4 { font-size: 18px; letter-spacing: 0px !important; }
h5 { font-size: 16px; letter-spacing: 0px !important; }
h6, ul.portfolioNav { font-size: 14px; letter-spacing: 0px !important; }
#toTop { bottom: 150px; right: 10px; width: 40px; height: 40px; background-size: cover; }
#toTopHover { background-size: cover; width: 40px; height: 40px; }
ul.portfolioNav>li { width: 50%; padding: 5px 5px; }
ul.portfolioNav { border: none; margin: -5px -5px; }
ul.portfolioNav>li>a { background: var(--alternate); color: var(--white); text-align: center; padding: 12px 15px; }
.portfolioMore-group ul.portfolioNav li a { background: var(--white); color: var(--alternate); }
.portfolioMore-group ul.portfolioNav>li.selected>a, .portfolioMore-group ul.portfolioNav>li>a:hover { background: var(--secondary); color: var(--white); }
.slick-current .homePortfolio-box { width: 100%; }
.homePortfolio-box { width: 100%; margin-top: 0px; }
.homeBlog-title .row .col { width: 100%; flex: 100%; margin-bottom: 15px !important; }
}
 @media (max-width: 575.98px) {
.headerGroupContainer, .headerTopLinks>li.headerCart-menu a span, .mobileHeader-links.hideBox { display: none; }
.mobileHeader-links { display: block; }
.mobileHeader-links ul.headerTopLinks li { width: 25%; text-align: center; padding: 5px 10px; margin: 0px 0px; }
.headerTopLinks>li a { position: relative; display: block; width: auto; height: auto; background: transparent; padding: 5px 5px; }
.csm-product-item, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; }
}
 @media (max-width: 480px) {
.careerSlide-box { width: 100%; border-radius: 15px; }
}
 @media (max-width: 380px) {
ul.portfolioNav>li { width: 100%; }
}
 @-ms-viewport {
width: auto !important;
}