/*
Theme Name: Business Article Ship
Theme URI: https://www.legacytheme.net/product/free-business-wordpress-theme/
Author: LegacyThemes
Author URI: https://www.legacytheme.net/
Description: Business Article Ship is a versatile and modern WordPress theme designed specifically for entrepreneurs, small businesses, and professionals in the business sector. This theme serves as an ideal platform for sharing insights, strategies, and resources related to business management, growth, and innovation. With its clean and user-friendly layout, the Business Article Ship theme makes it easy for users to navigate through various sections, allowing for seamless content consumption. Visually, the theme features a contemporary design with customizable colour schemes and typography options, ensuring that your brand's identity is well-represented. It includes pre-designed templates tailored for business articles, blog posts, and service pages, allowing you to effectively communicate your business ideas and strategies. The integration of social media buttons enhances connectivity, enabling easy sharing of content across multiple platforms, which can significantly boost your online presence. One of the primary benefits of the Business Article Ship theme is its focus on functionality and user experience. It is SEO-friendly, helping improve your website's visibility in search engine results, while responsive design ensures that your content looks great on any device. Whether you’re looking to establish thought leadership in your industry or promote business services, this theme provides the essential tools to achieve your goals effectively.
Requires at least: 5.5
Tested up to: 6.7
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: business-article-ship
Tags: education,portfolio,right-sidebar, left-sidebar, custom-menu, featured-images, theme-options, custom-colors, custom-logo, flexible-header, threaded-comments, one-column, full-width-template, sticky-post
*/

/**
====================================================================
  General Classes
====================================================================
*/

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    overflow-x: hidden;
}

html,
body {
    color: #2f2f2f;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    height: 100%;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    width: 100%;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
}


body {
    line-height: 1.7em;
    overflow-x: clip;
    
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2f2f2f;
    clear: both;
    line-height: 1.4;
    margin: 0 0 0.75em;
    padding: 1.5em 0 0;
    font-family: "Raleway", sans-serif;;
}

h1 {
    font-size: 32px;
    font-weight: 700;
}

h2 {
    font-size: 30px;
    font-weight: 700;
}

h3 {
    font-size: 24px;
    font-weight: 700;
}

h4 {
    font-size: 22px;
    font-weight: 700;
}

h5 {
    font-size: 18px;
    font-weight: 700;
}

h6 {
    font-size: 14px;
    font-weight: 700;
}

a {
    text-decoration: none;
    display: inline-block;
    transition: 0.5s;
    color: #2f2f2f;

}

a:hover {
    text-decoration: none;
    transition: 0.5s;
}

img {
    max-width: 100%;
}


ol,
ul {
    list-style: none;
}

li {
    list-style-type: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"] {
    border: 1px solid #d0d0d0;
    color: #a1a1a1;
    height: 50px;
    padding: 0px 10px 0 20px;
    width: 100%;
    font-weight: 400;
}

textarea {
    border: 1px solid #d0d0d0;
    color: #f94c30;
    padding: 10px 10px 0 20px;
    width: 100%;
    font-weight: 400;
}

select {
    width: 100%;
    height: 50px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 0;
}
#footer select{
    background: #f94c30;
}
blockquote {
    background: transparent url(img/bquote.png) no-repeat scroll 0 0;
    border: none;
    padding: 0 0 0 40px;
}

blockquote p {
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 8px !important;
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

caption,
td {
    font-weight: normal;
    text-align: left;
}

tr {
    font-weight: 700;
}

ul {
    margin-left: 0;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-left: 20px;
}

address {
    font-style: italic;
}

p {
    margin: 0 0 1.5em;
    padding: 0;
    word-wrap: break-word;
}

dd {
    margin: 0 0 1.5em 20px;
    padding: 0;
}

big {
    font-size: 125%;
}

small {
    font-size: 80%;
}

iframe {
    width: 100%;
}

.clearfix {
    clear: both;
}


/* The full form */
#ninja_forms_form_1_wrap {
	background-color: #f89a16;
	padding: 20px;
	
	border: 2px solid #ccc;
	border-radius: 8px;
	box-shadow: 0px 3px 5px #444;
}

/* Fields marked with an * are required text */
.ninja-forms-required-items {
	margin-bottom: 15px;
}

