/*!
Theme Name: Business Roy
Theme URI:http://ikreatethemes.com/wordpress-themes/business-roy/
Author: Ikreate Themes
Author URI: https://ikreatethemes.com/
Description: Business Roy is a fast and clean multi-purpose free WordPress business theme, designed for various business-related websites. You can utilize this theme to launch a business, showcase your services, and enhance your website without the need for any coding experience. This versatile Free WordPress theme is well-suited for a wide range of businesses, including construction, restaurants/cafés, wedding planners, portfolios, churches, education, consulting, fitness, roofing, medical, spa, studio, advocacy, sports, online agencies, charity, and freelancer websites. Business Roy comprises customizable sections, including a slider, about us, features, services, call to action, testimonials, team, contact, client logo, portfolio, how it works, video, and counter, among others. Each section offers multiple customization choices such as background and font colors, gradient colors, margin, padding, and top and bottom separators using SVG graphics. These features make it easy for users to create stunning, personalized web pages. Furthermore, Business Roy boasts 25+ pattern blocks and 20+ Elementor blocks, providing users with additional design options for their website. It caters to both new and experienced users. Business Roy is also responsive, Schema.org compatible, browser compatible, SEO-friendly, RTL compatible, speed-optimized, and translation-ready. These elements ensure that your website is easily accessible, user-friendly, and search engine optimized, facilitating your target audience in finding your company online. If you encounter any issues while using our theme, you can refer to our theme documentation or reach out to our friendly support staff at [https://ikreatethemes.com/support/].
Version: 1.1.2
Requires PHP: 7.4
Tested up to: 6.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: business-roy
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, footer-widgets, post-formats, sticky-post, theme-options, translation-ready, featured-images, rtl-language-support, block-patterns, block-styles, education, entertainment, holiday

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/

/*** 
 * Color Variable CSS
*/
:root {
    --theme-color: #138f81;
    --title-color: #112437;
    --body-color: #112437;
    --black-color: #000000;
    --white-color: #ffffff;
    --light-color: #DFDAF3;
    --widget-bg-color: #fafafa;
    --link-color: #112437;
    --link-hover-color: #138f81;
    --theme-rgb-color: 19, 143, 129;
    --yellow-color: #FFB539;
    --success-color: #28a745;
    --error-color: #ff0000;
    --border-color: #E0E0E0;
    --icon-color: #138f81;
    --box-shadow: #ede9fe;
    --title-font: "Poppins", sans-serif;
    --body-font: "Poppins", sans-serif;
    --style-font: "Rochester", cursive;
    --icon-font: "Font Awesome 5 Free";
    --container-width: 1280px;
    --sidebar-width: 330px;
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
    ========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

/* Sections
    ========================================================================== */

/**
* Remove the margin in all browsers.
*/
body {
    margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/
main {
    display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
    ========================================================================== */

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics
    ========================================================================== */

/**
* Remove the gray background on active links in IE 10.
*/
a {
    background-color: transparent;
    color: var(--link-color);
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
    font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**
* Add the correct font size in all browsers.
*/
small {
    font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
    ========================================================================== */

/**
* Remove the border on images inside links in IE 10.
*/
img {
    border-style: none;
}

/* Forms
    ========================================================================== */

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
    overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
    text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*		`fieldset` elements in all browsers.
*/
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
    vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
    overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive
    ========================================================================== */

/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
    display: block;
}

/*
* Add the correct display in all browsers.
*/
summary {
    display: list-item;
}

/* Misc
    ========================================================================== */

/**
* Add the correct display in IE 10+.
*/
template {
    display: none;
}

/**
* Add the correct display in IE 10.
*/
[hidden] {
    display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: var(--title-color);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
    font-family: var(--title-font);
    color: var(--title-color);
    text-transform: none;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 15px 0;
}

p {
    font-family: var(--body-font);
    margin: 0 0 15px 0;
    line-height: 1.6;
    font-size: 18px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: var(--light-color);
    font-family: "Courier 10 Pitch", courier, monospace;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted var(--border-color);
    cursor: help;
}

mark,
ins {
    background: var(--theme-color);
    text-decoration: none;
}

big {
    font-size: 125%;
}

.clearfix {
    clear: both;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
    font-family: var(--body-font);
    color: var(--body-color);
    line-height: 1.6;
    font-size: 18px;
    background-color: var(--white-color);
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

hr {
    background-color: var(--light-color);
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

label {
    font-weight: normal;
    color: var(--body-color);
    margin: 0;
}

label .required {
    border-bottom: none;
    text-decoration: none;
    color: var(--error-color);
}

ul,
ol {
    padding: 0 0 0 15px;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

figure {
    margin: 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    border: 1px solid var(--border-color);
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    width: 100%;
    margin-bottom: 20px;
}

th,
td {
    border-color: var(--border-color);
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    font-weight: normal;
}


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: var(--link-color);
    text-decoration: none;
    line-height: inherit;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
    color: var(--link-hover-color);
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    border: 0;
    padding: 25px 10px;
    border-radius: 2px;
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
    background: #f0f0f0;
    color: #000000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    width: 100%;
}

select {
    background: #f0f0f0;
    border: 0;
    padding: 15px;
    max-width: 100%;
    width: 100%;
    font-size: 18px;
    line-height: 25px;
    border-radius: 2px;
    outline: none;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="url"] {
    height: 40px;
}

textarea {
    display: block;
    width: 100%;
}

select {
    background: url(assets/images/down-arrow.png) no-repeat right #f0f0f0;
    -webkit-appearance: none;
    background-position-x: 98%;
    font-size: 18px;
}

select::-ms-expand {
    display: none;
}

:focus {
    outline: none;
}

/* :focus {
    outline: 1px dotted #ccc;
} */

blockquote {
    font-size: 20px;
    line-height: 30px;
    padding: 20px;
    display: block;
    position: relative;
    background-color: rgba(246, 246, 246, 1);
    overflow: hidden;
}

blockquote:before {
    content: "\f10e";
    font-family: var(--icon-font);
    position: absolute;
    right: 40px;
    bottom: 30px;
    font-size: 11rem;
    font-weight: 600;
    line-height: 1;
    color: var(--light-color);
}

blockquote p {
    width: 100%;
    position: relative;
    z-index: 3;
    font-weight: 500;
}

blockquote cite {
    font-size: 18px;
    color: var(--theme-color);
}

iframe {
    display: block;
    width: 100%;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}

:-moz-placeholder {
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}

::-moz-placeholder {
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}

input[type="radio"],
input[type="checkbox"] {
    margin-top: 5px;
}

a.button,
button,
input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
    padding: 8px 20px;
    border: none;
    background-color: var(--theme-color);
    color: var(--white-color);
    text-align: center;
    font-weight: 600;
}

a.button:hover,
a.button:focus,
button:hover,
input[type="submit"]:hover {
    opacity: 0.7;
    color: var(--link-hover-color);
}


/* Container Normal Reset Style
--------------------------------------------- */
.container {
    max-width: var(--container-width);
    width: 100%;
    margin: 0 auto;
}

.section-wrap {
    position: relative;
    z-index: 1;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.desktop-text-center,
.text-center {
    text-align: center;
}

.desktop-text-left,
.text-left {
    text-align: left;
}

.desktop-text-right,
.text-right {
    text-align: right;
}

.float-right {
    float: right;
}

.section {
    padding: 100px 0;
    position: relative;
}

.section::before {
    content: "";
    background: transparent;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.inner-section-wrap {
    position: relative;
    z-index: 2;
}

/*--------------------------------------------------------------
## Button (btn)
--------------------------------------------------------------*/
.btn {
    border: none;
    display: inline-flex;
    align-items: center;
    text-transform: capitalize;
    line-height: 1;
    font-weight: 600;
    padding: 20px 25px;
    background-color: var(--theme-color);
    color: var(--white-color);
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    vertical-align: middle;
}

.btn:after {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: var(--white-color);
    left: auto;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    border-radius: inherit;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.btn:hover {
    color: var(--black-color);
}

.btn:hover:after {
    width: 101%;
    right: auto;
    left: 0;
}

.btn.btn-primary:after {
    background-color: var(--black-color);
}

.btn.btn-primary:hover {
    color: var(--white-color);
}

.btn.btn-border:after {
    display: none;
}

.btn.btn-border {
    border: 1px solid var(--theme-color);
    background-color: transparent;
    color: var(--theme-color);
    padding: 15px 25px;
}

.btn.btn-border:hover {
    border-color: var(--theme-color);
    -webkit-box-shadow: 0px 3px 24px 0px 3px 24px rgba(var(--theme-rgb-color), 0.2);
    box-shadow: 0px 3px 24px rgba(var(--theme-rgb-color), 0.2);
}

.btn.btn-noborder {
    border: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    color: var(--link-color);
    line-height: 1.5;
}

.btn.btn-noborder:hover {
    color: var(--link-hover-color);
}

.btn.btn-noborder:after {
    background-color: transparent;
}

.btn.style-white {
    background-color: var(--white-color);
    color: var(--theme-color);
}

.btn.style-white:hover {
    color: var(--white-color);
}

.btn.style-white:after {
    background-color: var(--theme-color);
}

.btn.btn-noradius {
    border-radius: 0;
}

.btn i {
    margin-left: 5px;
}


/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.d-grid {
    display: grid;
    gap: 2rem;
}

.d-grid.d-blog-grid-column-2.sidebar-no,
.d-grid-column-1 {
    grid-template-columns: repeat(1, 1fr);
}

.d-grid-column-2 {
    grid-template-columns: repeat(2, 1fr);
}

.d-blog-grid-column-2 {
    grid-template-columns: 1fr 330px;
}

.d-grid-column-3 {
    grid-template-columns: repeat(3, 1fr);
}

.d-grid-column-4 {
    grid-template-columns: repeat(4, 1fr);
}

.d-grid-column-5 {
    grid-template-columns: repeat(5, 1fr);
}

.d-grid.d-blog-grid-column-2.sidebar-left {
    grid-template-columns: var(--sidebar-width) 1fr;
}

.layout-masonry .articlesListing.d-grid-column-2 {
    display: block;
    column-count: 1;
}

.layout-masonry .articlesListing.d-grid-column-2 {
    display: block;
    column-count: 2;
}

.layout-masonry .articlesListing.d-grid-column-3 {
    display: block;
    column-count: 3;
}

/*--------------------------------------------------------------
## Top Header
--------------------------------------------------------------*/
.top-menu-bar {
    background-color: var(--theme-color);
    padding: 10px 0;
    color: var(--white-color);
}

.top-bar-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.top-bar-menu ul>* {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.top-bar-menu ul li,
.top-bar-menu ul li a,
.top-bar-menu span {
    color: inherit;
}

.top-bar-menu ul li a:hover,
.top-bar-menu ul li.current_page_item a {
    color: var(--light-color);
}

.top-bar-menu ul li a::after {
    content: "-";
    margin: 0 5px;
}

.top-bar-menu ul li:last-child a::after {
    content: "";
    margin: 0;
}

.top-bar-menu ul.sp_quick_info li a::after,
.top-bar-menu ul.sp_socialicon li a::after {
    display: none;
}

.top-bar-menu ul li i {
    margin: 0 6px;
    color: inherit;
    border-radius: 50%;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    background: rgb(0 0 0 / 20%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-bar-menu ul.sp_socialicon li a i.fa-facebook,
.top-bar-menu ul.sp_socialicon li a i.fa-facebook-f,
.top-bar-menu ul.sp_socialicon li a i.fa-facebook-messenger {
    background: #3b5998;
}

.top-bar-menu ul.sp_socialicon li a i.fa-twitter {
    background: #1da1f2;
}

.top-bar-menu ul.sp_socialicon li a i.fa-google-plus-g {
    background: #db4c3f;
}

.top-bar-menu ul.sp_socialicon li a i.fa-linkedin {
    background: #1178b3;
}

.top-bar-menu ul.sp_socialicon li a i.fa-youtube {
    background: #d20014;
}

.top-bar-menu ul.sp_socialicon li a i.fa-pinterest {
    background: #d20014;
}

.top-bar-menu ul.sp_socialicon li a i.fa-instagram {
    background: #bc2a8d;
}

.top-bar-menu ul.sp_socialicon li a i:hover {
    background: var(--white-color);
    color: var(--theme-color);
    border-color: var(--white-color);
}



/*--------------------------------------------------------------
## Main Header Layout
--------------------------------------------------------------*/
header.ovarnav-enable {
    position: absolute;
    z-index: 2;
    width: 100%;
    background-color: rgba(255,255,255, 0.50);
}

/**
* Header Layout One
*/
.headerone .nav-classic .nav-menu {
    background-color: var(--theme-color);
    color: var(--white-color);
}

.nav-classic .inner-row {
    padding: 30px 0;
}

/**
* Header Layout Two
*/
.headertwo .nav-classic .inner-row {
    padding: 0;
}

.headertwo .box-header-nav .main-menu .page_item a,
.headertwo .box-header-nav .main-menu>.menu-item>a {
    padding: 30px 15px;
    margin: 0;
}

.headertwo .box-header-nav .main-menu .page_item.current_page_item>a,
.headertwo .box-header-nav .main-menu>.menu-item.current-menu-item>a {
    background: transparent;
    color: var(--theme-color);
}

.headertwo .box-header-nav .main-menu .page_item:hover>a,
.headertwo .box-header-nav .main-menu .page_item.focus>a,
.headertwo .box-header-nav .main-menu>.menu-item:hover>a,
.headertwo .box-header-nav .main-menu>.menu-item.focus>a {
    background: transparent;
    color: var(--link-hover-color);
}

/* .headertwo .nav-classic .nav-menu {
    background: #d4d0d06e;
} */

.headertwo.ovarnav-enable .nav-classic .nav-menu {
    background: transparent;
}

.headertwo .nav-classic .nav-menu .box-header-nav {
    background: transparent;
    color: var(--link-color);
}

.headertwo .menu-item-search {
    border: 2px solid var(--theme-color);
}

.headertwo .menu-item-search a {
    color: var(--theme-color);
}


/**
* Quick Contact Info Main Header
*/
.contact-info .quickcontact {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 2em;
}

.quickcontact .get-tuch {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.quickcontact .get-tuch i {
    font-size: 40px;
    border-radius: 5px;
    margin-right: 15px;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: var(--icon-color);
    background-color: rgba(182, 140, 90, 0.15);
}

.quickcontact .get-tuch span {
    font-weight: 600;
}

/**
* Header Search Form and Layout
*/
.full-search-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .9);
    z-index: 99999;
    -webkit-transform: scaleX(.2);
    transform: scaleX(.2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.admin-bar .full-search-wrapper {
    top: 32px;
}

.full-search-wrapper .close-icon {
    padding: 0;
    font-size: 30px;
    cursor: pointer;
}

.full-search-wrapper.search-triggered {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    visibility: visible
}

.full-search-wrapper .search-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background: var(--theme-color);
    color: var(--white-color);
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
}

.full-search-wrapper .search-container {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.full-search-wrapper .search-container .search-field {
    width: 100%;
    background: 0 0;
    border: none;
    text-align: center;
    height: 60px;
    height: 6vw;
    font-size: 60px;
    font-size: 5vw;
    color: var(--white-color);
    padding: 15px;
    margin-bottom: 30px;
    line-height: 1
}

.search-wrapper {
    padding: 7px 20px;
}

.search-wrapper .search-form label {
    width: 100%;
}

.search-wrapper .search-form label .search-field {
    padding: 25px;
    border-radius: 6px;
    color: var(--white-color);
}


.search-layout-two.close-icon {
    position: absolute;
    top: 0px;
    right: 8px;
    background: var(--white-color);
    color: var(--black-color);
    height: 25px;
    width: 25px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    cursor: pointer;
}

.box-header-nav .main-menu>.page_item.no-hover:hover>a,
.box-header-nav .main-menu>.menu-item.no-hover:hover>a {
    background: transparent;
    color: var(--theme-color);
}

.buttonwrap .quickcontact-title {
    line-height: 1;
}

/**
* Header Logo
*/
.site-branding {
    max-width: 350px;
}

.site-branding h1 {
    font-size: 38px;
}

.site-branding .site-title,
.site-branding .site-description {
    margin: 0;
}

.header-sidebar-content .toggle.close-nav-toggle,
.custom-tab-content li.no-hover {
    display: none;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
/**
* Nav Toggle Mobile Version
*/
.nav-classic .header-nav-toggle {
    display: none;
    width: 35px;
    margin: 6px 0;
    float: right;
    cursor: pointer;
    background: transparent;
    padding: 0;
}

.nav-classic .header-nav-toggle div {
    width: 100%;
    height: 4px;
    background-color: var(--theme-color);
    margin: 8px 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

span.sub-toggle {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: rgba(228, 228, 228, 0.57);
    color: var(--body-color);
    line-height: 50px;
    z-index: 99;
    cursor: pointer;
}

/******
* Main Menu Style
*/
.box-header-nav .main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.box-header-nav .main-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.box-header-nav .main-menu .page_item,
.box-header-nav .main-menu .page_item a,
.box-header-nav .main-menu .menu-item,
.box-header-nav .main-menu .menu-item a {
    position: relative;
}

.box-header-nav .main-menu>ul>.page_item,
.box-header-nav .main-menu>.menu-item {
    display: inline-block;
}

.box-header-nav .main-menu .page_item a,
.box-header-nav .main-menu>.menu-item>a {
    display: inline-block;
    padding: 10px 15px;
    margin: 10px 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    color: inherit;
}

.box-header-nav .main-menu .page_item.current_page_item>a,
.box-header-nav .main-menu .page_item:hover>a,
.box-header-nav .main-menu .page_item.focus>a,
.box-header-nav .main-menu>.menu-item.current-menu-item>a,
.box-header-nav .main-menu>.menu-item:hover>a,
.box-header-nav .main-menu>.menu-item.focus>a {
    background: rgba(0, 0, 0, 0.6);
    color: var(--white-color);
}

.box-header-nav .main-menu .page_item.page_item_has_children>a::after,
.box-header-nav .main-menu>.menu-item.menu-item-has-children>a::after {
    display: inline-block;
    vertical-align: top;
    content: '\f107';
    margin-left: 4px;
    font-family: var(--icon-font);
}

.box-header-nav .main-menu .page_item:hover>.children,
.box-header-nav .main-menu .page_item.focus>.children,
.box-header-nav .main-menu .menu-item:hover>.sub-menu,
.box-header-nav .main-menu .menu-item.focus>.sub-menu {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
}

.box-header-nav .main-menu .children,
.box-header-nav .main-menu .sub-menu {
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 225px;
    background-color: var(--widget-bg-color);
    color: #666666;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 10;
    text-align: left;
}

.headertwo .box-header-nav .main-menu .children>.page_item>a,
.headertwo .box-header-nav .main-menu .sub-menu>.menu-item>a,
.box-header-nav .main-menu .children>.page_item>a,
.box-header-nav .main-menu .sub-menu>.menu-item>a {
    display: block;
    padding: 10px 20px;
    margin: 0;
    color: var(--body-color);
    font-weight: 500;
    text-transform: capitalize;
}

.box-header-nav .main-menu .children li:not(:first-child)::before,
.box-header-nav .main-menu .sub-menu li:not(:first-child)::before {
    content: '';
    display: block;
    border-top: 1px dashed var(--border-color);
}

.box-header-nav .main-menu .children>.page_item:hover>a,
.box-header-nav .main-menu .children>.page_item.focus>a,
.box-header-nav .main-menu .sub-menu>.menu-item:hover>a,
.box-header-nav .main-menu .sub-menu>.menu-item.focus>a {
    background-color: var(--theme-color);
    color: var(--white-color);
    /* font-weight: 500; */
}

.box-header-nav .main-menu .children>.page_item.current_page_item>a,
.box-header-nav .main-menu .sub-menu>.menu-item.current-menu-item>a {
    background: var(--theme-color);
    color: var(--white-color);
    /* padding: 10px 15px;
    text-transform: capitalize; */
}

.box-header-nav .main-menu .children>.page_item.page_item_has_children>a::after,
.box-header-nav .main-menu .sub-menu>.menu-item.menu-item-has-children>a::after {
    display: inline-block;
    float: right;
    content: '\f105';
    font-family: var(--icon-font);
    font-weight: 600;
}

.box-header-nav .main-menu .children .children,
.box-header-nav .main-menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    box-shadow: 0 -1px #eee inset, 1px 0 #eee inset, 0 1px #eee inset;
}

/**
* No Menu
*/
.no-menu li {
    padding: 20px 0;
}

/**
* Menu Search, Button Area
*/
nav.box-header-nav.main-menu-wapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-buttons {
    display: flex;
    align-items: center;
    gap: 1.5em;
    margin-left: 25px;
}

.menu-item-search {
    border: 1px solid var(--white-color);
    border-radius: 5px;
    height: 55px;
    width: 45px;
    line-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.menu-item-search a {
    color: var(--white-color);
}

.menu-item-sidebar a {
    font-size: 30px;
    color: var(--white-color);
}

.headertwo .menu-item-sidebar a {
    color: var(--theme-color);
}

.business-roy-header-button {
    background-color: var(--white-color);
    color: var(--body-color);
    padding-right: 15px;
    border-radius: 5px;
}

.business-roy-header-button a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-buttons .quickcontact .get-tuch i {
    border-radius: 5px 0 0 5px;
}

.business-roy-header-button:after {
    background-color: var(--theme-color);
}

/* Posts, pages and Comment Navigation
--------------------------------------------- */
.prevNextArticle {
    background-color: var(--light-purple);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 4px 30px var(--light-color);
    margin: 20px 0;
}

.prevNextArticle .prevnext-item h5 {
    margin-bottom: 0;
}

.prevNextArticle .prevnext-item .title {
    line-height: 1.4;
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}


.prevnext-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.prevnext-item a {
    overflow: hidden;
}

.prevnext-item img {
    height: 70px;
    width: auto;
    object-fit: cover;
    border-radius: 5px;
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
}

.prevnext-item img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/
.banner-slider {
    position: relative;
    z-index: 1;
    background-size: 100%;
}

.banner-slider .background-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.banner-slider .slider-item {
    height: 90vh;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.banner-slider .slider-item:before {
    background: rgba(0, 0, 0, 0.45);
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: -1;
}

.banner-slider .slider-item .slider-content {
    color: var(--white-color);
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}

.banner-slider .slider-item .slider-content .supertitle {
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 25px;
    font-size: 24px;
    display: inline-block;
    color: var(--theme-color);
    font-weight: 700;
}

.banner-slider .slider-item .slider-content .maintitle {
    font-size: 55px;
    color: var(--white-color);
    line-height: 1.2;
}

.banner-slider .slider-item .slider-content p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 45px;
    color: var(--white-color);
}

.banner-slider .slider-item .btn-area {
    display: inline-flex;
    gap: 2rem;
}

.video-banner {
    height: 90vh;
}


/********
* Slider Animation
*/
.delay-1 {
    animation-delay: .2s;
}

.delay-2 {
    animation-delay: .4s;
}

.delay-3 {
    animation-delay: .6s;
}

.delay-4 {
    animation-delay: .8s;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

/**
* Slider Nav ( Next & Previous )
*/
.banner-slider .owl-nav button.owl-next,
.banner-slider .owl-nav button.owl-prev{
    color: #fff;
    background:var(--theme-color);
    background-image: none !important;
    top: 50%;
    transform: translateY(-50%);
    height: 110px;
    width: 32px;
    position: absolute;
    opacity: .5;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s;
}

.banner-slider .owl-nav button.owl-next {
    right: 0;
    border-radius: 5px 0 0 5px;
}

.banner-slider .owl-nav button.owl-prev {
    left: 0;
    border-radius: 0 5px 5px 0;
}

.banner-slider .owl-nav button.owl-next::before,
.banner-slider .owl-nav button.owl-prev::before {
    content: '';
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 20px;
}

.banner-slider .owl-nav button.owl-prev::before {
    content: '\f053';
    left: 10px;
}

.banner-slider .owl-nav button.owl-next::before {
    content: '\f054';
    right: 10px;
}
.banner-slider .owl-nav button.owl-next:hover, 
.banner-slider .owl-nav button.owl-prev:hover{
    opacity: 1;
}



/**
* Slider Dots Control
*/
.banner-slider .owl-dots {
    display: flex;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    z-index: 1;
}

.banner-slider .owl-dots .owl-dot {
    background-color: transparent;
    color: var(--white-color);
    border: 2px solid;
    border-color: var(--white-color);
    font-size: 18px;
    font-weight: 700;
    width: 45px;
    height: 45px;
    /* line-height: 45px; */
    border-radius: 50px;
    margin-right: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.banner-slider .owl-dots .owl-dot.active {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--white-color);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.banner-slider .owl-dots .owl-dot span {
    font-size: 20px;
    font-weight: 700;
}

.banner-slider .owl-dots .owl-dot:last-child {
    margin-bottom: 0;
}

.portfolio-slider.owl-carousel .owl-dots,
.testimonial-block.owl-carousel .owl-dots,
.client_logo.owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 30px;
}

.testimonial-block.owl-carousel .owl-dots,
.client_logo.owl-carousel .owl-dots {
    margin-bottom: 40px;
}

.portfolio-slider.owl-carousel .owl-dots button,
.testimonial-block.owl-carousel .owl-dots button,
.client_logo.owl-carousel .owl-dots button {
    display: block;
    width: 35px;
    height: 15px;
    background-color: var(--light-color);
    border-radius: 15px;
    margin: 0 5px;
}

.portfolio-slider.owl-carousel .owl-dots button.active,
.testimonial-block.owl-carousel .owl-dots button.active,
.client_logo.owl-carousel .owl-dots button.active {
    background-color: var(--theme-color);
}

/**
* All Section Main Title
*/
.section-title-wrapper {
    margin-bottom: 45px;
}

.section-title-wrapper .super-title {
    line-height: 1;
    display: inline-block;
    font-size: 18px;
    color: var(--theme-color);
    font-weight: 500;
    position: relative;
}

.section-title-wrapper .super-title:before,
.section-title-wrapper .super-title:after {
    content: "";
    height: 2px;
    width: 25px;
    position: absolute;
    background-color: var(--theme-color);
    top: 8px;
}

.section-title-wrapper .super-title:before {
    right: calc(100% + 20px);
    background-image: -webkit-gradient(linear, right top, left top, from(var(--theme-color)), color-stop(130%, transparent));
    background-image: -o-linear-gradient(right, var(--theme-color), transparent 130%);
    background-image: linear-gradient(to left, var(--theme-color), transparent 130%);
    background-color: transparent;
}

.section-title-wrapper .super-title:after {
    left: calc(100% + 20px);
    background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), color-stop(130%, transparent));
    background-image: -o-linear-gradient(left, var(--theme-color), transparent 130%);
    background-image: linear-gradient(to right, var(--theme-color), transparent 130%);
    background-color: transparent;
}

.section-title-wrapper.text-left .super-title:before {
    display: none;
}

.section-title-wrapper.text-right .super-title:after {
    display: none;
}

/*--------------------------------------------------------------
## Breadcrumbs section
--------------------------------------------------------------*/

.breadcrumb {
    padding: 0;
    border-radius: 0;
    width: 100%;
    display: block;
}

/* .breadcrumb_wrapper h2 {
    font-size: 45px;
    font-weight: 500;
} */

.breadcrumb ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.breadcrumb ul li {
    display: inline-block;
    font-size: 18px;
    color: var(--title-color);
}

.breadcrumb ul li a {
    color: var(--theme-color)
}

.breadcrumb ul li a:hover {
    color: var(--link-hover-color);
}

.breadcrumb ul li a:after {
    content: ">";
    color: var(--theme-color);
    padding: 0px 8px;
    position: relative;
    top: 1px;
}

.breadcrumb ul li:last-child a:after {
    content: "";
}


/****************
* Promo Service Section
*/
.box-shadow {
    -webkit-box-shadow: 0 0 30px 5px rgb(var(--theme-rgb-color), 0.10);
    box-shadow: 0 0 30px 5px rgb(var(--theme-rgb-color),0.10);
}

.promoservice-wrap .feature-list .box figure {
    position: relative;
    overflow: hidden;
}

.promoservice-wrap .feature-list .box figure img {
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
    object-fit: cover;
    min-height: 350px;
}

.promoservice-wrap .feature-list .box figure img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.promoservice-wrap .feature-list .bottom-content {
    padding: 20px;
    position: relative;
}

.promoservice-wrap .feature-list .icon-box {
    width: 100px;
    height: 100px;
    color: var(--white-color);
    background-color: var(--theme-color);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.promoservice-wrap .feature-list .icon-box i {
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}

.promoservice-wrap .feature-list .box.text-center .icon-box {
    margin: 0 auto;
}

.promoservice-wrap .feature-list .box.text-right .icon-box {
    margin-left: auto;
}

.promoservice-wrap .feature-list .box.text-left .icon-box {
    margin-left: 0;
}

.promoservice-wrap .feature-list .box.image-enable .icon-box {
    margin-top: -75px;
}

.promoservice-wrap .feature-list .bottom-content h4 {
    margin-top: 15px;
}

/*******************
* Style 2
*/
.promoservice-section.style2 .d-grid {
    gap: 1rem;
}

.style2 .promoservice-wrap .feature-list {
    position: relative;
}

.style2 .promoservice-wrap .feature-list .bottom-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 22;
    text-align: center;
    cursor: pointer;
}

.style2 .promoservice-wrap .feature-list .bottom-content a,
.style2 .promoservice-wrap .feature-list .bottom-content .bottom-content-wrap p {
    color: var(--white-color);
}

.style2 .promoservice-wrap .feature-list .bottom-content a:hover {
    color: var(--link-hover-color);
}

.style2 .promoservice-wrap .feature-list .icon-box {
    background-color: transparent;
    height: auto;
    width: auto;
    clip-path: none;
}

.style2 .promoservice-wrap .feature-list .icon-box i {
    color: var(--white-color);
}

.style2 .promoservice-wrap .feature-list .icon-box:before {
    display: none;
}

.style2 .promoservice-wrap .feature-list .icon-box i {
    font-size: 45px;
    align-items: flex-end;
    height: auto;
    clip-path: none;
}

.style2 .promoservice-wrap .top-content-wrap {
    margin-top: 55%;
    -webkit-transition: margin .3s ease-out;
    -o-transition: margin .3s ease-out;
    transition: margin .3s ease-out;
}

.style2 .promoservice-wrap .bottom-content-wrap {
    opacity: 0;
    overflow: hidden;
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

.style2 .promoservice-wrap .feature-list:hover .top-content-wrap {
    margin-top: 0;
}

.style2 .promoservice-wrap .feature-list:hover .bottom-content-wrap {
    opacity: 1;
    overflow: visible;
}

.style2 .promoservice-wrap .feature-list .box.image-enable .icon-box {
    margin-top: 0;
}

.style2 .promoservice-wrap .feature-list .content-overlay::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    background-color: rgba(0, 0, 0, 0.55);
    opacity: 1;
}

/*--------------------------------------------------------------
## About Us section
--------------------------------------------------------------*/
.about_us_front .about-wrapper {
    display: flex;
    gap: 2em;
    align-items: center;
    justify-content: center;
}

.layouttwo.about_us_front .about-wrapper {
    flex-direction: row-reverse;
}

.layoutthree.about_us_front .about-wrapper {
    flex-direction: column;
}

.about_us_front .about-wrapper .about-left {
    width: 45%;
}

.about_us_front .about-wrapper .about-right {
    width: 55%;
}

.layoutthree.about_us_front .about-wrapper .about-left,
.layoutthree.about_us_front .about-wrapper .about-right {
    width: 100%;
}

.about_us_front .about-wrapper .about-left img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.about-wrapper .aboutsuper-title {
    font-weight: 600;
    font-size: 18px;
    color: var(--theme-color);
    display: block;
    margin-bottom: 10px;
}

/* .about_us_front .about-wrapper .section-title {
    font-size: 40px;
    margin-bottom: 25px;
} */

.about_us_front ul.check-square li,
.about_us_front ul.check-circle li {
    margin-bottom: 8px;
    list-style: none;
    display: inline-flex;
}

ul.check-square li,
ul.check-circle li {
    margin-bottom: 5px;
    list-style: none;
    display: inline-flex;
    line-height: 1.5;
}

.about_us_front ul.check-square li:before,
.about_us_front ul.check-circle li:before {
    font-size: 20px;
}

ul.check-square li:before {
    content: "\f14a";
    font-family: var(--icon-font);
    color: var(--theme-color);
    font-size: 18px;
    margin-right: 8px;
}

ul.check-circle li:before {
    content: "\f058";
    font-family: var(--icon-font);
    color: var(--theme-color);
    font-size: 18px;
    margin-right: 8px;
}


/***
* About Section Achiment Item ( Sucess Counter )
*/
.about_us_front .achivement-items {
    margin: 30px 0;
}

.about_us_front .achivement-items ul {
    padding: 0;
    margin: 0;
    display: grid;
    gap: 2em 3em;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}

.about_us_front .achivement-items ul li {
    padding: 15px;
    border-right: 1px solid var(--light-color);
    box-shadow: 0px 4px 10px var(--box-shadow);
}

.about_us_front .text-right .achivement-items {
    display: flex;
    justify-content: flex-end;
}

.about_us_front .text-center .achivement-items {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.layoutthree .achivement-items ul {
    grid-template-columns: repeat(4, 1fr);
}

.achivement-items ul li {
    display: flex;
    align-items: center;
    border-radius: 12px;
    padding: 25px;
    background-color: var(--white-color);
}

.counter-section .achivement-items ul li {
    font-size: 18px;
}

.achivement-items ul li .timer-icon {
    background: #f3f0fb;
    color: var(--icon-color);
    border-radius: 5px;
    width: 65px;
    height: 70px;
    line-height: 1;
    font-size: 35px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.achivement-items ul li .timer-content {
    flex: 1;
}

.achivement-items .timer {
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    line-height: 1;
}

.counter-section .achivement-items .timer {
    color: var(--theme-color);
    font-size: 50px;
}

.achivement-items .timer::after {
    content: "+";
    margin-left: 5px;
}

.achivement-items .medium {
    display: block;
    line-height: 1.6;
}

.achivement-items .timer-content.text-center .medium {
    margin-top: 15px;
}

/**
* About Section Profile Image with Signature
*/
.layoutthree .text-center .about-profile {
    justify-content: center;
}

.about-profile {
    display: flex;
    align-items: center;
    gap: 1.2em;
    margin-top: 35px;
}

.text-right .about-profile {
    justify-content: flex-end;
}

.about-profile-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 15px;
    background-size: cover;
}

.about-profile h4 {
    margin-bottom: 0;
}

.about-signature img {
    max-width: 200px;
}

/****
* Video ( Call To Action )
*/
#video_calltoaction-section {
    background-color: var(--theme-color);
}

.calltoaction_promo_wrapper:before {
    bottom: 0;
    height: 100%;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 0.45);
}

.video_calltoaction_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.video_calltoaction_wrap::before {
    bottom: 0;
    height: 100%;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 0.45);
}

.calltoaction_full_widget_content.contact-form {
    background: #0000001f;
    text-align: left;
}

.video_calltoaction_wrap .box-shadow-ripples {
    position: absolute;
    z-index: 99;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
    color: var(--white-color);
    text-align: center;
    background: var(--theme-color);
    border-radius: 50%;
    border: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 0 16px rgba(255, 255, 255, 0.5);
}

.video_calltoaction_wrap .box-shadow-ripples:before {
    position: absolute;
    content: "";
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    border-radius: 50%;
    box-shadow: 0 0 rgba(255, 255, 255, 0.2), 0 0 0 16px rgba(255, 255, 255, 0.2), 0 0 0 32px rgba(255, 255, 255, 0.2), 0 0 0 48px rgba(255, 255, 255, 0.2);
    animation: ripples 1s linear infinite;
    animation-play-state: running;
    opacity: 1;
    visibility: visible;
    transform: scale(0.8);
    z-index: 0;
}

.video_calltoaction_wrap .box-shadow-ripples:hover:before {
    animation-play-state: paused;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

@keyframes ripples {
    to {
        box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.2), 0 0 0 32px rgba(255, 255, 255, 0.2), 0 0 0 48px rgba(255, 255, 255, 0.2), 0 0 0 64px rgba(255, 255, 255, 0);
    }
}

/*****
** Full Promo Banner( Call To Action )
*/
.calltoaction_promo_wrapper .section-wrap .inner-section-wrap {
    color: var(--white-color);
}

.cta-innerwrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.cta-left.cta-innerwrapper {
    flex-direction: row-reverse;
}

.cta-innerwrapper.cta-center {
    flex-direction: column;
    gap: 4rem;
}

.cta-innerwrapper.withimage .cat-content-wrap,
.cta-innerwrapper.withimage .cat-image-wrap {
    width: 50%;
}

.cta-innerwrapper.withimage.cta-center .cat-content-wrap,
.cta-innerwrapper.withimage.cta-center .cat-image-wrap {
    width: 100%;
}

.cta-innerwrapper.withimage.cta-left .cat-content-wrap,
.cta-innerwrapper.withimage.cta-right .cat-image-wrap {
    width: 50%;
}

.calltoaction_promo_wrapper .section-title {
    font-size: 40px;
    color: inherit;
}

.calltoaction_promo_wrapper .section-text {
    padding: 0 0 40px;
    font-size: 20px;
}

.calltoaction_promo_wrapper .calltoaction_full_widget_content .calltoaction_subtitle {
    width: 80%;
    font-size: 20px;
}

.calltoaction_promo_wrapper.text-center .calltoaction_full_widget_content .calltoaction_subtitle {
    margin: 0 auto;
}

.calltoaction_promo_wrapper.text-left .calltoaction_full_widget_content .calltoaction_subtitle {
    margin-left: 0;
    width: auto;
}

.calltoaction_promo_wrapper.text-right .calltoaction_full_widget_content .calltoaction_subtitle {
    margin-right: 0;
    width: auto;
}

.calltoaction_promo_wrapper .calltoaction_button_wrap {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1.5em;
}

/****
** Service Section
*/
.service-section .section-title-wrapper {
    margin-bottom: 70px;
}

.service-section .feature_detail {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.service-section .feature_detail .feature_img {
    align-items: center;
    width: calc(100% - 850px);
    display: flex;
    justify-content: center;
}

.service-section .feature_detail .feature_img img {
    max-width: 100%;
}

.service-section .feature_detail .feature_box {
    max-width: 440px;
}

.service-section .feature_detail .left_data {
    text-align: right;
}

.service-section .feature_detail .feature_box .data_block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
    padding: 20px;
    background: var(--white-color);
    box-shadow: 0 2px 25px 0 var(--box-shadow);
    border-radius: 15px;
}

.service-section .feature_detail .feature_box .data_block:last-child {
    margin-bottom: 0;
}

.service-section .feature_detail .feature_box .data_block .text p {
    margin: 10px 0;
}

.service-section .feature_detail .left_data .data_block .icon {
    order: 2;
}

/****
* Service Layout ( two )
*/
.service-section.style2 .d-grid {
    gap: 0;
}

.service-section.style2 .service-block:nth-child(2),
.service-section.style2 .service-block:nth-child(5),
.service-section.style2 .service-block:nth-child(8) {
    display: flex;
    flex-direction: column-reverse;
}

.service-section.style2 .service-block figure,
.service-section.style2 .service-block .bottom-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.service-section.style2 .service-block figure {
    position: relative;
    overflow: hidden;
}

.service-section.style2 .service-block figure img {
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
    object-fit: cover;
    min-height: 400px;
}

.service-section.style2 .service-block figure img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.service-section.style2 .service-block .bottom-content {
    padding: 15px;
    background: #efefef;
}

.service-section.style2 .service-block .bottom-content h4 {
    margin-top: 15px;
}

.service-section.style2 .service-block .bottom-content .icon-box {
    width: 100px;
    height: 100px;
    background-color: var(--theme-color);
    margin-bottom: 10px;
    position: relative;
    /* clip-path: path("M1.92133 53.4337C-1.28975 65.0875 -1.11481 77.4886 7.42925 85.5867C21.5264 98.9453 46.3572 101.088 63.3776 99.5875C70.6576 98.9453 78.0109 97.3572 84.5233 93.2994C91.0358 89.2416 96.6679 82.4572 98.897 73.8979C102.52 59.9846 96.6453 45.0729 89.5911 33.3316C83.7389 23.5929 76.8484 14.6132 68.4736 8.26082C51.329 -4.74165 33.1912 -2.704 20.1607 16.5749C14.3367 25.181 5.78703 39.392 1.92133 53.4337Z"); */
}

.service-section.style2 .service-block .bottom-content .icon-box:before {
    content: "";
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    right: 10px;
    top: 10px;
    clip-path: path("M1.53706 42.747C-1.0318 52.07 -0.891847 61.9909 5.9434 68.4693C17.2211 79.1562 37.0858 80.8704 50.7021 79.67C56.5261 79.1562 62.4087 77.8858 67.6187 74.6395C72.8286 71.3933 77.3343 65.9658 79.1176 59.1183C82.016 47.9877 77.3162 36.0583 71.6729 26.6653C66.9911 18.8743 61.4787 11.6905 54.7789 6.60865C41.0632 -3.79332 26.553 -2.1632 16.1286 13.2599C11.4694 20.1448 4.62963 31.5136 1.53706 42.747Z");
    background-color: var(--white-color);
}

.service-section.style2 .service-block .bottom-content .icon-box i {
    color: var(--icon-color);
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}

.service-section.style2 .service-block .bottom-content p {
    margin-top: 0;
}

/****
** Our Client Brand Logo ( Slider & List ) Layout One & Two
*/
.client-list .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.client-list .client-logo-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.client-list .client-logo-list .item {
    padding: 20px;
    flex-basis: 20%;
    text-align: center;
}

.client-list .item img {
    margin: 0 auto;
    transition: .4s all;
    max-height: 190px;
    max-width: 200px;
    cursor: pointer;
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
}

.client-list .item img:hover {
    filter: grayscale(1);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

/*--------------------------------------------------------------
## Succes Counter
--------------------------------------------------------------*/
.counter-wrap .achivement-items {
    padding-top: 15px;
}

.counter-wrap .achivement-items ul {
    padding: 0;
    margin: 0;
}

.counter-wrap .achivement-items .counter_prefix,
.counter-wrap .achivement-items .counter_suffix {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    line-height: 1;
    color: var(--theme-color);
}

.counter-wrap .achivement-items .timer::after {
    display: none;
}

/*--------------------------------------------------------------
## Our Team Member Section
--------------------------------------------------------------*/
.team-section .team-item {
    display: grid;
}

.team-section .box {
    text-align: center;
    background: var(--white-color);
    position: relative;
}

.team-section.style1 .box figure img {
    object-fit: cover;
}

.team-section.style1 .box .team-wrap {
    padding: 20px 20px 30px;
}

.team-section .team-wrap h3 {
    margin-bottom: 0;
    font-size: 25px;
}

.team-section .team-wrap span {
    display: block;
    color: var(--theme-color);
    margin: 0 0 10px;
    font-weight: 600;
}

/**
* Team Layout Two
*/
.team-section.style2 .box figure {
    float: left;
    width: 50%;
}

.team-section .box figure {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.team-section .box figure img {
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
}

.team-section .box figure img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}


.team-section.style2 .box .team-wrap {
    float: right;
    width: 50%;
    padding: 20px;
}

.team-section.style2 .box {
    border-radius: 8px;
    box-shadow: 0 2px 25px 0 var(--box-shadow);
    display: flex;
}

.team-section.style2 .box figure img {
    width: 100%;
    height: 100%;
    border-radius: 6px 0 0 6px;
    object-fit: cover;
}

.team-section.style2 .box figure img:hover {
    border-radius: 6px 0 0 6px;
}

.team-section.style2 .box:hover {
    transition: 0.3s;
}

/**
* Team Member Social Icon
*/
.team-section ul.sp_socialicon {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.team-section.layout_one ul.sp_socialicon {
    margin-top: 15px;
}

.team-section ul.sp_socialicon li {
    display: inline-block;
    margin-right: 10px;
}

.team-section ul.sp_socialicon li:last-child {
    margin: 0;
}

.team-section ul.sp_socialicon li a i {
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: var(--white-color);
    background: var(--theme-color);
}

.team-section ul.sp_socialicon li a i.fa-facebook-f {
    background: #3b5998;
}

.team-section ul.sp_socialicon li a i.fa-twitter {
    background: #1da1f2;
}

.team-section ul.sp_socialicon li a i.fa-google {
    background: #db4c3f;
}

.team-section ul.sp_socialicon li a i.fa-linkedin-in {
    background: #1178b3;
}

.team-sectionul.sp_socialicon li a i.fa-youtube {
    background: #d20014;
}

.team-section ul.sp_socialicon li a i:hover {
    background: var(--theme-color);
    color: var(--white-color);
    border-color: var(--theme-color)
}

/**
* Testimonial
*/
#testimonial_slider {
    max-width: 650px;
    margin: 0 auto;
}

.testimonial-block .testimonial_slide_box,
.testimonial-section .total_review {
    text-align: center;
}

.testimonial-block .rating {
    margin-bottom: 20px;
}

.testimonial-block .rating i {
    color: var(--yellow-color);
    font-size: 20px;
}

.testimonial-block .review p {
    font-size: 22px;
    line-height: 1.6;
}

.testimonial-block .testimonial_slide_box .testimonial_img img {
    margin: 0 auto;
    width: inherit;
    border-radius: 100%;
}

.testimonial-block .testimonial_slide_box h3 {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 15px;
}

.testimonial-block .social-icon li {
    display: none;
    margin-right: 6px;
}

.testimonial_author_text ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin-top: 20px;
    justify-content: center;
}

.testimonial_author_text ul li i {
    margin: 0 6px;
    color: var(--white-color);
    border-radius: 50%;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    background: rgb(0 0 0 / 20%);
    display: flex;
    align-items: center;
    justify-content: center;
}

/**
* Testimonial Layout Two
*/
.style2 .testimonial_author {
    display: flex;
    justify-content: center;
}

.style2 .testimonial_author .testimonial_img {
    margin-right: 20px;
}

.style2 .testimonial_author .testimonial_img img {
    margin: 0 auto;
    width: 80px;
}

.testimonial-section .total_review a {
    color: var(--theme-color);
    font-weight: 700;
    font-style: italic;
}

.testimonial-section .avtar_faces {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 100%;
}

.testimonial-section .avtar_faces img {
    max-width: 100%;
}

/** *****
** Contact Section ( Google Map, Contact Form and Quick info Social Icon )
*/
#contact-section .section-wrap {
    margin: 0;
}

.section.contact-section {
    padding: 0;
}

.contact-detail-toggle {
    position: absolute;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    left: 50%;
    margin-left: -25px;
    top: 0;
    background: var(--theme-color);
    color: var(--white-color);
    font-size: 26px;
    cursor: pointer;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-detail-toggle i {
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.contact-detail-toggle.open i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.contact-detail-toggle.closed i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.contact-content {
    background: var(--white-color);
    display: grid;
    grid-template-columns: 1fr 450px;
    min-height: 400px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.contact-content.box-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}

/***
* Get in Touch Contact Form Style
*/
.contact-form {
    padding: 30px;
}

.contact-form p {
    margin-top: 0;
    line-height: 1.6;
}

.contact-form textarea {
    height: 100px;
    background: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid var(--border-color);
    padding-left: 0;
    padding-right: 0;
    resize: none;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="url"],
.contact-form input[type="password"],
.contact-form input[type="search"],
.contact-form input[type="number"],
.contact-form input[type="tel"],
.contact-form input[type="range"],
.contact-form input[type="date"],
.contact-form input[type="month"],
.contact-form input[type="week"],
.contact-form input[type="time"],
.contact-form input[type="datetime"],
.contact-form input[type="datetime-local"],
.contact-form input[type="color"] {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid var(--light-color);
    background: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/**
* Contact Quick Information
*/
.contact-detail {
    background: var(--theme-color);
    padding: 30px;
}

.contact-detail h3 {
    color: var(--white-color);
    margin-bottom: 25px;
}

.get-touch-contact .get-touch {
    display: inline-flex;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    align-items: center;
    border-radius: 12px;
    background-color: var(--white-color);
    border-right: 1px solid #f4f4f4;
    box-shadow: 0px 4px 10px #ede9fe;
}

.get-touch-contact .get-touch .get-touch-icon {
    background: var(--white-color);
    border-radius: 100%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 35px;
    margin-right: 20px;
    text-align: center;
}

.get-touch-contact .get-touch .get-tuch-info {
    flex: 1;
}

.get-tuch-title {
    font-weight: bold;
}

.get-tuch-info p {
    line-height: 1.3;
    margin: 0;
}

/** Contact Quick Information ( Social Icon ) **/
.contact-social-icon ul {
    display: flex;
    padding: 20px 0;
    justify-content: center;
    list-style: none;
}

.contact-social-icon ul li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--white-color);
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
    font-size: 18px;
}

.contact-detail-enable #google-map {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#google-map,
#google-map>iframe {
    min-height: 600px;
}

.contact-detail-enable .section-wrap {
    padding: 100px 0;
}

.contact-google-map {
    width: 100%;
}

.window-height #google-map {
    height: 100vh;
}

#google-map>iframe {
    height: 100%;
    width: 100%;
    display: block;
    min-height: 600px;
}

/*--------------------------------------------------------------
## Portfolio Section
--------------------------------------------------------------*/
.recentwork-section .section-title-wrapper {
    margin: 0 10px 45px 10px;
}

.recentwork-section .d-grid {
    gap: 1em;
}

/* Portfolio Slider Images */
.portfolio-slider .owl-item .screen-img img {
    transform: scale(.9);
    border-radius: 20px;
    transition: 1s all;
    margin: 0 auto;
}

.portfolio-slider .owl-item.center .screen-img img {
    transform: scale(1);
    border: 2px solid var(--theme-color);
}


/**
* Portfolio Grid Images List 
*/
.gallery-wrapper .gallery-item {
    position: relative;
    overflow: hidden;
}

.gallery-wrapper .gallery-item .gallery-item-wrapper img {
    -o-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    width: 100%;
}

.gallery-button {
    position: absolute;
    text-align: right;
    bottom: 0;
    right: 0;
    z-index: 33;
    background: var(--theme-color);
    opacity: 0;
    padding: 8px 10px 8px 15px;
    border-radius: 30px 0 0 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.gallery-wrapper .gallery-item:hover .gallery-button {
    opacity: 1;
}

.gallery-button .btn {
    padding: 0;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: var(--white-color);
    z-index: 99;
}

.gallery-button .btn i {
    color: var(--theme-color);
    margin: 0;
}

.gallery-wrapper .gallery-item .caption {
    position: absolute;
    display: flex;
    top: 0;
    background: rgba(0, 0, 0, 0.45);
    width: 100%;
    height: 100%;
    color: var(--white-color);
    padding: 15px;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .55s cubic-bezier(.645, .045, .355, 1);
    transition: all .55s cubic-bezier(.645, .045, .355, 1);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
}

.gallery-wrapper .gallery-item:hover .caption {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .55s cubic-bezier(.645, .045, .355, 1);
    transition: all .55s cubic-bezier(.645, .045, .355, 1);
}


/***** Advance Portfolio page **/
.recentwork-wrap .recentwork-list {
    position: relative;
    overflow: hidden;
}

.recentwork-list figure img {
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
}

.recentwork-list figure img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    cursor: pointer;
}

.recentwork-wrap .content-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.55);
    padding: 25px;
    text-align: center;
}

.recentwork-wrap .content-wrap h4{
    margin-bottom: 10px;
}

.recentwork-wrap .content-wrap a {
    color: var(--white-color);
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.recentwork-wrap .content-wrap a:hover {
    color: var(--link-hover-color);
}

.portfolio-slider .recentwork-list {
    transform: scale(.9);
    border-radius: 20px;
}

.portfolio-slider .owl-item.center .recentwork-list {
    transform: scale(1);
    border: 3px solid var(--theme-color);
}

/***
* How It Works Section 
*/
.how_it_works .step_block .step_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 30px;
}

.how_it_works .step_block .step_item:last-child {
    margin-bottom: 0;
}

.how_it_works .step_block .step_item::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    width: 6px;
    height: calc(100% + 100px);
    background-color: var(--theme-color);
}

.how_it_works .step_block .step_item:first-child::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translateX(-50%);
    width: 15px;
    height: 15px;
    background-color: var(--theme-color);
    border-radius: 15px;
}

.how_it_works .step_block .step_item:first-child::before {
    top: 0;
}

.how_it_works .step_block .step_item:last-child::before {
    height: 50%;
    top: 0;
}

.how_it_works .step_block .step_item .step_text,
.how_it_works .step_block .step_item .step_img {
    width: 40%;
    text-align: right;
    position: relative;
}

.how_it_works .step_block .step_item .step_text {
    padding: 20px;
    background: var(--white-color);
    box-shadow: 0 2px 25px 0 var(--box-shadow);
    border-radius: 10px;
}

.how_it_works .step_block .step_item .step_text p {
    margin: 10px 0;
}

.how_it_works.style1 .step_text:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: #ff090900;
    top: 40%;
    border-width: 17px;
    right: -33px;
    border-left-color: var(--white-color);
}

.how_it_works.style1 .step_block .step_item:nth-child(2n) .step_text:before {
    transform: rotate(180deg);
    left: -33px;
    right: unset;
}

.how_it_works .step_block .step_item .step_img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}

.how_it_works .step_block .step_item .step_img img {
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
}

.how_it_works .step_block .step_item .step_img img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.how_it_works .step_block .step_item:nth-child(2n) {
    flex-direction: row-reverse;
}

.how_it_works .step_block .step_item:nth-child(2n) .step_text,
.how_it_works .step_block .step_item:nth-child(2n) .step_img {
    text-align: left;
}

.how_it_works .step_block .step_item .step_number {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 100%;
    background: var(--white-color);
    border: 5px solid rgba(var(--theme-rgb-color), 62%);
    box-shadow: 0 0px 8px rgba(var(--theme-rgb-color), 46%), 0 0 #eee inset, 0 0 #eee inset;
}

.how_it_works .step_number h2 {
    font-size: 28px;
    color: var(--theme-color);
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid rgba(var(--theme-rgb-color), 72%);
    border-radius: 100%;
    margin: 0;
    box-shadow: 0 2px 15px rgba(var(--theme-rgb-color), 50%), 1px 0 rgba(var(--theme-rgb-color), 50%) inset, -1px 0 rgba(var(--theme-rgb-color), 50%) inset;
}

/*--------------------------------------------------------------
## Blog Grid List
--------------------------------------------------------------*/
.blog-post-thumbnail {
    overflow: hidden;
}

.blog-post-thumbnail img {
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
}

.blog-post-thumbnail img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.blog-item .box-content {
    background-color: var(--white-color);
    padding: 20px;
    border-radius: 0 0 15px 15px;
    box-shadow: 0px 4px 30px #ede9fe;
}

.blog-section .box-content h4 {
    font-weight: 500;
}

.blog-section .entry-meta.info {
    padding: 0 0 15px;
    margin: 0;
}

/**
* bottom and top seprator 
*/
.section-seperator {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
}

.top-section-seperator {
    top: -8px;
}

.bottom-section-seperator {
    bottom: -9px;
}

.banner-wrapper .bottom-section-seperator {
    bottom: 0;
}

.section-seperator svg {
    height: 100%;
    width: 100%;
}

.svg-water-waves-wrap svg,
.svg-water-waves-wrap {
    min-height: 80px;
}

.svg-clouds-wrap svg,
.svg-clouds-wrap,
.svg-droplets-wrap svg,
.svg-droplets-wrap {
    min-height: 150px;
}

.svg-paper-cut-wrap svg,
.svg-paper-cut-wrap {
    max-height: 120px;
}

.top-section-seperator.svg-big-triangle-left-wrap svg,
.top-section-seperator.svg-tilt-left-wrap svg {
    -webkit-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
}

.top-section-seperator.svg-big-triangle-rigwrap svg,
.top-section-seperator.svg-curve-center-wrap svg,
.top-section-seperator.svg-clouds-wrap svg,
.top-section-seperator.svg-tilt-rigwrap svg,
.top-section-seperator.svg-uniform-waves-wrap svg,
.top-section-seperator.svg-water-waves-wrap svg,
.top-section-seperator.svg-slanted-waves-wrap svg,
.top-section-seperator.svg-zigzag-wrap svg,
.bottom-section-seperator.svg-big-triangle-center-wrap svg,
.bottom-section-seperator.svg-curve-repeater-wrap svg,
.bottom-section-seperator.svg-droplets-wrap svg,
.bottom-section-seperator.svg-small-triangle-center-wrap svg,
.bottom-section-seperator.svg-big-waves-wrap svg,
.bottom-section-seperator.svg-paper-cut-wrap svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bottom-section-seperator.svg-big-triangle-rigwrap svg,
.bottom-section-seperator.svg-tilt-rigwrap svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.top-section-seperator svg,
.bottom-section-seperator svg {
    fill: var(--theme-color);
}

/* slider controls
--------------------------------------------- */
.portfolio-slider.owl-carousel .owl-dots,
.testimonial-block.owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 30px;
}

.testimonial-block.owl-carousel .owl-dots {
    margin-bottom: 40px;
}

.portfolio-slider.owl-carousel .owl-dots button,
.testimonial-block.owl-carousel .owl-dots button {
    display: block;
    width: 35px;
    height: 15px;
    background-color: var(--light-color);
    border-radius: 15px;
    margin: 0 5px;
}

.portfolio-slider.owl-carousel .owl-dots button.active,
.testimonial-block.owl-carousel .owl-dots button.active {
    background-color: var(--theme-color);
}



/**
* scrollTop To Top
*/

#back-to-top {
    position: fixed;
    right: 40px;
    bottom: 40px;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
    z-index: 10;
    background-color: transparent;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#back-to-top.show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#back-to-top svg path {
    fill: none
}

