/*
Theme Name: Home Tutor
Theme URI: https://www.buywptemplates.com/products/home-tutor
Author: Buywptemplates
Author URI: https://www.buywptemplates.com
Description: Home Tutor is a flexible theme designed for private tutors, online instructors, coaching centers, and educational consultants. It provides structured layouts for presenting tutor profiles, course details, subject categories, schedules, and contact information. The theme includes pre-designed sections for services, testimonials, and academic programs, allowing educational offerings to be displayed in a clear and organized format. It supports showcasing one-on-one sessions and online classes with dedicated content areas. The responsive layout ensures compatibility across desktops, tablets, and mobile devices. Built-in customization options make it easy to adjust colors, typography, and layout settings without editing code. The theme also supports commonly used plugins for contact forms, booking systems, and learning management features, offering a practical foundation for an education-focused website. Demo: https://demos.buywptemplates.com/home-tutor/
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.7
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: home-tutor
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, flexible-header, wide-blocks, block-styles, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, rtl-language-support, full-width-template, theme-options, threaded-comments, education, portfolio, blog
*/ 

*, button.product-btn:focus{
  margin:0;
  padding:0;
}
:root {
  --first-theme-color: #FEAD54;
  --second-theme-color: #F5F2FD;
}
html{
  overflow-x: hidden;
}
body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#ffffff;
  font-size: 15px;
  color: #282828;
  overflow-x: hidden;
  position: static !important;
  font-family: "Roboto", sans-serif;
  font-style: normal;
}
img{
  border:none;
  height:auto;
}
.wp-caption{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:0 0 15px;
  color: #282828;
}
p{
  font-size: 15px;
}
a, a:hover{
  text-decoration:none;
  color: #282828;
}
a.button.wc-forward:hover, .pagination a:hover, .page-links a:hover, #comments a time, .bradcrumbs span, .bradcrumbs a, .tags, .pagination .current, #sidebar .textwidget p a, #sidebar .textwidget a:hover,.footer-wp .woocommerce a.button:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, #sidebar h3.widget-title a.rsswidget, .page-content .read-moresec a.button, a.button, #sidebar ul li a:hover, .widget_calendar caption, #comments a.comment-reply-link:hover, .new-text p a,.comment p a, a.r_button, input[type="submit"], td.product-name a{ 
 color: var(--first-theme-color);
}
.home-tutor-toggle-menu button:focus,.woocommerce form .form-row input:focus.input-text, #sidebar .textwidget a:focus, textarea:focus, input:focus, .menu-header a:focus, .mid-header a:focus, #sidebar a:focus, a:focus, #woonavbar-header .nav ul li a:focus,a.closebtn.mobile-menu:focus,.home-tutor-logo a:focus, .home-tutor-toggle-menu.responsive-menu a:focus, .menu-brand .closebtn:focus, .search-box i:focus, .menu-header a:focus, #comments textarea:focus, input[type="submit"]:focus, label:focus, input:focus,input:focus, input:focus, textarea:focus,img.custom-logo a:focus, .woocommerce  a:focus, button.product-btn:focus,.woocommerce ul.products li.product a:focus, .select2-container--default .select2-selection--single:focus, .textwidget a:focus, #sidebar input[type="submit"]:focus, .footer-wp input[type="search"]:focus, #sidebar-footer input:focus, .footer-wp button:focus, .footer-wp .tagcloud a:focus, #sidebar-footer .custom-contact-us input:focus{
  outline: 1px solid #282828 !important;
}
#sidebar .widget_calendar td a{
  color: #282828;
}
#sidebar ol.wp-block-latest-comments{
  padding: 0px 15px;
}
ul,ol{
  margin:0 0 0 15px;
  padding:0;
}
p, body, *, img, .bypostauthor, .wp-caption-text, .wp-caption,.sticky, .gallery-caption, #sidebar ul{
  margin:0;
  padding:0;
}
input[type="submit"]{
  background-color: var(--first-theme-color);
  padding: 10px 20px;
  border: 2px solid var(--first-theme-color);
  border-radius: 2px;
  margin: 2% 0;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff !important;
  text-transform: uppercase;
}
input[type="submit"]:hover{
  background-color: var(--first-theme-color);
}
.pagination span, .pagination a, .textwidget a:hover, .footer-wp .calendar_wrap a, .footer-wp .calendar_wrap a:hover, .footer-wp caption, .footer-wp td#prev a,.footer-wp td,.footer-wp th, .footer-wp li a, .footer-wp .rssSummary,.footer-wp ul li,.footer-wp p, .frame, .page-content .read-moresec a.button:hover, .footer-wp .custom-contact-us div.wpcf7-validation-errors, .footer-wp .custom-contact-us div.wpcf7-acceptance-missing, .about-social_links i, #sidebar input[type="submit"], #comments input[type="submit"].submit:hover, .footer-wp .widget_price_filter .price_slider_amount, .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 nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, input[type="submit"]:hover, #comments a.comment-reply-link{
  color: #ffffff;
}
.related-posts, .metabox, .woocommerce ul.products li.first, .woocommerce-page ul.products li.first ,.woocommerce ul.products, .woocommerce-page ul.products, .aligncenter,img.aligncenter, .content_box .pagination ul, .pagination, .clear, #comments h3.comment-reply-title, .comment-respond{
  clear:both;
}
input[type="submit"]:hover{
  cursor: pointer;
}
input[type="text"],input[type="email"],input[type="phno"],textarea,input#url{
  border:1px solid #bcbcbc;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
.entry-video iframe, .entry-video video, .entry-audio audio, #sidebar .custom-contact-us label, #sidebar-footer .custom-contact-us input, #sidebar .custom-contact-us input[type="submit"], table, .widget_categories select, #sidebar form, .reply, #comments ol li, .navigation.post-navigation, input[type="text"],input[type="email"],input[type="phno"],textarea, .pagination, .footer-wp input[type="submit"], .footer-wp button, #sidebar button , .footer-wp input[type="search"], #sidebar input[type="search"], .content_box #comments ol li, select,.attachment img, .woocommerce-input-wrapper,input#url{
  width:100%;
}
hr{
  margin:10px 0;
}
.center{
  text-align:center;
  margin-bottom:40px;
}
.wp-caption{
  font-size:13px;
}

/*wide block*/
.new-text .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.new-text .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}
.elementor-html .frame, .elementor-html .loader, .home-tutor-toggle-menu, a.closebtn, a.closebtn.responsive-menu{
  display: none;
}

