.container-marketplace, .marketplace-header, .banner-container .store-banner {
    max-width: 1340px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

header.wc-marketplace {
    background: linear-gradient(93.81deg, #1183A7 28.89%, rgba(165, 104, 243, 0.85) 134.03%, #28A2C9 139.71%);
    padding: 16px 0;
    position: sticky;
    top: 0;
    z-index: 99;
}
.marketplace-header .logo-area {
    display: flex;
    align-items: center;
    gap: 12px;
}
.marketplace-header .logo-area span.storename{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}
.marketplace-header .header-search {
    width: 332px;
}

.header-search input {
    background-image: url("../img/marketplace/search.svg");
    background-position: 14px 11px;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    border: 0;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    height: 38px;
    padding: 10px 10px 10px 38px;
    width: 100%;
}
.header-search input::placeholder {
    color: rgba(255,255,255,.7);
}
.header-search input:focus {
    outline: 0;
    box-shadow: none;
}
.marketplace-header .left-part {
    display: flex;
    align-items: center;
    gap: 50px;
}
.marketplace-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.marketplace-header .right-part a, .marketplace-header .right-part button {
    font-size: 17px;
    color: #fff;
    padding: 9px 24px;
    font-weight: 500;
    height: 43px;
}
.marketplace-header  .right-part .start-free {
    background: #00CA88;
    border-radius: 3px;
}
.marketplace-header  .right-part .start-free:hover {
    background: #04d792;
}
.banner-container {
    background: url("../img/marketplace/banner.png") no-repeat center/cover;
    padding: 130px 0;
}
section.banner-container.plugin-listing-banner {
    background: url("../img/marketplace/plugin-listing-tumb.png") no-repeat bottom/cover;
    padding: 95px 0;
    min-height: 390px;
}
.store-banner .banner-content h1 {
    font-size: 42px;
    line-height: 55px;
    color: #FFFFFF;
    margin: 0 0 20px 0;
}
.store-banner .banner-content p {
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0;
}
.store-banner .banner-content {
    max-width: 516px;
}
.market-product {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    margin-top: 48px;
}
.market-product a {
    background: url("../img/marketplace/right-arrow.svg") no-repeat ;
    background-position: calc(100% - 20px) 50%;
    padding: 15px 50px 15px 15px;
    display: flex;
    gap: 10px;
}
.market-product a + a {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.market-product a:hover {
    background-color: #1199C4;
}
.market-product a .name {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin: 0 0 5px 0;
}
.market-product a .blurb {
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #FFFFFF;
}
.market-product a span.icon {
    width: 25px;
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.see-more-container {
    text-align: center;
    margin-bottom: 100px;
}
.see-more {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    background: transparent;
    color: #0F85AB;
    font-weight: 500;
}
.see-more:hover {
    color: #003040;
}
.see-more:hover svg path{
    stroke: #003040;
}
.see-more:focus {
    outline: 0;
}
body.page-template-template-search-marketplace section.plugins-card-container {
    margin-bottom: 80px;
}
body.page-template-template-search-marketplace section.theme-store {
    margin-top: 70px;
}
span.tox-statusbar__branding {
    display: none;
}
/*common component*/
.border-bottom{
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.profile {
    display: flex;
    align-items: center;
    gap: 15px;
}
.profile img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    object-fit: cover;
}
.product-card {
    display: flex;
    align-items: start;
    gap: 16px;
    border: 1px solid #F0F3F4;
    border-radius: 10px;
    padding: 20px;
}
.product-card img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 6px;
}
.product-card-info {
    flex: 1;
}
.product-card-info .name-v {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.product-card .name {
    font-weight: 600;
    font-size: 23px;
    line-height: 30px;
}
.product-card .version {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    background: #0DC15C;
    border-radius: 4px;
    padding: 2px 4px;
    display: inline-block;
    color: #fff;
    white-space: nowrap;
}
.product-card-info p {
    font-weight: 400;
    font-size: 14px;
    margin: 0;
}
.no-result {
    text-align: center;
    width: 100%;
    display: block;
    margin: 30px 0;
    color: red;
    font-size: 30px;
    line-height: 40px;
    padding: 0 20px;
}
.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0 0 50px 0;
}
ul.breadcrumb li.separator {
    margin: 0 10px;
    vertical-align: middle;
    margin-top: -1px;
}
.breadcrumb a,
.breadcrumb li
{
    color: #353535;
    font-size: 13px !important;
    margin: 0;
}
.title-bar {
    margin: 100px 0 50px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.title-bar h2{
    font-weight: 600;
    font-size: 35px;
    line-height: 46px;
    color: #032430;
    margin-bottom: 15px;
}
.title-bar p{
    font-size: 16px;
    line-height: 18px;
    color: #353535;
    margin: 0;
}
.title-bar-button {
    /*padding-bottom: 20px;*/
}

.profile-photo-edit {
    width: 100px;
    height: 100px;
    left: 0px;
    top: 0px;
    background: #FF9F40;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}
.profile-photo-edit img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    object-fit: cover;
    background: #eee;
}
.short-name {
    font-weight: 400;
    font-size: 34px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    padding: 38px 0;
}
#SubmitForReviewModal .product-card .short-name {
    width: 64px;
    background: #37CFFF;
    height: 64px;
    padding: 10px;
    vertical-align: middle;
    border-radius: 6px;
    line-height: 43px;
}
.file > label {
    cursor: pointer;
    outline: 0;
    user-select: none;
    background-color: rgba(0,0,0,.1);
    margin: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 5px;
    z-index: 2;
}
.file > label svg{
    vertical-align: middle;
}
.file > input[type='file'] {
    display: none;
}
a.btn-arrow  {
    border-bottom: 1px solid #1199C4;
}
a.btn-arrow svg {
    margin-left: 5px;
}

.notify-u {
    min-height: 750px;
    padding: 50px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.notify-u h1 {
    color: #032430;
    font-size: 36px;
    line-height: 47px;
    margin: 40px 0 10px;
}
.notify-u p {
    color: #032430;
    font-size: 20px;
    line-height: 28px;
}
.notify-u p span {
    color: #1199C4;
    font-weight: 500;
}
.notify-u strong {
    color: #262626;
    font-weight: 500;
    font-size: 22px;
    display: block;
    line-height: 35px;
}
a.backTohome {
    font-weight: 600;
    font-family: 'Source Sans Pro';
    font-size: 15px;
    border-bottom: 1px solid #1199C4;
    margin-top: 40px;
    display: inline-block;
}
a.backTohome span{
    padding-left: 5px;
}
a.backTohome:hover{
    color: #003040;
    border-color: #003040;
}
a.backTohome:hover svg path{
    fill: #003040;
}
/*Product Item CSS Start*/
section.plugin-listing-container {
    padding-bottom: 80px;
}
section.plugins-card-container {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    margin: 0 0  100px 0;
}

section.plugins-card-container .plugins-card-item{
    border-bottom: 1px solid #EBEBEB;
    padding: 52px 65px 52px 0;
}
section.plugins-card-container .plugins-card-item:nth-last-child(-n + 4){
    border-bottom: 0;
}
.p-icon {
    height: 48px;
    margin-bottom: 20px;
}

 .p-name {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #032430;
    font-family: 'Source Sans Pro';
    margin-bottom: 4px;
}
 .p-name a {
    color: #032430;
}
span.p-developer {
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #5F5E5E;
}
span.p-developer, span.p-developer a {
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #5F5E5E;
}
 span.p-developer a {
     text-decoration: underline;
     padding-left: 4px;
}
p.p-short-des {
    font-size: 15px;
    line-height: 22px;
    color: #262626;
    margin: 12px 0 15px;
}
.p-rating {
    font-size: 13px;
    line-height: 16px;
    color: #262626;
    display: flex;
    gap: 5px;
    align-items: center;
}
.p-price {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #5F5E5E;
    font-family: 'Source Sans Pro';
    margin-top: 10px;
}
.p-price strong{
    color: #353535;
    font-weight: 600;
    padding-right: 5px;
}
.p-price-free {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #5F5E5E;
    font-family: 'Source Sans Pro';
    margin-top: 10px;
}
/*Product Item CSS End*/
/*Theme card CSS Start*/
section.theme-store {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin: 32px 0 100px 0;
    gap: 15px;
}
.theme-card {
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.15), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 5px;
    overflow: hidden;
}
.theme-card  .title-container {
    padding: 24px 16px;
}
.theme-card  .title-container .theme-name{
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    margin: 0 0 8px 0;
}
.theme-card  .title-container .theme-price{
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #353535;
}
.theme-card .thumb {
    height: 244px;
    position: relative;
    overflow: hidden;
}
.theme-card .thumb img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.theme-card .thumb .hovered-menu { 
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    background: rgba(3, 36, 48, 0.85);
    align-items: center;
    justify-content: center;
    transition: all ease-in-out .2s;
}
.theme-card:hover  .hovered-menu{ 
    opacity: 1;
}

.theme-card:hover {
    box-shadow: 0px 1px 10px rgba(9, 30, 66, 0.15), 0px 0px 10px rgba(9, 30, 66, 0.31);
    opacity: 1;
}
.theme-card .thumb .hovered-menu a {
    background: transparent;
    color: #fff;
    padding: 12px 20px;
    border-radius: 3px;
    border: 1px solid #FFFFFF;
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    max-width: 240px;
    width: 100%;
}
.theme-card .thumb .hovered-menu a.view-details {
    background: #1199C4;
    border-color: #1199C4;
}
.theme-card .thumb .hovered-menu a.view-details:hover {
    background: #0cabdd;
    border-color: #0cabdd;
}
.theme-card .thumb .hovered-menu a.preview:hover {
    background: #1199C4;
    border-color: #1199C4;
}

/*Theme card CSS End*/

/*Product Details Start*/
section.details-header {
    background: #F8F9FC;
    padding: 20px 0 70px 0;
}
section.details-content-container .container-marketplace {
    display: flex;
    justify-content: space-between;
    padding-top: 70px;
    padding-bottom: 100px;
}
section.details-content-container .container-marketplace .left-content {
    flex-basis: 840px;
    max-width: 840px;
}
section.details-content-container .container-marketplace .right-sidebar {
    padding-left: 110px;
    flex: 1;
}
section.details-content-container a {
    text-decoration: underline;
}
.data-privacy-icon-content .item {
    display: flex;
    gap: 14px;
}
.data-privacy-icon-content .item + .item{
    margin-top: 24px;
}
.data-privacy-icon-content .item h6{
    margin: 0 0  10px 0;
}
.data-privacy-icon-content .item h6 {
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
.data-privacy-icon-content .item span {
    font-size: 14px;
    line-height: 18px;
    color: #696969;
}
.data-privacy-icon-content .item svg {
    margin-top: 1px;
}
.data-privacy-icon-content {
    padding: 20px 20px;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 5px;
}
.pricing-item-container .item  {
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 8px;
    overflow: hidden;
    flex: 1;
}
.pricing-item-container .item .top-header {
    background: #004156;
    padding: 24px 20px 16px;
    text-align: center;
    color: #fff;
    font-family: 'Source Sans Pro';
    font-style: normal;
    min-height: 155px;
}
.one-time-payment {
    margin: 20px 0;
}
.one-time-payment span.plugin-doller {
    font-size: 40px;
    padding-bottom: 10px;
    display: block;
}
.pricing-item-container .item .price-features {
    border-radius: 0 0 8px 8px;
}
.pricing-item-container .item .price-features ul{
    margin: 0;
    padding: 0;
}
.pricing-item-container .item .price-features ul li {
    list-style: none;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 18px !important;
    margin-bottom: 20px;
    display: flex;
    margin: 0;
    padding: 8px 16px 8px 35px;
    position: relative;
}
.pricing-item-container .item .price-features ul li + li {
    border-top: 1px solid #F0F3F4;
}
.pricing-item-container .item .price-features ul li svg {
    margin-top: 4px;
    position: absolute;
    left: 15px;
}
.pricing-item-container .item .price-features ul li span{
    flex: 1;
}
.pricing-item-container .item .top-header > span {
    letter-spacing: 0.02em;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    text-transform: capitalize;
}
.pricing-item-container .item .top-header > .price-amount{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    margin: 16px 0 5px;
}
.pricing-item-container .item .top-header > .price-amount strong {
    font-weight: 600;
    font-size: 24px;
}
.pricing-item-container .item .top-header > .price-billed {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.02em;
}
.pricing-item-container .item .top-header > .price-billed strong{
    font-weight: 500;
}
.pricing-item-container {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-gap: 16px;
}
section.details-header .header-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
section.details-header .details-information {
    display: flex;
    align-items: center;
    gap: 30px;
}
section.details-header .details-information .product-info{
    flex-basis: 600px;
    max-width: 600px;
    flex: 1;
}
section.details-header .details-information .p-icon {
    width: 138px;
    height: 138px;
    border-radius: 8px;
}
section.details-header .details-information .p-icon img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
}
section.details-header .details-information .product-info .p-name {
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 8px;
}
section.details-header .details-information span.p-developer {
    margin-bottom: 6px;
}

section.details-header .details-information p.p-short-des {
    font-size: 14px;
}

section.details-header  .details-price-information {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    max-width: 220px;
    flex-basis: 220px;
}
section.details-header  .details-price-information .price-amount {
    font-size: 18px;
    color: #353535;
}
section.details-header  .details-price-information .btn {
    margin: 25px 0 20px 0;
}
section.details-header  .details-price-information span {
    color: #353535;
    font-size: 14px;
}
.develop-by-card {
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 5px;

}
.develop-by-card .top-part {
    display: flex;
    gap: 12px;
    padding: 20px;
    border-bottom: 1px solid #F0F3F4;
}
.develop-by-card .top-part  .p-icon {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 5px;
    overflow: hidden;
}
.develop-by-card .developer-info {
    font-size: 13px;
    line-height: 16px;
    color: #262626;
    font-weight: 400;
    flex: 1;
}
.develop-by-card .developer-info .p-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    margin-top: 4px;
}
.develop-by-card .content-part  {
    padding: 20px;
}
.develop-by-card .content-part ul  {
    padding: 0;
    margin: 0;
}
.develop-by-card .content-part ul li {
    list-style: none;
    margin-bottom: 12px;
}
.develop-by-card .content-part ul li a {
    color: #032430;
    font-size: 14px;
    text-decoration: none;
}
.develop-by-card .content-part ul li a:hover {
    color: #139AC4;
}
.develop-by-card .content-part ul li a:hover svg path{
    stroke: #139AC4;
}
.develop-by-card .content-part ul li a svg {
    width: 16px;
}
.develop-by-card .content-part ul li a span{
    padding-left: 8px;
}
.product-list-item {
    display: flex;
    gap: 12px;
    margin-bottom: 30px;
}
.product-list-item .p-icon{
    width: 60px;
    height: 60px;
    margin: 0;
    filter: drop-shadow(0px 1px 1px rgba(9, 30, 66, 0.25)) drop-shadow(0px 0px 1px rgba(9, 30, 66, 0.31));
}
.product-list-item .p-icon img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.product-list-item .p-name {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
}
.product-list-item .p-name a{
    color: #032430;
}
.product-list-item  a{
    text-decoration: none !important;
}
.product-list-item  a:hover{
    color: #139AC4;
}
.product-list-item span.p-developer a {
    margin: 0px 0 2px 0;
}
.product-list-item .product-info {
    flex: 1;
}
.product-list {
    margin: 24px 0;
}
.sidebar-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #032430;
    font-family: 'Source Sans Pro';
    margin-top: 40px;
}
section.details-header .details-information.theme-details-information{
    max-width: 600px;
    flex-basis: 600px;
    flex-direction: column;
    align-items: start;
}
section.details-header .details-information.theme-details-information .details-price-information {
    align-items: start;
    justify-content: start;
    text-align: left;
    max-width: inherit;
    flex-basis: initial;
    padding-bottom: 65px;
}
section.details-header .details-information.theme-details-information .details-price-information .btn-group {
    gap: 20px;
}
section.details-header .details-information.theme-details-information .details-price-information .btn-group .btn{
    font-weight: 600;
    font-size: 16px;
   min-width: 240px;
}
section.details-header.theme-details-header {
    padding-bottom: 0;
}
section.details-header.theme-details-header .header-info {
    align-items: end;
}
.theme-details-information.details-information .btn {
    padding: 14px;
}
section.plugin-listing-container .title-bar h2 {
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 8px;
    margin-top: 0;
}
section.plugin-listing-container  .title-bar {
    margin-bottom: 10px;
    margin-top: 0px;
}
section.plugin-listing-container .plugin-list + .plugin-list{
    border-top: 1px solid #EBEBEB;
    padding-top: 50px;
}
section.plugin-listing-container section.plugins-card-container {
    margin: 0 0  10px 0;
}
.sorting-menu ul {
    margin: 60px 0 65px 0;
    padding: 0;
    border-bottom: 1px solid #EBEBEB;
}
.sorting-menu ul li {
    list-style: none;
    display: inline-block;
    margin: 0;
}

.sorting-menu ul li a {
    padding: 16px 20px;
    border-bottom: 2px solid transparent;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #032430;
    font-family: 'Source Sans Pro';
    display: inline-block;
}
.sorting-menu ul li a:hover {
    color: #1199C4;
}
.sorting-menu ul li.active a{
    border-color: #1199C4;
    color: #1199C4;
}
section.details-header.plugin-list-cat-banner {
    padding: 20px 0 40px 0;
}
section.details-header.plugin-list-cat-banner  .breadcrumb {
    margin: 0 0 40px 0;
}
section.details-header.theme-list-cat-banner {
    padding: 70px 20px;
    text-align: center;
    display: flex;
}
 section.details-header.theme-list-banner .p-name{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 53px;
    text-align: center;
    color: #032430;
}
section.details-header.theme-list-banner p {
    font-weight: 500;
    font-size: 20px;
    line-height: 18px;
    color: #353535;
    font-family: 'Source Sans Pro';
    font-style: normal;
    text-align: center;
    display: block;
    margin: 18px 0 0 0;
}
section.details-header.theme-list-banner {
    padding: 70px 20px;
}
section.filter-theme ul {
    margin: 0;
    padding: 0;
}
/*Product Details CSS End*/

/*Testimonial CSS Start*/
section.testimonial-slider {
    background: url("../img/marketplace/testi-bg.png") no-repeat center;
    background-size: cover;
}
.testimonial-slider-marketplace .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 39px;
}
.testimonial-slider-marketplace .owl-item {
    color: white;
    text-align: center;
    padding: 140px 0 0 0;
}

