/*
Theme Name: Unique Freelancer Portfolio
Theme URI: https://www.mizanthemes.com/products/free-freelancer-wordpress-theme
Author: mizanthemes
Author URI: https://www.mizanthemes.com/
Description: The Unique Freelancer Portfolio is free and specially crafted considering the unique needs of freelancers who want to showcase their work professionally. It offers a sleek and modern design which can be beneficial for tough competition amongst competitors. The theme is most suitable for writers, photographers, designers, Portfolio projects, Portfolio presentation, Portfolio site, Portfolio management, Portfolio branding, Portfolio UI, and Portfolio UX, Portfolio content, Portfolio multimedia, Portfolio work samples, Portfolio documentation,and Portfolio statement.. The Homepage offers an excellent header section that includes an announcement Bar, a Horizontal Menu Bar, and an attractive banner to represent your core skills to potential clients. A special section to showcase past projects with short descriptions helps in building credibility and trust among clients. Further contact form plays an important role in communicating with clients and our theme leaves no stone unturned to do so, offering dedicated and highly functional contact forms that even grab data of customers. Additionally, Responsive design and SEO practices ensure easy access of the website on any type of device and website ranks on Google search engines. Unique Freelancer Portfolio Demo Link: https://preview.mizanthemes.com/unique-freelancer-portfolio/
Version: 0.1
Requires at least: 5.6
Tested up to: 6.6
Requires PHP: 7.2
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: unique-freelancer-portfolio
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-menu, custom-header, featured-images, sticky-post, full-width-template, rtl-language-support, translation-ready, theme-options, threaded-comments, footer-widgets, custom-logo, portfolio, photography, blog

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: "Josefin Sans", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none !important;
}

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

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #001837;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

h2.entry-title{
    word-wrap: break-word;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
}

body {
    line-height: 1.5;
    color: #727272;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #121212;
    font-weight: bold;
    margin: 0 0 15px 0;
    font-family: "Josefin Sans", sans-serif;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    clear: both;
}

p {
    color: #727272;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-size: 15px;
    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-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

.page-links {
    width: 100%;
    display: inline-block;
}
.entry-title  a{
color: #000;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background-color: #fff;
    /* Fallback for when there is no custom background color defined. */
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

ul,
ol {
    margin: 0 0 0.5em 1em;
    padding: 0;
}

.entry-content ul,
.entry-content ol {
    margin-left: 0;
    list-style: none;
}

li.woocommerce-MyAccount-navigation-link {
    background: #6F41C2;
    padding: 10px;
    border-radius: 15px;
    margin: 10px;
    text-align: center;
    font-weight: 600;
}

li.woocommerce-MyAccount-navigation-link a {
    color: #fff !important;
    text-decoration: none !important;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

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

table {
    margin: 0 0 1.5em;
    width: 100%;
}

td,
th {
    border: 1px solid #ddd;
    padding: 5px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
a.button,
input[type="button"],
input[type="reset"] {
    background: #6F41C2 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding: 10px 20px;
    border-radius: 10px;
}

button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: transparent;
    background-color: #121212;
    color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
    color: #fff;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
textarea,
select {
    color: #666;
    border: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"] {
    padding: 6px 0 6px 9px;
}

select {
    width: 100%;
    padding: 5px;
}

textarea {
    padding: 10px;
    width: 100%;
}
.gb_toggle{
    padding: 5px 17px;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    text-decoration: inherit;
}

a:visited {
    color: #6F41C2;
}

a:hover,
a:active {
    color: #6F41C2;
}

a:focus,
.account a:focus {
    outline: 1px dotted;
}

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

/*comment and post navigation*/
a.comment-reply-link {
    text-transform: uppercase;
}

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

#infinite-handle {
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}

#infinite-handle span:hover {
    border: 1px solid #6F41C2;
    background: #6F41C2;
    color: #fff;
}

#infinite-handle span {
    border: 1px solid #001837;
    padding: 5px 15px;
    width: auto;
    line-height: 1.5;
    color: #001837;
    display: block;
}

.post-title {
    font-size: 17px;
    word-wrap: break-word;
    margin-top: 15px;
}

.meta-nav {
    background: #6F41C2;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    margin-right: 15px;
    padding: 7px 10px;
    text-align: center;
    width: 115px;
}

.post-navigation a {
    color: #1a1a1a;
    display: block;
}

.post-navigation a:hover {
    color: #6F41C2;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    border-bottom: 4px solid #6F41C2;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    padding-left: 30px;
}

/** pagination **/
.navigation,
.pagination {
    margin-top: 15px;
}

.nav-links {
    border-top: medium none;
    margin-bottom: 20px;
    padding: 20px 0;
    overflow: hidden;
}

.navigation.pagination .nav-links .page-numbers {
    padding: 5px 10px;
    text-align: center;
}

.page-numbers.dots {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.navigation .nav-links .page-numbers.current,
.navigation .nav-links a:hover {
    background: #222 none repeat scroll 0 0;
    border-color: #2195af;
    color: #ffffff;
}

.navigation .nav-links a {
    background: #6F41C2;
    border: none;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 20px;
}

.navigation .nav-links .nav-next,
.navigation .nav-links .nav-next {
    float: right;
}

.navigation .nav-links .nav-previous,
.navigation .nav-links .nav-previous {
    float: left;
    margin-bottom: 30px;
}

.navigation .nav-links .nav-links a:hover,
.navigation .nav-links .nav-links a:hover {
    background: #00132c;
}

.post-navigation .nav-links a,
.post-navigation .nav-links a:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #001837;
    padding: 0;
}

.post-navigation .nav-links>div {
    width: 100%;
}

#mobile-trigger,
#mob-menu {
    display: none;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.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;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
/*-------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

figure.alignright {
    margin-right: 0;
}

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

.alignnone {
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear-fix::before,
.clear-fix::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after,
#featured-slider::after,
#featured-slider::before,
.widget::after,
.widget::before {
    content: "";
    display: table;
}

.clear-fix::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after,
.widget::after,
.widget::before {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 30px 0 0;
}

.widget:first-child {
    margin: 0;
}

.widget select {
    max-width: 100%;
}
.sidebar form.search-form{
    position: relative;
}
.sidebar .search-form .search-submit {
    width: 68px;
    top: 0px;
    height: 47px;
    background: #6F41C2;
    display: block;
    border: 0px;
    color: #fff;
    right: 0px;
    position: absolute;
}
.sidebar .search-form .search-submit:hover{
    background: #000;
    color: #ffffff;
}
.sidebar form input.search-field {
    margin-right: 0px;
    border: 1px solid #dddddd;
    height: 15px;
     margin-right: 0px; 
    margin-top: 0px;
    bottom: -98px;
    padding: 15px 15px 15px;
    width: 100%;
    z-index: 9999;
    right: 0;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#primary article.hentry {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    padding: 15px 15px;
    position: relative;
    margin: 50px 0px;
    border-radius: 12px;
}
#primary article.hentry.post:nth-child(1) {
    margin-top: 0px !important;
}

#primary article.hentry:hover {
    box-shadow: 0 0 20px #cfcfcf;
}

.page-header .page-title {
    margin: 0;
}

.page-header {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    margin-bottom: 20px;
    padding: 5px 30px;
}

.footer-widget-area article {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0px !important;
}

footer.entry-footer {
    margin-bottom: 25px;
}

.entry-footer>span {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    text-align: center;
}

.entry-footer>span:last-child {
    border-right: none;
}

.cat-links>a {
    margin-left: 5px;
}

.cat-links>a:first-child {
    margin-left: 0;
}

.sticky {
    display: block;
}

#primary article.sticky.hentry {
    background: #f9f9f9;
}

.hentry {
    margin: 0 0 30px;
}

.hentry:first-child {
    margin: 0;
}

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

.single .byline,
.group-blog .byline {
    display: inline-block;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.entry-footer {
    background: #ededed;
    padding: 5px;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.entry-footer>span a {
    color: #121212;
    font-size: 16px;
}

.entry-footer a:hover {
    color: #6F41C2;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}

.home .entry-content-wrapper .entry-content {
    margin: 0;
}

.entry-footer>span::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 8px;
    content: "";
    color: #6F41C2;
}

.entry-meta .byline .author.vcard {
    margin-left: -4px;
}

span.comments-link::before {
    content: "\f0e6";
    color: #6F41C2;
}

.entry-footer>.cat-links::before {
    content: "\f115";
    color: #6F41C2;
}

.entry-footer>.byline::before {
    content: "\f007";
    color: #6F41C2;
}

.entry-footer .edit-link::before {
    content: "\f044";
    color: #6F41C2;
}

.entry-footer .tags-links::before {
    content: "\f02c";
}

.entry-footer>.posted-on::before {
    content: "\f017";
    color: #6F41C2;
}

.text-content {
    clear: both;
}

.text-content p {
    font-size: 18px;
    line-height: 35px;
    color: #121212;
}

.post-button {
    bottom: -10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.post-button a {
    padding: 8px 25px;
    z-index: 3;
    background: #6F41C2 none repeat scroll 0 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.post-button a:hover {
    color: #121221;
}

/*single post CSS*/
.entry-content p {
    font-size: 18px;
}