/* All Input fields */
.ninja-forms-field {
	background-color: #e5e5e7;
	border: 1px solid #fff;
	font-size: 16px;
	border-radius: 5px;
}

/* Name field label and input box. 
NB! Notice the styling changes on resizing the browser. Fix this in your media queries. This will change from theme to theme.*/
#ninja_forms_field_1_div_wrap,
#ninja_forms_field_1 {
	width: 47%;
	min-width: 220px;
	height: 35px;
	float: left;
	margin-right: 28px;
}


/* Email field input */
#ninja_forms_field_2{
	width: 47%;
	min-width: 220px;
	height: 35px;	
	float: right;
}

/* Message field input */
#ninja_forms_field_3{
	
}

/* The Send button */
#nf-field-4 {
	background-color: #286016;
	border: 1px solid #333;
	border-radius: 8px;
	
	text-shadow: 2px 1px 3px #000;
	box-shadow: 0px 3px 5px #444;
}

/* The Send button - hover - mouse over effect */
#nf-field-4:hover{
	background-color: #8d5303;
	border: 1px solid #ccc;
	text-shadow: 0px 0px 2px #ccc;
	box-shadow: 1px 1px 2px #ccc;
}


/**
====================================================================
  Preloader
====================================================================
*/
.loader-wrapper {
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
}
#pre-loader {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 45%;
    left: 49%;
}
.loader-pulse,
.loader-pulse:before,
.loader-pulse:after {
    border-radius: 50%;
    width: 2.4em;
    height: 2.4em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.loader-pulse {
    color: #f94c30;
    font-size: 7px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader-pulse:before,
.loader-pulse:after {
    content: '';
    position: absolute;
    top: 0;
}
.loader-pulse:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader-pulse:after {
    left: 3.5em;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
/**
====================================================================
  Header
====================================================================
*/
/* Search Icon Styles */
.search-container {
    position: relative;
}

.search-icon {
    background: #000000;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

/* Search Form Styles */
.search-form {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 325px;
}

.search-form input[type="text"] {
    padding: 5px;
    width: 200px;
    border: 1px solid #ccc;
    margin-right: 5px;
}
div#topbar {
    background: #f94c30;
}
p.topbar-text {
    font-size: 15px;
    color: #cad3e1;
}
.topbar-button1 a,.topbar-button2 a,.topbar-button3 a {
    font-size: 15px;
    font-weight: 600;
    color: #cad3e1;
}
.follow-us i {
    color: #ffffff;
    padding: 0px 3px;
}
/**
====================================================================
  Logo
====================================================================
*/
.logo img {
    max-width: 100%;
    height: auto;
}
.logo {
    display: flex;
    flex-direction: column;
}
.site-title {
    margin: 0;
}
.logo h1.site-title {
    font-size: 25px;
    padding: 0;
}
.has-logo h1.site-title,
.has-logo p.site-title {
    padding: 0;
}
p.site-title {
    padding: 1.5em 0 0;
}
header.style2 .logo h1.site-title a,
header.style2 .logo p.site-description {
    color: #fff;
}
.site-description {
    margin: 0;
    font-size: 14px;
}
/**
====================================================================
  Navigation
====================================================================
*/
.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 a:after,
.main-navigation ul .page_item.page_item_has_children a:after{
    content: "\F229";
    position: absolute;
    height: 0;
    width: 0;
    border-top-color: #e1e1e1;
    color: #2f2f2f;
    font-weight: 600;
    font-family: 'Bootstrap-icons';
    font-size: 10px;
    padding: 0px 3px;
}
.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 {
    font-size: 14px;
    position: relative;   
    display: block;
    color: #f94c30;
    background: #fff;
    text-align: left;
    padding: 12px 20px !important;
    line-height: 22px;
    font-weight: 500;
}
#site-navigation .menu ul.sub-menu li a,
#site-navigation .menu ul.children li a{
    line-height: 1.5;
}
nav#site-navigation{
    padding: 0;
}
.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{
    color: #444 !important;
    background-color: #eaeaea !important;
}
.main-navigation .menu {
    display: flex;
    justify-content: end;
    gap: 50px;
}
div#mySidenav {
    display: inline-flex;
}
.main-navigation .menu > li {
    display: inline;
    position: relative;
}
.main-navigation .menu > li > a {
    display: inline-block;  
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #2f2f2f;
    text-transform: uppercase;
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a{
    color: #f94c30 !important;
}
.main-navigation .menu > li > a:hover{
    color: #f94c30;
}
.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: 8px;
    margin: 0;
}
.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 {
    background: #000;
    color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
    left: 200px !important;
    top: 0px;
}
.main-navigation .sub-menu > li,
.main-navigation .children > li {
    display: block;
    float: none;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.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;
    padding: 15px;
    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;
    margin-top: 0;
    width: auto;
    min-width: 100%;
    opacity: 1;
    top: 100%;
    border: 1px solid #f3f3f3;
}
header.style1 header {
    border-bottom: 1px solid #dadada;
}
header.style2 ul.navigation>li a {
    color: #fff;
}
.page-title p.main-title,
.page-title h1.main-title {
    text-align: center;
    margin: 0;
    color: #fff;
    padding: 35px 0;
    word-wrap: break-word;
}
.page-title.style1 p.main-title,
.page-title.style1 h1.main-title {
    padding: 50px 0;
}
.page-title.style2 p.main-title,
.page-title.style2 h1.main-title {
    padding: 180px 0 100px 0;
}
.page-title p.main-title {
    font-size: 32px;
    font-weight: 700;
}
header.style2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    border-bottom: none;
}
.toggle-nav, a.closebtn{
  display: none;
}
/**
====================================================================
  Banner
====================================================================
*/
.main-banner-inner-box {
    position: relative;
    background: #000000;
}
.main-banner-inner-box img {
    width: 100%;
}
.main-banner-content-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15%;
    right: 40%;
}
h2.bnr-hd1 {
    font-size: 52px;
    color: #ffffff;
    font-weight: 700;
    line-height: 60px;
}
p.bnr-txt {
    font-size: 23px;
    font-weight: 400;
    color: #ffffff;
    line-height: 33px;
}
a.btn-slid.btn {
    font-size: 15px;
    font-weight: 600;
    color: #1e1e1e;
    background: #ffffff;
    border-radius: 5px;
    text-transform: uppercase;
}
section#main-banner-wrap .owl-dots button.owl-dot {
    background: #ffffff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 7px;
}
section#main-banner-wrap .owl-dots {
    position: absolute;
    bottom: 15%;
    right: 15%;
}
section#main-banner-wrap {
    position: relative;
}
section#main-banner-wrap .owl-carousel .owl-item img{
    opacity: 0.8;
    width: 100%;
    height: 750px;
}
a.btn-slid.btn:hover {
    background: #f94c30;
    color: #ffffff;
}
/**
====================================================================
  services
====================================================================
*/
h6.servc-sm-hd {
    font-size: 20px;
}
h3.servc-main-hd {
    color: #f94c30;
    font-size: 52px;
    line-height: 55px;
}
p.servc-text {
    font-size: 17px;
    color: #4e4e4e;
    font-weight: 400;
    line-height: 24px;
}
section#service-wrap {
    background: #f4f4f4;
    position: relative;
}
h6.servc-inn-hd {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
}
i.serv-icon {
    color: #f94c30;
    font-size: 40px;
}
.serv-detail {
    background: #ffffff;
    margin-bottom: 25px;
}
.serv-detail:hover{
    box-shadow: 0px 0px 15px 5px #dadada;
}
img.serv-right-img {
    width: 10%;
    height: auto;
    position: absolute;
    bottom: 0px;
}
/**
====================================================================
  Footer
====================================================================
*/
img.size-large,#footer img{
    width: 100%;
    height: auto;
}
.woocommerce.widget_shopping_cart .buttons a {
    background: #ffffff;
    color: #f94c30;
}
#footer a.rsswidget.rss-widget-title,#footer select,#footer caption {
    color: #ffffff;
}
.footer-widgets-wrapper {
    display: flex;
    list-style-type: none;
    text-align: left;
    margin-bottom: 25px;
}
.footer-copyright {
    text-align: center;
    background: #000000;
}
div.footer-widgets-wrapper #media_image-2 {
    max-width: 64%;
}
#footer .footer-widgets .row {
    margin-top: 56px;
    padding-top: 30px;
}
div.footer-widgets-wrapper p {
    margin-top: 26px;
    font-weight: 300;
    line-height: 23px;
}
.menu-quick-links-container,
.menu-feature-services-container,
.contact-footer {
    margin-top: 16%;
    line-height: 26px;
}
i.fa {
    padding-right: 12px
}
#footer {
    width: 100%;
    background-color: #f94c30;
    color: white;
}
#footer h2{
    color: #ffffff;
    border-bottom: double;
    border-top: double;
    padding: 10px 0px;
}
footer h4 {
    color: #ffffff;
    margin: 15px 0px;
    padding: 0;
    font-size: 28px;
    border-bottom: double;
    border-top: double;
}
#footer .wp-block-button__link {
    background: #fff;
    color: #f94c30;
}
#footer table#wp-calendar td,#footer table#wp-calendar td a,#footer .wp-block-calendar caption,#footer span.wp-calendar-nav-prev a{
    color: #ffffff;
}
div.footer-widgets-wrapper p.wp-block-tag-cloud a,.tagcloud a,p.wp-block-tag-cloud a {
    color: #f94c30;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 7px;
    padding: 5px 15px;
    background: #ffffff;
    font-weight: 400;
}
.footer-widgets-wrapper>ol {
    list-style-type: none;
}
#footer li a {
    color: #fff !important;
}
footer .copyrights p {
    margin: 15px 0;
}
.copyrights a{
    color: #fff;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
    background: #f94c30;
    color: #ffffff;
}
/**
====================================================================
  Blog-section
====================================================================
*/
#blog-section #post-wrapper article {
    margin-bottom: 50px;
}
#blog-section #post-wrapper {
    padding: 0 20px;
    padding-left: 25px;
    margin-top: 70px;
}
.blog-post img {
    max-width: 100%;
    height: auto;
}
.blog-content-wrapper {
    background: #f8f8f8;
    padding: 35px;
    padding-left: 30px;
}
#blog-section h2.entry-title {
    position: relative;
    padding-top: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #6055554a;
    margin-bottom: 0;
    word-break: break-all;
}
#blog-section .meta.no-image {
    padding: 10px 0;
    border-bottom: 1px solid #6055554a;
    margin-bottom: 20px;
}
#blog-section .meta.no-image a,
#blog-section .meta.no-image span {
    color: #f94c30;
}
#blog-section .meta span {
    color: #f94c30;
    padding: 2px;
}
#blog-section .meta span a {
    color: #f94c30;
    vertical-align: baseline;
    margin-left: 3px;
}
#blog-section .meta span .blog-post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 50px;
    margin: 54px 110px 0 0px;
    padding: 5px 0px;
}
.blog-image-wrapper {
    position: relative;
    /* Ensure the container wrapping the image has position: relative; */
}
#blog-section .meta.has-image {
    position: absolute;
    bottom: 7px;
    right: 0;
    width: auto;
    max-width: 80%;
    padding: 20px;
    background: rgb(34 34 34 / 70%);
    color: #fff;
    box-sizing: border-box;
    z-index: 1;
}
#blog-section .meta.has-image .meta-item {
    margin-bottom: 5px;
}

