/*
Theme Name: Corporate Businessmen
Theme URI: https://www.legacytheme.net/products/corporate-businessmen/
Author: LegacyThemes
Author URI: https://www.legacytheme.net/
Description: The Corporate Businessmen is a modern, luxurious, and multipurpose WordPress theme designed for professionals, agencies, corporate hub, business leader, executive profile, business consultant, corporate startup, CEO portfolio, C-level showcase, business mentor, strategy profile and developers seeking a clean and sophisticated digital presence. Built with a minimalist and elegant design, this theme perfectly balances functionality and style, making it ideal for businesses, startups, and personal branding websites. With its retina-ready and responsive layout, the theme ensures your site looks stunning and performs seamlessly across all devices. It offers a range of personalization options, allowing you to tailor the layout, fonts, and colors to match your brand’s identity. Whether you are showcasing services, team members, or success stories, features like the testimonial section, interactive banners, and dedicated Team section add a touch of professionalism and trust. Optimized for performance, the theme boasts clean and secure code, faster page load times, and Bootstrap- based architecture to ensure stability and scalability. It includes shortcodes and customization options for effortless content creation without coding knowledge. Equipped with Call to Action (CTA) buttons, social media integration, and agency-friendly tools, the Corporate Businessmen Theme boosts engagement and conversion rates. It’s also translation ready, making it accessible to a global audience. This user-friendly and mobile- friendly theme is not only visually stunning and animated, but also engineered with optimized codes to support SEO and performance needs. Its clean layout and professional look make it a go-to choice for corporate websites, portfolios, and marketing agencies. Whether you’re a developer building client sites or a business owner seeking a high-end online platform, the Corporate Businessmen Theme delivers elegance, usability, and powerful features, all wrapped in a sleek, modern design.
Requires at least: 5.5
Tested up to: 6.8
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: corporate-businessmen
Tags: news, blog, portfolio, custom-menu, featured-images, theme-options, custom-colors, custom-logo, flexible-header, threaded-comments, right-sidebar, left-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, full-width-template, sticky-post, custom-background, custom-header, footer-widgets, block-styles, rtl-language-support, translation-ready
*/

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

:root {
  --alpha-color: #F16517;
}

*,
*: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: #151519;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    height: 100%;
    margin: 0;
    padding: 0;
    text-rendering: geometricPrecision;
    width: 100%;
    -moz-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: #151519;
    clear: both;
    line-height: 1.4;
    margin: 0 0 0.75em;
    padding: 1.5em 0 0;
}

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: var(--alpha-color);

}

a:hover {
    text-decoration: none;
    transition: 0.5s;
}
.textwidget p a,.widget_recent_comments a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.comment-content p a,.widget_text p a,.content-area article p a{
    text-decoration: underline;
}
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: #151519;
    padding: 10px 10px 0 20px;
    width: 100%;
    font-weight: 400;
}

select {
    width: 100%;
    height: 50px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 0;
}

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;
    line-height: normal;
    font-family: inherit;
}

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

big {
    font-size: 125%;
}

small {
    font-size: 80%;
}

iframe {
    width: 100%;
}

.clearfix {
    clear: both;
}
/**
====================================================================
  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: #151519;
    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;
    }
}
/**
====================================================================
  Scroll Top
====================================================================
*/
a.btntoTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    font-size: 30px;
    background: #ffffff;
    color: #000000;
    border-radius: 50%;
    padding: 10px;
    border: 3px solid #000000;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
a.btntoTop.active {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 9;
}
a.btntoTop:hover {
    background: #000000;
    color: #ffffff;
    border-color: #000000;
    text-transform: uppercase;
}
/**
====================================================================
  Header
====================================================================
*/
.topbar {
    background: var(--alpha-color);
    box-shadow: 301px 0px 0px var(--alpha-color);
}
.follow-us i {
    color: #ffffff;
    font-size: 15px;
}
.ri8-soco {
    display: flex;
    justify-content: end;
}
.ri8-mail {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 100px;
}
i.mail-icon,i.map-icon{
    color: #fff;
}
p.tbr-call-no,p.tbr-adrs {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
}
a.hdr-btn {
    background: #000000;
    color: #fff;
    display: block;
    padding: 10px 20px;
    clip-path: polygon(11.922% 5.604%, 11.922% 5.604%, 12.088% 4.602%, 12.276% 3.685%, 12.485% 2.859%, 12.711% 2.128%, 12.954% 1.497%, 13.211% 0.97%, 13.481% 0.553%, 13.761% 0.249%, 14.049% 0.063%, 14.343% 0%, 97.166% 0%, 97.166% 0%, 97.626% 0.153%, 98.062% 0.595%, 98.468% 1.302%, 98.84% 2.251%, 99.17% 3.417%, 99.453% 4.776%, 99.684% 6.305%, 99.856% 7.979%, 99.963% 9.774%, 100% 11.667%, 100% 88.333%, 100% 88.333%, 99.963% 90.226%, 99.856% 92.021%, 99.684% 93.695%, 99.453% 95.224%, 99.17% 96.583%, 98.84% 97.749%, 98.468% 98.698%, 98.062% 99.405%, 97.626% 99.847%, 97.166% 100%, 3.016% 100%, 3.016% 100%, 2.38% 99.714%, 1.805% 98.903%, 1.301% 97.64%, 0.878% 95.998%, 0.546% 94.051%, 0.314% 91.87%, 0.194% 89.529%, 0.194% 87.1%, 0.324% 84.657%, 0.595% 82.271%, 11.922% 5.604%);
    position: relative;
}