.testimonial-slider-marketplace .owl-prev,
.testimonial-slider-marketplace .owl-next {
    display: inline-block;
}
.testimonial-slider-marketplace .owl-next {
    float: right;
}
.testimonial-slider-marketplace .item .content-testimonial {
    max-width: 940px;
    flex-basis: 940px;
    text-align: left;
    padding-right: 0;
    padding-left: 80px;
    position: relative;
}
.testimonial-slider-marketplace .item .content-testimonial:before {
    content: "";
    width: 40px;
    height: 32px;
    display: inline-block;
    background: url("../img/marketplace/quote.png") no-repeat center;
    position: absolute;
    top: -40px;
    left: 0;
}
.testimonial-slider-marketplace .item .user-photo {
    flex: 1;
}
.testimonial-slider-marketplace .item .content-testimonial p {
    font-size: 25px;
    line-height: 152%;
    margin-bottom: 40px;
}
.testimonial-slider-marketplace .item .content-testimonial strong {
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-size: 23px;
    line-height: 130%;
    color: #000;
}
.slider-counter {
    font-size: 16px;
    line-height: 32px;
    color: #000;
}
.testimonial-slider-marketplace  .owl-nav button {
    background: transparent;
    padding: 5px 0;
}
.testimonial-slider-marketplace  .owl-nav button:focus {
    outline: 0;
}
.testimonial-slider-marketplace  .owl-nav {
    padding-left: 80px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding-bottom: 120px;
    z-index: 9;
    position: relative;
}
/*Testimonial CSS End*/


