/*
Theme Name: Unique Freelancer Portfolio Pro
Description: Unique Freelancer Portfolio Pro WordPress Theme is the perfect choice for building Gym seo website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Unique Freelancer Portfolio Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Unique Freelancer Portfolio Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: wpelemento
Theme URI: https://preview.wpelemento.com/unique-freelancer-portfolio
Author URI: https://www.wpelemento.com/
Version: 1.0.1
Requires PHP: 7.3
Tested up to: 6.0
Text Domain: unique-freelancer-portfolio-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(https://www.wpelemento.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
html{
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}
html {
    overflow-x: hidden !important;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Josefin Sans';
}
a{
  text-decoration: none;
}
ul, ol{
  list-style: none;
  margin: 0;
  padding: 0;
}
img{
  max-width: 100% !important;
}
/* loader */
.spinner-loading-box {
  text-align: center;
  justify-content: center;
  margin: 0 auto;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  display: none;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li{
  width: 100%;
}
.sticky {
    position: fixed;
    width: 100%;
    z-index: 999 !important;
    top: 0px;
    height: 95px;
    left: 0;
    padding: 0px 0px ;
    background: #fff;
    box-shadow: 0px 2px 6px #CCBABAF2;
}
body:not(.home) .sticky {
    position: fixed;
    width: 100%;
    z-index: 999 !important;
    top: 0px;
    height: 95px;
    left: 0;
    padding: 0px 0px ;
    background: #000;
    box-shadow: 0px 2px 6px #CCBABAF2;
}
.sticky .hfe-creative-menu ::after {
    display: none !important;
}
/*========== SEO theme code start ==========*/
.home .ekit-template-content-header {
    /* clear: both;
    position: absolute;
    width: 100%;
    top: 0; */
}
body:not(.home) .wpelemento-seo-topbar-section .ekit-wid-con .ekit-header-info svg {
    color: #6F41C2 !important;
}
body:not(.home) .wpelemento-seo-topbar-section .ekit_social_media .instagram svg path {
    stroke: #000 !important;
    fill: #000 !important;
}
body:not(.home) .wpelemento-seo-logo-section img{
    /* filter: invert(100%) sepia(100%) saturate(100%) brightness(1000%) contrast(100%);
    color: #fff !important; */
}
body:not(.home) .wpelemento-seo-search-section .ekit_navsearch-button svg {
    /* max-width: 20px;
    filter: invert(100%) sepia(100%) saturate(100%) brightness(1000%) contrast(100%); */
}
body:not(.home) .wpelemento-seo-logo-section {
    /* background-color: #000000 !important; */
}
body:not(.home) .wpelemento-seo-primary-menu-section {
    /* background-color: #000000 !important; */
}
body:not(.home) .wpelemento-seo-search-section {
    /* background-color: #000000 !important; */
}
body:not(.home) .wpelemento-seo-primary-menu-section .elementskit-submenu-indicator::before {
    color: #fff !important;
} 
body:not(.home) #menu-primary-menu li a {
    /* color: #ffffff !important; */
}
body:not(.home) .wpelemento-seo-topbar-section h2 {
    color: #000000 !important;
}
body:not(.home) .wpelemento-seo-topbar-section .ekit-header-info li a {
    color: #000000 !important;
}
body:not(.home) .wpelemento-seo-topbar-section .ekit_social_media li a {
    color: #000000 !important;
}
body:not(.home) #menu-primary-menu .elementskit-submenu-panel li a {
    color: #000 !important;
}
body:not(.home) #menu-primary-menu .elementskit-submenu-panel li a:hover {
    color: #ffffff !important;
    background-color: #6F41C2 !important;
}

/*=========== Portfolio Top Banner Section CSS Start ============*/