#back-to-top svg.progress-circle path {
    stroke: var(--theme-color);
    stroke-width: 3;
}

.arrow-top {
    border-bottom: 2px solid;
    border-left: 2px solid;
    height: 8px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 8px;
    position: absolute;
    left: 20px;
    top: 15px;
    color: var(--theme-color);
}

.arrow-top-line {
    height: 14px;
    left: 50%;
    position: absolute;
    top: 16px;
    width: 2px;
    margin-left: 0;
    background: var(--theme-color);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/**
* Contact 7 Plugins defult css
*/

.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] {
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    text-align: center;
    text-transform: uppercase;
    padding: 10px 35px;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 900;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="button"]:hover {
    background: transparent;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}

/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.post,
.page {
    margin: 0 0 0;
}

.articlesListing .article.post,
.articlesListing .article.page {
    margin: 0;
}

.layout-masonry .articlesListing.d-grid-column-2 .article.post,
.layout-masonry .articlesListing.d-grid-column-3 .article.post {
    margin-bottom: 35px;
}

.updated:not(.published) {
    display: none;
}

.widget-area,
.content-area {
    margin: 1.5em 0 1.5em;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.entry-footer {
    text-align: right;
}

.entry-footer .edit-link a {
    color: var(--theme-color);
}

/***
* Blog Post List
*/

.article .box-content {
    padding: 15px 20px 30px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 4px 30px #ede9fe;
}

.sidebar-no .article .box-content{
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}

/* .d-grid-column-3 .article .box-content h3,
.d-grid-column-2 .article .box-content h3 {
    font-size: 24px;
    font-weight: 500;
} */

.cat-links a{
    color: #546E7A;
}
.cat-links a:hover{
    color: var(--link-hover-color);
}

.article .box-content h3 {
    font-size: 24px;
    /* font-weight: 500; */
    line-height: 1.3;
    /* margin: 15px 0; */
}

.entry-meta.info {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
    gap: 0 0.8rem;
    color: #546E7A;
}

.text-center .entry-meta.info {
    justify-content: center;
}

.text-right .entry-meta.info {
    justify-content: end;
}

.entry-meta.info .avatar{
    border-radius: 50%;
    margin-right: 5px;
    top: -2px;
    position: relative;
    border: 1px solid var(--widget-bg-color);
    padding: 2px;
}

.entry-meta.info .author a {
    color: var(--theme-color);
    text-transform: capitalize;
}

.btns {
    margin-top: 25px;
}

/*** 
 * Single Post Page 
*/
.singlearticle {
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 4px 30px #ede9fe;
}

.singlearticle .video,
.singlearticle .audio,
.singlearticle .wp-block-quote,
.singlearticle .blog-post-thumbnail,
.singlearticle h3 {
    margin-bottom: 20px;
}

.singlearticle h3.title,
.singlearticle .entry-meta.info,
.singlearticle .articlewrap {
    padding: 10px 20px;
    margin: 0;
}

span.comments-link {
    display: none;
}
.singlearticle .comments-link {
    display: block;
}

/*****
* Pagination Type
*/
.pagination {
    text-align: center;
    padding: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-numbers {
    display: inline-block;
    border: 1px solid var(--theme-color);
    margin: 0 5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: transparent;
    border-radius: 5px;
    font-weight: 700;
    color: var(--theme-color);
}

.page-numbers.current {
    background: var(--theme-color);
    color: var(--white-color);
}

.page-numbers:hover {
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: var(--white-color);
}

.pagination .next.page-numbers,
.pagination .prev.page-numbers {
    padding: 0 15px;
    margin-left: 15px;
    width: auto;
}

.pagination .next.page-numbers span {
    margin-right: 10px;
}

.pagination .prev.page-numbers span {
    margin-left: 10px;
}

.pagination .next.page-numbers:hover,
.pagination .prev.page-numbers:hover {
    background: transparent;
    color: var(--theme-color);
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

textarea#comment {
    border-radius: 5px;
}

.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"] {
    width: 100%;
    border-radius: 5px;
}

.comment-form-cookies-consent label {
    margin-left: 14px;
}

.comment-form-cookies-consent {
    display: flex;
    align-items: center;
}

/* Comment List */

.comments-area ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-area ol.children {
    margin: 0 0 0 15px;
}

.comment-list .comment-body {
    padding: 20px;
    margin-bottom: 20px !important;
    background: none;
    border: 1px solid var(--widget-bg-color);
    background-color: var(--widget-bg-color);
    border-radius: 5px;
}

.comment-author img {
    vertical-align: text-top;
    margin-right: 15px;
    border: 1px solid var(--border-color);
    padding: 3px;
    border-radius: 50%;
}

.comment-author {
    float: none;
}

.comment-metadata {
    font-size: 12px;
    margin-top: -12px;
    padding-left: 50px;
}

.comment-content p {
    margin: 0;
}

.comment-author .fn {
    font-style: normal;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
}

.comment-author .fn .url {
    color: var(--body-color);
    padding: 0;
    font-size: 18px;
}

.comment-author .fn .url:hover {
    color: var(--link-hover-color);
}

.comment-author .says {
    display: none;
}

.commentmetadata {
    float: right;
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
}

.comment-metadata a {
    color: #969696;
}

.commentmetadata .comment-edit-link {
    color: var(--theme-color);
}

.commentmetadata+.clear {
    margin-bottom: 20px;
}

.reply .comment-reply-link {
    background: none repeat scroll 0 0 var(--theme-color);
    color: var(--white-color);
    font-size: 12px;
    line-height: 20px;
    padding: 0 10px;
    display: inline-block;
    border-radius: 25px;
}

/* #respond, */
.comments-area {
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 4px 30px #ede9fe;
    margin-bottom: 20px;
}

#commentform .form-submit {
    margin-bottom: 0;
    text-align: right;
}

