
@font-face {
    font-family: 'Suisse Works';
    src: url('../fonts/suisse_works_bold-webfont.eot');
    src: url('../fonts/suisse_works_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/suisse_works_bold-webfont.woff2') format('woff2'),
    url('../fonts/suisse_works_bold-webfont.woff') format('woff'),
    url('../fonts/suisse_works_bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Test Söhne';
    src: url('../fonts/testsohne-halbfett-webfont.eot');
    src: url('../fonts/testsohne-halbfett-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/testsohne-halbfett-webfont.woff2') format('woff2'),
    url('../fonts/testsohne-halbfett-webfont.woff') format('woff'),
    url('../fonts/testsohne-halbfett-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Test Söhne';
    src: url('../fonts/testsohne-kraftig-webfont.eot');
    src: url('../fonts/testsohne-kraftig-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/testsohne-kraftig-webfont.woff2') format('woff2'),
    url('../fonts/testsohne-kraftig-webfont.woff') format('woff'),
    url('../fonts/testsohne-kraftig-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Test Söhne';
    src: url('../fonts/testsohne-buch-webfont.eot');
    src: url('../fonts/testsohne-buch-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/testsohne-buch-webfont.woff2') format('woff2'),
    url('../fonts/testsohne-buch-webfont.woff') format('woff'),
    url('../fonts/testsohne-buch-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

.font-suisse-works .elementor-heading-title{
    font-family: 'Suisse Works' !important;
    font-weight: 700;
}
/*
.font-test-söhne .elementor-icon-box-title,
.font-test-söhne p,
.font-test-söhne .elementor-icon-list-item span,
.font-test-söhne ul li,
.font-test-söhne .elementor-icon-box-description,
.font-test-söhne .elementor-heading-title{
    font-family: 'Test Söhne' !important;
}*/

.elementor-10770 .elementor-element.elementor-element-53f1145 .elementor-button {
    font-family: Lexend !important;
}
.footer-join-btn {
    margin-top: 32px;
}
.footer-join-btn a:first-child {
    background: #008DF2;
    display: inline-flex;
    padding: 14px 26px 14px 26px;
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.17px;
    margin: 0 36px;
    border-radius: 40px;
    font-family: Lexend;
}
.footer-join-btn a:first-child:hover {
    background: #29a6ff;
}

.footer-join-btn a:last-child {
    color: #FFF;
    font-family: Lexend;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 1px solid;
    padding-bottom: 4px;
    border-radius: 0;
}
body.user-logged-in .footer-join-btn a:last-child {
    display: none;
}
.footer-join-btn a:last-child:hover {
    color: #008DF2;
}

.apps-goolgle-play {
    display: flex;
    gap: 15px;
    margin-top: 8px;
}
.backtotop.foo-right-copyright-content {
    margin-top: 50px;
}
.language-translate {
    display: none;
}
.webalive-footer .language-translate a{
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.14px;
}
.webalive-footer .language-translate a:hover{
    color: #FFF;
}
.visit-template-btn .elementor-button-content-wrapper{
    display: flex;
    align-items: center;
}
.visit-template-btn .elementor-button{
    background-color: transparent !important;
}

.experience-eco-list .elementor-icon-box-title{
    margin:0;
    padding:0;
}
.business-icon-list-section .elementor-widget-container{
    display:flex;
    justify-content: center;
}
.business-icon-list-section .elementor-widget .elementor-icon-list-item{
    padding:20px 0px;
}
.business-icon-list-section .elementor-widget .elementor-icon-list-item a{
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #FFF;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    display: flex;
    padding: 23px;
    flex-wrap: wrap;
    gap: 12px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
    position:relative;
}
.business-icon-list-section .elementor-widget .elementor-icon-list-item span{
    z-index:1;
}
.business-icon-list-section .elementor-widget .elementor-icon-list-item a:hover:after{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    border: 2px solid #246E86;
    background: linear-gradient(41deg, rgba(12, 166, 120, 0.00) 67.85%, rgba(12, 166, 120, 0.10) 93.9%), #FFF;
    box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}
.business-icon-list-section .elementor-widget .elementor-icon-list-item a:hover svg path{
    fill:#0CA678;
    /*stroke:#0CA678;*/
}
.business-icon-list-section ul.elementor-icon-list-items li:nth-child(2) a:hover svg path,
.business-icon-list-section ul.elementor-icon-list-items li:nth-child(12) a:hover svg path{
    fill:#0CA678;
    stroke:#0CA678;
}
.business-icon-list-section ul.elementor-icon-list-items.elementor-inline-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.business-icon-list-section .elementor-widget .elementor-icon-list-item,
.business-icon-list-section .elementor-widget .elementor-icon-list-item a {
    max-width:163px;
    min-height:163px;
    width:100%;
}
.business-icon-list-section .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
    align-self: center;
    padding-left: 0px;
}
.business-icon-list-section .elementor-icon-list-item {
    padding:20px;
    max-width:163px;
}
.get-started-btn .elementor-button{
    border-bottom:1px solid #000000;
    border-radius:0 !important;
    padding-bottom:6px !important;
    transition: none;
}
.white.get-started-btn .elementor-button{
    border-bottom:1px solid #fff;
}
.get-started-btn .elementor-button:hover{
    border-bottom: 1px solid #0CA678;
}
.get-started-btn .elementor-button:hover .elementor-button-text{
    color:#0CA678 !important;
}
.get-started-btn .elementor-button:hover svg path{
    fill:#0CA678;;
}

.get-started-btn .elementor-button svg{
    margin-top: -5px;
}
.white.get-started-btn .elementor-button svg path{
    fill: #fff
}
.white.get-started-btn .elementor-button:hover svg path{
    fill:#0CA678 !important;
}
/*compare btn start*/
.compare-btn .elementor-button{
    border-bottom:1px solid #000000;
    border-radius:0 !important;
    padding-bottom:6px !important;
}
.compare-btn .elementor-button:hover{
    border-bottom: 1px solid #0CA678;
}
.compare-btn .elementor-button:hover .elementor-button-text{
    color:#0CA678 !important;
}
.compare-btn .elementor-button:hover svg path{
    fill:#0CA678;;
}
.compare-btn .elementor-button svg{

}
/*compare btn end*/


.browse-template-btn .elementor-button:hover{
   opacity:0.7;
}
.browse-template-btn .elementor-button svg{
    margin-top: -2px;
}
.design-website p{
    font-size:18px;
}
.design-website a{
    color:#000;
    text-decoration: underline !important;
}
.design-website a:hover{
   color:#0CA678;
}
.video-colume video{
    border-radius:23px;
    height:670px !important;
}

/*testimonial slider start*/
.carousel-container {
    position: relative;
    width:100%;
    max-width:900px;
    overflow: hidden;
}

.carousel-wrapper {
    display: flex;
    cursor: grab;
    transition: transform 0.5s ease-in-out;
}

.wc24-testimonial {
    min-width: 100%;
    box-sizing: border-box;
    color:#fff;
    text-align:center;
}
.testimonial-description p{
    color:#fff;
    font-size:25px;
    line-height:44px;
}

.wc24-testimonial .testimonial-title{
    font-size:24px;
    font-weight:500;
}
.wc24-testimonial .testimonial-designation{
    font-size:17px;
    font-weight:400;
    margin-top:5px;
}
.prev-btn,
.next-btn {
    position: absolute;
    top: 50%;
    font-size: 20px;
    background-color: #3498db;
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.prev-btn {
    left: 0;
}

.next-btn {
    right: 0;
}
/*testimonial slider end*/

/*client logo slider start*/

.client-logo-slider .linear-slider-container .slider__slide {
    max-width: 150px;
    min-width: 150px;
    height:80px;
}

.client-logo-slider .linear-slider-container .slider__slide .slide__content {
    width: auto;
    border-radius: 20px;
}
.client-logo-slider .linear-slider-container .slider__slide .slide__content img {
    width: 100%;
    height: auto !important;
    border-radius:0px;
    object-fit: cover;
    filter: brightness(0) invert(1);
}
.client-logo-slider.black-logo .linear-slider-container .slider__slide .slide__content img {
    filter: brightness(1) invert(1);
}
.client-logo-slider .linear-slider-container .slider__slide:hover {
    background: none;
    cursor: pointer;
}
.client-logo-slider:before{
    content: '';
    background: linear-gradient(90deg, #002333 51.61%, rgba(0, 35, 51, 0.00) 103.33%);
    background-position: left;
    width:661px;
    position:absolute;
    height:218px;
    left:-25px;
    top:0;
    z-index: 1;
}
.client-logo-slider:after{
    content: '';
    background: linear-gradient(-90deg, #002333 51.61%, rgba(0, 35, 51, 0.00) 103.33%);
    width:661px;
    position:absolute;
    height:218px;
    right:-25px;
    top:0;
    z-index: 1;
    background-position: right;
}
.client-logo-slider.black-logo:before{
    content: '';
    background: linear-gradient(90deg, #fff 51.61%, rgba(0, 35, 51, 0.00) 103.33%);
}
.client-logo-slider.black-logo:after{
    content: '';
    background: linear-gradient(-90deg, #fff 51.61%, rgba(0, 35, 51, 0.00) 103.33%);
}
.client-logo-slider.inner:before,
.client-logo-slider.inner:after{
    height: 100%;
}
/*client logo slider end*/

/*compare table css*/
.comparison-item {
    display: flex;
    color:#000000;
}
.comparison-item>div{
    padding: 18px 40px;
    width:100%;
    max-width: 320px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    text-align: center;
    font-size:15px;
    line-height:26px;
    font-weight:500;
}
.comparison-item>div p{
    font-size:15px;
    line-height:26px;
    font-weight:500;
}
.table-sticky .elementor-widget-container > div > .comparison-item:first-child {
    position: sticky;
    top: 0px;
    background: #fff;
}
.comparison-item div p:last-child{
    margin:0;
}
.comparison-item div:nth-child(2){
    background-color:#FBFCFF;
}
.comparison-item div:nth-child(3){
    background-color:#EAFFFA;
}
.comparison-item div:nth-child(4){
    background-color:#FBFCFF;
}
.comparison-item .title-container{
    justify-content: left;
    display: flex;
    text-align: left;
    max-width: 600px;
}
.comparison-item .title-container .table-title{
   font-size:17px;
    line-height:28px;
}
.comparison-item .price-content{
    display:block;
    padding: 28px 22px 46px 28px;
}
.comparison-item .price-content p{
    min-height: 45px;
    padding: 0 38px;
}
.comparison-item .price-content p:last-child{
    min-height: auto;
}
.comparison-item .price-content h3{
    font-size:34px;
    font-weight:500;
}
.comparison-item .price-content a{
    border:2px solid #0CA678;
    padding:12px 20px;
    color:#0CA678;
    text-decoration:none !important;
    border-radius:3px;
    font-size:16px;
}
.comparison-item .price-content a:hover{
    border:2px solid #0CA678;
    color:#fff;
    background-color:#0CA678;
}
.compare-plan-feature .comparison-item:first-child div:nth-child(2){
    background-color:#ffffff;
}
.compare-plan-feature .comparison-item:first-child div:nth-child(3){
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.compare-plan-feature .comparison-item:first-child div:nth-child(4){
    background-color:#ffffff;
}
/*compare table end*/

.priceing-design .webalive-footer {
    margin-top: 0;
}
.testimonial-inner .testimonial-description p {
    color: #000;
}
.testimonial-inner .wc24-testimonial {
    color: #000;
}
.design-partner-listing .elementor-icon-box-wrapper{
    min-height:124px;
}
.design-partner-listing .elementor-icon-box-title{
    margin:0;
}
.design-partner-listing .elementor-icon-box-wrapper .elementor-icon-box-icon:after{
    content: '';
    width: 1px;
    height: calc(100% - 72px);
    background-color:rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 77px;
    left: 29px;
}
.design-partner-listing .elementor-widget-icon-box:last-child .elementor-icon-box-icon:after{
    display:none;
}
.client-box-part .elementor-icon-box-content{
    position:relative;
}
.client-box-part .elementor-icon-box-content:after{
    content: '';
    position: absolute;
    right: 5px;
    background-color:rgba(0, 0, 0, 0.16);;
    width: 1px;
    height: 40px;
    top: 10px;
}
.web-right-from-colum-box{
    position:relative;
}
.web-right-from-colum-box:before{
    content: '';
    background: url('../img/contact-gradient-border.svg') no-repeat;
    left:0;
    width:100%;
    height:4px;
    top:0;
    position:absolute;
    z-index: 1;
}
/*new tab slider section start*/
.tab-slider-section .nav-pills .nav-link p{
    color:#fff;
}
.tab-slider-section .elementor-widget-eb-boot-vertical-tab .nav-heading span{
    display:none;
}

.tab-slider-section .elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link.active h4 {
    opacity:100;
}
.tab-slider-section .elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link h4{
    color: #fff;
    opacity: 0.6;
    font-size:22px;
}

.tab-slider-section .elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link.active::after {
    display:none;
}
.tab-slider-section .elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link p{
    display:none;
}
.tab-slider-section .elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link.active p {
    color: #fff;
    display:block;
    padding-left:48px;
    margin-top:12px;
}
.tab-slider-section .elementor-widget-eb-boot-vertical-tab .nav-heading h4 {
    margin: 0;
}
.tab-slider-section .elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link.active {
    background-color:rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 0px 0px #005c7a inset;
    border-left: 2px solid #0CA678;
}
.tab-slider-section .elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link:first-child {
    border-top: 0px solid #D8D8D8;
}
.tab-slider-section .elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link {
    background-color: transparent;
    margin-bottom: 0px;
    position: relative;
    max-width:100%;
    border-right: 0px solid #D8D8D8;
    border-left: 0px solid #D8D8D8;
    border-top: 0px solid #D8D8D8;
    border-radius: 0;
    padding: 35px 54px 36px;
}
.tab-slider-section .elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link:last-child {
    border-bottom: 0px solid #D8D8D8;
}
.tab-slider-section .elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link h4 b{
    margin-right: 16px;
}
.tab-slider-section .elementor-widget-eb-boot-vertical-tab .tab-pane {
    margin-top: -219px;
}

.tab-slider-section .left-tab-col1 {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    min-height: 514px;
}
.tab-slider-section .col-7.left-tab-col2 {
    -ms-flex: 0 0 52%;
    flex: 0 0 52%;
    max-width: 52%;
    text-align: right;
}
/*new tab slider section end*/

/*enterprise slider start*/
.carousel-container-wc {
    max-width: 1620px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    width: 100%;
    transform: translate(0);
}
.carousel-container-wc .owl-carousel.owl-drag .owl-item {
    margin: 35px 0;
}

.carousel-container-wc .carousel-item__card {
    height: auto;
    border-radius:20px;
    font-weight: 500;
    width: 333px;
    padding: 41px;
    background:#ffffff;
    border:1px solid rgba(174, 242, 215, 0.5);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06);
}

.carousel-container-wc .owl-item:nth-child(2) .carousel-item__card{
    border: 1px solid rgba(248, 48, 98, 0.14);
}
.carousel-container-wc .owl-item:nth-child(3) .carousel-item__card{
    border: 1px solid rgba(33, 104, 242, 0.2);
}
.carousel-container-wc .owl-item:nth-child(4) .carousel-item__card{
    border: 1px solid rgba(215, 62, 62, 0.14);
}
.carousel-container-wc .owl-item:nth-child(5) .carousel-item__card{
    border: 1px solid rgba(100, 33, 242, 0.2);
}
.carousel-container-wc .carousel-item__card .client-logo{
    width:51px;
    height:51px;
}
.carousel-container-wc .client-name{
   font-size:24px;
   line-height:35px;
   margin:25px 0px;
   min-height: 70px;
}

.carousel-container-wc .client-dis p{
  /*opacity:0.8;*/
  font-size:15px;
  line-height:24px;
}
.slider-content-width{
    max-width:580px;
}
/*enterprice slider end*/


/*GSAP Card Start*/


.stackCard {
    border-radius: 30px;
    position: relative;
    width: 100%;
    padding: 60px 35px;
    transform-origin: 50% -160%;
}
 .spacer {
    height: 1000px;
}
.gsap-card-item {
    border-radius: 16px;
    border: 1px solid #E9ECEE;
    background: #FFF;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
    width: 690px !important;
    height: 268px !important;
    margin: 0 auto !important;
    max-height: initial !important;
    padding: 0 !important;
}
.gsap-box-big .gsap-card-item {
    height: 330px !important;
}
.gsap-card-item .left-no {
    background: #FAFBFD;
    flex-basis: 150px;
    max-width: 150px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6B7379;
    text-align: center;
    font-size: 76px;
    font-style: normal;
    font-weight: 400;
    line-height: 70px;
    border-radius: 16px 0 0 16px;
}
.gsap-card-item .right-content-card {
    flex: 1;
    padding: 60px;
    text-align: left;
    align-items: center;
    display: flex;
}
.gsap-card-item .right-content-card h4 {
    color: #000;
    font-family: 'Graphik';
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    margin: 30px 0 5px 0;
}
.gsap-card-item .right-content-card p {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    opacity: 0.7;
    margin-bottom: 0;
}
.gsap-card-only-para .right-content-card p{
    font-size: 18px;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
}

/*GSAP Card Start End*/



.cta-section .elementor-background-overlay{
    z-index:1;
}
.icon-colum-box{
    position:relative;
}
.icon-colum-box{
    position:relative;
}
.icon-colum-box:after{
    content: '';
    width: 1px;
    height: calc(100% - 111px);
    background-color: rgba(1, 38, 55, 0.26);
    position: absolute;
    top: 94px;
    left: 40px;
}

.list-item-with-label span.elementor-icon-list-text strong {
    display: block;
    font-weight: 500;
    font-size: 20px;
}

/*dropshiping list start*/
.dropshipping-work-list .elementor-widget-icon-box span{
    font-family: 'Graphik' !important;
}
.dropshipping-work-list .elementor-widget-icon-box{
    position:relative;
}
.dropshipping-work-list .elementor-widget-icon-box:after{
    content: '';
    width: 1px;
    height: calc(100% - -18px);
    background-color:#0CA678;
    position: absolute;
    top: 13px;
    left:0px;
}
.dropshipping-work-list .elementor-widget-icon-box:before{
    content: '';
    width:9px;
    height:9px;
    border-radius:100%;
    background-color:#0CA678;
    position: absolute;
    top: 4px;
    left:-4px;
}
.dropshipping-work-list .elementor-widget-wrap .elementor-widget-icon-box:last-child:after{
    content:'';
    display:none;
}
/*drop shipping list end*/


/*design list icon start*/
.business-icon-list-section2 .elementor-widget-container{
    display:flex;
    justify-content: center;
}
.business-icon-list-section2 .elementor-widget .elementor-icon-list-item{
    padding:30px 0px;
}
.business-icon-list-section2 .elementor-widget .elementor-icon-list-item a{
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #FFF;
    box-shadow: 0px 0px 45px 0px #00000017;
    display: flex;
    padding: 23px;
    flex-wrap: wrap;
    gap: 12px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
    position:relative;
    cursor: default;
}
.business-icon-list-section2 .elementor-widget .elementor-icon-list-item span{
    z-index:1;
}


.business-icon-list-section2 ul.elementor-icon-list-items.elementor-inline-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.business-icon-list-section2 ul.elementor-icon-list-items.elementor-inline-items li:nth-child(1) a{
    background: linear-gradient(40.91deg, rgba(106, 119, 222, 0) 67.85%, rgba(106, 119, 222, 0.1) 93.9%) !important;
    border: 2px solid #6A77DE1A;
}
.business-icon-list-section2 ul.elementor-icon-list-items.elementor-inline-items li:nth-child(2) a {
    background:linear-gradient(40.91deg, rgba(241, 114, 111, 0) 67.85%, rgba(241, 114, 111, 0.1) 93.9%) !important;
    border: 2px solid #F1726F24;
}
.business-icon-list-section2 ul.elementor-icon-list-items.elementor-inline-items li:nth-child(3) a {
    background:linear-gradient(40.91deg, rgba(12, 166, 120, 0) 67.85%, rgba(12, 166, 120, 0.1) 93.9%) !important;
    border: 2px solid #0CA6781A;
}
.business-icon-list-section2 ul.elementor-icon-list-items.elementor-inline-items li:nth-child(4) a {
    background:linear-gradient(40.91deg, rgba(226, 174, 31, 0) 67.85%, rgba(226, 174, 31, 0.1) 93.9%) !important;
    border: 2px solid #E2AE1F24;
}

.business-icon-list-section2 ul.elementor-icon-list-items.elementor-inline-items li:nth-child(5) a {
    background:linear-gradient(40.91deg, rgba(106, 119, 222, 0) 67.85%, rgba(106, 119, 222, 0.1) 93.9%) !important;
    border: 2px solid #6A77DE1A;
}

.business-icon-list-section2 ul.elementor-icon-list-items.elementor-inline-items li:nth-child(6) a {
    background:linear-gradient(40.91deg, rgba(12, 166, 120, 0) 67.85%, rgba(12, 166, 120, 0.1) 93.9%) !important;
    border: 2px solid #0CA6781A;
}

.business-icon-list-section2 .elementor-widget .elementor-icon-list-item,
.business-icon-list-section2 .elementor-widget .elementor-icon-list-item a {
    max-width: 178px;
    min-height:178px;
    width:100%;
}
.business-icon-list-section2 .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
    align-self: center;
    padding-left: 0px;
}
.business-icon-list-section2 .elementor-icon-list-item {
    padding:20px;
    max-width:163px;
}
/*design list icon end*/
.list-item-with-label2 span.elementor-icon-list-text strong {
    display: block;
    font-weight: 500;
    font-size: 18px;
}

/*compare-table-start*/

.compare-table-section .comparison-item div:nth-child(4) {
    background-color: #EAFFFA;
    display:none;
}
.compare-table-section .compare-header-table .comparison-item{
    background: linear-gradient(262.57deg, #D4EFFF 24.64%, #E6FDF8 56.7%);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.compare-table-section .compare-header-table .comparison-item div:nth-child(2) {
    background-color:transparent;
}
.compare-table-section .compare-header-table .comparison-item div:nth-child(3) {
    background-color:transparent !important;
}
.compare-table-section .compare-header-table .comparison-item div{
    background:none;
}
.compare-table-section .compare-header-table .comparison-item h4{
    font-size: 28px;
    font-weight: 500;
    font-family: 'Graphik' !important;
    margin:0;
    padding:0;
}
.compare-table-section .compare-header-table{
    margin:0 0px !important;
}
.compare-table-section .compare-header-table .comparison-item>div {
    padding:20px 50px;
}
.compare-table-section .compare-header-table .comparison-item>div {
    border-bottom: 0px solid rgba(0, 0, 0, 0.03);
}
/*.compare-table-section .elementor-widget-plan-feature-div{
    margin:0 50px;
}*/
.compare-table-section .comparison-item>div {
    padding:20px 50px;
    width: 100%;
    max-width: 424px;
}
.compare-table-section  .comparison-item .title-container {
    max-width: 600px;
    background-color:#F9FBFD;
}
.compare-table-section .comparison-item div:nth-child(2) {
    background-color:#fff;
}
.compare-table-section .comparison-item div:nth-child(3) {
    background-color:#fff !important;
}
.compare-table-section .elementor-widget-wrap .elementor-widget-plan-feature-div:last-child .comparison-item div:nth-child(1){
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius: 10px;
}
.compare-table-section .elementor-widget-wrap .elementor-widget-plan-feature-div:last-child .comparison-item div:nth-child(3){
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius:0px;
}
/*compare-table-end*/
.core-feature-list .elementor-icon-box-title span{
    font-family: 'Graphik' !important;
}

.core-feature-list .elementor-widget-icon-box:before {
    top: 12px;
}
.core-feature-list .elementor-widget-icon-box:after {
    content: '';
    background-color: rgba(255, 255, 255, 0.13);
}

.graphik-font .elementor-heading-title,
.graphik-font .elementor-icon-box-title span {
    font-family: 'Graphik' !important;
}

/*compare table css*/
.middle-content-table {
    margin-bottom: 100px;
}
.table-price-section{
    padding: 140px 0px 100px 0px;
    background: url('../img/price-bg-new.png') no-repeat;
    background-size: cover;
}
.tab-price-menu-box{
    display:flex;
    justify-content:center;
}
.tab-price-menu-box ul{
    display: flex;
    margin: 0;
    border-radius: 50px;
    background-color: #F3F6FF;
    border: 1px solid #0136480D;
    padding: 7px 8px;
    gap: 8px;
}
.tab-price-menu-box ul li{
    margin:0;
    padding:0;
    list-style-type:none;
    font-size:19px;
    font-weight:500;
    text-align: center;
}
.tab-price-menu-box ul li a{
    font-size:19px;
    font-weight:500;
    color:#013648;
    border-radius:30px;
    padding: 7px 21px;
    display: inline-block;
}
.tab-price-menu-box ul li.active  a,
.tab-price-menu-box ul li a:hover{
    background: #013648;
    color:#fff;
}

.tab-price-container .flexible-price-title{
    font-size:70px;
    font-weight:bold;
    max-width:950px;
    margin:0 auto;
    text-align:center;
    margin:0 auto;
    margin-bottom:10px;
}
.tab-price-container .content-box{
    font-size:20px;
    line-height:40px;
    text-align:center
}
.tab-price-container .content-box p{
    font-size:20px;
    line-height:40px;
    margin-bottom: 28px;
}
.tab-price-container .price-number{
    font-size:60px;
    font-weight:600;
}
.tab-price-container .price-colume-box .basic-title1,
.tab-price-container .price-colume-box .basic-title2,
.tab-price-container .price-colume-box .basic-title3{
    font-size:15px;
    background-color:#CCF2E5;
    padding:5px 10px 5px 10px;
    border-radius:30px;
    padding: 7px 15px 7px 15px;
    border-radius: 30px;
    font-weight: 500;
}
.upper-price-section .price-colume-box .pkg-name{
    font-size:15px;
    background-color:#CCF2E5;
    padding:5px 10px 5px 10px;
    border-radius:30px;
    padding: 7px 15px 7px 15px;
    border-radius: 30px;
    font-weight: 500;
}
.upper-price-section .price-colume-box:nth-child(2) .pkg-name{
    background-color: #DAF6FF;
}
.upper-price-section .price-colume-box:nth-child(3) .pkg-name{
    background-color:#E6E2FF;
}
.priceing-compare-plan-table .choose-plan{
    background-color:transparent !important;
}
.choose-plan button {
    border: 1px solid #0CA678;
    padding: 8px 20px;
    color: #0CA678;
    text-decoration: none !important;
    border-radius: 3px;
    font-size: 15px;
    display: inline-block;
    font-weight: 500;
    background-color: #fff;
}
.choose-plan button:hover {
    border: 2px solid #0CA678;
    color: #fff;
    background-color: #0CA678;
}
.upper-price-section .compare-btn {
    text-align: center;
    margin-top: 60px;
}
.upper-price-section .compare-btn button{
    font-size: 17px;
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 4px;
    font-weight: 600;
    padding:0px;
    background-color:transparent;
}
.upper-price-section .compare-btn button:hover {
    color: #0CA678;
    border-bottom: 1px solid #0CA678;
}
.upper-price-section .compare-btn button:hover path {
    fill: #0CA678;
}

.upper-price-section button.js-compare-btn svg {
    transform: rotate(180deg) translate(3px, 1px);
}
.upper-price-section  .js-compare-collaps-btn.active svg {
    transform: unset;
}
.upper-price-section .compare-btn span {
    margin-right: 3px;
}
.upper-price-section .container {
    max-width: 1440px !important;
    width: 100%;
}
.priceing-compare-plan-table .com-name{
    font-size: 34px;
    font-weight: 500;
    font-family: 'Graphik';
    margin-bottom:20px;
    padding-top: 23px;
}
.priceing-compare-plan-table .table-group {
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 44px !important;
}
.priceing-compare-plan-table .table-group .first-row{
    position: sticky;
    top: -1px;
    background: #fff;
}
.priceing-compare-plan-table .table-group .blank-box {
    justify-content: left;
    display: flex;
    text-align: left;
    max-width: 600px;
}
.upper-price-section .price-colume-box .price-doller span {
    font-size: 48px;
    font-weight: 600;
}
.upper-price-section .price-colume-box .price-doller{
    margin-top: 14px;
}
.upper-price-section .price-colume-box sub {
    bottom: -0.25em;
    font-size: 18px;
    font-weight: 500;
    text-transform: lowercase;
}
.price-colum-box-container sup{
    top: -1.5em;
    font-size: 18px;
    font-weight: 500;
}
.price-colum-box-container sub {
    bottom: -0.25em;
    font-size: 18px;
    font-weight: 500;
}
.price-colum-box-container .price-content {
    color: #575757;
    font-size: 16px;
    margin-bottom: 30px;
}
.price-colum-box-container .description-content{
    font-weight:400;
    font-size:18px;
    color:#000000;
    line-height: 26px;
    margin-bottom: 25px;
    min-height: 50px;
}
.price-colum-box-container .price-colume-box a {
    border: 2px solid #0CA678;
    padding: 8px 20px;
    color: #0CA678;
    text-decoration: none !important;
    border-radius: 3px;
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
}
.price-colum-box-container .price-colume-box a:hover {
    border: 2px solid #0CA678;
    color: #fff;
    background-color: #0CA678;
}
.tab-price-container .price-colume-box .price-doller{
    margin-top:15px;
}
.tab-price-container .price-colume-box .basic-title2{
    background-color:#DAF6FF;
}
.tab-price-container .price-colume-box .basic-title3{
    background-color:#E6E2FF;
}

.priceing-compare-plan-table .compare-plan-feature{
    font-size:36px;
    text-align:center;
    font-weight: 700;
    font-family: 'Suisse Works';
    line-height:70px;
}
.tab-price-container .compare-btn{
    text-align:center;
    margin-top: 66px
}
.tab-price-container .compare-btn a{
    font-size:17px;
    color:#000;
    border-bottom: 1px solid #000;
    padding-bottom: 4px;
    font-weight: 600;
}
.tab-price-container .compare-btn a:hover{
    color:#0CA678;
    border-bottom: 1px solid #0CA678;
}
.tab-price-container .compare-btn a:hover path{
    fill: #0CA678;
}
.tab-price-container .compare-btn span{
    margin-right:8px;
}
.table-group .middle-content-table .comparison-item:first-child{
    display:none;
}
.priceing-compare-plan-table .priceing-table-container {
    max-width: 1440px;
    margin: 0 auto;
    /*padding: 0px 20px;
    overflow-x: auto;*/
}
.price-colum-box-container{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 0 40px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
    margin-top: 40px !important;
}
.price-colum-box-container .price-colume-box{
    box-shadow: 0px 0px 8px 0px #00415747;
    background-color:#fff;
    padding: 45px;
    border-radius:20px;
    text-align: left !important;
}


.priceing-table-container .comparison-item {
    display: flex;
    color:#000000;
}
.priceing-table-container .comparison-item>div{
    padding: 18px 40px;
    width:100%;
    max-width: 320px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    text-align: center;
    font-size:15px;
    line-height:26px;
    font-weight:500;
}
.priceing-table-container .comparison-item>div p{
    font-size:15px;
    line-height:26px;
    font-weight:500;
}
/*.table-sticky .elementor-widget-container > div > .comparison-item:first-child {
    position: sticky;
    top: 0px;
    background: #fff;
}
*/

.priceing-compare-plan-table .table-group .wpt-row.first-row.comparison-item div:nth-child(1),
.priceing-compare-plan-table .table-group .wpt-row.first-row.comparison-item div:nth-child(2),
.priceing-compare-plan-table .table-group .wpt-row.first-row.comparison-item div:nth-child(4){
    background-color:transparent !important;
}
.priceing-compare-plan-table .table-group .wpt-row.first-row.comparison-item div:nth-child(3){
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.priceing-table-container .comparison-item div p:last-child{
    margin:0;
}
.priceing-table-container .comparison-item div:nth-child(2){
    background-color:#FBFCFF;
}
.priceing-table-container .comparison-item div:nth-child(3){
    background-color:#EAFFFA;
}
.priceing-table-container .comparison-item div:nth-child(4){
    background-color:#FBFCFF;
}
.priceing-table-container .comparison-item .title-container{
    justify-content: left;
    display: flex;
    text-align: left;
    max-width: 600px;
}
.priceing-table-container .comparison-item .title-container .table-title{
    font-size:17px;
    line-height:28px;
}
.priceing-table-container .comparison-item .price-content{
    display:block;
    padding: 16px 22px 35px 28px;
}
.priceing-table-container .comparison-item .price-content p{
    min-height: 45px;
}
.priceing-table-container .comparison-item .price-content p:last-child{
    min-height: auto;
}
.priceing-table-container .comparison-item .price-content h3{
    font-size:34px;
    font-weight:500;
    font-family: 'Graphik';
}
.priceing-table-container .comparison-item .price-content a{
    border:2px solid #0CA678;
    padding:12px 20px;
    color:#0CA678;
    text-decoration:none !important;
    border-radius:3px;
    font-size:16px;
    font-weight:600;
}
.priceing-table-container .comparison-item .price-content a:hover{
    border:2px solid #0CA678;
    color:#fff;
    background-color:#0CA678;
}
.priceing-table-container .comparison-item:first-child div:nth-child(2){
    background-color:#ffffff;
}
.priceing-table-container .comparison-item:first-child div:nth-child(3){
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.priceing-table-container .compare-plan-feature .comparison-item:first-child div:nth-child(4){
    background-color:#ffffff;
}
/*compare table end*/

/*new contact form start*/
.right-contact-form-colum-box{
    position:relative;
}
.right-contact-form-colum-box:before{
    content: '';
    background: linear-gradient(89.99deg, #1FB988 24.48%, #3A56D7 143.17%);
    left:0;
    width:100%;
    height:3px;
    top:0;
    position:absolute;
    z-index: 1;
}
.right-contact-form-colum-box .from-group {
    display: grid;
    padding: 0 0;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-gap: 33px 22px;
}
.right-contact-form-colum-box .form-box {
    margin-bottom: 20px;
    position: relative;
}
.right-contact-form-colum-box .form-control{
    border: 1px solid #BFBFBF;
    border-radius:4px;
    outline:0;
}

.right-contact-form-colum-box label {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight:400;
    line-height: normal;
}
.right-contact-form-colum-box .submitbtn{
    text-align:center;
    margin-top: 40px;
}
.right-contact-form-colum-box .submitbtn [type="submit"] {
    width: 100%;
    background-color: #0CA678;
    border: 1px solid #0CA678;
    font-size: 17px;
    font-weight: 500;
    max-width: 240px;
    border-radius: 4px;
    padding: 13px 0 13px 0;
    color: #fff;
}
.right-contact-form-colum-box .submitbtn [type="submit"]:hover {
    background-color:#0D9A70;
    border: 1px solid #0D9A70;
}
.right-contact-form-colum-box .textarea-box textarea{
    height:129px;
}
.right-contact-form-colum-box input:focus,
.right-contact-form-colum-box textarea:focus {
    border: 2px solid #0CA678 !important;
    box-shadow: none !important;
}
.contact-number-box a:hover{
    color:#0CA678 !important;
}
/*new contact form end*/

/*find designer start*/
.find-designer-wc-logo a{
    display:block !important;
}
.find-designer-wc-logo a img svg{
    width: auto !important;
}
.find-designer-template{
   overflow-x: hidden !important;
}
.find-sticky-content{
   top:80px;
    position: fixed !important;
    margin-right: 219px;
    max-width: 743px;
    z-index:2;
}

.upper-price-section {
    padding:140px 0px 100px 0px;
    background: url(../img/price-bg-new.png) no-repeat;
    background-size: cover;
}
.upper-price-section .content-box{
    text-align:center;
}
.upper-price-section .flexible-price-title {
    font-size: 62px;
    font-weight: bold;
    max-width: 950px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    line-height: 78px;
}
.upper-price-section .content-box p {
    font-size: 19px;
    line-height: 40px;
    margin-bottom: 28px;
}
.switch-grp{
    display:flex;
    justify-content: center;
    gap: 44px;
}
.swi-1 .toggle-format {
    border-radius: 50px;
    background-color: #FAFAFA;
    border: 1px solid #0136480D;
    padding: 0;
}
.switch-grp  .swi-2 {
    display: flex;
    width: 200px;
    align-items: center;
    gap: 6px;
}
.switch-grp .swi-2 span{
    font-weight:500;
    color:#013648;
}

.toggle-switch-btn-wrap .swi-1{
    margin-top: 49px;
    display: flex;
    justify-content: center;
}
.toggle-format.activated .option.webcontent-text,
.toggle-format .option.webcommerce-text {
   color:#008DF2;
}
.toggle-format .option.webcontent-text,
.toggle-format.activated .option.webcommerce-text {
    color:#4B4B4B;
}
.switch-grp label{
    margin-bottom:0px;
}

/*find designer end*/

/*slider toggle start start*/

.toggle-format {
    position: relative;
}
@keyframes switch-right {
    0% {
        max-width:8.4em;
    }

    66% {
        max-width: 8.8em; /* right width*/
        transform: translateX(8.6em);
    }
    100% {
        max-width: 8.8em; /* right width*/
        transform: translateX(8.6em);
    }
}
@keyframes switch-left {
    0% {
        max-width: 8.8em; /* right width*/
        transform: translateX(8.6em);
    }
    66% {
        max-width: 8.4em;
        transform: translateX(0em);
    }

    100% {
        max-width:8.4em;
    }
}

.toggle-format input {
    display: none;
}
.toggle-format input + .slider-pkg {
    animation: switch-left 0.5s ease forwards;
}
.toggle-format input:checked + .slider-pkg {
    animation: switch-right 0.5s ease forwards;
}
.toggle-format .slider-pkg {
    position: absolute;
    display: block;
    border-radius: 30px;
    background-color: transparent;
    border: 1px solid #008DF2;
    width: 100%;
    max-width: 6.1em;
    height: 45px;
    z-index: 1;
}
.toggle-format .option {
    padding: 8px 4px;
    margin: 0px 5px;
    font-size: 19px;
    font-weight: 600;
    display: inline-block;
    color: #013648;
    z-index: 1;
    position: relative;
    cursor: pointer;
    transform: scale(.85);
    font-family: Lexend;
}

.switch-grp .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch-grp .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-duration {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#0ca678;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider-duration:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider-duration {
    background-color:#0ca678;
}

input:focus+.slider-duration {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider-duration:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider-duration.round {
    border-radius: 34px;
}

.slider-duration.round:before {
    border-radius: 50%;
}

/*slider toggle start end*/
.meet-customer-box p{
    font-size:22px;
    line-height:31px;
    margin:15px 0 0 0;
    padding:0;
    width:100%;
}
.customer-first-colume .elementor-widget-container{
    height:230px;
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
.meet-customer-box .elementor-widget-container{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    text-align:center;
    align-items: center;
}
.gumtee-colume-box .elementor-widget-container {
    height:496px;
    align-items: flex-end;
}
.facebook-market-colume .elementor-widget-container {
    height:496px;
}
.white-color-font p{
    color:rgba(255, 255, 255, 0.7) !important;
    font-weight:500;
}
.black-color-font p{
    color:rgba(0, 0, 0, 0.7) !important;
    font-weight:500;
}
.gum-black-color-font p{
    color:#002333 !important;
}
.button-center .elementor-widget-container{
    text-align:center;
}

.get-btn-new .top-right-links {
    position: initial;
    display: inline-block;
    right: initial;
}

.build-confidence-content svg{
   margin-top:5px;
}
.build-confidence-content p{
    font-family: "Lexend", sans-serif;
    font-weight:400;
}

/*tempate details start*/
.build-confidence-section{
    background-color:#FAF5EE;
    padding:100px 20px;
}
.build-confidence-section .container{
    display:flex;
    max-width: 1440px !important;
    margin:0 auto;
}
.build-confidence-section .con-left-colume{
    width:40%;
    padding-right:25px;
}

.build-confidence-section .con-right-colume{
    width:60%;
    display:flex;
    gap:92px 40px;
    flex-wrap: wrap;
    padding-top: 10px;
}
.build-confidence-section .con-right-colume .item-content{
    width:47%;
    display: flex;
    gap:15px;
}
.build-confidence-section .item-des-content{
    width:90%;
}
.build-confidence-section .item-des-content h3{
    font-size:23px;
    font-weight:600;
    line-height:33px;
    padding:0;
    margin:0;
}
.build-confidence-section .item-des-content p{
    color:#131313;
    font-size:15px;
    font-family: "Lexend", sans-serif;
    font-weight:300;
    line-height:23px;
    margin:0;
    padding:12px 0 0 0;
}
.build-confidence-title {
    margin: 0;
    padding: 0;
    color: #000;
    font-family: Lexend;
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: 64px;
    letter-spacing: -1.84px;
}
.build-confidence-section .item-img{
    margin-top:2px;
}
.cta-want-sell-section{
    background-color:#EEF2FE;
    padding:120px 0 0  0;
}
.cta-want-sell-section .cta-container{
    display:flex;
    justify-content: space-between;
}
.cta-want-sell-section .cta-container .cta-left-colume{
    display: flex;
    align-items: center;
}
.cta-want-sell-section .cta-container .cta-left-content{
    padding:0px 0 80px 260px;
    max-width: 740px;
}
.cta-want-sell-section .cta-container .want-title-tem{
    font-size:50px;
    line-height:64px;
    font-weight:600;
    margin:0 0 15px 0;
    padding:0;
}
.cta-want-sell-section .cta-container p{
    color:#000;
    font-size:16px;
    line-height:30px;
}
.cta-want-sell-section .cta-container .link-button{
    display:block;
    margin-top:40px;
}
.link-button a {
    color: #FFFFFF;
    background-color: #008DF2;
    border-radius: 28px;
    padding: 12px 30px 12px 30px;
    font-size: 16px;
    font-weight: 600;
    font-family: Lexend;
}
.link-button a:hover{
    background-color:#29a6ff;
}

/*template details end css*/

/*plugin start css*/
.try-exsited-btn .elementor-button{
    background:transparent !important;
}
.try-exsited-btn .elementor-button:hover{
   color:#0CABDD;
}
.want-to-sell-plugin-sec .cta-container{
   max-width:1440px;
    margin:0 auto;
}
.want-to-sell-plugin-sec {
    padding: 100px 30px 100px  30px;
}
.plugin-left-columecta{
    max-width:450px;
}
.plugin-left-columecta{
    display: flex;
    align-items: center;
}
/*plugin start end css*/

/*plugin details cta start*/
.cta-inventory-roder-section .cta-inventory-container{
    max-width:1440px;
    padding:0px 20px 0px 20px;
    margin:0 auto;
    background: url(../img/cta-bg-color.png) no-repeat;
    background-size: cover;
    min-height:336px;
    border-radius:10px;
    display: flex;
    justify-content: space-between;
}
.inventory-content-box{
    padding:50px;
}
.left-inventory-colume{
    width:48%;
}
.right-inventory-colume{
    width:52%;
    background: url(../img/shape-image.png) no-repeat;
    background-size: cover;
    display: flex;
    justify-content: right;
    align-items: end;
}
.cta-inventory-image-box {
    margin-right: 83px;
}
.inventory-sub-content{
    color:#fff;
    margin:0;
    padding:15px 0 0 0;
    font-size:18px;
}
.inventory-title{
    font-size:28px;
    color:#ffffff;
    line-height:36px;
    margin:14px 0 12px 0;
    padding:0;
    font-weight:400;
}
.inventory-content-box .invent-price{
    color:#fff;
    font-size:18px;
}
.try-exsited-btn a{
    color:#fff;
    font-size:16px;
    font-weight:bold;
    border-bottom:1px solid #fff;
    font-family: "Lexend", sans-serif !important;
}
.try-exsited-btn a:hover{
    color:#0CABDD;
    border-bottom:1px solid #0CABDD;
}
/*plugin details end*/
.plugin-view-all-btn .elementor-button{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.196) 100%) !important;
    border:1px solid rgba(68, 68, 68, 0.14);
}
.plugin-view-all-btn .elementor-button span {
    text-decoration: inherit;
    display: flex;
}

.plugin-view-all-btn .elementor-button:hover{
    background:#008DF2!important;
    border:1px solid #008DF2;
    color:#fff;
}
.plugin-view-all-btn .elementor-button:hover .elementor-button-text{
    color:#fff;
}
.plugin-view-all-btn .elementor-button:hover svg path{
    fill:#fff;
}
.plugins-list-section .btn-container{
    text-align:center;
}


/*new plan price design start*/
.plan-price-section{
    margin: 40px 10px 55px 10px;
}
.plan-price-section .plan-price-container-box{
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border:1px solid #efefef;
    border-radius:10px;
    max-width:1048px;
    margin: 0 auto;
}
.plan-price-section .plan-price-container-box .plan-price-item{
    padding:15px;
    border-right:1px solid #efefef;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    position: relative;
}

.plan-price-section .plan-price-container-box .plan-price-item:nth-child(3){
    border:1px solid #008DF2;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: -16px;
    margin-top: -16px;
    background: #fff;
    border-radius: 12px;
}
.plan-price-section .plan-price-container-box .plan-price-item:last-child{
    border-right:0px solid #DDDDDD;
}

.tab-warp.pricing-step {
    overflow: auto;
    height: auto;
}
.plan-price-container-box .plan-price-title{
    font-size:23px;
    font-weight:600;
    text-align:center;
    margin: 0 0 10px 0;
    padding: 0;
}
.plan-price-item p{
    color:#4F4F4F;
    font-size:12px;
    line-height:16px;
    text-align:center;
}
.plan-price-item .plan-price-text{
    font-size:23px;
    font-weight:600;
    text-align:center;
    font-family: "Lexend", sans-serif;
}
.plan-price-item .plan-price-text sub{
    color:#4F4F4F;
    font-size:12px;
    vertical-align: middle;
}
.plan-get-startbtn{
    text-align:center;
}
.price-sub-context{
    font-size:12px;
    line-height:16px;
}

.plan-get-startbtn a{
    border-radius:50px;
    border:1px solid #008DF2;
    color:#008DF2;
    font-size:14px;
    display: block;
    text-align: center;
    padding:8px 20px;
    font-weight: 600;
    margin-top:11px;
    width:100%;
}
.plan-get-started{
    border-radius:50px;
    border:1px solid #008DF2;
    color:#008DF2;
    font-size:14px;
    display: block;
    text-align: center;
    padding: 10px 20px;
    font-weight: 600;
    margin-top:11px;
    width:100%;
}
.plan-price-section .plan-price-container-box .plan-price-item:nth-child(3) .plan-get-started,
.plan-price-section .plan-price-container-box .plan-price-item:nth-child(3) .plan-get-startbtn a{
    border:1px solid #008DF2;
    color:#ffffff;
    background-color:#008DF2;
}
.item-content-box{
    min-height:166px;
}
.plan-price-item .plan-content-list{
    margin-top:15px;
}
.plan-price-item .get-text{
    font-weight:600;
    font-size:14px;
}
.plan-content-list ul{
    margin:15px 0 0 0;
    padding:0px;
}
.plan-content-list ul li{
   list-style-type: none;
    position:relative;
    font-size:12px !important;
    font-weight:500;
    padding-left: 16px;
    margin-bottom: 5px;
}
.plan-content-list ul li:before{
    content: '';
    background: url('../img/plan-list-icon.svg') no-repeat;
    left:0;
    width:8px;
    height:8px;
    top:8px;
    position:absolute;
}

.enter-price-content-list ul{
    margin:15px 0 0 0;
    padding:0px;
}
.enter-price-content-list ul li{
    list-style-type: none;
    position:relative;
    font-size:12px !important;
    font-weight:500;
    padding-left:24px;
    margin-bottom: 5px;
}
.enter-price-content-list ul li:before{
    content: '';
    background: url('../img/enter-list-icon.svg') no-repeat;
    left:0;
    width: 13px;
    height: 14px;
    top: 6px;
    position: absolute;
}
.plan-prices-fea-content{
    text-align:center;
    margin-top: 36px;
}
.plan-prices-fea-content p{
    margin:0 0 8px 0;
    padding:0;
}
.plan-prices-fea-content a{
    font-size:14px;
    color:#008DF2;
    position:relative;
}
.plan-prices-fea-content a:after {
    content: '';
    background: url('../img/see-arrow-icon.svg') no-repeat;
    right: 0;
    width: 14px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    transform: rotate(180deg);
}
.plan-prices-fea-content a.active:after {
    transform: rotate(0deg);
}
.js-ecom-monthly-tab .plan-price-item:first-child .plan-get-started{
   margin-top:25px;
}
.js-ecom-monthly-tab .plan-price-item:last-child .plan-get-startbtn{
    margin-top:22px;
}
/*new plan price design end*/

/*feature section start*/
.see-feature-section .feature-content-text {
    font-size: 20px;
    line-height: 41px;
    text-align: left;
    font-weight: 600;
    margin-bottom: 25px;
    font-family: "Lexend", sans-serif;
    padding-left: 20px;
}
.see-feature-container {
    display: flex;
    gap: 30px;
    padding-left: 20px;
}

.plan-item-list-container{
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:0px 0px;
}
.all-plans-include-colume{
    width:46%;
}
.premium-plan-colume{
    width:54%;
    background-color:#F6FCFF;
   border:1px solid rgba(0, 141, 242, 0.1);
    margin-right:10px;
}
.premium-plan-colume{
   border-radius:15px;
   padding:25px;
   min-height:400px;
}
.see-feature-container h3{
    font-size:18px;
    font-weight:600;
    margin:0 0 28px 0;
    padding:0;
    text-align:left;
}
.see-feature-container .premium-plan-colume h3{
    text-align:center;
}
.item-content-list ul{
    margin:12px 0 28px 0;
    padding:0px;
}
.item-content-list ul li{
    list-style-type: none;
    position:relative;
    font-size:12px !important;
    font-weight:500;
    padding-left:23px;
    margin-bottom:11px;
    line-height:20px !important;
}
.item-content-list ul li:before{
    content: '';
    background: url('../img/plan-list-icon-blue.svg') no-repeat;
    left:0;
    width: 13px;
    height: 14px;
    top:7px;
    position: absolute;
}
.project-manage-list .list-title,
.plan-item-list-container .list-title{
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 12px 0;
    padding: 0;
}
.explore-feature{
    text-align:center;
    margin-top:35px;
}
.explore-feature a{
    color:#000000;
    font-weight:600;
    text-decoration:underline;
}
.explore-feature a:hover{
    color:#008DF2;
}
.premium-plan-list-container ul{
    margin:0;
    padding:0;
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:10px 30px;
}
.premium-plan-list-container ul li{
   list-style-type: none;
}
.premium-plan-list-container ul li{
   display:flex;
   align-items: center;
   gap:0px 10px;
   font-size:14px !important;
   font-weight:500;
   padding:0;
   margin-bottom:7px;
   line-height:19px !important;
}
.premium-plan-list-container{
    padding:0 48px;
}
.list-right-colume .item-list-colum:last-child ul,
.list-left-colume .item-list-colum:last-child ul{
    margin-bottom:0px;
}
.premium-bottom-content{
    border:1px solid rgba(0, 141, 242, 0.3);
    border-radius:13px;
    padding:15px;
    text-align:center;
    font-weight:600;
    font-size:14px;
    line-height:20px;
    margin-top:25px;
}
.project-manage-list ul{
    display:flex;
    flex-wrap:wrap;
}
.project-manage-list ul li{
    width:50%;

}
.see-feature-section {
    margin-bottom: 80px;
    max-width: 1048px;
    margin: 80px auto;
}

.plan-pricing-step{
    padding: 25px;
}
.premium-plan-list-container ul li span{
    width:75%;
}

/*customize scrollbar*/
.tab-warp.pricing-step .step-pricing-table::-webkit-scrollbar-track
{
    -webkit-box-shadow: none;
    background-color: #fff;
    border-radius: 10px;
}

.tab-warp.pricing-step .step-pricing-table::-webkit-scrollbar
{
    width: 6px;
    background-color: #fff;
    border-radius: 10px;
}

.tab-warp.pricing-step .step-pricing-table::-webkit-scrollbar-thumb
{
    background-color: #eee;
    border-radius: 10px;
}
/*customize scrollbar end*/
/*feature section end*/


/*new plan price css slider start*/
.plan-toggle-box .switch-grp{
    display:flex;
    justify-content: center;
    gap: 44px;
}
.plan-toggle-box .swi-1 .toggle-format {
    border-radius: 50px;
    background-color: #ffffff;
    border: 1px solid #DDDDDD;
    padding: 0;
}
.plan-toggle-box .switch-grp  .swi-2 {
    display: flex;
    width: 200px;
    align-items: center;
    gap: 6px;
}
.plan-toggle-box .switch-grp .swi-2 span{
    font-weight:500;
    color:#013648;
}

.plan-toggle-box .toggle-switch-btn-wrap .swi-1{
    margin-top:0px;
    display: flex;
    justify-content: center;
}

.plan-toggle-box .toggle-format.activated .option.webcontent-text,
.plan-toggle-box .toggle-format .option.webcommerce-text {
    color: #000;
}
.plan-toggle-box .toggle-format .option.webcontent-text,
.plan-toggle-box .toggle-format.activated .option.webcommerce-text {
    color: #000;
}

.plan-toggle-box .switch-grp label{
    margin-bottom:0px;
}

.plan-toggle-box .toggle-switch-btn-wrap{
    max-width: 296px;
    margin: 0 auto;
    position:relative;
}

.plan-toggle-box .saving-text span{
    background-color: #0DC15C;
    color: #fff;
    border-radius: 26px;
    position: absolute;
    top: -23px;
    right: -23px;
    padding: 4px 9px;
    z-index: 2;
    font-size:14px;
    font-weight:600;
}
.plan-toggle-box .toggle-format {
    position: relative;
}
@keyframes switch-right-plan {
    0% {
        max-width:8.4em;
    }

    66% {
        max-width: 8.8em; /* right width*/
        transform: translateX(8.6em);
    }
    100% {
        max-width: 8.8em; /* right width*/
        transform: translateX(8.6em);
    }
}
@keyframes switch-left-plan {
    0% {
        max-width: 8.8em; /* right width*/
        transform: translateX(8.6em);
    }
    66% {
        max-width: 8.4em;
        transform: translateX(0em);
    }

    100% {
        max-width:8.4em;
    }
}

.plan-toggle-box .toggle-format input {
    display: none;
}
.plan-toggle-box .toggle-format input + .slider-pkg {
    animation: switch-left-plan 0.5s ease forwards;
}
.plan-toggle-box .toggle-format input:checked + .slider-pkg {
    animation: switch-right-plan 0.5s ease forwards;
}
.plan-toggle-box .toggle-format .slider-pkg {
    position: absolute;
    display: block;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #008DF2;
    width: 100%;
    max-width: 6.1em;
    height: 45px;
    z-index: 1;
}
.plan-toggle-box .toggle-format .option {
    padding: 8px 4px;
    margin: 0px 5px;
    font-size: 19px;
    font-weight: 500;
    display: inline-block;
    z-index: 1;
    position: relative;
    cursor: pointer;
    transform: scale(.85);
    font-family: Lexend;
    width: 126px;
    text-align: center;
}

.plan-toggle-box .switch-grp .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.plan-toggle-box .switch-grp .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.plan-toggle-box .slider-duration {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#0ca678;
    -webkit-transition: .4s;
    transition: .4s;
}

.plan-toggle-box .slider-duration:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.plan-toggle-box input:checked+.slider-duration {
    background-color:#0ca678;
}

.plan-toggle-box input:focus+.slider-duration {
    box-shadow: 0 0 1px #2196F3;
}

.plan-toggle-box input:checked+.slider-duration:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.plan-toggle-box .slider-duration.round {
    border-radius: 34px;
}

.plan-toggle-box .slider-duration.round:before {
    border-radius: 50%;
}

/*new plan slider toggle end*/
.plugin_category_list button {
    margin-bottom: 10px;
    margin-right: 8px;
}
