/*
Theme Name: IT Company
Theme URI: https://www.themesglance.com/products/free-it-company-wordpress-theme
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: IT Company is a powerful and modern WordPress theme crafted for IT firms, startups, tech consultants, cybersecurity companies, cloud solution providers, and software development agencies. With its responsive, retina-ready design and cross-browser compatibility, this theme ensures a seamless browsing experience across all devices. Built with Elementor and Visual Composer compatibility, it allows effortless drag-and-drop page building, saving time while delivering a professional look. The theme comes packed with features like sliders, banners, and customizable layouts, making it easy to highlight IT services, app launches, digital solutions, and product offerings. Its WooCommerce integration enables businesses to sell software, hosting services, or digital products online, while social media integration boosts online visibility. Designed with clean, secure, and SEO-optimized code, IT Company guarantees fast loading speeds and higher search rankings. Translation-ready and highly customizable, it offers extensive options for colors, fonts, and layouts to match your brand identity. Whether you’re showcasing IT solutions, blockchain services, or cybersecurity audits, this theme delivers a polished, performance-driven platform for growing your digital presence. View : https://preview.themesglance.com/it-company-pro/
Requires at least: 5.0
Version: 1.6.1
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: it-company
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, block-patterns, custom-background, custom-logo, custom-menu, custom-header, featured-images, featured-image-header, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, e-commerce

IT Company WordPress Theme has been created by Themesglance(themesglance.com), 2018.
IT Company WordPress Theme is released under the Terms of GNU GPL
*/
/* Basic Style */
*{
	margin:0;
	padding:0;
	outline:none;
}
:root {
  --primary-color:  #c5351f;
  --secondary-color: #232c2b;
}
body{
	margin:0;
	padding:0;
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	background-color:#fff;
	font-size: 16px;
  letter-spacing: .51px;
	color:#000;
  overflow-x: hidden;
	font-family: 'Raleway', sans-serif;
}
img{
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	height:auto;
}
section img{
	max-width:100%;
}
h1, h2, h3,  h4, h5, h6{
	margin:0;
	padding:10px 0;
}
p{
	margin:0 0 15px;
	padding:0;
	font-size:15px;
	line-height:1.8;
  color: #666;
}
a, code{
	text-decoration:none;
	color: var(--primary-color);
}
a:focus, a:hover{
  color: #c53f1f ;
	text-decoration:none !important;
}
a:focus, input:focus, textarea:focus, button:focus, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{
  outline: 2px solid #000;
}
ol, ul{
	margin:0 0 0 15px;
	padding:0 !important;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
select, span.woocommerce-input-wrapper, iframe, .entry-audio audio{
  width:100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
  clear:both;
}
input[type='submit']:hover{
	cursor: pointer;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.sticky{
  left: 0;
  position: fixed;
	margin:0;
	padding:0;
}
.comment-list .comment-content ul {
	list-style:none;
	margin-left:15px;
}
.comment-list .comment-content ul li{
	margin:5px;
}
.bypostauthor{
	margin:0;
	padding:0;
}
input[type="text"], input[type="email"], input[type="phno"],  textarea{
	border:1px solid #bcbcbc;
	width:100%;
	font-size:16px;
	padding:10px 10px;
	margin:0 0 23px 0;
	height:auto;
}
input[type="submit"] {
	border: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  padding: 10px 18px;
  line-height: 1.7;
  background: var(--primary-color);
  font-weight: bold;
  color: #fff;
  margin: 0 10px;
}
table, th, td {
	border: 1px solid #d1d1d1;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	width: 100%;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}
td {
	border-width: 0 1px 1px 0;
}
th, td {
	padding: 0.4375em;
}
/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}
#footer .widget_calendar td a, .social-media a, .logo h1 a, .logo p.site-title a, .search-box input[type="search"]::placeholder, #slider .inner_carousel h1 a, .post-info i,.grid-post-info i, .post-info span,.grid-post-info span, #footer a.rsswidget, .copyright a, #footer .social-links i, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, nav.woocommerce-MyAccount-navigation ul li a, .tags a:hover i{
  color: #fff;
}
.widget_calendar td, .widget_calendar th,.wp-block-calendar td,.wp-block-calendar th {
	line-height: 2;
	padding: 0;
	text-align: center;
}
#sidebar .widget_calendar caption{
  color: #000;
}
.widget_calendar caption {
  font-weight: 900;
  color: #fff;
  font-size: 20px;
}
.widget_calendar tbody a {
	background-color: #007acc;
	color: #fff;
	display: block;
	font-weight: 700;
}
.widget_calendar tbody a:hover, .widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}
.widget th, .widget td {
	padding: 0em;
}
span.page-links-title {
	clear: both;
  position: relative;
  font-size: 14px;
  line-height: 13px;
  font-weight: bold;
}
span.page-number,span.page-links-title{
	display: block;
  float: left;
  margin: 2px 2px 2px 0;
	text-decoration: none;
  width: auto;
  color: #fff;
  font-weight: bold;
  background: #1b1b1b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}

/*wide block*/
.alignwide {
  margin-left  : -70px;
  margin-right : -70px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

/* ---------Buttons--------- */
a.button{
	background: var(--primary-color);
  color: #fff;
  font-size: 16px;
	font-weight: bold;
  display: inline-block;
}
a.button:hover{
  background: var(--secondary-color);
  color:#fff;
}

/*-------- Single post Header Image --------*/
.page-header {
  padding: 8%;
}
.page-header h1{
  display: block;
  font-size: 35px;
  color: #000;
  font-weight: bold;
}
.feature-box.single-feature-img img{
  height: 300px;
  width: 300px;
  object-fit: contain;
  max-width: 100%;
}

/* --------- MENUS CSS --------- */
#sidelong-menu {
  display: none;
}
#header #sidelong-menu {
  display: block;
}
.nav-menu ul{
  margin:0;
  font-weight:400;
  font-size:14px;
}
.nav-menu li{
  display:inline-block;
  position:relative;
}
.nav-menu li a{
  color: #fff;
  padding: 20px;
  display:block;
  text-transform: uppercase;
  font-size: 13px;
}
.nav-menu ul ul{
  display: none;
  position: absolute;
  background: #252525;
  z-index: 9999;
  width: 200px;
  border:1px solid var(--primary-color);
}
.nav-menu ul ul ul{
  left: 100%;
  top: 0;
}
.nav-menu ul ul a{
  color: #fff;
  padding: 10px;
  background: var(--primary-color);
}
.nav-menu ul ul a:hover{
  background: var(--secondary-color);
  color: #fff;
  border-left: 4px solid var(--primary-color);
}
.nav-menu ul ul li{
  float: none;
  display: block;
  text-align: left;
  padding: 0;
}
.nav-menu ul li:hover > ul{
  display: block;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows ul .sf-with-ul{
  padding: 10px;
}
.sf-arrows .sf-with-ul{
  padding: 19px 25px 13px 13px;
}
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
  font-size: 15px;
  font-family: 'Font Awesome 7 Free';
  font-weight: 900;
}
.toggle-menu, a.closebtn{
  display: none;
}

