/*
Theme Name: Twenty Sixteen Custom
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 2.9
Tested up to: 6.2
Requires at least: 4.4
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, block-patterns
Text Domain: twentysixteencustom

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


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

/* Blog Revamp Css start by JG */

/* reset css start */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.5;
	color: var(--colorgraymain);
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* reset css end */

/* root css start */
:root{
	--fs36 : 36px;
	--fs30 : 30px;
	--fs24 : 24px;
	--fs26 : 26px;
	--fs22 : 22px;
	--fs18 : 18px;
	--fs16 : 16px;
	--colorblue : #1c3481;
	--colorbluergb: 28, 52, 129;
	--colorred : #ec1c24;
	--blogbg : #fefefe;
	--colorblackmain: #3e3e3e;
	--colorgraymain: #6d6d6d;
	--colorblackinner : #373737;
	--colorgrayinner : #9b9b9b;
	--colorlightblue : #e9f0ff;
	--colorlightgray: #eeeeee;
	--opacity-level: 0.6;
}
/* root css end */

/* width */
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	background: var(--colorlightblue); 
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--colorgrayinner); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: var(--colorgraymain); 
}

/* font-family start */
.font-lato{
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
/* font-family start */

/* font-size start */
h1,.h1, .fs-36{
	font-size: var(--fs36);
}
h2,.h2, .fs-30{
	font-size: var(--fs30);
}
h3,.h3, .fs-24{
	font-size: var(--fs24);
}
h4,.h4, .fs-18{
	font-size: var(--fs18);
}
h5,.h5, .fs-16, p{
	font-size: var(--fs16);
}
.fs-26{
	font-size: var(--fs26);
}
.fs-22{
	font-size: var(--fs22);
}
/* font-size end */

/* color start */
.color-blue{
	color: var(--colorblue);
}
.color-red{
	color: var(--colorred);
}
.color-black-main{
	color: var(--colorblackmain);
}
.color-gray-main{
	color: var(--colorgraymain);
}
.color-black-inner{
	color: var(--colorblackinner);
}
.color-gray-inner{
	color: var(--colorgrayinner);
}
.color-white{
	color: #ffffff;
}
.bg-blue{
	background-color: var(--colorblue);
}
/* color end */

/* header start */
.hr-gradient{
	border: none;
	height: 10px;
	background: linear-gradient(90deg, var(--colorred) 0%, rgba(32, 67, 135, 1) 100%);
	opacity: 1;
	margin: 0;
}
.site-header{
	border-bottom: 1px solid rgba(220, 221, 223, 0.4)
}

.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu{
	display: flex;
	justify-content: end;
	align-items: center;
	column-gap: 13px;
}
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li{
	position: relative;
}
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.menu-item.header-search-btn a img {
	position: relative;
	top: 4px;
}
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.menu-item-has-children{
	display: flex;
	align-items: center;
}
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.menu-item-has-children .dropdown-toggle{
	background: transparent;
    border: 0;
    padding: 0;
}
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.menu-item-has-children .dropdown-toggle::after{
	margin-left: 3px;
    vertical-align: 2.22px;
    width: 8px;
    height: 8px;
    border-right: 1px solid var(--colorblue);
    border-bottom: 1px solid var(--colorblue);
	border-top: unset;
	border-left: unset;
    transform: rotate(45deg);
    display: inline-block;
}
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.menu-item-has-children .dropdown-toggle.toggled-on::after {
    transform: rotate(-135deg); /* up */
	vertical-align: 0px;
}
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.menu-item-has-children .dropdown-toggle:hover::after{
	border-color: var(--colorred);
}
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    background: var(--blogbg);
    box-shadow: 0px 16px 25px 5px rgba(0, 0, 0, 0.15);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 100%;
    padding: 20px;
    z-index: 1;
  }
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.menu-item-has-children .sub-menu.toggled-on {
	display: block;
}
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.menu-item-has-children .sub-menu.toggled-on li:not(:last-child){
	margin-bottom:10px;
}
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li a{
	color: var(--colorblue);
	text-decoration: none;
}
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li a:hover{
	color: var(--colorred);
}
.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li a:hover ~ .dropdown-toggle::after{
	border-color: var(--colorred);
}
button.menu-close{
	display: none;
}
/* header end */