/* 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. */
}
.alignleft,img.alignleft {
  display: inline;
  float: left;
  margin-right:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.alignright,img.alignright {
  display: inline;
  float: right;
}
img.alignright{
  margin-top: 50px;
}
.aligncenter,img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
/*-------------- Logo -------------*/
/*.home-tutor-logo {
  padding: 10px;
}*/
.home-tutor-logo .site-title {
  font-weight: 700;
  line-height: 1.2;
  font-size: 20px;
}
.home-tutor-logo .site-title a, .home-tutor-logo p.site-description{
  color: #282828;
}

/*----------------- SEARCH POPUP ----------------*/
.searchform_page {
  position: fixed;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
  display: none;
}
.searchform_page .woocommerce-product-search .search-field{
  color: #ffffff;
}
.search_input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.search_input label{
  margin-bottom: 0;
}
.home-tutor-close{
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  right: 0;
  opacity: 1;
}
.searchform_page i {
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
.search_input form.search-form {
  color: #000;
  font-size: 25px;
  font-weight: 300;
  text-transform: uppercase;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: #fff;
}
.search_input input[type="submit"] {
  margin: 0;
  font-size: 20px;
}
.search_input input.search-field {
  border-radius: 2px;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 10px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: #fff;
}
.main-search i, .woo-icons a{
  color: #ffffff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
}
.main-search{
  text-align: center;
}
.postbtn a:hover{
  background: var(--first-theme-color);
}
/* Hide read-more button by default; show only on post hover to avoid persistent overlay */
/* .postbtn{
  display: none;
}
.inner-service:hover .postbtn{
  display: block;
} */
.searchform_page .header-search form button{
  background-color: var(--first-theme-color);
  border: none;
  color: #ffffff;
  padding: 10px 20px;
  font-weight: 600;
  border-radius: 2px;
}
.searchform_page .header-search{
  height: 100%;
}
.searchform_page .header-search form{
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.searchform_page .search_input input.search-field:focus,
.searchform_page .header-search form button:focus,
.searchform_page .home-tutor-close a:focus,
.searchform_page .search_input input[type="submit"]:focus,
.searchform_page .woocommerce-product-search .search-field:focus{
  outline: 2px solid #ff0000 !important;
}

/* --------- MENUS CSS --------- */
.navigation-header .toggle-nav{
  display: none;
}
.main-navigation ul .menu-item.menu-item-has-children a,
.main-navigation ul .page_item.page_item_has_children a{
  position: relative;
}
.main-navigation ul .menu-item.menu-item-has-children,
.main-navigation ul .page_item.page_item_has_children,
.main-navigation ul .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children ,
.main-navigation ul .page_item.page_item_has_children .children .page_item.page_item_has_children{
  position: relative;
}
.main-navigation ul .menu-item.menu-item-has-children:after,
.main-navigation ul .page_item.page_item_has_children:after{
  content: '\2b';
  position: absolute;
  height: 0;
  width: 0;
  color: #282828;
  font-weight: 600;
  font-family: 'Font Awesome 7 Free';
  margin-top: 14px;
  right: 0;
  top: 0;
  font-size: 8px;
  padding: 0px 10px;
}
.main-navigation ul .menu-item.menu-item-has-children .menu-item.menu-item-has-children a:before,
.main-navigation ul .page_item.page_item_has_children .page_item.page_item_has_children a:before{
  content: none;
}
.main-navigation ul .menu-item.menu-item-has-children .sub-menu a:after,
.main-navigation ul .page_item.page_item_has_children .children a:after{
  content: none;
}
.main-navigation .menu ul {
  margin-bottom: 0px;
  padding: 0px;
  display: inline-block;
}
.main-navigation .menu li {
  display: inline;
  position: relative;
  list-style: none;
}
#site-navigation .menu ul li a, .main-navigation .menu li a{
  padding: 10px 15px;
}
#site-navigation .menu ul li a, .main-navigation .menu li a{
  display: inline-block;
  font-size: 15px;
  color: #282828;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.2;
}
#site-navigation .menu ul.sub-menu li a,
#site-navigation .menu ul.children li a{
  line-height: 1.5;
  display: block;
}
nav#site-navigation{
  padding: 0;
}
.main-navigation .menu ul > .current_page_item > a, .main-navigation .menu > .current-menu-item > a{
  position: relative;
}
.main-navigation .menu ul > .current_page_item > a:after, .main-navigation .menu > .current-menu-item > a:after{
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--first-theme-color);
}
.main-navigation .menu ul.sub-menu > .current_page_item > a:before, .main-navigation .menu .sub-menu > .current-menu-item > a:before{
  content: none ;  
}
.main-navigation .menu ul > .current_page_item > a:before, .main-navigation .menu > .current-menu-item > a:before{
  content: '';
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--first-theme-color);
}
.main-navigation ul.sub-menu li a, 
.main-navigation ul.children li a{
  color: #282828 !important;
}
.main-navigation ul.sub-menu > li:hover, .main-navigation ul.sub-menu > li > a:focus, 
.main-navigation ul.children > li:hover, .main-navigation ul.children > li > a:focus{
  background: var(--first-theme-color);
  color: #ffffff !important;
  border-radius: 2px;
}
.main-navigation .menu {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.main-navigation .menu .sub-menu li,
.main-navigation .menu .children li{
  padding: 0;
}
.main-navigation .menu li {
  display: inline-block;
  position: relative;
}
.main-navigation .menu li:last-child{
  border-right: none;
}
.main-navigation .sub-menu,
.main-navigation .children {
  background-color: #ffffff;
  list-style: none;
  padding-left: 0;
  position: absolute;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
  border-radius: 2px;
  box-shadow: 0px 5px 8px #28282894;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .children > li > a:hover,
.main-navigation .children > li > a:focus {
  color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
  left: 180px !important;
  top: 10px;
}
.main-navigation .sub-menu > li,
.main-navigation .children > li {
  display: block;
  float: none;
  position: relative;
  text-align: left;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
  display: inline-block;
  position: absolute;
  width: calc( 24px + 1rem);
  right: 0;
  top: calc( .125 * 1rem);
  bottom: 0;
  color: white;
  line-height: 1;
  padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
  margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > a,
.main-navigation .children > li > .menu-item-link-return {
  color: #fff;
  display: block;
  font-weight: 600;
}
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
  width: 100%;
  font-size: 22px;
  font-weight: normal;
  text-align: left;
}
.main-navigation .sub-menu > li > a:empty,
.main-navigation .children > li > a:empty {
  display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item,
.main-navigation .children > li.mobile-parent-nav-menu-item {
  display: none;
  font-size: 0.88889em;
  font-weight: normal;
}
.main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu,
.main-navigation .menu .page_item_has_children:not(.off-canvas):hover > .children,
.main-navigation .menu .page_item_has_children:not(.off-canvas):focus > .children,
.main-navigation .menu .page_item_has_children.is-focused:not(.off-canvas) > .children,
.main-navigation .menu .page_item_has_children:not(.off-canvas)[focus-within] > .children,
.main-navigation .menu .page_item_has_children:not(.off-canvas):focus-within > .children   {
  display: block;
  left: 0;
  top: 30px;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 240px;
}

/* Header Image */
.home-tutor-banner-image-box .top-header-img{
  position: relative;
}
.home-tutor-banner-image-box .top-header-img:after{
  content: '';
  position: absolute;
  top: 0;
  background-color: #282828;
  opacity: 0.7;
  height: 300px;
  width: 100%;
}
.home-tutor-banner-image-box .home-tutor-top-banner{
  position: absolute;
  bottom: auto;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 99;
  text-align: center;
  margin-bottom: 0;
  width: 100%;
  padding: 10px;
}
.home-tutor-banner-image-box .home-tutor-top-banner h2,
.home-tutor-banner-image-box .home-tutor-top-banner h1{
  color: #ffffff;
  text-transform:uppercase;
  font-size: 35px;
}
.home-tutor-banner-image-box .home-tutor-top-banner{
  justify-content: center;
  color: #ffffff;
  align-items: center;
}
.home-tutor-banner-image-box .home-tutor-top-banner span,
.home-tutor-banner-image-box .home-tutor-top-banner a{
  font-weight: 500;
}
.home-tutor-banner-image-box .home-tutor-top-banner a, 
.home-tutor-banner-image-box .home-tutor-top-banner span{
  background-color: transparent;
  margin: 0;
  color: #ffffff;
}
.home-tutor-banner-image-box .home-tutor-top-banner .entry-title > span{
  font-size: 35px;
}

/* Header */
.home-tutor-topbar{
  background-color: var(--first-theme-color);
}
.home-tutor-topbar p{
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}
.page-template-home-page .header-bottom{
  position: absolute;
  width: 100%;
}

/*----------------- SEARCH POPUP ----------------*/
.searchform_page {
  position: fixed;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
  display: none;
}
.search_input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.search_input label{
  margin-bottom: 0;
}
.home-tutor-close{
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  right: 0;
  opacity: 1;
}
.searchform_page i {
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
.search_input form.search-form {
  color: #000;
  font-size: 25px;
  font-weight: 300;
  text-transform: uppercase;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: #fff;
}
.search_input input[type="submit"] {
  margin: 0;
  font-size: 20px;
}
.search_input input.search-field {
  color: #000;
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 5px 10px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: #fff;
}
.main-search i{
  color: #282828;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
}
.main-search{
  text-align: center;
}
a.book-btn {
  color: #fff;
  background: var(--first-theme-color);
  padding: 8px 10px;
  display: inline-block;
  border-radius: 5px;
  font-weight: 500;
}

/* Banner Left */
#banner{
  min-height: 660px;
  background-color: var(--second-theme-color);
  display: flex;
  align-items: flex-end;
}
#banner .banner-left-content .banner-title, #banner .banner-left-content .banner-desc{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}
#banner .banner-left-content .banner-title{
  -webkit-line-clamp: 4;
} 
#banner .banner-left-content .banner-desc{
  -webkit-line-clamp: 3;
}
#banner .banner-left-content .banner-title{
  font-size: 46px;
  font-weight: 500;
}
#banner .banner-left-content .banner-title .highlight-text{
  color: var(--first-theme-color);
}
#banner .banner-left-content .banner-desc{
  font-size: 17px;
  font-weight: 300;
}
#banner .banner-left-content .banner-main-btn .banner-btn1 a, #banner .banner-left-content .banner-main-btn .banner-btn2 a{
  color: #ffffff;
  font-weight: 500;
}
#banner .banner-left-content .banner-main-btn .banner-btn1, #banner .banner-left-content .banner-main-btn .banner-btn2{
  border: 1px solid var(--first-theme-color);
  border-radius: 8px;
  padding: 8px 15px;
}
#banner .banner-left-content .banner-main-btn .banner-btn1, #banner .banner-left-content .banner-main-btn .banner-btn2:hover{
  background-color: var(--first-theme-color);
} 
#banner .banner-left-content .banner-main-btn .banner-btn2:hover a{
  color: #ffffff;
}
#banner .banner-left-content .banner-main-btn .banner-btn1:hover, #resources-sec .resources-sec-btn:hover{
  background-color: transparent;
}
#banner .banner-left-content .banner-main-btn .banner-btn2 a, #banner .banner-left-content .banner-main-btn .banner-btn1:hover a, #resources-sec .resources-sec-btn:hover a{
  color: var(--first-theme-color);
}
#banner .banner-left-content .banner-phone-box{
  background-color: var(--first-theme-color);
  width: 70%;
  border-radius: 0 100px 0 0;
  box-shadow: -180px 0px 0px var(--first-theme-color);
}
#banner .banner-left-content .banner-phone-box i{
  color: #ffffff;
  font-size: 60px;
}
#banner .banner-left-content .banner-phone-box .phone-title{
  font-weight: 400;
}
#banner .banner-left-content .banner-phone-box .phone a{
  color: #ffffff;
  font-size: 25px;
  font-weight: 600;
}

