/*!
Theme Name: faisalabadfabrics
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: faisalabadfabrics
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

faisalabadfabrics is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
 :root{
	--primary_blue: #014693;
	--white: #ffffff;
	--black: #000000;
	--fade_black: #4a4c57;
	--yellow: #fdd922;
	--light_blue: #1f72ce;
	--dark_brown: #1f72ce;
    --light_gray: #f6f6f6;
 }
body  , *{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    font-family: 'Poppins';
}
body{
    overflow-x: hidden;
}
img{
    width: 100%;
    height: auto;
}
.container {
    max-width: 1310px;
    margin: 0 auto;
    padding: 0 15px;
}
.cl-container {
    max-width: 1470px;
    margin: 0 auto;
    padding: 0 15px;
}
/* header new Menu */

.header_menu_primary ul.menu {
    display: flex;
}
.header_menu_primary ul.menu {
    border: 0;
}
.header_menu_primary ul a {
    border: 0;
    color: var(--white);
}

/* .sub-menu-wrapper {
    position: absolute;
    left: 0;
    min-height: 400px;
    background:var(--white);
    width: 100%;
    z-index: 2;
    padding: 40px;
    top: 100%;
	display: none;
	flex-wrap: wrap;
} */
.sub-menu-wrapper {
    position: absolute;
    left: 50%;
    min-height: 250px;
    background: var(--white);
    min-width: 400px;
    z-index: -3;
    padding: 20px 29px;
    top: 110%;
    display: flex;
    flex-wrap: wrap;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .3s linear;
    border-radius: 10px;
}
.sub-menu-wrapper ul{
	display: none;
}
.sub-menu-wrapper .sub-menu{
	display: block;
	width: 105%;
}
/* .menu-item-has-children:hover .sub-menu-wrapper{
	display: flex;
} */
.menu-item-has-children:hover .sub-menu-wrapper {
    display: flex;
    opacity: 1;
    top: 100%;
    z-index: 99;
}
.sub-menu-wrapper .sub-menu a {
    color: var(--primary_blue);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
	padding: .4rem 0;
	display: inline-block;
	text-transform: capitalize;
}

.sub-menu-wrapper ul li{
	list-style: none;
}
.sub-menu-wrapper .sub-menu .menu_heading a {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: .9rem;
    margin-top: .9rem;
}
.header_menu_primary ul a:hover {
    color: var(--primary_blue);
    background-color: var(--white);
}
.header_menu_primary ul.sub-menu a:hover {
    color: var(--black);
}
.header_menu_primary ul.sub-menu .menu_heading  a:hover{
	color: var(--primary_blue);
}
.search-box {
    margin: auto;
    margin-top: 6px;
    float: left;
    position: relative;
    background: #fff url("../images/search-icon.png") no-repeat scroll 10px 10px;
    padding-left: unset;
    border-radius: 2px;
    margin-left: unset;
    float: unset;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
}
.search_form_wrapper {
	display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: -90px;
    z-index: 9;
    background-color: #5493d9;
    padding: 20px 10px;
	transition: all 1s ease-in-out;
}
.search-btn-bg {
    padding: 6px 15px 7px 15px;
    position: relative!important;
}
header {
    position: relative;
    z-index: 10;
}
.header_cart_wrapper {
    display: flex;
    gap: 10px;
    align-items: stretch;
    justify-content: flex-end;
}
.search_icon_header svg {
    height: 30px;
    width: fit-content;
}
.search_icon_header path {
    fill: #014693;
	transition: all .3s linear;
}
.search_icon_header:hover{
	cursor: pointer;
}
.search_icon_header {
    height: inherit;
    background: #fdd922;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: all .3s linear;
}
.search_icon_header.active_search{
	background-color: white;
	transition: all .3s linear;
}
.search_icon_header.active_search path{
	fill: #014693;
}
.logo img {
    height: 53px;
}
.row.header_menu_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.header_wrapper {
    background-color: #014693;
    padding-top: 30px;
	position: relative;
}
.header_wrapper .logo img {
    width: 100%;
    max-height: 90px;
    height: 100%;
}
.header_menu_wrapper ul.menu > li > a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    display: block;
    padding: inherit;
    padding: 10px 15px 40px;
}
.header_menu_wrapper ul.menu > li {
	list-style: none;
    position: relative;
}
.header_menu_wrapper ul.menu > li:hover a{
    color: var(--primary_blue);
    background-color: var(--white);
}
.header_menu_wrapper ul.menu > li.one_half .sub-menu-wrapper .sub-menu{
    width: 50%;
}
.header_menu_wrapper ul.menu > li.one_forth .sub-menu-wrapper .sub-menu{
    width: 25%;
}
.header_menu_wrapper ul.menu > li.one_third .sub-menu-wrapper .sub-menu{
    width: 33.33%;
}