.custom-entry-date {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
    background: #6F41C2;
}

.custom-entry-date span.entry-month {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
    padding: 8px 22px;
    text-transform: uppercase;
    width: 73px;
}

.custom-entry-date span.entry-day {
    font-size: 30px;
    font-weight: bold;
    line-height: 26px;
    overflow: hidden;
    padding: 7px 0 10px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    width: 73px;
}

.custom-entry-date>span {
    display: block;
    text-align: center;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#respond {
    clear: both;
    display: block;
    float: left;
}

#comments {
    margin-top: 30px;
}

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

.bypostauthor {
    display: block;
}

.comment-notes {
    position: relative;
}

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

.bypostauthor {
    display: block;
}

.comment-form {
    margin: 0 -15px;
}

.comments-area form#commentform p.logged-in-as,
.comments-area form#commentform p {
    padding: 0 15px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
}

#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url {
    width: 50%;
}

.comments-area form#commentform p.logged-in-as {
    padding: 0 15px;
    width: 100%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 33.33%;
    float: left;
}

.comment-list li.comment::after {
    content: inherit;
    display: none;
}

.comment-list li {
    padding-left: 0;
}

.comment {
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}

ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 15px 15px;
    width: 98%;
}

ol.comment-list li {
    list-style: outside none none;
    margin-bottom: 15px;
}

.comment .comment-body {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 100%;
}

.comment-author.vcard {
    font-size: 20px;
    margin-bottom: 5px;
}

.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}

.comment-list li.comment>div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}

#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}

.vcard .avatar {
    float: left;
    margin: 7px 15px 15px 0;
}

.comment-metadata {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
}

.comment-metadata>a {
    color: #49616b;
    margin-right: 30px;
}

.comment-metadata::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    content: "\f017";
}

.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}

.comment-respond label {
    display: block;
    font-weight: normal;
}

.comments-title {
    font-weight: normal;
    margin: 25px 0 0;
}

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

.bypostauthor {
    display: block;
}

.comment-content {
    clear: both;
    display: block;
}

.authorbox .author-info,
.authorbox .author-bio-posts-content {
    float: left;
    max-width: 90%;
    width: 90%;
}

.author-info h4 {
    margin-bottom: 0;
}

#commentform label {
    display: inline;
    position: relative;
}

#commentform input[type="checkbox"],
#commentform input[type="radio"] {
    margin-right: 10px;
}

#commentform p.form-submit {
    margin-top: 30px;
}

#commentform span.required {
    color: #f0632b;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

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

.wp-caption img[class*="wp-image-"] {
    display: inline-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;
    margin-right: -5px;
    margin-left: -5px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0;
    padding: 5px;
}

.gallery-item img {
    vertical-align: middle;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
    padding: 5px;
}

/*--------------------------------------------------------------
# Custom 
--------------------------------------------------------------*/
#page {
    position: relative;
    margin: 0 auto;
}

.site-layout-boxed #page {
    max-width: 1230px;
    margin-top: 30px;
    box-shadow: 0 2px 2px;
    margin-bottom: 30px;
}

.site-layout-boxed #page .top-news-title {
    margin-left: -16px;
    padding-left: 15px;
}

.inner-wrapper {
    margin-left: -12px;
    margin-right: -12px;
}
.page-template-home-page-template .inner-wrapper{
    margin-right: auto;
    margin-left: auto;
}
.custom-button {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.custom-button {
    border: 2px solid #6F41C2;
    display: inline-block;
    font-size: 15px;
    margin: 10px;
    padding: 8px 25px;
}

.custom-button:hover {
    background: #6F41C2;
    color: #fff;
    border-color: #6F41C2;
}

/*buttons*/
a.more {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    padding: 5px 25px 8px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}

a.more::after {
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 17px;
    margin-left: 9px;
}

a.more:hover {
    color: #343434;
    background-color: #fff;
    border-color: #fff;
}

a.button {
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 9px 25px;
    transition: all 0.2s ease 0s;
    display: inline-block;
    text-transform: uppercase;
}

a.button:hover {
    color: #6081a7;
}

a.button::after {
    content: "\f101";
    font-family: fontawesome;
    margin-left: 5px;
}

a.read-more {
    margin-left: 10px;
    color: #6F41C2;
}

/*--------------------------------------------------------------
##  Preloader css
--------------------------------------------------------------*/
.loader-head {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    z-index: 9999;
}

.preloader {
    position: fixed;
    height: 10%;
    width: 10%;
    top: 40%;
    left: 0px;
    margin: 0px auto;
    right: 0px;
}

.spinner {
    width: 120px;
    height: 120px;
    margin: 0;
    border-top: 10px solid #6F41C2;
    box-shadow: 4px 4px 5px #ffffff inset;
    border-right: 10px solid transparent;
    border-radius: 50%;
    animation: 1.5s spin linear infinite;
}

.spinner-2 {
    width: 120px;
    height: 120px;
    margin: 0;
    border-top: 10px solid #000;
    border-left: 10px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    animation: 1.2s spin-2 linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes spin-2 {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

/* Topheader */
.main-header{
   background-color: #011c0a;
}
header .subscribe-btn a {
    border-radius: 10px;
    background-color: #6F41C2;
    color: #fff;
    padding: 12px 6px 10px 13px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
}
header .subscribe-btn a:hover{
    background: #fff;
    color:#6F41C2 ;
}
header .subscribe-btn a:after {
    font-family: FontAwesome;
    font-weight: 900;
    content: "\f002";
    font-size: 13px;
    color: #6F41C2;
    background: #fff;
    padding: 8px 10px;
    border-radius: 7px;
    margin-left: 10px;
}
header .subscribe-btn a:hover:after{
    background: #6F41C2;
    color: #fff;
}
/*--------------------------------------------------------------
##  Header Style 
--------------------------------------------------------------*/
#middle-header.sticky {
    position: fixed !important;
    width: 100%;
    background: #011c0a;
    z-index: 99999;
    top: 0px;
    box-shadow: 0px 2px 6px #CCBABAF2;
    padding-top: 15px;
    padding-bottom: 15px;
}

.admin-bar #middle-header.sticky {
    top: 32px;
}

.site-description {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}

#header-social .unique_freelancer_portfolio_widget_social ul li a::before {
    line-height: 1.5;
    font-size: 16px;
}

#header-social .unique_freelancer_portfolio_widget_social li a {
    height: 25px;
    background: inherit;
    width: 20px;
}

#header-social .unique_freelancer_portfolio_widget_social ul li a::before {
    color: #121212;
    text-shadow: inherit;
    font-size: 14px;
    font-weight: 300;
}

.search-form input.search-field {
    border: 1px solid #dddddd;
    height: 15px;
    margin-right: 10px;
    margin-top: 8px;
    bottom: -98px;
    padding: 15px 15px 15px;
    width: 100%;
    z-index: 9999;
    right: 0;
}

.search-form .search-submit {
    font: 14px/1.3 FontAwesome;
    height: 37px;
    display: none;
}

.search-form .search-submit:hover,
.search-form .search-submit:focus {
    color: #fff;
    background: none;
    outline: 1px solid #fff !important;
}

/* Anchor tag undeline */
#sidebar-primary .textwidget a,
.comment .comment-body a,
.rsswidget,
.woocommerce-account .woocommerce-MyAccount-content a,
.woocommerce-privacy-policy-text a,
.woocommerce-info a,
.entry-content a,
.text-content a {
    color: #6F41C2;
    text-decoration: underline !important;
}

.wp-block-button__link {
    color: #fff !important;
}

/*middle header css*/

.site-header.fixed {
    background-color: #6F41C2;
    box-shadow: 0 0 3px #aaaaaa;
    left: 0;
    padding: 0 0;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.site-header.fixed .site-branding {
    display: none;
}

.slider-enabled .site-header {
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    z-index: 99999;
}

.site-header.fixed #main-nav {
    background: #6F41C2 none repeat scroll 0 0;
    margin: 0;
}

.site-header.fixed #main-nav a {
    color: #ffffff;
}

.site-branding img {
    margin-top: 5px;
    vertical-align: middle;
}

.site-title>a {
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
}

.site-header.fixed .site-description {
    display: none;
}

#masthead {
    clear: both;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#site-logo {
    max-width: 300px;
}

.site-title {
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 500;
}

.site-info a {
    color: #fff;
}

.woocommerce a.remove:hover {
    background: #6F41C2 none repeat scroll 0 0 !important;
}

/*--------------------------------------------------------------
## Menu Style 
--------------------------------------------------------------*/

.admin-bar .fixed {
    margin-top: 32px;
}