/* footer start */
footer{
	background: var(--colorlightgray);
}
footer .footer-widgets .widget_text.footer-widget h4{
	color: var(--colorblue);
	font-weight: 700;
	margin-bottom: 22px;
}
footer .footer-1{
	max-width: 265px;
}
footer .footer-widgets .widget_text.footer-widget .textwidget  ul li,
footer .footer-widgets .widget_text.footer-widget .textwidget  ul li a{
	color: var(--colorblackinner);
	line-height: 20px;
	text-decoration: none;
	transition: all 0.4s;
}
footer .footer-widgets .widget_text.footer-widget .textwidget  ul li:hover,
footer .footer-widgets .widget_text.footer-widget .textwidget  ul li a:hover{
	color: var(--colorblue);
}
footer .footer-widgets .widget_text.footer-widget .textwidget  ul li:not(:last-child){
	margin-bottom: 16px;
	
}
/* footer end */

/* body start */
body{
	font-family: "Lato", sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
}
/* body end */

/* btn start */
.custom-button-secondary,
.subscribe-section .subscribe-box .email-subscribe input[type="submit"].custom-button-secondary{
	padding: 13px 28px;
	border: 0;
	text-decoration: none;
	background-color: var(--colorblue) !important;
	color: rgb(255, 255, 255) !important;
	border-radius: 10px;
	transition: all 0.4s ease-in-out;
}
.subscribe-section .subscribe-box .email-subscribe input[type="submit"].custom-button-secondary {
	padding: 17px 35px;
}
.custom-button-secondary:hover,
.subscribe-section .subscribe-box .email-subscribe input[type="submit"].custom-button-secondary:hover{
	background-image: linear-gradient(180deg, #1C3481 0%, #060B1B 259.38%) !important;
	color: rgb(255, 255, 255) !important;
	text-decoration: none;
	cursor: pointer;
}
.sign-in-btn{
	padding: 15px 25px;
	font-size: 14px;
	font-weight: 600;
	color: var(--colorblue);
	border: 1px solid var(--colorblue);
	border-radius: 10px;
	background: transparent;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
}
.sign-in-btn:hover{
	background: var(--colorblue);
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
/* btn end */

/* blog css start */
.blog-wrapper{
	border-color: #DCDDDF !important;
	background-color: var(--blogbg);
	transition: all 0.4s ease-in-out;
}
.blog-wrapper:hover{
	border-color: rgba(var(--colorbluergb), var(--opacity-level)) !important;
	box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.1);
	cursor: pointer;	
}
.fisrt-section .blog-wrapper .img-wrapper img{
	max-height: 335px;
	height: 100% !important;
}
.blog-wrapper .img-wrapper img{
	max-height: 240px;
	min-height: 240px;
	object-fit: cover;
}
.blog-wrapper .img-wrapper .blog-category{
	bottom: 25px;
	left: 25px;
}
.blog-wrapper .user-date-wrapper{
	column-gap: 38px;
}
.user-date-wrapper .date ul{
	list-style: disc;	
}
.user-date-wrapper .date ul li{
	color: var(--colorgraymain);
}
.user-date-wrapper .date ul li::marker{
	color: var(--colorblue);	
}
.blog-wrapper .blog-title h2,.blog-wrapper .blog-content p{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;	  
}
.object-fit-cover{
	object-fit: cover !important;
}
.top-blogs-wrapper .top-blog .blog-title{
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: text-decoration-color 0.4s ease;
}
.top-blogs-wrapper .top-blog .blog-title:hover{
	cursor: pointer;
	text-decoration-color: var(--colorblackmain);
	color: var(--colorblackmain);
}
/* blog css end */

/* second section css start */
.browse-blog-categories .search-input,
.searchText .search-input {
	max-width: 328px;
	padding: 11px 50px 11px 15px;	
	border-color: #DCDDDF !important;
	border-radius: 10px;
	color: var(--colorgraymain);
	background-image: url('/blog/wp-content/themes/twentysixteencustom/img/search.png');
	background-repeat: no-repeat;
	background-position: center right 15px;
}
.browse-blog-categories .search-input::placeholder{
	color: var(--colorgraymain);
}
.browse-blog-categories .search-input:focus,
.form-control:focus {
	outline: none !important;
	box-shadow: none !important;
	border-color: #DCDDDF !important;
}
.browse-blog-categories .blogCategoriesTitleList div{
	border-radius: 10px;	
}
.scroll-hidden {
	overflow: auto;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* IE 10+ */
}
.scroll-hidden::-webkit-scrollbar {
	display: none; /* Chrome, Safari */
}
.browse-blog-categories .blogCategoriesTitleList div a{
	text-decoration: none;
	white-space: nowrap;
	transition: all 0.4s ease-in-out;
}
.browse-blog-categories .blogCategoriesTitleList div a:not(:last-child):after{
	content: '';
	border-right: 1px solid rgba(195, 195, 195, 0.2);
	height: 20px;
	position: absolute;
	right: -13px;
}
.browse-blog-categories .blogCategoriesTitleList div a:hover,.browse-blog-categories .blogCategoriesTitleList div a:not(.active):hover{
	color: #ffffff;
	opacity: 1;
}
.browse-blog-categories .blogCategoriesTitleList div#categoryCollapse a:not(.active){
	opacity: 0.8;
}
/* second section css end */