.header-wrapper {
    background: #aba5a5;
    position: relative;
}
.page-template-home .header-wrapper {
    position: absolute;
    width: 100%;
    z-index: 999;
    background: transparent;
}
/* Search Icon Styles */
.search-container i{
    color: #fff;
    font-size: 20px;
}
.search-container i:hover{
    color: var(--alpha-color);
}
.search-container {
    position: relative;
}
.search-icon {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #000000;
    padding: 0px;
}
span.cart-count {
    background: #FF4242;
    color: #ffffff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: -7px;
    right: -10px;
    line-height: 17px;
    font-size: 10px;
    padding: 0px 0px 0 5px;
}
/* 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: 360px;
}
.search-form input[type="text"] {
    padding: 5px;
    width: 196px;
    border: 1px solid #ccc;
    margin-right: 5px;
}
.search-container input[type="submit"]{
    line-height: normal;
}
.copyrights a:hover {
    color: #000000;
}
a.hdr-btn:hover {
    background: var(--alpha-color);
}
a.btn-slid.btn:hover{
    color: #ffffff;
    background: #000000;
    border: #000000;
}
.follow-us i:hover{
    color: #000000;
}
i.bi.bi-chat-left-fill {
    background: var(--alpha-color);
    color: #fff;
    clip-path: polygon(31.69% 5.601%, 31.69% 5.601%, 32.131% 4.599%, 32.631% 3.683%, 33.184% 2.857%, 33.786% 2.127%, 34.432% 1.496%, 35.115% 0.97%, 35.83% 0.552%, 36.573% 0.249%, 37.338% 0.063%, 38.119% 0%, 92.174% 0%, 92.174% 0%, 93.852% 0.283%, 95.372% 1.085%, 96.706% 2.334%, 97.828% 3.959%, 98.713% 5.888%, 99.334% 8.051%, 99.664% 10.376%, 99.678% 12.792%, 99.349% 15.227%, 98.651% 17.61%, 69.372% 94.276%, 69.372% 94.276%, 68.933% 95.299%, 68.433% 96.234%, 67.878% 97.077%, 67.272% 97.824%, 66.622% 98.469%, 65.933% 99.007%, 65.211% 99.434%, 64.459% 99.745%, 63.686% 99.936%, 62.895% 100%, 8.016% 100%, 8.016% 100%, 6.327% 99.713%, 4.799% 98.902%, 3.461% 97.639%, 2.337% 95.997%, 1.454% 94.049%, 0.84% 91.868%, 0.519% 89.527%, 0.519% 87.097%, 0.866% 84.654%, 1.586% 82.268%, 31.69% 5.601%);
    padding: 10px 32px;
/*    margin: 0 -40px;*/
    position: absolute;
    top: 0;
    left: 00px;
    z-index: 1;
}
i.bi.bi-chat-left-fill:hover{
    background: #000000;
}
/**
====================================================================
  Logo
====================================================================
*/
.logo {
    display: flex;
    flex-direction: column;
    background: #fff;
    clip-path: polygon(0% 0%, 87.243% 0%, 99.839% 91.281%, 99.839% 91.281%, 99.954% 92.591%, 99.943% 93.873%, 99.815% 95.1%, 99.581% 96.246%, 99.25% 97.286%, 98.833% 98.195%, 98.338% 98.946%, 97.776% 99.515%, 97.157% 99.874%, 96.49% 100%, 3.472% 100%, 3.472% 100%, 2.909% 99.91%, 2.375% 99.648%, 1.877% 99.23%, 1.422% 98.669%, 1.017% 97.98%, 0.67% 97.177%, 0.388% 96.273%, 0.177% 95.283%, 0.045% 94.222%, 0% 93.103%, 0% 0%);
    padding: 27px 60px;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 18%;
}
.ri8-logo::after {
    content: "";
    width: 18px;
    height: 105px;
    background: #ff6a00;
    position: absolute;
    top: 0;
    transform: rotate(336deg);
    left: 25.5%;
    margin-top: -6px;
    box-shadow: 9px 13px 27px 5px #00000090;
    z-index: 0;
    border-radius: 13px;
    display: none;
}
.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: #ffffff;
}
.site-description {
    margin: 0;
    font-size: 14px;
}
.logo img {
    max-width: 170px;
    height: auto;
    margin: 10px 0;
}

/**
====================================================================
  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 .menu > li i,.menu li i{
    font-size: 10px;
    color: #fff;
}
.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;
}
.main-navigation .menu li {
    display: inline;
    position: relative;
    list-style: none;
}
.main-navigation .menu > li > a ,
.page_item a{
    display: inline-block;  
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-transform: capitalize;
}
.page_item_has_children ul li a,.main-navigation .menu .menu-item-has-children ul li a {
    font-size: 14px;
    position: relative;   
    display: block;
    color: var(--alpha-color);
    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,
.main-navigation ul.children > li > a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    transition: color 0.3s ease;
}

.main-navigation ul.sub-menu > li > a::before,
.main-navigation ul.children > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #eaeaea;
    z-index: -1;
    transition: left 0.4s ease;
}

.main-navigation ul.sub-menu > li > a:hover::before,
.main-navigation ul.sub-menu > li > a:focus::before,
.main-navigation ul.children > li > a:hover::before,
.main-navigation ul.children > li > a:focus::before {
    left: 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;
}
.main-navigation .menu,.main-navigation .menu ul {
    display: flex;
    gap: 5px 40px;
    flex-wrap: wrap;
    align-items: center;
}
div#mySidenav {
    display: inline-flex;
}
.main-navigation .menu > li ,.main-navigation .menu li{
    display: inline;
    position: relative;
}

.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a {
  position: relative;
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 8px 32px 8px 15px;
  clip-path: polygon(0% 11.667%, 0.093% 9.774%, 0.364% 7.979%, 0.797% 6.305%, 1.378% 4.776%, 2.092% 3.417%, 2.924% 2.251%, 3.86% 1.302%, 4.885% 0.595%, 5.984% 0.153%, 7.143% 0%, 92.573% 0%, 94.166% 0.283%, 95.608% 1.085%, 96.874% 2.334%, 97.939% 3.959%, 98.779% 5.888%, 99.368% 8.051%, 99.681% 10.376%, 99.694% 12.792%, 99.382% 15.227%, 98.72% 17.61%, 70.934% 94.276%, 70.518% 95.299%, 70.044% 96.234%, 69.517% 97.077%, 68.942% 97.824%, 68.325% 98.469%, 67.671% 99.007%, 66.985% 99.434%, 66.273% 99.745%, 65.538% 99.936%, 64.788% 100%, 7.143% 100%, 5.984% 99.847%, 4.885% 99.405%, 3.86% 98.698%, 2.924% 97.749%, 2.092% 96.583%, 1.378% 95.224%, 0.797% 93.695%, 0.364% 92.021%, 0.093% 90.226%, 0% 88.333%, 0% 11.667%);
  z-index: 1;
}
.main-navigation .menu > li > a:hover{
    color: var(--alpha-color);
}
.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;
}
.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: -1px !important;
}
.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 > .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;
}
@media screen and (min-width:1001px){
    .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;
}
}
.main-navigation .sub-menu > li:last-child,
.main-navigation .children > li:last-child {
    border-bottom: none;
}

.toggle-nav, a.closebtn{
  display: none;
}
header.style1 header {
    border-bottom: 1px solid #dadada;
}
header.style2 ul.menu>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;
}
/**
====================================================================
  Banner
====================================================================
*/