.gb_nav_menu li {
    display: inline-block;
    margin: 0;
    position: relative;
}
.gb_navigation ul{
    margin-bottom: 0px ;

}
.gb_nav_menu li a {
    color: #fff;
    padding: 5px 15px 5px 15px;
    display: block;
    font-size: 18px;
    border-bottom: 2px solid #00000000;
    font-weight: 500;
    text-transform: capitalize;
}
.gb_nav_menu ul li a:active,
.gb_nav_menu ul li a:hover {
    color: #6F41C2;
    border-bottom: 2px solid #6F41C2;
    padding: 5px 15px 5px 15px;
}

.gb_nav_menu ul ul {
    display: none;
    position: absolute;
    background: #6F41C2;
    min-width: 210px;
    z-index: 9999;
    padding: 4px;
}

.gb_nav_menu ul ul ul {
    left: 100%;
    top: 0;
    margin-left: 0;
}

.gb_nav_menu ul ul a {
    color: #fff;
    padding: 10px;
}

.gb_nav_menu ul ul a:hover {
    background: #fff;
    color: #6F41C2 !important;
}

.gb_nav_menu ul ul li {
    float: none;
    display: block;
    text-align: left;
    border-left: none;
    border-right: none !important;
    padding: 0;
}

.gb_nav_menu ul ul li:last-child {
    border-bottom: 0;
}

.gb_nav_menu ul li:hover>ul {
    display: block;
}

.gb_nav_menu .menu>ul>li.highlight {
    background-color: #006ccc;
}

.gb_nav_menu .menu>ul>li.highlight:hover {
    background: transparent;
}

.sf-arrows ul .sf-with-ul {
    padding: 10px;
}

.sf-arrows .sf-with-ul:after {
    content: ' ▾';
    position: absolute;
    right: 0px;
}

.sf-arrows ul .sf-with-ul:after {
    top: 4px;
}

.toggle-menu,
a.closebtn {
    display: none;
}

.gb_nav_menu li a{
    position: relative;
}
.sf-arrows .sf-with-ul:after {
    content: '\f078';
    color: #fff;
    font-family: FontAwesome;
    font-weight: 900;
    font-size: 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding-right: 2px;
    position: absolute;
}
.gb_nav_menu li a:hover::after{
    color: #6F41C2;
}
.gb_nav_menu ul ul .menu-item-has-children a::after{
    top: 20px;
}
/*--------------------------------------------------------------
## Social Links Style 
--------------------------------------------------------------*/
.unique_freelancer_portfolio_widget_social {
    clear: both;
    overflow: hidden;
}

.unique_freelancer_portfolio_widget_social ul {
    margin: 0;
}

.unique_freelancer_portfolio_widget_social li a {
    display: block;
    height: 40px;
    line-height: 1.7;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

.unique_freelancer_portfolio_widget_social li {
    display: inline-block;
}

.widget-area .unique_freelancer_portfolio_widget_social li,
#footer-widgets .unique_freelancer_portfolio_widget_social li {
    padding: 0;
}

.widget-area .unique_freelancer_portfolio_widget_social li::before,
#footer-widgets .unique_freelancer_portfolio_widget_social li::before {
    display: none;
}

.unique_freelancer_portfolio_widget_social ul li a::before {
    font-size: 19px;
}

.unique_freelancer_portfolio_widget_social li a i {
    color: #cacad8;
    font-size: 20px;
    font-weight: normal;
}

.unique_freelancer_portfolio_widget_social ul li a::before {
    color: #ffffff;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 2.2;
}

.unique_freelancer_portfolio_widget_social ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="youtube.com"]::before {
    content: "\f167";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="github.com"]::before {
    content: "\f113";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

.unique_freelancer_portfolio_widget_social ul li a[href$="/feed/"]::before {
    content: "\f09e";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}

.unique_freelancer_portfolio_widget_social ul li a[href*="plus.google.com"] {
    background-color: #dd4b39;
}

.unique_freelancer_portfolio_widget_social ul li a[href*="/feed/"] {
    background-color: #dc622c;
}

.unique_freelancer_portfolio_widget_social ul li a[href*="wordpress.org"],
.unique_freelancer_portfolio_widget_social ul li a[href*="wordpress.com"] {
    background-color: #45bbe6;
}

/*--------------------------------------------------------------
## Main Content Style
--------------------------------------------------------------*/
#primary {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 70%;
}

#content {
    clear: both;
    padding: 30px 0;
}

.home.home-content-not-enabled #content {
    display: none;
}

/*--------------------------------------------------------------
## Sidebar Style 
--------------------------------------------------------------*/
.sidebar {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}

.sidebar .widget-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.entry-title h2:before {
    content: "\f185";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}

.sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.sidebar ul ul {
    border-bottom: none;
    padding-bottom: 0;
}

.sidebar ul li {
    padding-bottom: 5px;
    padding-left: 30px;
    padding-top: 5px;
    position: relative;
}

.sidebar ul li::before {
    color: #6F41C2 !important;
    content: "\f192";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 6px;
    margin-left: 2px;
}

.sidebar .widget a,
.sidebar .widget a:visited {
    color: #001837;
    word-wrap: break-word;
}

.sidebar .widget a:hover,
.sidebar .widget a:active {
    color: #6F41C2;
}

.sidebar .widget {
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 2px #cfcfcf;
    border-bottom: 3px solid #6F41C2;
}

.sidebar .widget:hover {
    box-shadow: 0 0 20px #cfcfcf;
}

/*calendar widget*/
.widget_calendar {
    text-align: center;
}

.widget_calendar caption {
    background: #6F41C2 none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}

.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}

.widget_calendar #today {
    background: #6F41C2 none repeat scroll 0 0;
    color: #ffffff;
}

.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #001837;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}

.widget .tagcloud a:hover {
    border: 1px solid #6F41C2;
    color: #6F41C2;
}

.widget_categories li>a,
.widget_archive li>a {
    display: inline-block;
    min-width: 85%;
}

.search-form .search-submit:focus {
    box-shadow: inherit;
    outline: none;
}

/*--------------------------------------------------------------
## Footer Style By 
--------------------------------------------------------------*/
#colophon {
    background: #6F41C2;
    clear: both;
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
}

#colophon a {
    color: rgba(255, 255, 255, 0.75);
}

#colophon a:hover {
    color: rgba(255, 255, 255, 0.75);
}

#footer-widgets {
    background: #121212 none repeat scroll 0 0;
    overflow: hidden;
    padding: 50px 0;
    color: fff;
}

#footer-widgets ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

#footer-widgets ul li {
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 3px 0px 3px 9px ;
    position: relative;
}
#footer-widgets ul li a{
    padding-left: 15px;
    word-wrap: break-word;
}
#footer-widgets ul .wpr-mini-cart-remove a{
    padding-left: 0px !important; 
}
#footer-widgets ul .wpr-mini-cart-remove {
    position: absolute;
    left: 0 !important;
    top: 0;
}
#footer-widgets ul li::before {
    color: rgba(255, 255, 255, 0.75);
    content: "\f344";
    display: inline-block;
    font-family: dashicons;
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 3px;
}
#footer-widgets ul li.mini_cart_item::before{
    display: none;
}
#footer-widgets a .footer-widget-area {
    float: left;
    padding: 0 25px;
    width: 25%;
}

#footer-widgets a,
#footer-widgets p {
    color: #fff;
}

#footer-widgets a:hover {
    color: #fff;
}

#footer-widgets .footer-active-1 {
    width: 100%;
}

#footer-widgets .footer-active-2 {
    width: 50%;
}

#footer-widgets .footer-active-3 {
    width: 33.33%;
}

#footer-widgets .footer-active-4 {
    width: 25%;
}

#footer-widgets .footer-widget-area {
    float: left;
    padding: 0 25px;
}

#footer-widgets .widget-title {
    color: #dddddd;
    font-size: 21px;
    font-weight: 400;
    text-align: left;
}
#footer-widgets input#woocommerce-product-search-field-1 {
    width: 100%;
    margin-bottom: 5px;
}
#footer-widgets .woocommerce-product-search button{
width: 100%;
}
#footer-widgets .woocommerce-product-search{
    text-align: center;
}
header.entry-header h1 {
    word-wrap: break-word;
}

/*Footer Navigation*/
#colophon .unique_freelancer_portfolio_widget_social ul li a::before {
    font-size: 14px;
}

#colophon .unique_freelancer_portfolio_widget_social li a {
    height: 30px;
    width: 30px;
}

#colophon .footer-social {
    margin: 5px 0;
}

#footer-navigation li {
    display: inline-block;
    list-style: outside none none;
}

#footer-navigation li a {
    display: block;
    padding: 0 5px 5px;
}

#footer-navigation ul {
    margin: 0;
}

#footer-widgets h1,
#footer-widgets h2,
#footer-widgets h3,
#footer-widgets h2,
#footer-widgets h4 #footer-widgets h5 #footer-widgets h6 {
    color: #fff;
}