.comment-form input[type="submit"] {
    border-radius: 6px;
    padding: 12px 20px;
    cursor: pointer;
    border: 1px solid;
}

.comment-form input[type="submit"]:hover {
    background: transparent;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}

#cancel-comment-reply-link {
    font-style: italic;
    color: var(--theme-color);
}

#cancel-comment-reply-link:before {
    font-family: var(--icon-font);
    content: "\f057";
    margin: 0 5px 0 20px;
    font-style: normal;
    color: var(--theme-color);
}

.logged-in-as a {
    color: var(--theme-color);
}

/* Author Box
--------------------------------------------- */
.author-box {
    background-color: var(--light-purple);
    padding: 20px;
    margin: 40px 0;
    border-radius: 5px;
    box-shadow: 0px 4px 30px #ede9fe;
    display: flow-root;
}

.author .author-box{
    margin-top: 0;
}

.author-avatar {
    float: left;
    margin-right: 25px;
}

.author-avatar img {
    border-radius: 10px;
    width: 100px;
    height: 100px;
}

.author-content h5 {
    margin-bottom: 5px;
    text-transform: capitalize;
}

/* Related Posts
--------------------------------------------- */
.related.posts .related-title {
    background-color: var(--light-purple);
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 4px 30px #ede9fe;
    margin-bottom: 20px;
}