.page-title {
    background-color: var(--alpha-color);
}
.main-banner-inner-box {
    position: relative;
}
.main-banner-inner-box::after {
    content: "";
    position: absolute;
    z-index: 99;
    width: 350px;
    height: 300px;
    left: auto;
    right: 0;
    background-image: url(img/shape.png);
    background-repeat: no-repeat;
    bottom: 0;
    background-size: 100% 100%;
}
.banner-side-margin {
    height: 750px;
}
.overlay-slider{
   background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 100%);
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 9;
}
section#main-banner-wrap .main-banner-inner-box img {
    width: 100%;
    height: 750px;
    object-fit: cover;
}
.main-banner-content-box.content-left {
    text-align: left;
    left: 10%;
    right: 50%;
}
.main-banner-content-box.content-center {
    text-align: center;
    left: 25%;
    right: 25%;    
}
.main-banner-content-box.content-right {
    text-align: right;
    left: 45%;
    right: 15%;
}
.main-banner-content-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
p.welcome-text {
    font-size: 90px;
    -webkit-text-stroke: 0.5px #fff;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: -120px;
    top: -50px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-weight: bold;
    z-index: 99;
    letter-spacing: 10px;
    text-transform: capitalize;
    font-family: "poppins", sans-serif;
}
h6.bnr-sm-hd {
    color: var(--alpha-color);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
    background: #FFE2D2;
    display: inline-block;
    padding: 8px 12px;
    border-radius: 6px;
}
h2.bnr-heading {
    color: #ffffff;
    font-size: 60px;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 70px;
}
span.highlight-first-words {
    font-weight: bold;
}
span.highlight-third-word{
    color: var(--alpha-color);
    font-weight: bold;
}
p.bnr-heading {
    color: #ffffff;
}
a.btn-slid.btn {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    background: var(--alpha-color);
    padding: 8px 16px;
    border: 1px solid var(--alpha-color);
}
.slider-sec .owl-dots {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: 0;
}
.slider-sec .owl-dots .owl-dot {
      background-color: #ffffff;
      height: 6px;
      margin: 5px;
      width: 6px;
      position: relative;
      border:none;
      box-shadow: none;
    }
.slider-sec .owl-dots .owl-dot.active {
    background-color: var(--alpha-color);
    outline-offset: 3px;
    width: 60px;
}
/**
====================================================================
  Case
====================================================================
*/
h2.expernc-sm-hd {
    font-family: 'Outfit';
    font-weight: 700;
    font-size: 82px;
    line-height: 100%;
    letter-spacing: 2%;
    -webkit-text-stroke: 1px #D4D4D4;
    color: transparent;
    margin: 0;
    position: absolute;
    padding: 0;
    text-align: left;
    position: absolute;
    z-index: -1;
    top: 22px;
}
h6.expernc-sm-hd {
    font-size: 24px;
    color: var(--alpha-color);
    font-weight: bold;
    text-transform: capitalize;
}
h6.expernc-sm-hd:hover{
    color: #000000;
}
p.expernc-main-hd {
    color: #5D666F;
}
h6.serv-inn-hd a {
    font-size: 26px;
    font-weight: 600;
    color: #1C2539;
    text-decoration: none;
}
h6.serv-inn-hd a:hover{
    color: var(--alpha-color);
}
section#experiences-wrap {
    position: relative;
}
section#experiences-wrap .owl-nav {
    position: absolute;
    right: 0;
    top: -53px;
}
.serv-img-box img {
    border-radius: 15px;
}
.serv-title {
    background: #ffffff;
    text-align: center;
    border-radius: 20px;
    margin: 0px 27px;
    margin-top: -32px;
    position: relative;
    padding-bottom: 15px;
    box-shadow: 0px 4px 22px 0px #EBA4A440;
}
p.serv-inn-hd {
    color: #5D666F;
}
.serv-img-box img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.experiences-box.py-5{
    margin-left: -18px;
    margin-right: -18px !important;
}
#experiences-wrap .owl-stage{
    padding-bottom: 50px;
}
#experiences-wrap .owl-dots {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: 0;
}
#experiences-wrap .owl-dots .owl-dot {
      background-color: #D4D4D4;
      height: 6px;
      margin: 5px;
      width: 6px;
      position: relative;
      border:none;
      box-shadow: none;
    }