li.category-select-item {
    display: inline-block;
    margin: 0 10px;
}
.category-select-list ul  {
    margin: 0;
    padding: 0;
}
.category-select-list ul li.category-select-item:first-child {
    margin-left: 0;
}
.category-select-list ul li.category-select-item {
    cursor: pointer;
    display: inline-block;
    margin: 5px;
    border: 1px solid #1199C4;
    border-radius: 3px;
    padding: 10px 30px 10px 14px;
    font-weight: 600;
    font-size: 14px !important;
    line-height: 18px !important;
    font-family: 'Source Sans Pro';
    font-style: normal;
    background: url(../img/marketplace/close.png) no-repeat;
    background-position: calc(100% - 12px) 15px;
}

.visit-this-site.desktop-visit.use-this-template button {
    font-weight: 500;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    letter-spacing: 0.02em;
    max-width: max-content;
    height: 34px;
    padding: 5px 16px;
    margin-left: 5px;
}
body.marketplace .top-part-portfolio {
    padding: 14px 22px;
}
body.marketplace .ti-portfolio {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin-left: 20px;
    border-left: 1px solid #999999;
    padding-left: 20px;
}
body.marketplace .back-portfolio a {
    color: #0F85AB;
}
body.marketplace .back-portfolio a svg path {
    stroke: #0F85AB;
}


/* WebCommander Pricing Start */

.pricing-step.tab-warp {
    justify-content: flex-end;
    padding-bottom: 0;
}
.webcommander-pricing-title {
    margin: 0 0 32px;
}
.webcommander-pricing-title h2 {
    font-weight: 600;
    font-size: 23px;
    line-height: 29px;
    color: #000000;
    margin: 0 0 10px;
}
.webcommander-pricing-title p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #353535;
}
.webcommander-pricing-table-scroll {
    overflow-x: auto;
    height: 535px;
}

.webcommander-pricing-table-scroll::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #F5F5F5;
}

.webcommander-pricing-table-scroll::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.webcommander-pricing-table-scroll::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #ccc;
}
.choose-plan label {
    padding: 10px 16px !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px !important;
    text-transform: capitalize;
    background: #139AC4;
    color: #ffffff !important;
    border-radius: 0;
    font-family: 'Source Sans Pro';
    width: 100%;
}
.choose-plan label:hover {
    background: #0888b1;
}
.choose-plan label:after,
.choose-plan label:before
{
    display: none;
}
.webcommander-pricing-table {
    min-width: 1090px;
    border: 1px solid #F0F3F4;
}
.webcommander-pricing-table .wpt-row {
    border-bottom: 1px solid #F0F3F4;
    display: flex;
    justify-content: space-between;
}
.webcommander-pricing-table .wpt-row:last-child {
    border-bottom: none;
}
.webcommander-pricing-table .wpt-row .wpt-col {
    padding: 16px 16px;
    border-right: 1px solid #F0F3F4;
    min-width: calc(33% - 113px);
    max-width: calc(33% - 113px);
}
.webcommander-pricing-table .wpt-row.first-row .wpt-col {
    padding: 32px 24px;
}
.webcommander-pricing-table .wpt-row .wpt-col:last-child {
    border-right: none;
}
.webcommander-pricing-table .wpt-row .wpt-col.highlight {
    background: #F4FCFE;
}
.webcommander-pricing-table .wpt-row .wpt-col.first-col {
    min-width: 350px;
    max-width: 350px;
}
.webcommander-pricing-table .wpt-row .wpt-col p {
    font-size: 14px;
    line-height: 18px;
    color: #262626;
    margin: 0;
}
.webcommander-pricing-table .wpt-row .wpt-col .info {
    color: #5F5E5E;
}
.webcommander-pricing-table .wpt-row .wpt-col h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #262626;
    margin: 0 0 12px;
}
.webcommander-pricing-table .wpt-row .wpt-col h3 {
    font-weight: 600;
    font-size: 23px;
    line-height: 29px;
    color: #262626;
}
.webcommander-pricing-table .wpt-row .wpt-col h3 small {
    font-weight: 500;
    font-size: 14px;
}
/* WebCommander Pricing End */


/*reviews*/
.reviews {
    background: #FFFFFF;
    margin-top: 20px;
    border: 1px solid #F0F3F4;
    border-radius: 5px;
}
.review-top-inner{
    display: flex;
    justify-content: space-between;
    padding: 24px 24px 28px 24px;
    border-radius: 5px;
}

.review-top-left{
    width: 100%;
    max-width: 131px;
    margin-right: 24px;
    text-align: center;
}
.review-top-left h3{
    font-size: 40px;
    line-height: 53px;
    color: #262626;
    margin: 0;
}
.review-top-inner .review-top-left p {
    font-size: 13px;
    color: #696969;
    margin: 0;
    padding: 8px 0 0 0;
}
.review-top-left h2{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 53px;
    color: #262626;
    padding-bottom: 5px;
}

.review-top-left p{
    padding-top: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #696969;
}

.review-top-right{
    width: 100%;
}

.progress-container {
    display: flex;
    width: 100%;
    margin-bottom: 3px;
}
.progress-label {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #262626;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 3px;
}
.total-count {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #262626;
    width: 30px;
    text-align: right;
}
.progress {
    width: 100%;
    background-color:#F0F3F4;;
    height: 8px;
    border-radius: 3px;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 4px;
}
.progress-bar {
    width: 0%;
    height: 100%;
    background-color: #00B090;
    border-radius: 3px;
    text-align: right;
    transition: width 0.5s ease-in-out;
    padding-right: 0px;
    box-sizing: border-box;
}

/*border-divider*/
.border-divider{
    border: 1px solid #EBEBEB;
    margin-right: 24px;
    margin-left: 24px;
}

/*write-review*/
.write-review{
    padding-bottom: 24px;
}
.write-review-header{
    display: flex;
    justify-content: space-between;
    padding: 24px 24px 28px 24px;

}
@media (max-width: 650px){
    .review-top-inner{
        display: flex;
        flex-wrap: wrap;
        padding-right: 20px;
        padding-left: 10px;
    }
    .review-top-left{
        width: 100%;
        min-width: 131px;
        margin: 0 auto;
        padding: 0 0 10px 0;
    }
    .progress-container{
        margin: 0 auto;
        padding: 5px 10px 0 10px;
    }
    .write-review-header{
        flex-wrap: wrap;
    }
    .write-review-header-left{
        padding-top: 10px;
    }
    .review-desc-box{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .write-review-header-right h2{
        font-size: 14px !important;
    }

}
.write-review-header-right{
    display: flex;
    align-items: center;
}

.write-review-header-right h2{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #262626;
    margin: 0;
}
.select-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}
.select-wrapper select {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #262626;
    border: 0;
    cursor: pointer;
    outline: none;
    position: relative;
    background-position: calc(100% - 0px) 9px;
    padding: 0px 18px 0px 10px !important;
    background-size: 11px;
    height: 24px;
    border: 0;
}
.select-wrapper select:focus {
    box-shadow: none !important;
}
.select-wrapper select:focus {
    border-color: #4CAF50;
}

.write-review-header-left button   {
    font-weight: 600;
    font-size: 16px;
    padding: 12px 14px 11px 14px;
}

/*review-desc*/
.review-desc-box{
    background: #FFFFFF;
    padding: 0 24px 28px 24px;
}
.review-desc {
    padding: 20px;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    box-shadow: 6px 6px 16px -8px rgba(0,0,0,.1);
}