.header_menu_wrapper ul.menu > li.one_half .sub-menu-wrapper{
    min-width: 500px;
}
.header_menu_wrapper ul.menu > li.one_forth .sub-menu-wrapper{
     min-width: 700px;
}
.header_menu_wrapper ul.menu > li.one_third .sub-menu-wrapper{
     min-width: 800px;
}
.sub-menu-wrapper .sub-menu .menu_heading a {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: .9rem;
}
.header_cart_wrapper {
    display: flex;
    gap: 10px;
    align-items: stretch;
    justify-content: flex-end;
}
.top-cart-contain {
    position: relative;
    margin-top: 12px;
    position: relative;
    margin-top: 0px;
    background: var(--light_blue);
    padding: 14px 16px 15px;
    border-radius: 3px 3px 0px 0px;
    float: left;
}
.mini-cart {
    text-align: center;
    cursor: pointer;
    margin: 0px;
}
.mini-cart .dropdown-toggle {
    font-size: 14px;
    padding: 0px;
    text-transform: none;
}
.mini-cart .basket a {
    color: var(--white);
    margin: 0px;
    line-height: 17px;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px;
    display: block;
    text-decoration: none;
}
.search_icon_header {
    height: inherit;
    background: var(--yellow);
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s linear;
}
.search_icon_header svg {
    height: 30px;
    width: fit-content;
}
.search_icon_header path {
    fill: var(--primary_blue);
    transition: all .3s linear;
}
.card_wishlist_area {
    padding-bottom: 20px;
}

/* hero section */

.hero_banner_hs_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.arch-border {
    position: relative;
    height: 500px;
    width: 400px;
    border-radius: 200px 200px 0 0;
    /* overflow: hidden; */
    display: flex;
    align-items: flex-end;
    margin-top: 10px;
}
.arch-border::before {
    content: "";
    height: 100%;
    position: absolute;
    width: calc(100% + 14px);
    height: calc(100% + 5px);
    top: -7px;
    left: -7px;
    border: 2px solid var(--white);
    border-radius: 200px 200px 0 0;
    border-bottom: 0;
}
.arch-wrapper img {
    /* height: 500px; */
    /* width: 400px; */
    /* border-radius: 200px 200px 0 0; */
    object-fit: cover;
    height: calc(100%);
    width: 100%;
    border-radius: 200px 200px 0 0;
}
.heading_bs h1 {
    font-size: 45px;
    text-transform: capitalize;
    color: var(--white);
    font-weight: 500;
    line-height: 46px;
    margin-bottom: 40px;
}
.content_banner_wrap {
    max-width: 600px;
}
.heading_bs h1 span {
    color: #ff8d00;
}
.content_banner {
    color: var(--white);
    font-size: 14px;
}
.content_banner p {
    margin: 20px 0;
}
a.btn_banner_section {
    color: white;
    text-decoration: none;
    background-color: #ff8d00;
    padding: 10px 20px;
    border-radius: 20px;
    margin-top: 30px;
    display: inline-block;
}
.information_banner {
    padding: 40px 0;
}
.inner_ifb_banner {
    display: flex;
    align-items: center;
    flex-basis: auto;
}
.banner_item {
    width: 25%;
    text-align: center;
}
.image_banner {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
}
.image_banner img {
    max-width: 53px;
    object-fit: cover;
}
.heading_ifb h4 {
    font-size: 18px;
    text-transform: capitalize;
    color: white;
    font-weight: 500;
    text-align: left;
}

/* product category slider */

.product_category_slider {
    padding: 80px 0;
}