.portfolio-download-btn .elementor-button-text {
    border-bottom: 2px solid #676767;
}
.ekit-wid-con .ekit-sidebar-widget {
    max-width: 600px !important;
    background: #6F41C2 !important;
}
.ekit-wid-con .ekit_sidebar-textwidget {
    background: #6F41C2;
    padding-left: 50px !important;
    padding-right: 76px !important;
}
.ekit-wid-con .ekit-header-info, .ekit-wid-con .ekit-header-info a {
    display: block !important;
}
.portfolio-title h2 {
    /* position: absolute;
    right: 0; */
    writing-mode: vertical-rl;
    height: max-content;
}
.portfolio-text h2 {
    /* position: absolute;
    right: 0; */
    writing-mode: vertical-rl;
    height: max-content;
    -webkit-text-stroke: 1px #FFFFFF !important;
    opacity: 0.1;
}
.portfolio-welcome h2{
    /* position: absolute;
    right: 0; */
    writing-mode: vertical-rl;
    height: max-content;
    transform: translate(-53px, 170px);
}
.portfolio-third-container {
    position: relative;
    background-size: 96% 100%;
}
.portfolio-happy {
    position: absolute;
    top: 206px;
    right: -120px;
    z-index: 1;
}
.portfolio-award-container {
    position: absolute;
    right: 75px;
    top: 14px;
}
.portfolio-counter-container {
    position: absolute;
    bottom: 22px;
}
.portfolio-banner-btn .elementor-button-content-wrapper {
    justify-content: center;
    align-items: center;
}
.portfolio-banner-btn .elementor-button-icon .e-font-icon-svg {
    height: 13px;
}
.portfolio-banner-btn .elementor-button-icon {
    background-color: #FFF;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    line-height: 28px;
}
.portfolio-banner-btn .elementor-button-icon svg path {
    fill: #6F41C2;
}
.portfolio-banner-btn .elementor-button-link:hover .elementor-button-icon {
    background-color: #000000;
}
.portfolio-banner-btn .elementor-button-link:hover svg path {
    fill: #FFFFFF;
}
.portfolio-about-btn .elementor-button-content-wrapper {
    justify-content: center;
    align-items: center;
}
.portfolio-about-btn .elementor-button-icon .e-font-icon-svg {
    height: 14px;
}
.portfolio-about-btn .elementor-button-icon {
    background-color: #000000;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    line-height: 28px;
}
.portfolio-about-btn .elementor-button-icon svg path {
    fill: #FFFFFF;
}
.portfolio-about-btn .elementor-button-link:hover .elementor-button-icon {
    background-color: #FFFFFF;
}
.portfolio-about-btn .elementor-button-link:hover svg path {
    fill: #6F41C2;
}
.portfolio-counter-box {
    position: relative;
}
.portfolio-counter-box::after {
    content: '';
    background: #D1D1D1;
    position: absolute;
    right: 20px;
    width: 1px;
    height: 60px;
    top: 10%;
}
.wpelemento-seo-services-section .ea-button-wrap a .ea-readmore-icon svg {
    background: #000;
    padding: 7px 10px;
    margin-left: 8px;
    border-radius: 8px;
    font-size: 15px;
}
.wpelemento-seo-services-section .ea-button-wrap .ea-button-wrap:hover a.ea-readmore-icon svg {
    background: #FFF !important;
}
.wpelemento-seo-services-section .ea-button-wrap a .ea-readmore-icon svg path {
    fill: #FFF;
}
.wpelemento-seo-services-section a.ea-readmore:hover svg {
    background: #FFF;
}
.wpelemento-seo-services-section a.ea-readmore:hover svg path {
    fill: #6F41C2;
}
.wpelemento-seo-services-section .ea-button-wrap a .ea-readmore-icon svg.svg-inline--fa {
    vertical-align: middle;
    margin-top: -5px;
}


/*=========== Portfolio Top Banner Section CSS End ============*/