.review-desc label{
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}
.review-desc textarea {
    width: 100%;
    font-size: 16px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    border-radius: 3px;
    padding: 10px 15px;
}
.review-desc textarea:focus {
    border: 1px solid #5c81cb !important;
    outline: 0;
}

.text-area-wrapper {
    position: relative;
    width: 100%;
}
.max-word-limit {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #495057;
    text-align: right;
}

.review-rating {
    padding-top: 28px;
    padding-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.review-rating .rating-app{
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}
.review-button {
    display: flex;
    justify-content: end;
    border-top: 1px solid #e9e9e9;
    padding-top: 18px;
}
.review-button button {
    width: auto;
}
.review-button .cancel{
    background: #F6F6F7;
    border-radius: 3px;
    padding: 7px 16px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #262626;
    border: 0;
    cursor: pointer;
}

.review-button .submit-review{
    padding: 7px 16px;
    background: #1199C4;
    border-radius: 3px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    border: 0;
    margin-left: 12px;
    cursor: pointer;
    text-transform: capitalize;
    color: #FFFFFF;
}

/*customer-review*/
.customer-review-reply {
    padding-left: 50px;
    margin-top: -20px;
    overflow: hidden;
    background: #fff;
}
.customer-review-reply .customer-review-reply{
    padding-left: 50px;
}
.customer-review-reply .customer-review-desc{
    margin-top: 0;
    border: 0;
}
.customer-review{
    padding: 0 24px 0 24px;
    border-top: 1px solid #EBEBEB;
}
.customer-review:first-child{
    border-top: 0;
}
.customer-review-top{
    display: flex;
    padding-top: 20px;
}
.user-photo {
    width: 40px;
    height: 40px;
    background: #FF9F40;
    border-radius: 32px;
    overflow: hidden;
}
.user-photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.user-photo .short-text{
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    color: #FFFFFF;
    text-align: center;
}
.customer-review-top-inner {
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.customer-review-top-inner .name-n-date {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 4px;
    line-height: 18px;
    color: #262626;
}
.customer-review-top-inner .name-n-date span{
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #828282;
}
.customer-review-desc {
    padding-left: 52px;
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 20px;
    margin-top: 20px;
}
.customer-review-comment-container .customer-review:last-child .customer-review-desc {
    border: 0;
}
.customer-review-desc strong{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #262626;

}

.customer-review-desc p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding-top: 8px;
    color: #000;
    margin-bottom: 20px;
}

.customer-review-desc .read-more {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #009FD9;
    text-decoration: none;
}
.customer-review-desc .read-more:hover{
    text-decoration: underline;
}
a.read-more.read-more-text {
    color: rgba(130, 130, 130, 1);
    text-decoration: underline;
}
a.read-more.read-more-text:hover {
    color: #009FD9;
}

/*Steps design css Start*/
.seperate-login-form {
    height: 100%;
}
.login-container .form-error {
    width: 100%;
    margin: 0;
    font-size: 14px;
    padding: 5px 10px;
}
.template-choose label{
    width: 100%;
}
.template-choose label:after,
.template-choose label:before{
    display: none;
}
.template-choose label {
    width: 100%;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: start;
}
.template-choose label img {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    object-fit: cover;
    display: block;
}
.template-choose label button{
    margin-left: auto;
}
.template-choose label .instance-btn {
    margin-left: auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    background: #1199C4;
    border-radius: 3px;
    height: 28px;
    padding: 6px 10px;
}
.template-choose label .instance-btn:hover {
    background: #0ba3d3;
}
.template-choose  .instanse-name {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin-bottom: 2px;
}
.template-choose  .instanse-title span {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #5F5E5E;
}
.template-choose  .instanse-title {
    margin-left: 16px;
}
.instance-lists{
    height: 350px;
    overflow: auto;
}

.instance-lists::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #F5F5F5;
}

.instance-lists::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.instance-lists::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #ccc;
}
.accept-and-install-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.installing-logo{
    margin-bottom: 30px;
}
p.adding-title {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    margin-bottom: 14px;
    text-align: center;
}
.adding-container ul {
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 4px;
    margin: 0 0 20px 0;
    padding: 4px 20px;
}
.adding-container ul li{
    list-style: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin: 0;
}
.adding-container ul li:last-child{
    border: 0;
}
.adding-container {
    max-width: 412px;
    width: 100%;
}
.adding-container .btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 18px;
}
.btn-group .btn {
    font-weight: 600 !important;
    font-size: 14px !important;
    width: 100%;
    height: 40px;
    padding: 6px 10px !important;
    line-height: 26px;
}
.spinner-container{
    text-align: center;
    width: 100%;
}
.spinner{
    background: url("../img/marketplace/spinner.png") no-repeat center;
    width: 60px;
    height: 60px;
    margin: 25px auto;
    display: inline-block;
}
#install-message{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #262626;
}
.marketplace-template-skipBtn-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.marketplace-template-skipBtn-group a:only-child {
    margin-left: auto;
}
/*Steps design css End*/
