.category-slider {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.category-slide {
    padding: 20px 20px 56px;
    border: 1px solid var(--black);
    border-radius: 20px;
    max-width: 360px;
    background-color: var(--white);
    transition: all .3s linear;
    position: relative;
    margin: 0 15px;
    height: inherit;
}
.category-slider .slick-track {
    display: flex;
    align-items: stretch;
}
.category-slide:hover {
    background: var(--dark_brown);
}
.category-slide:hover * {
    color: white;
}
.category-slide:hover .category-image img {
    transform: scale(1.1);
}
.category-image {
    height: 200px;
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
}
.category-image img {
    width: 100%;
    height: 100%;
    transition: all .3s linear;
}
h3.category-title {
    font-size: 18px;
    font-weight: 500;
    color: rgb(74, 76, 87);
    line-height: 22px;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
a.category-btn {
    display: flex;
    padding: 8px 15px;
    background: var(--dark_brown);
    border-radius: 20px;
    text-decoration: none;
    font-size: 13px;
    color: white;
    justify-content: center;
    width: fit-content;
    margin-top: 30px;
    transition: all .3s;
    position: absolute;
    bottom: 20px;
}
h3.category-title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 1px;
    background: white;
    width: 100%;
}
.category-slide:hover .category-btn {
    background: white;
    color: var(--dark_brown);
}
.product_slider_description {
    font-size: 13px;
    margin-bottom: 30px;
}
.product_cat_heading {
    font-size: 46px;
    max-width: 900px;
    color: var(--dark_brown);
    font-weight: 600;
    text-transform: capitalize;
}
.product_cat_head_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
.product_category_slider .slick-arrow svg {
    width: 15px;
    fill: white;
    transition: all .3s linear;
}
.product_category_slider .slick-arrow {
    height: 40px;
    width: 40px;
    background: var(--dark_brown);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s linear;
}
.slider_arrows {
    display: flex;
    gap: 20px;
}
.product_category_slider .slick-arrow:hover{
    cursor: pointer;
}
.top-cart-content {
    position: absolute;
    background: white;
    width: 400px;
    transform: translateX(-50%);
    left: 50%;
    z-index: 99;
    top: 100%;
    display: none;
}
.top-cart-contain:hover .top-cart-content{
    display: block;
}
.product_category_slider .slick-arrow:hover svg {
    fill: var(--dark_brown);
}
.product_category_slider .slick-arrow:hover {
    background: transparent;
    border: 1px solid var(--dark_brown);
}

/* latest blog post section */

.latest-blog-posts {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
article.blog-item {
    width: calc(33.33% - 13.3px);
    padding: 20px;
    border-radius: 10px;
}
.latest_blog_posts_secton {
    padding: 80px 100px;
}
.blog-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-bottom: 20px;
}
h3.blog-title {
    text-decoration: none;
    font-size: 20px;
    margin-bottom: 6px;
    display: inline-block;
}
.blog-excerpt {
    font-size: 14px;
    padding-right: 20px;
    margin-bottom: 20px;
}
.latest_blocpost_heading h3 {
    font-size: 40px;
    max-width: 900px;
    color: var(--dark_brown);
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 40px;
}
a.blog_item_wrap {
    text-decoration: none;
}

/* info tiles */

.info_tiles {
    padding: 80px 0;
}
.info_tile_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.heading_info_tile {
    font-size: 22px;
    font-weight: 600;
    color: var(--dark_brown);
    text-transform: capitalize;
    margin-bottom: 15px;
}
.tile_description {
    font-size: 15px;
    color: rgb(74, 76, 87);
    margin-left: 10px;
}
.info_tile_ {
    width: calc(33.33% - 13.3px);
    text-align: left;
    padding: 50px 10px 50px;
    background: white;
    min-height: 400px;
    border-radius: 5px;
    box-shadow: rgba(255, 255, 255, 0.15) 0px 5px 25px,rgba(255, 255, 255, 0.10) 0px 0px 0px;
}


/* footer settings */
.footer_cta_jb {
    max-width: 1280px;
    background: #a947c0;
    position: absolute;
    margin: 0 auto;
    padding: 80px 180px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    top: -100px;
}
.container.footer-cta-inner {
    display: flex;
    gap: 20px;
    align-items: center;
}
.cta-content h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--secondary_color);
}
a.cta-btn {
    width: 300px;
    padding: 13px 26px;
    background: black;
    border-radius: 25px;
    color: white;
    text-decoration: none;
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
}
.cta-content h2 {
    font-size: 23px;
    font-weight: 600;
    color: var(--secondary_color);
    line-height: 30px;
}
footer.site-footer {
    position: relative;
    padding-top: 50px;
    background: var(--light_blue);
    padding-bottom: 80px;
    display: inline-block;
    width: 100%;
}
.footer_main_outer_wrapper * {
    color: var(--white);
}
.container.footer-grid {
    display: flex;
}
.footer-col{
    width: 25%;
    position: relative;
}
.footer-col h4 {
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
}
ul.footer_navigation_menu {
    display: flex;
    flex-wrap: wrap;
    flex-basis: auto;
    list-style: none;
}
ul.footer_navigation_menu li {
    width: 50%;
    margin-bottom: 1px;
}
ul.footer_navigation_menu a {
    text-decoration: none;
    font-size: 12px;
}
.footer_addres_main_wrao {
    display: flex;
    justify-content: space-between;
}
.footer_col_2 {
    width: 50%;
    padding: 0 60px;
}
.location_image img {
    width: auto;
    margin-top: 40px;
    max-width: 400px;
}
.footer-col.footer-brand > img {
    max-width: 131px;
    display: block;
    padding-top: 16px;
    text-align: center;
    margin: 0 auto;
}
.social-icons {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.social-icons svg path {
    fill: var(--dark_brown);
}
.copyright {
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}
ul.footer-terms {
    display: flex;
    font-size: 12px;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
}
ul.footer-terms a {
    /* text-decoration: none; */
    padding: 0 11px;
    position: relative;
}
ul.footer-terms li:nth-child(odd) a::after {
    display: block;
    position: absolute;
    content: "";
    right: 0;
    height: 10px;
    width: 1px;
    background-color: var(--secondary_color);
    top: 6px;
}
.footer-col::before {
    height: calc(100% - 25px);
    width: 1px;
    content: "";
    background: var(--white);
    position: absolute;
    right: 0;
}
.footer-col-3::before{
    display: none;
}
.social-icons a {
    height: 30px;
    width: 30px;
    background: var(--white);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* somgle product page */

.single_prdt_wrpr {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.woocommerce  div.product .single_prdt_wrpr div.images img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: none;
    min-height: 500px;
    object-fit: cover;
    max-height: 600px;
    object-fit: contain;
}
.bread_crmbs_wrapper {
    padding: 10px 0;
}
.woocommerce div.product .single_prdt_wrpr .product_title{
    font-size: 22px;
    color: var(--dark_brown);
    text-transform: capitalize;
}
.woocommerce div.product .single_prdt_wrpr .product_title {
    font-size: 22px;
    color: var(--dark_brown);
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 25px;
}
body.woocommerce div.product .single_prdt_wrpr p.price{
    color: var(--black);
}
body.woocommerce div.product .single_prdt_wrpr p.price {
    color: var(--fade_black);
    font-size: 14px;
    margin-bottom: 25px;
}
.woocommerce-product-details__short-description {
    font-size: 16px;
    color: var(--fade_black);
    margin-bottom: 15px;
}
.woocommerce-product-details__short-description ul {
    margin-left: 35px;
}
.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    height: 150px;
    display: flex;
    width: 150px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    object-fit: contain;
    height: 100%;
    width: 100%;
    display: inline;
    min-height: unset;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
    background:var(--primary_blue);
}
.woocommerce.single-product div.product form.cart {
    display: flex;
    align-items: stretch;
    gap: 20px;
}
.woocommerce.single-product div.product form.cart .quantity input {
    height: 100%;
}
.woocommerce.single-product div.product form.cart .quantity {
    height: inherit;
}
.yith-wcpsc-product-size-chart-button {
    padding: 0;
    background: unset;
    color: var(--fade_black);
    border-bottom: 1px solid var(--fade_black);
    font-size: 12px;
}
.yith-wcpsc-product-size-chart-button:hover{
    background: unset;
}
.single_prdt_wrpr div#tab-description > h2:first-child {
    display: none;
}
.single_prdt_wrpr div#tab-description h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--fade_black);
}
.single_prdt_wrpr div#tab-description p {
    margin-bottom: 20px;
    font-size: 15px;
    color: var(--fade_black);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    background-color: var(--light_blue);

}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: var(--light_blue);
    color: var(--white);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
    width: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding: 0;
    display: flex;
    gap: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    border-radius: 0;
    padding: 5px 20px;
    text-transform: uppercase;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 500;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover{
    background-color: var(--fade_black);
    /* color: var(--dark_brown); */
}