/*Scrollup Style*/
.scrollup {
    background: #6F41C2;
    bottom: 30px;
    color: #ffffff;
    display: none;
    float: right;
    line-height: 1.2;
    padding: 7px 9px 7px;
    position: fixed;
    right: 32px;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
    z-index: 99;
    border-radius: 5px;
}

.scrollup:hover {
    background-color: #6F41C2;
}

.scrollup i {
    font-size: 30px;
    color: #fff;
}

/*--------------------------------------------------------------
##  layout sidebar By 
--------------------------------------------------------------*/
.global-layout-left-sidebar #primary {
    float: right;
}

.three-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 50%;
}

.four-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 25%;
}

.four-columns-enabled #sidebar-secondary1 {
    float: inline-end;
}

.four-columns-enabled .sidebar {
    width: 25%;
}

.global-layout-three-columns .sidebar {
    float: right;
}

.three-columns-enabled .sidebar {
    width: 25%;
}

.global-layout-no-sidebar #primary {
    width: 100%;
}

/*--------------------------------------------------------------
## Inner Pages Style By 
--------------------------------------------------------------*/
/*Basic Breadcrumb */
#breadcrumb {
    padding: 18px 0;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

#breadcrumb .breadcrumb-trail li {
    display: block;
    float: left;
    list-style: outside none none;
    padding-right: 10px;
}

#breadcrumb .breadcrumb-trail li.trail-item.trail-end::after {
    display: none;
}

#breadcrumb .breadcrumb-trail li::after {
    content: "\f105";
    margin-left: 10px;
    font-family: 'FontAwesome';
}

#breadcrumb .breadcrumb-trail .trail-items {
    margin: 0;
    padding: 0;
}

#breadcrumb span,
.submit {
    background: #6F41C2;
    padding: 10px 20px;
    color: #fff;
    border: none;
    font-weight: 600;
    font-size: 18px;
}

/*Error 404 Page*/
section.error-404 {
    text-align: center;
}

#quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}

#quick-links-404 ul li a {
    color: #404040;
    display: block;
    padding: 5px 10px;
}

.error404 #primary {
    width: 100%;
}

section.error-404 .search-form {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
}

/*contact form 7*/
.wpcf7-form {
    max-width: 875px;
}

div.wpcf7 {
    margin: 0 auto;
    padding: 0;
}

.wpcf7 input {
    width: 100%;
}

.wpcf7 input.wpcf7-submit {
    width: auto;
}

.wpcf7-form-control-wrap {
    margin-top: 5px;
    display: block;
}

/*--------------------------------------------------------------
## Extra css for Pro 
--------------------------------------------------------------*/
/* Global layout sidebar*/
.global-layout-three-columns-pcs #sidebar-primary,
.global-layout-three-columns-cps #sidebar-primary,
.global-layout-three-columns-psc #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs #sidebar-secondary,
.global-layout-three-columns-cps #sidebar-secondary {
    float: right;
}

.global-layout-three-columns-cps #primary {
    float: left;
}

/* equal global layout*/
.global-layout-three-columns-pcs-equal #primary,
.global-layout-three-columns-pcs-equal #sidebar-primary,
.global-layout-three-columns-pcs-equal #sidebar-secondary,
.global-layout-three-columns-scp-equal #primary,
.global-layout-three-columns-scp-equal #sidebar-primary,
.global-layout-three-columns-scp-equal #sidebar-secondary {
    width: 33.33%;
}

.global-layout-three-columns-pcs-equal #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs-equal #sidebar-secondary {
    float: right;
}

/*sidebar and footer widget area style*/
#footer-widgets .home-section-post-category .post-category-item,
.sidebar .home-section-post-category .post-category-item {
    margin-bottom: 15px;
    width: 100%;
}

/*--------------------------------------------------------------
### Recent post widget style
--------------------------------------------------------------*/
#footer-widgets .unique_freelancer_portfolio_widget_recent_posts .recent-posts-item {
    margin: 0;
}

.unique_freelancer_portfolio_widget_recent_posts .recent-posts-title {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.unique_freelancer_portfolio_widget_recent_posts .recent-posts-title a {
    color: #222;
}

.unique_freelancer_portfolio_widget_recent_posts .recent-posts-item {
    clear: both;
    margin-top: 30px;
}

.unique_freelancer_portfolio_widget_recent_posts .recent-posts-item::after {
    clear: both;
    content: "";
    display: table;
}

.unique_freelancer_portfolio_widget_recent_posts .recent-posts-date::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 8px;
    content: "\f017";
}

/*--------------------------------------------------------------
### Featured Page Widget style 
--------------------------------------------------------------*/
#unique-freelancer-portfolio-front-page-widgets .unique_freelancer_portfolio_widget_featured_page .container {
    width: 1349px;
    padding: 0;
    max-width: 100%;
}

#unique-freelancer-portfolio-front-page-widgets .featured-page-widget img.alignleft {
    margin-right: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}

#unique-freelancer-portfolio-front-page-widgets .featured-page-widget img.alignright {
    margin-left: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}

#unique-freelancer-portfolio-front-page-widgets .fetured-page-content {
    padding: 50px;
}

#unique-freelancer-portfolio-front-page-widgets .featured-page-widget.entry-content {
    margin: 0;
    background: #fff;
}

#unique-freelancer-portfolio-front-page-widgets .unique_freelancer_portfolio_widget_featured_page {
    padding: 0;
}

/*--------------------------------------------------------------
### Featured Content style 
--------------------------------------------------------------*/
.home-section-featured-blocks article {
    float: left;
    padding: 0 15px;
}

.home-section-featured-blocks .featured-blocks-column-1 article {
    width: 100%;
}

.home-section-featured-blocks .featured-blocks-column-2 article {
    width: 50%;
}

.home-section-featured-blocks .featured-blocks-column-3 article {
    width: 33.33%;
}

.home-section-featured-blocks .featured-blocks-column-4 article {
    width: 25%;
}

.home-section-featured-blocks {
    background: #6F41C2 none repeat scroll 0 0;
    float: left;
    width: 100%;
    padding: 40px 0;
}

.home-section-featured-blocks .entry-title a {
    color: #fff;
    font-weight: 400;
}

.home-section-featured-blocks p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 20px;
}

.home-section-featured-blocks .block-title a {
    color: #fff;
}

/*--------------------------------------------------------------
### Woocommercce Product Grid widget style
--------------------------------------------------------------*/
.unique_freelancer_portfolio_widget_products_grid .unique-freelancer-portfolio-woocommerce-product-grid-4 ul.products li.product {
    margin: 0 1.5% 30px;
    width: 22%;
}

.unique_freelancer_portfolio_widget_products_grid .unique-freelancer-portfolio-woocommerce-product-grid-3 ul.products li.product {
    width: 30.3%;
    margin: 0 1.5% 30px;
}

.unique-freelancer-portfolio-woocommerce ul {
    margin: 0;
}

.unique_freelancer_portfolio_widget_products_grid .unique-freelancer-portfolio-woocommerce {
    margin: 0 -15px;
}

#unique-freelancer-portfolio-front-page-widgets .unique_freelancer_portfolio_widget_products_grid {
    padding-bottom: 0;
}
.woocommerce-info a,
.site-title,
.woocommerce-info::before {
    color: #121212;
}

.woocommerce-info {
    border-top-color: #6F41C2 !important;
}

/*--------------------------------------------------------------
### Woocommercce Carousel widget style
--------------------------------------------------------------*/
.unique-freelancer-portfolio-woocommerce .slick-prev {
    left: 0;
    z-index: 999;
}

.unique-freelancer-portfolio-woocommerce .slick-next {
    right: 0;
    z-index: 999;
}

.unique-freelancer-portfolio-woocommerce .slick-arrow {
    bottom: 50%;
    position: absolute;
}

.unique-freelancer-portfolio-woocommerce .slick-arrow i {
    background: #4fc3dd none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    height: 40px;
    line-height: 1.3;
    position: relative;
    text-align: center;
    width: 40px;
}

.unique-freelancer-portfolio-woocommerce ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 0 1em;
    width: 100%;
}

.unique-freelancer-portfolio-woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.unique-freelancer-portfolio-woocommerce ul.products li.product,
.unique-freelancer-portfolio-woocommerce -page ul.products li.product {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    list-style-type: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 15px;
}

.unique-freelancer-portfolio-woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
}

.unique-freelancer-portfolio-woocommerce span.onsale {
    background-color: #121212;
    color: #ffffff;
    position: absolute;
    z-index: 99;
}

.unique-freelancer-portfolio-woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.unique-freelancer-portfolio-woocommerce ul.products li.product .price ins {
    font-weight: 700;
}