/*----- PRELOADING -------- */
#overlayer {
  width:100%;
  height:100%;
  position:fixed;
  z-index:999999;
  top: 0;
  background:#fff;
}
.tg-loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: fixed;
  z-index:999999;
  border: 4px solid #333;
  top: 50%;
  left: 50%;
  animation: loader 2s infinite ease;
}
.tg-loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #333;
  animation: loader-inner 2s infinite ease-in-out;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
.elementor-html .tg-loader, .elementor-html #overlayer, .elementor-html .preloader{
  display: none;
}
@-webkit-keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
/* Styles */
.preloader {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #fff;
}
.preloader .preloader-container {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: auto;
  position: absolute;
  top: 44%;
  left: 0;
  position: relative;
}
.preloader .preloader-container .animated-preloader {
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  border-radius: 50em;
}
.preloader .preloader-container .animated-preloader:after {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50em;
  background: white;
  -webkit-animation: preloader-inside-white 1s ease-in-out infinite;
  -ms-animation: preloader-inside-white 1s ease-in-sliderout infinite;
  animation: preloader-inside-white 1s ease-in-out infinite;
}
.preloader .preloader-container .animated-preloader:before {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border-radius: 50em;
  background: #333;
  -webkit-animation: preloader-inside-red 1s ease-in-out infinite;
  -ms-animation: preloader-inside-red 1s ease-in-out infinite;
  animation: preloader-inside-red 1s ease-in-out infinite;
}

/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0;
  left:0;
  margin:0 !important;
  width: 100%;
  background: var(--secondary-color);
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 99999;
}
.admin-bar.page-template-custom-front-page .fixed-header {
  margin-top: 32px !important;
}

/*---------Sticky Copyright---------*/
.copyright-fixed {
  position: fixed;
  bottom:0;
  left:0;
  width: 100%;
  z-index: 999;
  transition: bottom 0.4s;
  box-shadow: 0px 0px 8px #000000;
}

/* ---------HEADER--------- */
#header .nav ul li:after {
  content: "•";
  color: #fff;
  font-size: 1.5em;
  padding: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -15px;
}
#header .nav ul li:last-child:after {
  display: none;
}
.top-header {
  border-bottom: 1px solid #fff;
}
.page-template-custom-front-page .top-header {
  border-bottom:none;
/*  background: rgba(35, 44, 43, 0.7) ;*/
  padding: 0 10px;
}
.page-template-custom-front-page .header {
  position: absolute;
  z-index: 999;
  width: 100%;
  background: transparent;
}
.header {
  background: var(--secondary-color);
}
.page-template-custom-front-page .top-bar {
  background: var(--secondary-color);
}
.search-box{
  background: var(--secondary-color);
  padding: 12px 8px 11px;
}
.welcome p {
  padding: 10px 0;
  margin: 0;
  color: var(--primary-color);
  font-weight: 500;
  font-size: 14px;
}
.header .search-form label {
  width: 80%;
  margin-bottom: 0;
}
.social-media i {
  font-size: 15px;
  color: #fff;
  background: transparent;
}
.social-media {
  display: flex;
  float: right;
}
.social-media i:hover {
  color: var(--primary-color);
}
.logo h1, .logo p.site-title{
	font-size:25px;
	font-weight:bold;
  line-height: 1.2;
}
.logo p{
	font-size:12px;
  color: #fff;
}
.contact-details p {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  display: inline-block;
}
.contact-details i {
  color: #fff;
  font-size: 15px;
}
.search-field{
  width: 100%;
  padding: 4%;
}
input[type="search"] {
  border: solid 1px #bbb;
  padding: 10px 25px 10px 10px;
  color: var(--secondary-color);
}