/* Error 404
--------------------------------------------- */
.error-404.not-found {
    margin-bottom: 150px;
}

.error-404.not-found h1 {
    font-size: 250px;
}

/* Search Page
--------------------------------------------- */
.search .page-header {
    margin-bottom: 20px;
}

.search .page-title span {
    padding: 4px 20px;
    border: 2px dotted var(--theme-color);
}


/* Footer
--------------------------------------------- */
.d-grid.col-3-1-2 {
    grid-template-columns: 27% 70%;
}

.d-grid.col-3-2-1 {
    grid-template-columns: 70% 27%;
}

.d-grid.col-4-1-1-2 {
    grid-template-columns: 27% 27% 40%;
}

.d-grid.col-4-2-1-1 {
    grid-template-columns: 40% 27% 27%;
}

.d-grid.col-4-1-2-1 {
    grid-template-columns: 27% 40% 27%;
}

.d-grid.col-4-1-3 {
    grid-template-columns: 27% 70%;
}

.d-grid.col-4-3-1 {
    grid-template-columns: 70% 27%;
}

.footer-seprator {
    position: relative;
}

.footer-seprator .section-seperator {
    position: relative;
    top: 0;
}

.site-footer {
    padding: 45px 0;
    background: var(--body-color);
    color: var(--white-color);
    position: relative;
}