/* product category page */

.row.row_gap.subcategories_wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    overflow-x: auto;
}
.subcategories_wrapper .col-3 {
    min-width: calc(15% - 16px);
    width: max-content;
}
.subcategories_wrapper  .product_slide img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    object-fit: cover;
}
.subcategories_wrapper .product_slide a {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    text-decoration: none;
    color:var(--fade_black);
}
h4.prdt_dta.catg_name {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: var(--primary_blue);
}
.products_wrapper {
    margin-top: 40px;
}
section.category_banner {
    padding: 80px 0;
    background-size: cover;
    background-position: center;
}
h2.trendsetters_title {
    font-size: 32px;
    color: var(--primary_blue);
    text-align: center;
    FONT-WEIGHT: 500;
    text-transform: capitalize;
}
section.products_taxnomies.section_padding {
    padding: 60px 0;
}
.row.row_gap.product_cat_loop_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}
.single_product_cat_item {
    width: calc(25% - 11.4px);
}
.product_cat_loop_wrapper img.cat_imgs {
    height: 265px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 10px;
}
.single_product_cat_item h4.prdt_dta.catg_name {
    font-size: 16px;
    padding: 8px 0;
    text-align: left;
    color: var(--fade_black);
    font-weight: 500;
}
h6.prdt_dta.catg_name {
    display: flex;
    align-items: end;
    gap: 5px;
    font-weight: 500;
}
.single_product_cat_item a {
    text-decoration: none;
}
.single_product_cat_item del {
    font-size: 13px;
    color: var(--fade_black);
}
.single_product_cat_item ins {
    font-size: 15px;
    color: var(--dark_brown);
    text-decoration: none;
}
.category-content {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    padding: 15px;
    margin-top: 40px;
    border-radius: 10px;
}
.category-content p {
    font-size: 15px;
    margin-bottom: 14px;
}
.category-content *{
    color: var(--fade_black);
    
}
.category-content h6 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 14px;
}
.category-content span{
    color: var(--dark_brown);
}
.category-content h2 {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
}
.category-content ul {
    margin-left: 20px;
    margin-bottom: 20px;
}
select.orderby {
    border: 1px solid var(--fade_black);
    padding: 10px 15px 10px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='50px' height='50px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%234a4c57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: calc(100% + -4px);
    background-size: 23px;
    background-position-y: center;
}
p.woocommerce-result-count {
    text-transform: capitalize;
    color: var(--fade_black);
}
section.related.products.related_productes {
    width: 100%;
}
section.related.products.related_productes > h2 {
    font-size:30px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
    text-transform: capitalize;
    color: var(--light_blue);
}
.related_productes .columns-4  {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.products_slide_wrpr li {
    width: 100% !important;
}
.single-product .products_slide_wrpr {
    width: calc( 25% - 20px ) !important;
    margin: 0 !important;
}
.single-product .products_slide_wrpr  h2.woocommerce-loop-product__title {
    font-size: 18px;
}
.single-product .products_slide_wrpr h2.woocommerce-loop-product__title {
    font-size: 18px !important;
    font-weight: 500;
    color: var(--fade_black);
}
.single-product .products_slide_wrpr  del {
    font-size: 13px;
    color: var(--fade_black) !important;
}
.single-product .products_slide_wrpr  ins , .single-product .products_slide_wrpr  bdi {
    font-size: 15px;
    color: var(--dark_brown);
    text-decoration: none;
    font-weight: 500;
}
.woocommerce span.onsale {
    background: var(--light_blue);
    padding: 0;
    height: unset;
    width: unset;
    line-height: unset;
    min-height: 0;
    min-width: 0;
    padding: 10px 60px 6px 20px;
    border-radius: 5px;
    right: 0;
    top: 0;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 !important;
    left: 0 !important;
    right: unset !important;
    letter-spacing: 2px;
    clip-path: polygon(0 1%, 100% 2%, 58% 54%, 100% 100%, 0 100%, 0% 50%);
}
li.woocommerce-mini-cart-item.mini_cart_item > a ~ a {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    align-items: center;
    gap: 30px;
    width: 70%;
}
li.woocommerce-mini-cart-item.mini_cart_item {
    display: flex;
    justify-content: space-between;
}
li.woocommerce-mini-cart-item.mini_cart_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
li.woocommerce-mini-cart-item.mini_cart_item > a ~ a img {
    height: 60px;
    width: 80px;
}
li.woocommerce-mini-cart-item.mini_cart_item > a {
    width: 10%;
}
li.woocommerce-mini-cart-item.mini_cart_item > a ~ a {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    align-items: center;
    gap: 30px;
    width: 70%;
    text-align: left;
    font-size: 14px;
    text-decoration: none;
    color: var(--fade_black);
    font-weight: 500;
}
span.quantity {
    width: 30%;
    font-size: 13px;
}
ul.woocommerce-mini-cart.cart_list.product_list_widget {
    padding: 15px 5px;
}

/* homae page slider */

.hs_content_section {
		padding: 150px 0;
		margin-left: 50px;
		max-width: 800px;
	}
	.hs_content_section h1 {
		font-size: 35px;
		color: #014693;
		font-weight: 800;
		margin-bottom: 20px;
		padding: 0;
	}
	.hs_content * {
		padding: 0!important;
		text-align: left!important;
		color: #666;
		font-size: 16px!important;
	}
	.hs_tabs_wrap {
		display: flex;
		flex-wrap: wrap;
		flex-basis: auto;
		margin-top: 40px;
	}
	.tab_item {
		display: inline-block;
		padding: 10px 30px;
		background-color: #0a2d80;
		color: #fff;
		text-decoration: none;
		border-radius: 30px;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 600;
		transition: background-color 0.3s ease, transform 0.3s ease;
		width: calc(50% - 30px);
		text-align: center;
		margin: 0 30px 20px 0;
	}
	.hs_item {
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.hs_image{
		display: none;
	}
	.product_simple_item {
		margin-top: 30px;
	}
	.row_wrapper  .slick-arrow{
		opacity: 0;
	}
	.active_slider_row .slick-arrow {
		opacity: 1;
	}
	.slick-prev, .slick-next {
		height: 60px;
		width: 60px;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 6;
		background-color: #0a2d80;
	}
	.slick-prev:before, .slick-next:before{
			content: "→";
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/%3E%3C/svg%3E");
			font-size: 0;
			height: 26px;
			width: 18px;
			background-size: cover;
			background-repeat: no-repeat;
		}
		.slick-prev:before {
		content: "←";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E")!important;
	}
	.slick-next {
		right: 0;
	}
	.slick-prev {
		left: 0;
	}

    /* feature banner section */
.banner_section_wrapper {
    display: flex;
	gap: 20px;
}
.banner_half {
    flex: 0 0 50%;
}
.full_left_section.banner_half {
    background-size: cover;
    background-position: center center;
    padding: 0 20px;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    border-radius: 0 50px 50px 0;
}
.right_full_section.banner_half {
    padding: 50px 15px;
}
.banner_section_title h1 , .banner_section_title p {
    font-size: 30px;
    color: #014693;
	font-weight: 600;
	margin-bottom: 20px;
	padding: 0;
}
.feature_heading_bb h3 , .feature_heading_bb p {
    padding: 5px 15px 5px 15px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #014693;
    border-radius: 3px 3px 3px 3px;
    width: fit-content;
    font-size: 16px;
    color: #014693;
    font-weight: 600;
    margin: 0 auto;
	margin-bottom: 20px;
}
.main_wrap_features {
    display: flex;
    flex-wrap: wrap;
}
.feature_banner_item {
    width: calc(50% - 20px);
    margin: 0 20px 20px 0;
	padding: 20px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	border-radius: 20px;
}
.feature_banner_item img {
    max-height: 30px;
    max-width: 30px;
    height: 30px;
    width: 30px;
    margin-bottom: 15px;
}
.feature_content_bb p{
	font-size: 16px!important;
    color: #014693;
	padding: 0!important;
	margin: 0;
}

.whats_app_contact svg {
    height: 30px;
    width: 30px;
    fill: #25D366;
}
.email_contant svg{
	height: 30px;
    width: 30px;
	fill: #014693;
}
.banner_contant {
    display: flex;
    align-items: center;
    gap: 15px;
}
.whats_app_contact {
    width: fit-content;
}
.email_contant{
	width: fit-content;
	margin-top: 20px;
}
.banner_contant .number {
    font-size: 18px;
    font-weight: 600;
	color: #014693;
}
.section_padding_tb {
    padding: 80px 0;
}
/* custom content block */
.custom_content_block{
		margin: 60px 0;
	}
	.ccb_wrapper h1, .ccb_wrapper h2 , .ccb_wrapper h3, .ccb_wrapper h4 , .ccb_wrapper h5, .ccb_wrapper h6 {
		margin: 25px 0;
		padding-left: 30px;
		position: relative;
		text-align: center;
        color: var(--dark_brown);
	}
	.ccb_wrapper h1::after, .ccb_wrapper h2::after, .ccb_wrapper h3::after, .ccb_wrapper h4::after, .ccb_wrapper h5::after, .ccb_wrapper h6::after {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		width: 4px;
		height: calc(50%);
		background: #014693;
		transform: translateY(-50%);
	}
	.ccb_wrapper p {
		margin: 15px 0;
		padding: 0!important;
		padding-left: 30px!important;
		font-size: 20px!important;
	}
	.ccb_wrapper ul, .ccb_wrapper ol {
		margin: 20px 0;
		display: flex;
		flex-wrap: wrap;
		max-width: 880px;
		justify-content: space-between;
		padding: 0;
		list-style: none;
		padding-left: 30px;
	}
	.ccb_wrapper li {
		/* width: calc(50% - 30px); */
		width: 100%;
		font-size: 18px;
		position: relative;
		padding-left: 30px;
		list-style: none;
		margin: 10px 0;
		line-height: 22px;
	}
	.ccb_wrapper li::after {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		width: 8px;
		height: 8px;
		border-radius: 100%;
		background: #014693;
		transform: translateY(-50%);
	}
    @media (max-width: 768px) {
        .custom_content_block {
			margin: 40px 0;
		}
		.ccb_wrapper h1, .ccb_wrapper h2, .ccb_wrapper h3, .ccb_wrapper h4, .ccb_wrapper h5, .ccb_wrapper h6 {
			margin: 30px 0;
			padding-left: 20px;
			text-align: left;
		}
    }

    
.accordion_faqs {
	/* max-width: 1170px; */
	margin: 40px auto 0;
    background-color: var(--white);
  }
  
  .at-tab {
	display: none;
	padding: 15px 20px;
	background-color: #fff;
	background-color: #F7F6F6;
  }
  
  .at-title {
	cursor: pointer;
	background-color: white;
	position: relative;
	transition: background-color 0.3s ease;
  }
  
  .at-title:hover {
	background-color: #e0e0e0;
  }
  
  .at-title:after {
    content: "+";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    transition: all 0.3s ease;
    font-size: 24px;
    color: var(--primary_blue);
}
  
  .at-title.active:after {
	content: "-";
	color:var(--black);
  }
  
  .at-item {
	border-radius: 5px;
	/* margin-bottom: 15px; */
  }
  .at-title.active h2 {
    color: var(--dark_brown);
	}
  
  .at-title h2 {
	font-size: 18px;
	font-weight: 600;
	padding: 20px 15px 20px 15px;
	margin: 0;
    color: var(--fade_black);
  }
  .at-tab p {
    padding: 0!important;
	margin: 0!important;
	}
  .accordion-header {
	text-align: center;
	background-color: #222222;
	color: var(--white);
	padding: 20px 0; 
  }
  .at-tab p {
    font-size: 16px!important;
	margin: 0;
	}
	.faqs_block {
		padding: 40px 0;
	}
	.faqs_title h2 {
		font-size: 45px;
		font-weight: 600;
		color: var(--white);
		text-align: center;
	}
.inner_faq_content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(20px);
    
        transition: all 1s linear;
}

.inner_faq_content.show {
    max-height: 500px; /* large enough value */
    opacity: 1;
    transform: translateY(0);
}
    /* faq end */

    /* blog all posts section */

.cl-blog-grid {
    display: flex;
    flex-wrap: wrap;
    flex-basis: auto;
    gap: 20px;
}
article.cl-blog-card {
    width: calc(33.33% - 13.3px);
}
.blog_all_posts_image img {
    height: 100%;
    width: 100%;
    border-radius: 12px;
}
.blog_all_posts_image {
    height: 260px;
    border-radius: 12px;
    /* overflow: hidden; */
    position: relative;
}
.cl-blog-date {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 3;
    background: var(--white);
    display: flex;
    flex-direction: column;
    padding: 6px 15px;
    border-radius: 8px;
    align-items: center;
}
span.cl-day {
    font-size: 24px;
    color: var(--fade_black);
    line-height: 24px;
}
span.cl-month {
    font-size: 12px;
    color: var(--fade_black);
}
.cl-blog-category {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -14px;
    background: var(--primary_blue);
    color: var(--white);
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 12px;
    z-index: 4;
}
h3.cl-blog-title{
    text-align: center;
}
h3.cl-blog-title a {
    font-size: 24px;
    text-align: center;
    color: var(--fade_black);
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    margin-top: 21px;
    line-height: 35px;
}
.cl-blog-meta {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: var(--fade_black);
}
.cl-blog-excerpt {
    font-size: 18px;
    margin: 10px 0;
    text-align: center;
    color: var(--fade_black);
}
.cl-blog-readmore a {
    font-size: 13px;
    margin: 0 auto;
    display: block;
    width: fit-content;
    text-decoration: none;
    color: var(--primary_blue);
    font-weight: 600;
}
.cl-blog-section {
    padding: 40px 0;
}
.cl-section-heading h2 {
    font-size: 44px;
    margin-bottom: 60px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    color: var(--black);
}

/* single blog post page */
.blog_post_s_title h1 {
    font-size: 46px;
    color: var(--white);
    font-weight: 500;
}
section.top_banner_single_post {
    height: 40vh;
    min-height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 0 40px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
section.top_banner_single_post::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: var(--black);
    opacity: .3;
}

.top_banner_single_post .conteiner{
    position: relative;
    z-index: 2;
}
section.blog_post_content {
    padding: 20px 0;
}
.inner_blog_post_container {
    max-width: 900px;
    margin: 0 auto;
}
.blog_content_area p {
    font-size: 18px;
    margin: 20px 0;
    color: var(--fade_black);
}
.blog_content_area h2 {
    font-size: 40px;
    font-weight: 600;
    color: var(--primary_blue);
    margin: 30px 0;
}
.gray_boxed {
    padding: 30px;
    background: #f6f6f6;
    border-radius: 30px;
    margin: 30px 0;
}
.gray_boxed h2 , .gray_boxed h3 , .gray_boxed h4 , .gray_boxed h5 , .gray_boxed h6{
    font-size: 20px;
}
.gray_boxed i{
    color: var(--primary_blue);
}
section.blog_post_content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background-size: cover;
    top: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 487.736 487.736' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath fill='%23014693' d='M26.2 140.611c-6.4 11.7-11.8 23.9-15.9 36.6-2.5 6.2-3.5 12.8-5.2 19.2-1.8 6.3-2.4 13.3-3.4 20.1l-.7 5.1-.3 2.5-.1 2.3-.3 9.3-.2 4.6-.1 2.3v3.2l.6 9.9.7 9.9c.4 3.3 1 6.5 1.6 9.8l1.6 9.8c.5 3.3 1.6 6.4 2.4 9.6 4.3 23.3 12.6 46.3 25.4 66.9 12.7 20.6 29.2 39.1 48.5 54.2s41.4 26.9 65 34.5l18 4.8c6.1 1.4 12.7 2.2 19.1 3.2l4.8.7 4.2.3 8.4.5 4.2.2 2.1.1 1.1.1h2.2l9.3-.4c49.6-2.1 98.2-22.6 134.6-56.2 18.3-16.7 33.6-36.6 45.2-58.5 5.9-11 10.6-22.2 14.6-34.3l2.8-9.3 1.4-4.7c.4-1.5.6-2.8.9-4.2l1.8-8.2.9-4.1.2-1 .4-2 .4-2.3c1.5-8.8-1.3-22.8-3.8-27-2.4-4.1-4.7-3.4-6.7.1-2.1 3.6-4.1 10-6.4 17.5-8.2 24.6-19 49.9-35.4 72.6-16.3 22.7-37 43.4-61.6 58.5-29.2 18.8-63.8 27.8-98.1 27.5h-1.1l-1.5-.1-3.5-.2-7-.5-7-.5c-2.2-.3-4.1-.7-6.1-1.1-4-.8-8-1.4-12-2.2l-12.3-3.4c-16.1-5.3-31.9-11.9-45.9-21.6-14-9.5-27.2-20.3-38-33.4-10.8-12.9-20.6-26.9-27.3-42.5-6.8-15.6-12.2-31.8-14.4-48.6l-1.1-6.3c-.3-2.1-.3-4.2-.5-6.3l-.4-6.4-.2-3.2-.1-1.6-.1-.8V244.911l.4-13.3c.1-2.3 0-4.9.3-6.9l.8-6c.8-4 1.1-7.8 2.3-11.9l3.4-12.1c1-4.1 3-7.9 4.3-11.8l2.3-5.9c.8-2 1.9-3.8 2.7-5.7 11.5-23.9 28.3-45.2 48.7-62 20.7-16.5 44.8-28.4 70.4-34.7 51.3-12.9 107.8-1.9 151.1 29.7 15.6 11.1 28.3 23.1 37.2 28.6-19.1 20.1-38.1 40.5-57.2 60.6-30.1 22.5-57.8 48-84.8 74.5-22-21.9-44.2-43.7-65.4-66.4-2.5-2.7-9-4.3-12-3.8-6 .9-5.6 7.1-3 14.2 8.8 23.5 25.1 46.4 44.2 67.2l25.2 27.7c5.5 6.1 14.9 6.5 20.9 1l1-1c41.2-37.3 82.3-74.7 120-116l18.8-17.1c39.2-36.6 77.6-74.1 112.6-114.7 9.9-11.5 15.6-23.7 8.4-29.3-6.6-5.1-18.5-1.9-30.2 8.4-21.1 18.5-42.4 37.1-62.2 57-8.3 8.4-16.5 16.9-24.7 25.4-.7-2.2-1.7-4.5-3-7-4.9-10-14.3-22.6-28.5-34.2-25.4-20.7-56.1-35.6-88.8-42.3l-12.2-1.8-12.9-1.4-11.6-.6h-2l-1.6.1-3.1.1-6.3.2c-4.2.3-8.4.1-12.5.8l-12.4 1.8-6.2.9-6.1 1.5-12.1 3.1c-51.6 15.6-96.2 52-121.9 98.8z' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
section.blog_post_content ul li {
    position: relative;
    list-style: none;
    padding-left: 25px;
    position: relative;
}
section.blog_post_content ul {
    padding: 0;
}
section.blog_post_content ul li {
    list-style: none;
    padding-left: 25px;
    position: relative;
    font-size: 18px;
    color: var(--fade_black);
    margin-bottom: 25px;
}
.gray_boxed{
    margin-bottom: 7px;

}
section.blog_post_content img {
    height: 580px;
    border-radius: 40px;
    object-fit: cover;
    margin: 20px 0;
}

/* about page gallery */
.gallery_a_item img {
    height: 150px;
    object-fit: cover;
    width: 100%;
}
.about_gallery_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.about_page_gallery {
    padding: 40px 0;
}

/* contact form block */
video#cfvideo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.social_media_container {
    position: relative;
    width: 50%;
    display: flex;
    align-items: center;
    padding: 70px 70px 70px 40px;
}
.form_wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.contact_form_cf {
    width: 50%;
}
.contact_form_cf {
    width: 50%;
    padding: 70px 40px;
    background: var(--primary_blue);
        position: relative;
    z-index: 2;
}
.cf_fomr_box{
    position: relative;
    margin-top: 60px;
    border-radius: 10px;
    overflow: hidden;
}
.cf_fomr_box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
   background: linear-gradient(90deg,rgba(255, 255, 255, 1) 10%, rgba(1, 70, 147, 1) 21%);
    z-index: 0;
    opacity: .3;
}
.social_media_form_fields {
    display: flex;
    flex-direction: column;
    gap: 5.6px;
}
a.social_media_svg_ {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
a.social_media_svg_ span {
    color: var(--white);
    font-weight: 600;
}
a.social_media_svg_ svg path {
    fill: var(--white);
}
.contact_form_cf form p {
    display: flex;
    flex-wrap: wrap;
    flex-basis: auto;
    gap: 15px;
}
.contact_form_cf form label {
    color: white;
    text-transform: capitalize;
    font-size: 18px;
    width: calc(50% - 8px);
}
.contact_form_cf form label .form_field {
    width: 100%;
    height: 42px;
    padding: 15px;
    border-radius: 30px;
    border: 1px solid var(--white);
    background: transparent;
    margin-top: 7px;
    font-size: 14px;
    color: var(--white);
}
.contact_form_cf form label.textarea_field {
    width: 100%;
}
.contact_form_cf form label.textarea_field .form_field {
    height: 200px;
    resize: none;
}
.contact_form_cf form .wpcf7-submit {
    padding: 10px 46px;
    border-radius: 10px;
    border: 0;
    background: var(--light_blue);
    color: var(--white);
    font-size: 15px;
    font-weight: 600;
}
.heading_cf_form h1 {
    font-size: 46px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: var(--fade_black);
}
.form_description {
    font-size: 16px;
    text-align: center;
    color: var(--fade_black);
}
.contact_form_block {
    padding: 40px 0;
}
/* google  map */
.google_map_code iframe {
    width: 100%;
}
.google_map_code {
    height: 500px;
}