/*=========== SEO Slider Section CSS Start ============*/
body {
    position: relative;
}
.wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-ps-counternav {
    display: none;
}
.wpelemento-seo-slider-section .bdt-position-bottom-left {
    bottom: 35%;
    left: unset;
    right: 10%;
}
.wpelemento-seo-slider-section .bdt-slider-excerpt-content h3 {
    display: none !important;
}
.wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-slider-excerpt:before {
    display: none;
}
.wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper {
    padding-left: 0px;
}
.wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-desc .bdt-main-title {
    margin-bottom: 0px !important;
}
.wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content {
    margin-top: 0px !important;
}
.wpelemento-seo-slider-section .bdt-container {
    display: flow-root;
    box-sizing: content-box;
    max-width: 1300px;
    margin-left: 14.6%;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content .bdt-slider-excerpt {
    column-count: 1 !important;
    margin: 10px 0px 30px 0px;
    line-height: 28px;
    font-size: 14px;
}
.wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 20px;
}
.wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-slide-btn {
    font-weight: 700;
    border-radius: 6px;
    position: relative;
    padding: 22px 25px 20px 25px;
    transition: all .3s ease;
    transform: translateX(0px) !important;
    display: inline-block;
}
.wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-slide-btn:hover {
    background-color: #000000 !important;
    transform: unset !important; 
    transition: unset !important;
}
.wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-slide-btn:hover:before {
    opacity: 1;
    transform: scale(0) !important;
}
.wpelemento-seo-slider-section .bdt-prime-slider-next svg, .bdt-prime-slider-previous svg {
    display: none;   
}
.wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-next {
    height: 55px;
    width: 55px;
    box-shadow: 0px 2px 6px #CCBABAF2;
}
.wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-previous {
    height: 55px;
    width: 55px;
    box-shadow: 0px 2px 6px #CCBABAF2;
}
.wpelemento-seo-slider-section .bdt-prime-slider-next::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f061';
    color: #000;
    font-size: 18px;
}
.wpelemento-seo-slider-section .bdt-prime-slider-previous::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f060';
    color: #000;
    font-size: 18px;
}
.wpelemento-seo-slider-section .bdt-prime-slider-next:hover::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f061';
    color: #fff !important;
}
.wpelemento-seo-slider-section .bdt-prime-slider-previous:hover::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f060';
    color: #fff !important;
}
.wpelemento-seo-slider-section .bdt-prime-slider-previous svg {
    display: none;
}
/*=========== SEO Slider Section CSS End ============*/

/*=========== SEO Counter Section CSS Start ============*/
.wpelemento-seo-counter-section {
    box-shadow: inset 4px 4px 0px #6F41C2;
}
.wpelemento-seo-counter-section-box::after{
    content: '';
    background: #707070;
    position: absolute;
    right: 0;
    width: 2px;
    height: 60px;
    top: 33%;
}
.wpelemento-seo-counter-section .elementor-counter-number-prefix {
    display: none;
}
/*=========== SEO Counter Section CSS End ============*/

/*=========== SEO Services CSS Start ============*/
.wpelemento-seo-services-section .e-con-inner {
    overflow-x: clip;
}
.wpelemento-seo-services-section .swiper-pointer-events {
    margin: 0 1px;
}
.wpelemento-seo-services-section .ea-amox-carousel .ea-img-wrap .ea-img {
    width: 68px;
    height: 68px;
    margin: 0 auto;
}
.wpelemento-seo-services-section .ea-amox-carousel .ea-item:hover .ea-img-wrap .ea-img {
    transform: unset;
}
.wpelemento-seo-services-section .ea-button-wrap span {
    text-transform: capitalize;
    /* font: 600 20px/20px Josefin Sans; */
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    font-family: 'Josefin Sans';
}
.wpelemento-seo-services-section .elementor-widget-ea-amox-carousel .swiper-wrapper .ea-item {
    box-shadow: 0px 1px 6px #00000029;
    border-radius: 20px;
    background-color: #1D1D1D;
}
.wpelemento-seo-services-section .ea-text p {
    font: 300 16px/29px Josefin Sans;
    color: #E5E5E5;
    margin-bottom: 2rem;
}
.wpelemento-seo-services-section .ea-amox-carousel .ea-content {
    padding: 0px 0 20px 0;
}
.wpelemento-seo-services-section .ea-amox-carousel .ea-navigation-prev, 
.wpelemento-seo-services-section .ea-amox-carousel .ea-navigation-next {
    width: 48px;
    height: 48px;
    line-height: 0px;
    /* box-shadow: 0px 2px 6px #CCBABAF2; */
}
.wpelemento-seo-services-section .ea-icon-arrow-left-0:before {
    font-weight: 700;
}
.wpelemento-seo-services-section .ea-icon-arrow-right-0:before {
    font-weight: 700;
}
.wpelemento-seo-services-section .e-con-inner {
    gap: 0px !important;
}
.wpelemento-seo-services-section a.ea-readmore:hover {
    background: #6F41C2 !important;
    color: #fff !important;
}
/*=========== SEO Services CSS End ============*/