.site-footer .h1,
.site-footer h1,
.site-footer .h2,
.site-footer h2,
.site-footer .h3,
.site-footer h3,
.site-footer .h4,
.site-footer h4,
.site-footer .h5,
.site-footer h5,
.site-footer .h6,
.site-footer h6 {
    color: var(--white-color);
}

.site-footer .widget .widget-title {
    font-size: 24px;
    margin-bottom: 15px;
    text-transform: capitalize;
    color: var(--white-color);
}

.site-footer ul.wp-block-page-list,
.site-footer .widget_recent_entries ul,
.site-footer .widget_meta ul,
.site-footer .widget_archive ul,
.site-footer .widget_categories ul,
.site-footer .widget_nav_menu ul {
    list-style-type: none;
    padding: 0;
}

.site-footer ul.wp-block-page-list li ul,
.site-footer .widget_recent_entries ul li ul,
.site-footer .widget_meta ul li ul,
.site-footer .widget_archive ul li ul,
.site-footer .widget_categories ul li ul,
.site-footer .widget_nav_menu ul li ul {
    margin-left: 10px;
    margin-bottom: 0;
}

.site-footer ul.wp-block-page-list li.menu-item-has-children,
.site-footer .widget_recent_entries ul li.menu-item-has-children,
.site-footer .widget_meta ul li.menu-item-has-children,
.site-footer .widget_archive ul li.menu-item-has-children,
.site-footer .widget_categories ul li.menu-item-has-children,
.site-footer .widget_nav_menu ul li.menu-item-has-children {
    padding-bottom: 0;
}