.unique-freelancer-portfolio-woocommerce ul.products li.product .onsale::after {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 25px;
    right: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.unique-freelancer-portfolio-woocommerce ul.products li.product .onsale {
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    line-height: 8px;
    margin: 0;
    min-height: 20px;
    padding: 40px 0 0;
    right: -40px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: -12px;
    transform: rotate(51deg);
    width: 95px;
    font-weight: bold;
}

.unique-freelancer-portfolio-woocommerce ul.products li.product h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 7px;
    width: 100%;
}

.unique-freelancer-portfolio-woocommerce.unique-freelancer-portfolio-woocommerce-product-grid-3 ul.products li.product .button {
    left: 32%;
}

.unique-freelancer-portfolio-woocommerce ul.products li.product .button {
    font-size: 15px;
    left: 21%;
    position: absolute;
    text-align: center;
    top: 35%;
    transition: all 0.4s ease-in-out 0s;
    visibility: hidden;
    width: auto;
    opacity: 0;
    border: none;
    text-transform: capitalize;
}

.unique-freelancer-portfolio-woocommerce ul.products li.product .button:hover {
    color: #fff;
}

.unique-freelancer-portfolio-woocommerce ul.products li.product:hover .button {
    visibility: visible;
    opacity: 1;
    top: 40%;
}

.unique-freelancer-portfolio-woocommerce .star-rating {
    float: right;
    font-family: star;
    font-size: 1em;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    position: relative;
    width: 5.4em;
}

.unique-freelancer-portfolio-woocommerce .star-rating::before {
    color: #d3ced2;
    content: "sssss";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}

.unique-freelancer-portfolio-woocommerce .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}

.unique-freelancer-portfolio-woocommerce .star-rating span::before {
    color: #ffd353;
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0;
}

.unique-freelancer-portfolio-woocommerce .woocommerce-product-rating {
    display: block;
    line-height: 2;
}

.unique-freelancer-portfolio-woocommerce .woocommerce-product-rating::after,
.unique-freelancer-portfolio-woocommerce .woocommerce-product-rating::before {
    content: " ";
    display: table;
}

.unique-freelancer-portfolio-woocommerce .woocommerce-product-rating .star-rating {
    float: left;
    margin: 0.5em 4px 0 0;
}

.unique-freelancer-portfolio-woocommerce .products .star-rating {
    display: block;
    float: none;
    left: 25px;
    position: absolute;
    top: 62%;
}

.unique-freelancer-portfolio-woocommerce .hreview-aggregate .star-rating {
    margin: 10px 0 0;
}

.unique-freelancer-portfolio-woocommerce ul.products li.product .price {
    color: #77a464;
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.unique-freelancer-portfolio-woocommerce ul.products li.product .star-rating {
    font-size: 16px;
}

.unique-freelancer-portfolio-woocommerce a.button::after {
    content: "\f217";
    font-family: fontawesome;
    margin-left: 10px;
}

/*--------------------------------------------------------------
## Custom Woocommerce Style
--------------------------------------------------------------*/
.woocommerce ul.products li.product mark,
.woocommerce ul.products li.product ins,
.woocommerce ul.products li.product mark,
.woocommerce ul.products li.product ins {
    background: #fa6f6f none repeat scroll 0 0;
    border-radius: 14px;
    color: #ffffff;
    font-weight: normal;
    margin: 0 5px;
    padding: 0 13px;
    text-decoration: none;
}

.woocommerce ul.products li.product h3 {
    font-size: 18px;
    font-weight: normal;
    padding: 0 0 0.5em;
}

.woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.woocommerce div.product .button {
    vertical-align: middle;
    float: left;
    font-weight: normal;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 30%;
    margin: 0 1.5% 20px;
    padding: 0 0 5px;
    text-align: center;
    float: left;
    list-style-type: none;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    background: #fff;
    overflow: hidden;
    border-bottom: 3px solid #6F41C2;
    border-radius: 10px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #6F41C2
}

.woocommerce ul.products li.product a img {
    position: relative;
}

.woocommerce ul.products li.product .button {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    clear: both;
    float: none;
    font-size: 15px !important;
    line-height: 1.5;
    margin: 14px auto 14px;
    max-width: 134px;
    padding: 7px 0px;
    transition: all 0.4s ease-in-out 0s;
    text-transform: capitalize;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product .price ins {
    color: #121212;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 25px;
}

.woocommerce ul.products li.product .button::after {
    content: "\f217";
    font-family: fontawesome;
    margin-left: 10px;
}

.woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
    color: #6F41C2;
}

.woocommerce span.onsale {
    background-color: #6F41C2;
}

.woocommerce ul.products li.product .star-rating {
    font-size: 0.857em;
    left: 20px;
    position: absolute;
    top: 10px;
}

.woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    background: none repeat scroll 0 0 #ffffff;
    padding: 5px;
    border: 1px solid #ddd;
}

.images .thumbnails a {
    border: 1px solid #ddd;
    clear: both;
}

#reviews .comment-form {
    margin: 0;
}

.woocommerce ul.products li.product a {
    text-align: center;
    text-decoration: none;
}

/*woocommerce button custom color*/
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: #6F41C2;
    box-shadow: inherit;
    border-radius: 0;
    color: #fff !important;
    text-decoration: none !important;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #121212;
    box-shadow: none;
    color: #fff;
    border: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
    background-color: #fff;
    padding: 15px;
    border-top: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    float: left;
    margin: 0 2px;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    border-radius: 17px;
    height: 33px;
    margin-top: 1px;
    padding-left: 15px;
    width: auto;
}

.woocommerce input#billing_phone {
    padding: 5px;
    border: 1px solid #ddd;
}

.woocommerce .select2-container .select2-choice {
    border: 1px solid #ddd;
    border-radius: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 6px 5px;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    border: 1px solid #ddd;
    border-top: 2px solid #ddd;
}

.woocommerce-checkout #payment ul.payment_methods li {
    list-style: outside none none;
}

.woocommerce-checkout #payment,
.woocommerce table {
    background: none repeat scroll 0 0 #ffffff;
}

.woocommerce table.shop_table {
    border: medium none;
}

.woocommerce table.shop_table {
    border-collapse: collapse;
}

.woocommerce caption,
.woocommerce th,
.woocommerce td {
    font-weight: 400;
    padding: 5px;
    text-align: center;
}

.woocommerce table.shop_table th {
    font-weight: normal;
    padding: 6px 12px;
}

.woocommerce table.shop_table td {
    padding: 5px;
    text-align: center;
}

.woocommerce a.remove {
    background: #6F41C2 none repeat scroll 0 0;
    color: #ffffff !important;
    margin: 0 auto;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 10px 20px;
    text-align: center;
}

.woocommerce div.product .product_title {
    clear: none;
    font-size: 28px;
    margin: 0 0 5px;
    padding: 0 0 10px;
}

.page-numbers {
    background: none repeat scroll 0 0 #ffffff;
}

.woocommerce nav.woocommerce-pagination {
    margin-bottom: 30px;
    text-align: center;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    margin-top: 0;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 15px;
}

.woocommerce ul.products li.product .onsale {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    line-height: 8px;
    margin: 0;
    min-height: 20px;
    padding: 40px 0 0;
    right: -40px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: -12px;
    transform: rotate(51deg);
    width: 95px;
    font-weight: bold;
    display: block;
}

.cart button.single_add_to_cart_button {
    margin-left: 15px;
}

.woocommerce .actions p {
    margin: 0;
}

.woocommerce table.shop_table.cart thead {
    background: #6F41C2 none repeat scroll 0 0;
    color: #ffffff;
}

.woocommerce .checkout h3 {
    font-size: 20px;
}

.woocommerce #ship-to-different-address .checkbox+br {
    display: none;
}

.woocommerce .checkout-button.button.alt.wc-forward {
    display: inline-block;
    width: auto;
}

.woocommerce .authorbox {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}

.woocommerce .authorbox img {
    border-radius: 100%;
}

.woocommerce .authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}

.woocommerce .authorbox.no-author-avatar .author-info {
    margin-left: 0;
}

.woocommerce .authorbox .author-bio-posts-content {
    margin-top: 10px;
}

.woocommerce .authorbox .author-bio-posts-content p {
    margin: 0;
}

.woocommerce .authorbox .author-bio-posts-content ul {
    list-style-position: inside;
    margin: 0;
}

.woocommerce ul.products li.product .price {
    font-size: 16px;
}

.comment-body .reply a {
    background: #6F41C2;
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px;
    font-weight: 600;
    display: inline-block;
}

/*woocommerce form */
.woocommerce #review_form_wrapper #commentform {
    margin: 0 -15px;
}

.woocommerce p.comment-form-rating {
    clear: both;
}

.woocommerce #review_form #respond p {
    margin: 0 0 10px;
    padding: 10px 15px;
}

.woocommerce .star-rating span::before {
    color: #6F41C2;
}

.woocommerce ul.products li.product .star-rating {
    font-size: 16px;
}

/*Bio Auther box*/
.authorbox {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}

.authorbox img {
    border-radius: 100%;
}

.authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}

.authorbox.no-author-avatar .author-info {
    margin-left: 0;
}