/* Banner Right */
#banner .banner-right-img .banner-img{
  height: 580px;
  left: -80px;
}
#banner .banner-middle .banner-mid-box{
  background-color: #ffffff;
  width: fit-content;
  border-radius: 5px 15px 5px 5px;
  margin-left: -30px;
}
#banner .banner-middle .banner-mid-box i{
  background-color: #282828;
  color: #ffffff;
  border-radius: 4px;
  height: 35px;
  width: 35px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#banner .banner-middle .banner-mid-box .banner-mid-text{
  color: var(--first-theme-color);
}
#banner .banner-middle .count-box{
  background-color: var(--first-theme-color);
  border-radius: 50%;
  width: fit-content;
  aspect-ratio: 1;
  border: 6px solid var(--second-theme-color);
}
#banner .banner-middle .count-box .banner-mid-count{
  font-size: 40px;
  font-weight: 600;
  color: #ffffff;
}
#banner .banner-middle .count-box .banner-count-text{
  color: #ffffff;
}
#banner .banner-middle{
  background-color: #E2D5C5;
  border-bottom-left-radius: 200px;
}
#banner .banner-end-box .banner-right-img{
  background-color: var(--first-theme-color);
  border-top-right-radius: 200px;
}
#banner .banner-middle, #banner .banner-end-box{
  display: flex;
  min-height: 660px;
  flex-direction: column;
  justify-content: flex-end;
}

/* Resources Section */
#resources-sec .heading-box .section-desc{
  font-size: 18px;
  font-weight: 600;
  padding-left: 65px;
  display: inline-block;
}
#resources-sec .heading-box .section-desc:before{
  content: '';
  position: absolute;
  height: 4px;
  width: 55px;
  background-color: var(--first-theme-color);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#resources-sec .resources-sec-btn{
  background-color: var(--first-theme-color);
  border-radius: 5px;
  padding: 16px 22px;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid var(--first-theme-color);
  display: inline-block;
}
#resources-sec .resources-sec-btn a{
  color: #ffffff;
}
#resources-sec .resources .box{
  background-color: var(--second-theme-color);
}
#resources-sec .resources .box .resources-img{
  background-color: #c2c2c2;
}
#resources-sec .resources .box .resources-img, #resources-sec .resources .box .resources-img img{
  height: 400px;
}
#resources-sec .resources .box img{
  width: 100%;
  object-fit: cover;
}
#resources-sec .resources .box .box-content .title{
  font-size: 18px;
  padding-right: 22px;
}
#resources-sec .resources .box .resources-btn-box{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 100%;
  text-align: center;
}
#resources-sec .resources .box .resources-btn-box .resources-btn{
  background-color: #282828;
  color: #ffffff;
  padding: 12px 20px;
  border-radius: 5px;
  font-weight: 500;
}
#resources-sec .resources .box .box-content .title:after{
  content: '';
  position: absolute;
  height: 18px;
  width: 18px;
  background-color: #282828;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#resources-sec .resources .box:hover .box-content .title:after{
  background-color: var(--first-theme-color);
}
#resources-sec .resources .box:hover .resources-btn-box{
  display: block;
}

/* Wishslist */
.wishlist_table.mobile .product-add-to-cart a, .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart{
  margin-bottom: 0 !important;
}
.wishlist_table.wishlist_view.traditional thead, 
.wishlist_table.wishlist_view.traditional tbody, 
.wishlist_table.wishlist_view.traditional tfoot, 
.wishlist_table.wishlist_view.traditional tr, 
.wishlist_table.wishlist_view.traditional td, 
.wishlist_table.wishlist_view.traditional th{
  border-width: 1px;
}
.wishlist_table .wishlist-items-wrapper .product-price span,
.wishlist_table .wishlist-items-wrapper .product-stock-status .wishlist-in-stock{
  font-size: 18px;
  font-weight: 500;
}
.wishlist_table.mobile{
  padding-left: 0;
}
.wishlist_table.mobile table{
  width: auto;
}
.wishlist_table.mobile li{
  padding: 15px;
  border: 1px solid #6d6c6c;
}
.cart.wishlist_table .additional-info-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-around;
}
ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
  display: grid;
  grid-template-columns: 2fr 50%;
  gap: 10px;
}
.wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, 
.wishlist_table.modern_grid li .item-details table.item-details-table td.label{
  font-size: 16px !important;
  font-weight: 700;
}
.wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{
  font-size: 14px !important;
  padding: 6px !important;
  font-family: "Roboto", sans-serif;
}
.shop_table .product-name a{
  font-size: 20px;
}
.woocommerce table.shop_table.wishlist_table tr .product-add-to-cart .add_to_cart_button,
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart a{
  background: var(--first-theme-color);
  color: #ffffff;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
}