#blog-section .meta.has-image a,
#blog-section .meta.has-image span {
    color: #fff;
}
#blog-section .read-more a {
    background: #f94c30;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    line-height: normal;
    font-weight: bold;
}
.search aside,
.error404 aside,
.archive aside,
.blog aside,
.single aside {
    padding: 10px;
}
/**
====================================================================
  Single-blog-section
====================================================================
*/
.single .entry-title a {
    color: #9e6906;
    font-size: 21px;
    margin: -28px 0 0 0;
}
.single .entry-title {
    margin: 30px 0 10px 0;
    padding: 0;
    font-size: 28px;
    word-wrap: break-word;
}
.single .blog-post img {
    max-width: 100%;
    height: auto;
    margin-top: 38px;
}
.single .blog-post img {
    max-width: 100%;
    height: auto;
}
.single .meta {
    position: relative;
    margin: 30px 0px;
    padding: 10px 0;
    border-bottom: 1px solid #6055554a;
    border-top: 1px solid #6055554a;
}
.single .meta>span {
    padding: 0 10px;
}

.single .meta span a {
    vertical-align: baseline;
    margin-left: 3px;
    text-decoration: underline;
}
.single .blog-content-wrapper {
    background: #f8f8f8;
    padding: 55px;
    margin-top: -70px;
    padding-left: 30px;
}
.single #post-wrapper {
    padding: 50px;
    padding-top: 25px;
    padding: 0, 45px;
}
.single #post-wrapper article a {
    text-decoration: underline;
}