/* ---------blog--------- */
.blog-sec,.grid-sec {
  box-shadow: 2px 2px var(--primary-color);
  border: 1px solid #e4e4e4;
}
.blog-sec h2,.grid-sec h2{
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .40px;
}
.blog-sec h2 a,.grid-sec h2 a {
  color: var(--primary-color);
}
.blog-sec p,.grid-sec p {
  color: #666;
  font-size: 15px;
  line-height: 1.8;
}
h1.page-title, h1.search-title {
  background: var(--primary-color);
  color: #fff;
}
.header input[type="submit"] {
  background: url(images/search.png) no-repeat 0px 6px;
  text-align: center;
  float: right;
  text-indent: -9999px;
  border: none;
  margin: 0;
  padding: 6px 12px;
}
#blog_post .blog-sec img{
  object-fit: contain;
  max-width: 100%;
  max-height: 300px;
}
#blog_post .blog-sec:hover{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

#blog_post .blog-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: scale(0);
  opacity: 0.1;
  background-color:#000;
  transition: transform 0.35s, border-radius 0.5s, opacity 0.9s;
  pointer-events: none; 
}
#blog_post .blog-sec:hover::before {
  transform: scale(1);
  border-radius: 0;
  opacity: 0;
}
#blog_post .blog-sec h2 a{
  background-repeat: no-repeat;
  background-size: 0% 1px; 
  background-position: left 100%;
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
  transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
  color: #000;
}
#blog_post .blog-sec h2:hover a{
  background-size: 100% 1px; 
  color: var(--primary-color);
}

/*------- Related Posts ------*/
#wrapper .related-posts{
  border-top: 1px solid;
}
#wrapper .related-posts h2.related-posts-main-title{
  font-size: 28px;
  color: var(--primary-color);
  font-weight: 600;
  letter-spacing: 0;
}
#wrapper .related-posts h3{
  font-size: 24px;
  font-weight: 600;
}
#wrapper .related-posts h3 a{
  color: var(--primary-color);
}
.related-posts .post-info{
    font-size: 14px;
}

/*-----------------Search pop up----------------*/
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  background: #fff;
  width: 100%;
}
.search-box input.search-field {
  border: none;
  padding: 6px;
  color: #fff;
  background: var(--secondary-color);
}

/* --------- SLIDER--------- */
#slider{
  max-width:100%;
  background: var(--secondary-color);
}
#slider img {
  width: 100%;
  opacity: 0.5;
  height: 600px;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  background-image: none;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #fff;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider .carousel-caption{
  top: 50%;
  transform: translateY(-50%);
  left: 24%;
  right: 23%;
  bottom: auto;
}
#slider .inner_carousel h1 {
  font-size: 50px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 3px;
}
#slider .inner_carousel p {
  line-height: 2;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
#slider .inner_carousel {
  text-align: center;
  color: #fff;
}
#slider .carousel-indicators li{
  width: 12px;
  height: 12px;
  background: #fff;
}
#slider .carousel-indicators .active{
  background: var(--primary-color);
}
.more-btn a {
  color: #fff;
  padding: 12px 22px;
  background: var(--primary-color);
  font-weight: 800;
  font-size: 13px;
  display: inline-block;
}
.more-btn a:hover{
  background-color: #000;
}

.more-btn span{
  border: 2px solid;
  display: inline-block;
}
#slider {
    position: relative;
    z-index: 1;
}

#slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(0, 96, 239, 0.767), 
        rgba(0, 174, 239, 0.25)   
    );
    z-index: 1;
    pointer-events: none;
}
#slider .carousel-caption{
  position: absolute;
  z-index: 999 !important;
}
/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}
.carousel-fade  .carousel-item.active, .carousel-fade  .carousel-item-next.carousel-item-left, .carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-right {
 opacity: 0;
}
.carousel-fade  .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

/* about Section */
#about h2 {
  color: var(--secondary-color);
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#about h3 {
  font-size: 15px;
  font-weight: 700;
  color: var(--secondary-color);
  letter-spacing: 2px;
  text-transform: uppercase;
}
#about p {
  color: #666;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
}
.abt-image img {
  margin-left: -19px;
  margin-bottom: -19px;
  margin-top: 17px;
  width: 100%;
}
.abt-image {
  border: 7px solid #cecccc;
}
#about span a {
  font-size: 11px;
  font-weight: 700;
  margin-top: -30px;
}

/* Homepage */
.post-info,.grid-post-info {
  font-size: 15px;
  background: var(--primary-color);
}
.post-info i,.grid-post-info i{
  margin-right: 5px;
}
.post-info a,.grid-post-info a{
  color: #fff;
  letter-spacing: 0;
}
.post-info a:focus,.grid-post-info a:focus, .copyright a:focus, .more-btn a:focus, .header a:focus, .header input:focus, .footerinner a:focus{
  outline-color: #fff;
}
.blogbtn a {
  color: #fff;
  background: var(--primary-color);
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.3px;
  padding: 10px 20px;
  display: inline-block;
}
.blogbtn a:hover{
  background: #1b1b1b;
  color: #fff;
}

/* Back to Top */
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 60px;
  height: 15px;
  width: 40px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: bold;
  color: transparent;
  visibility: hidden;
  z-index: 3;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
  background-color: var(--primary-color);
}
.back-to-top:hover, .back-to-top:focus {
  text-decoration: none;
}
.back-to-top::before, .back-to-top::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 0;
}
.back-to-top::before {
  top: -20px;
  z-index: 4;
  border-bottom: 20px solid var(--primary-color);
}
.back-to-top::after {
  bottom: 0;
  z-index: 5;
  border-bottom: 20px solid var(--secondary-color);
}
.back-to-top:hover, .back-to-top:focus {
  height: 40px;
  color: #fff;
}
.show-back-to-top {
  display: block;
  visibility: visible;
}
.scroll-left{
  left: 30px;
  right: auto;
}
.scroll-center{
  left: 50%;
  right: 50%;
}