/*woocommerce*/
.woocommerce ul.products li.product a img,
.single-product .related.products li.product img{
  height: 300px;
  object-fit: contain;
}
.woocommerce.woocommerce-shop .content-area nav.woocommerce-breadcrumb, .woocommerce.woocommerce-shop .content-area header.woocommerce-products-header{
  display: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul{
  margin: 0;
}
#sidebar .tagcloud a, #sidebar .textwidget p a, #sidebar .textwidget a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .footer-wp input[type="search"], .dot-1, .dot-2, .dot-3, a.button, #comments ol li{
  background: #fff;
}
.woocommerce ul.products li.product .button, a.checkout-button.button.alt.wc-forward, #sidebar .widget.woocommerce.widget_product_search button, .pagination .current, .pagination a:hover {
  font-weight: bold;
  font-size: 12px;
  border-radius: 2px;
  display: inline-block;
}
/* Pagination */
.content_box .nav-previous span.post-title, .content_box .nav-next span.post-title{
  word-break: break-all;
}
.blog-section .nav-previous, .blog-section .nav-next{
  display: inline-block;
}
.blog-section .nav-next{
  float: right;
}
.nav-previous a{
  float: left;
  background: var(--first-theme-color);
  padding: 12px;
  border-radius: 2px;
}
.nav-next a{
  float: right;
  background: var(--first-theme-color);
  padding: 12px;
  border-radius: 2px;
}
.nav-next a, .nav-previous a{
  color: #fff !important;
  font-weight: 500;
  font-size: 15px;
  margin:15px 0;
  border: 2px solid var(--first-theme-color);
}
/*------------- Woocommerce --------------*/
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0px !important;
}
.woocommerce nav.woocommerce-pagination ul li,.woocommerce nav.woocommerce-pagination ul{
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--first-theme-color);
  border: solid 1px var(--first-theme-color);
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  margin: 0 5px 0 0;
  font-size: 15px;
  font-weight: bold;
  padding: 12px;
  background: var(--first-theme-color);
  color: #fff;
  border: solid 1px var(--first-theme-color);
}
.woocommerce #review_form #respond textarea{
  height: auto;
}
.woocommerce-product-gallery__image {
  padding: 2px;
}
.woocommerce ul.products li.product .button,a.checkout-button.button.alt.wc-forward {
  margin-top: 1em;
  font-size: 14px;
  text-transform: none;
}
.wp-block-woocommerce-cart .wc-block-cart-items tr.wc-block-cart-items__row{
  grid-template-columns: repeat(3, 1fr) !important;
}
.woocommerce .related.products .add_to_cart_button, .woocommerce ul.products li.product .ajax_add_to_cart{
  margin: 10px 10px 10px 0;
}
.woocommerce ul.products li.product .button, .woocommerce a.added_to_cart {
  padding: 12px 12px;
  font-size: 12px;
  text-transform: uppercase;
  border: 2px solid var(--first-theme-color);
  font-weight: 600;
  background: var(--first-theme-color);
  color: #fff;
  letter-spacing: 0;
}
.postbtn a:hover, .woocommerce ul.products li.product .add_to_cart_button:hover, .woocommerce a.added_to_cart:hover, .woocommerce div.product form.cart .single_add_to_cart_button:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover, .footer-wp button:hover, #sidebar button:hover, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__button:hover, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a:hover, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover, #comments a.comment-reply-link:hover, #comments input[type="submit"].submit:hover, .woocommerce #respond input#submit:hover, .bradcrumbs a:hover, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__button:hover, .wp-block-woocommerce-empty-cart-block .wp-block-button a:hover, input[type="submit"]:hover, .nav-next a:hover, .nav-previous a:hover, .woocommerce ul.products li.product .view_cart_button:hover, #charitable-donation-form button.button.charitable-button:hover, .woocommerce ul.products li.product .add_to_cart_button:hover, .single-post-page .category a:hover{
  background-color: #282828 !important;
  border: 2px solid #282828 !important;
  color: #ffffff !important;
}
.woocommerce span.onsale{
  background: var(--first-theme-color);
  padding: 0;
  margin: 0 !important;
  color: #fff;
  font-weight: 600;
  min-height: 2em;
  min-width: 3em;
  line-height: 2;
  padding: 5px;
}
.woocommerce ul.products li.product {
  position: relative;
  border-radius: 2px;
  padding: 20px;
  margin-bottom: 35px !important;
  border: 2px solid #e6f0fa;
  text-align: center;
  padding-top: 10px !important;
}
.single-product.woocommerce .product .woocommerce-product-gallery img.wp-post-image{
  height: 500px !important;
  width: 500px !important;
}
.single-product.woocommerce.woocommerce-page div.product div.images{
  width: 36%;
}
.single-product.woocommerce.woocommerce-page div.product div.summary{
  width: 58%;
}
.woocommerce-page .products li {
  width: 30% ;
}
h2.woocommerce-loop-product__title,.woocommerce div.product .product_title {
  font-size: 25px;
  color: #000;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
  font-size: 15px;
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 10px;
}
.woocommerce #respond input#submit{
  border: 2px solid var(--first-theme-color);
}
.woocommerce #respond input#submit, .woocommerce div.product form.cart .single_add_to_cart_button, .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, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
  background: var(--first-theme-color);
  color: #fff;
  font-size: 14px;
  padding: 8px 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 2px solid var(--first-theme-color);
}
a.added_to_cart.wc-forward {
  line-height: 1;
  font-size: 12px;
  font-weight: 600;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 10px;
}
.postbtn a:hover i, .woocommerce .product a.button:hover, .woocommerce .product 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 a.button:hover, .woocommerce button.button:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  background: var(--first-theme-color);
  color: #fff !important;
  border: 2px solid var(--first-theme-color);
}
a.checkout-button.button.alt.wc-forward {
  width: 100%;
}
.footer-wp input[type="submit"], .footer-wp button,
#sidebar input[type="submit"],
.pagination a.page-numbers, 
.page-links .page-links-title, 
.page-links a, 
.page-links .post-page-numbers.current span{
  border-radius: 2px;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  color: #fff !important;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 8px;
  border-radius: 0;
  border: solid 1px;
  line-height: 1;
  color: var(--first-theme-color);
}
.woocommerce-message {
  border-top-color: var(--first-theme-color);
}
.woocommerce-message::before {
  color: var(--first-theme-color);
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--first-theme-color);
  padding: 12px !important;
  margin-bottom: 10px !important;
  list-style: none !important;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
  font-weight: 500;
}
.woocommerce-product-details__short-description {
  margin-bottom: 15px;
  margin-top: 15px;
}
.woocommerce .woocommerce-ordering select {
  padding: 10px;
  font-size: 15px;
}
span.posted_in {
  display: block;
}
.woocommerce form .form-row .required{
  color: #d80000;
}
.woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a{
  text-decoration: none !important;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  width: 110px;
}
.woocommerce .woocommerce-breadcrumb {
  margin: 2em 0 2em;
  color: #ffffff;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  margin: 0;
  font-size: 20px;
  color: #000;
}
.woocommerce a.remove{
  color: #e50000 !important;
}
.woocommerce a.remove:hover {
  background: #e50000;
}
.nav-previous a:hover ,.nav-next a:hover, .footer-wp .textwidget p a,.footer-wp a.rsswidget, #sidebar .custom_read_more a:hover, .footer-wp .custom_read_more a, .navigation.post-navigation a:hover{
  color: #fff;
}
#sidebar li.woocommerce-mini-cart-item.mini_cart_item a{
  padding: 0;
  line-height: 25px;
}
.woocommerce-info a{
  color: #515151;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color:var(--first-theme-color);
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #111;
}
.footer-wp .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
.woocommerce ul.product_list_widget li img{
  width: 20%;
}
.related .products{
  display: flex;
  justify-content: space-between;
}
.related .products li{
  float: none !important;
  display: inline-table;
  width: 22% !important;
}
#sidebar .woocommerce .product-title, .footer-wp .woocommerce .product-title{
  font-size: 18px;
}
.woocommerce #comments ol li{
  padding: 0 !important;
}
.woocommerce .star-rating{
  float:left;
}
.woocommerce .woocommerce-product-rating{
  line-height: 1;
}
.woocommerce .woocommerce-product-rating a{
  padding-left: 10px;
}
.woocommerce ul.products li.product .price ins{
  font-weight: 600;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{
  font-size: 16px;
}
.woocommerce #reply-title {
  font-size: 18px;
  font-weight: 600;
}
.woocommerce ul.product_list_widget li, #sidebar ul.cart_list li a, #sidebar ul.product_list_widget li a{
  padding: 0;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 10px 0;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