.authorbox .author-bio-posts-content {
    margin-top: 10px;
}

.authorbox .author-bio-posts-content p {
    margin: 0;
}

/*Woocommerce css*/
.wp-block-woocommerce-cart.alignwide{
    margin-left: auto;
    margin-right: auto;
  }
  td.wc-block-cart-item__image{
    padding: 16px 0px 16px 16px !important;
  }
  td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
    border: 1px solid rgba(0,0,0,.1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
  /*  border-collapse: separate;*/
    border-radius: 5px;
  }
  tr.wc-block-cart-items__header th{
    font-weight: 700;
    padding: 9px 12px !important;
    line-height: 1.5em;
    font-size: 16px;
  }
  a.wc-block-components-product-name{
    color: #000;
    font-size: 20px;  
    font-weight: 600;
  }
  a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
  a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
  a.wc-block-components-checkout-return-to-cart-button{
    text-decoration: none !important;
  }
  button.wc-block-cart-item__remove-link{
    font-size: 1em !important;
  }
  span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
    text-align: left !important;
  }
  a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
  a.wc-block-components-checkout-return-to-cart-button,.wc-block-components-totals-coupon__button.contained,button.wc-block-components-checkout-place-order-button{
    background: #6F41C2;
    border-color:#6F41C2;
    color: #fff !important;
    font-weight: 500;
    font-size: 18px;
    border: 1px solid #ccc;
    padding: 0.375em 1.325em;
    border-radius: 10px;
  }
  span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
    font-size: 1.5em !important;
    padding: 10px !important;
    display: block !important;
  }
  .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
    padding-right: 0%;
  }
  button.wc-block-components-checkout-place-order-button:hover,
  a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
  a.wc-block-components-checkout-return-to-cart-button:hover{
    background-color:#000 ;
    border-color: #000 !important;
  }
  .wp-block-woocommerce-checkout-order-summary-block{
    border: 1px solid rgba(0,0,0,.1);
  }
  .wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
    padding: 10px;
  }
  li.wc-block-grid__product a{
    text-decoration: none !important;
  }
  li.wc-block-grid__product{
    width: 30%;
    margin: 0 1.5% 20px;
    padding: 0 0 5px;
    text-align: center;
    float: left;
    list-style-type: none;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    border: none !important;
  }
  .woocs_price_code ins{
    background-color: transparent !important;
  }
  .wc-block-grid__product-onsale{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 60px !important;
    line-height: 8px !important;
    margin: 0 !important;
    min-height: 20px !important;
    padding: 40px 0 0 !important;
    right: -40px !important;
    text-align: center!important;
    text-shadow: none !important;
    text-transform: uppercase;
    top: -12px !important;
    transform: rotate(51deg)!important;
    width: 95px !important;
    font-weight: bold !important;
    display: block !important;
    background-color: #6F41C2 !important;
    border-radius: 50% !important;
    color: #fff !important;
  }
  .wc-block-grid__product-title{
    font-size: 22px !important;
    color: #212121 !important;
    font-weight: 600;
  }
  a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
    padding: 10px 12px;
    border-radius: 8px !important;
  }
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
    width: 100% !important;
  }
  h2.wp-block-heading.has-text-align-center{
    margin: 10px 0;
  }
  .wc-block-cart-item__image{
    padding-right: 5px !important;
  }
  .wc-block-grid.has-4-columns .wc-block-grid__product {
    max-width: 33% !important;
}
.product  a.added_to_cart.wc-forward{
    background: #6F41C2;
    padding: 5px 20px;
    color: #fff;
}
a.wpr-mini-cart-product-name{
    padding-left: 0px !important;
}
.woocommerce ul.product_list_widget li img {
    width: 20% !important;
}
.woocommerce .wpr-mini-cart-image img, .wpr-mini-cart-image a img {
    float: right !important;
    display: block;
     min-width: auto !important;
}
.textwidget.custom-html-widget{
    word-break: break-all;
}
/*--------------------------------------------------------------
##  Media Queries For Container
--------------------------------------------------------------*/
@media only screen and (min-width: 992px){
    .e-con.e-flex>.e-con-inner ,
        .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con {
        max-width: 960px;
    }
}
@media only screen and (min-width: 1200px){
    .e-con.e-flex>.e-con-inner ,
     .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con {
        max-width: 1140px !important;
    }
}
@media only screen and (min-width: 1400px){
    .e-con.e-flex>.e-con-inner ,
    .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con{
        max-width: 1320px !important;

    }
}
@media only screen and (min-width: 1600px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container,.e-con.e-flex>.e-con-inner ,
    .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con {
        max-width: 1500px !important;
    }

}
@media only screen and (min-width: 1920px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .e-con.e-flex>.e-con-inner,
    .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con  {
        max-width: 1600px !important;
    }

}
/*--------------------------------------------------------------
##  Media Queries 
--------------------------------------------------------------*/