/* Marketplace Page Reponsive start */
@media only screen and (max-width: 1340px) {
    .tab-warp {
        width: calc(100% - 40px);
    }
}
@media only screen and (max-width: 1200px) {
    .container-marketplace section.plugins-card-container {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .container-marketplace .sorting-menu {
        margin: 17px 0 30px 0;
        overflow-y: auto;
        border-bottom: 1px solid #EBEBEB;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .container-marketplace .sorting-menu::-webkit-scrollbar {
        display: none;
    }
    .container-marketplace .sorting-menu ul {
        margin: 0 !important;
        display: flex;
        flex-wrap: nowrap;
        border: none;
    }
    .container-marketplace .sorting-menu ul li a {
        white-space: pre;
    }
}

@media only screen and (max-width: 1024px) {
    .banner-container.plugin-listing-banner {}
}

@media only screen and (max-width: 991px) {
    .container-marketplace, .marketplace-header, .banner-container .store-banner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .marketplace-header {
        flex-wrap: wrap;
        gap: 0 !important;
    }
    .marketplace-header .left-part {
        flex-wrap: wrap;
        gap: 10px !important;
        justify-content: center;
    }
    .marketplace-header .header-search {
        width: 250px !important;
        max-width: 100%;
    }
    .marketplace-header .right-part {
        flex-wrap: wrap;
        display: flex;
    }
    .banner-container.plugin-listing-banner {}
    .banner-container .store-banner .banner-content h1 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
    .container-marketplace section.plugins-card-container {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media only screen and (max-width: 767px) {
    .notify-u p br{
        display: none;
    }
    .webalive-site-content {
        position: relative;
    }
    header.wc-marketplace {
        background: transparent !important;
        position: absolute !important;
        left: 0;
        width: 100%;
    }
    header.wc-marketplace .marketplace-header .left-part .logo-area .storename {
        display: none;
    }
    header.wc-marketplace .marketplace-header .left-part .header-search {
        display: none;
    }
    header.wc-marketplace .marketplace-header .right-part .buttons {
        display: none;
    }
    header.wc-marketplace .marketplace-header .right-part .search-mobile-menu {
        display: block;
    }
    .banner-container.plugin-listing-banner {
        padding: 120px 0 244px !important;
        background-image: linear-gradient(114.63deg, #1183A7 9.72%, rgba(165, 104, 243, 0.85) 118.12%, #28A2C9 123.98%) !important;
        position: relative;
    }
    .banner-container.plugin-listing-banner::after {
        content: "";
        height: 162px;
        width: 226px;
        background-image: url(../img/marketplace/marketplace-banner-mobile.png);
        background-size: 226px 162px;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        left: 50%;
        bottom: 55px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .banner-container.plugin-listing-banner .store-banner .banner-content {
        max-width: 100%;
        text-align: center;
    }
    .banner-container.plugin-listing-banner .store-banner .banner-content h1 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 24px;
    }
    .banner-container.plugin-listing-banner .store-banner .banner-content p {
        font-size: 14px;
        line-height: 26px;
        font-weight: 400;
    }
    .container-marketplace .title-bar {
        flex-wrap: wrap;
        margin-bottom: 17px;
    }
    .container-marketplace .title-bar h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .container-marketplace .title-bar .btn-arrow {
        margin-top: 20px;
    }
    .container-marketplace section.theme-store {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .container-marketplace section.plugins-card-container .plugins-card-item {
        padding: 30px 30px 30px 0;
    }
    .container-marketplace .sorting-menu ul {
        margin: 17px 0 30px 0;
    }
}

@media only screen and (max-width: 650px) {
    .container-marketplace section.plugins-card-container {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
}

@media only screen and (max-width: 575px) {
    .marketplace-header .left-part {}
    .marketplace-header .right-part {}
    .banner-container.plugin-listing-banner {}
    .container-marketplace section.theme-store {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    .container-marketplace section.plugins-card-container .plugins-card-item {
        padding: 15px 0 15px 0;
    }
}
/* Marketplace Page Reponsive end */





/*Dasboard Agency CSS*/
body.page-template-template-agency-dashboard header#masthead,
body.page-template-template-agency-dashboard a.skip-link.screen-reader-text
{
    display: none;
}

/*agency-dashboard-wrap*/
.agency-dashboard-wrap{

}
/*ds-notification*/
.ds-notification{
    width: 100%;
    height: 38px;
    background-color: #FFC107;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}
.ds-notification p{
    margin: 0 10px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #212529;
}
.ds-notification a {
    color: #212529 !important;
    text-decoration: underline;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
}
.agency-dashboard-head{
    width: 100%;
    height: 60px;
    background: #009FD9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
}
.ds-header-dropdown{
    display: flex;
    align-items: center;
    border: none;
}
.ds-header-dropdown:focus{
    box-shadow: none;
    outline: none;
}
.user-right .avatar{
    width: 34px;
    min-width: 34px;
    height: 34px;
    margin-right: 12px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-right .name{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    margin-right: 12px;
}
.user-right .arrow {
    min-width: 12px;
    line-height: 1;
    margin-bottom: 2px;
}
@media (max-width: 767px) {
    .user-right .name{
        display: none;
    }
}
.agency-dashboard-main{
    width: 100%;
    height: calc(100vh - 62px);
    display: flex;
}
.agency-dashboard-wrap.has-notification .agency-dashboard-main{
    height: calc(100vh - 0);
    overflow: hidden;
}
body.page-template-template-agency-dashboard .agency-dashboard-wrap.has-notification .agency-dashboard-main{
    height: calc(100vh - 98px);
    overflow: hidden;
}
body.page-template-template-agency-dashboard  .agency-dashboard-main.hide-top-bar{
    height: calc(100vh - 0px) !important;
}
/*agency-dashboard-sidebar*/
.agency-dashboard-sidebar{
    display: flex;
    flex-direction: column;
    background-color: #032430;
    width: 272px;
    height: 100%;
    min-width: 272px;
    transition: width 0.3s ease-in-out, min-width 0.3s ease-in-out;
}
.agency-dashboard-sidebar.show{
    width: 65px;
    min-width: 65px;
}
.agency-dashboard-sidebar .menu-wrap ul li a .text{
    opacity: 1;
    visibility: visible;
    font-size: 14px;
    transition: all ease-in-out .2s;
}
.agency-dashboard-sidebar.show .menu-wrap ul li a .text{
    opacity: 0;
    visibility: hidden;
    font-size: 0px;
}
.agency-dashboard-sidebar .logout-wrap button .text{
    opacity: 1;
    visibility: visible;
    font-size: 12px;
    transition: all ease-in-out .2s;
}
.agency-dashboard-sidebar.show .logout-wrap button .text{
    opacity: 0;
    visibility: hidden;
    font-size: 0px;
}
.agency-dashboard-sidebar.show .logout-wrap button .icon{
    transform: rotate(180deg);
}
.menu-wrap{
    margin-top: 12px;
}
.menu-wrap h3 {
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    margin-left: 20px;
    margin-top: 25px !important;
}

.agency-dashboard-sidebar .menu-wrap h3{
    opacity: 1;
    visibility: visible;
    font-size: 12px;
    transition: all ease-in-out .2s;
}
.agency-dashboard-sidebar.show .menu-wrap h3{
    opacity: 0;
    visibility: hidden;
    font-size: 0px;
}
.menu-wrap ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu-wrap ul li{
    display: block;
    margin: 0;
}
.menu-wrap ul li a{
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    height: 40px;
    padding: 11px 20px;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.menu-wrap ul li.active a,
.menu-wrap ul li:hover a,

body.page-template-template-agency-plugins .menu-wrap ul li.active-plugins a,
body.page-template-template-agency-plugins-details .menu-wrap ul li.active-plugins a,

body.page-template-template-agency-templates .menu-wrap ul li.active-templates a,
body.page-template-template-agency-template-details .menu-wrap ul li.active-templates a,

body.page-template-template-agency-payouts .menu-wrap ul li.active-payouts a,
body.page-template-template-agency-dashboard .menu-wrap ul li.active-dashboard a,
body.page-template-template-agency-websites .menu-wrap ul li.active-websites a,
body.page-template-template-agency-reports .menu-wrap ul li.active-reports a
{
    text-decoration: none;
    color: #37CFFF;
    background: #004156;
}
.menu-wrap ul li.active a .icon.has-fill svg path,
.menu-wrap ul li:hover a .icon.has-fill svg path
{
    fill:  #37CFFF;
}
.menu-wrap ul li.active a .icon.has-stoke svg path,
.menu-wrap ul li:hover a .icon.has-stoke svg path,

body.page-template-template-agency-plugins .menu-wrap ul li.active-plugins a .icon.has-stoke svg path,
body.page-template-template-agency-plugins-details .menu-wrap ul li.active-plugins a .icon.has-stoke svg path,
body.page-template-template-agency-websites .menu-wrap ul li.active-websites a .icon.has-stoke svg path,

body.page-template-template-agency-templates .menu-wrap ul li.active-templates a .icon.has-stoke svg path,
body.page-template-template-agency-template-details .menu-wrap ul li.active-templates a .icon.has-stoke svg path
{
    stroke: #37CFFF !important;
}
body.page-template-template-agency-dashboard .menu-wrap ul li.active-dashboard a .icon.has-fill svg path,
body.page-template-template-agency-payouts .menu-wrap ul li.active-payouts a .icon.has-fill svg path,
body.page-template-template-agency-reports .menu-wrap ul li.active-reports a .icon.has-fill svg path
{
    fill: #37CFFF !important;
}
.menu-wrap ul li a .icon{
    min-width: 20px;
    margin-right: 6px;
}
.agency-dashboard-sidebar .logout-wrap{
    margin-top: auto;
}
.agency-dashboard-sidebar .logout-wrap button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
}
.agency-dashboard-sidebar .logout-wrap button:focus{
    box-shadow: none;
    outline: none;
}
.agency-dashboard-sidebar .logout-wrap button .text{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    white-space: nowrap;
}
.agency-dashboard-sidebar.show .logout-wrap button .icon{
    transition: transform 0.3s ease-in-out;
}

/*agency-dashboard-content*/
body.page-template-template-address footer.webalive-footer,
body.page-template-template-lets-start footer.webalive-footer,
body.page-template-template-business-details footer.webalive-footer{
    display: none;
}
body.page-template-template-address .webalive-site-content,
body.page-template-template-lets-start .webalive-site-content,
body.page-template-template-business-details .webalive-site-content{
    height: 100vh;
}
.agency-dashboard-content{
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 20px;
    background-color: #F6F6F7;
    scroll-behavior: smooth;
    position: relative;
}
.ds-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0,0,0,0.10);
}
.ds-head-title h3{
    font-weight: 600;
    font-size: 25px;
    line-height: 32px;
    color: #000000;
    margin: 0 0 4px 0;
}
.ds-head-title p{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #032430;
}
.ds-head-filters {
    display: flex;
    align-items: center;
    gap: 15px;
}
.ds-head-filters .btn.btn-small {
    height: 40px;
}
.ds-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0;
    margin-bottom: 50px;
}
.ds-card {
    width: calc((100% / 3) - 7px);
    background: #FFFFFF;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    color: #000;
    overflow: hidden;
    transition: all ease-in-out .2s;
}
.ds-card:hover {
    box-shadow: 0 0px 12px 2px rgba(0, 0, 0, 0.1);
}
.ds-card:hover,
.ds-card a:hover
{
    color: #000;
    text-decoration: none;
}
.ds-card a {
    color: #000;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.ds-card-content {
    padding: 0 20px;
}
.ds-card-content h3,
.ds-card-content p{
    margin: 0;
}
.ds-card-content h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 3px;
    color: #032430;
}
.ds-card-content .top {
    font-size: 13px;
}
.ds-card-content .top .rating-star svg{
    margin-bottom: 5px;
}
.ds-card-content .top .version {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #BDBDBD;
}
.ds-card-content .desc p {
    font-size: 14px;
    margin-top: 15px;
    line-height: 20px;
}
.ds-card-head,
.ds-card-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}
.ds-card-footer {
    border-top: 1px solid #F0F3F4;
    margin-top: 20px;
}
.ds-card-footer .right {
    text-align: right;
}
.ds-card-footer h3 {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-family: 'Source Sans Pro';
}
.ds-card-footer h3 small{
    font-size: 12px;
    color: #828282;
}
.ds-card-footer .right p{
    font-size: 12px;
    color: #828282;
    margin: 0;
}
.ds-card .ds-card-head .logo{
    width: 48px;
    height: 48px;
}
.ds-card .ds-card-head .logo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.ds-card .ds-card-head .logo .short-name {
    width: 48px;
    height: 48px;
    background: #37CFFF;
    padding: 4px;
    line-height: 43px;
    border-radius: 6px;
    color: #009FD9;
    font-size: 30px;
    font-weight: 500;
}
/* Partner Header hide */
.page-template-template-first-signup .webalive-header,
.page-template-template-wc-login .webalive-header,
.page-template-template-lets-start .webalive-header,
.page-template-template-business-details .webalive-header,
.page-template-template-address .webalive-header
{
    display: none;
}

/* Partner Header */
/*.form-group .error {*/
/*    margin: 5px 0 0;*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    z-index: 999;*/
/*    color: red;*/
/*    font-size: 13px !important;*/
/*}*/
.partners-header-area {
    padding: 31px 0;
    display: flex;
    align-items: center;
}
.partners-header-container {
    max-width: 1310px;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 575px) {
    .partners-header-container {
        flex-wrap: wrap;
    }
}
.partners-header-logo {}
@media screen and (max-width: 575px) {
    .partners-header-logo {
        width: 100%;
        text-align: center;
    }
}
.partners-header-buttons {
    display: flex;
    justify-content: flex-end;
}
@media screen and (max-width: 575px) {
    .partners-header-buttons {
        width: 100%;
        justify-content: center;
        margin-top: 20px;
    }
}
.partners-header-buttons .btn {
    font-weight: 500 !important;
    font-size: 15px;
    line-height: 22px;
    padding: 12px 20px;
    max-width: initial !important;
    width: auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-family: 'Poppins' !important;
}
@media screen and (max-width: 575px) {
    .partners-header-buttons .btn {
        font-size: 14px;
        padding: 8px 14px;
    }
}
.partners-header-buttons .btn span {
    margin-left: 5px;
}
.partners-header-buttons .btn.login {
    background: transparent;
    color: #000000 !important;
}
.partners-header-buttons .btn.login:focus {
    box-shadow: none;
    outline: 0;
}
.partners-header-buttons .btn.login:hover {
    text-decoration: underline;
}
.partners-header-buttons .btn.join {
    background: #BDBDBD;
    color: #FFFFFF;
}
.partners-header-buttons .btn.join.active {
    background: #0DC15C;
}
.partners-header-buttons .btn.join.active:hover {
    background: #0adb66;
    text-decoration: none;
}

/* Be a Partner */
.be-partner-area {
    padding: 50px 0;
}
.be-partner-container {
    max-width: 1340px;
    display: flex;
    justify-content: space-between;
    font-family: 'Poppins' !important;
}
.be-partner-container p,
.be-partner-container h1,
.be-partner-container h2,
.be-partner-container h3,
.be-partner-container h4,
.be-partner-container h5,
.be-partner-container h6,
.be-partner-container button,
.be-partner-container .btn,
.be-partner-container a,
.be-partner-container li,
.be-partner-container input,
.be-partner-container select,
.lets-start-area p,
.lets-start-area h1,
.lets-start-area h2,
.lets-start-area h3,
.lets-start-area h4,
.lets-start-area h5,
.lets-start-area h6,
.lets-start-area button,
.lets-start-area .btn,
.lets-start-area a,
.lets-start-area li,
.lets-start-area input,
.lets-start-area select,
.lets-start-area
{
    font-family: 'Poppins' !important;
}
@media screen and (max-width: 991px) {
    .be-partner-container {
        flex-wrap: wrap;
    }
}
.be-partner-content {
    width: 530px;
    max-width: 100%;
    padding: 0 15px;
}
@media screen and (max-width: 991px) {
    .be-partner-content {
        padding: 0;
        margin: 0 auto;
    }
}
.be-partner-content h1 {
    color: #000000;
    font-weight: 600;
    font-size: 50px;
    line-height: 60px;
    margin: 0 0 10px;
}

.be-partner-content p.top-text {
    margin: 0 0 32px;
    font-size: 14px;
    line-height: 24px;
}
.be-partner-content p.js-login-exists {
    color: #ff1717;
    font-weight: 500;
    max-width: 359px;
}
.be-partner-content fieldset {
    padding: 0;
}
.info p {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #4F4F4F;
}
.info p a {
    font-weight: 500;
    text-decoration: underline;
    color: #000000;
}
.be-partner-content .bottom-text {}
.be-partner-content .bottom-text p {
    margin: 0;
}
.be-partner-content .bottom-text hr {
    background: #E0E0E0;
    margin: 24px 0;
}
.be-partner-content .form-group {
    position: relative;
    margin: 0 0 15px;
}
.be-partner-content .form-group label {
    display: block;
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 5px;
}
.be-partner-content .form-group select,
.be-partner-content .form-group input[type="text"],
.be-partner-content .form-group input[type="email"],
.be-partner-content .form-group input[type="phone"],
.be-partner-content .form-group input[type="number"],
.be-partner-content .form-group input[type="password"] {
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    padding: 14px 20px 14px 20px !important;
    height: 52px !important;
    font-size: 14px !important;
    color: #000000;
    width: 100%;
}
 .form-group input[type="password"], .be-partner-content .form-group input[type="password"] {
    padding-right: 40px !important;
}
.be-partner-content .form-group select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../img/dropdown-arrow-down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 15px;
    background-size: 20px 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 32px !important;
    padding-left: 14px !important;
}

.be-partner-content .form-group .block-help i {
    margin-right: 5px;
}
.be-partner-content  .form-group .toggle-password {
    top: 14px;
}
 .form-group .toggle-password {
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
}
.fa-eye-slash:before {
    display: none;
}
.fa-eye-slash span.eye-on {
    display: block !important;
}
.fa-eye-slash span.eye-off{
    display: none;
}
 .form-group .toggle-password img {
    filter: invert(0.70);
    -webkit-filter: invert(0.70);
}
 .form-group .toggle-password.fa-eye-slash img {
    filter: invert(0.0);
    -webkit-filter: invert(0.0);
}
 .popover-password {
    margin: 15px 0 15px;
}
.popover-password p {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 500;
    color: #333333;
}
 .popover-password ul {
    margin: 0;
    padding: 0;
}
 .popover-password ul li {
    color: #828282;
    display: flex;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 8px;
}
.popover-password ul li.valid {
     color: #000000;
 }

.popover-password ul li span .yes {
    display: none;
}
.popover-password ul li.valid span .yes {
    display: inline-block;
}
.popover-password ul li span .no {
    display: inline-block;
}
.popover-password ul li.valid span .no {
    display: none;
}
.be-partner-content .form-group .btn-submit {
    width: 100%;
    min-width: 100%;
}
.be-partner-banner {
    padding: 0 15px;
    width: 610px;
    max-width: 100%;
}
@media screen and (max-width: 991px) {
    .be-partner-banner {
        padding: 0;
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-top: 30px;
    }
}

/* Lets setup Start */

.lets-start-area {
    min-height: 100vh;
    overflow-y: auto;
    display: flex;
    align-items: center;
    padding: 60px 115px;
    background: hsla(215, 61%, 29%, 1);
    background: linear-gradient(90deg, hsla(215, 61%, 29%, 1) 0%, hsla(195, 86%, 23%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(215, 61%, 29%, 1) 0%, hsla(195, 86%, 23%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(215, 61%, 29%, 1) 0%, hsla(195, 86%, 23%, 1) 100%);

}
@media screen and (max-width: 1024px) {
    .lets-start-area {
        padding: 50px;
    }
}
@media screen and (max-width: 575px) {
    .lets-start-area {
        padding: 15px;
    }
}
.lets-start-wrap {
    background: #FFFFFF;
    box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 30px;
    width: 1296px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    min-height: 768px;
}

.progress-top {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    height: 8px;
    width: 100%;
    background: #CCD9DD;
}
.progress-top .progress-value {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    height: 8px;
    background: #28A2C9;
}
.step {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #828282;
}
.lets-start-container {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 991px) {
    .lets-start-container {
        flex-wrap: wrap;
    }
}
.lets-start-container .content {
    padding: 30px;
}
@media screen and (max-width: 1024px) {
    .lets-start-container .content {
        padding: 0;
    }
}
.lets-start-container .content h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    color: #000000;
    margin: 0 0 30px;
}
.lets-start-container .content .logo {}
.lets-start-container .content .content-center {}
.lets-start-container .content .content-center h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.75);
    margin: 0 0 12px;
}
.lets-start-container .content .content-center h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    color: #000000;
    margin: 0 0 8px;
}
@media screen and (max-width: 575px) {
    .lets-start-container .content .content-center h2 {
        font-size: 26px;
        line-height: 38px;
    }
}
.lets-start-container .content .content-center p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.75);
    margin: 0 0 40px;
}
.lets-start-container .content .content-center .btn {
    width: auto;
    margin: 0 0 40px;
}
.lets-start-container .banner {
    width: 610px;
    max-width: 100%;
    text-align: right;
    padding-left: 15px;
}
@media screen and (max-width: 991px) {
    .lets-start-container .banner {
        text-align: center;
        margin: 30px auto 0;
        padding-left: 0;
    }
}