#experiences-wrap .owl-dots .owl-dot.active {
    background-color: var(--alpha-color);
    outline-offset: 3px;
    width: 60px;
}
/**
====================================================================
  Footer
====================================================================
*/
img.size-large,#footer img{
    width: 100%;
    height: auto;
}
.woocommerce.widget_shopping_cart .buttons a {
    background: #ffffff;
    color: #000000;
}
#footer a.rsswidget.rss-widget-title,#footer select,#footer caption {
    color: #ffffff;
}
#footer{
    margin-top: 50px;
}
.footer-widgets-wrapper {
    display: flex;
    list-style-type: none;
    text-align: left;
    margin-bottom: 25px;
}
.footer-copyright {
    text-align: center;
    background: #000000;
    padding:10px 0;
}
div.footer-widgets-wrapper #media_image-2 {
    max-width: 64%;
}
#footer .footer-widgets-wrapper .row {
    margin-top: 56px;
}
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: #000000;
    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: #000000;
}
#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,div.footer-widgets-wrapper .tagcloud a,p.wp-block-tag-cloud a,div.footer-widgets-wrapper .tag-cloud a {
    color: #000000;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 7px;
    padding: 5px 15px;
    background: #ffffff;
    font-weight: 400;
    border: 2px solid #000000;
    text-decoration: none;
}
div.footer-widgets-wrapper p.wp-block-tag-cloud a:hover,div.footer-widgets-wrapper .tagcloud a:hover,p.wp-block-tag-cloud a:hover,div.footer-widgets-wrapper .tag-cloud a:hover{
    background: var(--alpha-color);
    color: #ffffff;
}
.footer-widgets-wrapper>ol {
    list-style-type: none;
}
#footer li a {
    color: #fff !important;
}
footer .copyrights p {
    margin: 15px 0;
}
.copyrights a{
    color: #fff;
    text-decoration: underline;
}
.copyrights a:hover{
    color: #000000;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
    background: #000000;
    color: #ffffff;
}
/**
====================================================================
  Blog-section
====================================================================
*/
span.edit-link {
    padding: 0;
}
#blog-section #post-wrapper article {
    margin-bottom: 50px;
}
.archive.heading h1 {
    padding: 0;
}
#blog-section #post-wrapper .blog-post,#blog-section .blog-post {
    padding: 20px 20px 40px;
    border-radius: 20px;
    border: 1px solid #dadee2;
    border-bottom: 6px solid #dadee2;
}
#blog-section #post-wrapper .sticky .blog-post {
    border: 1px solid #000000;
    border-bottom: 6px solid #000000;
}
#blog-section #post-wrapper {
    padding: 0 20px;
    padding-left: 25px;
    margin-top: 70px;
}
.blog-post img {
    max-width: 100%;
    height: auto;
    margin-top: 15px;
}
.blog-content-wrapper {
    padding: 0 25px;
}
#blog-section h2.entry-title {
    position: relative;
    word-break: break-all;
    padding: 0;
    margin-bottom: 15px;
}
h2.entry-title a{
    text-decoration: none;
}
#blog-section .meta {
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dadee2;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#blog-section .meta i{
    margin-right: 8px;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #000000;
    border-radius: 1e3px;
    text-align: center;
    line-height: 29px;
    font-size: 12px;
}

#blog-section #post-wrapper article .meta>span:not(:last-child) {
    padding-right: 16px;
    margin-right: 16px;
    position: relative;
}