li.cart_box, .woocommerce .widget_shopping_cart .cart_list li a, .woocommerce.widget_shopping_cart .cart_list li a,li.woocommerce-notice.woocommerce-notice--info.woocommerce-info{
  list-style: none;
}
li.woocommerce-notice.woocommerce-notice--info.woocommerce-info{
  padding: 1em 2em 1em 3.5em;
}
.woocommerce form .form-row input.input-text{
  padding: 8px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,.woocommerce .reviewer{
  font-size: 17px;
}
.related.products .woocommerce ul.products li.product{
  float: none;
  display: inline-table;
}
#sidebar .widget_shopping_cart .cart_list li, #sidebar .widget_shopping_cart .cart_list li{
  background: none;
  padding-left: 2em;
}
.woocommerce ul.product_list_widget li,.woocommerce .widget_rating_filter ul li{
  padding-bottom: 10px;
}
ul.cart_list li .star-rating, ul.product_list_widget li .star-rating {
  margin: 5px 0;
}
.woocommerce .woocommerce-product-rating .star-rating{
  margin: 0 !important;
}
.woocommerce ul.products li.product a img, .woocommerce #customer_login h2, #sidebar .star-rating, .footer-wp .star-rating {
  margin: 0;
}
.woocommerce .products .star-rating{
  margin: 0 0 10px;
}
.woocommerce form.woocommerce-form-login.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  display: block;
  float: none;
}
.woocommerce form .form-row input.input-text{
  border: 1px solid;
}
.woocommerce-Address, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
form.woocommerce-form.woocommerce-form-login.login {
  display: inline-block;
}
.woocommerce-account .addresses .title .edit {
  float: left;
  margin: 15px 0px 25px 0px;
}  
.single-product .summary.entry-summary .product_title,
.single-product .summary.entry-summary .price,
.single-product .summary.entry-summary form.cart{
  margin-bottom: 20px;
}
.single-product .summary.entry-summary .product_meta{
  margin-top: 20px;
}
/* cart page */
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide{
  margin-left: auto;
  margin-right: auto;
} 
.wp-block-woocommerce-cart .wc-block-components-main{
  padding-right: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-components-text-input input{
  padding: 10px !important;
}
.wp-block-woocommerce-cart .wc-block-components-text-input label, .wp-block-woocommerce-checkout .wc-block-components-text-input label{
  line-height: 1;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  font-size: 15px;
  background: var(--first-theme-color);
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 2px;
  border: 2px solid var(--first-theme-color);
}
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__button, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__button{
  font-size: 15px;
  background: var(--first-theme-color);
  color: #fff !important;
  font-weight: 600;
  padding: 8px 20px !important;
  min-height: 0 !important;
  text-transform: uppercase;
  border: 2px solid var(--first-theme-color);
  border-radius: 2px;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon__button, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__button{
  pointer-events: unset !important;
}
.wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  padding: 8px 10px 8px 30px;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a:hover{
  background: var(--first-theme-color);
}
.wc-block-cart .wc-block-cart-item__product a{
  text-decoration: none;
  font-size: 20px;
}
.wp-block-woocommerce-cart table.wc-block-cart-items, .wc-block-cart .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #e6e3e3;
  padding: 10px;
}
.wc-block-components-sidebar span.wc-block-cart__totals-title, .wc-block-components-sidebar .wc-block-components-totals-coupon{
  text-align: center !important;
}
.wp-block-woocommerce-cart table th span, .wp-block-woocommerce-cart .wc-block-cart__totals-title, .wc-block-cart .wc-block-cart__totals-title{
  color: #000 !important;
  font-size: 15px !important;
}
.wc-block-components-sidebar .wc-block-components-totals-coupon__content button .wc-block-components-button__text{
  opacity: 0.5 !important;
}
.wc-block-components-main .wc-block-checkout__actions_row button .wc-block-components-button__text{
  opacity: 1 !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a{
  border-radius: 2px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px !important;
  font-weight: 600;
  background: var(--first-theme-color);
  color: #fff !important;
  padding: 10px 12px;
  border: 2px solid var(--first-theme-color);
}
.wp-block-woocommerce-empty-cart-block .price del span{
  text-decoration: line-through;
}
.wp-block-woocommerce-empty-cart-block .price del{
  color: inherit;
  opacity: .5;
  display: inline-block;
  font-size: 14px;
  text-decoration: line-through;
}
.wp-block-woocommerce-empty-cart-block .price ins, .wp-block-woocommerce-empty-cart-block .price span.amount{
  background: 0 0;
  font-weight: 700;
  display: inline-block;
  font-size: 14px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price, .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart{
  text-align: left;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products{
  justify-content: space-between;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid li.wc-block-grid__product{
  position: relative;
  border: 1px solid #F6F6F6;
  border-radius: 2px;
  padding: 20px !important;
  margin-bottom: 35px !important;
  max-width: 23%;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
  padding: 5px 0;
  text-align: left;
  text-transform: capitalize;
  color: #121212 !important;
  font-size: 22px !important;
  font-weight: 400;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img{
  height: 240px !important;
  width: 258px !important;
}
.wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link{
  text-decoration: none;
  width: 100%;
  position: unset;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
  background: var(--first-theme-color);
  border-color: var(--first-theme-color);
  color: #fff !important;
  padding: 10px !important;
  font-size: 14px !important;
  border-radius: 2px !important;
  margin: 0 !important;
  top: 0 !important;
  right: auto !important;
  left: 0 !important;
  text-transform: capitalize !important;
}
.wc-block-components-product-metadata__description p,.wc-block-cart-item__prices .wc-block-components-product-price__value,.wc-block-cart-item__quantity button.wc-block-cart-item__remove-link{
  color:#282828 !important;
}
.wc-block-cart-item__quantity button.wc-block-cart-item__remove-link{
  font-size: 14px !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale{
  color: #000 !important;
}
/* no result search button */
#blog_sec form.search-form{
  display: flex;
}
#blog_sec form.search-form .search-submit{
  margin: 0;
}
#blog_sec form.search-form input.search-field{
  width: 95%;
}
/* --------- Homepage --------- */
.blog-section h2 {
  font-size: 30px;
  margin-bottom: 10px;
}
.blog-section h2 a {
  color: #282828;
  position: relative;
}
.blog-section h2 a::after, 
#sidebar aside h3::after, 
#sidebar aside h2.wp-block-heading::after, 
#sidebar aside .widget_block label.wp-block-search__label::after,
#sidebar aside label.wp-block-search__label::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 2px;
  bottom: 0;
  left: 0;
  background: var(--first-theme-color);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.blog-section h2 a:hover::after, 
#sidebar aside:hover h3::after, 
#sidebar aside:hover h2.wp-block-heading::after, 
#sidebar aside:hover .widget_block label.wp-block-search__label::after,
#sidebar aside:hover label.wp-block-search__label::after{
  transform: scaleX(1);
  transform-origin: bottom left;
}
.blog-section h2 a:hover,
#sidebar aside:hover h3,
#sidebar aside:hover h2.wp-block-heading, 
#sidebar aside:hover .widget_block label.wp-block-search__label,
#sidebar aside:hover label.wp-block-search__label{
  color: var(--first-theme-color);
}
.blog-section .section-title a:hover{
  text-decoration:none;
}
.blog-section .new-text p{
  font-size: 14px;
  color: rgb(0 0 0 / 78%);
  margin: 10px 0;
  line-height:23px;
}
.layout1 h2:after{
  margin: 7px auto 0;
}
.post-color {
  height:200px;
  width:250px;
  display: inline-block;
}
.mainbox p{
  color: #393939;
}
/* Breadcrumb */
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:var(--first-theme-color);
  color: #fff;
  padding:5px 15px;
  margin:5px;
  display: inline-block;
  border-radius: 2px;
  border: 2px solid var(--first-theme-color);
}
.bradcrumbs span{
  background:var(--first-theme-color);
  color: #fff;
  padding:5px 15px;
  margin:5px;
  display: inline-block;
  border-radius: 2px;
  border: 2px solid var(--first-theme-color);
}
.new-text p a,.comment p a{
  text-decoration: underline;
}
.single-post-page .category a {
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  background-color: var(--first-theme-color);
  border: 2px solid var(--first-theme-color);
  color: #fff;
  padding: 8px 10px;
  border-radius: 2px;
}
.category li{
  list-style-type: none;
  margin-bottom: 5px!important;
  display: inline-block;
}
.category ul{
  margin-left: 0px;
  display: inline-block;
}
.category span{
  color: var(--first-theme-color);
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}
.category .page-title span{
  font-size: 35px;
}
/* --------- Blog Page ------- */
.blog-section .metabox span i,.blog-section .metabox span a{
  margin-bottom: 12px;
}
.metabox a, .metabox span {
  color: #282828;
  font-size: 15px;
}
.metabox span i{
  color: var(--first-theme-color);
}
.entry-date:hover i, .entry-date:hover a, .entry-author:hover i, .entry-author:hover a{
  color: var(--first-theme-color) !important;
}
.metabox .entry-comments{
  font-size: 15px;
}
h1.page-title {
  margin-top: 10px;
}
.new-text p {
  margin-bottom: 20px;
  margin-top: 10px;
}
.navigation.post-navigation a {
  color: #333;
}
.meta-nav:after {
  content: ":";
  padding: 5px 5px;
}
span.meta-nav {
  font-size: 17px;
  font-weight: bold;
}
.inner-service .box-image img{
  max-width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.7;
  object-fit: cover;
  max-height: 350px;
}
.inner-service .feature-box img{
  max-width: 100%;
  max-height: 600px;
  padding: 10px;
  object-fit: cover;
  transition: all 0.4s ease;
}
.inner-service .feature-box img:hover{
  transform: translateY(-8px);
  box-shadow: 0 6px 30px rgba(0,0,0,0.25);
}
.mainbox, .layout3, .layout1, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery{
  border: 2px solid #e6f0fa;
}
.layout3, .layout1, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery{
  padding: 20px;
}
.nav-links {
  padding: 30px 0;
}
.inner-service .mainbox .postbtn a, .related-inner-box .postbtn a{
  background-color: var(--first-theme-color) !important;
  border: 2px solid var(--first-theme-color) !important;
  color: #ffffff !important;
  padding: 10px 20px !important;
  border-radius: 2px !important;
}
.metabox i:before {
  font-size: 10px;
  background: var(--first-theme-color);
  padding: 8px;
  color: #fff;
  border-radius: 50%;
  margin-left: -5px !important;
}
.inner-service {
  margin-bottom: 35px;
}
.inner-service:hover, #sidebar aside:hover {
  box-shadow: 0px 6px 20px 0px #ddd;
  border-radius: 20px;
}
.single .inner-service:hover {
  box-shadow: none;
}
.blog-section h1.page-title{
  margin-top: 0;
}
.mainbox, #sidebar aside{
  border-bottom: 5px solid var(--first-theme-color) !important;
  border-radius: 20px;
}
/* sticky post */
#blog_sec .sticky .mainbox h2:before {
  content: '\f02e';
  font-family: 'Font Awesome 7 Free';
  font-weight: 900;
  padding-right: 20px;
  font-size: 20px;
}
/* Related Post */
.navigation.post-navigation {
  margin-bottom: 20px;
  display: inline-block;
  float: left;
}
.related-inner-box {
  border: 1px solid var(--first-theme-color);
}
.related-inner-box h4 {
  font-size: 20px !important;
  padding-bottom: 0;
  color: #000;
}
/* Comments BOX */
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea {
  padding:12px 10px;
  font-size:18px;
}
#comments input[type="submit"].submit{
  background:var(--first-theme-color);
  padding: 10px 50px;
  text-transform:capitalize;
  font-weight:600;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 2px;
  border: 2px solid var(--first-theme-color);
}
.comment-respond .comment-form-cookies-consent{
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.comment-respond .comment-form-cookies-consent input{
  margin-top: 5px;
}
#comments a time{
  font-weight:bold;
  font-size:12px;
}
#comments ol {
  list-style: none;
  margin: 10px 0px;
}
#comments ol li {
  list-style: none;
  margin: 0 0 20px !important;
  padding: 20px !important;
  display: inline-block;
  border: solid 1px #bcbcbc;
}
#comments .comment-author {
  width: 50%;
  float: left;
}
.comment-meta.commentmetadata {
  float: right;
  width: 50%;
  text-align: right;
}
.reply {
  margin-bottom: 15px;
  float: left;
}
#comments a.comment-reply-link {
  background: var(--first-theme-color);
  padding: 5px 15px;
  text-decoration: none;
  color: #fff;
  border-radius: 2px;
  border: 2px solid var(--first-theme-color);
  font-weight: 600;
  text-transform: uppercase;
}
#comments a.comment-reply-link:hover {
  background: #000;
  color: #fff;
}
.content_box #comments ol li{
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  display:inline-block;
}
.content_box #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
  margin-top: 20px;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  float:left;
}
p.comment-form-comment label{
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ul{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,.comment-list .comment-content h2,.comment-list .comment-content h3,.comment-list .comment-content h4,.comment-list .comment-content h5,.comment-list .comment-content h6{
  margin-top:15px;
}
.content_box, .single-product .background-img-skin{
  margin: 40px 0 35px;
}
.page_content{
  margin-top: 25px;
}
p.logged-in-as a{
  color: var(--first-theme-color);
}
.comment-meta.commentmetadata a {
  color: #333;
  text-decoration: underline;
}
/*float css*/
.new-text a{
  color: var(--first-theme-color);
}
/* Block Button */
.wp-block-button .wp-block-button__link{
  border-radius: 23px;
}
.wp-block-button.is-style-squared a{
  border-radius: 0;
}
.wp-block-button .wp-block-button__link{
  text-decoration: none;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  background-color: #0000;
  margin: 5px 0;
  padding: 15px;
  border: 1px solid var(--first-theme-color);
  color: var(--first-theme-color) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{
  color: #282828 !important;
  border-color: var(--first-theme-color) !important;
  background-color: #ffffff !important;
}
/* Block Image */
.inner-service.format-standard .new-text .alignwide {
  margin-left  : 0;
  margin-right : 0;
}
.inner-service.format-standard .new-text .alignfull {
  margin-left  :0;
  margin-right : 0;
}
.alignfull img {
  width: 100vw;
}
/* Block Gallery */
.wp-block-gallery-3 .blocks-gallery-grid{
  margin-right: 35px;
  margin-top: 18px;
}
/* Block Layout */
.tag-content .wp-block-media-text__media img{
  width: 100% !important;
}
/* Block Widget */
#sidebar .widget_media_image .wp-block-image, #sidebar .widget_block.widget_media_gallery, #sidebar .widget_block .wp-block-calendar, #sidebar .widget_block .wp-block-tag-cloud{
  padding: 15px;
}
#sidebar .widget_block .wp-block-calendar .wp-calendar-nav, .footer-wp .widget_block .wp-block-calendar .wp-calendar-nav{
  text-align: left;
}
.footer-wp .widget_block .wp-block-calendar .wp-calendar-nav a{
  color: #ffffff;
}
#sidebar .widget_block .wp-block-image, #sidebar .widget_block .wp-block-gallery{
  margin-bottom: 0;
}
#sidebar .widget_block .wp-block-tag-cloud a, .inner-service .wp-block-tag-cloud a{
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 5px;
  display: inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar .widget_block .wp-block-tag-cloud a:hover, .inner-service .wp-block-tag-cloud a:hover, .footer-wp .widget_block .wp-block-tag-cloud a:hover{
  background-color: var(--first-theme-color);
  color: #fff;
}
.footer-wp .widget_block .wp-block-tag-cloud a{
  color: #fff;
  border: 1px solid #ddd;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
#sidebar .widget_block li.wp-social-link, .footer-wp .widget_block li.wp-social-link{
  padding: 0;
}
#sidebar .widget_block li.wp-social-link:hover, .footer-wp .widget_block li.wp-social-link:hover{
  transform: none;
}
#sidebar .widget_block li.wp-social-link a, .footer-wp .widget_block li.wp-social-link a{
  color: #ffffff;
  padding: 10px;
}
#sidebar .widget_block li.wp-social-link:before{
  display: none;
}
/*--------------- Sidebar -----------------*/
#sidebar .widget_text a, #sidebar .wp-block-heading a{
  color: var(--first-theme-color);
  text-decoration: underline;
}
#sidebar-footer .widget_text a, #sidebar-footer .wp-block-heading a{
  color: #282828;
  text-decoration: underline;
}
#sidebar .widget_text, #sidebar .wp-block-heading, #sidebar-footer .widget_text, #sidebar-footer .wp-block-heading{
  padding: 10px;
}
#sidebar form{
  display: table;
}
#sidebar h2.wp-block-heading{
  margin-bottom: 0;
}
#sidebar h3, #sidebar h2.wp-block-heading, #sidebar .widget_block label.wp-block-search__label{
  font-size: 25px;
  color: #282828;
  border-bottom: 1px solid #e6f0fa;
  padding: 15px;
  position: relative;
}
#sidebar .widget_block label.wp-block-search__label{
  padding: 10px 15px;
}
#sidebar h3:hover, #sidebar h2.wp-block-heading:hover, #sidebar .widget_block label.wp-block-search__label:hover{
  color: var(--first-theme-color);
}
#sidebar label.wp-block-search__label{
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
#sidebar .wp-block-search__button{
  width: auto;
  text-transform: capitalize;
}
#sidebar .widget_block .wp-block-search__inside-wrapper {
  padding: 10px;
  display: grid;
  grid-template-columns: auto auto;
}
.widget_categories select {
  padding: 6px;
}
#sidebar select {
  padding: 10px;
  margin: 24px;
  width: 85%;
}
#sidebar ul.children, #sidebar ul.sub-menu{
  padding: 0 0 0 15px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:12px;
  border:solid 1px #e6f0fa;
  font-size:15px;
  color:#282828;
}
input[type="search"] {
  background:transparent;
  padding:10px 10px;
  border:solid 1px var(--first-theme-color);
  font-size:15px;
  color:#282828;
}
#sidebar label .search-field{
  width:100%;
  margin-bottom:15px;
}
#sidebar input[type="submit"] {
  background: var(--first-theme-color);
  border: none;
  padding: 10px;
  font-size: 16px;
  margin: 0;
  width: 100%;
  border-radius: 2px;
}
#sidebar aside,#sidebar .custom-about-us, #sidebar .custom-contact-us{
  margin-bottom:30px;
  border: 2px solid #e6f0fa;
}
#sidebar ul, #sidebar .no-comments.wp-block-latest-comments{
  list-style:none;
  font-size:17px;
  padding: 15px;
}
#sidebar ul li a{
  color: #282828;
  line-height: 40px;
}
#sidebar ul li{
  font-size: 15px;
  position: relative;
  transition: 0.3s ease-in-out;
}
#sidebar ul li:before{
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: var(--first-theme-color);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#sidebar ul li a:hover{
  color: var(--first-theme-color);
}
#sidebar ul li:hover:before {
  opacity: 1;
}
#sidebar ul li:hover {
  padding-left: 25px;
}
#sidebar .tagcloud a, #tag-cloud a{
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:5px;
  display:inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar .tagcloud a:hover, .footer-wp .tagcloud a:hover, #tag-cloud a:hover{
  background-color: var(--first-theme-color);
  color: #fff;
}
#sidebar button:hover{
  background:var(--first-theme-color);
  color: #fff;
}
#sidebar ul li.menu-item-has-children:before{
  display: none;
}
#sidebar ul li.menu-item-has-children:hover {
  padding: 0;
}
#sidebar h2, #sidebar .textwidget p, #sidebar #calendar_wrap, #sidebar .tagcloud, #sidebar .calendar_wrap{
  padding: 15px;
}
#sidebar img, #sidebar-footer img {
  max-width: 100%;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget_calendar td,.widget_calendar th {
  line-height: 2.5;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
}
.widget_calendar tbody a {
  background-color: var(--first-theme-color);
  display: block;
  font-weight: 700;
  color: #ffffff;
}
#sidebar form.search-form {
  display: block;
  border-radius: 2px;
  padding: 10px;
}
#sidebar .widget_calendar td,#sidebar .widget_calendar th ,#sidebar .widget.widget_calendar table{
  border: 1px solid #e6f0fa !important;
}
#sidebar .wp-block-latest-comments li a:hover{
  color: #000;
}
#sidebar .search-form label{
  display: block;
}
/* About widget */
.custom-about-us img {
  box-shadow: 2px 2px 8px #909090;
}
.footer-wp .custom-about-us h3{
  text-align: center;
}
h3.custom_title:after {
  margin: 0 auto;
}
.about-social_links i {
  width: 30px;
  height: 30px;
  line-height: 2;
  font-size: 15px;
  border-radius: 2px;
  box-shadow: 2px 2px 4px #909090;
}
.about-social_links i.fab.fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.about-social_links i.fab.fa-pinterest-p {
  background: #bd081c;
}
.about-social_links i.fab.fa-linkedin-in {
  background: #1b85bc;
}
.about-social_links i.fab.fa-twitter {
  background: #53a8ea;
}
.about-social_links i.fab.fa-facebook-f {
  background: #45619d;
}
.custom_read_more {
  font-size: 15px;
}
.custom-about-us form {
  text-align: left;
}
.custom_read_more a{
  border: solid 1px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
#sidebar .custom_read_more a{
  color: #fff;
  background: var(--first-theme-color);
}
/*------------- Contact us widgets --------------*/
.custom_details {
  font-size: 16px;
  font-weight: bold;
}
.custom-contact-us p{
  font-size: 15px;
}
.footer-wp .custom-contact-us input[type="submit"], .footer-wp .custom-contact-us button{
  padding: 5px 0;
}
.footer-wp .custom-contact-us div.wpcf7-validation-errors, .footer-wp .custom-contact-us div.wpcf7-acceptance-missing{
  border: 2px solid var(--first-theme-color);
}
#sidebar .custom-contact-us form {
  text-align: left;
}
#sidebar .custom-contact-us input[type="submit"]{
  padding: 10px;
}
#sidebar-footer .custom-contact-us input,#sidebar-footer .custom-contact-us textarea{
  margin-bottom: 0;
}
.custom-contact-us input[type="text"],.custom-contact-us input[type="email"], .custom-contact-us input[type="phno"], textarea{
  padding: 4px;
}
#sidebar-footer .custom-contact-us input{
  border-radius: 2px;
  font-weight: 600;
}