/*=========== SEO About Us Section CSS Start ============*/
.wpelemento-seo-about-section-heading h2 {
    width: max-content;
}
.wpelemento-seo-about-section-heading {
    position: relative;
    border-bottom: 4px solid #6F41C2;
    width: 102px;
}
.wpelemento-seo-about-section-heading::before {
    position: absolute;
    background: #111111;
    height: 4px;
    content: '';
    width: 22px;
    bottom: -4px;
    left: 54px;
}
.wpelemento-seo-about-section-left-col {
    position: relative;
}
.wpelemento-seo-about-bgimg-top img{
    position: absolute;
    right: 60px;
    top: 0px;
    z-index: 2;
}
.wpelemento-seo-about-bgimg-bottom img {
    position: absolute;
    right: 60px;
    bottom: 15px
}
.wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: 32px;
    z-index: 2;
    right: 111px;
}
.wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: 89px;
    right: 86px;
    z-index: 2;
}
/*=========== SEO About Us Section CSS Start ============*/

/*=========== SEO How it works Section CSS Start ============*/
.wpelemento-seo-timeline-section {
    display: block;
    gap: 0px !important;
    margin: -20px 0;
}
.wpelemento-seo-timeline-upper-box-section::after {
    content: '';
    position: absolute;
    left: 46%;
    top: 100%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #5929AD;
    clear: both;
    z-index: 9;
}
.wpelemento-seo-timeline-lower-box-section::after {
    content: '';
    position: absolute;
    left: 45%;
    bottom: 100%;
    border-left: 15px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 20px solid #5929AD;
    clear: both;
    z-index: 9;
}
.wpelemento-seo-timeline-section .ha-horizontal-timeline-block {
    position: relative;
    padding: 30px 0 8px 0 !important;
}
.wpelemento-seo-timeline-section .ha-horizontal-timeline-icon svg {
    display: none;
}
.wpelemento-seo-timeline-section .ha-horizontal-timeline-icon {
    margin: 10px auto !important;
    width: 25px !important;
    height: 25px !important;
}
.wpelemento-seo-timeline-section .ha-horizontal-timeline-content {
    display: none !important;
}
.wpelemento-seo-timeline-section .ha-horizontal-timeline-date {
    display: none !important;
}
.wpelemento-seo-timeline-lower-section .ekit-video-popup-btn span {
    position: absolute;
    left: 70px;
    width: max-content;
}
.wpelemento-seo-timeline-lower-section .ekit-wid-con .icon.icon-play-button::before {
    content: "\e980";
    left: 2px;
    position: relative;
    top: 1px;
}
/*=========== SEO How it works Section CSS End ============*/

/*=========== SEO projects Section CSS Start ============*/
#projects-slider .owl-carousel {
    width: 104% !important; 
}
.wpelemento-seo-projects-section .e-con-inner {
    gap: 0px !important;
}
.wpelemento-seo-projects-section {
    position: relative;
}
.owl-carousel .owl-item img {
    display: block;
    width: auto !important;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    border: none;
    color: #000;
    background-color: #FFF;
    /* box-shadow: 0px 2px 6px #CCBABAF2; */
}
.owl-carousel .owl-nav .owl-prev:hover {
    background-color: #6F41C2;
    color: #fff;
}
.owl-carousel .owl-nav .owl-next:hover {
    background-color: #6F41C2;
    color: #fff;
}
.owl-nav {
    position: absolute;
    top: -94px;
    left: 88%;
    gap: 15px;
    display: flex;
}
.projects-desc ul li::before {
    content: '\f111';
    color: #6F41C2;
    font-family: 'FontAwesome';
    font-size: 9px;
    margin-right: 10px;
    bottom: 1px;
    position: relative;
}
.projects-name {
    font: bold 25px/35px 'josefin sans';
    overflow: hidden;
    color: #FFF;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
}
.projects-author {
    font: 18px/13px 'josefin sans';
    color: #E5E5E5;
    padding-top: 8px;
}
.projects-desc h4 {
    font: 400 20px/30px 'josefin sans';
    color: #FFF;
    margin-top: 20px;
}
.projects-desc h5 {
    font: normal normal 600 18px/40px 'Josefin Sans';
    color: #FFF;
    letter-spacing: 0.02px;
}
.projects-desc ul li {
    font: normal normal 300 17px/30px 'Josefin Sans';
    letter-spacing: 0px;
    color: #E5E5E5;
}
.projects-btn{
    position: absolute;
    right: 30px;
    bottom: 36px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 8px 8px;
    color: #000000;
    font: 600 17px/19px 'josefin sans';
    display: flex;
    align-items: center;
}
.projects-btn svg {
    background: #000;
    padding: 7px 9px;
    border-radius: 7px;
    margin-left: 8px;
    font-size: 15px;
}
.projects-btn svg path {
    fill: #FFF;
}
.projects-btn:hover{
    background: #6F41C2;
    color: #fff;
}
.projects-btn:hover svg path {
    fill: #6F41C2;
}
.projects-btn:hover svg {
    background: #FFF;
}
.projects-item {
    width: 97%;
    padding: 25px;
    margin: 10px 0px;
    border-radius: 20px;
    box-shadow: 0px 1px 6px #00000029;
    background-image: url("assets/images/projects-bg-img.png");
    background-size: 100% 100%;
    background-color: #1C1B1B;
}
/*=========== SEO projects Section CSS End ============*/