#blog-section .meta a,#blog-section .meta span {
    color: #000000;
}
#blog-section .meta span {
    color: #000000;
    padding: 2px;
}
#blog-section .meta span a {
    color: #000000;
    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;
}
#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: var(--alpha-color);
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    line-height: normal;
    font-weight: bold;
}
/**
====================================================================
  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: 10px 0px;
    padding: 15px 0;
    border-bottom: 1px solid #dadee2;
}
.single .meta>span {
    padding: 0 10px;
}

.single .meta span a {
    vertical-align: baseline;
    margin-left: 3px;
    text-decoration: none;
}
.single .blog-content-wrapper {
    background: #f8f8f8;
    padding: 55px;
    margin-top: -70px;
    padding-left: 30px;
}
.single #post-wrapper {
    padding: 50px;
    padding-top: 25px;
    padding: 0px 45px;
}
.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.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: #000000;
    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: #000000;
    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: #000000;
    margin: 0;
}
.nav-next a .post-title {
    padding: 7px 0;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}
.nav-next {
    display: inline-block;
    text-align: right;
    width: 50%;
    vertical-align: top;
}
.nav-links {
    border-top: 1px solid #010101;
    padding: 12px;
    border-bottom: 1px solid #010101;
}
.nav-links a {
    text-decoration: none;
}
.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;
}
.single-entry-summary a, .textwidget a {
    text-decoration: underline;
}
/**
====================================================================
  block-page
====================================================================
*/
.blog-post .blocks-gallery-grid, .blog-post .wp-block-gallery {
    padding: 0px 10px 20px 0px;
}
/**
====================================================================
  Sidebar CSS
====================================================================
*/
#sidebar-wrapper,.inn-sidebar,div#inner-main .content-area,main#inner-detail .content-area,.detail-sidebar{
    margin-top: 70px;
}
#sidebar-wrapper .widget_pages ul,
#footer .widget_pages ul,.inn-sidebar .widget_pages ul,.detail-sidebar .widget_pages ul{
  display: block;
}
#sidebar-wrapper .search-form .search-submit,.inn-sidebar .search-form .search-submit,.detail-sidebar .search-form .search-submit{
  margin-top: 10px;
}
#sidebar-wrapper #calendar_wrap table,.inn-sidebar #calendar_wrap table,.detail-sidebar #calendar_wrap table{
  width: 100%;
}
#sidebar-wrapper h3.custom_title,.inn-sidebar h3.custom_title,.detail-sidebar h3.custom_title{
  margin-bottom: 25px;
  padding: 15px;
}
#sidebar-wrapper caption,.inn-sidebar caption,.detail-sidebar caption {
  color: #000000;
  font-size: 20px;
}
#sidebar-wrapper table,#sidebar-wrapper th,#sidebar-wrapper td,.inn-sidebar table,.inn-sidebar th,.inn-sidebar td,.detail-sidebar table,.detail-sidebar th,.detail-sidebar td {
  border: 1px solid #e1e1e1;
  text-align: center;
}
#sidebar-wrapper td,.inn-sidebar td,.detail-sidebar td {
  padding: 7px;
  color: #000000;
}
#sidebar-wrapper th,.inn-sidebar th,.detail-sidebar th {
  text-align: center;
  padding: 5px;
  color: #000000;
}
#sidebar-wrapper select, .woocommerce .woocommerce-ordering select,.inn-sidebar select,.detail-sidebar select{
  padding: 10px 5px;
  border: solid 1px #e1e1e1;
  color: #000000;
  background: transparent;
}
#sidebar-wrapper h3,  #sidebar-wrapper .widget_block h3, #sidebar-wrapper h2, #sidebar-wrapper label.wp-block-search__label,.inn-sidebar label.wp-block-search__label,.inn-sidebar h2,.inn-sidebar h3,.inn-sidebar .widget_bloc h3,.detail-sidebar h3,.detail-sidebar .widget_block h3,.detail-sidebar h2,.detail-sidebar label.wp-block-search__label{
    padding: 20px 0 20px 24px;
    background-color: #000000;
    color: #fff !important;
    font-size: 22px;
    text-transform: capitalize;
    line-height: 25px;
    font-weight: 500;
    border-radius: 15px;
    margin-bottom: 10px;
}
#sidebar-wrapper .widget_block h3, #sidebar-wrapper h2,.inn-sidebar h2,.inn-sidebar .widget_block h3,.detail-sidebar .widget_blockh3,.detail-sidebar h2{
    padding: 15px;
}
#sidebar-wrapper .wp-block-latest-comments,.inn-sidebar .wp-block-search__inside-wrapper, .inn-sidebar .wp-block-latest-comments,.detail-sidebar .wp-block-search__inside-wrapper,.detail-sidebar .wp-block-latest-comments  {
  margin-top: 20px;
}
#sidebar-wrapper .wp-block-search__inside-wrapper,
#footer .wp-block-search__inside-wrapper,
#sidebar-wrapper .search,
#footer .search,.inn-sidebar .wp-block-search__inside-wrapper,.inn-sidebar .search,.detail-sidebar .wp-block-search__inside-wrapper,.detail-sidebar .search {
    border-radius: 20px;
    padding: 5px 10px;
    border: 1px solid #dadee2;
    background:#ffffff ;
}
#sidebar-wrapper .search,
#footer .search,.inn-sidebar .search,.detail-sidebar .search {
    display: flex;
}
#sidebar-wrapper input[type="search"]:focus,
#footer input[type="search"]:focus,
#sidebar-wrapper input[type="search"]:active,
#footer input[type="search"]:active,
#sidebar-wrapper input[type="search"]:focus-visible,
#footer input[type="search"]:focus-visible,
#sidebar-wrapper input[type="search"],
#footer input[type="search"],
#sidebar-wrapper input.search-field:focus-visible,
#footer input.search-field:focus-visible,
#sidebar-wrapper input[type="text"]:focus-visible,
#footer input[type="text"]:focus-visible,.inn-sidebar input[type="search"]:focus,.inn-sidebar input[type="search"]:active,.inn-sidebar input[type="search"]:focus-visible,.inn-sidebar input[type="search"],.inn-sidebar input.search-field:focus-visible,.inn-sidebar input[type="text"]:focus-visible,.detail-sidebar input[type="search"]:focus,.detail-sidebar input[type="search"]:active,.detail-sidebar input[type="search"]:focus-visible,.detail-sidebar input[type="search"],.detail-sidebar input.search-field:focus-visible,.detail-sidebar input[type="text"]:focus-visible{
    outline-color: #fff;
    border: none;
}
#sidebar-wrapper input[type="search"], #footer input[type="search"], #sidebar-wrapper input.search-field, #footer input.search-field, #sidebar-wrapper input[type="text"], #footer input[type="text"],.inn-sidebar input[type="search"], .inn-sidebar input.search-field, .inn-sidebar input[type="text"],.detail-sidebar input[type="search"],.detail-sidebar input.search-field,.detail-sidebar input[type="text"] {
    font-size: 15px;
    margin-bottom: 10px;
    border-radius: 20px;
    color: #000000;
    border: none;
    width: 100%;
    padding: 5px;
    margin: 0;
    height: 40px;
    background: transparent;
}
#sidebar-wrapper .wp-block-search__button,
#footer .wp-block-search__button,
#sidebar-wrapper input[type="submit"],
#footer input[type="submit"],
#sidebar-wrapper .search input .button,
#footer .search input .button,
#sidebar-wrapper aside form #searchsubmit,
#footer aside form #searchsubmit,.inn-sidebar button.wp-block-search__button.wp-element-button,
.inn-sidebar .wp-block-search__button,
.inn-sidebar input[type="submit"],
.inn-sidebar .search input .button,
.inn-sidebar aside form #searchsubmit,.detail-sidebar button.wp-block-search__button.wp-element-button,
.detail-sidebar .wp-block-search__button,
.detail-sidebar input[type="submit"],
.detail-sidebar .search input .button,
.detail-sidebar aside form #searchsubmit
 {
    margin: 0;
    border-radius: 20px;
    padding: 0 10px;
    height: 40px;
}
#sidebar-wrapper .serach_inner input.search-field::placeholder,
#footer .serach_inner input.search-field::placeholder,.inn-sidebar .serach_inner input.search-field::placeholder,.detail-sidebar .serach_inner input.search-field::placeholder {
    color: #000000;
}
#sidebar-wrapper input[type="search"],
#footer input[type="search"],.inn-sidebar input[type="search"],.detail-sidebar input[type="search"] {
    margin-bottom: 0;
}
#sidebar-wrapper label,
#footer label,.inn-sidebar label,.detail-sidebar label {
    margin-bottom: 0;
    width: 100%;
    font-weight: 700;
}
#sidebar-wrapper .widget,.inn-sidebar .widget,.detail-sidebar .widget {
  margin-bottom: 35px;
  border: 1px solid #dadee2;
  border-radius: 20px;
  padding: 9px;
}
#sidebar-wrapper .widget p,.inn-sidebar .widget p,.detail-sidebar .widget p{
  color: #000;
}
#sidebar-wrapper ul,.inn-sidebar ul,.detail-sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0 !important;
  margin-top: 12px;
  margin-bottom: 2px;
  position: relative;
  border: none;
}
div#sidebar-wrapper .wp-block-latest-comments__comment-author,div#sidebar-wrapper .wp-block-latest-comments__comment-link,.inn-sidebar .wp-block-latest-comments__comment-author,.inn-sidebar .wp-block-latest-comments__comment-link,.detail-sidebar .wp-block-latest-comments__comment-author,.detail-sidebar .wp-block-latest-comments__comment-link{
    color: #000000;
}
#sidebar-wrapper article,
#footer .footer-widgets article,.inn-sidebar article,.detail-sidebar article {
    margin: 0;
}
#sidebar-wrapper .widget ul .dropdown i,#footer .footer-widgets .section ul .dropdown i,
#footer .footer-widgets .widget ul .dropdown i,.inn-sidebar .widget ul .dropdown i,.detail-sidebar .widget ul .dropdown i{
    display: none;
}
#sidebar-wrapper .widget ul li a,#footer .footer-widgets .section ul li a,
#footer .footer-widgets .widget ul li a,.inn-sidebar .widget ul li a,.detail-sidebar .widget ul li a {
    color: #000000;
    z-index: 1;
    font-size: 15px;
    letter-spacing: .8px;
    font-weight: 400;
    display: inline-block;
    align-items: center;
    padding: 0 !important;
    position: relative;
}
#sidebar-wrapper .widget ul li a:hover,#footer .footer-widgets .section ul li a:hover,
#footer .footer-widgets .widget ul li a:hover,.inn-sidebar .widget ul li a:hover,.detail-sidebar .widget ul li a:hover{
    color: var(--alpha-color);
}
#sidebar-wrapper .widget ul,#footer .footer-widgets .section ul,
#footer .footer-widgets .widget ul,.inn-sidebar .widget ul,.detail-sidebar .widget ul {
    list-style: none;
    padding: 0 !important;
    margin-top: 12px;
    margin-bottom: 2px;
    display: block;
    position: relative;
}
#footer .footer-widgets .widget ul,#footer .footer-widgets .section ul {
    border: none;
    background-color: transparent;
}
#sidebar-wrapper .widget ul li,#footer .footer-widgets .section ul li,
#footer .footer-widgets .widget ul li,.inn-sidebar .widget ul li,.detail-sidebar .widget ul li {
    padding: 10px 0;
    position: relative;
    background-color:transparent ;
}
#sidebar-wrapper ul li:not(.recentcomments):hover a:before,.inn-sidebar ul li:not(.recentcomments):hover a:before,.detail-sidebar ul li:not(.recentcomments):hover a:before {
    transform: translateY(-50%) scale(1);
}
#sidebar-wrapper ul li:not(.recentcomments) a:before,.inn-sidebar ul li:not(.recentcomments) a:before,.detail-sidebar ul li:not(.recentcomments) a:before{
    position: absolute;
    content: '';
    top: 50%;
    left: -10px;
    transform: translateY(-50%) scale(0);
    width: 6px;
    height: 6px;
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    border-radius: 1e3px;
    background-color: #000000;
}
#sidebar-wrapper ul li:hover,.inn-sidebar ul li:hover,.detail-sidebar ul li:hover {
  margin-left: 10px;
  transition: 0.5s;
  color: #000000;
}
div#sidebar-wrapper p.wp-block-tag-cloud a:before,div#sidebar-wrapper .tagcloud a:before,div#sidebar-wrapper p.wp-block-tag-cloud a:before,.inn-sidebar p.wp-block-tag-cloud a:before,.inn-sidebar .tagcloud a:before,.inn-sidebar p.wp-block-tag-cloud a:before,.detail-sidebar p.wp-block-tag-cloud a:before,.detail-sidebar .tagcloud a:before,.detail-sidebar p.wp-block-tag-cloud a:before{
  position: absolute;
  content: '/';
  top: 0;
  right: 0;
  font-size: 15px !important;
  color: #000000;
}
#sidebar-wrapper .tagcloud a,.inn-sidebar .tagcloud a,.detail-sidebar .tagcloud a{
  font-size: 15px !important;
  color: #000000;
  line-height: 20px;
  position: relative;
  z-index: 1;
  display: inline-block;
  border: none;
  padding: 0px 15px 0px 0px;
  margin-right: 8px;
}
.tagcloud a:hover{
    text-decoration: underline;
}
#sidebar-wrapper h3 a.rsswidget,.inn-sidebar h3 a.rsswidget,.detail-sidebar h3 a.rsswidget{
  color: #000;
}
#sidebar-wrapper .tag-cloud-link,.inn-sidebar .tag-cloud-link,.detail-sidebar .tag-cloud-link {
  font-size: 16px !important;
  color: #000 !important;
  border: 1px solid;
  padding: 4px;
  margin: 10px;
}
.nav-previous,.nav-next{
  margin: 1% 0 0 0;
}
.nav-next{
  float:right;
  text-align: right;
  font-size: 18px;
}
.nav-previous{
  text-align:left;
  font-size: 18px;
}
#footer #media_image-2 img{
  object-fit: contain;
  width: 110px;
  height: 100px !important;
}
#footer .text-2{
  margin-top: 0;
}
/**
====================================================================
  Custom CSS for WooCommerce Inner Pages
====================================================================
*/
h1.woocommerce-products-header__title.page-title {
    padding: 20px;
    color: #ffffff;
}
.woocommerce .woocommerce-info .button,button.woocommerce-Button.button {
    background: #000000;
    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: #000000;
    padding: 10px 15px;
}
/* Single Product Page */
.single-product .product-title {
    font-size: 24px;
    color: #333;
}