/* Footer Section */
#footer{
	background: var(--secondary-color);
	color:#fff;
  clear:both;
}
#footer h3,#footer .wp-block-search__label {
  font-size: 25px;
  color: #fff;
  font-weight: 600;
  border-bottom: 2px solid var(--primary-color);
  margin-bottom: 10px;
}
#footer p {
  font-size: 16px;
  margin: 0;
  color:#fff;
}
.copyright p {
  color: #fff;
  text-align: center;
}
#footer .search-form input[type="text"]{
  width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer .search-form input[type="submit"]{
  width:35%;
	padding:11px 2%;
	float:right;
	border:none;
	background:var(--primary-color);
	margin:0;
}
#footer .search-field {
  width: 100%;
  padding: 10px 5px;
}
#footer .search-form label {
  width: 64%;
  float: left;
  margin-bottom: 15px;
}
#footer form.search-form{
	text-align: left;
}

#footer .copyright a i{
  padding: 0px 7px!important;
}
.inner{
  background: var(--primary-color);
  padding: 16px;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
  padding: 6px 0;
  font-size: 14px;
}
.footerinner ul li a {
  color: #fff;
  font-size: 15px;
}
.footerinner ul li a:hover{
  color: var(--primary-color);
}
#sidebar select,.footerinner select {
  padding: 10px;
  color: #000;
}
.footerinner .tagcloud a,.footerinner .wp-block-tag-cloud a{
 	border: solid 1px #fff;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  background: transparent;
}
.footerinner .tagcloud a:hover{
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}

/* About Us Widget */
#footer p.custom_author, #sidebar p.custom_author {
  font-size: 20px;
  font-weight: 700;
}
#footer p.custom_designation, #sidebar p.custom_designation{
  font-size: 16px;
  font-weight: 600;
}
#footer p.custom_desc, #sidebar p.custom_desc{
  font-size: 15px;
}
.social-links i{
  color: var(--primary-color);
}
.more-button a {
  background: var(--primary-color);
  color: #fff;
  display: inline-block;
  line-height: 1.5;
  font-weight: 500;
}
.conatct-font:hover i, .conatct-font:hover a p{
  color: var(--primary-color);
}
/* Contact Us Widget */
#footer .widget{
  clear: both;
}
span.custom_details {
  font-weight: 600;
}

/* Woocommerce */

.woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins {
  text-decoration: none;
}
h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  padding-left: 5px !important;
}
.woocommerce-products-header h1.page-title{
  padding-left: 5px;
}
.woocommerce-account .addresses .u-column2 .title .edit,.woocommerce-account .addresses .u-column1 .title .edit{
    float: left;
}

.woocommerce-account .addresses .u-column1 .title .edit {
  margin-right: 60% !important;
}
.woocommerce-account .addresses .u-column2 .title .edit {
  margin-right: 60% !important;
}
.woocommerce .col-1, .woocommerce .col-2, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
  max-width: 100%;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
  background: var(--primary-color);
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  background: #fff;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  padding: 10px;
  margin-right: 10px;
}
.woocommerce a.button:focus{
  outline-color: #000;
}
.woocommerce-message::before{
  color: var(--primary-color);
}
.woocommerce-message{
  border-color: var(--primary-color);
}
.woocommerce #sidebar {
  margin: 10% 0;
}
select.orderby {
  padding: 10px;
  margin-top: 4px;
}
span.posted_in {
  display: block;
}
.woocommerce div.product p {
  line-height: 1.5;
  font-size: 16px;
}
.woocommerce span.onsale{
  background: var(--primary-color);
  padding: 0;
}
h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 18px !important;
}
.woocommerce ul.products li.product .price{
  font-size: 15px;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a, a.woocommerce-privacy-policy-link {
  color: #000;
}
.woocommerce form .form-row .required{
  color:#df0000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce-notices-wrapper a.button.wc-forward,.woocommerce a.added_to_cart.wc-forward,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background: var(--primary-color);
  color: #fff !important;
  border-radius: 0;
}
.woocommerce-notices-wrapper a.button.wc-forward{
  padding: 10px 12px !important;
  text-decoration: none;
  opacity: 1;
}
.woocommerce a.added_to_cart.wc-forward{
  display: inline-block;
  margin: 10px 0 0 5px;
  font-weight: 700;
  padding: 6px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover{
  background: #000;
  color: #fff;
}
.woocommerce ul.products li.product a img, .woocommerce ul.products li.product .button{
  margin: 0;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0px !important;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--primary-color);
  padding: 12px;
  margin-bottom: 10px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align: center;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto 10px;
  font-size: 15px;
}
.related.products ul.products li.product{
  width: 29%;
  float: none;
  display: inline-table;
}
.select2-container--default .select2-selection--single{
  height: 45px;
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 7px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text{
  padding: 10px;
  border: 1px solid #bcbcbc;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
.woocommerce  form.woocommerce-form-login.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
form.woocommerce-form.woocommerce-form-login.login {
    display: inline-block;
}
nav.woocommerce-MyAccount-navigation ul li a{
  text-decoration: none;
}
/*------ Woocommerce widget css -----*/
.woocommerce-shop  #sidebar .widget,.single-product #sidebar .widget{
  box-shadow: 2px 2px;
  border: 1px solid #e4e4e4;
  margin-bottom: 20px;
}
.woocommerce #sidebar{
  margin: 3% 0 !important;
}
.woocommerce-breadcrumb{
  margin-top: 4% !important;
}
.woocommerce-shop #sidebar ul li,.single-product #sidebar ul li,.woocommerce-shop #sidebar h3,.single-product #sidebar h3{
  margin-left: 10px !important;
}
.woocommerce-shop #sidebar h3,.single-product #sidebar h3{
  border: none;
}
.woocommerce-shop .widget,.single-product .widget {
  padding: 10px;
}
#sidebar .woocommerce .widget_shopping_cart .cart_list li, #sidebar .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
  margin-bottom: 10px;
}
.woocommerce.widget_shopping_cart .cart_list li{
  padding-bottom: 10px;
}
.woocommerce.widget_shopping_cart p{
  margin: 0;
}
#sidebar .woocommerce .widget_shopping_cart .cart_list li a.remove, #sidebar .woocommerce.widget_shopping_cart .cart_list li a.remove{
  font-size: 20px;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 10px 0;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating{
  margin: 5px 0 5px;
  font-size: 14px;
  width: 5.5em;
}
#sidebar .woocommerce-product-search input[type="search"], #footer .woocommerce-product-search input[type="search"]{
  padding: 10px;
  width: 100%;
  border: 1px solid;
}
.woocommerce-product-search button{
  width: 100%;
  padding: 10px;
  background: var(--primary-color);
  border:0;
  font-size: 15px;
  color: #fff;
  margin-top: 6px;
}
.woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover{
  background: #000 ;
  color: #fff !important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: var(--primary-color);
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #000;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.woocommerce .widget_rating_filter ul li{
  padding-bottom: 10px;
}