/* third section css start */
.explore-more-products{
	background-image: url('/blog/wp-content/themes/twentysixteencustom/img/section-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;	
	border-radius: 10px;
	height: 436px;
}
.explore-more-products::before{
	content: "";
	position: absolute;
	inset: 0; /* shorthand for top: 0; right: 0; bottom: 0; left: 0 */
	background-color: rgba(0, 0, 0, 0.4); /* the overlay */
	border-radius: inherit;
}
.vertical-text p{
	position: absolute;
	top: 68px;
	right: 30px;	
	writing-mode: vertical-lr;
 	text-orientation:sideways;
	line-height: 1;
	color: rgba(254, 254, 254, 0.5);
	z-index: 1;
}
.vertical-text p:before{
	content: '';
	position: absolute;
	border: 1px solid rgba(255, 255, 255, 0.5);
	height: 20px;
	left: 13px;
    top: -40px;
}
.vertical-text p:after{
	content: '';
	position: absolute;
	border: 1px solid rgba(255, 255, 255, 0.5);
	height: 20px;
	right: 13px;
    bottom: -40px;
}
.explore-more-products .category-wrapper .category{
	border-radius: 10px;
	width: 180px;
}
.explore-more-products .category-wrapper .category .hover-text{
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease-in-out;
	bottom: 34px;
	left: 24px;
	padding: 0 24px;
}
.explore-more-products .category-wrapper .category.active{
	cursor: pointer;
	width: 528px;
	transition: width 0.4s ease-in-out;
}
.explore-more-products .category-wrapper .category1.active::before,.explore-more-products .category-wrapper .category2.active::before,.explore-more-products .category-wrapper .category3.active::before,.explore-more-products .category-wrapper .category4.active::before{
	opacity: 0;
}
.explore-more-products .category-wrapper .category1:not(.active)::after,.explore-more-products .category-wrapper .category2:not(.active)::after,.explore-more-products .category-wrapper .category3:not(.active)::after,.explore-more-products .category-wrapper .category4:not(.active)::after{
	opacity: 0;
}
.explore-more-products .category-wrapper .category.active .category-title{
	display: none;
}
.explore-more-products .category-wrapper .category.active .hover-text{
	opacity: 1;
  	visibility: visible;	
	z-index: 1;
}
.explore-more-products .category-wrapper .category.active::before{
	content: unset;
}
.explore-more-products .category-wrapper .category1::before{
	content: '';
	position: absolute;
	inset: 0;
	background-image: 
    linear-gradient(180deg, rgba(75, 107, 251, 0.05) -6.31%, #333333 100%),
    url('/blog/wp-content/themes/twentysixteencustom/img/small-print.png');
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	background-repeat: no-repeat;
	transition: opacity 0.4s ease;
	opacity: 1;
}
.explore-more-products .category-wrapper .category1::after{
	content: '';
	position: absolute;
	inset: 0;
	background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0) -10.73%, #000000 100%),
    url('/blog/wp-content/themes/twentysixteencustom/img/printing.png');
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	background-repeat: no-repeat;
	transition: opacity 0.4s ease;
	opacity: 1;
}
.explore-more-products .category-wrapper .category2::before{
	content: '';
	position: absolute;
	inset: 0;
	background-image: 
    linear-gradient(180deg, rgba(75, 107, 251, 0.05) -6.31%, #333333 100%),
    url('/blog/wp-content/themes/twentysixteencustom/img/small-sign.png');
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	background-repeat: no-repeat;
	transition: opacity 0.4s ease;
	opacity: 1;
}
.explore-more-products .category-wrapper .category2::after{
	content: '';
	position: absolute;
	inset: 0;
	background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0) -10.73%, #000000 100%),
    url('/blog/wp-content/themes/twentysixteencustom/img/signs.png');
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	background-repeat: no-repeat;
	transition: opacity 0.4s ease;
	opacity: 1;
}
.explore-more-products .category-wrapper .category3::before{
	content: '';
	position: absolute;
	inset: 0;
	background-image: 
    linear-gradient(180deg, rgba(75, 107, 251, 0.05) -6.31%, #333333 100%),
    url('/blog/wp-content/themes/twentysixteencustom/img/small-tradeshow.png');
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	background-repeat: no-repeat;
	transition: opacity 0.4s ease;
	opacity: 1;
}
.explore-more-products .category-wrapper .category3::after{
	content: '';
	position: absolute;
	inset: 0;
	background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0) -10.73%, #000000 100%),
    url('/blog/wp-content/themes/twentysixteencustom/img/trade-show.png');
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	background-repeat: no-repeat;
	transition: opacity 0.4s ease;
	opacity: 1;
}
.explore-more-products .category-wrapper .category4::before{
	content: '';
	position: absolute;
	inset: 0;
	background-image: 
    linear-gradient(180deg, rgba(75, 107, 251, 0.05) -6.31%, #333333 100%),
    url('/blog/wp-content/themes/twentysixteencustom/img/small-advertise.png');
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	background-repeat: no-repeat;
	transition: opacity 0.4s ease;
	opacity: 1;
}
.explore-more-products .category-wrapper .category4::after{
	content: '';
	position: absolute;
	inset: 0;
	background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0) -10.73%, #000000 100%),
    url('/blog/wp-content/themes/twentysixteencustom/img/advertising.png');
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	background-repeat: no-repeat;
	transition: opacity 0.4s ease;
	opacity: 1;
}
.explore-more-products .category-wrapper .category .category-title{	
	bottom: 45px;
	left: 52px;
}
.explore-more-products .category-wrapper .category .category-title::before{
	content: '';
	position: absolute;	
	height: 1px;
	width: 45px;
	left: -52px;
    bottom: 6px;
	background-color: var(--colorred);
}

/* explore-more-mobile slider start */
.explore-more-mobile-carousel .carousel-loop-div #carouselExampleSlidesOnly .carousel-inner .carousel-item{
	min-height: 260px;
	position: relative;
}
.explore-more-mobile-carousel .carousel-loop-div #carouselExampleSlidesOnly .carousel-inner .carousel-item .content{
	padding: 0 20px;
	left: 0;
	bottom: 32px;
}
.explore-more-mobile-carousel .carousel-loop-div #carouselExampleSlidesOnly .carousel-inner .carousel-item.category1{	
	background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0) -10.73%, #000000 100%),
    url('/blog/wp-content/themes/twentysixteencustom/img/printing.png');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.explore-more-mobile-carousel .carousel-loop-div #carouselExampleSlidesOnly .carousel-inner .carousel-item.category2{	
	background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0) -10.73%, #000000 100%),
    url('/blog/wp-content/themes/twentysixteencustom/img/signs.png');
	background-size: cover;
	background-position: center top;	
	background-repeat: no-repeat;
}
.explore-more-mobile-carousel .carousel-loop-div #carouselExampleSlidesOnly .carousel-inner .carousel-item.category3{	
	background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0) -10.73%, #000000 100%),
    url('/blog/wp-content/themes/twentysixteencustom/img/trade-show.png');
	background-size: cover;
	background-position: center top;	
	background-repeat: no-repeat;	
}
.explore-more-mobile-carousel .carousel-loop-div #carouselExampleSlidesOnly .carousel-inner .carousel-item.category4{	
	background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0) -10.73%, #000000 100%),
    url('/blog/wp-content/themes/twentysixteencustom/img/advertising.png');
	background-size: cover;
	background-position: center top;	
	background-repeat: no-repeat;	
}
/* explore-more-mobile slider end */