/*Plugin/Theme Template Start*/
.plugins-head-top {
    padding: 20px;
}
.plugins-tab-menu-wrap {
    text-align: center;
}
.plugins-head {
    position: sticky;
    top: 0;
    z-index: 9;
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.1);
}
.plugins-content-box {
    align-items: start;
}
.plugins-content-box h2 {
    font-weight: 600;
    font-size: 23px;
    line-height: 30px;
    color: #000000;
    margin: 5px 0 5px 0;
}
.plugins-content-box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    margin: 0 0 5px 0;
}
.plugins-content-box .meta {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin: 0 0 8px;
}
.plugins-content-box .meta span {
    font-weight: 400;
    font-size: 12px;
    color: #828282;
}
.plugins-content-box .selected {
    padding: 10px 16px;
    background: linear-gradient(0deg, rgba(0, 148, 196, 0.2), rgba(0, 148, 196, 0.2)), #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    font-style: italic;
    margin: 0 0 24px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.plugins-content-box .accordion {
    margin-top: 20px;
}
.plugins-content-box .accordion .card {
    margin: 0 auto 10px;
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    border: none;
}
.plugins-content-box .accordion .card .card-header {
    padding: 10px 20px 10px 20px;
    cursor: pointer;
    background: #FFFFFF;
    border: none;
}
.plugins-content-box .accordion .card .card-header h5 {
    margin: 0;
    align-items: center;
    gap: 10px;
}
.plugins-content-box .accordion .card .card-header h5 .accordion-arrow {
    margin-right: 5px;
    display: inline-block;
    height: 24px;
    width: 24px;
}
.plugins-content-box .accordion .card .card-header.collapsed h5 .accordion-arrow img {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    margin-top: -6px;
}
.plugins-content-box .accordion .card .card-header h5 .accordion-arrow img {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.plugins-content-box .accordion .card .card-header h5 button {
    background: transparent;
    padding: 0;
    height: auto;
    width: auto;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    text-decoration: none;
    padding-top: 2px;
}
.plugins-content-box .accordion .card .card-header h5 p {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 0 auto;
}
.plugins-content-box .sidebar {
    max-width: 180px;
    flex-basis: 180px;
    margin-right: 30px;
    position: sticky;
    top: 134px;
    z-index: 9;
}
.version-content {}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
    margin: 0 auto;
    text-align: center;
    display: inline-flex;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #000;
    background-color: #fff;
    border: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 20px;
    border-bottom: 3px solid transparent;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: rgba(0, 159, 217, 1);
    color: rgba(0, 159, 217, 1);
}
.plugins-tab-content-wrap {
    max-width: 950px;
    margin: 0 auto;
}
.plugins-content-box .sidebar   {
    max-width: 180px;
    flex-basis: 180px;
    margin-right: 30px;
}
.plugins-content-box .content   {
    flex: 1;
}
.plugins-content-box .sidebar ul  {
    margin: 0;
    padding: 0;
}
.plugins-content-box .sidebar ul li  {
    list-style: none;
    margin-bottom: 5px;
    position: relative;
}
.plugins-content-box .sidebar ul li.active a{
    color: #009FD9;
}
.plugins-content-box .sidebar ul li.active:before {
    content: "";
    width: 3px;
    height: calc(100% - 5px);
    background: #009FD9;
    display: block;
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 10px;
}
.plugins-content-box .sidebar ul li.incomplete:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    right: 14px;
    top: calc(50% - 8px/2);
    background: #D9D9D9;
    border-radius: 100%;
}
.plugins-content-box .sidebar ul li.complete:after {
    content: "";
    background: url("../img/complete.svg") no-repeat;
    position: absolute;
    width: 10px;
    height: 10px;
    right: 12px;
    top: calc(50% - 8px/2);
    border-radius: 100%;
}
.plugins-content-box .sidebar ul li a {
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px 30px 10px 20px;
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    color: #828282;
}
.plugins-content-box .sidebar ul li a:hover {
    text-decoration: none;
    color: #009FD9;
}
.plgn-info {
    display: flex;
    gap: 20px;
    width: 100%;
}
.plgn-info .left-icon {
    width: 128px;
}
.plgn-info .left-icon {
    width: 128px;
}
.plgn-info .left-icon .profile-photo-edit {
    width: 100%;
    height: 128px;
    margin: 0;
}
.plgn-info .content .top-part {
    margin-bottom: 10px;
    padding-bottom: 0;
}
.plgn-info .body-part h2 {
    font-weight: 600;
    font-size: 23px;
    line-height: 30px;
    margin: 0 0 2px 0;
}
.plgn-info .body-part h2 span.v {
    background: #0DC15C;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 5px;
    vertical-align: middle;
    margin-left: 4px;
}
.plgn-info .body-part p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
.content .top-part {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 16px;
    padding-bottom: 16px;
    align-items: center;
}
.content .top-part h2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
}
.content .body-part {}
.content .body-part .icon {
    margin: 0 0 10px;
}
.content .body-part h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin: 0 0 10px;
}
.content .body-part li {
    font-size: 14px;
    line-height: 20px;
    color: #828282;
    margin-bottom: 10px;
}
.content .body-part .link {}
.plugin-preview-card{
    gap: 16px;
    flex-wrap: wrap;
}
.plugin-preview-card .card-item .info {
    border: 1px solid #F0F3F4;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.plugin-preview-card .card-item {
    flex-basis: calc((100% / 3) - 11px);
    max-width: calc((100% / 3) - 11px);
}
.plugin-preview-card .card-item  img{
    width: 100%;
    height: 100px;
    object-fit: cover;
    object-position: center;
}
.plugin-preview-card .card-item video {
    width: 100%;
    height: 100px;
    margin-bottom: -7px;
}
.plugin-preview-card .card-item .info h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.empty-card-state h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin: 50px 0 5px 0;
    color: #000;
}
.marketplace-card .empty-card-state h6 {
    margin-top: 15px;
}
.empty-card-state p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #828282;
    margin-bottom: 10px;
}
.url-list {
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    gap: 20px;
    padding: 12px 0;
}
.url-list + .url-list{
    border-top: 1px solid #F0F3F4;
}
.url-list > *{
    max-width: 50%;
    flex-basis: 50%;
}
.url-list > a {
    font-weight: 600;
    color: #000;
    text-align: right;
}
.empty-card-state {
    height: 100%;
}
.empty-center{
    margin-top: 200px;
}
@media screen and (max-width: 1440px) {
    .empty-center{
        margin-top: 130px;
    }
}
/*Plugin/Theme Template End*/