.site-footer ul.wp-block-page-list li,
.site-footer .widget_recent_entries ul li,
.site-footer .widget_meta ul li,
.site-footer .widget_archive ul li,
.site-footer .widget_categories ul li,
.site-footer .widget_nav_menu ul li {
    padding: 5px 0;
    font-size: 18px;
}

.site-footer ul.wp-block-page-list li a::before,
.site-footer .widget_recent_entries ul li a::before,
.site-footer .widget_meta ul li a::before,
.site-footer .widget_archive ul li a::before,
.site-footer .widget_categories ul li a::before,
.site-footer .widget_nav_menu ul li a::before {
    content: "\f14a";
    font-family: var(--icon-font);
    font-weight: 900;
    margin-right: 6px;
}

.site-footer a {
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    color: var(--white-color);
}

.site-footer a:hover {
    color: var(--theme-color);
}


.widget_recent_entries li .wp-block-latest-posts__featured-image+a:before {
    display: none;
}

.site-footer .post-date {
    display: none;
}

.sub_footer {
    background: #000;
    text-align: center;
    color: #8c8c8c;
    padding: 20px 0;
    border-top: 1px solid var(--theme-rgb-color);
    font-size: 18px;
}

.copyright {
    font-weight: 600;
}

.copyright a {
    color: var(--theme-color);
}