/* Added Woocommerce css*/
.wp-block-woocommerce-cart.alignwide{
  margin-left: auto;
  margin-right: auto;
}
td.wc-block-cart-item__image{
  padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
  border: 1px solid #dcdcdc;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
tr.wc-block-cart-items__header th{
  font-weight: 700;
  padding: 9px 12px !important;
  line-height: 1.5em;
  font-size: 16px;
}
a.wc-block-components-product-name{
  color: #000;
  font-size: 20px;  
  font-weight: 600;
}
a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button{
  text-decoration: none !important;
}
button.wc-block-cart-item__remove-link{
  font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  text-align: left !important;
}
a.wc-block-components-totals-coupon-link,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,.wc-block-components-totals-coupon__button.contained,button.wc-block-components-checkout-place-order-button{
  background: var(--primary-color);
  border-radius: 8px;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  font-size: 1.5em !important;
  padding: 10px !important;
  display: block !important;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
  padding-right: 0%;
}
button.wc-block-components-checkout-place-order-button:hover,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover{
  background-color:#000;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
  text-decoration: none;
}
.wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
  padding: 10px;
}

li.wc-block-grid__product{
  border: 1px solid #dcdcdc;
  padding: 10px;
  max-width: 30.75% !important;
  float: left;
  margin: 0 3.8% 2.992em 0;
}
.wc-block-grid__product-onsale{
    padding: 5px 10px !important;
    background: var(--primary-color) !important ;
    color: #fff !important;
    border-color: var(--primary-color) !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    top: 5px !important;
    right: 5px !important;
    left: auto !important;
    margin: -0.5em -0.5em 0 0 !important;
}
.wc-block-grid__product-title{
  font-size: 22px !important;
  color: #000 !important;
  font-weight: 600; 
}
a.wc-block-grid__product-link{
  text-decoration: none !important;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  padding: 10px 12px;
  border-radius: 8px !important;
  font-size: 16px;
}
span.woocommerce-Price-amount.amount{
  font-size: 16px;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
  width: 100% !important;
}
h2.wp-block-heading.has-text-align-center{
  margin: 10px 0;
}
.woocommerce-account .addresses .title .edit,a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  text-decoration: none;
}

nav.woocommerce-pagination {
  margin-bottom: 16px;
}
/* --------- Bradcrumbs --------- */
.bradcrumbs a,.woocommerce-account .addresses .title .edit {
  background: var(--primary-color);
  color: #fff;
  padding: 7px 15px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 14px;
}

.bradcrumbs a:hover{
	background:#000;
   color: #fff !important;
}
.bradcrumbs span{
	background:var(--primary-color);
	color:#fff;
	font-size: 14px;
  padding: 9px 15px;
}

/* Comments BOX */
#comments h2.comments-title{
	font-size:20px;
	font-weight:bold;
	border-top:2px dotted #7e7e7e;
	padding:25px 0 0 0;
}
#comments h3.comment-reply-title{
	font-size:20px;
	font-weight:bold;
}
#comments input[type="text"], #comments input[type="email"], #comments textarea,input#url{
	padding:12px 10px;
	font-size:18px;
	margin:20px 0 0 0;
  width: 100%;
}
#comments label{
  display: block;
}
#comments input[type="submit"].submit{
	background: var(--primary-color) ;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:20px 0 0;
	border:none;
}
#comments a.comment-reply-link{
	color:#fff !important;
	background:var(--primary-color);
	padding:5px 15px !important;
  text-decoration: none !important;
}
#comments a.comment-reply-link:hover, #comments input[type="submit"].submit:hover{
	background: var(--secondary-color);
  color: #fff;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#wrapper #comments ol li{
	background:none;
	margin: 0 0 20px;
}
.comment-body{
  background: #f7f7f7;
  padding: 20px;
  margin-bottom: 20px;
}
#wrapper #comments ul{
	margin:0 0 0 40px;
}
#comments .reply{
	text-align:right;
}
#comments .comment-author{
	width:100%;
	clear:both;
}
.comment-author.vcard img {
  margin-right: 10px;
}
#comments .comment-content{
	margin-left:7%;
}
#comments p {
  color: #121212;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