/*when No website*/
.when-no-ds-cards{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 200px 0 0 0;
}
@media screen and (max-width: 1440px) {
    .when-no-ds-cards{
        padding: 150px 0 0 0;
    }
}
.when-no-ds-cards h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin: 45px 0 0 0;
}
.when-no-ds-cards p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #828282;
    margin: 5px 0 10px 0;
}
/*Cards*/

.ds-card .ds-card-cover{
    height: 300px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
@media screen and (max-width: 1440px) {
    .ds-card .ds-card-cover{
        height: 200px;
    }
}
.ds-card .ds-card-cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ds-card-big .ds-card-content{
    padding: 20px;
}
.ds-card-big .ds-card-footer{
    padding: 17px 20px;
    margin: 0;
}
.ds-card-big .ds-card-footer .auth{
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}
/*Status card*/
.card-label{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 2px 10px;
    height: 24px;
    border-radius: 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.ds-card-website h3{
    margin-top: 15px !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #032430;
}
.ds-card-website p{
    margin-top: 5px !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #828282;
}

.card-label.active{
    color: #0DC15C;
    background: rgba(13, 193, 92, 0.1);
}
.card-label.inactive{
    color: #FF9F40;
    background: rgba(255, 159, 64, 0.1);
}
.card-label.inreview{
    color: #FF9F40;
    background: rgba(255, 159, 64, 0.1);
}
.card-label.draft{
    color: #828282;
    background: #F0F3F4
}
.card-label.rejected {
    color: #ff4040;
    background: rgba(255, 64, 64, 0.1);
}
/*Tag Pill*/
.tag{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    height: 28px;
    background-color: transparent;
    border: 1px solid #BDBDBD;
    border-radius: 34px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    text-transform: capitalize;
}







/* Detail View*/
.ds-head-detail-view{
    display: flex;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 8px 20px;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
}

.ds-card.ds-card-detail{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding: 24px;
    height: auto;
}
.ds-card.ds-card-detail .top{
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.ds-card.ds-card-detail .top h3{
    font-weight: 600;
    font-size: 23px;
    line-height: 30px;
    color: #000000;
    margin: 15px 0 0 0;
}
.cover-uploader{
    min-width: 200px;
    margin-right: 20px;
}
.cover-uploader .profile-photo-edit{
    width: 100%;
    height: 110px;
}
.ds-card-box {
    margin-top: 24px;
}
.ds-card-box p{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #828282;
    margin: 0 0 5px 0;
}
.ds-card-box h6{
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin: 0;
}
/* Action Dropdown */
.dropdown .dropdown-menu {
    border: 1px solid #DEE2E6;
    border-radius: 4px;
}
.dropdown .dropdown-menu .dropdown-item{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #212529;
    padding: 5px 12px;
}
.dropdown .dropdown-menu .dropdown-item.active,
.dropdown .dropdown-menu .dropdown-item:hover{
    background-color: #009FD9;
    color: #fff;
}


.ds-card.ds-card-template {
    height: auto;
    min-height: 382px;
}
.ds-card.ds-card-template .ds-banner {
    margin: 0 0 20px;
    height: 300px;
}
@media screen and (max-width: 1440px) {
    .ds-card.ds-card-template .ds-banner {
        height: 200px;
    }
}
.ds-card.ds-card-template .ds-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ds-card.ds-card-template .ds-card-content h3 {
    font-weight: 600;
    margin: 5px 0 5px 0;
}
.ds-card.ds-card-template .ds-banner .short-name {
    background: url("../img/wc-placeholder.svg") no-repeat #37CFFF;
    height: 100%;
    color: #009FD9;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 78px;
    background-position: center;
    font-size: 0px;
}
/* Payout */
.payout-dashboard-content {
    max-width: 700px;
}
.payout-card {}
.payout-card .head {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 10px 0 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.payout-card .head h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin: 0;
}
.payout-card .content-body {
    padding: 32px 0;
    padding-bottom: 0;
}
.payout-card .content-body h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 2px;
}
.payout-card .content-body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #828282;
    margin: 0 0 10px;
}
p.no-message-common {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #828282;
    margin: 20px 10px;
    text-align: center;
}
.payout-card .payment-method-info {
    display: flex;
    justify-content: space-between;
}
.payout-card .payment-method-info .left {
    width: 50%;
    max-width: 50%;
    padding-right: 10px;
}
.payout-card .payment-method-info .right {
    width: 50%;
    max-width: 50%;
    padding-left: 10px;
}
.payment-method-box {
    margin: 0 0 20px;
}
.payment-method-box:last-child {
    margin: 0;
}
.payment-method-box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #828282;
    margin: 0 0 6px;
}
.payment-method-box h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin: 0;
}