.single .blog-image-wrapper {
    padding-top: 39px;
    padding-bottom: 40px
}
.single .meta span .blog-post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 50px;
    margin: 54px 110px 0 0px;
    padding: 5px 0px;
}
.single .blog .blog-content-wrapper h2.entry-title {
    margin: 0;
    padding-bottom: 20px;
    padding-top: 2px;
}
.single .post-categories {
    margin: 10px 0;
}
.single ul.post-categories {
    display: inline-block;
}
.single nav.post-navigation {
    margin: 40px 0;
}
/**
====================================================================
  Comments
====================================================================
*/
.single #comments {
    margin: 0 auto;
    padding-top: 80px;
}
.single #comments a {
    text-decoration: underline;
}
.single.single-right-sidebar #comments,
.single.single-left-sidebar #comments {
    width: 90%;
}
#blog-section .col-md-12 {
    margin: 70px 0 0 0;
}
ol.comment-list {
    margin-top: 30px;
    list-style-type: none;
    margin-left: 0;
}
ol.children {
    list-style-type: none;
}
.comment-metadata {
    margin: 10px 0;
    padding: 0px 70px;
    border-radius: 45px;
}
#respond {
    margin-top: 50px;
}
.comment-meta .reply {
    margin: 10px 0;
    float: right;
}
.post-tags {
    margin: 70px 0 10px 0;
}
.post-tags a {
    background: #efefef;
    padding: 5px 15px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.post-tags a:hover {
    background: #f94c30;
    color: #fff;
}
.comment-meta b.fn {
    display: block;
    margin-left: 70px;
    margin-top: -50px;
}
.comment-meta span.says {
    margin-left: 70px;
}
#respond h3#reply-title {
    margin-bottom: 5px;
}
.children .comment {
    padding-left: 50px;
}
/**
====================================================================
  Pagination
====================================================================
*/
.blog .pagination {
    display: block;
    text-align: center;
    margin: 24px 0px;
    border-radius: 13px;
}
.blog .pagination .page-numbers {
    margin: 0px 8px;
}
.blog .pagination .nav-links .current {
    background: #f94c30;
    color: #fff;
    padding: 10px 20px;
}
.nav-previous {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.single .nav-previous span>i {
    padding-right: 10px;
}
.single .nav-next i {
    padding-left: 10px;
}
.nav-previous a .post-title {
    padding: 7px 0;
    font-size: 20px;
    font-weight: 500;
    color: #f94c30;
    margin: 0;
}
.nav-next a .post-title {
    padding: 7px 0;
    font-size: 20px;
    font-weight: 500;
    color: #f94c30;
}
.nav-next {
    display: inline-block;
    text-align: right;
    width: 50%;
    vertical-align: top;
}
.nav-links {
    border-top: 1px solid #01010121;
    padding: 12px;
    border-bottom: 1px solid #01010121;
}
.post-title :hover {
    text-decoration: none;
}
.post-navigation .nav-links span.screen-reader-text {
    pointer-events: none;
}
/**
====================================================================
  Search
====================================================================
*/
.search form input[type="submit"],
.search label.search-icon {
    display: none;
}
.search #post-wrapper {
    margin-top: 70px;
}
.search h1.page-search {
    margin: 0;
    padding: 0;
}
/**
====================================================================
  404 page
====================================================================
*/
.error404 form input[type="submit"],
.error404 label.search-icon {
    display: none;
}
.error404 #post-wrapper {
    margin-top: 70px;
}
.error404 h1.page-error {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
/**
====================================================================
  Page
====================================================================
*/
.logo p.site-title {
    font-size: 25px;
    font-weight: 700;
    padding: 0;
}
.container .page-content-area {
    margin-top: 70px;
}
.container .page-content-area a {
    text-decoration: underline;
    font-size: 18px;
}
.comment-body a, .single-entry-summary a, .textwidget a {
    text-decoration: underline;
}
/**
====================================================================
  Sidebar CSS
====================================================================
*/
aside .widget h2,
aside .widget h3 {
    padding: 0;
}
aside .search-icon i {
    display: none;
}
aside #searchform div>input {
    height: 45px;
    border: none;
    background: #fff;
}
aside form #searchsubmit {
    background: #f94c30 !important;
    color: #fff;
    padding: 5px 15px;
}
aside>div {
    margin-top: 50px;
    margin-bottom: 30px;
}
aside ul li {
    padding: 8px 5px;
}
.meta i {
    padding: 5px;
}
aside .widget:last-child {
    border-bottom: none;
}
#sidebar-wrapper,.detail-sidebar ,.inn-sidebar{
    background: #F8F8F8;
    margin-top: 70px;
}
.inn-sidebar {
    padding: 10px;
}
aside #searchform div {
    display: flex;
    padding: 12px 0px;
}
aside #searchform div {
    color: #f94c30;
    display: flex;
    padding: 2px;
    border-radius: 5px;
}
/**
====================================================================
  Custom CSS for WooCommerce Inner Pages
====================================================================
*/
.woocommerce .woocommerce-info .button,button.woocommerce-Button.button {
    background: #f94c30;
    color: #ffffff;
}
.woocommerce a.added_to_cart {
    padding-left: 8px;
}
.yith-wcwl-share li.share-button i {
    padding: 0px;
}
nav.woocommerce-breadcrumb {
    margin-top: 10px !important;
}
.woocommerce span.onsale{
    background: #f94c30;
    padding: 10px 15px;
}
/* Single Product Page */
.single-product .product-title {
    font-size: 24px;
    color: #333;
}