/*=========== SEO Brand Section CSS Start ============*/
.wpelemento-seo-brand-section .slick-slide {
    text-align: center;
}
/*=========== SEO Brand Section CSS End ============*/

/*=========== SEO Pricing CSS Start ============*/
.wpelemento-seo-pricing-section .ha-pricing-table-title {
    text-align: center;
}
.wpelemento-seo-pricing-section .ha-pricing-table-price {
    text-align: center;
}
.wpelemento-seo-pricing-section .ha-pricing-table-price {
    display: flex;
    flex-direction: column-reverse;
}
.wpelemento-seo-pricing-section .ha-pricing-table>.elementor-widget-container {
    padding: 25px 25px;
}
.wpelemento-seo-pricing-section .ha-pricing-table>.elementor-widget-container {
    border-radius: 15px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-title {
    margin-bottom: 0px !important;
    padding-top: 30px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-header {
    /* background: transparent linear-gradient(50deg, #6F41C2 0%, #2C7977 100%) 0% 0% no-repeat padding-box !important; */
    border-radius: 15px 15px 0px 0px;
    background-color: #6F41C2;
}
.wpelemento-seo-pricing-section .ha-pricing-table-price {
    /* background: transparent linear-gradient(121deg, #6F41C2 0%, #2C7977 100%) 0% 0% no-repeat padding-box !important; */
    background-color: #6F41C2;
}
.wpelemento-seo-pricing-section .ha-pricing-table-price-tag {
    width: 85px;
    height: 85px;
    box-shadow: 1px 4px 7px #00000012;
    margin: 0 auto;
    background: #111111;
    border-radius: 50%;
    line-height: 60px;
    margin-bottom: -40px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-period {
    padding-bottom: 30px;
}
.wpelemento-seo-pricing-section ul.ha-pricing-table-features-list {
    padding-top: 40px;
    margin: 0 25px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-btn {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: max-content;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
}
.wpelemento-seo-pricing-section .e-con-inner {
    gap: 0px !important;
}
.wpelemento-seo-pricing-section .ha-pricing-table-features-list li>svg {
    margin-right: 20px;
    font-size: 18px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-body {
    margin-bottom: 35px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-btn svg {
    background: #000;
    padding: 7px 10px;
    border-radius: 7px;
    margin-left: 8px;
    font-size: 15px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-btn svg path {
    fill: #FFF;
}
.wpelemento-seo-pricing-section .ha-pricing-table-btn:hover svg path {
    fill: #6F41C2;
}
.wpelemento-seo-pricing-section .ha-pricing-table-btn:hover svg {
    background-color: #FFFFFF;
}
/*=========== SEO Pricing CSS End ============*/

/*=========== SEO Team CSS Start ============*/
.wpelemento-seo-team-section .e-con-inner {
    overflow-x: clip;
}
.wpelemento-seo-team-section .e-con-inner {
    gap: 0px !important;
}
.wpelemento-seo-team-section .swiper-button-prev:after {
    content: 'prev';
    display: none;
}
.wpelemento-seo-team-section .swiper-button-next:after {
    content: 'next';
    display: none;
}
.wpelemento-seo-team-section .ea-slider-arrow {
    top: unset;
    bottom: -120px;
    width: 48px;
    height: 48px;
    /* box-shadow: 0px 2px 6px #CCBABAF2; */
}
.wpelemento-seo-team-section .ea-tm-content {
    background-color: #1C1B1B;
    margin: -75px 30px 0px 30px;
    border-radius: 20px;
    padding: 35px 0px 20px;
    box-shadow: 0px 3px 0px #000000;
}
.wpelemento-seo-team-section .ea-tm-content:hover {
    box-shadow: 0px 3px 0px #6F41C2;
}
.wpelemento-seo-team-section .ea-tm-social-links {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -27px;
    text-align: center;
    left: 74px;
}
.wpelemento-seo-team-section .ea-tm {
    position: relative;
}
.wpelemento-seo-team-section .ea-tm-social-links li {
    color: #000;
    background-color: #FFF;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    line-height: 44px;
    &:hover {
        background-color: #6F41C2;
    }
}
.wpelemento-seo-team-section .ea-tm-social-links li:hover a svg path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}
.wpelemento-seo-team-section .ea-tm-content .tm-icon-span::before {
    content: '+';
    position: absolute;
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    right: 20px;
    transition: 1.5s;
    top: -40px;
    background: #6F41C2;
    border-radius: 10px;
    width: 59px;
    height: 59px;
    line-height: 52px;
    cursor: pointer;
}
.wpelemento-seo-team-section .ea-tm-social-links {
    display: none;
}
/* .wpelemento-seo-team-section .ea-tm-content:hover .ea-tm-social-links {
   display: block;
}  */
.wpelemento-seo-team-section .swiper-button-prev {
    left: 45.5%;
    position: absolute;
}
.wpelemento-seo-team-section .swiper-button-next {
    right: 45.5%;
    position: absolute;
}
/*=========== SEO Team CSS End ============*/

/*=========== SEO Choose US CSS Start ============*/
.wpelemento-seo-choose-us-section .e-con-inner {
    gap: 0px !important;
}
/*=========== SEO Choose US CSS End ============*/

/*=========== SEO Blog CSS Start ============*/
.wpelemento-seo-blog-section .e-con-inner {
    gap: 0px !important;
    overflow-x: clip;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-item-box {
    padding: 35px 20px;
}
.wpelemento-seo-blog-section [class*='ea-arrows-align-bottom'] .ea-arrows-container {
    transform: translateY(85px);
}
.wpelemento-seo-blog-section .ea-navigation-prev, .ea-navigation-next {
    width: 48px;
    height: 48px;
    /* box-shadow: 0px 2px 6px #CCBABAF2; */
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-navigation-prev i {
    line-height: 48px;
    text-align: center;
    justify-content: center;
    display: block;
    font-weight: 600;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-navigation-next i {
    line-height: 48px;
    text-align: center;
    justify-content: center;
    display: block;
    font-weight: 600;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-content > div {
    text-align: left;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
    z-index: 9;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    position: absolute;
    top: -287px;
    left: -18px;
    background-color: #6F41C2;
    padding: 1px 25px 205px 11px;
    border-radius: 20px 10px 10px 10px;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-item:hover .ea-main-img .ea-img {
    transform: scale(1);
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-button-wrap {
    margin-bottom: calc(0px * 2) !important;
    margin-top: 10px;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-readmore {
    /* font: 600 18px/18px 'josefin sans'; */
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Josefin Sans';
}
.wpelemento-seo-blog-section a.ea-readmore:hover {
   background-color: #6F41C2 !important;
   color:#fff !important;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    width: max-content;
    padding-left: 40px !important;
}
.wpelemento-seo-blog-section .ea-blog-author:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 20px;
    top: 0px;
}
.wpelemento-seo-blog-section .ea-date:before  {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 213px;
    top: 0px;
}
.wpelemento-seo-blog-section .ea-date {
    padding-left: 35px;
}
.wpelemento-seo-blog-section .ea-separator {
    display: none;
}
.wpelemento-seo-blog-section .ea-blog-author {
    width: 160px;
}
.wpelemento-seo-blog-section .ea-button-wrap a .ea-readmore-icon svg {
    background: #FFFFFF;
    padding: 7px 10px;
    margin-left: 8px;
    border-radius: 8px;
}
.wpelemento-seo-blog-section .ea-button-wrap a .ea-readmore-icon svg path {
    fill: #6F41C2;
}
.wpelemento-seo-blog-section .ea-button-wrap a .ea-readmore-icon svg.svg-inline--fa {
    vertical-align: middle;
    margin-top: -2px;
}
/*=========== SEO Blog CSS End ============*/

/*=========== SEO Testimonial CSS Start ============*/
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-isolate .bdt-slider-excerpt {
    max-width: max-content;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-isolate .frist-word:before {
    display: none;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-desc {
    display: flex !important;
    flex-direction: column !important;
}
.wpelemento-seo-testimonial-section .bdt-sub-title {
    order: 2 !important;
}
.wpelemento-seo-testimonial-section .bdt-main-title {
    order: 1 !important;
}
.wpelemento-seo-testimonial-section .bdt-slider-excerpt {
    order: 3 !important;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-previous i, .bdt-prime-slider-next i {
    display: none;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-isolate .bdt-slider-excerpt p {
    padding-top: 30px;
}
.wpelemento-seo-testimonial-section .bdt-sub-title {
    width: auto !important;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider .bdt-prime-slider-desc .bdt-sub-title h4 {
    width: fit-content;
    color: #E5E5E5;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-isolate .bdt-slideshow-item {
    margin: 0px;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-social-icon a {
    color: #000;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-social-icon a:hover {
    color: #6F41C2;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-social-icon {
    left: 85px;
    z-index: 9;
}
.wpelemento-seo-testimonial-section .bdt-slider-nav-text {
    display: none;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-previous, .wpelemento-seo-testimonial-section .bdt-prime-slider-next {
    width: 48px;
    height: 48px;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-next, .bdt-prime-slider-skin-locate .bdt-prime-slider-previous {
    margin: 0 8px !important;
    background-color: #000;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-previous::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f060';
    color: #000000;
    font-size: 16px;
    padding: 18px;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-next::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f061';
    color: #000000;
    font-size: 16px;
    padding: 18px;
}
.wpelemento-seo-testimonial-section .elementor-widget__width-inherit {
    box-shadow: 0px 2px 7px #6F41C2;
    border-radius: 20px;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate:before {
    background: #2E8380;
    border-radius: 20px 0px 0px 20px;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-desc {
    padding-left: 0px !important;
    padding: 40px 0px 0px
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-desc .bdt-title-tag {
    margin-bottom: 0px; 
}
.bdt-prime-slider-previous:hover.bdt-prime-slider-previous::after,  .bdt-prime-slider-next:hover.bdt-prime-slider-next::after{
    color: #FFF;
}
/*=========== SEO Testimonial CSS End ============*/

/*=========== SEO Newsletter CSS Start ============*/
.wpelemento-seo-newsletter-section .e-con-inner {
    box-shadow: 0px 2px 10px #0000001F;
    background-color: #1C1B1B;
    z-index: 99;
    border-radius: 45px;
    margin-bottom: -125px;
}
.wpelemento-seo-newsletter-section .wpcf7-spinner {
    display: none;
}
.wpelemento-seo-newsletter-section form {
    position: relative !important;
    width: max-content !important;
    text-align: center;
}
.wpelemento-seo-newsletter-section input[type=email] {
    width: 700px;
}
.wpelemento-seo-newsletter-section input[type=submit] {
    position: absolute !important;
    right: 0px !important;
    top: 0 !important;
} 
.wpelemento-seo-newsletter-section form .wpcf7-response-output {
    border: 2px solid #6F41C2 !important;
}
.wpelemento-seo-newsletter-section form .wpcf7-not-valid-tip {
    color: #000;
    display: none;
}
/*=========== SEO Newsletter CSS End ============*/

/*=========== SEO Search icon CSS Start ============*/
.ekit_modal-searchPanel .ekit-search-group input:not([type=submit]) {
    /* background-color: transparent; 
    border-radius: 0px !important;
    border:unset !important;
    border-bottom: 2px solid #6F41C2 !important;
    box-shadow: 6px 7px 10px 1px #6F41C2; */
}
.ekit_modal-searchPanel .ekit-search-group .ekit_search-button {
    right: 20px !important;
    width: 25px !important;
}
.wpelemento-seo-menubar-section .ekit-search-group .ekit_search-button {
    color: #000 !important;
}
.wpelemento-seo-search-section .ekit_search-button svg path {
    stroke: #fff!important;
    fill: #fff!important;
}
.search .wp-block-latest-posts__list li a {
    color: #121212;
}
.ekit_search-button .svg-inline--fa {
    height: 22px;
}
.search .wp-block-latest-posts.wp-block-latest-posts__list li {
    padding: 10px 0;
}
.search .wp-block-heading {
    margin-top: 10px;
}
button.mfp-close.ekit-popup-close {
    border-radius: 0% !important;
}
.mfp-bg.ekit-promo-popup {
    background-color: rgba(0,0,0,.87);
    padding-bottom: 100%;
    border-radius: 100%;
    overflow: hidden;
    -webkit-animation: menu-animation .8s ease-out bounce !important;
    animation: menu-animation .8s ease-out bounce !important;
}
/*=========== SEO Search icon CSS End ============*/

/*=========== SEO Return to top CSS Start ============*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #6F41C2;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999;
    box-shadow: 0px 2px 6px #CCBABAF2;
    cursor: pointer;    
  }
  #return-to-top i {
    color: #fff;
    font-weight: 800px;
    position: relative;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 3px 18px;
    cursor: pointer;
  }
  #return-to-top:hover {
  background-color: #000;
  }
  #return-to-top:hover i {
    color: #fff;
    top: 5px;
  }
  #return-to-top .elementor-icon i:before, .elementor-icon svg:before{
    position: absolute;
    left: 71%;
    font-weight: 900;
  }
/*============= Return to top CSS End ==============*/


#maincontent {
    padding-top: 3em;
}

ul.sub-menu {
    position: absolute;
    background: #fff !important;
    padding: 0px;
    top: 100%;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 180px;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 18px 43px rgb(90 90 90 / 14%);
    -khtml-box-shadow: 0 18px 43px rgba(90,90,90,.14);
    -moz-box-shadow: 0 18px 43px rgba(90,90,90,.14);
    -ms-box-shadow: 0 18px 43px rgba(90,90,90,.14);
    -o-box-shadow: 0 18px 43px rgba(90,90,90,.14);
    box-shadow: 0 18px 43px rgb(90 90 90 / 14%);
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    clip: unset !important;
    -webkit-transform: scaleY(0);
    -khtml-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    text-align: left;
}
.elemento-farm-navigation-box nav.hfe-nav-menu__layout-horizontal li:hover .sub-menu{
    visibility: visible;
    opacity: 1;
    clip: inherit;
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
.elemento-farm-navigation-box .sub-menu li a:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0px;
    background-color: #fff;
    left: 0;
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0,1);
    -khtml-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -khtml-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -moz-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -ms-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -o-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    transition: transform .3s cubic-bezier(.37,.31,.2,.85);
}
.sub-menu li {
    border-bottom: unset !important;
}
.elemento-farm-navigation-box .sub-menu li:hover>a:before {
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transform: scale(1,1);
    -khtml-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

@keyframes aaa {
  0%{
    left: -110%;
    top: 90%;
  }50%{
    left: 10%;
    top: -30%;
  }100%{
    top: -10%;
    left: -10%;
  }
}
/*-------Preloader------------*/
.demo{ 
    background: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.loader img {
    width: 50% ;
}
.loader{
    width: 300px;
    height: 300px;
    margin: 0 auto;
    position: relative;
    top: 30%;
}
.loader .loader-inner-1{
    width: 270px;
    height: 270px;
    border-radius: 50%;
    border-bottom: 10px dashed #A06F48;
    position: absolute;
    animation: loading-1 5s infinite linear;
}
.loader .loader-inner-2{
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border-bottom: 10px dotted #ffb67a;
    position: absolute;
    top: 50px;
    left: 45px;
    animation: loading-1 1s infinite linear;
}
.loader .loader-inner-3{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border-bottom: 5px solid #805810;
    position: absolute;
    top: 100px;
    left: 90px;
    animation: loading-1 2s infinite linear;
}
@keyframes loading-1{
    from{ -webkit-transform: rotate(0deg); }
    to{ -webkit-transform: rotate(360deg); }
}
.postbox {
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    padding: 25px;
    margin-bottom: 30px;
}
a.search-post-readmore {
    color: #121212;
    font-weight: 600;
}