thead {}
thead tr {}
thead tr th {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #828282;
}
thead tr th:first-child {
    padding-left: 0;
}
thead tr th:first-child {
    padding-right: 0;
}
tbody {}
tbody tr {}
tbody tr td {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}
tbody tr td:first-child {
    padding-left: 0;
}

/*report dashboard start*/
.report-dashboard-content{
    max-width:920px;
    margin:0 auto;
}
.report-title-box {
    margin: 0 0 16px;
}
.report-title-box .report-left-content {}
.report-title-box .report-left-content h4 {
    font-weight: 600;
    font-size: 25px;
    line-height: 32px;
    color: #000000;
    margin: 0 0 2px;
}
.report-title-box .report-left-content p {
    margin: 0;
}
.report-title-box .report-right-content {}
.report-panel-box{
    display: grid;
    grid-gap: 0 20px;
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin: 0 0 16px;
}
.re-panel-title span{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}
.report-title-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.report-panel-item{
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 20px 24px;
}
.report-panel-item .re-panel-title {
    justify-content: space-between;
    display: flex;
}
.report-panel-item .re-panel-title a{
    font-size: 14px;
}
.report-panel-item .item-list-bro {
    margin-top: 24px;
}
.report-panel-item .re-item-list {
    border-left: 3px solid #37CFFF;
    padding-left: 14px;
    margin-bottom: 24px;
}
.report-panel-item.templates .re-item-list {
    border-left-color: #FF9F40;
}
.report-panel-item.websites .re-item-list {
    border-left-color: #0DC15C;
}
.total-plugin {
    display:block;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #828282;
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro';
}
.report-panel-item .item-list-bro .plugin-num {
    display: block;
    font-weight: 300;
    font-size: 25px;
    line-height: 30px;
    color: #000000;
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro';
}
.report-panel-item .total-plugin{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #828282;
    padding-bottom:8px;
}
.plugin-doller{
    font-weight: 300;
    font-size: 25px;
    line-height: 30px;
}

.partner-support-wc-update {
    display: flex;
    gap: 20px;
    margin: 0 0 16px;
}
.partner-support {
    padding: 20px 24px;
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    /*width: 608px;*/
    width: 100%;
    max-width: 100%;
    margin: 0 0 16px;
}
.partner-support .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin: 0 0 4px;
}
.partner-support .ps-info-box {}
.partner-support .ps-info-box .left {}
.partner-support .ps-info-box .left h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin: 0 0 4px;
}
.partner-support .ps-info-box .left p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #828282;
    margin: 0;
}
.partner-support .ps-info-box .right {}
.partner-support hr {
    margin: 12px 0;
    background-color: #F0F3F4;
}
.wc-update {
    padding: 20px 24px;
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 292px;
    max-width: 100%;
    margin: 0 0 16px;
    display: none;
}
.wc-update .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin: 0 0 4px;
}
.wc-update hr {
    margin: 12px 0;
    background-color: #F0F3F4;
}
.wu-info-box {}
.wu-info-box .info {}
.wu-info-box .info h6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin: 0 0 4px;
}
.wu-info-box .info p {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #828282;
    margin: 0;
}
.wu-info-box .right-link {}
.wu-info-box .right-link .link {}


.reports-content {
    background: #F6F6F7;
}
.reports-tab-area {
    margin: -20px -20px 0 -20px;
}
.reports-tab-menu-wrap {
    text-align: center;
}
.reports-tab-menu-wrap .nav {}
.reports-tab-menu-wrap .nav .nav-item {
    padding-top: 9px;
}
.reports-tab-menu-wrap .nav .nav-item .nav-link {
    padding: 8px 20px 12px;
}
.reports-content {
    padding: 23px;
}

/*report dashboard end*/

/*Spinner*/

.spinner {
    width: 60px;
    height: 60px;
    background: url("../img/marketplace/spinner.png") no-repeat center;
    animation: spin .8s infinite linear;
    opacity: 1;
    display: block;
    position: relative;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}


.spinner-container{
    text-align: center;
    width: 100%;
}

/*Tab Design*/
.tab-warp:before {
    content: "";
    width: 100%;
    height: 8px;
    background: #E4E5E7;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
}
.installing .tab-warp:after {
    content: "";
    width: 100%;
    height: 8px;
    background: #28BF9A;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 2;
}
.float-box,
.common-tab.tab02,
.common-tab.tab03,
.common-tab.tab04,
.common-tab.tab05,
.choose-template,
.finalise-area,
.accept-install-tab
{
    padding: 95px;
    background: url('../img/lets-bring-bg.png') no-repeat center/cover;
    height: 100vh;
    position: relative;
    overflow-y: auto;
}
.signup-preloader{
    background: url('../img/lets-bring-bg.png') no-repeat center/cover;
}
.tab-warp {
    background: #FFFFFF;
    box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 60px;
    height: auto;
    position: absolute;
    overflow: hidden;
    max-width: 1296px;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 40px);
    min-height: 770px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.choose-template .tab-warp {
    height: 770px;
}
/*Fixing*/
span.name.mt-1 {
    margin: 0 !important;
}
.tox-menubar {
    display: none !important;
}
.choices__list--dropdown, .choices__list--dropdown .choices__list {
    max-height: 150px;
}
.modal-body textarea.form-control {
    height: 125px!important;
}

.container-preview{
    width:100%;
}
.container-preview h2{
    font-size:18px;
    margin-bottom:10px;
}
.container-preview .content{
    width:100%;
    border:1px solid rgba(0, 0, 0, 0.1);
    margin-bottom:15px;
    padding:15px;
}
.container-preview .content .top-part {
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
    margin-bottom:15px;
    padding-bottom: 0;
    align-items: center;
}
.container-pages{
    width:100%;
}
.input-box-sub{
    display:flex;
    gap:10px;
}
.input-box-sub .form-control{
    height:34px !important;
}
.feature-page-title{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 16px !important;
    padding-bottom: 16px;
    font-weight: 600;
    font-size:21px !important;
    line-height: 24px;
}
.url-list .feature-list{
    width:100%;
}
.feature-list .page-list{
    width:100%;
    display:flex;
    gap: 0px 20px;
    flex-wrap: wrap;
    margin-top:2px !important;
}
.feature-list .page-list li{
   width:48%;
   color: #000;
}
.page-model-title{
    margin-top:0px;
    font-size: 20px;
}
.js-page-container .form-group {
    margin-bottom: 8px;
}

.feature-list-container, .page-list-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 20px;
    max-height: 320px;
    overflow: auto;
    gap: 0 10px;
    align-items: start;
    justify-content: start;
}

/*Country Dropdown CSSS*/
.country-dropdown button.dropdown-select ~ ul.dropdown-menu.show li {
    padding: 8px 14px;
    cursor: pointer;
    margin: 0;
    font-size: 14px !important;
}
.country-dropdown  button.dropdown-select ~ ul.dropdown-menu.show li img {
    width: 25px;
    height: 16px;
    object-fit: cover;
    border-radius: 0;
    overflow: hidden;
    margin-right: 5px;
}
.country-dropdown button.dropdown-select {
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    background: url('../img/select-arrow.png') #fff no-repeat center;
    background-position: calc(100% - 17px) 22px;
    color: #030303;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Inter';
    width: 100%;
    text-align: left;
    height: 52px;
    padding: 6px 42px 6px 14px;
    background-size: 11px;
}
.country-dropdown button.dropdown-select img {
    width: 25px;
    height: 16px;
    object-fit: cover;
    border-radius: 3px;
    overflow: hidden;
    margin-right: 8px;
}
.country-dropdown button.dropdown-select ~ ul.dropdown-menu.show {
    padding: 0;
    width: 100%;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);
    height: auto !important;
    max-height: 200px !important;
    overflow: auto;
}
.country-dropdown button.dropdown-select ~ ul.dropdown-menu.show li:hover {
    background: #f9f9f9;
}


ul.dropdown-menu::-webkit-scrollbar-track
{
    -webkit-box-shadow: none;
    background-color: #fff;
}

ul.dropdown-menu::-webkit-scrollbar
{
    width: 6px;
    background-color: #fff;
}

ul.dropdown-menu::-webkit-scrollbar-thumb
{
    background-color: #28A2C9;
}