.single-product .price {
    font-weight: bold;
    color: #f94c30 !important;
}
.woocommerce div.product form.cart .button{
     background: #f94c30;
}
/* Shop Page */
.woocommerce ul.products li.product {
    background-color: #f8f8f8;
    padding: 10px;
    border: 1px solid #ddd;
}
.woocommerce ul.products li.product .button {
    background: #f94c30;
    color: #ffffff;
}
.woocommerce ul.products li.product .price {
    color: #f94c30;
}
.woocommerce ul.products li.product .star-rating,.woocommerce .star-rating span::before {
    color: #efab07;
}
.wc-block-grid__product-rating .star-rating span:before{
    color: #efab07 !important;
}
.woocommerce .woocommerce-ordering {
    margin: 0 0 3em;
}
.detail-sidebar ul li a:hover,.inn-sidebar ul li a:hover {
    color: #f94c30;
}
/* Cart Page */
.woocommerce-cart table.cart th {
    background-color: #f1f1f1;
    text-transform: uppercase;
    font-size: 14px;
}

.woocommerce-cart table.cart td {
    border-bottom: 1px solid #ddd;
}
.wc-block-grid__product-add-to-cart .wp-block-button__link{
    background: #f94c30;
    padding: 8px 25px;
}
/* My Account Page */
.woocommerce-account .woocommerce-MyAccount-content {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a {
    font-weight: 700;
    text-decoration: unset !important;
}
nav.woocommerce-MyAccount-navigation ul li {
    border: 3px solid #f94c30;
    margin: 10px 0px;
    padding: 15px;
    border-radius: 4px;
}
.woocommerce-MyAccount-content a{
    color: #f94c30;
}
/**
====================================================================
  Extra CSS
====================================================================
*/
button,
input[type="submit"] {
    padding: 10px 20px;
    background: #f94c30;
    color: #fff;
    border: none;
}
/**
====================================================================
  Responsive CSS
====================================================================
*/
@media screen and (max-width: 1000px){
  .main-navigation ul .menu-item.menu-item-has-children a:after,
  .main-navigation ul .page_item.page_item_has_children a:after{
    content: none;
  }
  .main-navigation .menu {
    display: inline-block;
    padding: 20px;
    margin-top: 65px;
    }
  ul#menu-testing-menu li.current-menu-item.current_page_item a{
    border: none;
    color: #ffffff;
  }
  .main-navigation ul.sub-menu li a,
  .main-navigation ul.children li a {
    color: #ffffff !important;
  }
  .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;
  }
  .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: 30px;
    color: #000000;
    padding: 10px;
  }
  .toggle-nav button {
    border: none;
    background: transparent;
  }
  .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;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 20px;
    margin-left: 10px;
    display: block;
    font-size: 30px;
    color: #fff;
    text-align: center;
    right: 14px;
  }
  .sidenav #site-navigation {
    width: 100%;
    background-color: #212529;
    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;
  }
  .main-navigation .menu > li > a,.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return,
  .main-navigation .menu > li > a,.main-navigation .children > li > a, .main-navigation .children > li > .menu-item-link-return {
    color: #ffffff !important;
    display: block;
    border: none;
    text-align: left;
    padding: 10px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
  }
  #site-navigation .menu ul li a{
    color: #ffffff;
    line-height: 1.5;
    background: transparent;
  }
  #site-navigation .menu ul li a:hover{
    color: #f94c30;
  }
  .main-navigation .menu ul{
    text-align: left;
    box-shadow: none;
  }
  .navigation_header .nav, .navbar-expand-xl {
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {    
    .style2 #header-main.sticky {
        margin-top: 0;
        border-bottom: 1px solid #f5f5f5;
        box-shadow: 0px 2px 4px -2px;
        -webkit-box-shadow: 0px 2px 4px -2px;
        -moz-box-shadow: 0px 2px 4px -2px;
    }
    .topbar-text p {
        margin: 0 10px 4px 0px;
        float: inline-end;
    }
    header.style1 {
        height: auto !important;
    }
    header.style1 ul.navigation>li a,
    header.style2 ul.navigation>li a {
        color: #fff;
    }
    .single .meta span a {
        vertical-align: baseline;
        margin-left: 3px;
    }
    .single .blog-post img {
        max-width: 100%;
        height: auto;
        margin-top: 38px;
    }
    .single #post-wrapper {
        padding: 30px;
    }
    .blog-post {
        max-width: 100%;
    }
    .bth-sidebars .container .col-left,
    .both-sidebars .container .col-right {
        float: none;
        width: 100%;
    }
    .both-sidebars .container .col-middle {
        width: 100%;
    }
    .single .title,
    .single .content {
        width: 100%;
        margin: 0 auto;
    }
    .single #comments {
        width: 100%;
        margin: 0 auto;
        padding-top: 0;
    }
    .footer-menu ul>li {
        width: 100%;
    }

    .footer-menu ul>li.dropdown {
        margin-top: 30px;
    }
    .footer-widgets-wrapper {
        display: inline-block;
        list-style-type: none;
    }
    .related-posts.archive article {
        width: auto;
    }
    .archive article {
        width: 100%;
    }
    .footer-widgets-wrapper .widget-column {
        margin: 70px 0;
    }
    .footer-widgets-wrapper .widget-column:last-child {
        margin-bottom: 0;
    }    
    @keyframes slide-in {
        from {
            transform: translateX(-100%);
        }
        to {
            transform: translateX(0);
        }
    }
}
@media (max-width: 767px) {
    p.bnr-txt{
        font-size: 12px;
    }
    h3.servc-main-hd{
        font-size: 30px;
    }
    .main-banner-content-box {
        left: 5%;
        right: 5%;
        text-align: center;
    }
    h2.bnr-hd1,h6.servc-sm-hd {
        font-size: 18px;
        line-height: unset;
    }
    a.btn-slid.btn {
        font-size: 12px;
    }
    section#main-banner-wrap .owl-dots button.owl-dot {
        width: 10px;
        height: 10px;
    }
    section#main-banner-wrap .owl-dots {
        bottom: 5%;
        right: 5%;
    }
    img.serv-right-img {
        width: 50%;
        position: relative;
        bottom: -7px;
        text-align: center;
    }
    .search-container .search-form{
        width: 300px;
    }
    .search-container .search-form input[type="text"]{
        width: 175px;
    }
    section#main-banner-wrap .owl-carousel .owl-item img{
        height: 200px;
    }
}
@media (max-width: 991px) and (min-width: 767px) {
    footer#footer div.col-md-3,
    footer#footer div.col-md-6 {
        width: 46%;
        display: inline-block;
        vertical-align: top;
        margin-right: 15px;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    h2.bnr-hd1 {
        font-size: 40px;
        line-height: 40px;
    }
    p.bnr-txt {
        font-size: 15px;
        line-height: 25px;
    }
    .main-banner-content-box {
        left: 5%;
        right: 5%;
    }
    img.serv-right-img {
        width: 20%;
    }
    section#main-banner-wrap .owl-carousel .owl-item img{
        height: 400px;
    }
}
@media (max-width: 1199px) and (min-width: 1024px) {    
    ul.navigation>li a {
        font-size: 14px;
    }
    .topbar-button1 a, .topbar-button2 a, .topbar-button3 a {
        font-size: 11px;
    }
    p.topbar-text {
        font-size: 12px;
    }
    .follow-us i{
        padding: 0px;
    }
    h2.bnr-hd1 {
        font-size: 40px;
        line-height: 40px;
    }
    p.bnr-txt {
        font-size: 15px;
        line-height: 25px;
    }
    .main-banner-content-box {
        left: 5%;
        right: 5%;
    }
    h3.servc-main-hd {
        font-size: 40px;
        line-height: 45px;
    }
    h6.servc-inn-hd {
        font-size: 12px;
    }
    i.serv-icon {
        font-size: 30px;
    }
    p.servc-text {
        font-size: 12px;
        line-height: 20px;
    }
    img.serv-right-img {
        width: 16%;
    }
    section#main-banner-wrap .owl-carousel .owl-item img{
        height: 500px;
    }
    .top-menu .navigation {
        display: unset;
    }
    .top-menu .navigation li{
        margin: 0px 20px;
    }
}
@media (max-width: 1359px) and (min-width: 1200px) {
  .topbar-button1 a, .topbar-button2 a, .topbar-button3 a {
        font-size: 13px;
    }
    .main-banner-content-box{
        left: 3%;
    }
    h2.bnr-hd1 {
        font-size: 40px;
        line-height: 40px;
    }
    p.bnr-txt {
        font-size: 15px;
        line-height: 25px;
    }
    img.serv-right-img {
        width: 14%;
    }
    h6.servc-inn-hd {
        font-size: 16px;
    }
    section#main-banner-wrap .owl-carousel .owl-item img{
        height: 600px;
    }
    .top-menu .navigation {
        display: unset;
    }
    .top-menu .navigation li{
        margin: 0px 20px;
    }
}
@media (max-width: 1439px) and (min-width: 1360px) {
    .topbar-button1 a, .topbar-button2 a, .topbar-button3 a {
        font-size: 13px;
    }
    .main-banner-content-box{
        left: 9%;
        right: 43%;
    }
    h2.bnr-hd1 {
        font-size: 40px;
        line-height: 40px;
    }
    p.bnr-txt {
        font-size: 18px;
        line-height: 25px;
    }
    img.serv-right-img {
        width: 14%;
    }
    h6.servc-inn-hd {
        font-size: 16px;
    }
    section#main-banner-wrap .owl-carousel .owl-item img{
        height: 650px;
    }
}
@media (max-width: 1500px) and (min-width: 1440px) {
    .main-banner-content-box {
        left: 5%;
        right: 35%;
    }
    img.serv-right-img {
        width: 13%;
    }
    section#main-banner-wrap .owl-carousel .owl-item img{
        height: 700px;
    }
}
@media (max-width: 2199px) and (min-width: 1920px) {
    img.serv-right-img {
        width: 9%;
    }
    .main-banner-content-box{
        left: 16%;
    }
    section#main-banner-wrap .owl-carousel .owl-item img{
        height: 900px;
    }
}
@media (min-width: 2200px){
    img.serv-right-img {
        width: 8%;
    }
    .main-banner-content-box {
        left: 25%;
        right: 30%;
    }
    section#main-banner-wrap .owl-carousel .owl-item img{
        height: auto;
    }
}


#menu-item-938{
	border: 2px solid gray;
    border-radius: 4px;
    padding: 4px;
    font-size: 14px;
    background: #578641;
}

.menu #menu-item-938 a{
	color: floralwhite !important;
    font-weight: 600;
}