.copyright a:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

.widget select,
.widget input,
.widget textarea {
    padding-left: 15px;
    font-size: 18px;
    background-color: #f0f0f0;
    border: none;
    height: 60px;
    border-radius: 5px;
    font-weight: 500;
    width: 100%;
}

.widget textarea {
    height: auto;
}

.widget-area .widget {
    padding: 15px;
    background-color: var(--widget-bg-color);
    border-radius: 5px;
}

.widget-area .widget h2 {
    font-size: 26px;
    margin-bottom: 20px;
    text-transform: capitalize;
    line-height: 1.2;
}

.widget-area .widget ul {
    margin: 0;
    padding: 0;
}

.widget-area .widget ul li {
    display: flex;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    background-color: var(--white-color);
    border-radius: 2px;
    line-height: 1.5;
}

.widget-area .widget ul li .comment-author-link {
    display: none;
}

.widget-area .widget ul li:last-child {
    margin-bottom: 0;
}

/* .widget-area .widget ul li a:before {
    content: "";
    font-family: var(--icon-font);
    font-weight: 900;
    margin-right: 6px;
} */

/* .widget-area .widget ul.wp-block-social-links li a::before {
    display: none;
} */

.widget-area .widget ul.wp-block-social-links li {
    margin-bottom: 0;
}