/* third section css end */

/* fifth section css start */
.subscribe-section .subscribe-box{
	background-color: var(--colorlightblue);
	border: 1px solid var(--colorblue);
	border-radius: 10px;
}
.subscribe-section .subscribe-box .email-subscribe input{
	max-width: 325px;
	padding: 12px 20px;	
	border-color: var(--colorblue);
	border-radius: 10px;
	color: rgba(28, 52, 129, 0.5) !important;
	background: transparent;
}
.subscribe-section .subscribe-box .email-subscribe input::placeholder{
	color: rgba(28, 52, 129, 0.5);
}
.subscribe-section .subscribe-box .email-subscribe input:focus{
	outline: none;
	box-shadow: none;
	border-color: var(--colorblue);
}

/* fifth section css end */

/* site-content end image css start */
.site-content{
	position: relative;
}
.site-content::before{
	content: '';
	position: absolute;	
	background-image: url('/blog/wp-content/themes/twentysixteencustom/img/colorcopies-end-img.png');
	background-size: cover;
	background-repeat: no-repeat;	
	left: -139px;
    bottom: -70px;
	width: 443px;
	height: 429px;
	z-index: -1;
}
/* site-content end image css end */



/* innerBlog page css start */

/* exploreMorebtn css start */
.exploreMore .exploreMoreBtn{
	border: 1px solid var(--colorblue);
	background-color: transparent;
	padding: 15px 30px;
	border-radius: 6px;
	transition: all 0.4s ease-in-out;
}
.exploreMore .exploreMoreBtn:hover{
	background-color: var(--colorblue);	
}
.exploreMore .exploreMoreBtn:hover span{
	color: #ffffff;
}
.exploreMore .exploreMoreBtn:hover img{
	filter: brightness(0) invert(1);
}
.exploreMore .exploreMoreBtn:hover img.arrowIcon {
	transform: rotate(325deg);
}
/* exploreMorebtn css start */