.comment-meta.commentmetadata a{
  color: var(--primary-color);
}

/* Sidebar */
#sidebar .widget {
  border: 1px solid #eeeeee;
  box-shadow: 2px 2px var(--primary-color);
}
#sidebar form{
 	display: table;
	width: 100%;
}
#sidebar h3,#sidebar h2,#sidebar .wp-block-search .wp-block-search__label {
  font-size: 22px;
  font-weight: 700;
  color: var(--primary-color);
  border-bottom: 1px solid;
  width: 100%;
}
#sidebar .wp-block-search .wp-block-search__label{
  margin-bottom: 10px;
}
#sidebar input[type="search"] {
	padding:9px 10px;
	border: 1px solid;
	font-size:15px;
	color:#000;
	font-weight: normal;
	width:100%;
  margin: 0;
  background: #fff;
}
#sidebar .search-form label{
	width:65%;
	float:left;
	margin-bottom: 0px;
}
#sidebar .search-form input[type="submit"],.wp-block-search__button{
  background: var(--primary-color);
  border: none;
  color: #fff;
  padding: 11px 0;
  width: 35%;
  font-size: 14px;
  font-weight: 600;
  float: left;
  margin: 0;
  border-radius: 0;
}
#sidebar p{
  margin: 0;
  color: #242424;
}
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
}
#sidebar ul li {
  padding: 8px 0;
  font-size: 13px;
  border-bottom: 1px solid #e6e6e6;
}
#sidebar ul li a {
  font-size: 14px;
  color: #242424;
  font-weight: bold;
}
#sidebar .tagcloud a,#sidebar .wp-block-tag-cloud a,.wp-block-tag-cloud a{
	background:#eeeeee;
	color:#000;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	display:inline-block;
  border: 1px solid #000;
  text-decoration: none !important;
}
#sidebar .tagcloud a:hover,#sidebar .wp-block-tag-cloud a:hover,.wp-block-tag-cloud a:hover{
	background:var(--primary-color);
	color: #fff;
  border: 1px solid var(--primary-color);
}
#sidebar aside#archives {
    padding: 20px;
    margin-bottom: 10px;
}
#sidebar aside#meta {
    padding: 20px;
}
#sidebar ul li a {
  display: inline-block; 
  transition: padding-left 0.3s ease;
}
#sidebar ul li a:hover,#sidebar ol li a:hover{
  padding-left: 8px; 
  color:var(--primary-color);
}
#sidebar ol.wp-block-latest-comments {
  padding-left: 0px !important;
}
/* Page */
.notfound h1{
  font-weight: bold;
  font-size: 60px;
}
.title-box h1{
  font-weight:bold;
}
#wrapper ul{
	margin:0 0 0 10px;
	font-size:16px;
}
#wrapper ul li{
	line-height:25px;
}
#wrapper ol{
	margin:0 0 0 15px;
	font-size:16px;
	counter-reset: myCounter;
}
#wrapper ol li{
	padding:0 0 0 0;
}
#respond{
  border-top: 1px solid #121619;
}
/*block css*/
.single-post .main-wrap-box .alignfull,.single-post .main-wrap-box .alignwide,.single-post .main-wrap-box .aligncenter{
  margin-left: 0;
  margin-right: 0;  
}
.single-post .main-wrap-box .alignfull,.single-post .main-wrap-box .alignwide,.single-post .main-wrap-box .aligncenter{
  margin-bottom: 20px;
}
.single-post .main-wrap-box .alignleft{
  margin-right: 10px;
}