.widget-area .widget ul li:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
}

.widget-area .widget ul li:hover a {
    color: var(--white-color);
}

.widget-area .widget ul li:hover a:before {
    color: var(--white-color);
}

.widget-area .widget ul li span {
    color: var(--light-color);
    background-color: var(--theme-color);
    width: 40px;
    text-align: center;
    font-size: 12px;
    margin-left: 8px;
    border-radius: 5px;
}

.widget_tag_cloud p {
    margin: 0;
}

.wp-block-tag-cloud a,
.tagcloud a {
    font-size: 20px;
    line-height: 1;
    margin-right: 8px;
    color: var(--theme-color);
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    gap: 0.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

/** 
 * Search Form 
*/
.wp-block-search__button {
    margin-left: 0;
    background: var(--theme-color);
}

.widget-search {
    position: relative;
}

.widget-search input {
    padding-right: 50px;
    border-radius: 5px;
    padding-left: 30px;
    font-size: 18px;
    border: none;
    height: 54px;
    font-weight: 500;
    width: 100%;
    border: 1px solid var(--white-color);
}

.modal-inner .widget-search input {
    border: 1px solid var(--theme-color);
}

.widget-search button {
    text-align: center;
    padding: 0;
    color: var(--theme-color);
    background-color: transparent;
    border: none;
    position: absolute;
    right: 30px;
    line-height: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/** end search form */

/** Features Services **/
.has-margin-top-minus {
    margin-top: -50px !important;
    width: 100px;
    height: 100px;
    color: var(--white-color);
    background-color: var(--theme-color);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    z-index: 1;
    position: relative;
}

.has-margin-top-plus {
    width: 100px;
    height: 100px;
    color: var(--wp--preset--color--white-color);
    background-color: var(--wp--preset--color--primary);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    z-index: 1;
    position: relative;
}

.wp-block-image {
    margin:0;
}

/**************************************************************
* Responsive Mobile Menu
*/
.menu-search-form.widget_search {
    position: relative;
    margin: 10px 5px;
}

/**
* Close Menu
*/
.showing-menu-modal::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: rgba(0, 0, 0, .7);
    cursor: pointer;
}

/****
* Mobile Menu Modal
*/
.menu-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 500;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 330px;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    background-color: var(--white-color);
}

.admin-bar .menu-modal {
    top: 32px;
}

.menu-modal {
    display: flex;
    right: auto;
    left: 0;
    -webkit-transform: translate3d(-350px, 0, 0);
    transform: translate3d(-350px, 0, 0);
}

.menu-modal.active {
    left: 0;
    right: 0;
    -webkit-transform: none;
    transform: none;
    z-index: 9999;
}

.menu-modal-inner.modal-inner {
    width: 100%;
}

button.close-nav-toggle {
    font-weight: normal;
    width: 100%;
    background: transparent;
    color: #000000;
    padding: 20px;
    text-align: right;
    font-size: 18px;
    cursor: pointer;
}

/******
 * Menu Tabs
*/
.menu-modal .business-roy-tabs {
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-direction: row;
    background-color: rgba(0, 0, 0, .04);
}

.menu-modal .business-roy-tabs button {
    position: relative;
    padding: 18px 15px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease;
    color: #323232;
    background-image: none;
    border-radius: 0;
}

.menu-modal .business-roy-tabs button.width-100 {
    max-width: 100%;
}

.menu-modal .business-roy-tabs button:hover {
    box-shadow: none;
    color: var(--white-color);
}

.menu-modal .business-roy-tabs button.active {
    color: var(--white-color);
}


/**
 *  Main Menu 
*/
.modal-menu {
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.modal-menu li {
    position: relative;
    display: flow-root;
    clear: both;
}

.modal-menu li a {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 5px 20px;
    min-height: 50px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.3;
    border-bottom: 1px solid var(--border-color);
    color: var(--title-color);
    width: 100%;
}

.modal-menu li.menu-item-has-children>a {
    width: 83%;
    float: left;
}

/***********
* Sub Menu
*/
.modal-menu .sub-menu-toggle {
    padding-right: 0;
    width: 50px;
    height: 50px;
    border-left: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    color: var(--title-color);
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    float: right;
    width: 17%;
    margin: 0;
}

.sub-menu-toggle i {
    transition: transform 0.15s linear;
}

.sub-menu-toggle.active i {
    transform: rotate(180deg);
}

.modal-menu li ul.sub-menu {
    position: static;
    margin: 0;
    width: auto;
    background: 0 0;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    pointer-events: visible;
    pointer-events: unset;
    visibility: hidden;
    opacity: 0;
    height: 0;
}

.modal-menu li ul.sub-menu.active {
    opacity: 1;
    visibility: visible;
    height: auto;
}

/*****
* Mobile Menu
*/
.box-header-nav .sub-menu-toggle,
button.mobile-nav-toggle {
    display: none;
    background-color: transparent;
    padding: 0;
    font-weight: normal;
}

.toggle.nav-toggle.mobile-nav-toggle:hover {
    color: #232529;
}


@media only screen and (max-width: 600px) {

    .mobile-button-hide {
        display: none;
    }

}


@media (max-width: 992px) {
    
    .admin-bar .menu-modal {
        top: 45px;
    }

    /**
    * Mobile Menu
    */
    .sub-menu-toggle,
    button.mobile-nav-toggle {
        display: none;
        float: right;
    }

    .mobile-nav-toggle {
        cursor: pointer;
        color: #232529;
    }

    .toggle-inner {
        font-size: 22px;
    }
}

/** mobile menu */

.has-shadow-achievements {
    border-right: 1px solid var(--light-color);
    box-shadow: 0 4px 10px var(--box-shadow);
}

.video_calltoaction_wrap .box-shadow-ripples {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #fff !important;
}

.has-margin-75 {
    margin-top: -75px !important;
}

.step_text {
    position: relative !important;
}

.step_number {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 100% !important;
    background: var(--white-color);
    border: 5px solid rgba(var(--theme-rgb-color), 62%);
    box-shadow: 0 0px 8px rgba(var(--theme-rgb-color), 46%), 0 0 #eee inset, 0 0 #eee inset;
    z-index: 1;
}

.step_img {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.step_img img {
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
}

.step_img img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.how_it_works .step_block_1 .step_number:first-child::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -85px;
    transform: translateX(-50%);
    width: 15px;
    height: 15px;
    background-color: var(--theme-color);
    border-radius: 15px;
}

.step_text_left {
    position: relative;
}

.step_text_left:before {
    transform: rotate(180deg) !important;
    left: -33px !important;
    right: unset !important;
}

.step_block_1::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: calc(100% + 0px);
    background-color: var(--theme-color);
}

@media (max-width: 991px) {

    .step_block_1,
    .step_number {
        display: none !important;
    }
}