/* Smaller than standard 1349 above (devices and browsers) */
@media only screen and (min-width:1400px) {
    .unique_freelancer_portfolio_widget_featured_page .container {
        width: 1230px;
        padding: 0 15px;
        max-width: 100%;
    }
    
}
@media only screen and (min-width:768px){
    .currency-box{
        border-left: 1px solid #F2F2F2;
        border-right: 1px solid #F2F2F2;
    }
    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0px 15px;
    }
}
/* Smaller than standard 1139 (devices and browsers) */
@media only screen and (max-width:1300px) {
    .container {
        width: 97%;
    }
    .page-template-home-page-template .container{
        width: 100%;
    }

    .comments-area form#commentform p {
        float: left;
        width: 100%;
    }

    #comments input#submit {
        width: auto;
    }

    .right-header {
        width: auto;
    }

    .header-search-box .search-box-wrap {
        width: 200px;
    }

    .search-form input.search-field {
        width: 85% !important;
    }
    #footer-widgets .search-form .search-field {
        width: 100% !important;
    }
    .authorbox .author-info,
    .authorbox .author-bio-posts-content {
        float: left;
        max-width: 70%;
        width: 70%;
    }
    #unique-freelancer-portfolio-front-page-widgets .featured-page-widget img.alignleft {
        margin-bottom: 0;
        margin-right: 30px;
        max-width: 45%;
    }

    .site-layout-boxed #page {
        max-width: 93%;
    }

    .site-layout-boxed #page .top-news-title {
        margin-left: -30px;
        padding-left: 15px;
    }
 
}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px) {

    .site-header.fixed,
    .home .site-header.fixed {
        position: absolute;
        background-color: inherit;
        box-shadow: inherit;
    }

    .site-layout-boxed #page {
        max-width: 100%;
        margin-top: 45px;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 22px;
    }

    td,
    th {
        font-size: 12px;
        padding: 2px;
    }

    .unique_freelancer_portfolio_widget_contact .wpcf7-form>p {
        width: 100%;
    }

    body.three-columns-enabled #primary,
    body.three-columns-enabled #content .sidebar,
    body #content #primary,
    body #content .sidebar {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 100%;
    }

    .widget-area .home-section-post-category .post-category-meta li.news-read-more {
        float: none;
        margin-top: 10px;
    }

    .widget-area .home-section-post-category .post-category-meta li {
        display: inline-block;
        float: none;
        margin-right: 0;
    }

    .box-content {
        width: 95%;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
    tr.wc-block-cart-items__row {
      gap: 1em;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .related.products ul.products li.product,.related.products .woocommerce-page ul.products li.product{
    width: 46%;
    }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:1000px) {
    .submit-button {
        right: 4%;
    }

    .site-branding {
        float: none;
        margin: 0 auto;
        max-width: 100%;
    }

    .slider-enabled .site-header {
        position: inherit;
    }

    .site-description {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
    }

    .unique-freelancer-portfolio-woocommerce-product-grid-4 ul.products li.product .button {
        padding: 5px 13px;
        left: 13%;
        font-size: 14px;
    }

    .unique-freelancer-portfolio-woocommerce-product-grid-3 ul.products li.product .button {
        left: 16%;
    }

    .enabled-sticky-primary-menu #masthead.fixed {
        position: inherit;
        top: 0;
    }

    .site-header.fixed .site-branding {
        display: block;
    }

    .unique-freelancer-portfolio-woocommerce .products .star-rating {
        top: 20px;
    }

    .gb_nav_menu .nav ul li a:focus,
    a.closebtn.gb_menu:focus,
    .toggle-menu button:focus {
        outline: -webkit-focus-ring-color auto 1px;
    }

    .toggle-menu {
        display: none;
        width: 100%;
        cursor: pointer;
        text-align: center;
        font-size: 20px;
    }

    .toggle-menu i {
        font-size: 22px;
    }

    .toggle-menu button {
        background: #6F41C2;
        color: #fff;
        border-radius: 0px;
    }


    .side_gb_nav {
        max-height: 100%;
        width: 80%;
        height: 100%;
        position: fixed;
        z-index: 9999999;
        top: 0%;
        left: 0;
        background-color: #121212;
        overflow-x: hidden;
        transition: 0.5s width ease-in-out;
        padding-top: 60px;
        visibility: hidden;
    }

    .side_gb_nav.show {
        visibility: visible;
        transition: 0.5s width ease-in-out;
    }

    .side_gb_nav .closebtn {
        position: absolute;
        top: 0;
        padding: 0px 18px;
        font-size: 42px;
        display: block;
        color: #ffffff;
    }

    .side_gb_nav #top_gb_menu {
        width: 100%;
    }

    .toggle-menu span {
        font-size: 23px;
        cursor: pointer;
        text-align: right;
        font-weight: bold;
    }
    .toggle-menu .dashicons,.toggle-menu .dashicons-before:before{
        width: 25px;
        height: 25px;
    }
    .toggle-menu {
        display: block;
    }

    .gb_nav_menu .nav ul li {
        border-top: 1px #404040 solid;
        display: block;
    }

    .nav ul li a {
        padding: 10px 15px;
        display: block;
        color: #ffffff !important;
        border: none;
        border-bottom: 1px solid #404040;
        background: none !important;
    }

    .sf-arrows .sf-with-ul:after {
        right: 20px;
    }

    .nav ul li:first-child a {
        border-top: 1px solid #47515a;
    }

    .nav ul li:first-child ul li a {
        border-top: none;
    }

    .gb_nav_menu .current_page_item>a,
    .gb_nav_menu .current-menu-item>a,
    .gb_nav_menu .current_page_ancestor>a {
        color: #6F41C2;
    }
    .nav ul li ul li a:before {
        content: "__";
        padding-right: 10px;
    }

    .nav ul li ul li a {
        padding-left: 20px !important;
    }

    .nav ul li ul li ul li a {
        padding-left: 30px !important;
    }

    .gb_nav_menu ul ul {
        position: static;
        width: 100%;
        background: none;
        border: none;
    }

    .gb_nav_menu li,
    .menu_header {
        padding: 0;
        display: block;
    }

    .gb_nav_menu .sub-menu>li>a:focus,
    .nav ul li a:focus {
        outline: -webkit-focus-ring-color auto 1px;
    }
    .page-template-home-page-template .main-header{
        position: static;
        background: #000;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
    .text-content p {
        text-align: center;
    }

    h1 {
        font-size: 25px;
    }

    h2 {
        font-size: 22px;
    }

    body .sidebar,
    body #primary {
        width: 100%;
    }

    .site-content {
        padding-top: 15px;
    }

    /*footer widget area*/
    .sibebar {
        margin-top: 15px;
    }

    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0 15px;
        width: 50%;
    }

    #footer-widgets .footer-active-1 {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:nth-child(3n) {
        clear: both;
    }

    .unique_freelancer_portfolio_widget_products_grid .unique-freelancer-portfolio-woocommerce-product-grid-4 ul.products li.product,
    .unique_freelancer_portfolio_widget_products_grid .unique-freelancer-portfolio-woocommerce-product-grid-3 ul.products li.product {
        margin: 0 1.5% 30px;
        width: 47%;
    }

    .unique-freelancer-portfolio-woocommerce-product-grid-4 ul.products li.product .button,
    .unique-freelancer-portfolio-woocommerce-product-grid-3 ul.products li.product .button {
        font-size: 14px;
        left: 22%;
        padding: 5px 13px;
    }

    .block-title {
        margin-bottom: 5px;
    }

    a.more {
        padding: 2px 15px 5px;
    }

    .widget {
        margin: 15px 0 0;
    }

    #footer-widgets {
        padding: 30px 15px;
    }

    #colophon .copyright,
    #colophon .site-info {
        clear: both;
        text-align: center;
        width: 100%;
    }

    #main-slider::before,
    #main-slider::after {
        display: none;
    }

    #colophon .colophon-column {
        float: left;
        width: 100%;
    }

    #footer-navigation {
        text-align: center;
        margin-bottom: 10px;
    }

    .copyright {
        margin-bottom: 5px;
    }

    .entry-footer>span {
        border-right: medium none;
        border-top: 1px solid #dddddd !important;
        display: block;
        float: left;
        padding: 10px 15px;
        width: 100%;
    }

    .service-block-inner-content {
        display: block;
    }

    .slider-buttons a {
        color: #ffffff;
    }

    #breadcrumb,
    #breadcrumb {
        padding: 5px 0;
        border-top: 2px solid;
    }

    .blog-content .entry-content-wrapper,
    .blog-img {
        width: 100%;
        float: none;
    }
    .topheader .translate-lang,.topheader .contact-button , .adv-text {
        text-align: center;
        padding: 5px;
    }
    .toggle-menu{
        padding: 10px;
    }
    .gt_selector.notranslate{
    width: 33% !important;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }
    tr.wc-block-cart-items__row {
        gap: 0.4em;
      }
      td.wc-block-cart-item__total{
          padding-left: 0px !important;
      }
      li.wc-block-grid__product{
          max-width:100% !important;
          float:none;
          flex: 100% !important;
      }
      .wc-block-grid__products{
        padding: 10px !important;
      }
      .wc-block-grid.has-4-columns .wc-block-grid__product {
        max-width: 100% !important;
        width: 100%;
    }
    a.custom-logo-link{
        float: none;
        display: flex;
        justify-content: center;
        margin-right: 0;
        margin-top: 15px;
        width: 100%;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:640px) {
    .submit-button {
        right: 4%;
    }

    .slider-buttons a {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 10px;
        margin-top: 15px;
        padding: 0 5px;
    }

    .page-title {
        font-size: 30px;
    }

    #site-identity {
        margin-right: 0;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }

    #top-nav {
        width: 100%;
    }

    #top-nav .is-open .menu-inside-wrapper {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
    }

    #top-nav li {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    #top-nav li:first-child {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .top-news {
        float: left;
        width: 100%;
    }

    #header-social li:first-child {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
    }

    .home-section-call-to-action .cta-buttons {
        padding: 15px 0 0;
    }

    .site-layout-boxed #page .top-news-title {
        margin-left: -22px;
        padding-left: 10px;
    }

    #main-nav {
        margin-top: 5px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
    .info-wrap {
        margin-bottom: 10px;
    }

    #fashion-article .tags {
        top: 30px;
        right: 30px;
    }

    .submit-button {
        right: 3%;
    }

    div#fashion-article {
        display: block;
        gap: 0em;
    }

    .box-content {
        width: 88%;
        opacity: 0.6;
    }

    .box-content h1 a {
        font-size: 16px !important;
    }

    .entry-container {
        padding: 10px 20px;
    }

    .site-title {
        font-size: 21px;
    }

    .site-header {
        padding: 0;
    }

    .site-title {
        font-size: 26px;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:first-child {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #fff;
        margin-top: 15px;
    }

    .social-links .unique_freelancer_portfolio_widget_social li {
        display: inline-block;
        float: none;
    }

    .page-title {
        font-size: 20px;
        margin-bottom: 7px;
    }

    #footer-widgets .footer-active-2 .unique_freelancer_portfolio_widget_social {
        margin-top: 0;
    }

    .services-block-list {
        text-align: center;
    }

    #unique-freelancer-portfolio-front-page-widgets .fetured-page-content {
        padding: 0 15px;
        text-align: left;
    }

    #unique-freelancer-portfolio-front-page-widgets .fetured-page-content .widget-title {
        font-size: 19px;
        text-align: left;
    }

    .entry-header .entry-title {
        font-size: 20px;
    }

    .sidebar .widget {
        padding: 15px;
    }

    #unique-freelancer-portfolio-featured-blocks article {
        margin-bottom: 15px;
    }

    .unique_freelancer_portfolio_widget_products_grid .unique-freelancer-portfolio-woocommerce-product-grid-4 ul.products li.product,
    .unique_freelancer_portfolio_widget_products_grid .unique-freelancer-portfolio-woocommerce-product-grid-4 ul.products li.product {
        width: 94%;
        margin: 0 auto 15px;
        float: none;
    }

    .unique-freelancer-portfolio-woocommerce-product-grid-4 ul.products li.product .button,
    .unique-freelancer-portfolio-woocommerce-product-grid-3 ul.products li.product .button {
        font-size: 14px;
        left: 28%;
        padding: 5px 13px;
    }

    .site-title {
        margin: 0;
    }
}
@media only screen and (max-width:600px) {
    .admin-bar #middle-header.sticky { 
        top: 0px !important;
        padding: 10px;
    }
}
/* Footer search  */

#footer-widgets .search-form label {
    width: 80%;
}

#footer-widgets .search-form .search-field {
    border: 1px solid #000;
    padding: 10px;
    width: 100%;
    margin: 5px 0px 5px 1px;
}