/* category section css start */
.catergoryList .categoryNumber{
	color: #000000;
	font-weight: 600;
	padding: 10px;
	border-radius: 10px;
}
.catergoryList .catergoryLink{
	margin-bottom: 10px;
}
.catergoryList .catergoryLink,
.catergoryList .categoryTitle,
.catergoryList .categoryNumber{
	transition: all 0.4s ease-in-out;	
}
.catergoryList .catergoryLink .categoryTitle{
	position: relative;
}
.catergoryList .catergoryLink .categoryTitle::after{
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -10px;
	left: 0;
	content: '';
	background-color: var(--colorblue);
	opacity: 0;
}
.catergoryList .catergoryLink:hover .categoryTitle{
	color: var(--colorblue);
}
.catergoryList .catergoryLink:hover .categoryTitle::after{
	opacity: 1;
}
.catergoryList .catergoryLink:hover .categoryNumber{
	background-color: var(--colorblue);
	color: #ffffff;
}
/* category section css end */


/* recent post css start */
.recentPosts .postTitle{
	text-decoration: underline;
	transition: all 0.4s ease-in-out;
	line-height: 23px;
}
.recentPosts .desh{
	line-height: 23px;
}
.recentPosts .postTitle:hover{
	color: var(--colorblue);
}
/* recent post css end */


