/*** 
====================================================================
	Global Settings
====================================================================
***/
body{
	font-family: 'Poppins', sans-serif;
	color: var(--black);
	line-height: 1.5;
	font-size: 15px;
}
:root {
	--color-1: #15273b;
	--color-2: #07abc1;
	--black: #111111;
	--light-grey:#f7f7f7;
	--grey:#525654;
}
.bg-primary{
	background-color: var(--color-1) !important;
}
.bg-info{
	background-color:rgba(7, 171, 193, .1) !important;
}
.bg-light{
	background-color: #f1f1f1 !important;
}
.ws-wrapper{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.badge{
	z-index: 99;
    right: 10px;
    top: 10px;
}
a{
	text-decoration: none;
}
.bg-overlay:after{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: var(--color-1);
	opacity: .3;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
h1,h1,h3,h4{
	color: var(--black);
}
h1{
	font-size: 34px;
}
h2{
	font-size: 28px;
}
h3{
	font-size: 18px;
}
h4{
	font-size: 16px;
}
.form-control {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    font-size: 15px;
    height: 44px;
    color: var(--grey);
    background: #fff;
}
.form-control::placeholder{
	color: var(--grey);
}
.form-control:focus{
	box-shadow: none;
	color: var(--grey);
	border-color: var(--color-2);
}
textarea.form-control {
    height: 110px;
    resize: none;
}
.btn{
	padding: 6px 20px;
}
.btn-info{
	background-color: var(--color-2);
	border-color: var(--color-2);
	color: #fff;
}
.btn-primary{
	background-color: var(--color-1);
	border-color: var(--color-1);
	color: #fff;
}
.btn-primary:hover{
	background: var(--color-2);
	border-color: var(--color-2);
}
.btn-outline-primary,
.btn-outline-dark,
.btn-outline-light{
	border-width: 2px;
	padding: 5px 20px;
	font-size: 20px;
}
.btn-outline-dark{
	font-size: 16px;
}
.btn-outline-primary{
	padding: 4px 10px;
    font-size: 14px;
    border-color: var(--color-2);
    color: var(--color-2);
}
.btn-outline-primary:hover{
	background: var(--color-2);
	border-color: var(--color-2);
}
.navbar-toggler{
    width: 30px;
    height: 28px;
    border-radius: 4px;
    padding: 6px;
    font-size: 20px;
    background: #fff;
    color:var(--color-1)
}
.navbar-toggler:focus{
	box-shadow: none;
}
.navbar-toggler[aria-expanded="true"] .fa-bars{
	display: none;
}
.navbar-toggler .fa-xmark{
	display: none;
}
.navbar-toggler[aria-expanded="true"] .fa-xmark{
	display: block;
}
.ws-img-service-col h3,
.ws-main-menu-list a,
.ws-feature-sec .ws-feature-col h3,
.ws-feature-sec .ws-feature-col,
.ws-footer-text-block a,
.ws-trending-col span,
.ws-page-nav .ws-navbar .nav-link{
	transition: color .25s linear;
}
.ws-page-nav .ws-navbar .nav-link span:after,
.ws-drowpdown-wrapper-list .list-wrap a,
.ws-img-service-col img,
.ws-main-filter-list li a,
.ws-feature-sec .ws-feature-col{
	transition: all .25s linear;
}
.ws-page-nav .ws-navbar .nav-link.show,
.ws-drowpdown-wrapper-list .list-wrap a:hover,
.ws-img-service-col:hover h3,
.ws-main-menu-list a:hover,
.ws-feature-sec .ws-feature-col:hover h3,
.ws-feature-sec .ws-feature-col:hover,
.ws-footer-text-block a:hover,
.ws-trending-col:hover span,
.ws-page-nav .ws-navbar .nav-link:hover{
	color: var(--color-2);
}
.ws-img-holder{
	overflow: hidden;
}
.ws-img-holder img{
	transition: transform .3s linear;
}
.ws-img-holder:hover img{
	transform: scale(1.10);
}
.ws-text-caption{
	margin-bottom: 30px;
	line-height: 26px;
}
/*** 
====================================================================
	Page Header
====================================================================
***/
.ws-header-top-bar{
	background: var(--color-2);
}
.ws-header-top-bar a{
	color: #070C12;
	font-size: 17px;
}
.ws-search-wrapper .ws-ico{
	margin-right: 5px;
}
.ws-search-wrapper .ws-phone-number a,
.ws-search-wrapper a.collapsible{
	color: var(--color-1);
	font-size: 18px;
	cursor: pointer;
}
.ws-search-form{
	display: none;
}
.ws-search-form .form-control{
	border: none;
	height: 50px;
	width: 100%;
	padding: 0 20px 0 60px;
	border: 0px;
	border-bottom: 2px solid #dcdddc;
	background-color: transparent;
	font-size: 28px;
	color: #525654;
}
.ws-search-form .form-control::placeholder{
	color: #525654;
}
.ws-search-form .form-control:focus{
	border-color: #525654;
	box-shadow: none;
}
.ws-search-form .fa-magnifying-glass{
	position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #525654;
}
.ws-search-form .ws-close-icon{
	color: var(--color-1);
	font-size: 30px !important;
}
.ws-page-header{
	 position:relative;
	z-index: 99;
}
.ws-page-header-wrapper.is-sticky {
  position: fixed;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  animation: slideDown 0.35s ease-out;
  background: #fff;
  top: 0;
}
@keyframes slideDown {
  from {
    transform: translateY(-50%);
  }
  to {
    transform: translateY(0);
  }
}
.ws-page-nav .nav-item{
	margin-left: 25px;
}
.ws-page-nav .ws-navbar .nav-link{
/*    padding: 15px 0px;*/
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 500;
    padding: 0;
}
.ws-page-nav .ws-navbar .nav-link.show .fa-chevron-down{
	transform: rotate(180deg);
}
.ws-page-nav .ws-navbar .nav-link span{
	padding-bottom: 3px;
}
.ws-page-nav .ws-navbar .nav-link span:after{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	width:100%;
	height: 1px;
	background: var(--color-2);
	transform: scale(0);
}
.ws-page-nav .ws-navbar .nav-link.show span:after,
.ws-page-nav .ws-navbar .nav-link:hover span:after{
	transform: scale(1);
}
.ws-page-nav .ws-navbar .nav-link .fa-chevron-down{
    font-size: 12px;
}
/*.ws-page-nav .ws-navbar .nav-link:after{
	content: '\f078';
  	font-family: "Font Awesome 6 free"; 
	font-weight: 900;
    margin-left: 5px;
    font-size: 12px;
}*/
.ws-menu-dropdown{
	position: absolute;
	top: 100%;
	left: 0;
	white-space: nowrap;
	background: var(--black);
	opacity: 0;
	min-width: 200px;
	visibility: hidden;
	transform:translateY(30px);
	transition: all .2s ease;
	border-top: 2px solid var(--color-1);
}
.ws-page-nav .ws-navbar li:hover .ws-menu-dropdown{
	opacity: 1;
	visibility: visible;
	transform:translateY(0px);
}
.ws-navbar .dropdown-menu{
	width: 100%;
    background: #fff;
    margin: 0;
    padding: 15px 0;
}
.ws-drowpdown-wrapper-list{
	display: grid;
    gap: 2.4rem 3rem;
    grid-template-columns: repeat(6,minmax(0,1fr));
}
.ws-drowpdown-wrapper-list .list-wrap{
	font-size: 15px;
	line-height: 23px;
	padding-left: 7px;
}
.ws-drowpdown-wrapper-list .list-wrap a{
	display: flex;
	color: var(--grey);
}
.ws-drowpdown-wrapper-list .list-wrap a:hover{
	transform: translateX(5px);
}
.ws-sub-dropdown .list-dropdown-item a:before,
.ws-drowpdown-wrapper-list .list-wrap a:before{
	content: '\f054';
  	font-family: "Font Awesome 6 free"; 
	font-weight: 900;
    margin-right: 5px;
    font-size: 12px;
}
.ws-drowpdown-wrapper-list .list-wrap li{
	margin-bottom: 8px;
}
/*** 
====================================================================
	Carousel Slider
====================================================================
***/
.hero-slider .slick-dots li{
	width: auto;
	height: auto;
}
.hero-slider .slick-dots li button{
	background: var(--color-1);
    width: 35px;
    height: 8px;
    padding: 0;
    border-radius: 3px;
}
.hero-slider .slick-dots li.slick-active button{
	background: var(--color-2);
}
.hero-slider .slick-dots li button:before{
	content: none;
}
.hero-slider .slick-dots {
	bottom: -50px;
}
.hero-slider .ws-banner-caption{
	font-size: 20px;
	z-index: 1;
}
.hero-slider .ws-banner-caption .btn{
	padding: 7px 20px;
    font-size: 22px;
}
.hero-slider .ws-banner-caption p{
	margin-bottom: 30px;
}
.hero-slider .ws-banner-caption b{
	font-weight: 600;
}
.hero-slider .bg-hero-slider{
	min-height: 560px;
	background-size: cover;
	background-position: top right;
	background-repeat: no-repeat;
}
/*** 
====================================================================
	Service Section
====================================================================
***/
.ws-img-service-col{
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 8px;
}
.ws-img-service-col .ws-img-holder{
	border-radius: 7px;
	height: 200px;
}
.ws-img-service-col:hover .ws-img-holder img{
	transform: scale(1.07);
}
.ws-img-service-col img{
	object-fit: cover;
	border-radius: 15px;
	max-height: 100%;
}
.ws-img-service-col .ws-text-inside {
    color: var(--color-1);
    border-top: 2px solid var(--color-1);
    border-bottom: 2px solid var(--color-1);
    font-size: 1.5em;
}
/*.ws-img-service-col .ws-text-block{
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 9;
	width: 80%;
}*/
/*.ws-filter-list{
	font-size: 16px;
	line-height: 20px;
}
.ws-filter-list li{
	margin-left: 15px;
	padding-left: 15px;
}
.ws-filter-list li+li{
	border-left: 2px solid;
}
.ws-filter-list li a{
	color: var(--color-1);
	border-bottom: 2px solid transparent;
}
.ws-filter-list li a:hover{
	border-color: var(--color-2);
}*/
/*** 
====================================================================
	About Section
====================================================================
***/
.ws-about-sec .ws-about-text-caption{
    padding: 25px 30px;
}
.ws-about-sec .ws-about-wrapper p{
	margin-bottom: 30px;
	line-height: 28px;
}
/*** 
====================================================================
	Trending Section
====================================================================
***/
.ws-trending-col{
	color: var(--color-1);
	margin-bottom: 30px;
}
.ws-trending-col .price{
	font-size: 14px;
}
/*** 
====================================================================
	Features Section
====================================================================
***/
.ws-feature-sec .ws-feature-col{
	font-size: 14px;
	padding:15px;
}
.ws-feature-sec .ws-feature-col .ws-ico-holder{
    width: 130px;
    height: 130px;
}
.ws-feature-sec .ws-feature-col:hover{
	box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
}
/*** 
====================================================================
	Newsletter Section
====================================================================
***/
.ws-newsletter-sec.bg-overlay:after{
	background: #fff;
	opacity: .8;
}
.ws-newsletter-sec{
	padding: 100px 0;
	background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
}
.ws-newsletter-wrapper{
	z-index: 9;
	line-height: 30px;
}
/*** 
====================================================================
	Footer Section
====================================================================
***/
.social-list li {
    margin-right: 10px;
}
.social-list li a {
    background: var(--color-2);
    width: 40px;
    height: 40px;
    color: var(--color-1);
    transition: all .3s linear;
    font-size: 20px;
}
.social-list li a:hover{
	background: var(--color-1);
	color: #fff;
}
.ws-footer-text-block{
	font-size: 15px;
}
.ws-footer-text-block .ft-heading{
	font-size: 18px;
}
.ws-footer-text-block a{
	color: var(--color-1);
}
.ft-list li{
	margin-bottom: 7px;
}
.ws-contact-list i {
    font-size: 22px;
    min-width: 30px;
    color: var(--color-2);
}
.ws-contact-list li {
    display: flex;
    margin-bottom: 15px;
}
.ws-contact-list{
    line-height: 20px;
}
.ws-contact-list-2{
	font-size: 14px;
}
.ws-contact-list-2 li{
	margin-bottom: 15px;
}
.ws-contact-list-2 .timing{
	font-size: 14px;
	line-height: 16px;
}
.copyright a{
	color: var(--color-2);
}
.copyright{
	font-size: 15px;
}
/*** 
====================================================================
	Mobile menue
====================================================================
***/

.nav-aside-collapse a{
	color: var(--color-1);
}

.ws-sub-dropdown .list-dropdown-item,
.ws-sub-group-list .list-item{
	padding: 4px 0;
}
.ws-main-menu-list .ws-sub-group-list{
	padding-left: 20px;
}
.ws-main-menu-list .ws-sub-dropdown{
	padding-left: 20px;
}
.ws-link-btn:after {
  	content: '\f078';
  	font-family: "Font Awesome 6 free"; 
	font-weight: 900;
    margin-left: 3px;
    font-size: 12px;
	color: var(--color-1);
}
.ws-sub-group-list{
	padding: 0 20px;
}
.ws-sub-group-list .ws-sub-dropdown{
	padding: 0 15px;
}
.ws-sub-dropdown .list-dropdown-item a{

} 

/*** 
====================================================================
	Service Section
====================================================================
***/

.ws-service-caption-col{
	margin-bottom: 35px;
}
.ws-service-caption-col .ws-card-information{
	font-size: 12px;
	color: var(--black);
}
.ws-service-caption-col h4{
	font-size: 14px;
}
.ws-service-caption-col:hover .ws-img-holder img{
	transform: scale(1.10);
}
.ws-contact-detail strong{
	color: var(--grey);
}
.ws-service-detail-wrapper .ws-servicd-detail-col svg{
	width: 15px;
	height: 15px;
}
.ws-service-detail-wrapper .ws-first-price{
	font-size: 18px;
}
.ws-service-detail-wrapper .ws-second-price{
	font-size: 15px;
}
.ws-service-detail-wrapper .product-size{
	font-size: 14px;
	padding: 6px 22px;
    cursor: pointer;
    background: var(--color-2);
}
.ws-service-detail-wrapper .img-holder{
	max-width: 500px;
	height: fit-content;
}
.modal-dialog .ws-contact-detail a{
	color: var(--grey);
}
.modal-dialog .ws-contact-detail{
	font-size: 18px;
}
/*** 
====================================================================
	Pagination
====================================================================
***/
.pagination{
	justify-content: center;
	padding-top: 30px;
}
.pagination .page-item{
	margin: 0 5px;
}
.pagination .page-link{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
    border-radius: 4px;
}
.pagination .active>.page-link, .page-link.active{
	background-color: var(--color-2);
	border-color: var(--color-2);
}
.pagination .page-item:last-child .page-link,
.pagination .page-item:first-child .page-link{
	font-size: 24px;
}

.ws-accordian .accordion-button{
	font-weight: 600;
    padding: 12px 0;
	font-size: 16px;
	position: relative;
	background: transparent;
	color: var(--grey);
}
.ws-accordian .accordion-body{
	font-size: 16px;
	line-height: 25px;
	color: var(--grey);
	padding:15px;
}
.ws-accordian .accordion-body ul{
	list-style-type: circle;
	padding: 0 0 0 20px;
}
.ws-accordian .accordion-body ul li{
	margin-bottom: 7px;
}
.ws-accordian .accordion-body ul strong{
	font-weight: 500;
}
.ws-accordian .accordion-button:focus{
	box-shadow: none;
}
.ws-accordian .accordion-item{
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0px;
}
.ws-accordian .accordion-button::after{
    background-size: 14px;
}
.ws-how-to-order-sec h2{
	font-size: 22px;
}
.ws-how-to-order-sec .ws-order-col{
	height: calc(100% - 30px);
	margin-bottom: 30px;
	font-size: 14px;
}
.gm-style .directions-card{
	display: none;
}
/*.ws-accordian .accordion-button:not(.collapsed){
	background: var(--blue);
	box-shadow: none;color: #fff
}*/

.ws-slider-syncing{
	max-width: 520px;
	margin: auto;
}
.ws-slider-syncing .ws-slider-img{
	border: 1px solid #ddd;
	padding: 5px;
}
.slider-nav .slick-slide > div{
	margin:0 10px;
}
.ws-slider-syncing .slick-prev:before{
	 content: '\f053';
  font-family: "Font Awesome 6 free"; 
	font-weight: 900;
	color: var(--black);
	opacity: 1;
} 
.ws-slider-syncing .slick-next:before{
 content: '\f054';
  font-family: "Font Awesome 6 free"; 
	font-weight: 900;
	color: var(--grey);
	opacity: .8;
}
.ws-pickup-sec{
	padding: 100px 0;
}