.single-product .price {
    font-weight: bold;
    color: #554b4d !important;
}
.woocommerce div.product form.cart .button{
     background: #000000;
}
/* Shop Page */
.woocommerce ul.products li.product {
    background-color: #f8f8f8;
    padding: 10px;
    border: 1px solid #ddd;
}
.woocommerce ul.products li.product .button {
    background: #000000;
    color: #ffffff;
}
.woocommerce ul.products li.product .price {
    color: #000000;
}
.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: #000000;
}
/* 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: #000000;
    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 #000000;
    margin: 10px 0px;
    padding: 15px;
    border-radius: 4px;
}
.woocommerce-MyAccount-content a{
    color: #000000;
}
/**
====================================================================
  Extra CSS
====================================================================
*/
button,
input[type="submit"] {
    padding: 10px 20px;
    background: var(--alpha-color);
    color: #fff;
    border: none;
}
/**
====================================================================
  Alignment CSS
====================================================================
*/
.bypostauthor img {
    border-radius: 50%;
}
.gallery-caption,figcaption.blocks-gallery-caption {
    font-weight: bold;
}
.wp-caption {
    background: #fff;
    border: 2px solid #efefef;
    max-width: 100%;
    padding: 10px 5px;
    text-align: center;
}
.wp-caption p {
    color: #000;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption p.wp-caption-text,.wp-caption-text  {
    padding: 10px 10px 10px 0px;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
/**
====================================================================
  Responsive CSS
====================================================================
*/
@media screen and (min-width:1700px) and (max-width:1900px){
  .container{
    max-width: 1520px;
  }
}
@media screen and (min-width:1920px) {
  .container{
    max-width: 1620px;
  }
} 
@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;
    }
    .main-navigation .menu ul{
        display: inline-block;
    }
    .main-navigation .menu li{
        border: none;
    }
  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;
  }
  .toggle-nav button {
    border: none;
    background: transparent;
    padding: 0;
  }
  .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: 50px;
    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 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;
  }
  .main-navigation li{
    padding: 0;
  }
  .main-navigation ul li a,.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,.menu ul li a {
    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:hover{
    color: #000000;
  }
  /*NEW*/
  .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu{
    border: none;
  }
  .main-navigation .sub-menu li ul.sub-menu,.main-navigation .children li ul.children{
    left: 0px !important;
  }
  .navigation_header .nav, .navbar-expand-xl {
    display: inline-block;
  }
  .main-navigation .sub-menu, .main-navigation .children{
    background: transparent;
  }
  .caret {
        display: none;
    }
    /* mobile menu */

    .footer-widgets-wrapper .widget-column {
        margin: 70px 0;
    }

    .footer-widgets-wrapper .widget-column:last-child {
        margin-bottom: 0;
    }

    .main-navigation ul li ul a {
        background: 0 0
    }

    .main-navigation ul li ul li ul li a {
        background: 0 0;
        text-transform: uppercase;
        padding-left: 22px;
        font-size: 13px;
        color: rgba(255, 255, 255, .5)
    }

    .main-navigation a.current,
    .main-navigation li.current>a {
        color: #c5a47e
    }

    .main-navigation ul li {
        position: relative;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, .15)
    }

    .main-navigation ul .dropdown:focus-within>ul {
        display: block !important
    }

    .main-navigation ul>li>ul {
        background-color: #2a2a2a
    }
    .main-navigation ul li a {
        background: 0 0;
        color: #fff;
        display: inline-block;
        font-weight: 400;
        text-transform: capitalize;
        padding: 12px 15px;
        position: relative;
        cursor: pointer;
        line-height: 24px;
        font-size: 12px;
        letter-spacing: 1px;
        width: 100%;
        text-align: left
    }
    .main-navigation ul.menu>li>ul>li>a {
        text-transform: capitalize;
        padding-left: 22px;
        font-size: 12px;
        color: rgba(255, 255, 255, .5)
    }

    .main-navigation ul.menu>li>ul>li.dropdown>a {
        padding-left: 22px
    }

    .main-navigation ul.menu>li>ul>li.dropdown {
        width: auto
    }

    .main-navigation ul li.dropdown .la {
        border-left: 1px solid rgba(130, 130, 130, .58);
        color: #fff;
        text-align: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .main-navigation .menu .dropdown-menu {
        position: relative;
        z-index: 1;
        display: none;
        float: none;
        min-width: 100%;
        padding: 5px 0;
        margin: 2px 50px 0 0;
        font-size: 14px;
        text-align: center;
        list-style: none;
        background-color: transparent;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none;
        border-radius: 1px;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1 !important;
        left: 0 !important;
    }

    #site-navigation .menu li.dropdown .bi,.main-navigation .menu li i,.menu li.page_item ul.children i {
        display: block;
        border-left: 1px solid rgba(255, 255, 255, .13);
        color: #b3b3b9;
        text-align: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    #site-navigation .menu li.dropdown .bi,
    .main-navigation ul li.dropdown .bi,.main-navigation .menu li i,ul.children.dropdown-menu li i,.menu li.page_item ul.children i {
        position: absolute;
        z-index: 99;
        width: 60px;
        right: 0;
        top: 0;
        line-height: 45px;
        font-size: 18px;
        cursor: pointer;
    }
    .menu li.page_item i{
        right: -254px !important;
        top: -10px !important;
        width: 40px !important;
    }
    .menu li.page_item ul.children li.page_item i{
        right: 0 !important;
    }

    .main-navigation ul.menu>li {
        padding: 0;
    }

    .main-navigation ul li:last-child,
    .main-navigation ul.menu>li>ul>li:last-child,
    .main-navigation .menu>li>ul>li:last-child,
    .main-navigation .menu>li>ul>li>ul>li:last-child {
        border-bottom: none;
    }
    .slider-box-btn {
    margin: 17px 0;
    }
}
@media (max-width: 991px) {
    .logo{
        width: 100%;
    }
    .main-banner-content-box h3 {
        font-size: 20px;
        line-height: unset;
    }  
    .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);
        }
    }