/* blogDeatailWrapper css start */
.blogDeatailWrapper .otherLinks a{
	text-transform: capitalize;
    border: 1px solid #DCDDDF;
    padding: 6px 12px;
    text-align: center;
    border-radius: 6px;
	transition: all 0.3s ease-in-out;
}
.blogDeatailWrapper .otherLinks a:hover{
	border-color: var(--colorblue);
	background-color: var(--colorblue);
	color: #ffffff;
}
.blogDeatailWrapper .innerLinkRed{
	color: var(--colorred);
	text-decoration: underline;
}
.blogDeatailWrapper .numberOl{
	list-style-type: number;
}
.blogDeatailWrapper .discUl{
	list-style-type: disc;
}
.blogDeatailWrapper .leaveReplyTextArea{
	border-radius: 10px;
	border-color: #D9D9D9 ;
}
.blogDeatailWrapper .leaveReplyTextArea:focus-visible{
	outline: none;
}
.blogDeatailWrapper .leaveReplyTextArea::placeholder{
	color: var(--colorgrayinner); ;
}
.blogDeatailWrapper .blogDetailText * {
	margin-bottom: 16px;
	color: var(--colorgrayinner);
	line-height: 1.6;
}
.blogDeatailWrapper .blogDetailText a *,
.blogDeatailWrapper .blogDetailText a {
	color: var(--colorred) !important;
	text-decoration: none;
}
.blogDeatailWrapper .blogDetailText a:hover *,
.blogDeatailWrapper .blogDetailText a:hover {
	text-decoration: underline;
}
.blogDeatailWrapper .blogDetailText .wp-block-table * {
	color: var(--colorblackmain);
}
.blogDeatailWrapper .blogDetailText .wp-block-heading *,.blogDeatailWrapper .blogDetailText .wp-block-heading,.blogDeatailWrapper .blogDetailText h1,h2,h3,h4{
	color: var(--colorblue) !important;
}
.blogDeatailWrapper .blogDetailText ul {
	list-style: disc;
	padding-left: 18px;
}
.blogDeatailWrapper .blogDetailText ol {
	list-style: auto;
	padding-left: 18px;
}
/* blogDeatailWrapper css end */



/* innerBlog page css end */

