/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
body, p, * {font-family: 'Poppins', sans-serif!important;}

.mainSlider .section-bg-overlay {
    /*background-color: rgba(62, 165, 39, 0.593);*/
    background-image: -webkit-gradient(linear, left top, right top, from(#002672), to(#48A951))!important;
    background-image: linear-gradient(to right, #002672, #48A951)!important;
    opacity: .64!important;
}

.dotBox { position: relative; margin-top: 25px;}
.dotBox::before {
	content: "";
	width: 70px;
height: 70px;
background-color: #48A951;
border-radius: 50%;
position: absolute;
top: -35px;
right: 85px;
z-index: 0;}

.dotBox img {max-height: 50px;}


.productCategories .col-inner {
    padding: 40px;
    background-color: #F5F5F5;
}
.productCategories h2 {font-size: 22px;
font-family: 'Roboto', sans-serif;
color: #002672;
margin-bottom: 20px; min-height: 57px;}

.productCategories a.button.primary {font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
color: #191919;
text-decoration: none !important;
padding: 10px 25px;
border-radius: 25px;
background-color: #fff;
display: inline-block;
margin-top: auto; line-height: 1;}

.productCategories a.button.primary:hover { background-color: #002672; color: #fff; }

.noBorderStyle .section-title b { opacity: 0!important;}
.noBorderStyle h1.section-title {font-family: 'Roboto', sans-serif; font-size: 40px; font-weight: 500; color: #191919; }
.noBorderStyle h1.section-title span { text-transform: none!important; }

.footerCustom {background-color: #002672; padding: 30px 0; font-size: 14px; color:#FFF;}
.fcWrapper { display: flex;}
.fcInnerleft, .fcInnerRight { flex: 1; max-width: 27%;}
.fcInnerRight { padding-left: 40px;}
.fcInnerMiddle {flex: 1; width: fit-content;}

.fcInnerleft, .fcInnerMiddle, .fcInnerRight { max-width:}

.fcInnerMiddle .ul-wrapper { display: flex; justify-content: space-between; gap: 30px !important; font-size: 13px; }
.footerCustom ul { margin: 0; padding: 0; list-style: none;}
.footerCustom a, .copyRight a { color: #FFF;}
.footerCustom h5 {font-family: 'Roboto', sans-serif; color: #FFF; font-size: 16px; margin-bottom: 5px; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 15px;}

.fcInnerRight a span { width: 120px; display: inline-block; }
table.fcContactTable { border:0!important; color: #FFF!important;}
table.fcContactTable td { color: #fff; border: 0!important;}
table.fcContactTable tr { border:0!important;}

.copyRight {background-color: #002672; border-top: 1px solid #384e7b; padding: 20px 0; font-size: 12px; color: #FFF;}
.copyRight .container { display: flex; justify-content: space-between;}
.privacypolicy { text-align: right;}
.crinner { flex:1;}

.bgHover:hover, .bgHover:focus {background-image: linear-gradient(to right, #002672, #48A951); color: #fff;}
.bgHover:hover img, .bgHover:focus img {filter: brightness(0) invert(1);}
.bgHover h1{ font-size: 40px;}
.greenTitle h1 { color: #48a951;}
.blueTitle h1 { color: #002672;}
.bgHover:hover .greenTitle h1, .bgHover:hover .blueTitle h1  { color: #FFF;}

.cfRow { display: flex;justify-content:space-between;; width: 100%;}
.cfRow input[type="text"], .cfRow input[type="email"], .cfRow input[type="tel"], .contactForm textarea {background-color: #fff;
border: 2px solid;
border-color: #e4ecf2;
height: 65px;
-webkit-box-shadow: none;
box-shadow: none;}

.cfRow textarea {width: 100%;}
.cfInner { flex: 1; width 100%; max-width: 32%;}
.contactForm input[type="submit"]{
	font-size: 16px;
font-weight: 400;
padding: 17px 40px;
text-align: center;
cursor: pointer;
position: relative;
z-index: 1;
background-color: #002672;
color: #fff;
outline: 0;
border: 0;
min-width: 160px;
}
.bottom0 p { margin-bottom: 0; padding-bottom: 0; line-height: 0;}
ul.nav-right li.header-divider { display: none;}
.bestsellerBanTitle h1.section-title { text-align: center!important;} 
.bestsellerBanTitle h1.section-title b { display: none;}


.customOverlay .overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(#002672), to(#48A951)) !important;
background-image: linear-gradient(to right, #002672, #48A951) !important;
opacity: .64 !important;
}


li.has-dropdown .sub-menu a.accordion-title:hover {background-image: -webkit-gradient(linear, left top, right top, from(#002672), to(#48A951))!important;
background-image: linear-gradient(to right, #002672, #48A951)!important;}


ul.product-categories li.cat-item-15 {display: none;}
.sub-menu.nav-dropdown { width 100%; max-width:310px!important;}
a.accordion-title { font-size: 1em;}
.sub-menu.nav-dropdown .accordion-inner a.ux-menu-link__link { font-size: 0.9em!important;}
/*.product-small.box {background-color: #f3f3f3;}*/
/*.shop-page-title form.woocommerce-ordering { display: none;}*/

input[type="submit"], input[type="submit"].button, input[type="submit"] {
    background-color: #002672!important;
}
.grid-tools a {background-color: #002672;}
.product-small .box { border: 1px solid #efefef; min-height: 450px; border-radius: 5px; }
.product-small .box .title-wrapper {padding: 15px 15px 0 15px; min-height: 80px;}

.title-wrapper p.product-title a.woocommerce-LoopProduct-link {overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;}
.title-wrapper p.category {overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
   -webkit-box-orient: vertical;}

a.catalougeBtn {display: block; margin-top: 10px;
    padding: 3px 10px 3px 20px;
    background: #fff;
	border: 2px solid #FFF;
    color: #48a951;
    font-weight: 600;
    width: 100%;
    max-width: fit-content;

-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; transition: 1.5s ease;}
a.catalougeBtn:hover { background: #002672; border: 2px solid #48a951; transition: 1.5s ease;}
a.catalougeBtn img { width: 100%; max-width: 40px;}


/*.single-product .woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content ul.tabs { display: none!important;}*/

.notInDesktop { display: none!important;}


.productsidebarCategories ul.wc-block-product-categories-list li:nth-child(1) { display: none!important; }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@media only screen and (max-width: 1280px) {
	.productCategories h2 {font-size: 20px;}
	.productCategories h2 {min-height: 80px;}
	.productCategories .col-inner {	padding: 20px;}
}

@media only screen and (max-width: 1024px) {
	.header-top ul.mobile-nav li.html.custom.html_topbar_left { display: flex;}	
	.header-top ul.mobile-nav li.html.custom.html_topbar_left .icon { margin-right: 10px;}
	.header-top {min-height: 50px!important;}
	
	.fcWrapper {display: block;}
	.fcInnerRight {padding-left: 0;}
	.fcInnerMiddle, .fcInnerRight { padding-top: 30px;}
	.fcInnerleft, .fcInnerMiddle, .fcInnerRight { flex: auto; width: 100%; max-width: 100%;}
}

@media only screen and (max-width: 991px) {
	.productCategories a.button.primary {
    font-size: 14px;
	padding: 10px 20px;}
	.productCategories h2 {
    font-size: 18px;
}
	
	.productCategories .medium-3, .whyBoxes .medium-3 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
	.productCategories h2 {
    min-height: 50px;
}
	
	.cfRow {display: block;}
	.cfInner {max-width: 100%;}
	
	.woocommerce .medium-columns-3, .oocommerce.columns-4 .col {max-width: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;}
	

}

@media only screen and (max-width: 849px) {
	.notInDesktop {display: block!important;}}

@media only screen and (max-width: 599px) {
	.productCategories .small-6, .woocommerce .col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
	.whyBoxes .small-6 {border: 1px solid #F5F5F5;
padding: 30px;
padding-top: 60px;}
	
	.dotBox::before {right: 15px;}
	.fcInnerMiddle .ul-wrapper {display: block;}
	
	
	
}
.tawk-bubble-container {display: none!important;}