.page-template-home .header-wrapper,.logo{
    position: relative;
}
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a{
    background: none;
    clip-path: unset;
    }
.logo{
    clip-path: unset;
    padding: unset;
}
.search-container i{
    color: #000;
}
a.hdr-btn{
    justify-content: center;
    gap: 90px;
}
.ri8-logo::after{
    display: none;
}
.media-mar{
    margin-top: 25px;
}
}
@media (max-width: 767px) {
    .slider-sec .owl-dots{
        display: none;
    }
    h2.expernc-sm-hd{
        top: 7px;
    }
    .topbr-search-box form.woocommerce-product-search{
        width: 100%;
        margin-bottom: 15px;
    }
    .topbr-search-box input.search-field{
        width: 30%;
    }
    .topbr-search-box select#product_cat{
        width: 43%;
    }
    .alignfull {
        max-width    : 100vw;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        width: auto;
    }
    .alignwide {
        max-width    : 100vw;
        margin-right: calc(25% - 25vw);
        margin-left: calc(25% - 25vw);
        width: auto;
    }
    .alignfull img {
        width: 100vw;
    }
    .search-container .search-form{
        width: 305px;
        right: 0px;
        top: 50px;
    }
    .search-container input[type="submit"]{
        padding: 12px 22px;
    }
    .search-container .search-form input[type="text"]{
        width: 175px;
    }
    .main-banner-content-box.content-left {
        left: 5%;
        right: 5%;
    }
    h2.bnr-heading{
        font-size: 32px;
    }
    h6.bnr-sm-hd {
        font-size: 13px;
    }
    h6.bnr-sm-hd:after {
        height: 10px;
        width: 270px;
    }
    section#main-banner-wrap .main-banner-inner-box img,.banner-side-margin {
        height: 600px;
    }
    h6.abt-sm-hd:after{
        right: 36%;
    }
    .ri8-mail {
        align-items: center;
        gap: 15px;
        flex-direction: column;
    }
    .ri8-soco{
        justify-content: center;
    }
    .logo {
        background: none;
        clip-path: unset;
        padding: unset; 
        position: relative;
    }
    a.hdr-btn{
        clip-path: unset;
        justify-content: space-evenly;
    }
    h2.bnr-heading{
        line-height: 35px;
    }
    p.welcome-text {
        left: unset;
        font-size: 50px;
        top: -89px;
        writing-mode: horizontal-tb; 
        transform: none; 
    }
    i.bi.bi-chat-left-fill{
        clip-path: unset;
    }  
}
@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) {
    .topbr-search-box input.search-field{
        width: 30%;
    }
    .serv-img-box img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
    .topbr-search-box select#product_cat{
        width: 43%;
    }
    .main-banner-content-box.content-left {
        left: 20%;
        right: 4%;
    }
    h2.bnr-heading {
        font-size: 60px;
    }
    section#main-banner-wrap .main-banner-inner-box img {
        height: 630px;
    }
    h6.abt-sm-hd:after{
        right: 43%;
    }
    p.tbr-call-no, p.tbr-adrs {
        font-size: 14px;
    }
    .slider-sec .owl-dots{
        right: unset;
        margin: 0 auto;
    }
    #topbar{
        background: var(--alpha-color);
    }
}
@media (max-width: 1199px) and (min-width: 1024px) {
    .main-navigation .menu {
        gap: 5px 25px;
    }
    a.hdr-btn{
        margin-left: -10px;
        gap: 40px;
        justify-content: center;
    }
    .main-navigation .menu > li > a, .page_item a {
        font-size: 13px;
    }
    p.tbr-call-no, p.tbr-adrs {
        font-size: 11px;
    }
    .main-banner-content-box.content-left {
        left: 15%;
        right: 20%;
    }
    section#main-banner-wrap .main-banner-inner-box img {
        height: 630px;
    }
    h6.abt-sm-hd:after{
        right: 45%;
    }
    h3.abt-main-hd {
        font-size: 30px;
    }
    p.abt-txt1, p.abt-txt2 {
        font-size: 12px;
    }
    a.btn-abt.btn {
        font-size: 14px;
        padding: 8px 40px
    }
    .slider-sec .owl-dots{
        right: unset;
        margin: 0 auto;
    }
    .ri8-mail{
        justify-content: center;
        gap: 10px;
    }
    .logo{
        padding: 25px 30px;
        left: 0;
    }
    .ri8-logo::after{
        left: 24%;
        transform: rotate(340deg);
    }
    .logo{
        width: 26%;
    }
    .search-container{
        text-align: center;
    }
    section#main-banner-wrap .main-banner-inner-box img,.banner-side-margin {
        height: 700px;
    }
}
@media (max-width: 1359px) and (min-width: 1200px) {
    .search-container {
        position: relative;
        padding-right: 30px;
    }
    p.tbr-call-no, p.tbr-adrs {
        font-size: 14px;
    }
    i.bi.bi-chat-left-fill{
        left: -27px;
    }
   .main-banner-content-box.content-left {
        left: 15%;
        right: 30%;
    }
    h3.abt-main-hd {
        font-size: 35px;
    }
    p.abt-txt1, p.abt-txt2 {
        font-size: 12px;
    }
    a.btn-abt.btn{
        font-size: 14px;
        padding: 10px 40px;
    }
    .slider-sec .owl-dots{
        right: unset;
        margin: 0 auto;
    }
    .logo{
      left: 0;
      width: 27%;
    }
    .ri8-logo::after{
        left: 24.5%;
        transform: rotate(335deg);
    }
}
@media (max-width: 1439px) and (min-width: 1360px) {
    p.tbr-call-no, p.tbr-adrs {
        font-size: 14px;
    }
    .main-banner-content-box.content-left {
        left: 9%;
        right: 37%;
    }
    h3.abt-main-hd {
        font-size: 35px;
    }
    p.abt-txt1, p.abt-txt2 {
        font-size: 12px;
    }
    a.btn-abt.btn{
        font-size: 14px;
        padding: 10px 40px;
    }
    .slider-sec .owl-dots{
        right: unset;
        margin: 0 auto;
    }
    .logo{
        width: 28%;
        left: 0;
    }
    .ri8-logo::after{
        transform: rotate(334deg);
    }
    i.bi.bi-chat-left-fill{
        display: none;
    }
}
@media (max-width: 1500px) and (min-width: 1440px) {
    .main-banner-content-box.content-left{
        left: 10%;
        right: 34%;
    }
    .slider-sec .owl-dots{
        right: unset;
        margin: 0 auto;
    }
    .ri8-logo::after {
        left: 24.5%;
    }
    i.bi.bi-chat-left-fill {
        padding: 11px 30px;
        margin: 0 -6px;
    }
    a.hdr-btn{
        gap: 0;
    }
    .logo{
        width: 23%;
    }
}
@media (max-width: 1400px) and (min-width: 1439px) {
    .ri8-logo::after {
        left: 24.5%;
        transform: rotate(336deg);
    }
    .logo{
        width: 25%;
    }
}
@media (max-width: 2000px) and (min-width: 1920px) {
.ri8-logo::after{
    left: 24%;
}
}
@media (max-width: 2560px) and (min-width: 1024px){
    ul.sub-menu.dropdown-menu i,ul.children i {
    display: none;
}
}
@media (max-width: 2560px) and (min-width: 2001px){
.main-banner-content-box.content-left{
    left: 25%;
}
}