#footer-widgets input[type="submit"] {
    border: none;
    width: 20%;
    text-align: center;
    font-size: 13px;
    background: #6F41C2;
    font-weight: bold;
    color: #fff;
}
#footer-widgets .search-box-wrap form{
    display: flex;
    justify-content: center;
    align-items: center;
}
#footer-widgets .search-form .search-submit{
    display: inline-block !important; 
}
#footer-widgets .search-form .search-submit {
    height: 35px;
    padding: 10px;
}
/* social icon footer */
#footer-widgets .simple-social-icons li::before,
#footer-widgets .recent-posts-widget-with-thumbnails li::before{
    display: none !important;
}
#simple-social-icons-3 ul li a{
    border-radius: 50% !important;
}
#footer-widgets .custom-html-widget a{
     color: #ffffff60!important;
}
#footer-widgets .textwidget a{
    color: #ffffff60!important;
}
#footer-widgets #rpwwt-recent-posts-widget-with-thumbnails-2 img {
    border-radius: 5px;
}
#footer-widgets .recent-posts-widget-with-thumbnails li a{
    padding-left: 0px ;
}
/* Search header */
.search-container-button span{
    color: #fff;
    font-weight: 500;
    font-size: 24px;
}
.search-container-button-close span{
    font-size: 40px;
    width: 40px;
    height: 40px;
    line-height: 50px;
}
.search-container button:focus{
    outline: 1px dotted black;
    box-shadow: none;
    border-radius: 0px;
}
button.search-container-button-close:focus{
    outline: 1px dotted #fff;
}
  .search-container button{
    border: 0;
    background: transparent;
  }
  .external-search {
    background: rgb(28 27 27 / 99%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    text-align: center;
    height: 100%;
    z-index: 999;
  }
  .external-search .search-form input.search-field{
    color: #fff;
    border: none;
    margin: 0px !important;
  }
  .external-search .search-form input.search-field::placeholder{
    color: #fff;
  }
  .external-search form{
    display: table;
    max-width: 700px;
    margin: 0 auto;
    width: 100%;
    border-bottom: 1px solid #fff;
  }

  .internal-search label {
    width: 80%;
    float: left;
  }
  .internal-search .search-field{
    background: transparent;
    font-size: 32px;
    text-align: center;
    color: #222;
  }
  .internal-search .search-field::placeholder {
    color: #222;
  }
  .internal-search {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 99999;
    left: 50%;
    padding: 0 15px;
  }
  .external-search .closepop {
    position: absolute;
    top: 20%;
    transform: translateY(-50%);
    right: 5%;
    text-align: right;
    background: transparent;
    border: 0;
    font-size: 40px;
    color: #fff;
  }
  .external-search .closepop:focus{
    outline-color: #fff;
  }
  .internal-search form.searchform {
    margin: 0 auto;
    max-width: 700px;
  }
  .internal-search .searchform input[type=text]{
    width: 100%;
  }
  .internal-search input.search-submit {
    display: inline-block;
    float: right;
    padding: 12px 15px;
    width: 13%;
    height: auto;
    background: transparent;
    color: #fff;
    border: none;
    font-size: 17px !important;
}
.internal-search input.search-submit:hover{
    color: #fff;
}
  .search-container i {
    color: #000;
    font-size: 16px;
  }
  .internal-search #searchform{
    border: none;
  }
  .search-container-button{
    padding: 10px;
  }
  
/* free theme css starts here */
.banner-name-section{
    writing-mode: vertical-rl;
    height: max-content;
}
.banner-main-sec{
    background-size: 100% 100% !important;
}
.read-banner-btn a i{
    color: #6F41C2 !important;
    background-color: #FFFFFF !important;
    padding: 8px;
    font-weight: 900 !important;
    border-radius: 7px;
}
.read-banner-btn:hover a i{
    color: #fff !important;
    background-color: #6F41C2 !important;
}
/* Project Section */
.project-section .swiper-slide{
    display: flex;
    flex-direction: column-reverse;
}
.project-section .bdt-ep-static-carousel-readmore-wrap{
    display: inline-block;
    float: right;
}
.project-section .bdt-ep-static-carousel-image {
    position: relative;
    top: -63px;
    left: 34px;
    width: 170px;
    height: 40px;
}
.project-section .bdt-ep-static-carousel-image img{
    width: 129px;
    height: 36px !important;
    object-fit: cover;
}

.project-section .bdt-ep-static-carousel-text li::marker {
    color: #6F41C2;
    font-size: xx-large;
    line-height: 30px;
}
.project-section .bdt-ep-static-carousel-item:hover .bdt-ep-static-carousel-text li::marker{
    color: #FFF !important;
}
.project-section .bdt-ep-static-carousel-readmore{
    position: relative;
}
.project-section .bdt-ep-static-carousel-readmore::after{
    content: "\f054";
    font-weight: 900;
    font-size: 13px;
    top: 4px;
    font-family: FontAwesome;
    position: absolute;
    right: 5px;
    color: #fff;
    background-color: #000 !important;
    border-radius: 5px !important;
    padding: 7px 10px;
}
.project-section .bdt-ep-static-carousel-content .bdt-ep-static-carousel-text h5{
    color: #FFFFFF;
    margin-bottom: 5px;
}
.project-section .bdt-ep-static-carousel-content{
    display: flex;
    flex-direction: column; 
    gap: 10px;
}
.project-section .bdt-ep-static-carousel-content .bdt-ep-static-carousel-title {
    order: 1;
}
.project-section .bdt-ep-static-carousel-content .bdt-ep-static-carousel-sub-title {
    order: 2;
}
.project-section .bdt-ep-static-carousel-content .bdt-ep-static-carousel-text {
    order: 3;
    padding-bottom: 30px;
}
.project-section .bdt-ep-static-carousel-content .bdt-ep-static-carousel-readmore-wrap {
    order: 4;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.project-section .bdt-ep-static-carousel-image{
    position: relative;
}
.project-section .bdt-ep-static-carousel-image::before{
    content: "Our Team";
    font-weight: 900;
    font-size: 15px;
    position: absolute;
    top: -30px;
    color: #FFFFFF;
}

@media screen and (max-width: 1439px){
    .project-section .bdt-arrows-container.bdt-slidenav-container{
        justify-content: center;
    }    
    .project-section .bdt-navigation-prev{
        left: auto !important;
        margin-right: 50px;
        transform: translateY(70%) !important;
    }
    .project-section .bdt-navigation-next{
        right: auto !important;
        margin-left: 50px ;
        transform: translateY(70%) !important;
    }
    .project-section .bdt-position-center{ 
        bottom: 0 !important;
        top: auto !important;
    }
}

@media (max-width: 426px){
    .project-section .bdt-ep-static-carousel-content .bdt-ep-static-carousel-readmore-wrap {
        justify-content: flex-start;
    }
    .project-section .bdt-ep-static-carousel-image {
        position: relative;
        top: -15px;
    }
    .project-section .bdt-ep-static-carousel-image::before{
        display: none;
    }
    .project-section .bdt-ep-static-carousel-content .bdt-ep-static-carousel-text {
        padding-bottom: 10px;
    }
}
 
@media (min-width: 999px) and (max-width: 1200px) {
    .project-section .bdt-ep-static-carousel-content .bdt-ep-static-carousel-readmore-wrap {
        justify-content: flex-start;
    }
    .project-section .bdt-ep-static-carousel-image {
        position: relative;
        top: -15px;
    }
    .project-section .bdt-ep-static-carousel-image::before{
        display: none;
    }
    .project-section .bdt-ep-static-carousel-content .bdt-ep-static-carousel-text {
        padding-bottom: 10px;
    }
}
@media (min-width: 767px) and (max-width: 999px) {
    .banner-button{
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .download-button {
        align-items: flex-start !important;
        width: auto !important;
        --align-self: start !important;
    }
    .download-button svg{
        display: none;
    }
    .banner-name-section .elementor-widget-text-editor .elementor-widget-container{
        font-size: 22px !important;
        line-height: 1em !important;
    }
    .banner-name-section .elementor-heading-title{
        font-size: 17px !important;
    }
    .banner-describtion .elementor-widget-container{
        font-size: 16px !important;
        line-height: 18px;
    }
    .portfolio-image{
        display: none;
    }
    .profile-image img{
        width: 225px !important;
        height: 335px !important;
    }
}
@media (max-width: 767px){
    .banner-main-sec {
        background-image:none !important;
    }
    .banner-name-section {
        position: static !important;
        writing-mode: horizontal-tb;
        text-align: center;
    }
    .banner-name-section .elementor-widget-text-editor .elementor-widget-container{
        font-size: 22px !important;
        line-height: 1em !important;
        text-align: center;
    }
    .banner-name-section .elementor-heading-title{
        font-size: 17px !important;
        text-align: center;
    }
    .profile-image img{
        width: 176px !important;
        height: 271px !important;
    }
    .button-image-column{
        flex-direction: column-reverse !important;
    }
    .download-button svg{
        margin-left: 10px !important;
    }
    .download-button{
        width: 100% !important;
    }
}