/* Page */
.single-post .metabox .entry-comments,.single-post .metabox .entry-author,.single-post .metabox .entry-date,.single-post .metabox .entry-time {
  display: inline-block;
}
.content_box ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
.content_box ul li{
  list-style-type: circle;
  padding:0 0 0 4px;
  margin:15px 0;
  line-height:25px;
}
.content_box ul li ul li{
  list-style-type: circle;
}
.content_box ol{
  list-style: none;
  margin:0 0 0 0px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
.content_box ol li{
  list-style-type: circle;
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
.content_box ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 5px;
}
.content_box  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
}
.page-content .read-moresec a.button{
  border: 2px solid var(--first-theme-color);
  background: var(--first-theme-color);
  font-size: 15px;
  font-weight: 700;
  color: #fff !important;
  display: inline-block;
  border-radius: 2px;
}
.page-content .read-moresec a.button:hover{
  border: 2px solid #000;
  background: #000;
  color: #fff;
}
/*preloader*/
.frame {
  position: fixed;
  border-radius: 2px;
  background: var(--first-theme-color);
  z-index: 99999999;
  top: 0;
  left: 0;
}
.loader {
  position: absolute;
  width: 220px;
  height: 220px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dot-1 {
  position: absolute;
  z-index: 3;
  width: 30px;
  height: 30px;
  top: 95px;
  left: 95px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
          animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
.dot-2 {
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  top: 80px;
  left: 80px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
          animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
.dot-3 {
  position: absolute;
  z-index: 1;
  width: 90px;
  height: 90px;
  top: 65px;
  left: 65px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
          animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
@-webkit-keyframes jump-jump-1 {
  0%, 70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes jump-jump-1 {
  0%, 70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-2 {
  0%, 40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes jump-jump-2 {
  0%, 40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-3 {
  0%, 10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes jump-jump-3 {
  0%, 10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*copyright css*/
#scrollbutton {
  position: fixed;
  bottom: 70px;
  right: 20px;
  font-size: 22px;
  padding: 12px 17px;
  border: solid 2px  var(--first-theme-color);
  color:  #fff;
  z-index: 9999;
  border-radius: 5px;
  background: var(--first-theme-color);
  visibility: visible;
}
.left {
  left: 20px;
  right: auto !important;
}
.center{
  left: 50%;
  right: auto !important;
}
.copyright-wrapper {
  background-color: var(--second-theme-color);
  font-size: 15px;
  text-align: center;
  color: #282828;
  font-weight: 500;
}
.copyright-wrapper a, .copyright-wrapper p a{
  color: #282828;
}
.footer-wp {
  background: var(--first-theme-color);
}
.footer-wp h3, .footer-wp .wp-block-heading {
  text-align: left;
  font-size: 25px;
  color: #fff;
}
.footer-wp h3:after, .footer-wp .wp-block-heading:after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #fff;
  margin-top: 7px;
}
.footer-wp input[type="search"]{
  padding:12px 5%;
  border: 1px solid #fff;
  color: #282828;
}
.footer-wp input[type="search"]::placeholder{
  color: #282828;
}
.footer-wp .search-form label {
  width: 100%;
}
.footer-wp input[type="submit"], .footer-wp button, #sidebar button {
  padding: 10px 12px;
  font-size: 14px;
  border-radius: 2px;
  font-weight: 600;
  text-transform: uppercase;
}
.footer-wp input[type="submit"], .footer-wp button{
  background: #282828;
  color: #ffffff !important;
  border: 2px solid #282828;
}
.footer-wp input[type="submit"]:hover{
  background: var(--second-theme-color) !important;
  color: #282828 !important;
  border: 2px solid var(--second-theme-color) !important;
}
#sidebar button{
  background: var(--first-theme-color);
  color: #fff;
  border: 2px solid var(--first-theme-color);
}
#sidebar button:hover, .footer-wp button:hover{
  background: var(--second-theme-color);
}
.footer-wp button, #sidebar button{
  margin-top:0px;
}
.footer-wp caption {
  font-weight: bold;
  font-size: 20px;
}
.footer-wp table,.footer-wp th,.footer-wp td {
  border: 1px solid #858282;
  text-align: center;
}
.footer-wp th {
  text-align: center;
}
.footer-wp select {
  padding: 8px 5px;
}
.footer-wp li a {
  font-size: 15px;
}
.footer-wp ul li {
  list-style: none;
  padding: 5px 0;
}
.footer-wp ul {
  margin: 0;
}
.footer-wp .widget {
  margin: 30px 0;
}
.footer-wp .tagcloud a {
  color: #fff;
  border: 1px solid #ddd;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
.widget_block p a,.textwidget p a,.woocommerce-product-details__short-description p a,#tab-description p a{
  text-decoration: underline;
}
/* Pagination */
.pagination, .page-links {
  position:relative;
  font-size:12px;
  line-height:13px;
  font-weight:bold;
}
.pagination span, .pagination a, .page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span {
  padding: 18px;
  display: block;
  float: left;
  margin: 3px;
  text-decoration: none;
  width: auto;
  background: var(--first-theme-color);
  color: #ffffff;
  -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;
  font-weight: bold;
  font-size: 15px;
}
.pagination span:hover, .pagination a:hover, .page-links .page-links-title:hover, .page-links a:hover {
  font-size: 15px;
  background: var(--first-theme-color);
  color: #ffffff;
}
.page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span{
  padding: 15px;
  font-size: 15px;
}
.page-links .page-links-title{
  margin: 3px 3px 3px 0;
}
.pagination .current, .pagination .current:hover, .page-links .post-page-numbers.current span{
  background: #282828;
  font-weight:bold;
  color: #ffffff !important;
  font-size: 15px;
}
.page-links{
  padding-bottom: 50px;
}
.content_box .pagination ul li, .content_box .pagination ul{
  margin:0;
}
.new-text a{
  text-decoration: underline;
}
.nav-links{
  padding: 0 0 30px 0;
}
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.nav-next,.post-navigation .nav-next {
  margin-top: 0;
}
.tags{
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
}
.tags a {
  text-decoration: none!important;
  font-weight: 500;
  border-radius: 2px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  text-shadow: none;
  line-height: 3.5;
  padding: 8px;
  margin: 5px;
  font-size: 15px;
  color: #333;
}
.tags a:hover {
  background: var(--first-theme-color);
  border-color: var(--first-theme-color);
  color: #fff;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{
  display: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading{
  opacity: 1;
}
.woocommerce-account .addresses .title .edit{
  background-color: var(--first-theme-color);
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 3px 10px 10px;
  border-radius: 2px;
  border: 2px solid var(--first-theme-color);
  text-decoration: none;
}
.woocommerce-account .addresses .title .edit:hover{
  background-color: transparent !important;
  border: 2px solid var(--first-theme-color);
  color: var(--first-theme-color);
}
.woocommerce-account .woocommerce-form-login{
  display: block !important;
  width: 70%;
  margin: 0 auto !important;
}
.woocommerce-account .woocommerce .woocommerce-notices-wrapper + h2{
  text-align: center;
}
/* social icons */
footer .socialicons{
  text-align:center;
}
footer .socialicons a{
  color: #fff;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}
.woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce .entry-summary a {
  text-decoration: none !important;
}
.woocommerce div.product form.cart {
  margin: 0.5em 0;
}
/*responsive menu*/
@media screen and (max-width:434px) {
  .header button.product-button, .header input[type="search"]{
    font-size: 11px;
    padding: 8px !important;
  }
  .wp-block-woocommerce-checkout .wc-block-checkout__actions_row{
    flex-direction: column !important;
  }
  .is-mobile .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button{
    display: block !important;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  .wc-block-components-checkout-return-to-cart-button svg{
    left: 20% !important;
  }
}
@media screen and (max-width:767px) {
  .page-template-home-page .header-bottom{
    position: static;
  }
  #banner{
    padding-top: 25px;
  }
  #banner .banner-left-content .banner-phone-box{
    width: 100%;
  }
  #banner .banner-left-content .banner-title{
    font-size: 32px;
  }
  #banner .banner-left-content .banner-main-btn{
    flex-wrap: wrap;
  }
  #banner .banner-left-content .banner-phone-box i{
    font-size: 45px;
  }
  #banner .banner-middle{
    min-height: 470px;
  }
  #banner .banner-end-box{
    min-height: 400px;
  }
  #banner .banner-middle{
    align-items: center; 
  }
  #banner .banner-middle .banner-mid-box{
    margin-left: 0;
  }
  #banner .banner-right-img{
    background-color: transparent !important;
    text-align: center;
  }
  #banner .banner-right-img .banner-img {
    height: 400px;
    left: 0;
  }
  .woocommerce-account .woocommerce-form-login{
    width: 100%;
  }
  ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .single-product.woocommerce.woocommerce-page div.product div.images,
  .single-product.woocommerce.woocommerce-page div.product div.summary{
    width: 100%;
  }
  .single-product.woocommerce .product .woocommerce-product-gallery img.wp-post-image{
    width: 350px !important;
    height: 350px !important;
  }
  .single-product .related.products ul.products{
    flex-wrap: wrap;
  }
  .related .products li{
    width: 100% !important;
  }
  .search_input input[type="submit"]{
    display: block;
    width: 100%;
  }
  .page-template-home-page #header{
    position: static;
    background-color: #282828;
  }
  .new-text .alignwide {
    margin-left: 5px;
    margin-right: 5px;
  }
  #sidebar input[type="submit"]{
    padding: 10px 15px;
  }
  .products li{
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }
  .home-tutor-logo{
    position: static;
    text-align: center;
  }
  .menu-header{
    margin-right: 0% !important;
  }
  .box img {
    max-height: 100%;
  }
  .main-search{
    padding-left: 0;
  }
  .woocommerce ul.products li.product .button{
    margin-right: 10px;
  }
  .woocommerce .woo-sctr-shortcode-wrap{
    margin-right: 10px;
  }
  #sidebar-footer .footer-block h3:after{
    margin: auto;
  }
  #sidebar-footer .footer-block ul,#sidebar-footer .footer-block h3{
   text-align: center!important;
  }
  .footer-wp ul li{
    justify-content: center;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  #banner, #banner .banner-middle, #banner .banner-end-box{
    min-height: 600px;
  }
  #banner .banner-left-content .banner-title{
    font-size: 34px;
  }
  #banner .banner-left-content .banner-phone-box{
    width: 100%;
    box-shadow: -150px 0px 0px var(--first-theme-color);
  }
  #banner .banner-left-content .banner-main-btn{
    flex-wrap: wrap;
  }
  #banner .banner-left-content .banner-phone-box i{
    font-size: 40px;
  }
  #banner .banner-right-img .banner-img {
    height: 300px;
    left: -40px;
  }
  #banner .banner-left-content .banner-desc{
    font-size: 14px;
  }
  .single-product.woocommerce.woocommerce-page div.product div.images{
    float: left;
  }
  .single-product.woocommerce.woocommerce-page div.product div.summary{
    float: right;
  }
  .single-product.woocommerce .product .woocommerce-product-gallery img.wp-post-image {
    height: 350px !important;
    width: 350px !important;
  }
  .single-product .related.products ul.products{
    gap: 10px;
  }
  .header button.product-button, .header .header-search input[type="search"]{
    font-size: 12px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 45% !important;
    margin: 0;
  }
  .woocommerce .woo-sctr-shortcode-wrap{
    margin-right: 10px;
  }
  #sidebar input[type="submit"]{
    padding: 11px 1px;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n){
    float: right;
  }
  .page-template-home-page .menu-header{
    top: 40px;
  }
  .menu-header{
    padding: 10px;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 50% !important;
    flex: 1 0 50% !important; 
  }
}
@media screen and (min-width:992px) and (max-width: 1199px){
  #banner .banner-right-img .banner-img{
    height: 410px;
  }
  #banner .banner-left-content .banner-title{
    font-size: 38px;
  }
  #banner .banner-left-content .banner-phone-box{
    width: 80%;
  }
  #banner .banner-left-content .banner-phone-box i{
    font-size: 45px;
  }
  #banner .banner-left-content .banner-phone-box{
    box-shadow: -135px 0px 0px var(--first-theme-color);
  }
  .woocommerce .woocommerce-ordering{
    margin-top: 1px !important;
  }
  .new-text .alignwide {
    margin-left: -15px;
    margin-right: -15px;
  }
  #sidebar input[type="submit"]{
    padding: 11px 15px;
  }
  #sidebar label .search-field{
    width: 70%;
  }
  .single-product.woocommerce .product .woocommerce-product-gallery img.wp-post-image {
    height: 350px !important;
    width: 350px !important;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 33% !important;
    flex: 1 0 30% !important; 
  }
  .woocommerce ul.products li.product .button, .woocommerce a.added_to_cart{
    font-size: 12px;
  }
}
@media screen and (max-width: 1000px){
  .main-navigation .menu ul > .current_page_item > a, .main-navigation .menu > .current-menu-item > a{
    color: var(--first-theme-color) !important;
    background-color: transparent;
    box-shadow: unset;
    transition: none;
  }
  .main-navigation .menu li{
    display: block;
  }
  .main-navigation .menu{
    margin-top: 95px;
  }
  .main-menu-header {
    border-top: none;
  }
  .page-template-home-page .main-navigation .menu > li > a {
    padding: 10px;
  }
  .main-navigation .menu > li > a {
    padding: 10px;
  }
  .page-template-home-page .main-navigation .menu{
    margin-top: 95px;
  }
  .main-navigation ul .menu-item.menu-item-has-children a:after,
  .main-navigation ul .page_item.page_item_has_children a:after{
    content: none;
  }
  ul#menu-testing-menu li.current-menu-item.current_page_item a{
    border: none;
    color: #ffffff;
  }
  .admin-bar .sidenav .closebtn{
    top: 50px;
  }
  .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus,
  .main-navigation ul.children > li > a:hover, .main-navigation ul.children > li > a:focus{
    background: transparent;
    color: #282828 !important;
  }
  .slider-box-btn {
    margin: 17px 0;
  }
  .toggle-nav.mobile-menu {
    text-align: center;
  }
  .nav-box {
    outline: none;
    background: transparent;
  }
  .main-navigation .sub-menu > li,
  .main-navigation .children > li{
    border: none;
  }
  .toggle-nav {
    display: none;
    cursor: pointer;
    z-index: 999999;
  }
  .toggle-nav i {
    font-size: 20px;
    color: #282828;
    padding: 10px 20px;
    background: #ffffff;
    border-radius: 2px;
    display: flex;
    justify-content: center;
  }
  .toggle-nav button {
    border: none;
    background: transparent;
  }
  .toggle-nav button:focus{
    outline: 2px solid var(--first-theme-color) !important;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999999;
    right: 0;
    top: 0;
    overflow-x: hidden;
    transition: 0.5s ;
    overflow-y: scroll;
    background: #1E192D;
    visibility: hidden;
  }
  .sidenav.show {
    visibility: visible;
    width: 300px;
    box-shadow: 0px 0px 8px #9d9595;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 20px;
    margin-left: 10px;
    display: block;
    font-size: 22px;
    background: var(--first-theme-color);
    border-radius: 2px;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    right: 14px;
  }
  .sidenav #site-navigation {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 8px #9d9595;
    padding-left: 6px;
  }
  .toggle-nav,
  .toggle-nav.mobile-menu,
  a.closebtn.mobile-menu,
  .main-navigation ul ul li,
  .nav ul li a{
    display: block;
  }
  .nav ul li ul,
  .nav ul li ul ul{
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .nav ul li ul,
  .nav ul li ul ul {
    display: block !important;
    opacity: 1 !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
  }
  .main-navigation li{
    padding: 0;
  }
  .main-navigation .sub-menu,
  .main-navigation .children{
    position: static;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
  }
  .main-navigation ul.sub-menu li a, .main-navigation ul.children li a{
    color: #282828 !important;
  }
  .main-navigation .menu li a {
    color: #282828 !important;
    display: block;
    border: none;
    text-align: left;
  }
  .scrollbutton.center i{
    left: 44%;
    right: 50%;
  }
  .scrollbutton.left i {
    left: 18px;
  }
  #sidebar label .search-field{
    width: 70%;
  }
  .post-navigation .nav-previous, .post-navigation .nav-next {
    width: 40%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
  #banner .banner-left-content .banner-phone-box i{
    font-size: 50px;
  }
  #banner .banner-right-img .banner-img{
    height: 485px;
  }
  .woocommerce .woo-sctr-shortcode-wrap{
    margin-right: 10px;
  }
  .woocommerce .related.products li{
    width: 29% !important;
  }
}
@media screen and (min-width:1600px) and (max-width:1900px){
  .container{
    max-width: 1520px;
  }
}
@media screen and (min-width:1920px) {
  .container{
    max-width: 1620px;
  }
}
/* Sticky Copyright */
.copyright-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.blog-section{
  margin-top: 50px !important;
}