.single-post .main-wrap-box .alignleft{
  margin-right: 10px;
}
.single-post .main-wrap-box .wp-block-button a{
  color: #fff;
  background: var(--primary-color);
  border-radius: 30px;
  text-decoration: none !important;
}
.single-post .main-wrap-box .wp-block-button.is-style-squared a{
  border-radius: 0px !important;
}
.single-post .main-wrap-box .wp-block-button a:hover{
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
/* single post navigation */
.nav-links .nav-previous .nav-title::before,.nav-links .nav-next .nav-title::before {
  content: ":";
  margin-right: 4px;
}
.nav-links .nav-previous .nav-title,.nav-links .nav-next .nav-title {
  font-size: 14px;
}
.nav-links .nav-previous, .nav-links .nav-next{
  display: flex;
  width: 45%;
}
.nav-links .nav-previous a, .nav-links .nav-next a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*new block css*/
.alignfull img{
  width: 100%;
}
.wp-block-calendar{
  text-align: left;
}
.wp-block-button.is-style-outline a{
  background-color: transparent !important;  
  color: #000 !important;
}
.wp-block-button.is-style-outline a:hover{
  color: #000 !important;
  background: transparent;
  border: 2px solid #000 !important;
}
.alignright{
  float: right;
}
.wp-block-latest-comments__comment{
  display: flex;
}
.widget_recent_comments ol{
  padding-left: 1rem;
}
.widget_recent_comments .wp-block-latest-comments__comment-meta,.wp-block-latest-comments__comment-excerpt{
  margin-left: 1em !important;
}
.footerinner{
  padding-top: 20px;
}
.footerinner .wp-block-calendar td{
  color: #fff;
}
/* Pagination */
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
}
.pagination span, .pagination a {
	display:block;
  float:left;
  margin: 2px 5px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#242424;
  border: 1px solid #1b1b1b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.pagination a:hover, .page-links a span:hover,span.page-links-title{
	color:#fff;
  background: var(--primary-color);
}
.pagination .current, .page-links .current .page-number {
  padding: 10px 15px;
  color: #fff;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}
span.page-links-title{
  line-height: 9px;
}
/* ------------Navigation Links------------*/
.navigation .nav-previous a, .navigation .nav-next a{
  color: #fff;
  background: var(--primary-color);
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
}
.navigation .nav-previous a::before {
  content: "\f100";
  display: inline-block;
  line-height: 1;
  font-family: 'Font Awesome 7 Free';
  font-size: 18px;
  margin: 0 8px 0 0;
  font-weight: 900;
}
.navigation .nav-next a::after {
  content: "\f101";
  display: inline-block;
  line-height: 1;
  font-family: 'Font Awesome 7 Free';
  font-size: 18px;
  margin: 0 0 0 8px;
  font-weight: 900;
}
.nav-links{
  margin: 10px 0;
}
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0;
  clear: both;
}
.nav-next{
  float: right;
  width: auto;
  text-align: right;
  margin: 15px 0;
}
span.post-title {
  font-size: 20px;
  margin: 3%;
  font-weight: 600;
  line-height: 1.5;
  color: var(--primary-color);
}
.tags a {
  font-size: 15px;
  color: #666;
  border:1px solid;
  display: inline-block;
}
.tags a:hover{
  background: var(--primary-color);
  color: #fff;
  border-color:var(--primary-color);
}
.tags a i{
  font-size: 12px;
  color: var(--primary-color);
}
.entry-content{
  margin: 10px 0;
}
.entry-content a, .comment  a, #sidebar .textwidget a, .woocommerce-product-details__short-description a{
  text-decoration: underline;
}
#footer .textwidget a{
  color: #fff;
  text-decoration: underline;
}
p.comment-form-url input{
  border: 1px solid #bcbcbc !important;
}
.single-post .post-info {
    text-align: left;
}
.comment-metadata a ,.comment-meta a{
  text-decoration: none !important;
}
.post-categories li ,.single-post-category ul{
  display: inline-block;
}
.post-categories li a{
  margin-right: 8px;
  margin-bottom: 8px;
  background-color:var(--primary-color);
  padding: 8px 10px;
  color: #fff !important;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

.wc-block-components-form .wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-return-to-cart-button:hover{
   background-color: #000!important;
   border: none;
}
#sidebar{
  margin-bottom: 20px;
 }