/* responsive css start */
@media (max-width: 1399.98px) {
	.site-header .site-header-main .site-branding a img{
		max-width: 100%;
		height: auto;
	}
	.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu{
		column-gap:10px;
	}
}
@media (max-width: 1199.98px) {
	.sign-in-btn,
	.exploreMore .exploreMoreBtn,
	.custom-button-secondary, .subscribe-section .subscribe-box .email-subscribe input[type="submit"].custom-button-secondary,
	.subscribe-section .subscribe-box .email-subscribe input {
		padding: 8px 20px;
		font-size: 14px;
	}
	.browse-blog-categories .search-input, .searchText .search-input {
		padding: 8px 40px 8px 15px;
		font-size: 14px;
	}
	.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu{
		column-gap:11px;
	}
	.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li a {
		font-size: 13px;
	}
	.blog-wrapper .img-wrapper .blog-category p {
		font-size: 14px;
	}
	.site-header .site-header-main .site-branding a img{
		max-width: 150px;
	}
	.explore-more-products .category-wrapper .category {
		width: 165px;
	}
	.explore-more-products .category-wrapper .category:hover {
		width: 370px;
	}
	/* .site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.header-search-btn a img{
		width: 35px;
		height: 35px;
	} */

}
@media (max-width: 991.98px) { 
	:root{
		--fs36 : 30px;
		--fs30 : 28px;
		--fs24 : 22px;
		--fs26 : 24px;
		--fs22 : 20px;
	}
	.explore-more-products .category-wrapper .category {
        width: 110px;
    }
	.explore-more-products .category-wrapper .category:hover {
        width: 252px;
    }
	.explore-more-products .category-wrapper .category .hover-text {
		left: 0;
		padding: 0 15px;
	}
	.explore-more-products .category-wrapper .category .category-title::before {
		content: unset;
	}
	.explore-more-products .category-wrapper .category .category-title {
		left: 10px;
	}
	.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.menu-item-has-children{
		width: 100%;
		display: block;
	}
	.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.menu-item-has-children .sub-menu{
		position: static;
		width: 100%;
		box-shadow: none;
		padding: 10px;
	}
	.site-header .site-header-main .site-header-menu .main-navigation .menu-main-menu-container ul.primary-menu li.menu-item-has-children .dropdown-toggle{
		float: right;
		padding-right: 12px;
	}
	.site-header .site-header-main .site-header-menu.toggled-on .main-navigation .menu-main-menu-container ul.primary-menu{
		flex-direction: column;
		align-items: flex-start;
		row-gap: 15px;
		padding: 35px 0;
	}
	.site-header .site-header-main .site-header-menu{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 300px;
		height: 100vh;
		background-color: var(--blogbg);
		transform: translateX(-100%);
		transition: transform 0.4s ease-in-out;
		z-index: 100;
		overflow-y: auto;
		opacity: 0;
	}
	.site-header .site-header-main .site-header-menu.toggled-on{
		display: block !important;
		transform: translateX(0);
		box-shadow: 0px 16px 25px 5px rgba(0, 0, 0, 0.15);
		opacity: 1;
		pointer-events: all;
	}
	button.menu-close{
		position: absolute;
		right: 12px;
		top: 5px;
		font-size: 2rem;
		background: none;
		border: none;
		color: var(--colorblue);
		z-index: 1001;
		cursor: pointer;
		display: flex;
		align-items: center;
		height: 32px;
		vertical-align: middle;
		padding: 0;	
	}
}

@media (max-width: 767.98px) { 
	:root{
		--fs36 : 28px;
		--fs30 : 26px;
	}
	.blogCategoriesTitleList {
        position: fixed;
        bottom: 15px;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        z-index: 99;
    }
	#categoryCollapse {
		position: fixed;
		bottom: 46px;
	}
	.browse-blog-categories .blogCategoriesTitleList #categoryCollapse > div {
		background-color: #ffffff;
		border: 1px solid var(--colorblue);
		max-height: 286px;
	}
	.browse-blog-categories .blogCategoriesTitleList #categoryCollapse > div a {
		color: var(--colorblue) !important;
		font-size: 12px;
	}
	.browse-blog-categories .blogCategoriesTitleList #categoryCollapse > div a:not(:last-child):after {
		display: none;
	}
	#menu-toggle svg{
		width: 25px;
		height: 25px;
	}
}
@media (max-width: 375px){
	.site-header .site-header-main .site-header-menu{
		width: 250px;
	}
}
/* responsive css end */

/* Blog Revamp Css start by JG */