/* Media Css*/
@media screen and (max-width: 767px){
  #slider .inner_carousel p{
    display: none;
  }
  .footerinner .footer-block p,.footerinner .footer-block ul li,.footerinner .footer-block h3{
      text-align: center !important;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px){
  #about span a{
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 1000px){
  .fixed-header{
    position: static;
    background: none;
    box-shadow: none;
  }
  .sf-arrows .sf-with-ul{
    padding: 10px;
  }
  .nav-menu .nav ul li a:focus, a.closebtn.responsive-menu:focus, .toggle-menu button:focus, .nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
    outline: 2px solid #fff;
  }
  .toggle-menu {
    display: none;
    width: 100%;
    top: 0;
    cursor: pointer;
    z-index: 999999;
    font-size: 20px;
    background: #000;
    border-bottom: 1px solid #333;
  }
  .nav-menu ul ul a:hover{
    background: transparent !important;
  }
  .nav-menu ul ul a{
    color: #fff;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #fff;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #fff;
  }
  #header #sidelong-menu{
    display: none;
  }
  #sidelong-menu{
    display: block;
  }
  .side-nav {
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 110%;
    visibility: hidden;
    right: 0;
    overflow-y: scroll;
    background-color: #000;
    overflow-x: hidden;
    padding-top: 60px;
  }
  body.show-main-menu .side-nav{
    visibility: visible;
    top: 47px;
    transition: 0.5s top ease-in-out;
  }
  .side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px;
    font-size: 18px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .toggle-menu{
    display: block;
  }
  .nav ul li a{
    padding: 10px 15px;
    display: block;
    color: #ffffff;
    border: none;
    text-align: left;
    border-bottom: 1px solid #333;
    background: none !important;
  }
  .nav ul li:first-child a{
    border-top: 1px solid #333;
  }
  .nav ul li:first-child ul li a{
    border-top: none;
  }
  .nav ul li ul li a:before{
    content:"__";
    padding-right: 10px;
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .nav-menu ul ul{
    position: static;
    width: 100%;
    background: none;
    border:none;
  }
  .nav-menu li{
    display: block;
  }
  .nav-menu ul li a:hover{
    color: #fff !important;
    border-left: 4px solid #fff;
  }
  #header .nav ul li:after{
    display: none;
  }
  #sidebar {
    margin-top: 20px;
  }
  .page-template-custom-front-page .header{
    position: static;
    background: var(--secondary-color);
  }
  #slider .inner_carousel h1{
    font-size: 36px;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
  .alignwide{
    margin:0;
  }
  .page-template-custom-front-page .top-header{
    background: none;
  }
  .search-box{
    border-top: 1px solid #fff;
    margin-left: 15px;
    padding: 10px;
  }
  #slider .inner_carousel p{
    display: none;
  }
  #slider .inner_carousel h1{
    font-size: 16px;
    margin-bottom: 10px;
  }
  #slider .carousel-caption {
    left: 10% !important;
    right: 10% !important;
    text-align: center;
  }
  .more-btn a{
    padding: 8px 22px;
  }
  .conatct-font{
    display: block;
  }
	ol.children {
    margin: 0 !important;
	}
	ol.children img {
    width: 30px;
    border: solid 1px;
	}
	#comments .reply {
		float: left !important;
		margin-bottom: 5%;
	}
	#wrapper #comments ol li{
		padding:0 !important;
	}
  form.woocommerce-product-search button[type="submit"]{
    padding: 10px 42px;
    left: 16px;
  }
  .social-media{
    display: block;
    float: none;
  }
  #about h2{
    font-size: 25px;
  }
  .page-template-custom-front-page .header{
    position: static;
    background: var(--primary-color);
  }
  .header{
    background: var(--secondary-color);
  }
  .header input[type="submit"]{
    left: 0;
  }
  #header .nav ul li:after{
    display: none;
  }
  #about span a{
    float: none;
  }
  .page-template-custom-front-page .welcome p{
    color: #fff;
  }
  #header input.search-field, .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100%;
  }
  .conatct-font:hover i, .conatct-font:hover a p{
    color: #fff !important;
  }
  #slider span.carousel-control-prev-icon.py-2.px-3, #slider span.carousel-control-next-icon.py-2.px-3{   
    padding: 0.5rem 0.5rem !important;
  }
  tr.wc-block-cart-items__row {
    gap: 0.4em;
  }
  td.wc-block-cart-item__total{
      padding-left: 0px !important;
  }
  li.wc-block-grid__product{
      max-width:100% !important;
      float:none;
      flex: 100% !important;      
  }
  #slider img{
    height: 250px !important;
  }
}
@media screen and (min-width:720px){
  #header .nav ul.sub-menu li:after, #header .nav ul.children li:after{
    content: none;
  }
}
@media screen and (max-width:375px){
  input[type="submit"]{
    margin: 0;
  }
  input.search-field{
    width: 66%;
  }
  #blog_post label{
    display: inline;
  }
}
@media screen and (min-width: 720px) and (max-width:768px){
  .related.products ul.products li.product{
    width: 48%;
    float: left;
  }
  .page-template-custom-front-page .header{
    position: static;
    background:var(--secondary-color);
  }
  #slider .inner_carousel h1{
    font-size: 35px;
    letter-spacing: 1px;
  }
  .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
  #slider .carousel-caption{
    left: 15%;
    right: 15%;
    top: 45%;
  }
  .page-template-custom-front-page .top-header{
    border-bottom: 1px solid #fff;
  }
  #header .nav ul li:after{
    top: -10px;
    right: -16px;
  }
  .contact-details p{
    font-size: 13px;
  }
  #slider .more-btn a{
    padding: 10px;
  }
  #sidebar input[type="submit"] {
    padding: 14px 0;
    font-size: 9px;
  }
  #footer input[type="submit"] {
    padding: 15px 2%;
    font-size: 11px;
  }
  #about span a{
    margin-top: -12px;
  }
  #footer .search-form input[type="submit"]{
    padding: 14px 2% !important;
  }
  .single-post .main-wrap-box .alignleft{
    max-width: unset;
  }

  tr.wc-block-cart-items__row {
    gap: 1em;
  }
  li.wc-block-grid__product{
      max-width: 48% !important;
      float: left;
      clear: both;
      margin: 0 1% 2.992em;
      flex: 1 0 48% !important;
  }
}
@media screen and (min-width: 721px) and (max-width:999px){
  #slider img{
    height: 400px !important;
  }
}
@media screen and (min-width: 768px) and (max-width:991px){
  #footer .search-field,#sidebar .search-form input[type="submit"],#footer .search-form input[type="submit"],#footer .search-form label, #footer input[type="submit"],  #footer .wp-block-search__button,#footer .wp-block-search__input, 
  #sidebar .wp-block-search__button,#sidebar form.search-form label,#sidebar input[type="submit"],#sidebar input[type="search"]{
    width: 100%;
  }
   #footer .wp-block-search__input,#footer .search-field, #sidebar input[type="search"]{
    margin-bottom: 5px;
  }
  .wp-block-search__inside-wrapper{
    display: block;
  }
  #footer .search-form label{
    margin-bottom: 0 !important;
  }
  #footer .search-form input[type="submit"]{
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 991px){
    .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
      float: none;
      width: 100%;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
  #slider .inner_carousel h1{
    font-size: 36px;
  }
  #slider .inner_carousel p{
    line-height: 1.5;
  }
  .alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
  #about span a{
    margin-top: -15px;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1450px){
  #slider img{
    height: 500px !important;
  }
}
.woocommerce-page .woocommerce-result-count,.woocommerce-shop .woocommerce-result-count{
  margin-top: 10px !important;
}
.woocommerce-page .woocommerce-ordering,woocommerce-shop  .woocommerce-ordering{
    margin-top: 10px !important;
}
@media screen and (min-width: 768px) and (max-width: 999px){
  .abt-image{
    margin-top: 150px !important;
  }
}
@media screen and (max-width: 767px){
  .abt-image{
      height: 300px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
}
.we-do-box {
    transition: 0.3s ease-in-out;
}
.we-do-box img {
    transition: 0.3s ease-in-out;
}
.we-do-box:hover img {
    filter: brightness(0) invert(1); 
}
.we-do-box:hover h3,
.we-do-box:hover p {
    color: #ffffff; 
}
