* {
    margin: 0;
    box-sizing: border-box;
}

ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

a {
    text-decoration: none !important;
    color: #000;
}

img {
    max-width: 100%;
}

body {
    font-family: "Eudoxus Sans";
}

#modal-root {
    position: fixed;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    width: 0px;
    height: 0px;
    opacity: 0;
    transition: opacity 0.15s ease-out, width 0s linear 0.15s,
        height 0s linear 0.15s;
}

.invis {}

.output {
    display: none;
    margin-bottom: 80px;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    z-index: 1;
}

.hidden {
    display: none;
}

/* api-page */

.api_endpoint_details .custom-precision-right ul li {
    text-align: left;
}

.api_banner {
    padding: 80px 0;
}

.api_title_cards {
    text-align: center;
    /* width: 80%; */
    margin: 0 auto;
}

.api_title_cards .api_title {
    margin: 24px 0;
}

.api_title_cards .api_title h2 {
    /* display: inline; */
    color: black;
    font-style: normal;
    font-weight: 800;
    font-size: 58px;
    line-height: 119%;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
    display: flex;
}

.api_title_cards p {
    color: #8F8D97;
    font-size: 24px;
    margin-top: 90px;
}

.api_title_cards span {
    font-size: 25px;
    border: 1px solid #7558EA;
    border-radius: 50px;
    padding: 8px 16px;
    color: #7558EA;
}

.api_banner_btns a.gt-stbtn {
    margin-left: 14px;
    margin-right: 14px;
}

.api-white-level-int-tittle {
    color: black;
}

.use-case-tittle {
    color: #fff;
    font-size: 20px;
}

.api-use-case {
    background-color: #18122a !important;
    background-image: none !important;
}

.api_endpoint_details .custom-precision-right ul li {
    color: #fff;
    font-size: 14px;
    margin-bottom: 12px;
    list-style: disc;
    margin-left: 19px;
}

.api-endpoints-title {
    text-align: center;
}

.api-endpoints-title h3 {
    font-size: 39px;
}

.api-endpoints-title p {
    font-size: 25px;
}

.api-endpoints-title h3,
.api-endpoints-title p {
    color: #fff;
}

.api_endpoint_details .custom-precision-right ul li strong {
    margin-right: 10px;
    margin-bottom: 7px;
}

.api_endpoint_details .custom-precision {
    display: flex;
    align-items: center;
}

.api_endpoint_details .custom-precision .custom-precision-right,
.api_endpoint_details .custom-precision .custom-precision-left {
    float: none;
}

.api_endpoint_details .api_reverce_data {
    flex-direction: row-reverse;
}

.inner_table {
    box-shadow: none !important;
}

.inner_table tr {
    background-color: transparent !important;
}

.switch-api-tabs button {
    border-radius: 10px;
}

.switch-api-tabs button:hover {
    background-color: #7558ea;
    color: white;
}

.response_example {
    font-size: 20px !important;
    font-weight: 400 !important;
    font-style: italic;
}

.api_title .mntxt-annimation span {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-size: 58px !important;
    white-space: break-spaces !important;
}

.api-white-level-int {
    background: none !important;
    box-shadow: none !important;
}

.api-endpoints-subtittle {
    color: #7558EA;
}

.redesign-endpoint-list-points li strong {
    font-size: 18px;
    text-decoration: underline;
    text-decoration-color: #534E60;
}

.more-credits-main {
    margin-top: 50px;
}

.api-white-level-int-box .ftbx-title {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.headvidatag a{
    color: #454153;
}

.headvidatag a:hover{
    color: #454153;
}

/* api-page-end */

/*----------css variables----------*/

:root {
    --main-color: #7558ea;
}

.mn-homeouter .container,
.hmd-outer .container {
    max-width: 1200px;
}

.container {
    max-width: 1120px;
}

#hmn-main {
    background: #f9f9f9;
}

.mg-mobl {
    margin-top: 0px;
}

.testi-italic {
    margin: 0;
}

/* ===== Scrollbar CSS ===== */

/* Firefox */


@-moz-document url-prefix() {
    * {
        scrollbar-width: auto;
        scrollbar-color: #7558ea #7558ea;
    }
}

/* Chrome, Edge, and Safari */

*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: #41326a;
}

*::-webkit-scrollbar-thumb {
    background-color: #7558ea;
    border-radius: 10px;
    border: 3px solid #7558ea;
}

.scorll-auto {
    max-height: 100vh;
    overflow: scroll;
    overflow-x: hidden;
}

#fileElem {
    display: none;
}

#drop-area {
    border: 2px dashed #ccc;
    border-radius: 20px;
    width: 480px;
    font-family: sans-serif;
    margin: 100px auto;
    padding: 20px;
    text-align: center;
}

#drop-area.highlight {
    border-color: purple;
}

.my-form {
    margin-bottom: 10px;
}

#gallery0 {
    /* margin-top: 50px
; */
    /* width: 800px; */
    height: auto;
    text-align: center;
    display: none;
    transform: translate(0px, -16px);
}

#gallery0 img {
    /* width: 500px; */
    /* width: 100%; */
    /* width: auto; */
    /* height: auto; */
    max-height: 207px;
    /* margin-bottom: 55px; */
    /* max-height: 425px; */
    /* margin-bottom: 35px; */
    /* margin-right: 10px; */
    vertical-align: middle;
}

#gallery1 {
    /* margin-top: 50px
; */
    width: auto;
    height: auto;
    text-align: center;
    display: none;
}

#gallery1 img {
    /* width: 500px; */
    /* width: 100%; */
    max-height: 207px;
    margin-bottom: 55px;
    /* max-height: 425px; */
    /* margin-bottom: 35px; */
    /* margin-right: 10px; */
    vertical-align: middle;
}

#gallery2 {
    /* margin-top: 50px
; */
    width: auto;
    height: auto;
    text-align: center;
    display: none;
}

#gallery2 img {
    /* width: 500px; */
    /* width: 100%; */
    max-height: 207px;
    margin-bottom: 55px;
    /* margin-right: 10px; */
    vertical-align: middle;
}

#notlogged {
    display: none;
}

#extrasettings {
    /* hidden: true */
}

.fa {
    background-color: #7558ea;
    padding-inline: 8px;
    padding-block: 5px;
    border-radius: 10px;
    font-size: 34px;
    color: white;
    margin-block: 10px;
    cursor: pointer;
}

/*----------header----------*/

.hmd-outer {
    background: #f9f9f9;
}

.hmd-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d9d9d9;
    padding: 9px 0px 15px;
}

.hmd-navlist {
    display: inline-block;
    margin-right: 43px;
}

.hmd-navlist a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
}

.hmd-navlist:last-child {
    margin-right: 0;
}

.upgd-go {
    padding: 10px 27px;
    display: inline-block;
    border: 1px solid #7558ea;
    border-radius: 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: var(--main-color);
    background: #fff;
    transition: ease 0.2s;
}

.hmd-navflx {
    display: flex;
    align-items: center;
}

.upgrade-subtn {
    margin-left: 39px;
}

.hmd-navlist .active {
    color: var(--main-color);
}

.strlight {
    margin-right: 9px;
}

.upgd-go:hover {
    color: white;
    background: var(--main-color);
    transition: ease 0.2s;
}
.feature-go:hover{
    background: linear-gradient(140deg, #372593 7.32%, #8332D4 36.85%, #9B2DBB 53.36%, #B9279B 78.1%, #D77CAB 98.22%, #F4C0DB 110.67%);
    border: 0px white !important;
}

.upgd-go:hover .strlight {
    filter: brightness(4.5);
}

.headvidwrap {
    margin: 0;
    position: relative;
    top: 0;
    /* -ms-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
}

.headvid {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 40px;
    overflow: hidden;
}

/*----------header----------*/

.mobileheader {
    display: none;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 99999999;
}

.sidenav a {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    font-size: 18px;
    color: #444444;
    display: block;
    transition: 0.3s;
    text-align: center;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: var(--main-color);
}

.menu-link.active {
    background: var(--main-color);
    display: block;
    color: #fff;
}

.modal2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.4rem;
    /* width: 100vw; */
    /* padding: 1.3rem; */
    min-height: 390px;
    position: fixed;
    z-index: 2;
    /* top: 33%; */
    /* position: absolute; */
    top: 45%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    /* left: 20%; */
    background-color: white;
    /* border: 1px solid #ddd; */
    /* border-radius: 15px;*/
}

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

.modal2 input {
    padding: 0.7rem 1rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 0.9em;
}

.modal2 p {
    font-size: 0.9rem;
    color: #777;
    margin: 0.4rem 0 0.2rem;
}

/* .modal-header {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
} */

/* Modal Body */

.modal-body {
    padding: 2px 16px;
}

/* Modal Footer */

/* .modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
} */

/* Modal Content */

.modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 80%;
    margin-top: 100px;
    animation-name: animatetop;
    animation-duration: 0.4s;
    background-color: #fefefe;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Modal Content */

.modalStore-content {
    position: relative;
    margin: 40px 100px;
    padding: 0;
    border: 1px solid #888;
    /* width: 60%; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    animation-name: animatetop;
    animation-duration: 0.4s;
    /* margin-top: 150px; */
}

/* Add Animation */

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

/*modal*/

.custom-md-preview {
    width: 100%;
    height: 100%;
}

.gt-started-section .modal-body {
    padding-top: 0;
}

.gt-started-section .modal-header .btn-close {
    background: transparent url(../images/Union.svg) center/1em auto no-repeat;
}

/*modal*/

.loader_div {
    height: 750px;
    padding-top: 109px;
    /* left: 49%; */
    /* width: 100%; */
    display: none;
}

.loader_div2 {
    height: 750px;
    padding-top: 189px;
    /* left: 49%; */
    /* width: 100%; */
    display: none;
}

/* .bot {} */

/* .input_im:hover {
animation: superman-fly-right ease-in-out 0.5s forwards;
}

@keyframes superman-fly-right {
from {
width: 350px;
}
to {
width: 500px;
}
}
.generated_im:hover {
animation: superman-fly-right ease-in-out 0.5s forwards;
}

@keyframes superman-fly-right {
from {
width: 350px;
}
to {
width: 500px;
}
} */

#strengthText {
    color: #fff;
    /* translate: (0px, 30px); */
}

#slidecontainer {
    text-align: center;
}

.generated_im_class0 {
    /* display: flex;
justify-content: center; */
    display: none;
    height: 550px;
    /* margin: 20px; */
    /* text-align: center; */
    /* height: 650px; */
}

.generated_im_class1 {
    /* display: flex;
justify-content: center; */
    display: none;
    height: 550px;
    /* margin: 20px; */
    /* text-align: center; */
    /* height: 650px; */
}

.generated_im_class2 {
    /* display: flex;
justify-content: center; */
    display: none;
    height: 550px;
    /* margin: 20px; */
    /* text-align: center; */
    /* height: 650px; */
}

.generated_im {
    margin-bottom: 50px;
    /* width: 550px; */
    margin-left: auto;
    margin-right: auto;
    transition: all 0.5s;
    /* margin-left: 72px; */
    /* display: inline-block; */
    /* margin-inline: 20px; */
    /* margin-left: 40px; */
}

.render-img-bx2 {
    /* width: 550px; */
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.5s;
    position: relative;
    /* margin-left: 72px; */
    /* margin-inline: 20px; */
    /* display: inline-block; */
}

/* .render-img-bx{max-width: 522px; position: relative;} */

.iconbtn {
    background-color: DodgerBlue;
    /* Blue background */
    border: none;
    /* Remove borders */
    color: white;
    /* White text */
    font-size: 16px;
    /* Set a font size */
    cursor: pointer;
    /* Mouse pointer on hover */
}

.hidediv {
    display: none;
}

.textoutputtext {
    color: #fff;
    font-weight: 600;
    /* display: none; */
}

.dashed {
    border-top: 3px dashed #bbb;
    padding-bottom: 20px;
}

#test0 {
    padding: 10px;
    /* margin-top: 80px; */
    margin-inline: 10px;
    display: none;
    /* text-align: center; */
    /* left: 49%; */
}

#test20 {
    padding: 10px;
    /* margin-top: 80px; */
    margin-inline: 10px;
    display: none;
}

#test1 {
    padding: 10px;
    /* margin-top: 80px; */
    margin-inline: 10px;
    display: none;
    /* text-align: center; */
    /* left: 49%; */
}

#test21 {
    padding: 10px;
    /* margin-top: 80px; */
    margin-inline: 10px;
    display: none;
}

#test2 {
    padding: 10px;
    /* margin-top: 80px; */
    margin-inline: 10px;
    display: none;
    /* text-align: center; */
    /* left: 49%; */
}

#test22 {
    padding: 10px;
    /* margin-top: 80px; */
    margin-inline: 10px;
    display: none;
}

.backButton {
    /* text-align: center; */
    padding: 10px;
    /* display: none; */
    /* left: 50%; */
}

.signingoogle {
    cursor: pointer;
    width: 220px;
    margin-bottom: 10px;
    /* border-style: solid; */
}

.gogsin {
    width: 130px;
    height: 55px;
    background-color: #dbdcdc;
    margin: auto;
    border-style: solid;
}

.loader {
    border: 8px solid #dad7d7;
    /* Light grey */
    border-top: 8px solid blue;
    border-bottom: 8px solid blue;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    /* position: absolute; */
    /* width: 50%; */
    margin: 0 auto;
    /* right: 45%; */
    /* top: 49%; */
    /* display: none; */
    /* top: 50%; */
    margin-top: 250px;
    /* text-align: center; */
    animation: spin 2s linear infinite;
}

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

    100% {
        transform: rotate(360deg);
    }
}

.container22 {
    margin: 150px auto;
    width: 400px;
    text-align: center;
    max-width: 100%;
}

.container22 .progress {
    margin: 0 auto;
    width: 249px;
}

.progress {
    /* padding: 14px; */
    background: rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25),
        0 1px rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25),
        0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar {
    height: 16px;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(top,
            rgba(255, 255, 255, 0.3),
            rgba(255, 255, 255, 0.05));
    background-image: -moz-linear-gradient(top,
            rgba(255, 255, 255, 0.3),
            rgba(255, 255, 255, 0.05));
    background-image: -o-linear-gradient(top,
            rgba(255, 255, 255, 0.3),
            rgba(255, 255, 255, 0.05));
    background-image: linear-gradient(to bottom,
            rgba(255, 255, 255, 0.3),
            rgba(255, 255, 255, 0.05));
    -webkit-transition: 16.4s linear;
    -moz-transition: 16.4s linear;
    -o-transition: 16.4s linear;
    transition: 20.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25),
        inset 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25),
        inset 0 1px rgba(255, 255, 255, 0.1);
}

/*
* Note: using adjacent or general sibling selectors combined with
*       pseudo classes doesn't work in Safari 5.0 and Chrome 12.
*       See this article for more info and a potential fix:
*       https://css-tricks.com/webkit-sibling-bug/
*/

#five:checked~.progress>.progress-bar {
    width: 5%;
    background-color: #f63a0f;
}

#twentyfive:checked~.progress>.progress-bar {
    width: 25%;
    background-color: #f27011;
}

#fifty:checked~.progress>.progress-bar {
    width: 50%;
    background-color: #f2b01e;
}

#seventyfive:checked~.progress>.progress-bar {
    width: 75%;
    background-color: #f2d31b;
}

#onehundred:checked~.progress>.progress-bar {
    width: 100%;
    background-color: #86e01e;
}

.radio {
    display: none;
}

.label {
    display: inline-block;
    margin: 0 5px 20px;
    padding: 3px 8px;
    color: #aaa;
    text-shadow: 0 1px black;
    border-radius: 3px;
    cursor: pointer;
}

.radio:checked+.label {
    color: white;
    /* background: rgba(0, 0, 0, 0.25); */
}

/*----------landing section----------*/

.mn-homeinner .row {
    align-items: end;
}

.txt-replce h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 58px;
    line-height: 119%;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

.mntxt-annimation {
    color: var(--main-color);
    display: inline-block;
}

.word {
    position: absolute;
    opacity: 0;
}

.letter {
    display: inline-block;
    position: relative;
    float: left;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
}

.letter.out {
    transform: rotateX(90deg);
    transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
    transform: rotateX(-90deg);
}

.letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.mn-homeinner {
    padding: 50px 0px 50px;
}

p.mn-hm-content {
    font-weight: 500;
    font-size: 18px;
    line-height: 211%;
    color: #454153;
    opacity: 0.7;
    margin-bottom: 0;
    margin-top: 17px;
}

.mn-content {
    max-width: 505px;
    padding-bottom: 20px;
}

.gt-stbtn {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: #ffffff;
    background: var(--main-color);
    padding: 18px 65px;
    display: inline-block;
    border-radius: 5px;
    height: max-content;
}

/* .gt-stbtn {font-weight: 700;font-size: 16px;line-height: 28px;text-transform: capitalize;color: #FFFFFF;background: var(--main-color);padding: 18px 65px;display: inline-block;border-radius: 5px; height: max-content;} */

.gt-stbtn:hover {
    color: #7558ea;
    background-color: #fff;
    border: 1px solid #7558ea;
    transition: 0.3s;
}

.wtch-action {
    border: 0;
    background: 0;
}

.wtch-action .playbtn {
    width: 64px;
    height: 64px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease 0.2s;
    box-shadow: 0px 25px 40px rgb(185 185 185 / 15%);
    border-radius: 200px;
}

.wtch-go {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    display: inline-block;
    margin-left: 7px;
}

.wtch-action {
    display: flex;
    align-items: center;
    margin-left: 14px;
}

.gt-started-section {
    display: flex;
    margin-top: 34px;
}

.gt-started-section .modal-header {
    border-bottom: 0;
}

.wtch-action .playbtn:hover {
    background: var(--main-color);
    transition: ease 0.2s;
}

.wtch-action .playbtn:hover .hmd-goimg {
    filter: invert(1);
}

.cust-commmon {
    font-weight: 700;
    font-size: 30px;
    line-height: 140%;
    color: #000000;
    margin-bottom: 0;
}

.small-csthead {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    opacity: 0.5;
    display: inline-block;
    margin-top: 2px;
}

.customer-section {
    display: flex;
    margin-top: 47px;
    align-items: center;
}

.cmn-customerbx {
    margin-right: 24px;
}

.cmn-customerbx:last-child {
    margin-right: 0px;
}

.cmn-customerbx.bx-withborder::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 39px;
    background: #000;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 0px;
    opacity: 0.08;
    border-radius: 2px;
}

.cmn-customerbx.bx-withborder {
    padding-right: 15px;
    position: relative;
}

.rviw-flex {
    display: flex;
    align-items: center;
}

.star-review {
    margin-right: 10px;
}

.hmd-ypouter {
    margin-bottom: -68px;
    position: relative;
    z-index: 1;
    display: flex;
}

.mbbackstretch-outer {
    padding-top: 0;
}

.top-bkstretch {
    border: 10px solid #f6f6f6;
    width: 235px;
    height: 185px;
    min-width: 235px;
    min-height: 185px;
}

.hmd-mnbackstretch::after {
    position: absolute;
    content: "";
    width: 171px;
    height: 171px;
    border-radius: 100%;
    right: -40px;
    top: -45px;
    background: #43b0ff;
    mix-blend-mode: multiply;
}

.transformed-text {
    margin-left: 42px;
    margin-top: 18px;
}

.hmd-mnbackstretch {
    width: 515px;
    height: 406px;
    background: url(../images/background-1.jpg);
    background-size: 100% 100%;
    margin-left: auto;
    position: relative;
    border-radius: 0px 115px;
}

/*@keyframes changeImage {
0%{background-image: url(../images/background-1.jpg) ;}
20%{background-image: url(../images/background-2.jpg) ;}
40%{background-image: url(../images/background-3.jpg) ;}
60%{background-image: url(../images/background-4.jpg) ;}
80%{background-image: url(../images/background-5.jpg) ;}
100%{background-image: url(../images/background-1.jpg) ;}
}*/

onbx .hmd-italic {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 114%;
    text-align: center;
    color: #6e6e71;
    display: block;
    transform: rotate(7deg);
}

.frame {
    transform: rotate(38.23deg);
}

.overlaytext {
    font-weight: 800;
    font-size: 151px;
    line-height: 50%;
    text-transform: capitalize;
    color: rgba(234, 224, 247, 0.26);
    display: inline-block;
}

/*----------landing section----------*/

.modallog {
    margin-top: 50px;
    width: 550px;
    min-height: 530px;
    left: 50%;
    top: 50%;
    background-color: rgb(255, 255, 255);
    margin: auto;
    box-shadow: 0 0 20px 0 rgba(138, 210, 226, 0.2),
        0 5px 5px 0 rgba(0, 0, 0, 0.24);
    padding-bottom: 10px;
}

.modallog2 {
    margin-top: 50px;
    /* width: 550px;
height: 530px; */
    left: 50%;
    top: 50%;
    background-color: rgb(255, 255, 255);
    margin: auto;
    box-shadow: 0 0 20px 0 rgba(138, 210, 226, 0.2),
        0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.modallog3 {
    margin-top: 50px;
    width: 580px;
    height: 500px;
    left: 50%;
    top: 50%;
    background-color: rgb(255, 255, 255);
    margin: auto;
    box-shadow: 0 0 20px 0 rgba(138, 210, 226, 0.2),
        0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.modallogStore {
    margin-top: 50px;
    /* width: 550px;
height: 530px; */
    padding: 10px 100px;
    left: 50%;
    top: 50%;
    background-color: rgb(255, 255, 255);
    margin: auto;
    box-shadow: 0 0 20px 0 rgba(138, 210, 226, 0.2),
        0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

/*----------form----------*/

.mn-homeouter {
    overflow: hidden;
}

.aifrm-outer {
    padding: 0px 54px;
}

.aifrm-sidespace {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
        #1e1634;
    border-radius: 26px;
}

.repeat-heading {
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
    margin-bottom: 0;
}

.aifrm-inner {
    padding: 52px 0px 58px;
    max-width: 965px;
    margin: auto;
}

.aitaab-title {
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    text-transform: capitalize;
    color: #fff;
    margin-left: 16px;
}

.ai-tab-outer {
    max-width: 233px;
    margin: auto;
}

.ai-tab {
    padding: 14px 55px 18px 20px;
    border-radius: 16px !important;
    display: flex;
    align-items: center;
    max-height: 89px;
    border: none !important;
    max-width: 233px;
}

.file-sectionbx {
    background: #1d1634;
    border: 1px dashed #5e5871;
    border-radius: 7px;
    height: 535px;
    position: relative;
}

.file-sectionbx.highlight {
    border-color: purple;
}

.select-file {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.fileselect-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.drop-cont0 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.01em;
    color: rgba(239, 239, 239, 0.42);
    display: block;
    margin-top: 14px;
}

.drop-cont1 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.01em;
    color: rgba(239, 239, 239, 0.42);
    display: block;
    margin-top: 14px;
}

.drop-cont2 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.01em;
    color: rgba(239, 239, 239, 0.42);
    display: block;
    margin-top: 14px;
}

.main-formouter {
    margin-top: 50px;
}

.picture-instr {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: rgba(239, 239, 239, 0.42);
    margin-bottom: 0;
    margin-top: 20px;
}

.file-options {
    width: 90%;
    appearance: none;
    webkit-apperance: none;
    padding: 22px;
    outline: none;
    background: #1d1634;
    border: 1px solid rgba(94, 88, 113, 0.44);
    border-radius: 7px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: rgba(239, 239, 239, 0.81);
    position: relative;
    text-align: left;
}

.file-options2 {
    width: 90%;
    appearance: none;
    webkit-apperance: none;
    padding: 22px;
    outline: none;
    background: #1d1634;
    border: 1px solid rgba(94, 88, 113, 0.44);
    border-radius: 7px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: rgba(239, 239, 239, 0.81);
    position: relative;
    text-align: left;
}

.file-options3 {
    width: 60%;
    appearance: none;
    webkit-apperance: none;
    padding: 15px;
    outline: none;
    background: #f2f2f2;
    border: 1px solid rgba(94, 88, 113, 0.44);
    border-radius: 7px;
    text-align: center;
    outline: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: black;
    position: relative;
    text-align: left;
}

.optionsize {
    width: 500px !important;
    overflow: hidden !important;
}

.file-options2 {
    width: 90%;
    appearance: none;
    webkit-apperance: none;
    padding: 22px;
    outline: none;
    color: #fff;
    background: #211838;
    border: 1px solid rgba(94, 88, 113, 0.44);
    border-radius: 7px;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    position: relative;
    text-align: left;
    margin-left: 55px;
}

.file-title2 {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: rgba(239, 239, 239, 0.81);
    margin-bottom: 4px;
    margin-left: 55px;
}

.file-title3 {
    font-weight: 900;
    font-size: 19px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: rgba(239, 239, 239, 0.81);
    margin-bottom: 4px;
}

/*.file-options::after{background: url(../images/filled.svg) no-repeat; width: 20px; height: 20px; position: absolute; content: "";}*/

.file-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: rgba(239, 239, 239, 0.81);
    margin-bottom: 4px;
}

.mutilple-selections {
    margin-top: 44px;
}

.mt-20 {
    margin-top: 18px;
}

.submit-btn {
    font-weight: 700;
    font-size: 20px;
    text-transform: capitalize;
    color: #ffffff;
    background: #7558ea;
    border-radius: 12px;
    padding: 18px 65px;
    display: inline-block;
    margin-top: 55px;
}

.submit-btn:hover {
    color: #fff;
}

.result-outer {
    background: #1e1634;
    padding: 50px 0px 64px;
    display: none;
}

.result-inner {
    margin-top: 40px;
}

.main-result {
    width: 100%;
    border-radius: 20px;
}

.navntabs-outer .nav-tabs {
    border: 0;
    display: flex;
    justify-content: space-between;
    max-width: 762px;
    margin: auto !important;
    margin-top: 40px !important;
}

.navntabs-outer .nav-tabs .nav-link {
    background: rgb(14, 9, 29);
}

.navntabs-outer .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #43b0ff;
    color: #fff;
}

.ai-icon {
    width: 100%;
}

/* .gallery {
display: none;

} */

.filebx-out {
    margin: 0px;
}

.filebx-out2 {
    width: 150px;
    padding-top: 30px;
}

/*----------form----------*/

/* .buttonsoutput {
display: inline-block;
} */

#buttonsoutput {
    margin-top: 50px;
    margin-bottom: 19px;
    text-align: center;
}

/*----------image render----------*/

.imagerender-outer {
    padding: 30px 30px 80px;
    background-color: #0a1d3a;
    border-radius: 15px;
}

.imagerender-inner {
    margin-top: 40px;
    margin-right: 18px;
}

.render-img-bx {
    position: relative;
}

.rendered-img {
    border-radius: 5px;
    transition: all 0.5s;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.render-overlay-box {
    position: absolute;
    top: 10px;
    left: 10px;
}

.render-overlay {
    flex-wrap: wrap;
    display: flex;
    font-weight: 400;
    font-size: 7px;
    text-align: left;
    text-transform: capitalize;
    color: #ffffff;
    line-height: 20px;
    padding: 0 5px 8px;
    border-radius: 3px;
    margin-bottom: 3px;
    align-items: flex-start;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.render-overlay2 {
    position: absolute;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
    line-height: 28px;
    padding: 2px 17px;
    background: rgba(1, 1, 1, 0.35);
    border-radius: 7px;
    top: 37px;
    left: 501px;
}
.render-overlay h2,.render-overlay h3{
    position: relative !important;
}

.imagerender-outer .mt-30 {
    margin-top: 30px;
}

.sharetab {
    width: 44px;
    height: 44px;
    border-radius: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;

}

.sharetab.download {
    background: linear-gradient(180deg, #8a6dff 0%, #502EA0 77.08%);
    margin-right: 12px;
}

.sharetab.share {
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /* margin-right: 8px; */
    /* margin-bottom: 40px; */
    margin-right: 12px;
}
/* .ts-images-inner .sharetab {
    margin: 30px 10px 0;
    margin-right: 8px;
    position: relative;
} */

.sharetab.use-as-input {
    /* margin-right: 12px; */
    background: #fff;
    display: inline-block;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sharetab.use-as-input-image {
    margin-right: 12px;
    background: #fff;
    display: inline-block;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rating_title {
    display: block;
    width: 100%;
    font-size: 14px;
    opacity: 0.5;
}

.downld-bx {
    gap: 14px;
    display: flex;
    position: absolute;
    top: 55%;
    left: 51%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    width: 65%;
    flex-wrap: wrap;
    justify-content: center;
}

.nwfile-uploadside .redesign_video {
    display: flex;
    align-items: center;
    font-size: 12px;
    justify-content: end;
    cursor: pointer;
    color: #fff;
    margin-top: -15px;
}

.nwfile-uploadside .redesign_video img {
    position: relative;
    margin-right: 7px;
}

.nwfile-uploadside .step_1_video {
    display: flex;
    align-items: center;
}

.render-img-bx:hover .downld-bx {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}

.render-img-bx:hover .rendered-img {
    filter: brightness(0.7);
    transition: all 0.5s;
}

.input_im:hover {
    filter: brightness(0.5);
    transition: all 0.5s;
}

.generated_im:hover {
    filter: brightness(0.5);
    transition: all 0.5s;
}

/* #im {
height: 100px;
} */

/*image render*/

/* The Modal (background) */

#button_container {
    /* margin: 20px; */
}

:root {
    --blue: #1e90ff;
    --white: #ffffff;
    --green: #2ecc71;
    --red: #3498db;
    --yellow: #f1c40f;
    --purple: #8e44ad;
    --turquoise: #1abc9c;
}

/* $green: #2ecc71;
$red: #e74c3c;
$blue: #3498db;
$yellow: #f1c40f;
$purple: #8e44ad;
$turquoise: #1abc9c; */

.loginbutt {
    box-sizing: border-box;
    appearance: none;
    background-color: transparent;
    /* border: 2px solid (--red); */
    border-radius: 0.6em;
    /* color: (--red); */
    cursor: pointer;
    display: inline-block;
    align-self: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    /* margin-inline: 60px;*/
    /* margin: 20px;  */
    padding: 1.2em 5.8em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    /* display: ; */
}

.signoutbutt {
    box-sizing: border-box;
    appearance: none;
    background-color: transparent;
    /* border: 2px solid (--red); */
    border-radius: 0.6em;
    /* color: (--red); */
    cursor: pointer;
    display: inline-block;
    align-self: center;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    /* margin-inline: 60px;*/
    /* margin: 20px;  */
    padding: 1.2em 5.8em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    /* text-align: center; */
    /* margin-left: 36px; */
    margin-top: 100px;
    /* display: ; */
}

.signoutbutt.selected {
    /* box-sizing: border-box */
    background-color: #1e1634;
    /* color: #000; */
}

.loginbutt2 {
    box-sizing: border-box;
    appearance: none;
    /* background-color: linear-gradient(345deg, rgba(2,0,36,1) 0%, rgba(24,9,121,1) 35%, rgba(0,212,255,1) 100%); */
    /* border: 2px solid (--red); */
    background-color: #43b0ff;
    border-radius: 0.6em;
    /* color: linear-gradient(345deg, rgba(2,0,36,1) 0%, rgba(24,9,121,1) 35%, rgba(0,212,255,1) 100%); */
    cursor: pointer;
    display: inline-block;
    align-self: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    /* margin-inline: 60px;*/
    margin: 40px;
    padding: 1.2em 5.8em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    /* display: inline-block; */
}

.loginbutt.selected {
    /* box-sizing: border-box */
    background-color: #43b0ff;
    color: #000;
}

#nameoption2 {
    display: none;
}

.loginbutt:hover {
    color: rgb(85, 85, 85);
    outline: 1;
}

.loginbutt2:hover {
    color: rgb(85, 85, 85);
    outline: 1;
}

.loginbutt:focus {
    color: #fff;
    outline: 0;
}

/* #registermodal {
display: none;
}
#loginmodal {
display: block;
} */

.bckg {
    /* background: linear-gradient(345deg,#e1e1e2,#7558EA); */
    /* padding-top: 20px; */
    /* padding-bottom: 90px; */
    /* padding-right: 46px; */
    text-align: center;
    /* display: ; */
    /* border-radius: 20px; */
}

.form_content_container2 {
    display: none;
    text-align: center;
}

/* Modal Content/Box */

.modal-content {
    /*  background-color: #1abc9c; */
    margin: 7% auto;
    /* padding-right: 50px; */
    /* border: 2px solid linear-gradient(345deg, #e66465, #9198e5); */
    /* border-radius: 27px; */
    width: 570px;
    /* Could be more or less, depending on screen size */
    /* height: 70%; */
}

.modal-content2 {
    /*  background-color: #1abc9c; */
    /* margin: 9% auto;  */
    /* padding-right: 50px; */
    /* border: 2px solid linear-gradient(345deg, #e66465, #9198e5); */
    border-radius: 27px;
    margin-top: 130px;
    /* width: 700px; Could be more or less, depending on screen size */
    /* height: 70%; */
}

.modalStore-content2 {
    margin: 7% auto;
    /* padding-right: 50px; */
    /* border: 2px solid linear-gradient(345deg, #e66465, #9198e5); */
    /* border-radius: 27px; */
    width: 90vw;
    /* Could be more or less, depending on screen size */
    /* height: 70%; */
}

#myBtn {
    /* margin: 20px; */
}

/* The Close Button */

.close {
    color: #43b0ff;
    /* float: left; */
    font-size: 48px;
    font-weight: bold;
    /* margin-right: 20px; */
    /* display: inline-block; */
    cursor: pointer;
}

.close2 {
    color: #43b0ff;
    /* float: left; */
    font-size: 48px;
    font-weight: bold;
    /* margin-right: 20px; */
    /* display: inline-block; */
    cursor: pointer;
}

/* .hr {

} */

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.logintext {
    font-size: 35px;
    color: #000;
    font-weight: 500;
    /* margin-bottom: 80px; */
    /* display: inline-block; */
    /* padding-top: ; */
    /* padding-bottom: 40px; */
}

.pad {
    /* padding-left: 38px; */
}

.message {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 13px;
}

.form .message a {
    color: #4caf50;
    text-decoration: none;
}

/* #im {
width: 700px; */

/* } */

/*----------how it works----------*/

.cmn-small-title {
    font-weight: 800;
    font-size: 19px;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #7558ea;
    display: inline-block;
}

.cmn-title {
    font-style: normal;
    font-weight: 800;
    font-size: 41px;
    color: #7558EA;
    margin-bottom: 0;
}

.cmn-title1 {
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
    margin-bottom: 0;
    padding-top: 10px;
    opacity: 0.4;
    text-align: center;
}

.formwhofor {
    max-width: 100%;
    border-radius: 10px;
    margin: auto;
    padding: 5px;
}

.how-inner {
    padding: 105px 0px 135px;
    text-align: center;
}

.how-box {
    background: #ffffff;
    border: 1px solid #dfdfdf;
    box-shadow: 0px 54.4793px 64.0933px rgb(205 205 205 / 16%);
    border-radius: 24px;
    padding: 20px 30px 20px 20px;
    display: flex;
    align-items: center;
    height: 100%;
}

.step-icon {
    background: #f2effd;
    width: 76px;
    height: 76px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
}

.step-icon img {
    max-width: 100%;
}

.how-step {
    font-weight: 700;
    font-size: 20px;
    color: #1e1634;
    margin-bottom: 0;
}

.step-instructions {
    font-weight: 500;
    font-size: 17px;
    display: inline-block;
    margin-top: 2px;
    color: #a5a2ab;
}

.how-content-bx {
    margin-left: 12px;
}

.wow-boxparent {
    margin-top: 48px;
}

.step-icon.active {
    background: #edf8ff;
}

.multiple-plouter {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
        #1e1634;
    border-radius: 26px;
    padding: 55px 42px 44px 50px;
    text-align: left;
}

.mlpbox-img {
    max-height: 314px;
    width: 100%;
    border-radius: 5px;
}

.multiple-plbox {
    margin: 0;
}

.multiple-plrow {
    margin-top: 54px;
}

.places-title {
    font-weight: 700;
    font-size: 22px;
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 17px;
}

.how-outer {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.how-outer::before {
    background: url(../images/sherical-shape.svg) no-repeat;
    width: 100%;
    height: calc(100% + 500px);
    position: absolute;
    content: "";
    left: -78px;
    top: -500px;
    z-index: -1;
    max-width: 1308px;
}

/*----------how it works----------*/

/*----------for whom----------*/

.wh-target-inner {
    padding: 120px 0px 92px;
}

.wh-target-img {
    width: 100%;
    border-radius: 10px;
}

.wh-cards {
    margin-top: 54px;
}

.trget-type {
    font-weight: 700;
    font-size: 32px;
    color: #1e1634;
    margin-bottom: 0;
}

.trget-number {
    font-weight: 800;
    font-size: 61px;
    line-height: 133%;
    text-transform: capitalize;
    color: #7558ea;
    display: inline-block;
    margin-left: 9px;
}

.wh-content {
    margin-top: 36px;
}

.trget-content {
    font-weight: 500;
    font-size: 17px;
    line-height: 212%;
    color: #727885;
    margin-bottom: 0;
}

.notbtn {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #7558ea;
    padding: 7px 15px;
    background: #f1eeff;
    border: 1px solid rgba(117, 88, 234, 0.53);
    border-radius: 60px;
    margin-right: 9px;
    display: inline-block;
}

.unclickable-btns.mt-12 {
    margin-top: 12px;
}

.unclickable-btns {
    margin-top: 22px;
}

.mt-left-auto {
    margin-left: auto;
}

.mt-right-auto {
    margin-right: auto;
}

.wh-target-box {
    max-width: 522px;
}

.wh-target-box.professionals .trget-number {
    color: #43b0ff;
}

.wh-target-box.professionals .notbtn {
    background: #eff8ff;
    border: 1px solid rgba(67, 176, 255, 0.53);
    color: #43b0ff;
}

.styl-mt-8 {
    margin-top: 8px !important;
}

.style-choiceinr {
    padding: 82px 37px 74px;
    background: linear-gradient(97.14deg, #f5ecff 5.23%, #ffffff 95.56%);
    border: 1px solid #eddbff;
    border-radius: 30px;
}

.stylebx {
    background: linear-gradient(136.21deg,
            #ffffff 24.47%,
            rgba(255, 255, 255, 0) 84.45%);
    border: 1px solid #dfdfdf;
    filter: drop-shadow(0px 54.4793px 64.0933px rgba(205, 205, 205, 0.16));
    border-radius: 18px;
    padding: 7px 32px 7px 7px;
    display: flex;
    align-items: center;
    width: 100%;
    margin: auto;
    transform: translatey(0px);
    animation: float 4s ease-in-out infinite;
}

.style-cardrow.mid-row {
    margin-top: 27px;
}

.style-cardrow.bottom-row {
    margin-top: 44px;
}

.styl-mt-22 {
    margin-top: 22px;
}

.style-cardrow.toprow {
    max-width: 887px;
    margin: 46px auto 0;
}

.styleimg {
    border-radius: 12px;
}

.syle-imgbx {
    height: 102px;
    width: 102px;
    min-width: 102px;
    min-height: 102px;
}

.style-lbl {
    font-weight: 700;
    font-size: 20px;
    color: #1e1634;
    margin-left: 26px;
    margin-bottom: 0;
}

.style-cardrow.toprow {
    margin-top: 46px;
}

.italic-difftitle {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 114%;
    color: #7558ea;
}

/*----------for whom----------*/

/*----------features section----------*/

.feautures-inner {
    padding: 102px 0 0 0;
}

.ftt-iconbx {
    width: 123px;
    height: 123px;
    background: #ffffff;
    box-shadow: 0px 25px 40px rgb(185 185 185 / 15%);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.ftt-iconbx img {
    max-width: 67px;
}

.ftt-iconbx1 {
    width: 249px;
    height: 273px;
    background: #1d1634;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding: 2px;
    border-radius: 10px;
}

.ftt-iconbx1:hover {
    -webkit-box-shadow: 0px 0px 50px -21px #000000;
    box-shadow: 0px 0px 50px -21px #000000;
    transition: 0.5s;
}

.ftt-iconbx1 img {}

.ftbx-title {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: #1e1634;
    margin: 34px auto 14px auto;
    max-width: 188px;
    width: 100%;
}

.ftbx-content {
    font-weight: 500;
    font-size: 17px;
    line-height: 165%;
    text-align: center;
    color: #7c788b;
    margin-bottom: 0;
}

.feature-bx {
    max-width: 235px;
    margin: auto;
    height: 100%;
}

.feature-bx-outer {
    margin-top: 72px;
}

.ftext-btn {
    text-align: center;
    margin-top: 52px;
}

.feature-bx.lastchild {
    margin-top: 0;
}

/*----------features section----------*/

/*----------testimonial section----------*/

.testi-inner {
    padding: 123px 0px 114px;
}

.testi-inner .cmn-small-title {
    color: #43b0ff;
}

.testi-card {
    background: #ffffff;
    border: 1px solid #dfdfdf;
    box-shadow: 0px 54.4793px 64.0933px rgb(205 205 205 / 16%);
    border-radius: 24px;
    padding: 32px 40px 40px 40px;
    height: 100%;
}

.testi-content {
    font-weight: 400;
    font-size: 17px;
    line-height: 176%;
    color: #616775;
    margin-bottom: 0;
}

.guest-name {
    font-weight: 700;
    font-size: 19px;
    line-height: inherit;
    margin-bottom: 0;
    margin-top: 20px;
}

.guest-designtaion {
    font-weight: 400;
    font-size: 17px;
    line-height: 176%;
    color: #454153;
    display: inline-block;
}

.testi-icon {
    width: 48px;
    height: 48px;
}

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

.test-main {
    margin-top: 46px;
}

.tstup-flex {
    display: flex;
}

.testi-upper {
    padding-top: 26px;
}

.test-itext {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 114%;
    text-align: center;
    color: #6e6e71;
    transform: rotate(3.01deg);
    display: block;
    width: max-content;
}

.testi-italic img {
    transform: rotate(38.23deg);
    margin-top: 13px;
    display: inline-block;
    margin-left: 67px;
}

.testi-outer {
    position: relative;
    background: #fcfcfc;
    /* z-index: 9999; */
}

.left-effect {
    position: absolute;
    left: 0;
    top: 0;
    /* z-index: -1; */
}

.right-effect {
    position: absolute;
    right: 0;
    bottom: 0;
    /* z-index: -1; */
}

/*----------testimonial section----------*/

/*----------testimonial section----------*/

.faq-outer .acc-cnt {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-outer .accordion-button::after {
    display: none;
}

.faq-outer .accordion-button {
    background: #fff !important;
    padding: 0 !important;
}

.faq-outer .accordianheading {
    font-family: "Eudoxus Sans";
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 136%;
    color: #000;
    margin-bottom: 0;
    word-break: break-all;
}

.faq-outer .accordion-item {
    padding: 38px 23px 38px 60px !important;
    background: #ffffff;
    box-shadow: 0px 32.1371px 37.8083px rgba(185, 185, 185, 0.1);
    border-radius: 10px;
    border: 0;
    margin-top: 20px;
}

.faq-outer .accordion-item:first-child {
    margin-top: 0;
}

.faq-outer .accordion-button:focus {
    background: none !important;
    box-shadow: none !important;
}

.faq-outer .expand-bar {
    transition: all 0.5s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.faq-outer .expand-bar,
.faq-outer .expand-bar:after {
    width: 24px;
    height: 2px;
    background-color: #7367f0;
    transition: all 0.5s ease;
}

.faq-outer .expand-bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(90deg);
    transition: all 0.5s ease;
}

.faq-outer .accordion-button.collapsed .expand-bar:after {
    display: block;
    background: #000;
}

.faq-outer .accordion-button.collapsed .expand-bar {
    background: #000;
}

.faq-outer .accordion-button:not(.collapsed) .expand-bar:after {
    display: none;
}

.faq-outer .plusback .expand-bar:after {
    background: #fff;
}

.faq-outer .pluscross {
    background: transparent;
    border-radius: 24px;
    width: 42px;
    height: 42px;
    position: relative;
    transition: all 0.5s ease;
}

.faq-outer .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.faq-outer .accordian-description {
    font-weight: 500;
    font-size: 17px;
    line-height: 206%;
    color: #7e7a87;
    margin-bottom: 0;
    max-width: 966px;
    opacity: 1;
}

.faq-outer .accflex-1 {
    display: flex;
    align-items: center;
}

.accordion-body {
    padding: 0;
}

.faq-main {
    margin-top: 66px;
}

.faq-inner {
    padding: 154px 0px 150px;
}

.dsai-inner {
    background: linear-gradient(97.14deg, #f5ecff 5.23%, #ffffff 95.56%);
    border: 1px solid #eddbff;
    border-radius: 30px;
    padding: 77px 53px 75px 70px;
}

.dsai-backstretch {
    width: 340px;
    height: 290px;
    position: relative;
    z-index: 1;
}

.dsai-backstretch img {
    width: 100%;
    border-radius: 14px;
    height: 100%;
}

.dsai-backstretch::after {
    position: absolute;
    content: "";
    width: 176px;
    height: 160px;
    background: #fff;
    border-radius: 14px;
    right: -12px;
    top: -12px;
    z-index: -1;
}

.dsai-italic {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    color: #6e6e71;
    transform: rotate(-17.16deg);
    display: inline-block;
    width: fit-content;
}

.dsai-wierd img {
    transform: rotate(38.23deg);
    display: inline-block;
    margin-top: 41px;
    margin-left: 60px;
}

.dsai-tpbkstretch {
    width: 244px;
    height: 235px;
    min-width: 244px;
    min-height: 235px;
}

.dsai-tpbkstretch img {
    border-radius: 14px;
    height: 100%;
}

.dsai-top-section {
    display: flex;
    margin-bottom: -72px;
}

.dsaivector-outer {
    max-width: 500px;
}

.dsai-contentside {
    padding-left: 25px;
}

.dsai-mncnt {
    font-weight: 500;
    font-size: 17px;
    line-height: 212%;
    color: #7e7987;
    margin-top: 25px;
    margin-bottom: 0;
}

.dsai-contentside .gt-stbtn {
    margin-top: 40px;
}

/*pricing cards*/

.pricing-inner {
    padding: 112px 0px 107px;
}

.pricing-card {
    background: #ffffff;
    border: 1px solid #dfdfdf;
    box-shadow: 0px 54.4793px 64.0933px rgb(205 205 205 / 16%);
    border-radius: 24px;
    padding: 33px 19px 52px 34px;
    transition: 0.4s ease;
    height: 100%;
}

.pricing-cardtype {
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    display: inline-block;
    padding: 5px 25px;
    background: #7558ea;
    border-radius: 60px;
    transition: 0.4s ease;
}

.pricing-cardprice {
    font-weight: 700;
    font-size: 24px;
    color: #7558ea;
    margin-bottom: 0;
    margin-top: 16px;
    transition: 0.4s ease;
}

.pricing-details {
    font-weight: 400;
    font-size: 17px;
    line-height: 176%;
    color: #8e8a96;
    margin-bottom: 0;
    margin-top: 15px;
    transition: 0.4s ease;
}

.pricebuy-btn {
    font-weight: 700;
    font-size: 16px;
    color: #979797;
    line-height: 175%;
    display: inline-block;
    padding: 10px 35px;
    background: #ffffff;
    border: 1px solid #979797;
    border-radius: 5px;
    margin-top: 16px;
    transition: 0.4s ease;
}

.prv-crdmain {
    margin-top: 68px;
}

.pricing-outer .cmn-small-title {
    color: #43b0ff;
}

#input-0 {
    /* text-align: center; */
    /* width: 00px; */
}

/*individual card*/

/*.pricing-card.individual{background: #43B0FF;}
.pricing-card.individual .pricing-cardprice{color: #fff;}
.pricing-card.individual .pricing-details{color: #fff;}
.pricing-card.individual .pricebuy-btn{background: transparent; color: #fff; border-color: #fff;}
.pricing-card.individual .pricing-cardtype{background: #fff; color: #43B0FF;}*/

/*individual card*/

/*premium card*/

.pricing-card.premium .pricing-cardprice {
    color: #eaa758;
}

.pricing-card.premium .pricing-cardtype {
    background: #eaa758;
    color: #fff;
}

.pricing-card:hover {
    background: #43b0ff;
    transition: 0.4s ease;
}

.pricing-card:hover .pricing-cardtype {
    background: #fff;
    color: #43b0ff;
    transition: 0.4s ease;
}

.pricing-card:hover .pricing-cardprice {
    color: #fff;
    transition: 0.4s ease;
}

.pricing-card:hover .pricing-details {
    color: #fff;
    transition: 0.4s ease;
}

.pricing-card:hover .pricebuy-btn {
    background: transparent;
    color: #fff;
    border-color: #fff;
    transition: 0.4s ease;
}

.pricing-card.premium:hover {
    background: #eaa758;
    transition: 0.4s ease;
}

.pricing-card.premium:hover .pricing-cardtype {
    background: #fff;
    color: #eaa758;
    transition: 0.4s ease;
}

/*pricing cards*/

/*footer*/

.ft-top {
    padding:65px 0 66px;
}

.floating-banner {
    width: 633px;
    margin: auto;
    background: rgba(117, 88, 234);
    border-radius: 30px;
    margin-bottom: -90px;
    position: relative;
    z-index: 1000;
}

.floating-bannerinr {
    max-width: 515px;
    margin: auto;
}

.flootiing-cnt h6 {
    font-weight: 800;
    font-size: 25px;
    color: #ffffff;
    margin-bottom: 0;
}

.ft-floating-btn {
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    color: #ffffff;
    background: #7558ea;
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 13px 45px;
    display: inline-block;
    margin-top: 17px;
}

.ft-floating-btn:hover {
    background: #5b41c3;
    border: 1px solid #7558ea;
}

.floating-bannerinr {
    max-width: 515px;
    margin: auto;
    padding: 53px 0px 42px;
}

.flootiing-cnt {
    padding-left: 10px;
}

.footer-main {
    background: #1d1634;
    border-radius: 130px 0px 0px 0px;
    position: relative;
    overflow: hidden;
    z-index: 999;
}

.contact-list li a {
    font-weight: 400;
    font-size: 16px;
    text-transform: lowercase;
    color: #8e8a99;
    line-height: 162%;
    display: flex;
    align-items: center;
}

.contact-list li {
    margin-top: 24px;
}

.contact-list li:first-child {
    margin-top: 0;
}

.contact-list li a:hover {
    text-decoration: underline !important;
}

.contact-list li a img {
    margin-right: 10px;
}

.contact-list {
    margin-bottom: 0 !important;
}

.footer-title {
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
    color: #d9d9d9;
    margin-bottom: 16px;
}

.ftmain-list li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    color: #8e8a99;
}

.ftmain-list li {
    margin-top: 16px;
}

.ftmain-list li:first-child {
    margin-top: 0px;
}

.social-list li a {
    width: 33px;
    height: 33px;
    border: 0.5px solid #ffffff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #ffffff;
}

.social-list li {
    display: inline-block;
}

.social-list li a:hover {
    background: var(--main-color);
    border-color: var(--main-color);
}

.ftmain-list li a:hover {
    color: #fff;
    text-decoration: underline !important;
}

.ft-btm p {
    font-weight: 300;
    font-size: 16px;
    line-height: 162%;
    text-transform: capitalize;
    color: #ffffff;
    opacity: 0.5;
    margin-bottom: 0;
    text-align: center;
    padding: 39px 0px;
    border-top: 1px solid #8e8a99;
}

.big-ai {
    font-weight: 800;
    font-size: 411px;
    text-transform: capitalize;
    color: rgba(234, 224, 247, 0.06);
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 0.8;
    z-index: -1;
}

.ft-bx {
    margin: 0;
}

.ft-floating-btn:hover {
    color: #fff;
}

/*footer*/

@keyframes float {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-10px);
    }

    100% {
        transform: translatey(0px);
    }
}

/*14-1-23*/

.prv-cardmain {
    margin-top: 10px;
}

.prv-cardtype {
    font-size: 24px;
    color: #170f49;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
}

.prv-pricecard {
    background: #ffffff;
    border: 2px solid #eff0f7;
    box-shadow: 0px 2px 12px rgb(20 20 43 / 8%);
    border-radius: 24px;
    padding: 27px 30px 38px 30px;
    transition: 0.4s ease;
    outline: none;
}

.prv-typebox {
    display: flex;
    align-items: center;
}

.prv-typebximg {
    max-width: 72px;
    max-height: 72px;
    margin-right: 18px;
}

.prv-planprice {
    font-weight: 700;
    font-size: 54px;
    line-height: 122%;
    color: #170f49;
    margin-bottom: 0;
    display: inline-block;
}

.prv-planbox {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.prvplan-validity {
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #6f6c90;
    display: inline-block;
    margin-left: 10px;
}

.prv-benheading {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #170f49;
    margin-bottom: 25px;
}

.prv-cardbenefits {
    margin-top: 16px;
}

.prv-cardbenefits ul li {
    font-size: 18px;
    color: #170f49;
    margin-bottom: 16px;
    position: relative;
    padding-left: 40px;
}

.prv-cardbenefits ul li:last-child {
    margin-bottom: 0;
}

.prv-cardbenefits ul li::before {
    content: "";
    position: absolute;
    background: url(../images/price-check.svg) no-repeat;
    width: 12px;
    height: 8px;
}

.card-submit {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 18px 45px;
    display: inline-block;
    border-radius: 5px;
}

.prv-pricecard.individual .card-submit {
    border: 1px solid #43b0ff;
    color: #43b0ff;
    transition: 0.4s ease;
    background-color: #fff;
}

.prv-pricecard.pro .card-submit {
    border: 1px solid #7558ea;
    color: #fff;
    background: #7558ea;
    transition: 0.4s ease;
    font-size: 20px;
}

.prv-pricecard.team .card-submit {
    border: 1px solid #eaa758;
    color: #eaa758;
    transition: 0.4s ease;
    background-color: #fff;
}

.prvmgtop-26 {
    margin-top: 26px;
}

.prvmgtop-90 {
    margin-top: 27px;
}

.prv-pricecard.mt50 {
    margin-top: 50px;
}

.prv-cardmain .row {
    align-items: end;
}

/*individual card bullets*/

.prv-cardbenefits ul li::before {
    content: "";
    position: absolute;
    background: url(../images/price-check.svg) no-repeat;
    left: 15px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #43b0ff;
    width: 26px;
    height: 26px;
    background-position: center;
    border-radius: 100%;
}

.prv-pricecard.pro .prv-cardbenefits ul li::before {
    background-color: #7558ea;
}

.prv-pricecard.team .prv-cardbenefits ul li::before {
    background-color: #eaa758;
}

/*hovers*/

.prv-pricecard.individual .card-submit:hover {
    background: #43b0ff;
    color: #ffffff;
    transition: 0.4s ease;
}

.prv-pricecard.individual:hover {
    border-color: #43b0ff;
    transition: 0.4s ease;
}

.prv-pricecard.team .card-submit:hover {
    border-color: #eaa758;
    color: #fff;
    transition: 0.4s ease;
    background: #eaa758;
}

.prv-pricecard.team:hover {
    border-color: #eaa758;
    transition: 0.4s ease;
}

.prv-pricecard.pro .card-submit:hover {
    border-color: #7558ea;
    color: #fff;
    background: #fff;
    transition: 0.4s ease;
    color: #7558ea;
}

.prv-pricecard.pro:hover {
    border-color: #7558ea;
    transition: 0.4s ease;
}

.prv-pricecard:hover {
    transition: 0.4s ease;
    transform: translate(0, -10px);
}

/*new section css*/

.stYle-selectinner {
    padding: 80px 0px 0px 0px;
}

.stYle-selectinner .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: transparent;
}

.stYle-selectinner .nav-pills .nav-link.active .stYle-heading {
    color: #7558ea;
    opacity: 1;
}

.stYle-selectinner .nav-link {
    padding: 0;
    background-color: transparent;
}

.stYle-selectinner .tabimg {
    object-fit: cover;
    width: 135px;
    height: 90px;
    border-radius: 12px;
    opacity: 0.4;
    border: 2px solid transparent;
}

.stYle-selectinner .nav-pills .nav-link.active .tabimg {
    border-color: #7558ea;
    opacity: 1;
    background-color: transparent;
}

.stYle-heading {
    font-weight: 500;
    font-size: 17px;
    text-align: center;
    color: #454153;
    opacity: 0.7;
    display: block;
    margin-top: 15px;
}

.customstyle-navtab .nav .nav-item {
    margin-right: 24px;
}

.customstyle-navtab .nav .nav-item:last-child {
    margin-right: 0;
}

.stYle-selectinner .nav.nav-pills {
    justify-content: center;
}

.stYle-sectioncontent {
    margin-top: 40px;
}

.newsec-card .newsec-img {
    border: 4px solid #ffffff;
    filter: drop-shadow(0px 25px 41px rgba(185, 185, 185, 0.21));
    border-radius: 7px;
    width: 200px;
    height: 116px;
}

.stYle-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 36px;
    color: #454153;
    margin-bottom: 0;
    text-transform: capitalize;
}

.stYle-selectinner .stylemt-14 {
    margin-top: 14px;
}

.newsec-card {
    width: 100%;
}

/*toggle*/

#chk {
    height: 0;
    width: 0;
    visibility: hidden;
}

.chk-label {
    cursor: pointer;
    text-indent: -9999px;
    width: 45px;
    height: 16px;
    background: #dad6ec;
    display: block;
    border-radius: 100px;
    position: relative;
    margin: 0px 15px;
}

.chk-label:after {
    content: "";
    position: absolute;
    top: -2.5px;
    left: 0px;
    width: 21px;
    height: 21px;
    background: #43b0ff;
    border-radius: 90px;
    transition: 0.3s;
}

#chk:checked+.chk-label {
    background: #dad6ec;
}

#chk:checked+.chk-label:after {
    left: calc(100%);
    transform: translateX(-100%);
    background: var(--main-color);
}

/*.chk-label:active:after {width: 40px;}*/

.plntype {
    font-size: 20px;
    display: inline-block;
    color: #6f6c90;
}

.chk-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*new form section*/

.order-mobile-top {
    order: 1;
}

.order-mobile-btm {
    order: 2;
}

.nw-formouter .container {
    max-width: 1570px;
}

.nw-formouter {
    padding: 0px 54px;
}

.nw-forminner {
    background-image: linear-gradient(215deg,
            hsl(255deg 87% 9%) 0%,
            hsl(257deg 88% 8%) 8%,
            hsl(258deg 88% 7%) 13%,
            hsl(258deg 89% 6%) 18%,
            hsl(257deg 90% 5%) 24%,
            hsl(254deg 91% 5%) 33%,
            hsl(255deg 92% 5%) 44%,
            hsl(255deg 93% 5%) 57%,
            hsl(255deg 93% 6%) 70%,
            hsl(255deg 94% 6%) 85%,
            hsl(254deg 94% 6%) 100%);
    border-radius: 15px;
    padding: 36px 0px 44px;
}

.nwfrm-heading {
    font-size: 23px;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    min-height: 40px;
    padding-bottom: 30px;
    padding-top: 20px;
}

.nwtb-title {
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    text-transform: capitalize;
    color: #fff;
    margin-left: 16px;
}

.nwai-tab {
    padding: 14px 55px 18px 20px;
    border-radius: 16px !important;
    display: flex;
    align-items: center;
    max-height: 89px;
    border: none !important;
    max-width: 233px;
    background: #18122a8a !important;
}

.nwai-tab:hover {
    background: #7155e5 !important;
    transition: 0.9s;
}

.nw-formouter .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #7558ea !important;
}



.nw-formouter .nav-item {
    width: auto;
}

.nwfrm-tabs .nav.nav-pills {
    max-width: 890px;
    margin: auto !important;
    display: flex;
    justify-content: space-between;
}

.nwfrm-tabs {
    margin-top: 45px;
}

.resourceimg .rnderdimage {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    width: 444px;
    transition: all 0.5s;
}

.nwfrm-comaparison {
    background: #18122a;
    border-radius: 8px;
    padding: 25px 20px;
    height: 100%;
    overflow: hidden;
}

.product-search-main{
    width: 50%;
    margin: 0 auto 60px;
}

.product-search-main .product_search_gallery img{
    margin-bottom: 7px !important;
    max-height: 300px !important;
}

.product-search-main .product_search_gallery {
    transform: translate(0px, -15px) !important;
}

.product-results{
    margin-top: 30px;
    background-color: #1D1634;
    width: 100%;
    max-width: inherit;
}
.key-objects-result{
    width: 50%;
    margin: 0 auto;
}
#keyBars{
    margin-left: 15px;
    flex-wrap: wrap;
}
#keyBars .key-bar{
    display: inline-flex;
    align-items: center;
    margin: 0 13px 10px 0;
    cursor: pointer;
    color: white;
    border: 1px solid #7558ea;
    border-radius: 30px;
    font-size: 18px;
    padding: 7px 22px;
    height: auto;
    line-height: 28px;
    min-width: 110px;
    text-align: center;
    justify-content: center;
}
#keyBars .key-bar.active {
    background-color: #7558ea;
    border-color: #7558ea;
}
div#googleResults .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
div#googleResults p.card-text{
    font-size: 18px;
}
.dis_spinner{
    display: none !important;
}
.fur_find_disb {
    opacity: 0.7 !important;
    pointer-events: none !important;
}
.source-info {
    display: flex;
    align-items: center; /* Align items vertically in the center */
}

.source-text {
    margin-left: 5px; /* Adjust the margin as needed */
    margin-bottom: 5px;
    font-size: 15px;
}
.search-img-bx{
    height: 400px !important;
}

#googleResults .row {
    /* justify-content: center; */
    width: 100%;
    flex-wrap: wrap;
}

#googleResults .row .col-md-2.mb-4 {
    width: 20%;
}

.nwfrm-contentouter {
    margin-top: 30px;
}

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

.midbefore {
    font-size: 14px;
    color: #d1cbe0;
    display: block;
    text-transform: capitalize;
}

.nw-imgsections .row {
    align-items: center;
}

.dvdimg {
    margin: 8px 0px;
}

.nw-midivider {
    text-align: center;
    /*max-width: 70px;*/
    padding: 0px 15px;
}

.resourceimg {
    margin-bottom: 25px;
    position: relative;
}

.nw-imgsections.mt-30 {
    margin-top: 30px;
}

.cstmauto-scroll {
    max-height: 100vh;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 20px;
    min-height: 100%;
}

.resourceimg:hover .rnderdimage {
    filter: brightness(0.5);
    transition: all 0.5s;
}

.resourceimg:hover .downld-bx {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}

.nwfile-uploadside {
    padding: 23px 20px 23px 20px;
    background: #18122a;
    border-radius: 8px;
    height: 100%;
}

.ribon-text {
    font-size: 14px;
    color: #fff;
    line-height: 2;
    margin-left: 11px;
    text-transform: capitalize;
}

.ribon-overlay {
    display: flex;
    align-items: center;
}

.nwstepimg {
    max-width: 20px;
    max-height: 20px;
}

.ribon-bx {
    position: relative;
    width: fit-content;
    margin-left: -32px;
}

.ribon-overlay {
    display: flex;
    align-items: center;
    position: absolute;
    left: calc(50% + 34px);
    transform: translate(-50%, -50%);
    top: calc(50% + -8px);
    width: 100%;
}

/*upload box*/

.nw-formouter ::file-selector-button {
    display: none;
}

.nwupload-bx {
    background: #060116;
    border: 2px dashed #41326a;
    border-radius: 7px;
    height: 225px;
    position: relative;
    margin-top: 35px;
}

.nwfileselect {
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 10px;
    z-index: 99999;
    position: relative;
}

.fwupload-guide {
    font-size: 14px;
    color: #757183;
    display: block;
    margin-top: 25px;
}

.upload-prvbx {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    z-index: 9;
}

.nwfile-tiTle {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: rgba(239, 239, 239, 0.81);
    margin-bottom: 4px;
}

.nwfiles-optns {
    width: 100%;
    appearance: none;
    webkit-apperance: none;
    padding: 12px;
    outline: none;
    margin-bottom: 10px;
    border: 1px solid #352c52;
    border-radius: 7px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #fff;
    position: relative;
    text-align: left;
    background-color: #41326a;
    padding: 10px;
    padding-right: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat, repeat;
    background-position: right 0.7em top 50%, 0 0;
    background-size: 0.65em auto, 100%;
}

.nwchoose-options {
    margin-top: 32px;
}

.nwchoosebx {
    margin-top: 6px;
    padding: 0px 12px;
}

.nw-tgtype {
    font-size: 14px;
    color: rgba(239, 239, 239, 0.81);
}

#nwtoggle0 {
    height: 0;
    width: 0;
    visibility: hidden;
}

#nwtoggle1 {
    height: 0;
    width: 0;
    visibility: hidden;
}

#nwtoggle2 {
    height: 0;
    width: 0;
    visibility: hidden;
}

.nwtoggle-label0 {
    cursor: pointer;
    text-indent: -9999px;
    width: 45px;
    height: 16px;
    background: #060116;
    display: block;
    border-radius: 100px;
    position: relative;
    margin: 0px 15px;
}

.nwtoggle-label0:after {
    content: "";
    position: absolute;
    top: -2.5px;
    left: 0px;
    width: 21px;
    height: 21px;
    background: #7558ea;
    border-radius: 90px;
    transition: 0.3s;
}

#nwtoggle0:checked+.nwtoggle-label0 {
    background: #0e091d;
}

#nwtoggle0:checked+.nwtoggle-label0:after {
    left: calc(100%);
    transform: translateX(-100%);
    background: #43b0ff;
}

.nwtoggle-label1 {
    cursor: pointer;
    text-indent: -9999px;
    width: 45px;
    height: 16px;
    background: #060116;
    display: block;
    border-radius: 100px;
    position: relative;
    margin: 0px 15px;
}

.nwtoggle-label1:after {
    content: "";
    position: absolute;
    top: -2.5px;
    left: 0px;
    width: 21px;
    height: 21px;
    background: #7558ea;
    border-radius: 90px;
    transition: 0.3s;
}

#nwtoggle1:checked+.nwtoggle-label1 {
    background: #161616;
}

#nwtoggle1:checked+.nwtoggle-label1:after {
    left: calc(100%);
    transform: translateX(-100%);
    background: #43b0ff;
}

.nwtoggle-label2 {
    cursor: pointer;
    text-indent: -9999px;
    width: 45px;
    height: 16px;
    background: #060116;
    display: block;
    border-radius: 100px;
    position: relative;
    margin: 0px 15px;
}

.nwtoggle-label2:after {
    content: "";
    position: absolute;
    top: -2.5px;
    left: 0px;
    width: 21px;
    height: 21px;
    background: #7558ea;
    border-radius: 90px;
    transition: 0.3s;
}

#nwtoggle2:checked+.nwtoggle-label2 {
    background: #161616;
}

#nwtoggle2:checked+.nwtoggle-label2:after {
    left: calc(100%);
    transform: translateX(-100%);
    background: #43b0ff;
}

.nwchoice-toggle {
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
    margin-bottom: 0;
}

.nwfrm-submit {
    background: #7558ea;
    border-radius: 12px;
    padding: 20px 0px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
    width: 100%;
    border: 0;
    outline: none;
    line-height: 1;
    transition: 0.4s ease;
    margin-top: 18px;
    margin-top: 30px;
}

.nwfrm-submit:hover {
    background: #5d42cb;
    transition: 0.4s ease;
}

.nwupload-b0x {
    margin-top: 40px;
}

.nwchoose-options .ribon-bx .nwribon {
    width: 255px;
}

#productPlanModal.modal .modal-dialog{
    max-width: inherit !important;
    width: 65% !important;
    /* margin-top: -50px !important; */
    position: relative;
 }

#productPlanModal.modal .modal-dialog .hdc-modal{
    width: 100% !important;
}

#productPlanModal .loader-container {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
}
.modal-loader { filter: blur(1.5px);}

#productPlanModal .loader {
    border: 4px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}

#productPlanModal .card-header {
    background: #10C469 !important;
    color: #fff !important;
}

#productPlanModal .form-check-label{
    display: flex;
    align-items: center;
    margin-left: 7px;
}

#productPlanModal .form-check-input{
    margin-top: 0;
}
#productPlanModal .card_icons img{
    max-width: 70% !important;
}

#productPlanModal .des_dta>p{
    margin-bottom: 0;
    text-decoration: underline;
    font-weight: 700;
    color: #000;
}
#productPlanModal .form-check-input[type="checkbox"]{
    -moz-animation: tick 900ms infinite ease;
    -webkit-animation: tick 900ms infinite ease;
  }

  #productPlanModal .form-check-input[type="checkbox"]:checked{
    animation: none;
  }

@-webkit-keyframes tick{
    0%{transform: scale(0.7);}
    90%{transform: scale(1.1);}
    100%{transform: scale(1);}
  }
  @-moz-keyframes tick{
    0%{transform: scale(0.7);}
    90%{transform: scale(1.1);}
    100%{transform: scale(1);}
  }
  @-ms-keyframes tick{
    0%{transform: scale(0.7);}
    90%{transform: scale(1.1);}
    100%{transform: scale(1);}
  }


#productPlanModal .custom-add-on-plans .card>.card-body{
    display: flex;
    align-items: center;
}

#productPlanModal .tooltip{
    font-size: 16px;
 }

 #productPlanModal .des_dta h5{
    font-weight: 800;
    color: #000;
    font-size: 20px;
 }

 #productPlanModal .right_part_header h3{
    font-weight: 800;
    font-size: 22px;
 }

 #productPlanModal .float-end strike{
    margin-left: 7px;
    margin-right: 7px;
 }

#productPlanModal .custom-add-on-plans .card>.card-body small{
    font-size: 16px;
}

#productPlanModal .custom-add-on-plans .card>.card-body small a{
    color: #7558ea;
    font-weight: 800;
}

#productPlanModal .custom-add-on-plans .card>.card-body .card_icons{
    margin-right: 17px;
}

#productPlanModal .custom-add-on-plans .card-body h6.card-title{
    text-align: center;
    margin: 0px;
}

#productPlanModal .form-check{
    display: flex;
    align-items: center;
}

#fsc-popup-frame{
    z-index: 100 !important;
}

.open_modal{
    overflow: hidden;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#productPlanModal.modal .loader{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}
.price-modal-body {
    position: relative;
}
.modal.disabled {
    pointer-events: none;
}

.modal.disabled .modal-content {
    filter: blur(1px);
    /* Adjust the blur effect as needed */
    pointer-events: none; /* Disable pointer events on modal content */
}

.modal.disabled .loader-container {
    display: block;
}






.decor-staging .plush_btn {
    background: #7558EA;
    color: #fff;
    border: 0;
    display: flex;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.3rem 0.5rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-right: 20px;
    transition: all 0.5s ease-in-out;
}

.decor-staging .plush_btn:hover{
    border: 1px solid #7558EA;
    color: #7558EA;
    background-color: transparent;
}

.decor-staging .minus_btn:hover{
    border: 1px solid #6c757d;
    color: #6c757d;
    background-color: transparent;
}
#modalStyleUpgradePlan .style_body_header{
    font-size: 20px;
    opacity: 1;
}
#modalRoomTypeUpgradePlan .room_body_header{
    font-size: 20px;
    opacity: 1;
}

.main {
    display: flex;
    position: relative;
    padding-left: 0;
    margin-bottom: 7px;
    cursor: pointer;
    align-items: center;
    font-size: 20px;
}

#cropImageModal input[type=checkbox] {
    visibility: hidden;
}

.geekmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border: 1px solid #000;
    margin-left: 0 ;
}


.main input:checked ~ .geekmark {
    background-color: #7558EA;
    border: 1px solid transparent;
}

.geekmark:after {
    content: "";
    position: absolute;
    display: none;
}

.main input:checked ~ .geekmark:after {
    display: block;
}

.main .geekmark:after {
    left: 10px;
    bottom: 7px;
    width: 8px;
    height: 16px;
    border: solid white;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.upload_btns_part{
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal_footer_part label{
    display: block;
    width: 55%;
    /* align-items: flex-start; */
}

.nw-forminner .crop_modal_btn{
    width: 40%;
    text-align: end;

}

.nw-forminner .modal_footer_part{
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.modal_footer_part label span {
    font-size: 13px;
    margin-left: 0;
    display: block;
}
.modal_footer_part label .span_strong {
    font-weight: 700;
    margin-left: 24px;
    font-size: 19px;
}

.decor-staging .minus_btn{
    background: #6c757d;
    color: #fff;
    border: 0;
    display: flex;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.3rem 0.5rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-right: 20px;
}

/* API Form */

.pricing-outer .right_api_form{
    position: sticky;
    top: 40px;
    background: #ffffff;
    border: 2px solid #eff0f7;
    box-shadow: 0px 2px 12px rgb(20 20 43 / 8%);
    border-radius: 24px;
    padding: 27px 30px 38px 30px;
    transition: 0.4s ease;
    outline: none;
}

.pricing-outer .prv-cardmain .row{
    align-items: flex-start;
}

.pricing-outer form label{
    font-size: 16px;
}


.pricing-outer form .form-group{
    margin-bottom: 20px;
}

.pricing-outer form select.form-control{
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;

}

.pricing-outer form .radio_form{
    display: flex;
    align-items: center;

}

.pricing-outer form .radio_form .form-check{
    width: 25%;

}

.pricing-outer form .form-control {
    background: transparent;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    border-top: 0;
    padding-left: 0;
    font-size: 16px;
    position: relative;
}

.pricing-outer form .form-control:focus{
    border-color: none;
    box-shadow: none;
}

.pricing-outer .prv-cardmain .row .mt50{
    margin-top: 0;
}


.pricing-outer .api_form .form_title_part{
    text-align: center;
    margin-bottom: 60px;
}
.pricing-outer .api_form .form_title_part .form_head{
    font-size: 26px;
    font-weight: 600;
}

.pricing-outer .api_form .form_title_part p{
    margin-bottom: 0;
    margin: 0 auto;
    line-height: 1.5;
}

.inked-painted {
    position: relative; font-size: 0;
    -ms-touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.inked-painted img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.colored {
    position: absolute;
    top: 0; left: 0; height: 100%;
    width: 50%;
    /* background-size: cover; */
    border-right: 5px solid white;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.colored::before {
    background: url('/web/images/before-after-effect-arrows.png') no-repeat scroll 0 center transparent;
    background-size: auto;
    background-size: contain;
    content: " ";
    float: right;
    height: 100%;
    margin-right: 0;
    position: relative;
    top: 0;
    width: 40px;
    transform: translate(20px);
}

.inked-painted:hover {
    cursor: col-resize;
}

.competitive-outer .competitive-inner{
    display: flex;
    align-items: center;
}

.competitive-outer.even-cards .competitive-inner{
    flex-direction: row-reverse;
}

.competitive-outer.even-cards .competitive-inner .video-inner{
    padding: 0 40px 0 0;
}

.competitive-outer .competitive-inner-right{
    padding: 0;
}

/* Fixed Blackfriday stickynote */

.black-friday-sticky {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 9999;
    background: #18122a;
    display: flex;
    align-content: center;
    justify-content: center;
  }

.black-friday-sticky p{
    margin-bottom: 0;
    color: #fff;
    opacity: 1;
    padding: 5px 0;
    align-items: center;
    position: relative;
}

.black-friday-sticky p .badge-danger{
    background-color: red;
    padding: 7px 13px 7px 13px;
    color: #fff;
    border-radius: 1.25rem;
    width: fit-content;
    margin-right: 7px;
}

.cross_close_icon a{
    position: absolute;
    right: 20px;
    top: 5px;
}

.black-friday-sticky p a{
    color: white;
    margin-left: 7px;
    background-color: #7558ea;
    padding: 7px 13px 7px 13px;
    border-radius: 5px;
}

.black-friday-sticky .close_cross img{
    width: 12px;
    cursor: pointer;
}

.free-trial-plan .text_switch_yearly{
    color: #0d6efd !important;
    font-size: 18px !important;
}

.add_to_project_btn {
    line-height: 16px !important;
    font-size: 14px;
    width: 76px;
}

.folder-images-btn {
    text-align: center;
    display: flex;
}

.folder-images-btn span {
    position: absolute;
    color: #fff;
    font-size: 12px;
    top: -23px;
    display: block;
    text-align: inherit;
    width: 100%;
}

.remove-btn-main {
    display: flex;
    justify-content: end;
    padding-bottom: 10px;
}

.choose_project_modal .modal-title{
    font-size: 16px;
    text-align: center;
}

.choose_project_modal .modal-header{
    justify-content: center !important;
}

.choose_project_modal .modal-header h5{
    font-size: 26px;
}

.choose_project_modal label, .choose_project_modal .form-control{
    font-size: 16px;
}

.choose_project_modal form .modal_button_right_pos button{
    font-size: 16px;
    padding: 3px 24px;
    margin-left: 7px;
}

.modal_button_right_pos{
    display: flex;
    align-items: center;
    justify-content: end;
}

.project_page_style button{
    font-size: 16px;
}

.project_page_style button img{
    width: 25px;
}

.project_page_style form select, .project_page_style form input{
    font-size: 16px;
}

.project_page_style .project_page__button_header{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.project_page_style .create_project_btn{
    text-align: end;
}

.project_page_style .project_page__button_header .breadcrumb_project_lable li a{
    color: #fff;
}

.project_page_style .project_page__button_header .breadcrumb_project_lable li a:hover{
    color: #0a58ca;
    text-decoration: underline !important;
}

.project-subproject-container .project_page_style .breadcrumb_project_lable li a{
    color: #fff;
}

.project-subproject-container .project_page_style .breadcrumb_project_lable li a:hover{
    color: #0a58ca;
    text-decoration: underline !important;
}

.project_page_style hr{
    margin: 2rem 0;
    color: #fff;
}

.redirect_to_project_btn {
    padding: 0px 10px;
    display: inline-block;
    border: 1px solid #7558ea;
    border-radius: 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: var(--main-color);
    background: #fff;
    transition: ease 0.2s;
}

.redirect_to_project_btn:hover {
    color: white;
    background: var(--main-color);
    transition: ease 0.2s;
}
/*14-1-23*/

.api_guid-main .api_table .badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.nwchoosebx .slider-container .in-range::-webkit-slider-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -webkit-appearance: none;
    cursor: ew-resize;
    background: #7558EA;
}

.nwchoosebx .slider-container .in-range {
    -webkit-appearance: none;
    vertical-align: middle;
    outline: none;
    border: none;
    padding: 0;
    display: flex;
    width: 90%;
    margin: 0 auto;
    justify-content: center;
    background: none;
}

.nwchoosebx .slider-container .in-range::-webkit-slider-runnable-track {
    background-color: #060116;
    height: 12px;
    border-radius: 0px;
    border: 1px solid transparent;
}

.slider-container .slider-tag{
    display: flex;
    justify-content: space-between;
}

.slider-container .slider-tag span{
    color: #fff;
    font-size: 14px;
}

.inpaint-stag-container .brushing-btns{
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.inpaint-stag-container .brushing-btns .undo-redo-btn {
    width: calc(100% - 245px);
    padding-left: 25px;
    display: flex;
    justify-content: end;
}

.inpaint-stag-container .brushing-btns .ci-btn{
    width: fit-content;
    margin-bottom: 0;
}

.inpaint-stag-container .brushing-btns #ip-redoImage{
    margin-left: 17px;
}

.inpaint-stag-container .brushing-btns #ip-clearImage{
    width: 60%;
    margin-right: 17px;
    margin-bottom: 0;
}

.inpaint-stag-container .masking_label p{
    font-size: 15px;
    font-weight: 400;
}

.favoriteContainer {
    max-width: 100%!important;
}

.favoriteContainer .nav.nav-pills {
    max-width: 100%;
}

.favoriteContainer ul.nav.nav-pills .nav-item {
    width: 25%;
    margin: 0 0 18px 0;
    padding: 0 8px;
}

.favoriteContainer ul.nav.nav-pills .nav-item  .nwai-tab{
    width: 100%;
    max-width: 347px;
    justify-content: center;
}

.favoriteContainer ul.nav.nav-pills .nav-item:last-child{
    padding-right: 0px;
}

.favoriteContainer ul.nav.nav-pills li.nav-item .ai-icon {
    width: 20px;
}

.favoriteContainer .nav-pills .nav-link.active,
.favoriteContainer .nav-pills .show>.nav-link {
    background-color: #7558ea !important;
}

.favoriteContainer ul.nav.nav-pills li.nav-item .nwtb-title{
    font-size: 16px;
}

.favorites-container {
    max-width: 1600px;
}

.favorites-container .tab-content{
    padding: 30px 40px!important;
}

.noFavoriteImages{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.noFavoriteImages h2{
    color: #fff;
}

.chkbox-segment ul.ks-cboxtags {
    list-style: none;
    padding: 20px;
}

.sub_project_title h3{
    margin-bottom: 25px;
}

.checkbox-animate {
    margin-right: 0;
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
    font-family: arial;
    font-size: 25px;
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 6;
}
.checkbox-animate label {
    position: relative;
    cursor: pointer;
}

.checkbox-animate label input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.input-check {
    display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 4px;
    border: 2px solid #ccc;
    position: relative;
    top: 10px;
    margin-right: 7px;
    transition: 0.4s;
    background-color: #ffffff70;
}

.input-check::before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 6px;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    transform: scale(0) rotate(-45deg);
    position: absolute;
    top: 4px;
    left: 2px;
    transition: 0.4s;
}

.checkbox-animate label input:checked ~ .input-check {
    background-color: #7558ea;
    border-color: #7558ea;
    animation-name: input-animate;
    animation-duration: 0.7s;
}

.checkbox-animate label input:checked ~ .input-check::before {
    transform: scale(1) rotate(-45deg);
    animation-name: input-check;
    animation-duration: 0.2s;
    animation-delay: 0.3s;
}

.checkbox_buttons button{
    width: auto;
    margin-left: 7px;
}

.page-inpainting .sticky_top_btn{
    position: sticky;
    top: 0;
    z-index: 9;
    background: #080119;
    padding: 17px 0 !important;
}

.project_page_style .sticky_top_btn_project{
    position: sticky;
    top: 0;
    z-index: 9;
    background: #191229;
    padding: 17px 0 !important;
}

#showFreeTrailBuyModel .freeTrailContent{
    width: 780px;
}

#showFreeTrailBuyModel .modal-body p a{
    color: blue;
}

#showFreeTrailBuyModel .modal-body p a:hover{
    color: rgb(58, 58, 228);
}

/******CARD START*************/
.card.custom-card {
    padding: 7px;
    border-radius: 10px;
    transition: 0.5s;
    width: 100% !important;
}
.card.custom-card:hover {
    box-shadow: 1px 1px 20px 0px #ffffff73;
}
.card.custom-card img {
    border-radius: 12px;
    max-height: 227px;
    object-fit: cover;
    height: 100vh;
}

.card.custom-card .card-body {
    padding: 20px 5px;
}

.card.custom-card .card-body h5 {
    font-family: 'eudoxus sans';
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 6px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card.custom-card .card-body p {
    font-size: 16px;
    color: gray;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 35px !important;
}
.dsh-title{
    font-size: 50px;
    margin-bottom: 50px;
    color: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
}
.card.custom-card .card-body .feature-subtn {
    display: flex;
    justify-content: center;
}
.card.custom-card .card-body .feature-subtn a {
    border-radius: 10px;
}

.card.custom-card .card-body .feature-subtn a:hover {
    border: 1px solid #7558ea00 !important;
}
.dsh-main .dsh-contents .card {
    margin: 0 auto;
}

/******CARD END**************/
.dsh-main .dsh-contents .container{
    max-width: 1366px;
}



.chkbox-segment ul.ks-cboxtags li{
    display: inline;
}

.chkbox-segment ul.ks-cboxtags li label{
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid rgba(139, 139, 139, .3);
    color: #7558ea;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

.chkbox-segment ul.ks-cboxtags li label {
    padding: 4px 8px;
    cursor: pointer;
    margin-left: 10px;
    font-size: 15px;
}

.chkbox-segment ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}

.chkbox-segment ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

.chkbox-segment ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #191229;
    background-color: #7558ea;
    color: #fff;
    transition: all .2s;
}

.chkbox-segment ul.ks-cboxtags li input[type="checkbox"] {
  display: absolute;
}

.chkbox-segment ul.ks-cboxtags li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.chkbox-segment ul.ks-cboxtags li input[type="checkbox"]:focus + label {
  border: 2px solid #fff;
}

.imgcheckfordelete .ml_dw_img{
    cursor: pointer;
}

.folder-container .check:checked~.menu-items {
    display: block;
    transform: translate(0%, -19%);
    opacity: 1;
    z-index: 4;
    position: absolute;
}

.folder-container .menu_folder {
    position: absolute;
    right: 0;
    top: 0;
}

.folder-container .folder_icons_data {
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    margin-bottom: 15px;
}

.folder-container .folder_icons_data img{
    transition: all 0.5s ease-in-out;

}

.folder-container .folder_icons_data a:hover img{
    transform: scale(1.2);
}

.folder-container .folder_icons_data a{
    color: #fff;
}
.folder-container .menu-items {
    display: none;
    text-align: left;
    padding: 5rem;
    margin-top: -6rem;
    margin-left: -1rem;
    top: 40px;
    right: -30px;
    list-style: none;
    opacity: 0;
    font-size: 14px;
    background-color: #765ae3;
    border-radius: 0.25em;
    transform: translateX(-10%);
    transition: transform 100ms ease-in-out;
}

.folder-container .menu-items li{
    color: white;
    padding: 0.3rem 0.5rem;
}

.folder-container .menu-items li a{
    color: white;
    text-decoration: none;
}

.folder-container .menu-items li a:hover{
    color: rgb(174, 174, 174);
}

.folder-container .check {
    position: absolute;
    top: -15px;
    right: 0px;
    height: 3rem;
    width: 3rem;
    opacity: 0;
    z-index: 3;
}

.folder-container .check:hover {
    cursor: pointer;
}

.folder-container .ham-menu {
    height: 3rem;
    width: 3rem;
    position: absolute;
    top: -15px;
    right: 0px;
    padding: 0.5rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-radius: 0.25em;
}

.folder-container .ham-menu .line {
    background-color: white;
    border-radius: 1em;
    width: 2rem;
    height: 0.25rem;
}

.folder-container .ham-menu .line1 {
    transform-origin: 0% 0%;
    transition: transform 100ms ease-in-out;
}

.folder-container .ham-menu .line3 {
    transform-origin: 0% 100%;
    transition: transform 100ms ease-in-out;
}

.folder-container .check:checked~.ham-menu .line1 {
    display: block;
    transform: rotate(45deg);
}

.folder-container .check:checked~.ham-menu .line2 {
    opacity: 0;
}

.folder-container .check:checked~.ham-menu .line3 {
    display: block;
    transform: rotate(-45deg);
}

/*  interior designers new css starts here */

.vs-smcontainer {
    max-width: 1125px;
    margin: auto;
    padding: 0 15px;
}

.vsnew-herobanner {
    padding: 70px 0 75px;
    position: relative;
}

.vsnw-heroheading {
    color: #1E1634;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.33;
    margin: 0;
}

.vsnw-heroheading span {
    color: #7558EA;
}

.vsnw-herosubheading {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.9;
    margin: 0;
    opacity: 1;
}

.vsnw-spacetext {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 2.05;
    color: #7B7887;
    margin: 0;
    opacity: 1;
}

.vshero-textcolumn {
    display: flex;
    flex-direction: column;
    gap: 10px;
    column-gap: 10px;
    width: 45%;
    padding-right: 45px;
}

.gt-stbtn.vsnw-herobtn {
    width: fit-content;
    border: 1px solid transparent;
    margin: 32px 0 0 0;
}

.gt-stbtn.vsnw-herobtn:hover {
    border-color: #7558ea;
}

.vsnew-herobanner::before {
    content: "";
    position: absolute;
    width: 50vw;
    height: 100%;
    border-radius: 0px 22px 22px 0px;
    background: linear-gradient(0deg, rgba(115, 113, 252, 0.23) 4%, rgba(177, 109, 246, 0.10) 95%);
    right: 0;
    top: 0;
    max-width: 872px;
}

.vshero-compare-column {
    width: 55%;
}

.hervshero-bannerflex {
    display: flex;
    align-items: center;
}

.vshero-compare-column img-comparison-slider.rendered,
.vs-tfspaces-compslider img-comparison-slider.rendered {
    outline: none;
    border: 0;
    border-radius: 18px;
    display: block;
}

.vshero-compare-column .comp-border,
.vs-tfspaces-compslider .comp-border {
    padding: 12px;
    opacity: 0.9;
    background: linear-gradient(94deg, #8332D4 7.32%, #9B2DBB 53.36%, #B9279B 78.1%, #D77CAB 92.22%, #F4C0DB 98.67%);
    border-radius: 30px;
}

.vsbigas-heading {
    color: rgba(219, 218, 251, 0.20);
    font-size: 176px;
    font-weight: 800;
    text-align: center;
    line-height: 0.8;
    margin-bottom: -15px;
}

.vs-font45-heading {
    color: #1E1634;
    text-align: center;
    font-size: 45px;
    font-weight: 800;
    line-height: 1.33;
    margin: 0 0 25px 0;
}

.vs-font45-heading span {
    color: var(--main-color);
}

.vsassistant-tpbox {
    max-width: 980px;
    margin: auto;
}

.vsassistant-tpbox .vsnw-spacetext {
    text-align: center;
    color: #7B7885;
    padding-top: 13px;
}

.vsbordered-compwrap {
    margin: 60px 0 0 0;
    display: flex;
    position: relative;
    justify-content: center;
}

.vsbordered-column-left,
.vsbordered-column-right {
    border: 10px solid #FFF;
    box-shadow: 21px 4px 64px -10px rgba(0, 0, 0, 0.25);
    width: 50%;
}

.vsbordered-column-left {
    border-radius: 70px 0px 0px 0px;
}

.vsbordered-column-left img {
    border-radius: 60px 0px 0px 0px;
}

.vsbordered-column-right {
    border-radius: 0px 0px 70px 0px;
    margin-left: -10px;
}

.vsbordered-column-right img {
    border-radius: 0px 0px 60px 0px;
}

.vsbordered-flowimg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 15px;
}

.flowvs-text.before {
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.74);
}

.flowvs-text {
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
    line-height: 12.6px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 14px;
}

.flowvs-text.after {
    border-radius: 5px;
    background: #7558EA;
}

.flowvs-arrow {
    border-radius: 200px;
    animation: rotation 4s infinite linear;
}
.flowvs-arrow-vertical{display: none;}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(2deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
    }

    75% {
        -webkit-transform: rotate(-2deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

.vsassistant-section {
    padding: 0 0 147px 0;
    position: relative;
}

.vsassistant-section::before,
.vs-tranint-outer::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 520px;
    border-radius: 30px;
    background: linear-gradient(94deg, #8332D4 7.32%, #9B2DBB 53.36%, #B9279B 78.1%, #D77CAB 92.22%, #F4C0DB 98.67%);
    bottom: 0;
    max-width: 1360px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.vsunlock-efforts {
    padding: 74px 0 137px;
}

.vsunlock-coltext {
    width: 44%;
    padding-right: 35px;
}

.vsunlock-colimage {
    width: 56%;
}

.vsunlock-flex {
    display: flex;
    align-items: center;
}

.vsunlock-coltext .vs-font45-heading {
    text-align: left;
}

.vscursive-tag {
    color: #43B0FF;
    font-family: "Kalam", cursive;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.13;
    display: block;
    margin-bottom: 20px;
}

.vs-bgcontainer {
    max-width: 1360px;
    margin: auto;
}

.vsseamless-outer {
    border-radius: 26px;
    padding: 104px 0 84px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #1E1634;
    position: relative;
}

.vsseamless-colimage,
.vsseamless-coltext {
    width: 50%;
}

.vsseamless-flex {
    display: flex;
    align-items: center;
}

.vsseamless-coltext .vs-font45-heading {
    text-align: left;
    color: #fff;
}

.vsseamless-coltext {
    padding-left: 100px;
}

.vsseamless-section {
    padding: 0 0 96px 0;
}

.vsseamless-coltext .vsnw-spacetext {
    color: #BCB8C1;
}

.breath-outer.vs-breath-outer {
    padding: 90px 0 207px;
}

.breath-outer.vs-breath-outer .vs-font45-heading {
    margin-bottom: 15px;
}

.vs-stpstrg-section {
    padding: 147px 0 125px;
}

.vs-stpstrg-colimage {
    width: 56%;
}

.vs-stpstrg-coltext {
    width: 44%;
    padding-right: 36px;
}

.vs-stpstrg-flex {
    display: flex;
    align-items: center;
}

.vs-stpstrg-coltext .vs-font45-heading {
    text-align: left;
}

.vs-stpstrg-coltext .vsnw-spacetext {
    color: #7C7987;
}

.vsseamless-outer::before,
.vs-tfspaces-outer::before {
    position: absolute;
    content: "";
    width: 260px;
    height: 320px;
    border-radius: 327px;
    background: rgba(243, 10, 248, 0.55);
    filter: blur(215px);
    top: 60px;
    right: 20px;
}

.vs-tfspaces-outer {
    border-radius: 26px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #1E1634;
    position: relative;
    padding: 90px 0px;
}

.vs-tfspaces-compslider {
    width: 55%;
}

.vs-tfspaces-coltext {
    width: 45%;
    padding-left: 45px;
}

.vs-tfspaces-flex {
    display: flex;
    align-items: center;
}

.vs-tfspaces-coltext .vs-font45-heading {
    color: #fff;
    text-align: left;
}

.vs-tfspaces-coltext .vsnw-spacetext {
    color: #BAB7BF;
}

.vs-tfspaces-section {
    padding: 0 0 145px 0;
}

.vs-joinre-outer {
    border-radius: 22px;
    background: linear-gradient(0deg, rgba(115, 113, 252, 0.23) 4%, rgba(177, 109, 246, 0.10) 95%);
    padding: 78px 0;
}

.vs-joinbx-item {
    width: 100%;
    border-radius: 14px;
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(106, 108, 164, 0.16);
    padding: 25px 16px 36px;
    text-align: center;
}

.vs-join-countitle {
    color: #1E1634;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    margin: 20px 0 5px;
}

.vs-joinbx-item .vsnw-spacetext {
    text-align: center;
}

.vs-joinbx-icon {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vs-joinre-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    grid-gap: 30px;
    padding: 45px 0 0 0;
    position: relative;
}

.vs-joinre-section {
    padding: 0 0 93px 0;
}

.vs-joinre-tpbox,
.vsagent-tpbox,
.vs-tranint-tpbox {
    max-width: 1010px;
    margin: auto;
    text-align: center;
    padding: 0px 15px;
}

.agent-outer.vs-agent-outer {
    border-radius: 26px;
    max-width: 1700px;
    margin: auto;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #1E1634;
    padding: 100px 0 106px;
}


.agent-outer.vs-agent-outer .owl-carousel .owl-stage {
    display: flex;
}

.agent-outer.vs-agent-outer .owl-carousel .item {
    height: 100%;
}

.agent-outer.vs-agent-outer .review-inner {
    min-height: unset;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.agent-outer.vs-agent-outer .author-name {
    margin-top: auto;
}

.agent-outer.vs-agent-outer .owl-theme .owl-nav {
    display: none;
}

.agent-outer.vs-agent-outer .owl-theme .owl-dots {
    padding: 80px 0 0 0;
}

.vs-tranint-section {
    padding: 80px 0;
}

.vs-tranint-outer::before {
    height: 440px;
}

.vs-tranint-outer {
    padding-bottom: 115px;
    position: relative;
}

.vsassistant-tpbox .vs-font45-heading {
    margin: 0;
}

.vsbordered-flowtxt span {
    color: #3C2695;
    font-family: "Kalam", cursive;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.38;
    display: inline-block;
    transform: rotate(4.456deg);
    text-align: center;
}

.vsbordered-flowtxt .vscomp-arrow img {
    transform: rotate(62.548deg);
}

.vsbordered-flowtxt .vscomp-arrow {
    text-align: center;
    padding-top: 15px;
}

.vsbordered-flowtxt {
    position: absolute;
    top: -66px;
    right: -98px;
}

.vshero-compare-column .comp-border video {
    display: block;
    border-radius: 18px;
}
.decor-imgrid {
    position: relative;
}
.decorgrid-flowing {
    position: absolute;
    bottom: -125px;
    left: -80px;
}
.vsnew-herobanner.decorpage {
    padding: 106px 0 140px;
}
.vs-tfspaces-section.decor-showcase .vs-smcontainer {
    max-width: 1200px;
}

.comp-border.furniture-removalimg {
    max-width: 565px;
}
.comp-border.furniture-removalimg img{border-radius: 18px; width: 100%;}


/* interior designers new css ends here */



/*style for new sub pages starst*/
.vssub-banner {
    min-height: 545px;
    background: url(/web/images/subpage-banner.png) no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 0 210px;
}

.vssub-banner-title {
    color: #FFF;
    text-align: center;
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.42;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.vssub-banner-subtitle {
    font-family: "Kalam", cursive;
    color: #FFF;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.26;
    opacity: 1;
    text-align: center;
}

.vssub-banner-inner {
    max-width: 750px;
    margin: auto;
}
.vsub-commonsection {
    padding: 122px 0 125px;
}
.vsub-commonsection .vs-smcontainer, .vsub-milestone-section .vs-smcontainer{
    max-width: 1195px;
}
.vsub-common-colimage {
    width: 55%;
}
.vsub-common-coltext {
    width: 45%;
    padding-right: 50px;
}
.vsub-commonflex {
    display: flex;
    align-items: center;
}
.vsub-common-coltext .vs-font45-heading {
    text-align: left;
}
.vs-joinre-section.sub-vspage .vs-bgcontainer {
    max-width: 1700px;
}
.vs-joinre-section.sub-vspage .vs-joinre-outer {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #1E1634;
}
.vsub-gradients-wrapper{position: relative;}
.vsub-gradients-wrapper::before{
    position: absolute;
    height: 260px;
    width: 260px;
    background: rgba(243, 10, 248, 0.55);
    filter: blur(215px);
    left: 0;
    bottom: 0;
    content: "";
}
.vsub-gradients-wrapper::after{
    position: absolute;
    height: 260px;
    width: 260px;
    background: rgba(67, 176, 255, 0.55);
    filter: blur(215px);
    right: 0;
    top: 0;
    content: "";
}
.vscursive-infused {
    color: #43B0FF;
    text-align: center;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.57;
    letter-spacing: 3.8px;
    text-transform: uppercase;
    display: block;
    padding: 0 0 15px 0;
}
.vs-joinre-section.sub-vspage .vs-joinre-grid {
    position: relative;
    z-index: 1;
}
.vs-joinre-tpbox{z-index: 9; position: relative;}
.vs-joinre-section.sub-vspage {
padding: 0;
}
.vsub-milestone-section {
    padding: 185px 0 115px;
}
.vsub-milestone-colimage {
    width: 58%;
}
.vsub-milestone-coltext {
    width: 42%;
    padding-left: 40px;
}
.vsub-milestoneflex {
    display: flex;
    align-items: center;
}
.vsub-milestone-coltext .vs-font45-heading {
    text-align: left;
}

.vsub-milestone-coltext .vsnw-spacetext {
    margin-bottom: 30px;
}

.vsub-milestone-coltext .vsnw-spacetext:last-child{margin-bottom: 0px;}

.vsub-promise-section {
    padding: 105px 0 80px 0;
    position: relative;
}
.vsub-promise-section::before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - 165px);
    background: linear-gradient(97deg, #F5ECFF 5.23%, #FFF 95.56%);
    border: 1px solid #EDDBFF;
    z-index: -1;
    left: 0;
    top: 0;
}

.vsub-promise-section::after{
position: absolute;
    content: "";
    width: 100%;
    height: 470px;
    border-radius: 30px;
    background: linear-gradient(94deg, #8332D4 7.32%, #9B2DBB 53.36%, #B9279B 78.1%, #D77CAB 92.22%, #F4C0DB 98.67%);
    bottom: 0;
    max-width: 1360px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.vsub-promise-inner {
    max-width: 1035px;
    margin: auto;
}
.vsub-promise-imgbx {
    padding: 60px 0 0 0;
}
.vsub-promise-imgbx img{border-radius: 60px 0 0 0;}
.vsub-promise-inner .vs-font45-heading {
    margin-bottom: 10px;
}
.vsub-promise-inner{text-align: center;}

.vsub-faqsmain.faq-outer::after {
    height: 100%;
    background-size: cover;
    z-index: -1;
    max-height: 1200px;
    top: 0;
}
.vsub-faqsmain {
    padding: 190px 0 220px;
}

.vsub-faqsinner {
    padding: 55px 0 0 0;
}

.vsub-faqsmain.faq-outer .accordianheading{word-break: break-all;}
.vsub-faqsinner .accordion-item .accordion-body p {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 2.05;
    margin: 0;
    color: #454153;
    margin-bottom: 20px;
}
.vsub-faqsinner .accordion-item .accordion-body p:last-child{margin-bottom: 0px;}
.vscarrers-extratext {
    margin: 25px 0 0 0;
}

.vs-subcarrers-grid {
    max-width: 960px;
    margin: auto;
    position: relative;
    z-index: 1;
    padding: 55px 0 0 0;
}

.vs-careerbx {
    border-radius: 14px;
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(106, 108, 164, 0.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 25px;
}
.vs-career-position {
    color: #1E1634;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
}
.vs-career-type {
    color: #454153;
    font-size: 17px;
    font-weight: 500;
    opacity: 0.7;
}

.vs-subcarrers-grid .vs-careerbx {
    margin-bottom: 20px;
}

.vs-subcarrers-grid .vs-careerbx:last-child {
    margin-bottom: 0px;
}
.vs-carrers-outer {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #1E1634;
    padding: 80px 0 130px;
    border-radius: 22px;
}
.vs-carrers-section .vs-bgcontainer{max-width: 1700px;}

.vs-apply-section {
    padding: 105px 0px;
}

.vs-apply-inner {
    text-align: center;
    max-width: 840px;
    margin: auto;
}

.vs-invest-section{
    padding: 112px 0 0 0;
}

.vs-investop-wrap {
    padding: 0 0 90px 0;
}

.invest-gridbox {
    background: linear-gradient(180deg, rgba(177, 109, 246, 0.1) 0%, rgba(115, 113, 252, 0.23) 100%);
    border-radius: 22px;
    padding: 65px 0px 90px;
}

.invest-gridrow {
    background: #fff;
    padding: 25px;
    border-radius: 14px;
    box-shadow: 0px 4px 30px 0px rgba(106,109,163, 0.16);
    display: flex;
    align-items: center;
    margin-bottom: 33px;
}
.invest-gridimg {
    width: 38%;
}
.invest-gridtext {
    width: 62%;
    padding-left: 40px;
}
.invest-gridtext .vs-font45-heading{text-align: left; margin-bottom: 6px;}

.invest-gridrow:last-child{margin-bottom: 0;}
.invest-gridrow:nth-child(even){
    flex-direction: row-reverse;
}

.invest-gridrow:nth-child(even) .invest-gridtext {
    padding-left: 20px;
    padding-right: 40px;
}

.invest-gridimg img {
    border-radius: 10px;
}

.vsprsmedia-outer {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #1E1634;
    padding: 120px 0px;
    border-radius: 22px;
}

.vsprsmedia-grid {
    border-radius: 14px;
    box-shadow: 0px 4px 30px 0px rgba(106,109,163, 0.16);
    background: #fff;
    padding: 40px 40px 50px 40px;
}
.vsprsmedia-title {
    color: #1E1634;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.33;
    margin: 0;
}
.vsprsmedia-row {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 25px;
    padding-bottom: 50px;
    border-bottom: 1px solid #D9D9D9;
}
.vsprsmedia-row:last-child{padding: 45px 0 0 0; border: 0;}

.media-dwbtn {
    min-height: 123px;
    border-radius: 14px;
    box-shadow: 0px 4px 30px 0px rgba(106,109,163, 0.16);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 35px;
}

.cs-download-media {
    display: flex;
    align-items: center;
    gap: 50px;
    grid-gap: 50px;
}
.verecentprs-section {
    padding: 90px 0 100px;
}
.vspress-text {
    color: #1E1634;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.33;
    margin: 30px 0 0 0;
}
.vsrecenr-pressbox img {
    border-radius: 10px;
    width: 100%;
}
.vsrecent-pressgrid {
    display: grid;
    grid-gap: 45px;
    gap: 45px;
    grid-template-columns: 1fr 1fr;
    padding: 52px 0 0 0;
}
.vsprsmedia-details .vsnw-spacetext{text-align: left !important;}
.vsrecenr-pressbox .vsnw-spacetext{text-align: left !important;}

.upgrade-banner.vsupgrade-banner {
    background: none !important;
    border-radius: 0;
    position: relative;
    background-image: none !important;
    z-index: 99;
}
.upgrade-banner.vsupgrade-banner:before
{
    position: absolute;
    width: 100%; height: calc(100% - 135px);
    background-image: linear-gradient(94deg, #8332D4 7.32%, #9B2DBB 53.36%, #B9279B 78.1%, #D77CAB 92.22%, #F4C0DB 98.67%);
    background: linear-gradient(94deg, #8332D4 7.32%, #9B2DBB 53.36%, #B9279B 78.1%, #D77CAB 92.22%, #F4C0DB 98.67%);
    left: 0; top: 0;
    content: "";
    z-index: -1;
    border-radius: 0 0 50px 50px;
}

.feedback_modal .modal-dialog{
    max-width: 1040px;
}

.feedback_modal .modal-dialog .modal-content.hdc-modal{
    padding: 40px;
    width: 100%;
}

.feedback_modal .modal-dialog .modal-content.hdc-modal textarea{
    width: 100%;
    min-height: 150px;
    border-radius: 7px;
    padding: 10px;
    font-size: 16px;
}

.feedback_modal .modal-dialog .modal-content.hdc-modal textarea::placeholder{
    font-size: 14px;
    opacity: 0.5;
}

.feedback_modal .rating-group {
  display: inline-flex;
}
.feedback_modal .rating__icon {
  pointer-events: none;
}
.feedback_modal .rating__input {
  position: absolute !important;
  left: -9999px !important;
}
.feedback_modal .rating__label {
    cursor: pointer;
    padding: 0;
    font-size: 23px;
}
.feedback_modal .rating__icon--star {
    background-color: transparent;
    padding: 3px;
  color: orange;
}

.feedback_modal .rating_star_main{
    margin: 10px 0;
    text-align: center;
}

.feedback_modal .modal-dialog .modal-content.hdc-modal .head h5{
    color: #000;
    margin-bottom: 20px;
    text-align: center;
}

.feedback_modal .rating__icon--none {
  color: #eee;
}
.feedback_modal .rating__input--none:checked + .rating__label .rating__icon--none {
  color: red;
}
.feedback_modal .rating__input:checked ~ .rating__label .rating__icon--star {
    padding: 3px;
  background-color: transparent;
  color: #ddd;
}
.feedback_modal .rating-group:hover .rating__label .rating__icon--star {
  color: orange;
}
.feedback_modal .rating__input:hover ~ .rating__label .rating__icon--star {
  color: #ddd;
}
.feedback_modal .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
  color: #eee;
}
.feedback_modal .rating__input--none:hover + .rating__label .rating__icon--none {
  color: red;
}

.upgrade-banner.vsupgrade-banner .vsupgrade-toptext span {
    background: linear-gradient(94deg, #8332D4 7.32%, #9B2DBB 53.36%, #B9279B 78.1%, #D77CAB 92.22%, #F4C0DB 98.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.upgrade-banner.vsupgrade-banner .vsupgrade-btmtext {
    padding: 0;
    background: 0;
    text-align: center;
    color: #fff;
    font-style: italic;
    font-size: 26px;
    font-family: 'kalam';
    margin: 0;
}

.headvidwrap.vsupgrade-video {
    max-width: 1000px;
    margin: 40px auto 0;}

.headvidwrap.vsupgrade-video .headvid{
    padding: 10px;
    background: #E5B7E0;
    border-radius: 20px;
}

.headvidwrap.vsupgrade-video .headvid video {
    width: 100%;
    display: block;
    height: 100%;
    border-radius: 10px;
}

.feedback_modal-two .rating-group {
  display: inline-flex;
}
.feedback_modal-two .rating__icon {
  pointer-events: none;
}
.feedback_modal-two .rating__input {
  position: absolute !important;
  left: -9999px !important;
}
.feedback_modal-two .rating__input--none {
  display: none;
}
.feedback_modal-two .rating__label {
  cursor: pointer;
  padding: 0 0.1em;
  font-size: 2rem;
}
.feedback_modal-two .rating__icon--star {
  color: orange;
}
.feedback_modal-two .rating__input:checked ~ .rating__label .rating__icon--star {
  color: #ddd;
}
.feedback_modal-two .rating-group:hover .rating__label .rating__icon--star {
  color: orange;
}
.feedback_modal-two .rating__input:hover ~ .rating__label .rating__icon--star {
  color: #ddd;
}

.vsupgrade-ftsection .ftext-btn {
    margin: 0;
}

.vsupgrade-ftop {
    text-align: center;
}

.vsupgrade-ftop .vspaymernt-strip {
    padding: 30px 0 0 0;
}

.estate-outer.pricing.faq-outer::after{display: none;}

.vsupgrade-box {
    padding: 20px 20px 30px 20px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0px 4px 30px rgba(106, 108, 164, 0.16);
    text-align: center;
}

.vsupgrade-boxicon {
    width: 72px;
    height: 72px;
    display: flex;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    background-color: rgba(67, 176, 255, 0.1);
    margin: auto;
}
.vsupgrade-box:nth-child(odd) .vsupgrade-boxicon{
     background-color: rgba(117, 88, 234, 0.1);
    text-align: center;
}

.vsupgrade-box-title {
    font-size: 20px;
    margin: 12px 0 0 0;
    line-height: 1.2;
    font-weight: 600;
}

.vsupgrade-ftgrid {
    padding: 110px 0 0 0;
    grid-auto-columns: 1fr;
    grid-column-gap: 42px;
    grid-row-gap: 55px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
}


.vsupgrade-ftsection {
    padding: 55px 0 133px 0;
    position: relative;
}
.vsupgrade-ftsection::after {
    position: absolute;
    height: 320px;
    width: 320px;
    background: rgba(67, 176, 255, 0.55);
    filter: blur(215px);
    right: 100px;
    bottom: 100px;
    content: "";
    z-index: -1;
}

.vsupgrade-ftsection::before {
    background: url(../images/nwupgradevs-after.png) no-repeat top center;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 440px;
    left: 0;
    top: 0;
    background-size: cover;
    z-index: -1;
}

.nwupgrade-precision-img {
    width: 53%;
}
.nwupgrade-precision-text{width: 47%;padding-left: 35px;}


.nwupgrade-precisionflex {
    display: flex;
    align-items: center;
}

.render-precision.vsnw-upgrade-render .headvid {
    max-width: 1000px;
    margin: auto;
    padding: 12px;
    border-radius: 20px;
    background: linear-gradient(94deg, #8332D4 7.32%, #9B2DBB 53.36%, #B9279B 78.1%, #D77CAB 92.22%, #F4C0DB 98.67%);
}

.render-precision.vsnw-upgrade-render .headvid video{width: 100%; height: 100%; display: block; border-radius: 10px;}
.vs-joinre-section.vsnw-estate-outer {
    padding: 122px 0px;
}

.vsupgrade-ftop .gt-stbtn {
    margin: 0 !important;
}


.join-banner.vsnwjoin-banner .competitive-inner-left {
    text-align: center;
    padding: 0 15px;
}

.vs-joinre-section.vnw-affjoin-section {
    padding: 0 0 157px 0;
}
.vsnw-affpromote-outer {
    background: linear-gradient(180deg, rgba(177, 109, 246, 0.1) 0%, rgba(115, 113, 252, 0.23) 100%);
    border-radius: 22px;
    padding: 55px 0 70px;
}

.vsnw-affpromote-image, .vsnw-affpromote-text {
    width: 50%;
}

.vsnw-affpromote-flex {
    display: flex;
    align-items: center;
}
.vsnw-affpromote-text .vs-font45-heading {
    text-align: left;
    margin: 0 0 10px 0;
}

.vsnw-affpromote-text {
    padding-left: 32px;
}

.vsnw-affpromote-btn {
    color: #fff;
    line-height: 1;
    padding: 20px 27px;
    border-radius: 12px;
    background: #7558EA;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    margin: 25px 0 0 0;
    border: 1px solid transparent;
    transition: all 0.3s;
}

.vsnw-affpromote-btn:hover{border-color: var(--main-color); background-color: #fff; color: var(--main-color);}
.vsnw-affpromote-section {
    padding: 0 0 170px 0;
}


.api_banner.vsnwapi-banner {
    padding: 113px 0 122px;
    background: url("/web/images/api-banner.png") no-repeat;
    background-size: cover;
}

.api_banner.vsnwapi-banner .api_banner_card_main {
    border-color: #fff;
    border: 1px solid #fff;
    color: #fff;
}
.api_banner.vsnwapi-banner .api_title .mntxt-annimation span{color: #fff !important;}
.api_banner.vsnwapi-banner .api_title_cards p {
    color: #fff;
    opacity: 1;
    margin: 80px 0 55px 0;
}
.vsnwapi-btns {
    display: inline-block;
    padding: 20px 60px;
    border-radius: 12px;
    font-size: 16px;
    color: #fff;
    background: #43B0FF;
    border: 1px solid transparent;
    transition: all 0.3s;
}

.vsnwapi-btns:hover{background: #fff; color: var(--main-color);}
.vsnwapi-btns.transparent:hover{background: #fff; color: var(--main-color);}
.vsnwapi-btns.transparent{background: transparent; border-color: #fff;}
.api_banner.vsnwapi-banner .api_banner_btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    grid-column-gap: 25px;
}

.vsnw-features-outer .feautures-inner {
    padding: 130px 0 150px 0;
}

.vsnw-features-outer .ftt-iconbx1 {
    height: 122px;
    width: 122px;
    border-radius: 100%;
    background: #fff !important;
    box-shadow: 0px 25px 40px rgb(185 185 185 / 15%) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vsnw-features-outer .api-white-level-int-box .ftbx-title {
    margin: 30px auto 5px auto;
}
.right_api_form.vsnw-apiform .form-group {
    width: 100% !important;
    margin-bottom: 25px;
    padding: 0;
}
.right_api_form.vsnw-apiform .form-group input {
    border-radius: 8px;
    border: 1px solid #CCCCCC;
    padding: 15px;
}
.right_api_form.vsnw-apiform .form-group label {
    margin-bottom: 8px;
}
.right_api_form.vsnw-apiform .form-group input#useCase::placeholder {
    position: absolute;
    top: 15px;
}

.right_api_form.vsnw-apiform .form-group input#useCase {
    height: 160px;
    position: relative;
}
.right_api_form.vsnw-apiform .btn.btn-primary {
    font-size: 22px;
    border-radius: 12px;
    font-weight: 400;
    max-width: 310px;
    width: 100%;
    padding: 10px 16px;
}
.right_api_form.vsnw-apiform form.api_form.row {
    margin: 0 !important;
}
.right_api_form.vsnw-apiform .form_title_part {
    text-align: left !important;
}
.right_api_form.vsnw-apiform .form_title_part .form_head {
    color: #7558EA;
    font-weight: 700;
    margin: 0 0 30px 0;
}
.right_api_form.vsnw-apiform .form_title_part {
    text-align: left !important;
    padding: 0;
    margin-bottom: 40px;
}
/*style for new sub pages ends*/

.masking-label {
    font-size: 14px;
    color: rgba(239, 239, 239, 0.81);
}

.maskingCheckbox-label {
    cursor: pointer;
    text-indent: -9999px;
    width: 45px;
    height: 16px;
    background: #060116;
    display: block;
    border-radius: 100px;
    position: relative;
    margin: 0px 15px;
}

.maskingCheckbox-label:after {
    content: "";
    position: absolute;
    top: -2.5px;
    left: 0px;
    width: 21px;
    height: 21px;
    background: #43b0ff;
    border-radius: 90px;
    transition: 0.3s;
}

.inpaint-stag-container .toggleCheckbox {
    height: 0;
    width: 0;
    visibility: hidden;
}

.inpaint-stag-container .toggleCheckbox:checked+.maskingCheckbox-label:after {
    left: calc(100%);
    transform: translateX(-100%);
    background: #7558ea;
}













.ips-colorpicker {
    display: none !important;
}




@media (min-width: 2000px) {
    .col-md-444 {
        flex: 0 0 auto;
        width: 20.33333333%;
    }
}

@media (min-width: 1444px) {
    .col-md-444 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

@media (min-width: 576px) {
    .col-sm-888 {
        flex: 0 0 auto;
        /* width: 50%; */
    }
}









/* Add this attribute to the element that needs a tooltip */

[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */

[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */

[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left:-70px;
    padding: 7px;
    width: 230px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #100f12;
    color: #fff;
    content: attr(data-tooltip);
    text-align: left;
    font-size: 13px;
    line-height: 1.3;
}

/* Triangle hack to make tooltip look like a speech bubble */

[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.tooltipnew {
    background-color: #7558ea;
    color: #fff;
    padding: 1px 5px;
    border-radius: 100px;
    margin-left: 5px;
    white-space: pre-line;
    font-size: 12px;
}

.tooltipnew1 {
    background-color: #e3e3e3;
    color: #fff;
    padding: 1px 9px;
    border-radius: 100px;
    margin-right: 5px;
}

.hdc-modal {
    padding: 15px;
}

.hdc-modal .head {
    margin-bottom: 10px;
}

select option.paid_feature_modal {
    color: grey;
    font-family: "FontAwesome", "Eudoxus Sans";
}
select option.paid_style_feature_modal {
    color: grey;
    font-family: "FontAwesome", "Eudoxus Sans";
}
select option.paid_roomtype_feature_modal {
    color: grey;
    font-family: "FontAwesome", "Eudoxus Sans";
}

.c-fa {
    background-color: transparent;
}

button:disabled {
    opacity: 0.7;
}

.fa-unset {
    all: unset;
}

.ips-limit-crossed {
    color: #fff;
    font-size: 15px;
    display: none;
    padding-top: 30px;
    font-weight: 500;
    background-color: rgb(255 0 0);
    padding: 12px 0px;
    margin-bottom: 0;
    position: sticky;
    width: 100%;
    top: 0;
    text-align: center;
    z-index: 99999;
    line-height: 30px;
    cursor: pointer;
}

.ips-limit-crossed .up-btn {
    color: red;
    background: #ffffff;
    padding: 4px 5px;
    border-radius: 5px;
    margin: 0 2px;
    font-weight: 800;
}

/* sticky message start */

.ips-limt-text {
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    margin: auto;
    font-weight: 500;
}

.ips-limt-text .need-more {
    color: #51b7ff;
    font-style: italic;
    text-decoration: underline;
    font-weight: 500;
}

.ips-dgsec .loader-img {
    height: 109px;
    margin-top: 64px;
}

.ips-bf-parent {
    position: relative;
}

.ips-bf-child {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.hfq-ck {
    margin-left: 5px;
}

/* sticky message end */

/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}

#hdaLoaderOuter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: none;
}

.hda-loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #7558ea;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
    display: inline-block;
}

.hda-loader-message {
    color: #fff;
    font-size: 21px;
    margin-top: 10px;
}

.udm-upgrade-plan {
    padding: 15px;
}

.st-b-ug-plan {
    background: #7558EA;
    color: white;
    padding: 4px 12px;
    border-radius: 5px;
    margin: 0 3px;
    font-weight: 800;
    cursor: pointer;
}

.modal-design-preview {
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
}

.modal-design-preview .modal-dialog {
    position: absolute;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    position: absolute;
}

.modal-design-preview .modal-content {
    width: auto;
    margin: unset;
    background: transparent;
    border: 0;
    box-shadow: none;
    text-align: center;
}

.mdp-container {
    position: relative;
    display: inline-block;
}

.mdp-cl-btn {
    position: absolute;
    background: #ffffff;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    padding: 2px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    box-shadow: -8px 6px 13px 1px rgba(0,0,0,0.28);
-webkit-box-shadow: -8px 6px 13px 1px rgba(0,0,0,0.28);
-moz-box-shadow: -8px 6px 13px 1px rgba(0,0,0,0.28);
}

.bg-dark-2 {
    background: #18122A;
}

.bg-dark-3 {
    background: #120C26;
}

.bg-dark-4 {
    background: #18181B;
}

.bg-dark-5 {
    background: #060116;
}

.ai-pill-disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.in-painting-card {
    background-color: #18122A;
    border-radius: 3px;
    position: relative;
    background: linear-gradient(to right, red, purple);
    padding: 3px;
    border-radius: 10px;
    margin-bottom: 40px;
    height: 100%;
}

.in-painting-card:hover .img {
    filter: brightness(0.7);
    transition: all 0.5s;
}

.in-painting-card .img {
    margin: 0 auto;
    display: block;
    height: auto;
    width: auto;
    transition: all 0.5s;
    border-radius: 10px;
    min-height: 190px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.in-painting-card .card-options {
    display: flex;
    position: absolute;
    top: 50%;
    left: 51%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    width: 220px;
    max-width: 100%;
    justify-content: center;
}

.in-painting-card:hover .card-options {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}

.cfi {
    background: #41326a;
    border: 1px solid #352C52;
    color: #fff;
}

.cfi:focus {
    background: #41326a;
    border: 1px solid #352C52;
    outline: none;
    box-shadow: none;
    color: #fff
}

.ip-options-container {
    max-width: 600px;
    width: 100%;
}

.mdp-img img {
    max-width: calc(100vw - 10vw);
    max-height: calc(100vh - 10vh);
}

/** ips-colorpicker start */

.ips-colorpicker {
    position: fixed;
    bottom: 7px;
    right: 7px;
    background: #060116;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    border-radius: 25px;
    display: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #fff;
}

label.color-picker-code {
    width: 100px;
    height: 33px;
}

.cp-icon {
    height: 50px;
    width: 50px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.cp-code {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px 0 0;
    display: none;
}

.hidden_cust_field {
    background-color: #41326a;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.01em;
    outline: none;
    font-style: normal;
    box-shadow: none;
    color: white;
    border: 0;
}

.hidden_cust_field:hover,
.hidden_cust_field:focus {
    color: white;
    background-color: #41326a;
    outline: none;
    box-shadow: unset;
    border: 0;
}

/** ips-colorpicker end */

.btn-primary-c {
    background: #7558EA;
    color: #fff;
    border: 0;
}

.btn-primary-c:hover,
.btn-primary-c:focus,
.btn-primary-c:focus-visible {
    box-shadow: none;
    color: #ffff;
}

.preview-di {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgb(0 0 0 / 72%);
    backdrop-filter: blur(10px);
}

.c-btn {
    width: fit-content;
    background: #7558ea;
    border-radius: 11px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
    padding: 14px 84px;
    margin-top: 33px;
    border: 0;
}

.c-btn-danger {
    background: #dc3545;
}

.ck_inst {
    position: relative !important;
    top: 2px !important;
    width: 15px !important;
    height: 15px !important;
    background: #fff !important;
    border-radius: 5px !important;
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    accent-color: #765ae300 !important;
}
.ck_inst:checked {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
}

.c-arrow-content {
    display: flex !important;
    justify-content: center !important;
    align-items: end;
}

.c-arrow-content.billing-arrow {
    padding-left: 327px;
    margin-top: -19px;
}



.c-arrow-content .arrow {
    height: 44px;
    width: 33px;
    background-image: url("/web/images/up-arrow.png");
    background-size: contain;
    -webkit-transform: rotate(255deg);
    -moz-transform: rotate(255deg);
    background-repeat: no-repeat;
}

.c-arrow-content .c-arrow-text {
    color: #43b0ff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    position: relative;
    left: -5px;
    top: -6px;
}

.survey-modal {
    display: block;
}

.survey-modal .modal-content {
    border-radius: 0;
}

.question-outer .question {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 700;
}

.options-outer .option-items li {
    display: inline-block;
    float: left;
    width: 50%;
    padding: 5px;
}

.options-outer .option-items li .option-item {
    padding: 5px;
    border: 1px solid #efefef;
    border-radius: 3px;
}


.question-footer button {
    border-radius: 0;
    padding: 5px 15px;
}

.btn-primary {
    background: #7558ea;
    border-color: #7558ea;
    font-size: 15px;
    font-weight: bold;
}

.question_variant,
.question_variant .question-outer {
    display: none;
}

.question_variant.active,
.question_variant.active .question-outer.active {
    display: block;
}

/* loader */
:root {
    --hue: 223;
    --bg: hsl(var(--hue), 90%, 90%);
    --fg: hsl(var(--hue), 90%, 10%);
    --trans-dur: 0.3s;
    font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1280 - 320));
}

.smiley {
    width: 5em;
    height: 5em;
}

.smiley__eye1,
.smiley__eye2,
.smiley__mouth1,
.smiley__mouth2 {
    -webkit-animation: eye1 3s ease-in-out infinite;
    animation: eye1 3s ease-in-out infinite;
}

.smiley__eye1,
.smiley__eye2 {
    -webkit-transform-origin: 64px 64px;
    transform-origin: 64px 64px;
}

.smiley__eye2 {
    -webkit-animation-name: eye2;
    animation-name: eye2;
}

.smiley__mouth1 {
    -webkit-animation-name: mouth1;
    animation-name: mouth1;
}

.smiley__mouth2 {
    -webkit-animation-name: mouth2;
    animation-name: mouth2;
    -webkit-visibility: hidden;
    visibility: hidden;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
    :root {
        --bg: hsl(var(--hue), 90%, 10%);
        --fg: hsl(var(--hue), 90%, 90%);
    }
}

/* Animations */
@keyframes eye1 {
    from {
        -webkit-transform: rotate(-260deg) translate(0, -56px);
        transform: rotate(-260deg) translate(0, -56px);
    }

    50%,
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.17, 0, 0.58, 1);
        -webkit-transform: rotate(-40deg) translate(0, -56px) scale(1);
        transform: rotate(-40deg) translate(0, -56px) scale(1);
    }

    to {
        -webkit-transform: rotate(225deg) translate(0, -56px) scale(0.35);
        transform: rotate(225deg) translate(0, -56px) scale(0.35);
    }
}

@keyframes eye2 {
    from {
        -webkit-transform: rotate(-260deg) translate(0, -56px);
        transform: rotate(-260deg) translate(0, -56px);
    }

    50% {
        -webkit-transform: rotate(40deg) translate(0, -56px) rotate(-40deg) scale(1);
        transform: rotate(40deg) translate(0, -56px) rotate(-40deg) scale(1);
    }

    52.5% {
        -webkit-transform: rotate(40deg) translate(0, -56px) rotate(-40deg) scale(1, 0);
        transform: rotate(40deg) translate(0, -56px) rotate(-40deg) scale(1, 0);
    }

    55%,
    70% {
        -webkit-transform: rotate(40deg) translate(0, -56px) rotate(-40deg) scale(1);
        transform: rotate(40deg) translate(0, -56px) rotate(-40deg) scale(1);
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.28, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.28, 1);
    }

    to {
        -webkit-transform: rotate(150deg) translate(0, -56px) scale(0.4);
        transform: rotate(150deg) translate(0, -56px) scale(0.4);
    }
}

@keyframes eyeBlink {

    from,
    25%,
    75%,
    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    50% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@keyframes mouth1 {
    from {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-stroke-dasharray: 0 351.86;
        stroke-dasharray: 0 351.86;
        -webkit-stroke-dashoffset: 0;
        stroke-dashoffset: 0;
    }

    25% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-stroke-dasharray: 175.93 351.86;
        stroke-dasharray: 175.93 351.86;
        -webkit-stroke-dashoffset: 0;
        stroke-dashoffset: 0;
    }

    50% {
        -webkit-animation-timing-function: steps(1, start);
        animation-timing-function: steps(1, start);
        -webkit-stroke-dasharray: 175.93 351.86;
        stroke-dasharray: 175.93 351.86;
        -webkit-stroke-dashoffset: -175.93;
        stroke-dashoffset: -175.93;
        visibility: visible;
    }

    75%,
    to {
        visibility: hidden;
    }
}

@keyframes mouth2 {
    from {
        -webkit-animation-timing-function: steps(1, end);
        animation-timing-function: steps(1, end);
        visibility: hidden;
    }

    50% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        visibility: visible;
        -webkit-stroke-dashoffset: 0;
        stroke-dashoffset: 0;
    }

    to {
        -webkit-stroke-dashoffset: -351.86;
        stroke-dashoffset: -351.86;
    }
}

.custom_loader_text {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 10px;
}

/* end loader */
.opt_btn {
    display: flex;
    justify-content: end;
    padding-bottom: 10px;
}

.imgcheck {
    position: absolute;
    top: 10px;
    right: 20px;
}

.imgcheck input[type=checkbox]{
    cursor: pointer;
}

.favcheck {
    position: absolute;
    top: 10px;
    right: 40px;
}

.favcheck .favcheckimg {
    cursor: pointer;
}

.favcheck .favcheckimg:hover {
    transform: scale(1.2);
}

.imgcheckfordelete{
    position: absolute;
    top: 10px;
    right: 20px;
}

/* end loader */
/* .sharetab.full_hd_quality{
    margin-left: 10px;
} */
.inpainting {
    padding-bottom: 64px !important;
    padding-top: 16px !important;
}

.inpaintingsmiley {
    width: 16em !important;
    height: 5em !important;
}

.nwchoice-toggle {
    justify-content: center;
}

/* modal new css */
.options-outer .option-items li .option-item label {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    cursor: pointer;
    background: transparent;
    color: #000;
    padding: 8px 15px;
    border: 1px solid #2d58a0;
    border-color: #e7e7e7;
    background: #fff;
    transition: all 0.5s ease;
}

.options-outer .option-items li .option-item input {
    display: none;
}

.options-outer .option-items li .option-item {
    padding: 0;
    border: 0;
}

.options-outer .option-items li .option-item input:checked+label {
    border-color: #7558ea;
    background: #cfe0fc;
}

ul.option-items.clearfix {
    margin-bottom: 20px !important;
    display: block;
}

#serveyModal ul.option-items.clearfix {
    display: flex;
    flex-wrap: wrap;
}



div#serveyModal .logo img {
    width: 100%;
    max-width: 240px;
}

div#serveyModal .logo {
    text-align: center;
    /* margin: 0 0 20px; */
    background: #e7e7e7;
    padding: 10px 0;
}

.survey-modal .modal-content {
    padding: 0 !important;
}

form#servey_form {
    padding: 0px 0px;
}

div#serveyModal .servey_welcome {
    padding: 30px 40px;
}

div#serveyModal .question-footer button {
    outline: 0 !important;
    box-shadow: none !important;
}

div#serveyModal .btn-secondary[id="skip"] {
    background: transparent;
    border: 0;
    color: #000;
    font-size: 20px;
    margin-right: 15px;
}

div#serveyModal .bottom-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    /* margin-top: 40px; */
    justify-content: space-between;
    padding: 10px;
}

div#serveyModal input.other_text {
    width: 100%;
    margin-top: 15px;
}

div#serveyModal .uk-progress.progress-green::-webkit-progress-value {
    background-color: #7558ea;
}

div#serveyModal .uk-progress.progress-green::-moz-progress-bar {
    background-color: #7558ea;
}

div#serveyModal .uk-progress.progress-green::-ms-fill {
    background-color: #7558ea;
}

.question-footer progress {
    width: 250px;
    height: 15px;
    border-radius: 30px;
    border: 2px solid #7558ea;
    overflow: hidden;
}

.question-footer progress::-webkit-progress-bar {
    background-color: #fefefe;
}

.question-footer progress::-webkit-progress-value {
    background-color: #7558ea;
}

.question-footer .uk-progress.progress-green::-webkit-progress-value {
    background-color: #7558ea;
}

.question-footer .uk-progress.progress-green::-moz-progress-bar {
    background-color: #7558ea;
}

.question-footer .uk-progress.progress-green::-ms-fill {
    background-color: #7558ea;
}

.options-outer .option-items li .option-item label:hover {
    border-color: #7558ea !important;
}

.question-footer {
    display: flex;
    align-items: center;
    align-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.prgressBarfirst {
    display: flex;
    align-items: center;
}

.servey_welcome .servey_heading {
    font-size: 20px;
}

.servey_welcome .servey_heading2 {
    font-size: 18px;
}

.other_text::placeholder {
    font-size: 18px;
}

#serveyModal {
    display: flex;
    align-items: center;
    justify-content: center;
}

#serveyModal:before {
    position: fixed;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
}

#feedbackModel {
    display: flex;
    align-items: center;
    justify-content: center;
}

#feedbackModel:before {
    position: fixed;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
}

div#feedbackModel .logo img {
    width: 100%;
    max-width: 240px;
}

div#feedbackModel .logo {
    text-align: center;
    background: #e7e7e7;
    padding: 10px 0;
}

.feedback-modal .modal-content {
    padding: 0 !important;
}

.feedback-modal .feedback_heading_div .feedback_heading {
    margin: 0px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.feedback-modal .feedback_heading_div form .rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}

.feedback-modal .feedback_heading_div form .rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}

.feedback-modal .feedback_heading_div form .rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:36px;
    color:#ccc;
}

.feedback-modal .feedback_heading_div form .rate:not(:checked) > label:before {
    content: '★ ';
}

.feedback-modal .feedback_heading_div form .rate > input:checked ~ label {
    color: #ffc700;
}

.feedback-modal .feedback_heading_div form .rate:not(:checked) > label:hover,
.feedback-modal .feedback_heading_div form .rate:not(:checked) > label:hover ~ label {
    color: #deb217;
}

.feedback-modal .feedback_heading_div form .rate > input:checked + label:hover,
.feedback-modal .feedback_heading_div form .rate > input:checked + label:hover ~ label,
.feedback-modal .feedback_heading_div form .rate > input:checked ~ label:hover,
.feedback-modal .feedback_heading_div form .rate > input:checked ~ label:hover ~ label,
.feedback-modal .feedback_heading_div form .rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

.feedback-modal .feedback_heading_div form .rate {
    float: none;
    height: 46px;
    padding: 0 10px;
    margin: 0 auto;
    text-align: center;
    width: fit-content;
}

.rating_submit_btn {
    display: flex;
    justify-content: center;
    margin-top: 17px;
}

.feedback_heading_div {
    padding: 20px 0;
}

.review_part_star {
    padding: 20px;
}

.review_part_star h6 {
    font-weight: 800;
}

.review_part_star p {
    font-size: 18px;
}

.review_part_star h6, .review_part_star p {
    text-align: center;
}

#upgradeToProYearly {
    display: flex;
    align-items: center;
    justify-content: center;
}

#upgradeToProYearly:before {
    position: fixed;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
}

.pro-yearly-modal .modal-dialog{
    max-width: none;
}

.pro-yearly-modal .modal-content {
    width: 640px;
}

.pro-yearly-modal .modal-content .logo h4{
    text-align: center;
    background: #edecec;
    font-size: 22px;
    padding: 17px;
}

.pro-yearly-modal .mdp-cl-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-yearly-modal .precision_suggestion_closebt{
    margin-left: 0;
}

.pro-yearly-modal .modal-content .upgrade_yearly_body {
    display: flex;
    align-items: flex-start;
    margin: 20px 20px 40px 0;
}

.pro-yearly-modal .modal-content .upgrade_yearly_text {
    width: 70%;
}

.pro-yearly-modal .modal-content .upgrade_yearly_text a{
    margin-top: 0;
}

.pro-yearly-modal .modal-content .upgrade_yearly_text p{
    font-size: 18px;
    margin-bottom: 1rem;
}

.pro-yearly-modal .modal-content .upgrade_yearly_image {
    width: 30%;
    text-align: center;
}

.pro-yearly-modal .modal-content .upgrade_yearly_image img {
    width: 70%;
}

.pro-yearly-modal .modal-content .important_peregraph_modal{
    font-size: 16px;
    text-align: center;
    margin-bottom: 1rem;
    padding: 0px 20px 0px 20px;
}

.pro-yearly-modal .modal-content .important_peregraph_modal span{
    font-weight: bold;
    color: #7558ea;
}

.pro-yearly-modal .modal-content .upgrade_yearly_buttons{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: stretch;
}

.pro-yearly-modal .modal-content .upgrade_yearly_buttons .upgd-go{
    display: flex;
    align-items: center;
}

.pro-yearly-modal .modal-content .upgrade_yearly_buttons a{
    margin: 0 17px;
}

.pro-yearly-modal .copy_part_btn {
    position: relative;
    width: 200px;
    padding: 7px 7px 7px 0;
    background-color: #e4e4e4;
    border-radius: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
}

.pro-yearly-modal .copy_part_btn a:hover{
    background-color: #7558ea;
}

.pro-yearly-modal .upgrade_yearly_text a {
    padding: 10px;
    font-size: 18px;
    border: none;
    outline: none;
    border-radius: 10px;
    cursor: pointer;
    width: 40px;
    display: flex;
    justify-content: center;
}


.pro-yearly-modal .upgrade_yearly_text a:before {
	content: "Copied";
	position: absolute;
	top: -45px;
	right: 0px;
    background-color: #7558ea;
    color: #fff;
    padding: 7px;
    border-radius: 17px;
	font-size: 15px;
	display: none;
}

.pro-yearly-modal .upgrade_yearly_text.active a:before,
.pro-yearly-modal .upgrade_yearly_text.active a:after {
	display: block;
}

.pro-yearly-modal .copy_part_btn input.text {
    padding: 10px 0;
    font-size: 18px;
    border: none;
    outline: none;
    color: #000;
    font-weight: bold;
    background-color: transparent;
    /* text-align: center; */
    border-radius: 7px;
    padding-left: 17px;
    width: 100%;
}

/* model; new css end */


.dot-pulse {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    box-shadow: 9999px 0 0 -5px;
    animation: dot-pulse 1.5s infinite linear;
    animation-delay: 0.25s;
}

.dot-pulse::before,
.dot-pulse::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
}

.dot-pulse::before {
    box-shadow: 9984px 0 0 -5px;
    animation: dot-pulse-before 1.5s infinite linear;
    animation-delay: 0s;
}

.dot-pulse::after {
    box-shadow: 10014px 0 0 -5px;
    animation: dot-pulse-after 1.5s infinite linear;
    animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px;
    }

    30% {
        box-shadow: 9984px 0 0 2px;
    }

    60%,
    100% {
        box-shadow: 9984px 0 0 -5px;
    }
}

@keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px;
    }

    30% {
        box-shadow: 9999px 0 0 2px;
    }

    60%,
    100% {
        box-shadow: 9999px 0 0 -5px;
    }
}

@keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px;
    }

    30% {
        box-shadow: 10014px 0 0 2px;
    }

    60%,
    100% {
        box-shadow: 10014px 0 0 -5px;
    }
}

.dot-in-paint-loader {
    display: flex;
    justify-content: center;
}

.loader-card {
    height: 94%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dlt-btn-main {
    display: flex;
    justify-content: end;
}
.dlt-btn-main .add_to_project_btn {
    width: fit-content;
    margin-right: 7px;
}

.inpaiting-tabs {
    padding-bottom: 10px;
}

.pagination {
    justify-content: center;
    display: inline-flex;
    border-radius: 10px;
    overflow: hidden;
}

.pagination li {
    width: 50px;
    height: 50px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination li.page-item.prev a:before,
ul.pagination li.page-item.next a:before {
    content: "<";
    display: inline-block;
    background: #fff;
    color: #7558ea;
    font-size: 33px;
    line-height: 30px;
    font-weight: 400;
    font-family: "Eudoxus Sans";
    position: relative;
    top: -1px;
}

ul.pagination li.page-item.next a:before {
    content: ">";
    top: -5px;
}

.pagination .page-item.active .page-link {
    background-color: #7558ea;
    border-color: #7558ea;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-link {
    color: #7558ea;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upper_header {
    display: flex;
    justify-content: end;
}

.upper_header.hidden {
    display: none;
}

.setting-menu {
    position: absolute;
    top: 48px;
    background: #fff;
    border-radius: 0;
    right: 0;
    min-width: 220px;
    z-index: 9;
}

.setting-menu a img {
    width: 20px;
    margin-right: 12px;
}

.setting-menu a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 17px;
    margin-bottom: 0;
    color: #000;
    font-weight: 500;
    padding: 10px 15px;
}

.setting-menu a:hover {
    color: #fff;
    background: #7558ea;
}

.setting-menu .card-body {
    padding: 0px 0;
    border: 0;
}

.setting-menu a:last-child {
    margin-bottom: 0px;
}

.customer-info-dropdown a {
    color: #e5e5e5;
    font-size: 14px;
    margin-right: -10px;
    font-weight: 500;
    line-height: 2;
}


/* text on icon */
.sharetab-buttons {
    position: relative;
    text-align: center;
}

.sharetab-buttons span {
    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    color: #fff;
    font-size: 12px;
    top: -23px;
    text-align: center;
    width: 100%;
}

.nw-forminner .sharetab{
    /* margin-bottom: 40px;
    margin-right: 8px; */
    margin: 30px 10px 0;
    margin-right: 8px;
    position: relative;
}

.inpainting-btn {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.inpainting-btn span {
    position: absolute;
    color: #fff;
    font-size: 12px;
    top: -23px;
    /* display: block; */
    text-align: inherit;
    width: 100%;
}

#favorite_image_data .sharetab.share, #favorite_image_data .sharetab.download{
    margin-right: 8px;
}

.in-paint-pagination {
    display: flex;
    justify-content: center;
}

.sharetab img {
    max-width: 18px;
}

.upper_header .customer-info-dropdown {
    padding: 8px 20px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customer-info-dropdown a img {
    position: relative;
    left: 0;
    top: -2px;
    max-width: 25px;
}

/* .sharetab-buttons.ultra-enhancer {
    margin-right: 12px;
} */

.sharetab-buttons.ultra-enhancerbtn {
    margin-right: 12px;
}

.disable-btn {
    pointer-events: none;
    opacity: 0.4;
}

.inpaint_message {
    font-size: 15px;
}

.cfi::placeholder {
    font-size: 16px;
}

.mobile-menu.bottom {
    display: none;
}

.precision_suggestion_closebt {
    margin-left: 10px;
    color: #7558ea;
}

.suggest-md-content a {
    color: blue;
}

.precision-md-mess {
    font-weight: 500;
    font-size: 16px;
}

.modal_footer_button {
    background-color: #7558ea !important;
    border: none;
    border-radius: 10px;
    color: white;
    padding: 15px;
    font-size: 18px;
}

.modal_footer_content {
    display: flex;
    justify-content: center;
}

.email_verif_check {
    color: white;
}

.return_to_dashbrd {
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}

.delete_button {
    line-height: 16px !important;
    font-size: 14px;
    width: 76px;
}

.free-trial-plan {
    justify-content: center;
}

.access_token_button {
    cursor: pointer;
}

/* tutorial css */
.archbee-section .wrapper {
    max-width: 1280px;
    margin: auto;
    padding: 0px 20px;
}

.archbee-section {
    padding: 100px 0px;
}

.archbee-section .title-subtitle h2 {
    font-size: 50px;
    margin-bottom: 50px;
    color: #fff;
}

.archbee-section .title-subtitle p {
    font-size: 18px;
    color: #c2c6cd;
}

.card-block-section .title h3 {
    font-size: 35px;
    margin-bottom: 35px;
    color: #fff;
}

.card-block-section .title p {
    font-size: 18px;
    line-height: 1.8;
    color: #c2c6cd;
}

.card-block-section .flex-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.card-block-section .flex-row .col {
    width: 33.33%;
    padding: 0px 10px;
}

.card-block-section .flex-row .icon img {
    height: 150px;
    text-align: center;
}

.card-block-section .flex-row .col-block {
    border-radius: 25px;
    border: 3px solid #4928a3;
    height: 100%;
    position: relative;
}

.card-block-section .flex-row .icon {
    background-color: #eee9ff;
    text-align: center;
    padding: 30px;
    border-top-left-radius: 23px;
    border-top-right-radius: 23px;
    position: relative;
}

.card-block-section .tooltip {
    display: inline-block;
    position: relative;
    color: #000;
    text-align: left;
    opacity: 1;
}

.card-block-section .tooltip span {
    width: 30px;
    height: 30px;
    background-color: #fff;
    display: flex;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    justify-content: center;
    border-radius: 20px;
}

.card-block-section .tooltip-wrap {
    position: absolute;
    right: 18px;
    top: 14px;
    z-index: 1;
}


.card-block-section .tooltip .top {
    min-width: 200px;
    max-width: 400px;
    top: -5px;
    left: 50%;
    transform: translate(-30%, -100%);
    padding: 10px 20px;
    color: #000;
    background-color: #fff;
    font-weight: normal;
    font-size: 14px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    display: none;
}

.card-block-section .tooltip:hover .top {
    display: block;
}

.card-block-section .flex-row .card-block {
    margin-top: 40px;
}

.card-block-section .flex-row .text-block {
    padding: 30px;
}

.card-block-section .flex-row .text-block a {
    color: #fff;
    font-size: 27px;
    font-weight: 700;
}

.card-block-section .card-block {
    margin-top: 20px;
}

.question-block {
    margin-top: 50px;
}

.question-block .title h3 {
    font-size: 35px;
    margin-bottom: 35px;
    color: #fff;
}

.question-block .title p {
    font-size: 18px;
    line-height: 1.8;
    color: #c2c6cd;
}

.question-block .flex-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.question-block .flex-row .col {
    width: 33.3%;
    padding: 0px 10px;
}

.question-block .flex-row .card-block {
    margin-top: 40px;
}

.question-block .flex-row .text-block {
    padding: 30px;
}

.question-block .text-block h4 img {
    width: 26px;
    margin-right: 20px;
}

.question-block .flex-row .col-block {
    border-radius: 20px;
    border: 3px solid #4928a3;
    height: 100%;
}

.question-block .text-block h4 {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.question-block .text-block a {
    color: #0ea3e5;
    font-size: 23px;
    font-weight: 700;
    margin-top: 13px;
    display: block;
    word-break: break-word;
}

.card-block-section .flex-row .col-block .lock-icon {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    justify-content: center;
    border-radius: 16px;
}

.card-block-section .flex-row .col-block .lock-icon i {
    position: relative;
    font-size: 30px;
}

.card-block-section .flex-row .col-block .lock-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: #000;
    border-radius: 16px;
    z-index: -1;
}

.pdfmodel-popup .modal-content {
    width: 800px;
}

/* Modal sgl_chk */
.sgl_chk{
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.room_body_header span.add-ons-heading {
    color: #765ae3;
    cursor: pointer;
}

.style_body_header span.add-ons-heading {
    color: #765ae3;
    cursor: pointer;
}

.sgl_chk#productPlanModal.modal .modal-dialog{
    width: 35% !important;
}

.sgl_chk#productPlanModal.modal .modal-dialog .fastpring_checkout{
    width: 100% !important;
}


.pdfVideoModal {
    display: flex;
    justify-content: center;
    font-size: 38px;
    font-weight: 500;
    padding: 100px;
    background-color: #1D1634;
    color: white;
}

.pdf_body {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
}

.pdf-container {
    display: block;
    overflow-y: auto;
    max-height: 80vh;
    width: 100%;
}

.pdf-page {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.pdf-page:last-child {
    border-bottom: none;
}

.pdf-page-number {
    text-align: center;
    font-size: 12px;
    color: #888;
}

/* Fixed icons */
.pdf_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.pdf-icon {
    background-color: #f0f0f0;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
}

.pdf-icon:hover {
    background-color: #e0e0e0;
    color: #000;
}

.fullscreen-icon::before {
    content: "\f065";
    /* Unicode for fullscreen icon */
    font-family: FontAwesome;
    margin-right: 5px;
}

.download-icon::before {
    content: "\f019";
    /* Unicode for download icon */
    font-family: FontAwesome;
    margin-right: 5px;
}

.cursor_pointer {
    cursor: pointer;
}

div#painting-stag {
    position: relative;
}

.pdf-container video {
    width: 100%;
}

.pdfmodel-popup {
    z-index: 9999;
}

.pdfmodel-popup .modal-header {
    padding: 0.5rem 1rem;
}

.paid_block .tooltip-wrap {
    z-index: 0;
}

.inpaintContainer {
    max-width: 720px !important;
}

.inpainting-stag-outer {
    max-width: 100%;
    overflow: hidden;
}
.inpainting-stag-outer .decor_hide_placehold{
    display: none;
}
.inpainting-stag-outer .decor_show_placehold{
    display: block;
}
.inpainting-stag-outer .decor_placehold{
    font-size: 14px;
}
#multipleDecorClick .head h5{
    font-size: 30px;
    font-weight: 900;
}
#multipleDecorClick .modal_content{
    font-size: 16px;
    font-weight: 500;
}
#multipleDecorClick .decor_gif img{
    position: relative;
}
#multipleDecorClick .decor_gif .uploadbtngif{
    position: absolute;
    top: 650px;
    left: 155px;
    right: 0;
    bottom: 0px;
    height: 55px;
    width: 231px;
}
.decor_container .help_modal{
    float: right;
    margin-top: 10px;
}
.decor_container .help_modal a{
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    background-color: #120c26;
    padding: 10px;
    border-radius: 10px;
}

/* api-guide */
.api_table {
    padding: 20px;
}
.api_table .welcome h2{
    color: #000;
}
.api_table .welcome .welcome_text{
    color: #fff;
}
.welcome {
    text-align: center;
    width: 80%;
    margin: 40px auto;
    color: #fff;
}


.welcome h2 {
    font-weight: 800;
    font-size: 30px;
}

.welcome p {
    margin: 17px 0;
    line-height: 24px;
    font-weight: 500;
    font-size: 18px;
    /* text-align: center; */
}

.api_base {
    border-radius: 0.375rem;
    margin-bottom: 25px;
    overflow: hidden;
    margin-top: 15px;
}

.api_table .nw-formouter {
    padding: 0;
    margin-bottom: 25px;
}

.api_table .nw-formouter .nw-forminner p {
    width: 85%;
    margin: 25px auto 0 auto;
    line-height: 24px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.api_table .nw-formouter .nw-forminner {
    padding-bottom: 0;
    border-radius: 0.5rem;
}

.api_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #343541;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.api_head span {
    font-size: 16px;
    margin-left: 0;
    color: #fff;
}

.api_head button {
    margin-right: 0;
    padding: 9px 15px;
    width: auto;
    cursor: pointer;
    outline: none;
    border: 0;
    font-size: 16px;
    background: #7558ea;
    color: #fff;
    font-weight: 700;
    border-radius: 12px;
    display: flex;
    align-items: center;
}

.api_head button svg {
    margin-left: 7px;
}

.api_body {
    background-color: #000;
    padding: 1rem;
}

.api_body p {
    color: #fff;
    margin-bottom: 0;
    line-height: 24px;
    font-size: 16px;
}

.runpod_url {
    margin-left: 7px;
}

.dashboard .api_guid-main .api_table .perameters_table {
    margin: 30px -20px;
    display: block !important;
}

.perameters_table {
    margin: 30px -20px;
    display: flex;
}

.perameters_table .overflow_table {
    overflow: auto;
    width: 100%;
    margin-bottom: 40px;
    padding: 0 20px;
}

.perameters_table h2 {
    text-align: center;
    margin-bottom: 16px;
}

.perameters_table table {
    border-spacing: 0;
    overflow: hidden;
    inline-size: 100%;
    text-align: left;
    background-color: inherit;
    border: 1px solid lightgray;
    border-radius: 0.5rem;
    margin-bottom: 0;
    box-shadow: 0px 4px 6px -2px rgba(14, 30, 37, 0.12);
}

.perameters_table :is(th) {
    text-align: center;
    background-color: #7558ea;
    color: #fff;
}

.answer .perameters_table :is(th) {
    text-align: left;
}


.perameters_table :is(th, td) {
    padding: 0.7rem 0.5rem;
    min-inline-size: 9rem;
    border-block-end: 1px solid #7558EA;
    font-size: 16px;
}

.perameters_table tr:nth-child(odd) {
    background: #363636;
    color: #fff;
}

.perameters_table tr:nth-child(even) {
    background: #120C26;
    color: #fff;
}

.accordian_menu {
    margin-bottom: 25px;

}

.accordian_menu ul.accordion-list {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0;
    list-style: none;
    background-color: #f9f9fa;
}

.accordian_menu ul.accordion-list li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 20px;
    margin: 0 auto 15px auto;
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: pointer;
}

.accordian_menu ul.accordion_list.active h3:after {
    transform: rotate(90deg);
}

.accordian_menu ul.accordion_list li h3 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0.5rem 0.5rem;
    height: auto;
    margin: 0;
    letter-spacing: 0.01em;
    cursor: pointer;
    background-color: #343541;
    display: flex;
    align-items: center;
    color: #fff;
    border-radius: 0.5rem;
    font-size: 16px;
}

.accordian_menu .answer .perameters_table {
    margin-top: 17px;
}

.accordian_menu ul.accordion_list li h3:after {
    content: ">";
    position: absolute;
    right: 0.5rem;
    color: #fff;
    transition: all 0.3s ease-in-out;
    font-size: 18px;
}

.accordian_menu .answer {
    position: relative;
    display: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.accordian_menu .answer p {
    position: relative;
    display: block;
    font-weight: 300;
    padding: 10px 0 0 0;
    cursor: pointer;
    line-height: 150%;
    margin: 0 0 15px 0;
    font-size: 14px;
}

.accordion_list li h3 .span_btn {
    background-color: #49CC90;
    padding: 0.2rem 1.5rem;
    margin-right: 1rem;
    border-radius: 7px;
    font-weight: 400;
    font-size: 17px;
    margin-left: 0;
}

.accordion_list li h3 .small_text {
    margin-left: 1rem;
    font-weight: 400;
    font-size: 14px;
}

.tab_none .tab-pane {
    display: none;
}

.tab_none .tab-pane.active {
    display: block;
}

.tick-icon {
    fill: #fff;
    margin-left: 5px;
    display: none;
}

.runpod_url {
    color: #00a67d;
}

.page-static-content {
    color: white;
    display: flex;
    justify-content: center;
    line-height: 24px;
    font-weight: 500;
    font-size: 18px;
}

.page-static-title {
    display: flex;
    justify-content: center;
    font-weight: 800;
    font-size: 30px;
    color: white;
}

.page-static-content-api-doc {
    color: #000;
    display: flex;
    justify-content: center;
    line-height: 24px;
    font-weight: 500;
    font-size: 18px;
}

.page-static-title-api-doc {
    display: flex;
    justify-content: center;
    font-weight: 800;
    font-size: 30px;
    color: #000;
}

.token-btn {
    margin-bottom: 25px
}

.endpoint-description {
    text-align: center;
    color: #fff;
    font-size: 20px !important;
    font-weight: 500 !important;
}

.endpoint-descriptions {
    text-align: center;
    color: #000;
    font-size: 20px !important;
    font-weight: 500 !important;
}

/* api-guide-end */
.more_credits {
    text-decoration: underline !important;
    text-decoration-color: #7558ea;
    color: #7558ea;
}

/* limited offer modal */
#modalUpgradePlusLimited .head {
    text-align: center;
    color: red;
    padding: 6px 0;
    background: var(--main-color);
    margin-bottom: 20px;
}

#modalUpgradePlusLimited .head p {
    margin-bottom: 0;
    color: #fff;
}

#modalUpgradePlusLimited .modal-title {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
}

#modalUpgradePlusLimited .modal-dialog {
    max-width: 1040px;
}

#modalUpgradePlusLimited .modal-dialog .hdc-modal {
    width: 100%;
    padding: 0;
}

#modalUpgradePlusLimited .left_text_hdc {
    text-align: center;
    padding-top: 20px;
}

#modalUpgradePlusLimited .left_text_hdc .left_text_hdc_sec {
    margin-top: 50px;
}

#modalUpgradePlusLimited .left_text_hdc .left_text_hdc_sec p {
    line-height: 24px;
}

#modalUpgradePlusLimited .left_text_hdc h4 {
    font-size: 20px;
    font-weight: 700;
}

#modalUpgradePlusLimited .shadow_card_hdc p {
    text-align: center;
    margin-bottom: 0;
    line-height: 24px;
}


#modalUpgradePlusLimited .shadow_card_hdc h4 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-top: 24px;
}

#modalUpgradePlusLimited .shadow_card_hdc .time_left_hdc {
    text-align: left;
}

#modalUpgradePlusLimited .time_left_hdc span {
    display: block;
    text-align: center;
    font-size: 43px;
    color: #f00;
    font-weight: 700;
}

#modalUpgradePlusLimited .btn_hdc {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#modalUpgradePlusLimited .btn_hdc a:nth-child(1) {
    background-color: #00a67d;
    color: #fff;
    border-radius: 50px;
    padding: 3px 17px;
    text-align: center;
    width: 100%;
    margin: 34px 0 17px 0;
    cursor: pointer;
}

#modalUpgradePlusLimited .btn_hdc a:nth-child(2) {
    background-color: #dc3545;
    color: #fff;
    border-radius: 50px;
    padding: 3px 17px;
    text-align: center;
    width: 100%;
    margin: 0 0 17px 0;
    cursor: pointer;
}


#modalUpgradePlusLimited .left_text_hdc p {
    margin-bottom: 18px;
}

.left_text_hdc .left_text_hdc_first h4 {
    margin: 0px;
}

.left_text_hdc .left_text_hdc_first {
    margin-top: 49px;
}

#modalUpgradePlusLimited .left_text_hdc .perp_pera {
    color: var(--main-color);
    margin: 0px;
}

#modalUpgradePlusLimited .modal-dialog .hdc-modal .shadow_card_hdc {
    border-radius: 7px;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 24px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 24px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 24px 1px rgba(0, 0, 0, 0.1);
}


#modalUpgradePlusLimited .modal-dialog .hdc-modal .body {
    padding: 0 35px 15px 35px;
}

/* limited offer modal end */
.hmd-logo a {
    display: inline-block;
    width: 230px;
    height: 30px;
}

#modalUpgradePlusLimited .left_text_hdc .left_text_hdc_tittle_section {
    font-weight: 500;
    text-decoration: underline;
}

#modalUpgradePlusLimited .left_text_hdc .left_text_hdc_ttle_main {
    font-size: 16px;
    line-height: 28px;
    /* margin-bottom: 24px; */
}

/* .hmd-logo a {
    display: inline-block;
    width: 230px;
    height: 30px;
}
*/
.welcome_content.active {
    display: block;
}

.servey_welcome {
    display: none;
}

.welcome_video {
    display: none;
}

.welcome_video #welcome_video_frame {
    height: 100%;
    width: 100%;
}

.prv-cardmain .tiktok-buy-card {
    justify-content: center !important;
}

.shadow_card_hdc .regularPermium {
    text-decoration: line-through;
    margin: 0px;
}

.survey_heading_div .survey_video_heading {
    margin: 0px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.survey_heading_div .survey_video_text {
    margin: 0px;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
}

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

.dot {
    position: relative;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    background-color: #7558ea;
    animation: bounce 1.3s linear infinite;
    margin: 0 5px;
}

#loadToStagLoader .modal-body h2{
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
}

#loadToStagLoader {
    /* display: flex; */
    align-items: center;
    justify-content: center;
}


.dot:nth-child(2) {
    animation-delay: -1s;
}

.dot:nth-child(3) {
    animation-delay: -0.8s;
}

@keyframes bounce {
    0%,
    66%,
    100% {
        transform: initial;
    }

    33% {
        transform: translatey(-1rem);
    }
}

/*Dashboard page css start*/

.gs-dashboard-wrpper {
    background: url(../images/dash-bg.png) no-repeat center;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    font-family: 'Eudoxus Sans';
    color: #fff;
    height: 100vh;
}
.gs-dashboard-wrpper a{
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
}
.gs-dashboard-leftbar {
    display: flex;
    flex-wrap: wrap;
    width: 250px;
    padding: 20px;
    /* height: 100%; */
    flex-direction: column;
}
.gs-dashboard-left-sec {
    height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
    overflow: auto;
}
.gs-dashboard-rigtbar {
    width: calc(100% - 250px);
}

.gs-dashboard-rigtbar {
    width: calc(100% - 250px);
    padding: 20px 20px 0 0;
    height: 100%;
    overflow: auto;
}
.gs-dashboard-links a {
    font-family: Eudoxus Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #fff;
    padding: 12px 16px;
    display: inline-flex;
    width: 100%;
    border-radius: 12px;
    background: transparent;
}
.gs-dashboard-links a:hover
{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
 .gs-dashboard-links .active a {
    background: linear-gradient(87deg, #bdadfb 0%, #5B3DD5 100%);
    background: radial-gradient(66.48% 68.75% at 50% 31.25%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(33% 82.75% at 31.25% 76.56%, rgba(255, 255, 255, 0.219) 0%, rgba(255, 255, 255, 0.036) 100%), radial-gradient(66.95% 96.09% at 35.23% 0%, #C243FE 0%, rgba(182, 47, 246, 0.12) 100%) , linear-gradient(0deg, #421CD8, #421CD8), #5B099B;
/* box-shadow: -20px -20px 50px rgba(102, 67, 242, 0.5), 10px 20px 80px rgba(218, 37, 156, 0.3), 0px 10px 60px rgba(125, 20, 208, 0.8), inset 0px 0px 10px rgba(255, 255, 255, 0.4); */
}
.gs-dashboard-left-logo {
    padding: 20px 0 39px;
}
.gs-dashboard-links a span {
    padding: 4px 0 0 9px;
}
.gs-dashboard-try-ai {
    padding: 17px 16px 0;
    background: url(../images/gs-tip-day.png) no-repeat center;
    margin-top: auto;
    background: linear-gradient(177deg, rgba(12, 0, 58, 0.9) 4.88%, rgba(77, 8, 132, 0.4) 49.14%);
    border-radius: 12px;
}
.gs-dashboard-try-ai h3 {
    font-size: 19px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    margin: 0;
    background: url(../images/ai-stars.svg) no-repeat center right;
}
.gs-dashboard-try-ai p {
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    margin: 10px 0 20px;
}
.gs-dashboard-user {
    margin: 24px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}
.gs-dashboard-user-name {
    padding: 0 0 0 6px;
}

.gs-dashboard-setting {
    margin-left: auto;
}
.gs-dashboard-user-name strong {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    display: block;
}
.gs-dashboard-user-name  p {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.15000000596046448px;
    color: #8991B1;
    margin: 0;
}

.gs-dashboard-rigtbar-inner {
    background: url(../images/dash-banner-innner.jpg) no-repeat center;
    background-size: cover;
    padding: 30px;
    border-radius: 20px;
    min-height: 100%;
}
.gs-dashboard-rigtbar-inner h1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    margin: 0;
    padding: 0 0 17px;
}
.gs-dashboard-notice {
    background: #1C1E26;
    border-radius: 10px;
    padding: 18px;
    display: flex;
}
.gs-dashboard-notice-info {
    width: 18px;
}
.gs-dashboard-notice-info-text {
    width: calc(100% - 30px);
    padding: 0 0 0 16px;
}
.gs-dashboard-notice-info-text h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    margin: 0;
}
.gs-dashboard-notice-info-text p {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    padding: 3px 0 0;
    color: #8991B1;
    margin: 0;
}
.gs-dashboard-list {
    padding: 25px 0 0;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}
.gs-dashboard-listing {
    box-shadow: 0px 4px 44px 0px #402F2F75;
    background: #1C1E26;
    border-radius: 21px;
}
.gs-dashboard-list-content {
    padding: 15px 13px 18px;
}
.gs-dashboard-list-image img
{
    width: 100%;
}
.gs-dashboard-list-content h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.7;
    text-align: left;
    margin: 0;
}
.gs-dashboard-list-content p {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #EFEFEFCF;
    margin: 0 0 17px;
}
.gs-dashboard-list-content  a {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #FFFFFF;
    box-shadow: 0px 8px 12px 0px #FFFFFF14 inset;
    box-shadow: 0px 24px 24px -16px #0000001F;
    box-shadow: 16px 24px 64px -24px #FFFFFF14 inset;
    background: linear-gradient(117.58deg, rgba(215, 237, 237, 0.16) -47.79%, rgba(204, 235, 235, 0) 100%);
    padding: 12px 0;
    border-radius: 14px;
}
.gs-dashboard-list-content  a:hover
{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.gs-dashboard-ai-creatvity
{
    background: url(../images/gs-dashboard-ai.png) no-repeat center;
    background-size: cover;
    border-radius: 20px;
    padding: 60px 20px 40px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}
.gs-dashboard-ai-creatvity-left {
    width: 50%;
    text-align: center;
}
.gs-dashboard-ai-creatvity-right{
    width: 50%;
}
.gs-dashboard-ai-creatvity-right h3 {
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    text-align: left;
    margin: 0 0 13px;
}
.gs-dashboard-ai-creatvity-right p {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #EFEFEFCF;
    margin: 0 0 20px;
}
.gs-dashboard-ai-creatvity-right a {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    background: linear-gradient(92.2deg, #1FD9D9 -1.93%, #2588E3 78.17%);
    color: #fff;
    border-radius: 12px;
    padding: 15px 35px 15px;
    display: inline-flex;
}
.gs-dashboard-ai-creatvity-right a:hover
{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
/*Dashboard page css end*/
/*ai-tool-wrapper css start*/
.ai-tool-wrapper {
    background: linear-gradient(0deg, #262834, #262834), linear-gradient(170.59deg, rgba(12, 0, 58, 0.2) 4.88%, rgba(77, 8, 132, 0.2) 49.14%);
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    min-height: 100%;
    background: linear-gradient(357deg, rgba(12, 0, 58, 0.2) 4.88%, rgba(77, 8, 132, 0.2) 49.14%);
}
.ai-tool-left {
    width: 200px;
    padding: 24px 0 0 8px;
}
.ai-tool-top {
    padding: 0 15px 17px 15px;
    display: flex;
    justify-content: space-between;
}
.ai-tool-top h3 {
    font-size: 22px;
    line-height: 32px;
    text-align: left;
    margin: 0;
}
.ai-tool-list li a {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #8991B1;
    padding: 15px 5px 15px 15px;
    border-radius: 13px 0px 0px 13px;
    position: relative;
}
.ai-tool-list li a::before,
.ai-tool-list li a::after{
    background: url(../images/ai-tool-list-shape.svg) no-repeat center top;
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 11px;
    height: 13px;
    display: none;
}
.ai-tool-list li a::after {
    top: 100%;
    transform: rotateX(180deg);
}
.ai-tool-list li.active a{
    background: #2C303D;
    color: #fff;
}
.ai-tool-list li.active a img {
    filter: brightness(100) invert(0);
}
.ai-tool-list li.active a::before,
.ai-tool-list li.active a::after
{
    display: block;
}

.ai-tool-list li a span {
    width: calc(100% - 27px);
    text-align: left;
    padding: 0 0 0 7px;
    margin-left: auto;
}
.ai-tool-right {
    width: calc(100% - 200px);
    background: #2C303E;
    border-radius: 0 20px 20px 0;
    padding: 25px 30px;
    box-shadow: -20px 0px 54px 0px #00000026;

}

.font22
{
    font-size: 22px;
    line-height: 1.5;
    text-align: left;
    margin: 0;
}

.ai-tool-right-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 30px;
}
.ai-tool-right-top ul {
    display: flex;
    flex-wrap: wrap;
}
.ai-tool-right-top ul {
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #8991B1;

}
.ai-tool-right-steps {
    width: 32px;
    height: 32px;
    border: 2px solid #8991B1;
    border-radius: 50px;
    background: #2c303e;
    position: relative;
    margin: 0 auto 5px;

}
.ai-tool-right-steps::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    width: 10px;
    background: #8991B1;
    border-radius: 50px;
    margin: auto;
    right: 0;
    bottom: 0;
}
.ai-tool-right-top  li {
    margin: 0 10px 0;
    width: 170px;
    position: relative;
}
.ai-tool-right-top  li::before {
    position: absolute;
    left: 50%;
    top: 14px;
    content: "";
    height: 2px;
    width: 110%;
    background: #8991B1;
    margin: 0 0 0 10px;
}
.ai-tool-right-top li:last-child::before{
    display: none;
}


.ai-tool-right-top li.active {
    color: #fff;
}
.ai-tool-right-top li.active .ai-tool-right-steps
{
    border-color: #7558EA;
    background:#7558EA url(../images/gs-tick-icon.svg) no-repeat center;
}
.ai-tool-right-top li.active .ai-tool-right-steps::after{
    display: none;
}
.ai-tool-right-top li.active::before
{
    background:#7558EA;
}
.ai-tool-right-top a {
    border: 0.93px solid #D5D9DD;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #fff;
    padding: 13px 20px;
    align-self: center;
    display: flex;
    gap: 14px;
}
.ai-tool-right-top a:hover {
    border-color: #7558ea;
    background: #7558ea;
}

.ai-upload-image {
    border: 1px dashed #7558EA;
    background: #151028;
    border-radius: 10px;
    padding: 60px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 550px;
    margin: 22px 0;
    position: relative;
}
.ai-upload-image input {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.ai-upload-image h3 {
    padding: 0 0 140px;
}
.ai-upload-image span {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: center;
    padding: 14px 0 25px;
}
.ai-upload-image a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #fff;
    padding: 14px 25px;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border-radius: 12px;
}
.ai-upload-latest-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 74px;;
}
.ai-upload-add-project {
    box-shadow: -20px 0px 54px 0px #00000026;
    background: #151819;
    padding: 12px;
    border-radius: 20px;
}
.ai-upload-add-project ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.ai-upload-add-project-list {
    background: #30334F;
    border-radius: 13px;
    position: relative;
    margin: 0 0px;
}

.ai-upload-option-tooltip {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    background: #FFFFFF;
    color: #1E1634;
    position: absolute;
    border-radius: 8px;
    padding: 5px 12px;
    bottom: 100%;
    white-space: nowrap;
    transform: translate(-50%);
    left: 50%;
    margin: 0 0 4px;
    display: none;
}



.ai-upload-option-tooltip::after {
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    top: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
.ai-upload-add-project-list a {
    background: #30334F;
    height: 50px;
    width: 50px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ai-upload-add-project-list a:hover{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.ai-upload-add-project-list a:hover img {
    filter: brightness(100) invert(0);
}
.ai-upload-add-project-list:hover  .ai-upload-option-tooltip {
    display: block;
}
.ai-upload-latest-wrapper {
    margin: 9px 0 0 0;
}
.ai-upload-latest-single {
    margin-bottom: 33px;
    display: flex;
    gap: 32px;
}
.ai-upload-latest-inset > img {
    border-radius: 9px;
    max-height: 400px;
    width: 100%;
    object-fit: cover;
    height: 100vh;
}
/* .ai-upload-latest-before .ai-upload-latest-inset > img
{
    opacity: 0.3;
} */
.ai-upload-latest-inset {
    position: relative;
}
.ai-upload-title {
    background: #1E1634B0;
    opacity: initial;
    transform: translate(-50%);
    left: 50%;
    position: absolute;
    z-index: 1;
    padding: 2px 19px 4px;
    font-size: 14px;
    border-radius: 0px 0px 8px 8px;
}

.ai-upload-selection {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    gap: 12px;
}
.ai-upload-favourite {
    height: 17px;
    width: 17px;
    position: relative;
}

.ai-upload-checked {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(../images/ai-upload-checked.svg) no-repeat center;
}
.ai-upload-selection input:checked + .ai-upload-checked
{
    background-image: url(../images/ai-upload-checked-1.svg);
}
.ai-upload-selection input[type="checkbox"] {
    position: absolute;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}
.ai-upload-favourite-checked
{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    /* background: url(../images/ai-upload-favourite-checked.svg) no-repeat center; */
    background-size: contain;
}
.ai-upload-selection input:checked + .ai-upload-favourite-checked
{
    /* background-image: url(../images/ai-upload-favourite-checked-1.svg); */
}

.ai-upload-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
.ai-upload-latest-single:first-child .ai-upload-loader
{
    display: block;
}
.ai-upload-loader img {
    width: 100px;
}
.ai-upload-effects {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px;
}
.ai-upload-effects li {
    font-size: 10px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: center;
    background: #0D142DB5;
    padding: 2px 10px;
    margin: 0 0 4px;
    border-radius: 7px;
}
.ai-upload-latest-after .ai-upload-title {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.ai-upload-optons {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: auto;
    bottom: 10px;
}
.ai-upload-optons ul {
    display: flex;
}
.ai-upload-optons ul {
    display: flex;
    gap: 7px;
}
.ai-upload-latest-pagination ul {
    gap: 11px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ai-upload-latest-pagination li a {
    background: #30334F;
    height: 50px;
    width: 50px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF94;
    font-size: 16px;
}
.ai-upload-latest-pagination li a:hover
{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.ai-upload-latest-pagination li.active a{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
}
.ai-upload-latest-pagination li a.ai-upload-latest-next,
.ai-upload-latest-pagination li a.ai-upload-latest-prev {
    background: transparent;
}
/*ai-tool-wrapper css end*/


/*what to edit page css start*/
.gs-what-to-edit-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 30px;
}
.gs-what-to-edit-left {
    width: 56%;
    padding: 0 28px 0 0;
}
.gs-what-to-edit-leftimg {
    width: 100%;
    position: relative;
    padding: 25px;
}
.gs-what-to-edit-leftimg > img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 25px;
    margin: 0px !important;
}
.gs-what-to-edit-option {
    position: absolute;
    left: 50%;
    border-radius: 10px;
    bottom: 10px;
    transform: translate(-50%);
    background: linear-gradient(112.83deg, rgba(0, 0, 0, 0.47) 0%, rgba(0, 0, 0, 0.47) 0.01%, rgba(0, 0, 0, 0) 110.84%);
}
.gs-what-to-edit-option ul
{
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    padding: 0px 4px 0px !important;
    background: linear-gradient(112.83deg, rgba(0, 0, 0, 0.47) 0%, rgba(0, 0, 0, 0.47) 0.01%, rgba(0, 0, 0, 0) 110.84%);
}
.gs-what-to-edit-option li {
    padding: 0px 9px 5px;
    text-align: center;
}
.gs-what-to-edit-option li a span {
    width: 100%;
    font-family: Eudoxus Sans;
    font-size: 9px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    display: block;
    color: rgba(255, 255, 255, 0.6);
}
.gs-what-to-edit-tips {
    display: flex;
    margin: 22px 0 0 0;
    gap: 16px;
}
.gs-what-to-edit-tip-box {
    display: flex;
    flex-wrap: wrap;
    background: #1C1E26;
    border-radius: 10px;
    padding: 20px 23px 25px 3px;
    position: relative;
    overflow: hidden;
}
.gs-what-to-edit-tip-box::before
{
    position: absolute;
    background: #A6B0F2;
    width: 112px;
    height: 112px;
    content: "";
    border-radius: 50%;
    opacity: 0.2;
    top: 100%;
    margin-top: -30px;
    left: 10%;
    filter: blur(80);
}
.gs-what-to-edit-tip-left {
    width: 52px;
}
.gs-what-to-edit-tip-right {
    width: calc(100% - 52px);
    padding: 0 0 0 10px;
}
.gs-what-to-edit-tip-right h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    margin: 4px 0 4px;
}
.gs-what-to-edit-tip-right p {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #8991B1;
}
.gs-what-to-edit-tip-box::before {
    position: absolute;
    background: #A6B0F2;
    width: 112px;
    height: 112px;
    content: "";
    border-radius: 50%;
    opacity: 0.2;
    top: 100%;
    margin-top: -40px;
    left: 10%;
    filter: blur(30px);
}
.gs-what-to-edit-right {
    width: 44%;
}
.gs-what-to-edit-title {
    border-bottom: 1px solid #0A0D15;
    margin-bottom: 20px;
}
.gs-what-to-edit-title ul {
    display: flex;
    flex-wrap: wrap;
}
.gs-what-to-edit-title li {
    margin-right: 40px;
}
.gs-what-to-edit-title li a {
    font-size: 17px;
    font-weight: 500;
    line-height: 32px;
    color: #8991B1;
    text-align: left;
    padding: 8px 0;
    display: block;
    border-bottom: 2px solid transparent;
    margin: 0 0 -1px;
}
.gs-what-to-edit-title li.active a{
    color: #fff;
    border-bottom-color: #7558EA;
}
.gs-select-automatically p {
    color: #EFEFEFCF;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    margin: 0;
}
.gs-select-automatically > p {
    margin: 0 0 16px;
}
.gs-select-automatically-inner {
    background: #1C1E26;
    padding: 8px 16px 22px;
    border-radius: 10px;
}
.gs-select-automatically-inner ul {
    display: flex;
    flex-wrap: wrap;
}
.gs-select-automatically-inner li {
    margin: 10px 14px 0 0;
    background: #313455;
    border-radius: 8px;
    padding: 8px 18px;
    color: #8991B1;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    cursor: pointer;
}
.gs-select-automatically-inner li::before {
    content: "";
    height: 12px;
    width: 12px;
    background: url(../images/gs-select-automatically-lus-icon.png) no-repeat center;
    display: inline-block;
    vertical-align: top;
    margin: 1px 3px 0 0;
}
.gs-select-automatically-inner li.active::before
{
    background-image: url(../images/gs-select-automatically-check-icon.png);
}
.gs-select-automatically-inner li.active {
    color: #fff;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}

.gs-continue-btn {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    display: inline-flex;
    margin-top: 29px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #fff;
    padding: 14px 53px;
    border-radius: 14px;
}
.gs-continue-btn:hover{
    color: #fff;
}
.gs-continue-btn-outer {
    text-align: right;
}
.gs-what-to-edit-tip-box:nth-child(2)::before
{
    background:#82DBF7;
}

.gs-select-manually-inner{
    background: #1C1E26;
    padding: 15px 16px 22px;
    border-radius: 10px;
}
.gs-select-manually-inner p,
.gs-select-manually-inner .gs-select-manually-value {
    color: #EFEFEFCF;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    margin: 0;
}
.gs-select-manually-value {
    background: transparent;
    width: 28px;
    border: none;
    margin: 0;
}
.gs-select-manually-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
}
.gs-select-design .ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5;
    background: #313455;
    height: 17px;
    border-radius: 8px;
}
.gs-select-design .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
    background: #7558EA;
    border-radius: 8px;
}
.gs-select-design .ui-widget-content .ui-state-default,
.gs-select-design .ui-widget-content .ui-state-hover,
.gs-select-design .ui-widget-content .ui-state-focus,
.gs-select-design .ui-widget-content .ui-state-active {
    background: #7558EA;
    border: 3px solid #FFFFFF;
    outline: none;
    border-radius: 50%;
    top: -4px;
    width: 26px;
    height: 26px;
}

.gs-refine-manually-links {
    padding: 8px 0 0 0;
}
.gs-refine-manually-single {
    background: #313455;
    border-radius: 8px;
    margin-top: 10px;
    display: flex;
}
.gs-refine-manually-single a {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #8991B1;
    width: 50%;
    padding: 10px;
    border-radius:8px;
}
.gs-refine-manually-single a img {
    opacity: 0.5;
    vertical-align: top;
    margin: 5px 4px 0 0;
}
.gs-refine-manually-single a.active{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
}
.gs-refine-manually-single a.active img{
    opacity: 1;
}
.font14 {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    margin: 0;
    color: #EFEFEFCF;
}


.gs-select-category-list {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 14px;
    margin-bottom: 14px;
}
.gs-select-category-list-inner {
    height: 54px;
    display: flex;
    align-items: center;
    width: 100%;
    background: #1C1E26;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #EFEFEFCF;
    padding: 2px 14px;
    cursor: pointer;
}
.gs-select-category-list-inner img{
    margin: 0 5px 0 0;
}
.active .gs-select-category-list-inner{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
}
.active .gs-select-category-list-inner img {
    filter: brightness(0) invert(1);
}
/*what to edit page css end*/

/*customize and generate page css start*/
.interior-list {
    display: flex;
    flex-wrap: wrap;
}
.interior-list li,
.gs-modal-content .interior-list li{
    margin: 10px 14px 0 0;
    background: #313455;
    border-radius: 8px;
    padding: 8px 18px;
    color: #8991B1;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    cursor: pointer;
}
.interior-list li.active {
    color: #fff;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.interior-list li::before {
    content: "";
    height: 12px;
    width: 12px;
    background: url(../images/gs-select-automatically-lus-icon.png) no-repeat center;
    display: inline-block;
    vertical-align: top;
    margin: 1px 3px 0 0;
}
.interior-list li.active::before {
    background-image: url(../images/gs-select-automatically-check-icon.png);
}
.gs-our-preset-settings {
    background: #1C1E26;
    padding: 16px 17px 20px;
    border-radius: 10px;
}
.gs-our-preset-interior {
    padding: 12px 0 0;
}
.gs-our-preset-interior a {
    color: #927AF2;
    margin-left: 5px;
    font-size: 80%;
    vertical-align: top;
}
.gs-our-preset-color ul {
    display: flex;
    flex-wrap: wrap;
}
.gs-our-preset-color li {
    height: 22px;
    width: 22px;
    margin-right: 13px;
    margin-top: 7px;
    border-radius: 5px;
    border: 2px solid transparent;
    position: relative;
}
.gs-our-preset-color li.active
{
    border-color: #fff;
}
.gs-our-preset-color li:hover .ai-upload-option-tooltip {
    display: block;
    visibility: visible;
}
.gs-our-preset-color li .ai-upload-option-tooltip {
    top: 100%;
    bottom: unset;
    margin: 4px 0 0 0;
    z-index: 1;
}
.gs-our-preset-color li .ai-upload-option-tooltip::after {
    top: unset;
    transform: translate(-50%) rotate(180deg);
    bottom: 100%;
}
.our-preset-range-design .ui-widget-header
{
    background: #1C1E26;
    border-radius: 50px;
}
.gs-select-design.our-preset-range-design .ui-widget.ui-widget-content {
    background: #7558EA;
    border-radius: 50px;
}
.our-preset-range-design {
    padding: 10px 0 0;
}
.our-preset-settings-range-outer {
    padding: 12px 0 0;
}
.our-preset-settings-range-list ul {
    display: flex;
    justify-content: space-between;
}
.our-preset-settings-range-list li {
    font-size: 11px;
    font-weight: 400;
    line-height: 13.31px;
    text-align: center;
    position: relative;
    color: #CACDD1;
}
.our-preset-settings-range-list li::after {
    position: absolute;
    left: 2px;
    top: -9px;
    width: 1px;
    height: 4px;
    opacity: 0.5;
    background: #CACDD0;
    content: "";
}
.our-preset-settings-range-list {
    padding: 13px 3px 0;
}

.our-preset-settings-box textarea {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    width: 100%;
    resize: none;
    height: 116px;
    background: #1C1E26;
    border: none;
    padding: 10px 16px;
    border-radius: 10px;
    color: #8991B1B0;
    outline: none;
}
.our-preset-settings-box textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #8991B1B0;
    opacity: 1;
  }
  .our-preset-settings-box textarea::-moz-placeholder { /* Firefox 19+ */
    color: pink;
  }
  .our-preset-settings-box textarea:-ms-input-placeholder { /* IE 10+ */
    color: pink;
  }
  .our-preset-settings-box textarea:-moz-placeholder { /* Firefox 18- */
    color: pink;
  }
/*customize and generate page css end*/

/*Setting page css start*/
.gs-setting-wrapper {
    background: #1C1E26;
    border-radius: 21px;
    padding: 36px 26px;
    position: relative;
    overflow: clip;
    z-index: 1;
}
.gs-setting-wrapper::before{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 700px;
    background: url(../images/gs-setting-round.png) no-repeat bottom right;
    background-size: contain;
    width:700px;
    z-index: -1;
}
.gs-setting-notice {
    background: url(../images/setting-notice.png) no-repeat center;
    background-size: cover;
    border-radius: 20px;
    padding: 24px 42px 40px;
}

.gs-setting-notice h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    text-align: left;
    margin: 0 0 8px;
}
.gs-setting-notice p {
    font-size: 17px;
    font-weight: 500;
    line-height: 41px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    margin: 0;
    color: #FFFFFF9E;
}
.cancel-subsciption-btn {
    border: 0.93px solid #D5D9DD;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #FFFFFF;
    padding: 13px 24px;
    display: inline-block;
    border-radius: 12px;
    margin-top: 15px;
    background: transparent;
    width: 208px;
}
.cancel-subsciption-btn:hover{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border-color:#5B3DD5 ;
    color: #fff;
}
.gs-edit-settings {
    padding: 45px 0 0 0;
}
.gs-edit-settings h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    margin-bottom: 0px;
}
.gs-edit-settings-column label {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #FFFFFF7D;
    display: block;
}
.gs-edit-settings-row {
    display: flex;
    margin-left: -35px;
}
.gs-edit-settings-column {
    padding-left: 35px;
    width: 33.33%;
    padding-top: 24px;
}
.gs-edit-setting-field {
    border: 1px solid #363A3D;
    width: 100%;
    background: #1A1D21;
    margin: 8px 0 0;
    border-radius: 8px;
    padding: 12px 16px 12px 52px;
    height: 48px;
    box-shadow: 0px 0px 0px 0px #7558EA2B;
    color:#9B9C9E;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    background-repeat: no-repeat;
    background-position: center left 14px;
}
.gs-edit-setting-field:focus-visible {
    box-shadow: 0px 0px 0px 4px #7558EA2B;
    border-color: #7558EA;
    outline: none;
}
.gs-edit-setting-name-field
{
    background-image: url(../images/gs-edit-setting-name-field.svg);
}
.gs-edit-setting-email-field
{
    background-image: url(../images/gs-edit-setting-email-field.svg);
}
.gs-edit-setting-password-field
{
    background-image: url(../images/gs-edit-setting-password-field.svg);
}
.gs-settings-forgotpassword  a {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #977DFF;
}
.gs-settings-forgotpassword {
    padding: 5px 0 10px 0;
}
/*Setting page css end*/

/*Login page css start*/
.gs-login-left {
    width: 57%;
    display: flex;
    background: url(../images/login-bg.png) no-repeat center;
    background-size: cover;
    padding: 0 20px;
}
.gs-login-left div#marqueeContainer {
    width: 800px;
    max-width: 100%;
    margin: auto;
}
#marqueeContainer {
    height: 100vh; /* Adjust the height as needed */
    overflow: hidden; /* Hide overflow */
}

#marqueeWrapper {
    position: relative; /* Allow for smooth animation */
}
.login-tesimonial-slide {
    border-radius: 20px;
    background: rgb(67 67 67 / 60%);
    padding: 20px 33px;
    margin-bottom: 20px;
    max-width: 540px;
}
.login-tesimonial-slide:nth-child(2n) {
    margin-left: auto;
}

.login-tesimonial-slide p {
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    margin-bottom: 23px;
}
.login-tesimonial-author {
    display: flex;
    position: relative;
    padding-right: 60px;
}
.login-tesimonial-author-right {
    width: calc(100% - 65px);
    padding: 10px 0 0 10px;
}
.login-tesimonial-author-right h3 {
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: #FBFAFF;
    margin: 0;
}
.login-tesimonial-author-right p
{
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    margin: 0;
}
.gs-login-right {
    display: flex;
    /* align-items: center; */
    padding: 20px 20px 20px;
    justify-content: center;
    width: 43%;
    max-height: 100%;
    overflow: auto;
}
.gs-login-form {
    max-width: 495px;
    margin: auto;
}
.gs-login-form h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    text-align: left;
    margin: 34px 0px 4px;
}
.gs-login-form h1 span {
    color: #8263FC;
}
.gs-login-form > p {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #9B9C9E;
    margin-bottom: 27px;
}
.gs-login-form .gs-edit-setting-field {
    margin: 0 0 24px;
}
.gs-login-remeber-login {
    display: flex;
    justify-content: space-between;
}
.gs-login-remeber-me {
    position: relative;
    display: flex;
}
.gs-login-remeber-me span {
    box-shadow: 0px 1px 2px -1px #0000000D;
    border: 1px solid #363A3D;
    border-radius: 4px;
    height: 24px;
    display: inline-block;
    width: 24px;
}
.gs-login-remeber-me input:checked + span
{
    background: #927AF2 url(../images/gs-select-automatically-check-icon.png) no-repeat center;
}
.gs-login-remeber-me input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}
.gs-login-remeber-me label {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #CDCECF;
    vertical-align: top;
    padding: 0 0 0 11px;
}
.gs-login-btn {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    width: 100%;
    color: #fff;
    border: none;
    height: 48px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    /* line-height: 24px; */
    letter-spacing: 0.15000000596046448px;
}
.gs-login-forgot-passwrd a {
    color: #927AF2;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    display: block;
}
.gs-login-brn-outer {
    padding: 25px 0 0;
}

.gs-login-continue {
    padding: 32px 0 0 0;
    text-align: center;
}
.gs-login-continue p {
    /* border-top: 1px solid #363A3D; */
    color: #686B6E;
    font-size: 12px;
    line-height: 1;
    margin: 0 0 25px;
    overflow: hidden;
}
.gs-login-continue p span {
    position: relative;
}
.gs-login-continue p span::before {
    content: "";
    background: #363A3D;
    height: 1px;
    width: 500%;
    position: absolute;
    right: 100%;
    margin-right: 10px;
    top: 7px;
}
.gs-login-continue p span::after{
    content: "";
    background: #363A3D;
    height: 1px;
    width: 500%;
    position: absolute;
    left: 100%;
    margin-left:10px;
    top: 7px;
}
.gs-login-continue-google {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}
.login-tesimonial-author::after
{
    background: url(../images/quote-icon.svg) no-repeat center;
    background-size: contain;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
}
.gs-login-create-account a {
    color: #927AF2;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    display: block;
}
.gs-login-right .gs-login-create-account {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 20px auto 0;
    color: #CDCECF;
}
.gs-login-right .gs-login-create-account a {
    display: unset;
}
/*login page css end*/

/*Setting page css start*/
.fade.in {
    opacity: 1;
}
.gs-modal-background
{
    background: url(../images/gs-modal-bg.jpg) no-repeat center;
    background-size: cover;
}
.gs-modal-container {
    max-width: 700px;
    width: 95%;
    margin: 0rem auto;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 14px 0;
}
.modal.fade.in .modal-dialog {
    transform: translate(0,-0);
}
.gs-modal-content {
    margin: auto;
    width: 100%;
    background: #1A1D21F5;
    border: 3px solid #7558EA;
    border-radius: 16px;
    padding: 35px 45px;
    font-size: 17px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #FFFFFF9E;
}
.gs-modal-btns {
    display: flex;
    gap: 10px;
    padding: 10px 0 0 0;
}
.gs-modal-btns a{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border-radius: 12px;
    padding: 14px 26px 14px 26px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    display: block;
    color: #fff;
    min-width: 160px;
}
.gs-modal-continue-disable
{
    pointer-events: none;
}
.gs-modal-btns a.gs-modal-cancel-btn {
    box-shadow: 0px 1px 3px 0px #0000000D, 0px 1px 2px -1px #0000000D;
    background: linear-gradient(117.58deg, rgba(215, 237, 237, 0.16) -47.79%, rgba(204, 235, 235, 0.05   ) 100%);
}
.gs-modal-content h3 {
    font-size: 29px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    margin: 0 0 20px;
    color: #ffff;
}
h3.logout_heading {
    text-align: center;
}
div#logoutModal .gs-project-add-new-form .gs-login-brn-outer,
div#inputImageValidationModal .gs-project-add-new-form .gs-login-brn-outer{
    display: flex;
    justify-content: center;
    padding: 0;
    gap: 20px;
}
.gs-modal-content h3 span {
    color: #AD98FF;
    display: block;
}
.gs-modal-content li {
    margin-bottom: 16px;
    color: #FFFFFF9E;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    margin-bottom: 22px;
    display: flex;


}
.gs-modal-content li span {
    min-width: 36%;
}
.gs-modal-content li  strong {
    font-weight: normal;
    color: #ffff;
}

.gs-modal-close {
    width: 50px !important;
    position: absolute;
    right: -20px;
    top: -20px;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border: none;
    height: 50px;
    border-radius: 48px;
    z-index: 1;
}
.gs-modal-btnpause {
    padding: 23px 0 0;
}
.gs-modal-btnpause a {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #977DFF;
}
.gs-modal-freedays .gs-modal-container {
    max-width: 910px;
}
.gs-modal-freedays .gs-modal-content {
    padding-right: 51%;
    background-image: url(../images/free-days.png);
    background-repeat: no-repeat;
    background-position: center right -1px;
}
.gs-free-premium-top {
    display: flex;
    padding:  0 0 10px;
}
.gs-free-premium-left {
    width: 15%;
}
.gs-free-premium-right {
    width: 85%;
    padding: 2px 0 0 10px;
}
.gs-free-premium-right h3 {
    margin: 0 0;
}
.gs-modal-content h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    text-align: left;
    color: #FFFFFF;
    margin: 0;
}
#cancel_subscription_05 .gs-modal-content h3 {
    margin-bottom: 13px;
}
.gs-modal-feeback-outer {
    padding: 22px 0 10px;
}
.gs-modal-feeback-outer h5 {
    font-size: 17px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    margin-bottom: 20px;
}
.gs-modal-feeback-row label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    cursor: pointer;
}
.gs-modal-feeback-row {
    padding: 2px 0 30px;
    display: flex;
}
.gs-modal-feeback-row span {
    border: 1px solid #404C50;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    margin-right: 12px;
    cursor: pointer;
    background: #0E1112;
    position: relative;
}
.gs-modal-feeback-row input:checked + span::after
{
    height: 16px;
    width: 16px;
    background: #7558EA;
    border-radius: 50px;
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
}
.gs-modal-feeback-row input {
    position: absolute;
    height: 22px;
    width: 22px;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}
.gs-modal-additional-comment label {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
}
.gs-modal-additional-comment textarea {
    border: 1px solid #363A3D;
    /* font-family: Eudoxus Sans; */
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #9B9C9E;
    background: #0E1112;
    resize: none;
    width: 100%;
    padding: 13px;
    height: 132px;
    margin: 5px 0 0;
    border-radius: 8px;
    outline: none;
}

.gs-modal-best-results {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 45px;
}
.gs-modal-best-right  h4 {
    margin: 0 0 13px;
}
.gs-modal-best-right {
    padding: 0 0 0 17px;
    width: calc(100% - 51px);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
}
.gs-modal-best-right ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gs-modal-best-right li {
    flex-direction: column;
    align-items: center;
    width: 18%;
    text-align: center;
    font-size: 14px;
    margin: 0;
}
.gs-modal-best-right li span {
    padding: 9px 0 0;
}
.gs-modal-best-btns {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 11px;
}
.gs-modal-best-btns a {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #B8B6BE;
}
.gs-modal-best-btns .gs-modal-best-inderstand {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border-radius: 12px;
    padding: 14px 26px 14px 26px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    display: block;
    color: #fff;
    min-width: 160px;
}


.gs-modal-uploading_instruction {
    text-align: center;
}
.uploading-instruction-img {
    mix-blend-mode: plus-lighter;
}

.gs-modal-uploading_instruction h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    margin: 0px 0 10px;
}
.gs-modal-uploading_instruction p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    margin-bottom: 38px;
}
.gs-modal-uploading_instruction_slider .slick-track {
    display: flex;
    gap: 24px;
}

.gs-modal-uploading_instruction_slide {
    background: #222532;
    padding: 22px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    border-radius: 10px;
    margin: 0;
}
.gs-modal-uploading_instruction_slider ul.slick-dots {
    padding: 25px 0 0 0 !important;
    display: flex;
    justify-content: center;
}
.gs-modal-uploading_instruction_slider ul.slick-dots li {
    margin: 0;
    font-size: 0;
}
.gs-modal-uploading_instruction_slider ul.slick-dots li button {
    height: 8px;
    width: 8px;
    padding: 0;
    border: none;
    margin: 0 2px 0;
    background: #424967;
    border-radius: 50px;
}
.gs-modal-uploading_instruction_slider ul.slick-dots li.slick-active button{
    background: #7558EA;
}
/*edit with ai css start*/

.gs-image-editing-background{
    background: url(../images/image-editing-popup-bg.jpg) no-repeat center;
    background-size: cover;
    min-height: 100vh;
}
.gs-image-editing-container {
    max-width: 1100px;
    margin: 30px auto;
}
.gs-image-editing-content {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    width: 100%;
    padding: 50px 0 0;
    position: relative;
}
.gs-image-editing-tools-row {
    background: #141718;
    padding: 15px 9px;
    border-radius: 20px;
    display: flex;
}
.gs-image-editing-tool {
    position: relative;
    text-align: center;
    width: 9%;
    margin: 0 0.5%;
    cursor: pointer;

}
.gs-image-editing-tool span {
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #8991B1;
    padding: 4px 0 0;
}
.gs-image-editing-tool-icon {
    height: 50px;
    width: 50px;
    background: #30334F;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.gs-image-editing-tooltip {
    background: #30334F;
    position: absolute;
    bottom: 100%;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 13px;
    padding: 12px 9px 12px;
    width: 195px;
    left: 50%;
    transform: translate(-50%);
    margin: 0 0 10px;
    display: none;
}
.gs-image-editing-tool:hover .gs-image-editing-tool-icon
{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.gs-image-editing-tool:hover .gs-image-editing-tool-icon img{
    filter: brightness(100) invert(0);
}
.gs-image-editing-tool:hover span{
    color: #fff;
}
.gs-image-editing-tool:hover .gs-image-editing-tooltip
{
    display: block;
}
.gs-image-editing-tooltip::after {
    border-top: 5px solid #30334F;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    top: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}




.ba-Slider {
    position: relative;
    display: block;
    background: #212121;
    border: 0px solid white;
    margin: 14px auto;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 20px;

}
div#after {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.slider {
    position: absolute;
    top: 0;
    left: calc(50% - 16px);
    width: 32px;
    height: 100%;
    cursor: pointer;
    z-index: 1;
}
.slider::before {
    content: "";
    position: absolute;
    left: 16px;
    height: 100%;
    background:#FFFFFF;
    width: 2px;
    z-index: -1;
}
.slider::after {
    content: "";
    position: absolute;
    left: -10px;
    height: 100%;
    background: url(../images/arrow01.svg) no-repeat center;
    width: 52px;
    z-index: 1;
}
label.switch .slider::after
{
    display: none;
}
.gs-image-editing-before{
    position:absolute;
    top:0;
    left:0;
    width:50%;
    overflow:hidden;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ease{
    transition:width ease .5s,left ease .5s;
    -moz-transition:width ease .5s,left ease .5s;
    -webkit-transition:width ease .5s,left ease .5s;
}
div.gs-image-editing-after img {
    width: 100%;
}
.gs-image-editing-before img {
    max-width: unset;
    height: 100%;
}
.gs-image-editing-slide-outer
{
    position: relative;
}
.btn-wrap  button {
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    color: #AFAFAF;
    background: transparent;
    border: none;
    display: flex;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    flex-direction: column;
    align-items: center;
}
.btn-wrap  button span {
    background: #1C1E26;
    height: 47px;
    width: 47px;
    display: flex;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}
.btn-wrap button.prev-btn span {
    transform: rotateY(180deg);
}
.btn-wrap button.prev-btn {
    left: -91px;
}
.btn-wrap button.next-btn {
    right: -91px;
}
.btn-wrap  button:hover span{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);

}

.gs-image-editing-slide-project {
    box-shadow: -20px 0px 54px 0px #00000026;
    background: #151819;
    padding: 12px;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 20px;
    z-index: 9;
}
.gs-image-editing-slide-project ul {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 12px;
}

.gs-blue-btn {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border-radius: 12px;
    padding: 14px 26px 14px 26px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    display: block;
    color: #fff;
    min-width: 160px;
}
.gs-blue-btn:hover{
    color: #fff;
    background: linear-gradient(180deg, #5B3DD5 0%, #8F73FF 100%);
}
.gs-image-editing-project-add {
    display: flex;
    justify-content: center;
    padding: 30px 0 0;
}
.gs-image-editing-tool-shape {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #EFEFEFCF;
    width: 130px;
    position: absolute;
    left: -65px;
    transform: rotate(-8.39deg);
    font-family: "Kalam", cursive;
    top: 0;
}
.gs-image-editing-tool-shape::after {
    position: absolute;
    left: 39px;
    top: 27px;
    content: "";
    height: 70px;
    width: 26px;
    background: url(../images/edit-with-tools-arrow.svg) no-repeat center;
    background-size: contain;
}
body.modal-open {
    overflow: hidden;
}
.gs-continue-btn img {
    vertical-align: top;
    margin: 1px 10px 0 0;
}



/*Projects page css start*/
ul.gs-pro-design-inner {
	padding: 25px 0 0 !important;
	display: flex;
    flex-wrap: wrap;
	width: 100%;
	gap: 20px;
}
ul.gs-pro-design-inner li {
    background: url(../images/gs-folder-bg.svg) no-repeat top center;
    padding: 26px;
    background-size: 100% 100%;
    width: 250px;
    min-height: 210px;
}
.gs-pro-number {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.gs-pro-number-left h2 {
    background: #FFFFFF1F;
    font-weight: 700;
    border-radius: 14px;
    color: #868686;
    font-size: 25px;
    padding: 15px;
    margin: 0 0 1px;
}
.gs-redesign-content {
	margin: 20px 0 0;
}
.gs-redesign-content h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 4px;
}
.gs-redesign-content p {
	color: #FFFFFF9E;
	font-size: 17px;
	font-weight: 500;
	margin: 0;
	line-height: 24px;
}
.gs-pro-number-left {
	float: left;
}
.gs-pro-dot-right {
	position: relative;
	float: right;
	margin: 25px 0 0;
	cursor: pointer;
}
img.dots-img {
	cursor: pointer;
}
.gs-pro-edit-con {
	position: absolute;
	right: 0;
	background: #fff;
	border-radius: 10px;
	padding: 0 10px;
	display: none;
	width: max-content;
}
.gs-pro-edit-con h3 {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #8991B1;
	margin: 10px 0;
	cursor:pointer;
	gap: 6px;
}
.gs-pro-edit-con h3:hover {
	color:#000;
}
ul.gs-pro-design-inner li.file-ch {
	background: url(../images/gs-folder-bg-outline.svg) no-repeat top center;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
}
input.file-choose {
	font-size: 12px;
}
.gs-choose-content {
	display: grid;
}
.gs-active .gs-pro-edit-con {
	display: block;
}
ul.gs-pro-design-inner li.gs-active-es {
	background:url(../images/gs-folder-bg-active.svg) no-repeat top center;
	background-size:100% 100%;
}

ul.gs-pro-design-inner li:hover {
	background:url(../images/gs-folder-bg-active.svg) no-repeat top center;
	background-size:100% 100%;
}
ul.gs-pro-design-inner li.gs-active-es .gs-pro-number-left h2,
ul.gs-pro-design-inner li:hover .gs-pro-number-left h2 {
	color: #fff;
}
.gs-choose-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    gap: 10px;
    padding: 40px 0 0;
}


/*Projects page css end*/

/*roast my home page starts here*/

.gs-roast-feebackvs-wrapper {
    padding: 26px 26px 62px;
    background: #1C1E26;
    border-radius: 10px;
}

.gs-roast-feebackvs-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.45;
    margin: 0;
}

.gs-roast-feebackvs-copy {
    width: 36px;
    height: 36px;
    background: #242631;
    border-radius: 10px;
    min-width: 36px;
    display: grid;
    place-content: center;
    place-items: center;
    margin: 0 0 0 14px;
    cursor: pointer;
}

.gs-roast-feebackvs-titlebx {
    display: flex;
    align-items: center;
    padding: 0 0 22px 0;
}

.gs-roast-feebackvs-lis-titleinfo, .gs-roast-feebackvs-remember-text {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: rgb(255 255 255 / 63%);
    margin: 0 0 20px 0;
}
.gs-roast-feebackvs-remember-text{margin: 15px 0 0 0;}

.gs-roast-feebackvs-list-step {
    background: #242631;
    border-radius: 10px;
    padding: 12px;
    margin: 0 0 18px 0;
    display: flex;
    align-items: center;
}
.gs-roast-feebackvs-list-step:last-child{margin-bottom: 0;}

.gs-roast-feebackvs-list-step-number {
    height: 50px;
    background: #2E3347;
    border-radius: 14px;
    display: flex;
    min-width: 50px;
    width: 50px;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
}

.gs-roast-feebackvs-list-step .gs-roast-feebackvs-list-step-data {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 0 14px;
    max-width: 1105px;
    color: rgb(255 255 255 / 63%);
    letter-spacing: -0.01em;
}

/*roast my home page ends here*/


/*expert chat starts here*/
.gs-expertchat-mile {
    background: rgba(28, 30, 38, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 21px;
    padding: 25px;
    margin: 0 0 30px 0;
    display: flex;
}

.gs-expertchat-mile:nth-child{
    margin-bottom: 0;
}

.gs-expertchat-profileimg img {
    border-radius: 20px;
}

.gs-expertchat-user-name {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.15px;
    color: #8991B1;
    margin: 0;
    padding: 0 16px 0 0;
}

.gs-expertchat-text-duration {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.15px;
    color: rgba(137, 145, 177, 0.5);
    display: block;
}

.gs-expertchat-user {
    display: flex;
    align-items: center;
}

.gs-expertchat-data {
    padding: 0 0 0 24px;
    width: 100%;
}

.gs-expertchat-user-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 12px 0;
}

.gs-expertchat-user-response p {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 0.15px;
    color: #8991B1;
    margin-bottom: 24px;
}

.gs-expertchat-user-response p:last-child {
    margin-bottom: 0px;
}

.gs-expertchat-copy img {
    cursor: pointer;
}

.gs-expertchat-profileimg {
    width: 50px;
    min-width: 50px;
    position: relative;
}

.gs-expertchat-profileimg::after {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 4px solid #131619;
    background: #4AC97E;
    content: "";
    right: 0;
    top: 0;
}

.gs-expertchat-mile.expert-response .gs-expertchat-profileimg::after{
    display: none;
}

.gs-expertchat-mile {
    max-width: 642px;
    margin-left: auto;
}

.gs-expertchat-mile.expert-response {
    max-width: 1052px;
    margin-left: unset;
    margin-right: auto;
}

.gs-expertchat-mile.expert-response .gs-expertchat-profileimg img {
    border-radius: 10px;
}

.gs-expertchat-data .gs-expertchat-regenrate {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 0.15px;
    color: #8991B1;
    padding: 30px 0 0 0;
}

.gs-expertchat-main {
    height: calc(100vh - 250px);
    overflow-y: scroll;
    padding: 0 10px 0 0;
}
.gs-expertchat-mile:last-child{
    margin: 0;
}

.gs-expertchat-input-field #gs-expertchat-input-target:focus {
    outline: none;
}

.gs-expertchat-input-field #gs-expertchat-input-target::placeholder{
    max-height: 400px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #8991B1;
}

.gs-expertchat-input-field {
    display: flex;
    width: 100%;
    margin: 0px 24px;
}

.gs-expertchat-input-field #gs-expertchat-input-target {
    width: 100%;
    resize: none;
    border: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #8991B1;
    height: 48px;
    padding: 10px 0 10px;
    background: transparent;
}

.gs-expertchat-field-wrap {
    overflow: hidden;
    padding: 24px;
    background: #1C1E26;
    border-radius: 21px;
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    bottom: -120px;
}

.gs-expertchat-field-voice-recorder {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gs-expertchat-field-submit {
    width: 48px;
    height: 48px;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border-radius: 12px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gs-expertchat-field-voice-recorder img {
    display: block;
}
.gs-expertchat-wrapper{
    position: relative;
}
/*expert chat ends here*/


/*video tuturials page css starts here*/

.gs-tutorial-strip {
    background: url(../images/tutorial-bg.png) no-repeat top center;
    background-size: cover;
    padding: 30px;
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: -30px -30px 30px -30px;
    align-items: center;
}
.gs-tutorial-strip-left {
    width: 70%;
}
.gs-tutorial-strip-heading {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.3;
    color: #ffffff;
    margin: 0 0 16px 0;
}
.gs-tutorial-strip-text {
    font-weight: 500;
    font-size: 17px;
    line-height: 1.82;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.62);
    max-width: 705px;
    margin: 0;
}
.gs-tutorial-strip-right {
    padding: 0 30px;
    width: 30%;
}

.gs-tutorials-questions-wrapper li {
    width: 33.33%;
    background: #1C1E26;
    border-radius: 21px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.gs-tutorials-questions-wrapper ul {
    display: flex;
    gap: 20px;
    max-width: 1170px;
}

.gs-tutorials-questions-wrapper .gs-tutorials-type-heading{
    padding: 0 0 15px 0;
}

.gs-tutorials-questions-ques-icon span {
    width: 60px;
    background: #2E3347;
    height: 60px;
    display: block;
    border-radius: 14px;
    align-content: center;
    text-align: center;
}
.gs-tutorials-questions-mail-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}
.gs-tutorials-questions-mail-link {
    font-size: 14px;
    color: #8264FA;
}
.gs-tutorials-questions-wrapper {
    margin: 45px 0 0;
}
.gs-tutorials-wrapper {
    padding: 40px 0 0 0;
}
.gs-tutorials-wrapper .gs-dashboard-list-image {
    position: relative;
}

.gs-tutorials-wrapper .gs-tutorials-toolnip img {
    display: block;
    height: 100%;
}
.gs-tutorials-wrapper .gs-tutorials-toolnip {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.gs-tutorials-type-heading {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.45;
    margin: 0;
}

.gs-tutorials-wrapper .gs-dashboard-list {
    margin: 0 0 45px 0;
}

.gs-tutorials-wrapper .gs-dashboard-list:last-child {
    margin: 0;
}
.gs-tutorials-wrapper .gs-dashboard-list-content p {
    min-height: 50px;
}
.gs-tutorials-wrapper .gs-tutorials-toolnip:hover + .ai-upload-option-tooltip {
    display: block;
}

.gs-tutorials-wrapper .ai-upload-option-tooltip {
    left: unset;
    transform: unset;
    right: 0;
    max-width: 240px;
    height: fit-content;
}

.gs-tutorials-wrapper .ai-upload-option-tooltip span {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
}


.gs-tutorials-wrapper .ai-upload-option-tooltip::after {
    left: unset;
    transform: unset;
    right: 12px;
}

/*video tuturials page css ends here*/


/*project pages changes starts*/
.gs-file-ch-target {
    color: #ffffff;
    width: 100%;
}

.gs-file-ch-target:hover {
    color: unset;
}

.gs-project-add-new-form .gs-login-brn-outer {
    padding: 35px 0 0 0;
}

.gs-project-add-new-form label {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: 0.15px;
    margin: 0 0 8px 0;
}

.gs-project-add-new-form .gs-login-btn {
    width: fit-content;
    padding: 10px 54px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.gs-project-add-new-form .gs-edit-new-project-field {
    background: #131619;
    box-shadow: unset;
    border-color: transparent;
    border-radius: 12px;
}

.gs-project-add-new-form .gs-edit-new-project-field:focus-visible {
    box-shadow: 0px 0px 0px 4px #7558EA2B;
    border-color: #7558EA;
}

/*project pages changes ends*/


/*Redesign customize and generate css start*/
.gs-select-room-style-row {
    display: flex;
    flex-wrap: wrap;
}

.gs-select-room-style-single {
    width: 23%;
    margin-right: 2%;
    margin-top: 9px;
    position: relative;
    border-radius: 7px;
    cursor: pointer;

}

.gs-select-room-style-row .premium_feature_types::after{
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background: #000000b5;
    left: 0;
    top: 0;
}

.gs-select-room-style-row .premium_lock_icons{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px !important;
    height: 20px !important;
    border-radius: 0 !important;
    z-index: 1;
}

.gs-select-room-style-single.active {
    /* border-color: blue; */
}
.gs-select-room-style-single::before {
    position: absolute;
    content: "";
    height: 101%;
    width: 100%;
    /* background: linear-gradient(186.11deg, rgba(0, 0, 0, 0.9) 4.84%, rgba(0, 0, 0, 0) 61.37%); */
    top: 0;
    border-radius: 8px;
    left: 0;
    border: 1px solid transparent;
    background: linear-gradient(6deg, rgba(0, 0, 0, 0.84) 4.84%, rgba(0, 0, 0, 0) 61.37%);
}
.gs-select-room-style-single img {
    width: 100%;
    height: 76px;
    border-radius: 8px;
    object-fit: cover;

}
.gs-select-room-style-single span {
    position: absolute;
    left: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
    z-index: 2;
    bottom: 0;
    padding: 7px 8px;
    color: #fff;
}
.gs-select-room-style p a {
    color: rgba(146, 122, 242, 1);
    font-size: 80%;
    margin: 0 0 0 6px;
}
.gs-select-room-style:not(:last-child) {
    padding: 0 0 18px;
}
.gs-select-room-style-single.active::before{
    background: linear-gradient(6deg, #250E81 4.84%, rgba(39, 14, 141, 0) 61.37%);
    border-color:rgba(117, 88, 234, 1)
}

.our-preset-prompt-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(239, 239, 239, 0.81);
    margin: 0 0 16px;
}
.gs-modal-content .gs-select-room-style-single {
    margin-top: 15px;
}
.our-preset-prompt-text2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(239, 239, 239, 0.81);
    margin: 0;
    padding: 16px 0 20px;

}
.our-preset-prompt-text2 a{
    color: unset;
}
.our-preset-prompt-text2 img {
    margin: 0 0 0 7px;
}
.gs-premium-tools-outer p {
    font-size: 16px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
}
.gs-premium-tools {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.gs-premium-tools img{
    width: 100%;
}
.gs-premium-tools-outer .gs-blue-btn {
    display: inline-block;
    margin-top: 32px;
}
/*Redesign customize and generate css end*/
/*find-similar-products css start*/
.gs-similar-product {
    text-align: center;
}
.gs-similar-product-img {
    width: 100%;
    border-radius: 25px;
}

.gs-simlar-products-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.gs-simlar-products-left {
    width: 70%;
}
.gs-simlar-products-right {
    width: 30%;
    padding-left: 25px;
}
.gs-simlar-products-right p {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    margin: 0;
}
.gs-simlar-products-right  .gs-continue-btn {
    width: 100%;
    justify-content: center;
}

.gs-simlar-products-list-row {
    padding: 20px 0 40px;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}
.gs-dashboard-list-image {
    position: relative;
}

.gs-simlar-products-company {
    position: absolute;
    background: rgba(255, 255, 255, 1);
    bottom: 0;
    transform: translate(-50%);
    left: 50%;
    border-radius: 10px 10px 0 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: rgba(30, 22, 52, 1);
    display: flex;
    padding: 5px 9px;
    align-items: center;
}
.gs-simlar-products-company img {
    width: auto;
    margin: 0 4px 0 0;
}
.gs-simlar-products-single p {
    margin: 0 0 1px 0;
}
.gs-simlar-products-single  h2 {
    color: rgba(239, 239, 239, 0.81);
    margin: 0 0 14px;
}
.gs-simlar-products-list-wrapper {
    padding: 40px 0 0;
    /* display: none; */
}
.ai-upload-latest-favourites {
    padding: 26px 0 0 0;
}
/*find-similar-products css end*/

/*Project details pagecs start*/
.gs-project-detail-left p {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    margin: 0;
}
.gs-project-detail-left h1 {
    padding: 0px 0 8px;
}
.gs-project-detail-top {
    display: flex;
    justify-content: space-between;
}
.gs-project-detail-right a {
    border: 0.93px solid #D5D9DD;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #fff;
    padding: 13px 20px;
    align-self: center;
    display: flex;
    gap: 14px;
    align-items: center;
}
.gs-project-detail-right a:hover {
    border-color: #7558ea;
    background: #7558ea;
}
.ai-upload-latest-before {
    width: 100%;
}
.ai-upload-latest-after {
    width: 100%;
}
.ai-upload-latest-inset > img {
    width: 100%;
}
.gs-dashboard-links li {
    margin-bottom: 12px;
}
.ai-tool-list li {
    margin-bottom: 10px;
}
.gs-dashboard-list-image img {
    border-radius: 12px;
}
.close-icon, .gs-dashboard-mobile-header
{
    display: none;
}

.gs-modal-uploading_instruction dotlottie-player {
    display: inline-block;
}
.ai-tool-search {
    display: none;
}
/*Project details pagecs end*/

.gs-dashboard-cross img {
    cursor: pointer;
}
.gs-redesign-content h4 a {
    color: unset;
}
.gs-ai-tool-mobile
{
    display: none;
}


.ai-tool-right-top a.gs-back-btn {
    border: none;
    padding: 0;
    align-self: flex-start;
    margin: 0px 0 0;
    display: inline-block;
}
.ai-tool-right-back-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.gs-simlar-products-filter {
    padding: 0 0 29px;
}
.gs-simlar-products-filter ul {
    display: flex;
    flex-wrap: wrap;
}
.gs-simlar-products-filter li
{
    margin: 10px 14px 0 0;
    position: relative;
}
.gs-simlar-products-filter li a {
    background: #313455;
    border-radius: 8px;
    padding: 8px 18px;
    color: #8991B1;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    cursor: pointer;
    display: inline-flex;
}
.gs-simlar-products-filter li.active  a{
    color: #fff;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.gs-simlar-products-filter li a::before {
    content: "";
    height: 12px;
    width: 12px;
    background: url(../images/gs-select-automatically-lus-icon.png) no-repeat center;
    display: inline-block;
    vertical-align: top;
    margin: 1px 3px 0 0;
}
.gs-simlar-products-filter li.active a::before {
    background-image: url(../images/gs-select-automatically-check-icon.png);
}


/**/

.select-more-details
{
    display: none;
}
.gs-mostpopular-badge {
    background: radial-gradient(66.48% 68.75% at 50% 31.25%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(33% 82.75% at 31.25% 76.56%, rgba(255, 255, 255, 0.219) 0%, rgba(255, 255, 255, 0.036) 100%), radial-gradient(66.95% 96.09% at 35.23% 0%, #C243FE 0%, rgba(182, 47, 246, 0.12) 100%) , linear-gradient(0deg, #421CD8, #421CD8), #5B099B;
    position: absolute;
    border-radius: 7px;
    display: flex;
    right: 5px;
    top: 5px;
    padding: 6px 10px 8px;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    gap: 6px;
}
.gs-image-editing-background .gs-modal-close {
    width: 50.44px;
    height: 50.44px;
    background: #FFFFFF;
    border-radius: 50%;
    right: 25px;
    top: 25px;
    padding: 0 0 3px;
    z-index: 99999;
}
.gs-option-flex
{
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
}
.gs-option-flex a:hover{
    color: unset;
}
.gs-option-flex li {
    width: 100%;
}

/*Enterprise page css start*/
.gs-enterprise-banner-wrapper{
    background: url(../images/enterprise-banner.png) no-repeat top center;
    background-size: cover;
    padding: 30px;
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: -30px -30px 30px -30px;
    align-items: center;
}
.gs-enterprise-banner-wrapper .gs-tutorial-strip-text {
    max-width: 935px;
}
.gs-enterprise-banner-wrapper .gs-tutorial-strip-left a.gs-blue-btn {
    display: inline-block;
    margin: 19px 0 0;
}
.gs-enterprise-banner-strip {
    background: linear-gradient(117.58deg, rgba(215, 237, 237, 0.16) -47.79%, rgba(204, 235, 235, 0) 100%);
    box-shadow: 0px 24px 24px -16px #0000001F, 0px 8px 12px 0px #FFFFFF14 inset, 16px 24px 64px -24px #FFFFFF14 inset;
    border-radius: 14px;
    padding: 16px 35px;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.gs-enterprise-banner-strip-left h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    margin: 0 0 6px;
}
.gs-enterprise-banner-strip-left p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    margin: 0;
}
.gs-enterprise-banner-strip-left p a {
    color: #8F73FF;
}
.gs-enterprise-banner-strip-left {
    width: 830px;
    max-width: 70%;
}
.gs-enterprise-banner-strip-right {
    margin-left: auto;
    padding: 10px 0 0;
}
.gs-enterprise-banner-strip-right a.gs-blue-btn span {
    padding: 0 0 0 7px;
}
.gs-enterprise-banner-strip-right a.gs-blue-btn {
    padding: 14px 36px;
}

.gs-enterprise-tracking h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    margin: 0 0 0px;
}
.gs-enterprise-tracking-wraper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -29px;
}
.gs-enterprise-tracking-list {
    padding: 20px 0 0 29px;
    width: 16.66%;
    min-width: 250px;
}
.gs-enterprise-tracking-box {
    background: #1C1E26;
    border-radius: 21px;
    padding: 25px;
    height: 100%;
}
.gs-enterprise-tracking-box h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    padding: 23px 0 0;
    margin: 00;
}
.gs-enterprise-tracking-box p {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    color: #8264FA;
    margin: 2px 0 0;
}
.gs-enterprise-design-scope {
    padding: 30px 0 0;
}
.gs-enterprise-design-scope-top h2 {
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
    text-align: left;
    margin: 0 0 10px;
}
.gs-enterprise-design-scope-top p {
    font-size: 17px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    margin: 0;
    color: #FFFFFF9E;
}

.gs-enterprise-design-scope-top  li {
    width: 180px;
}
.gs-enterprise-design-scope-top .gs-option-flex {
    padding: 22px 0 0 !important;
}
.gs-enterprise-design-content {
    padding: 35px 0 0 0;
}
.gs-enterprise-design-content p {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    margin: 0 0 20px;
}
.gs-enterprise-design-table table {
    width: 100%;
    background: #1C1E26;
    border-radius: 16px;
    font-size: 17px;
    font-weight: 500;
    line-height: 21.42px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #FFFFFF9E;
    margin-bottom: 20px;
}
.gs-enterprise-design-table th {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    padding: 17px 34px;
    border-radius: 16px 16px 0 0;
    color: #FFFFFF;
}
.gs-enterprise-design-table tr {
    border-bottom: 1px solid  #FFFFFF24;
}
.gs-enterprise-design-table tr:last-child{
    border-bottom: none;
}
.gs-enterprise-design-table td {
    padding: 15px 34px;
}
.gs-enterprise-design-table td  .badge{
    background: radial-gradient(66.48% 68.75% at 50% 31.25%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(33% 82.75% at 31.25% 76.56%, rgba(255, 255, 255, 0.219) 0%, rgba(255, 255, 255, 0.036) 100%), radial-gradient(66.95% 96.09% at 35.23% 0%, #C243FE 0%, rgba(182, 47, 246, 0.12) 100%) , linear-gradient(0deg, #421CD8, #421CD8), #5B099B;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    padding: 2px 10px 2px;
    /* float: none !important; */
    /* margin: 0 0 0 20px; */
}
.gs-enterprise-design-table {
    overflow: auto;
}
.gs-enterprise-design-table {
    overflow: auto;
    border-radius: 16px;
    margin-bottom: 30px;
}
.gs-enterprise-design-table tr:not(:first-child) th
{
    border-radius: 0;
}
.gs-enterprise-design-table td {
    padding: 15px 34px;
    min-width: 250px;
}

.gs-related-wrapper {
    padding: 30px 0 0;
}
.gs-related-wrapper > p {
    font-size: 17px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #FFFFFF9E;
    margin: 0 0 24px;
}


.gs-related-wrapper .collapse.in {
    display: block;
}
.accordion-heading {
    background: #1C1E26;
    width: 100%;
    padding: 23px;
    display: block;
    border-radius: 21px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    display: flex;
    align-items: center;
}
.accordion-heading:hover
{
    color: #fff;
}
.accordion-post {
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    background: #04B87F;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 7px;
    margin: 0 10px 0 30px;
}
.accordion-heading .gs-tutorials-toolnip {
    position: relative;
    display: inline-block;
    margin: 0  10px 0 5px;
}
.accordion-heading .gs-tutorials-toolnip:hover .ai-upload-option-tooltip {
    display: block;
    width: 250px;
    white-space: unset;
}
.operations-accordition {
    background: #1C1E26;
    border-radius: 21px;
    margin-bottom: 15px;
}
.accordion-post-content-wrapper {
    padding: 0 23px 15px;
}
.accordion-post-content-top p {
    font-size: 17px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #FFFFFF9E;
    margin: 0 0 14px;
}
.accordion-post-content-top ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px !important;
}
.accordion-post-content-top li {
    margin-right: 15px;
}
.accordion-post-content-top li a {
    background: #2C303E;
    border-radius: 8px;
    color: #EFEFEFCF;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    width: 180px;
    display: block;
    text-align: center;
    padding: 14px 10px;
}
.accordion-post-content-top li.active a
{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
}




.accordion-post-content-bottom table {
    width: 100%;
    background: #2C303E;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20.42px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #FFFFFF9E;
    margin-bottom: 0px;
}
.accordion-post-content-bottom th {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    padding: 17px 34px;
    color: #FFFFFF;
}
.accordion-post-content-bottom tr {
    border-bottom: 1px solid  #FFFFFF24;
}
.accordion-post-content-bottom tr:last-child{
    border-bottom: none;
}
.accordion-post-content-bottom td {
    padding: 15px 34px;
}
.accordion-post-content-bottom td  .badge{
    background: radial-gradient(66.48% 68.75% at 50% 31.25%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(33% 82.75% at 31.25% 76.56%, rgba(255, 255, 255, 0.219) 0%, rgba(255, 255, 255, 0.036) 100%), radial-gradient(66.95% 96.09% at 35.23% 0%, #C243FE 0%, rgba(182, 47, 246, 0.12) 100%) , linear-gradient(0deg, #421CD8, #421CD8), #5B099B;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    padding: 2px 10px 2px;
    /* float: none !important; */
    /* margin: 0 0 0 20px; */
}
.accordion-post-content-bottom {
    overflow: auto;
}
.accordion-post-content-bottom {
    overflow: auto;
    border-radius: 16px;
    margin-bottom: 10px;
}
.accordion-post-content-bottom tr:not(:first-child) th
{
    border-radius: 0;
}
.accordion-post-content-bottom td {
    padding: 15px 34px;
    min-width: 150px    ;
}
.accordion-post-content-bottom .inner_table td {
    padding-left: 0;
    padding-right: 0;
}
.gs-operations-response {
    width: 100%;
    background: #2C303E;
    border-radius: 16px;
    overflow: auto;
    margin-bottom: 10px;
}
.gs-operations-response-heading {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    padding: 17px 34px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    line-height: 20.42px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
}
.gs-operations-response-content code,
.gs-operations-response-content pre {
    color: #FFFFFF9E;
    padding: 20px 34px;
    display: block;
    font-size: 17px;
}
.accordion-close-icon{
    transition: .3s all ease;
    transform: rotate(0deg);
}
.accordion-heading.collapsed .accordion-close-icon {
    transform: rotate(180deg);
}
.gs-related-demo-code {
    padding: 20px  0 0;
}
.gs-related-demo-code pre {
    background: #1C1E26;
    border-radius: 21px;
    padding: 30px;
    margin: 20px 0 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 29.95px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #FFFFFF9E;
}
.gs-related-demo-code pre br {
    display: none;
}
.gs-enterprise-design-table  thead tr {
    border: none;
}
.accordion-heading .gs-tutorials-toolnip > img {
    min-width: 24px;
}
/*Enterprise page css end*/

/*register page css start*/
.gs-register-form .gs-login-brn-outer {
    padding: 0px 0 0;
}
.gs-register-form .gs-login-forgot-passwrd {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 20px auto 0;
    color: #CDCECF;
}
.gs-register-form .gs-login-forgot-passwrd a {
    display: unset;
}
/*register page css end*/

#errorModal .gs-modal-content .error-wrapper img {
    width: 50px;
    margin-right: 20px;
}

#errorModal .gs-modal-content .error-wrapper  {
    display: flex;
    align-items: center;
}

#modalImagePreview .gs-modal-content img {
    max-height: 700px;
    object-fit: contain;
    height: auto;
    width: 100%;
}

#modalImagePreview .gs-modal-container {
    max-width: 900px;
}

/*New home-page css start*/
.auto-container {
	width: 1168px;
	margin:0 auto;
    max-width: 100%;
}
/***header css starts********/
.ts-header-inner {
	display: flex;
	flex-wrap: wrap;
}
.ts-header-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.ts-header-nav {
	display: flex;
}
p {
	font-family: Eudoxus Sans;
	font-size: 17px;
	font-weight: 500;
	line-height: 35px;
	letter-spacing: -0.01em;
	opacity: 0.7;
}
.ts-header-nav li {
	float: left;
}
.ts-header-nav li a {
	font-size: 18px;
	font-weight: 500;
	transition: all 0.5s ease;
	color: #1E1634;
	margin: 0 31px 0 17px;
    display: block;
}.ts-nav-btns .btn-con {
	padding: 14px 28px;
}
.ts-header-nav li a:hover {
	color:#000;
}
.sign-in {
	border: 1px solid #24272D3B;
	font-size: 16px;
	font-weight: 700;
	line-height: 19.36px;
	letter-spacing: -0.01em;
	text-align: left;
	background: url(../images/sign-icon.svg) no-repeat 82%;
	color: #1E1634;
	padding: 15px 48px 15px 25px;
	border-radius: 8px;
	transition: all 0.5s ease;
	margin: 0 10px 0 0;
}
.sign-in:hover {
	border: 1px solid #24272D;
	background-color: #FBFBFB;
}
.logoutHeader {
	border: 1px solid #24272D3B;
	font-size: 16px;
	font-weight: 700;
	line-height: 19.36px;
	letter-spacing: -0.01em;
	text-align: left;
	background: url(../images/logoutHeader.png) no-repeat 82%;
	color: #1E1634;
	padding: 15px 48px 15px 25px;
	border-radius: 8px;
	transition: all 0.5s ease;
	margin: 0 10px 0 0;
}
.logoutHeader:hover {
	border: 1px solid #24272D;
	background-color: #FBFBFB;
}
.btn-con {
	box-shadow: 0px 12px 64px -12px #8E73FB7A;
	box-shadow: 0px 12px 36px -8px #0000005C;
	background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
	padding: 20px 36px 20px 36px;
	color: #fff;
	transition: all 0.5s ease;
	border-radius: 8px;
	border: 1px solid #A38DFE;
/*	border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);*/
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	display: inline-block;
}
.btn-con:hover {
	background: linear-gradient(180deg, #9479FF 0%, #8972E6 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12));
	box-shadow: 0px 12px 64px -12px #8E73FBA3;
	box-shadow: 0px 12px 36px -8px #0000005C;
    color: #fff;
}
header {
	padding: 5px 0px;
}
.nav-btn, .nav-close-btn {
	display:none;
}
.ts-menu-nav {
    width: 100%;
    display: flex;
    align-items: center;
}
/***header css ends********/




/***banner css starts********/


.ts-banner-inner-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;}

.ts-banner-content-video {
    width: 48%;
}
.ts-banner-content-video video {
    border-radius: 30px;
    min-height: 330px;
    object-fit: cover;
}
.ts-banner-content {
    width:52%;
    padding: 0 45px 0 0;
}

.ts-banner-inner-wrapper .ts-placeholder-content {
    justify-content: unset;
}
.ts-banner-text h1 strong {
	width: 256px;
	display: inline-grid;
	vertical-align: top;
	position: relative;
	text-align: center;
}
.word {
	position: absolute;
	opacity: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: fit-content;
}
.letter {
	display: inline-block;
	position: relative;
	float: left;
	transform: translateZ(25px);
	transform-origin: 50% 50% 25px;
}
.letter.out {
	transform: rotateX(90deg);
	transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.letter.behind {
	transform: rotateX(-90deg);
}
.letter.in {
	transform: rotateX(0deg);
	transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.ts-banner-outer {
	padding: 0px 30px;
}
.ts-banner-outer.vshome-heros-section {
    padding: 0;
}
.ts-banner-inner {
	background: url(../images/home-banner.jpg) no-repeat top center;
	background-size:cover;
	border-radius: 24px;
	padding: 100px 20px 110px;
}
.ts-placeholder-content {
	justify-content: center;
	display: flex;
}
.ts-placeholder-left {
	float: left;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.ts-place-text h2 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #fff;
}
.ts-place-text p {
	font-size: 14px;
	font-weight: 500;
	color: #C0BAC9;
	line-height: 1.5;
}
.ts-placeholder-right {
	float: right;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	gap: 16px;
	margin: 0 0 0 30px;
}
.ts-phone-show {
	display:none;
}
.ts-trustpilot-content h2 {
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	color: #fff;
}
.ts-trustpilot-content p {
	font-size: 14px;
	font-weight: 500;
	color: #C0BAC9;
	line-height: 1.5;
}
.ts-banner-text h1 {
	color: #212529;
	font-size: 58px;
	font-weight: 800;
	line-height: 69.6px;
	letter-spacing: -0.01em;
}
.ts-banner-text h1 span {
	/* background: linear-gradient(230.88deg, #AE99FF 27.12%, #7558EA 51.7%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	color: #9177F4;
}
.ts-banner-text {
	max-width: 1000px;
	display: inline-block;
	vertical-align: top;
}
.ts-banner-text > p {
	font-size: 18px;
	font-weight: 500;
	line-height: 32px;
	padding: 5px 0%;
	color: #454153;
}
.ts-banner-text .btn-con {
	display: inline-block;
    min-width: 250px;
    text-align: center;
}
.vshome-heros-section .ts-banner-text .btn-con:hover{
    color: #9177F4 ;
    background: #fff;
    border-color:  #fff;
}
.ts-banner-text .gs-offer-btns1092025  .btn-con {
    min-width: 190px;
}
.gs-offer-btns1092025 {
    display: flex;
    align-items: center;
    gap: 30px;
}
.gs-offer-magic-wrapper a{
    display: flex;
    gap: 12px;
    align-items: center;
}
.gs-offer-magic-right h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19.2px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 4px;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gs-offer-magic-right p {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.18px;
    color: #1E1634;
    opacity: 1;
    margin: 0;
}
.gs-offer-magic-right h4 span {
    display: inline-block;
    background: linear-gradient(92.2deg, #1FD9D9 -1.93%, #2588E3 78.17%);
    color: #fff;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #ffffff;
    vertical-align: middle;
    font-size: 12px;
    padding: 0px 9px;
    margin-top: -2px;
    border-radius: 50px;
    animation: zoomPulse 1s ease-in-out infinite;
}
@keyframes zoomPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1); /* zoom in */
  }
  100% {
    transform: scale(1); /* zoom out */
  }
}
.gs-offer-stunning-design {
    text-align: center;
    padding: 100px 0 40px 0;
}
.gs-offer-stunning-design h3 {
    font-weight: 800;
    font-size: 58px;
    line-height: 69.6px;
    letter-spacing: -0.58px;
    margin: 0 0 23px;
    color: #212529;
}
.gs-offer-stunning-design h3 strong
{
   background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gs-offer-stunning-design p {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.18px;
    opacity: 1;
    color: #454153;
    padding: 0 8% 0;
    margin: 0 0 50px;
}
.gs-offer-stunning-design-video {
    max-width: 730px;
    position: relative;
    margin: auto;
    background: #7558EA29;
    box-shadow: 0px 16px 64px -16px #0000001F;
    padding: 21px;
    border-radius: 24px;
}
.gs-offer-stunning-design-video video {
    display: block;
    border-radius: 12px;
}
.gs-offer-stunning-design-video span {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    position: absolute;
    left: -340px;
    width: 270px;
    font-family: "Caveat", cursive;
    font-size: 24px;
    line-height: 1;
    rotate: -19deg;
}
.gs-offer-stunning-design-video span img {
    position: absolute;
    top: 100%;
    right: 51px;
    margin-top: 10px;
}

.gs-intro-magic-redesign {
    background: url(../images/gs-design-studio-bg.png) no-repeat center;
    background-size: 100% 100%;
    padding: 135px 0 105px;
    margin-top: 50px;
}
.gs-intro-magic-redesign-top {
    text-align: center;
}

.gs-intro-magic-redesign-top h3 {
    font-weight: 800;
    font-size: 58px;
    margin: 0;
    line-height: 69.6px;
    letter-spacing: -0.58px;
    text-align: center;
    margin: 0 0 15px;
    padding: 0 10%;
}
.gs-intro-magic-redesign-top h3 span {
    background:#7558EA url(../images/introducing-magic-redesign.png) no-repeat center;
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gs-intro-magic-redesign-top p {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.18px;
    color: #454153;
    opacity: 1;
    margin: 0 0 32px;
}
.gs-intro-magic-content {
    display: flex;
    flex-wrap: wrap;
}
.gs-intro-magic-left {
    align-self: center;
    width:36%;
}
.gs-intro-magic-left ul {
    padding-bottom: 20px !important;
}
.gs-intro-magic-left li {
    display: flex;
    margin-bottom: 23px;
}

.gs-intro-magic-left li img {
    display: block;
    min-width: 44px;
}

.gs-intro-magic-left li p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #6B7280;
    opacity: 1;
    align-self: center;
    padding-left: 14px;
}
.gs-intro-magic-left .btn-con img {
    width: 24px;
    filter: invert(0) brightness(100);
    margin: 0 10px 0 0;
    transition: .3s all ease;
}
.gs-intro-magic-left .btn-con:hover img{
    filter:none;
}
.gs-intro-magic-redesign.gs-intro-magic-redesign-bottom {
    margin-top: 0;
}
/***banner css ends********/




.rw-words.rw-words-1 {
    /* overflow: hidden; */
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.rw-words.rw-words-1 .imagination {
    opacity: 0;
}
.ts-edge-outer .rw-words.rw-words-1 .imagination {
    padding-right: 0;
}
.limited-time-discount {
    color: #fff;
    margin: -30px 0 40px;
    font-size: 16px;
}
.vsu-hero-section .limited-time-discount {
    color: rgb(69 65 83 / 80%);
}
.vsu-reasons-imgcol .mainSection {
    height: auto;
    border: 15px solid rgb(255 255 255 / 10%);
    border-radius: 20px;
    position: relative;
    background: rgb(255 255 255 / 10%);
}
.vsu-reasons-imgcol .mainSection .bal-container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    border-radius: 6px;
}
.vsu-reasons-imgcol .mainSection .bal-container img {
    border: none;
    border-radius: 0;
}

.vsu-reasons-imgcol .mainSection .bal-beforePosition.beforeLabel,
.vsu-reasons-imgcol .mainSection .bal-afterPosition.afterLabel {
    display: none;
}
.vsu-reasons-imgcol .mainSection > img {
    opacity: 0;
}

.ts-edge-outer .title-con br{
    display: block;
}
.ts-edge-pricing-trustpilot {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.ts-edge-pricing-trustpilot img {
    max-height: 14px;
    display: block;
    margin: 7px 7px;
}
.ts-edge-outer .ts-edge-pricing-trustpilot p {
    margin: 0;
    /* font-size: 17px; */
}
.vsuft-logo-slider-item img {
    max-height: 50px;
}
.rw-words-1 span {
  position: absolute;
  width: 100%;
  opacity: 0;
  overflow: hidden;
  top:0;
  color: #f96566;
  -webkit-animation: rotateWord 18s linear infinite 0s;
  -ms-animation: rotateWord 18s linear infinite 0s;
  animation: rotateWord 18s linear infinite 0s;
  left: 0;
    text-align: left;
}
.rw-words-1 span:nth-child(2) {
  -webkit-animation-delay: 3s;
  -ms-animation-delay: 3s;
  animation-delay: 3s;
}
.rw-words-1 span:nth-child(3) {
  -webkit-animation-delay: 6s;
  -ms-animation-delay: 6s;
  animation-delay: 6s;
}
.rw-words-1 span:nth-child(4) {
  -webkit-animation-delay: 9s;
  -ms-animation-delay: 9s;
  animation-delay: 9s;
}
.rw-words-1 span:nth-child(5) {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;

}
.rw-words-1 span:nth-child(6) {
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -o-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s;
}
@-webkit-keyframes rotateWord {
  0% {opacity: 0;}

  2% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
  }

  5% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }

  17% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }

  20% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }

  80% {opacity: 0;}

  100% {opacity: 0;}
}
@-ms-keyframes rotateWord {
  0% {opacity: 0;}

  2% {
    opacity: 0;
    -ms-transform: translateY(-30px);
  }

  5% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }

  17% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }

  20% {
    opacity: 0;
    -ms-transform: translateY(30px);
  }

  80% {opacity: 0;}

  100% {opacity: 0;}
}
@keyframes rotateWord {
  0% {opacity: 0;}

  2% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  5% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  17% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  20% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {opacity: 0;}

  100% {opacity: 0;}
}



/***peek css starts********/



.ts-peek-tt {
	font-family: "Shadows Into Light", cursive;
	position: absolute;
	top: -95px;
	left: 90px;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: -0.5px;
	color: #fff;
	transform: rotate(-10deg);
}
.ts-peek-logos li {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: rgba(69, 65, 83, 0.51);

}
.ts-peek-tt::after {
 background: url(../images/peek-arrow.svg) no-repeat top center;
 content: "";
 position: absolute;
 top: 130%;
 right: 7px;
 margin: auto;
 height: 89px;
 width: 79px;
 transform: rotate(10deg);
}
.ts-peek-inner {
	background: #fff;
	border-radius: 24px;
	box-shadow: 0px 16px 64px -16px #0000001F;
	padding: 12px;
	margin:  0 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}
.ts-peek-left {
	width: 60%;
}
.ts-peek-left video {
    width: 100%;
    height: 100%;
    border-radius: 16px 0 0 16px;
    object-fit: cover;
}
.ts-peek-right {
    width: 40%;
    background: #F7F5FB;
    border-radius: 0 16px 16px 0px;
    border-left: 12px solid #fff;
    padding: 5px 40px;
    display: flex;
    flex-wrap: wrap;
}
.ts-peek-right ul {
    display: flex;
    flex-wrap: wrap;
}





.ts-peek-right li {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin: 15px 0;
}
.ts-peek-right li span {
	width: 91%;
}
.ts-peek-right li h2 {
	font-family: Eudoxus Sans;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #1E1634;
}
.ts-peek-right li p {
    font-family: Eudoxus Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 23.68px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #454153;
    margin: 7px 0 0;
    opacity: 80%;
}
.ts-peek-right li span {
	width: 81%;
}
.ts-peek-logos {
    text-align: center;
    padding: 60px 0 120px;
}
.ts-peek-logos ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}
.ts-peek-outer {
	margin: 0px 0 0;
	background: url(../images/blur-bg.png) no-repeat center -260px;
	padding: 30px 0 80px 0;
	position: relative;
	background-size: 100% 140%;
}
 .ts-peek-outer::after {
 content: "";
 background: url(../images/big-features2.png) no-repeat top center;
 position: absolute;
 top: 240px;
 right: 0;
 width: 800px;
 height: 860px;
 z-index: -1;
 background-size: 100% 100%;
}
.ts-ai-home {
	text-align: center;
}
.sub-title {
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 700;
	color: #454153;
	text-transform: uppercase;
	opacity: 60%;
}
.title-con {
	font-family: Eudoxus Sans;
	font-size: 42px;
	font-weight: 900;
	margin: 13px 0 0;
}
.title-con span {
	background: linear-gradient(243.78deg, #AE99FF 9.8%, #7558EA 52.97%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ts-ai-home ul {
	display: flex;
	justify-content: center;
	gap: 24px;
	margin: 50px 0 0 !important;
}
.ts-ai-home li {
	display: flex;
	border: 1px solid #4549481A;
	border-radius: 24px;
	text-align: left;
	padding: 26px;
	gap: 24px;
	flex-wrap: wrap;
	background: #FDFDFD;
}
.ts-ai-home li strong {
	box-shadow: 0px 16px 32px -8px #21252929;
	padding: 12px;
	border-radius: 12px;
	background: #fff;
	width: 64px;
	height: 64px;
}
.ts-ai-home li span {
	width: 67%;
}
.ts-ai-home li span h2 {
	font-family: Eudoxus Sans;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-align: left;
	color: #1E1634;
}
.ts-ai-home li span p {
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 500;
	line-height: 23.68px;
	letter-spacing: -0.01em;
	text-align: left;
	margin: 10px 0 0;
	color: #454153;
	opacity: 80%;
}

.vshome-come-admin-img {
    padding: 3px;
    border: 1px solid #7558EA;
    border-radius: 100%;
}

.vshome-come-admin-img img {
    border-radius: 100%;
    display: block;
}

.comp-admin .vshome-come-admin-img {
    width: 55px;
}

.comp-admin .comp-admin-text {
    width: calc(100% - 55px);
    padding: 0 0 0 12px;
}

.comp-admin .comp-admin-text h3 {
    margin: 0;
}

.comp-admin .comp-admin-text h4 {
    margin: 3px 0 0 0;
}

/***peek css ends********/






/********tabs css starts***********/
.ts-tabs-inner {
	text-align: center;
	background: url(../images/choice-bg.png) no-repeat top center;
	border-radius: 24px;
	padding: 70px 20px 60px;
	background-size: cover;
    position: relative;
}
.ts-tabs-outer {
    padding: 0px 30px;
    background: url(../images/for-vshometabs-banner.png) no-repeat;
    background-size: contain;
    background-position: bottom;
    position: relative;
}
.ts-tabs-outer::after {
 content: "";
 background: url(../images/ratio-img.png) no-repeat top center;
 position: absolute;
 bottom: 110px;
 right: 0;
 width: 752px;
 height: 909px;
 z-index: -1;
 background-size: 100% 100%;
 opacity: .1;
}
.tab-border01 {
	border: 8px solid #1e1633;
	border-radius: 20px 0px 0 20px;
	border-right: none;
	box-shadow: 0 0px 1px #757575;
}
.tab-border02 {
	border: 8px solid #1e1633;
	border-radius: 0 0;
	border-right: none;
	border-left: none;
	margin: 0 -5px;
	padding: 0 0;
	/* box-shadow: 1px 0 1px #757575; */
}
.tab-border03 {
	border: 8px solid #1e1633 !important;
	border-radius: 0 16px 16px 0;
	border-left: none !important;
	box-shadow: 0.5px 0px 1px #757575;
	margin: 0 0 0 2px;
}
.tabs {
}
.tabs input[type=radio] {
    display: none;
}
/* .tabs input[type=checkbox] {
	display: none;
} */
.tabs label {
	display: inline-block;
	cursor: pointer;
	color: #FFF;
	width: 200px;
	font-family: Eudoxus Sans;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-align: left;
	background: #1e1633;
}
#tab1:checked + label .lab-div {
	background: #fff;
	border-radius: 16px !important;
}
.lab-div {
	padding: 13px 20px 8px;
	margin: 0 3px;
}
.tabs label:last-of-type {
	border-bottom: none;
}
.ts-output-fields label.container {
    padding:22px 0 0;
}
#tab1:checked + label.tab-border01 .lab-div {
	border-radius: 16px 0 0 16px;
}
#tab2:checked + label.tab-border02 .lab-div {
	border-radius: 16px;
}
#tab2:checked + label .lab-div {
	background: #fff;
	border-radius: 16px !important;
}
#tab3:checked + label .lab-div {
	background: #fff;
	border-radius: 16px !important;
}

/*****Custom CheckBox*********/
.checkbox-animate input {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block !important;
}

.checkbox-animate input:checked~.input-check {
    background-color: #7558ea;
    border-color: #7558ea;
    animation-name: input-animate;
    animation-duration: .7s;
}

.checkbox-animate input:checked~.input-check::before {
    transform: scale(1) rotate(-45deg);
    animation-name: input-check;
    animation-duration: .2s;
    animation-delay: .3s;
}

.checkbox-animate input .input-check {
    top: 0;
}

.checkbox-animate .input-check {
    top: 0;
    margin-right: 0;
    cursor: pointer;
}


 @media screen and (max-width: 1600px) {
.tabs label {
 width: 200px;
}
}
@media screen and (max-width: 900px) {
}
 @media screen and (max-width: 600px) {
.tabs {
 margin: 0;
}
}
#tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label {
	color: #000;
}
.tab-content {
	position: absolute;
	top: -999999px;
	padding: 10px;
}


.ts-placeholder-content  h2,
.ts-placeholder-content  p {
    margin-bottom: 0;
}




 @media screen and (max-width: 600px) {
.tab-content-wrapper, .tab1-content-wrapper {
 border: none;
 border-radius: 0;
}
}
 #tab1:checked ~ .tab-content-wrapper #tab-content-1, #tab2:checked ~ .tab-content-wrapper #tab-content-2, #tab3:checked ~ .tab-content-wrapper #tab-content-3, #tab4:checked ~ .tab-content-wrapper #tab-content-4 {
 position: relative;
 top: 0px;
}
/* .tabs .checkbox-animate label {
    background: transparent;
    width: auto;
} */
.tabs label span {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 17px 7px 0px;
}
.tabs label span.tooltipnew {
    margin-left: 7px;
}
.tabs label .lab-div:hover {
	background: #fff;
	color: #000;
	border-radius:16px;
}
.tab-content-wrapper {
	background: transparent;
	margin: 30px 0 0;
}
.ts-content-inner {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}
.ts-content-inner {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	justify-content: space-between;
}
.ts-tabs-space {
	order: 2;
	width: 39%;
	padding: 32px;
	background: #18122AA3;
	border-radius: 16px;
}
.space-title {
	font-family: Eudoxus Sans;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #fff;
}
.ts-upload-con h3 {
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	text-align: left;
	margin:0 0 10px;
	color: #fff;
}
.ts-upload-con h3 span {
	color: #9479FF;
}
.ai-upload-image {
    border: 1px dashed #7558EA;
    background: #151028;
    border-radius: 10px;
    padding: 30px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 152px;
    margin: 14px 0 22px;
    position: relative;
}
.ai-upload-image input {
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.ai-upload-image span {
    font-family: Eudoxus Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 23.68px;
    letter-spacing: -0.01em;
    color: #C0BAC9;
    margin: 20px 0 0;
    padding: 0;
}
.ts-upload-con {
	background: #31234c;
	padding: 20px;
	border-radius: 8px;
	margin: 20px 0 0;
}
.ts-output-fields label {
	width: 100%;
	font-family: Eudoxus Sans;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.01em;
	background: none !important;
	margin: 20px 0 12px;
	color: #C0BAC9 !important;
	cursor: inherit;
}
.ts-output-fields select {
    background: #41326a;
    width: 100%;
    border: 1px solid #C0BAC929;
    font-family: Eudoxus Sans;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.01em;
    text-align: left;
    color: #fff;
    border-radius: 7px;
    padding: 12px 20px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(../images/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 20px top 50%, 0 0;
}
.ts-output-fields select:focus-visible {
    outline: none;
}
.ts-output-fields select option {
	/* color: #000; */
	font-family: Eudoxus Sans;
}
/*customize and generate page css start*/
.interior-list {
	display: flex;
	flex-wrap: wrap;
}
.interior-list li, .gs-modal-content .interior-list li {
	margin: 10px 14px 0 0;
	background: #313455;
	border-radius: 8px;
	padding: 8px 18px;
	color: #8991B1;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	text-align: left;
	cursor: pointer;
}
.interior-list li.active {
	color: #fff;
	background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.interior-list li::before {
 content: "";
 height: 12px;
 width: 12px;
 background: url(../images/gs-select-automatically-lus-icon.png) no-repeat center;
 display: inline-block;
 vertical-align: top;
 margin: 1px 3px 0 0;
}
.interior-list li.active::before {
 background-image: url(../images/gs-select-automatically-check-icon.png);
}
/*customize and generate page css starts*/

.gs-our-preset-settings {
	background: #1C1E26;
	padding: 16px 17px 20px;
	border-radius: 10px;
}
.gs-our-preset-interior {
	padding: 12px 0 0;
}
.gs-our-preset-interior a {
	color: #927AF2;
	margin-left: 5px;
	font-size: 80%;
	vertical-align: top;
}
.gs-our-preset-color ul {
	display: flex;
	flex-wrap: wrap;
}
.gs-our-preset-color li {
	height: 22px;
	width: 22px;
	margin-right: 13px;
	margin-top: 7px;
	border-radius: 5px;
	border: 2px solid transparent;
	position: relative;
}
.gs-our-preset-color li.active {
	border-color: #fff;
}
.gs-our-preset-color li:hover .ai-upload-option-tooltip {
	display: block;
	visibility: visible;
}
.gs-our-preset-color li .ai-upload-option-tooltip {
	top: 100%;
	bottom: unset;
	margin: 4px 0 0 0;
	z-index: 1;
}
.gs-our-preset-color li .ai-upload-option-tooltip::after {
 top: unset;
 transform: translate(-50%) rotate(180deg);
 bottom: 100%;
}
.our-preset-range-design .ui-widget-header {
	background: #1C1E26;
	border-radius: 50px;
}
.gs-select-design.our-preset-range-design .ui-widget.ui-widget-content {
	/* background: #1C1E26;
	border-radius: 50px; */
}
.our-preset-range-design {
	padding: 10px 0 0;
}
.our-preset-settings-range-outer {
	padding: 12px 0 0;
}
.our-preset-settings-range-list ul {
	display: flex;
	justify-content: space-between;
}
.our-preset-settings-range-list li {
	position: relative;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 20.72px;
	letter-spacing: -0.01em;
}
.our-preset-settings-range-list {
	padding: 13px 3px 0;
}
.our-preset-settings-box textarea {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	width: 100%;
	resize: none;
	height: 116px;
	background: #1C1E26;
	border: none;
	padding: 10px 16px;
	border-radius: 10px;
	color: #8991B1B0;
	outline: none;
}
.our-preset-settings-box textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #8991B1B0;
 opacity: 1;
}
 .our-preset-settings-box textarea::-moz-placeholder { /* Firefox 19+ */
 color: pink;
}
 .our-preset-settings-box textarea:-ms-input-placeholder { /* IE 10+ */
 color: pink;
}
 .our-preset-settings-box textarea:-moz-placeholder { /* Firefox 18- */
 color: pink;
}
/*customize and generate page css end*/

.gs-select-design .ui-widget.ui-widget-content {
	border: 0px solid #c5c5c5;
	background: #313455;
	/* height: 8px; */
	border-radius: 8px;
}
.gs-select-design .ui-slider-horizontal .ui-slider-range-min {
	left: 0;
	background: #7558EA;
	border-radius: 8px;
}
.gs-select-design .ui-widget-content .ui-state-default, .gs-select-design .ui-widget-content .ui-state-hover, .gs-select-design .ui-widget-content .ui-state-focus, .gs-select-design .ui-widget-content .ui-state-active {
	/* background: #7558EA;
	border: none;
	outline: none;
	border-radius: 50%;
	top: -6px; */
}
.font14 {
	font-family: Eudoxus Sans;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.01em;
	margin: 20px 0 12px;
	color: #C0BAC9;
}
.our-preset-settings-range-outer {
	/* margin: 20px 0;
	border-top: 1px solid #C0BAC929;
	border-bottom: 1px solid #C0BAC929;
	padding: 0px 0 20px; */
}
/* .ts-checkbox input {
	float: right;
	width: 20px;
	font-size: 20px;
	height: 20px;
} */
label.container {
	margin: 0 !important;
}
label.switch {
	position: relative;
	display: inline-block;
	width: 80px !important;
	height: 34px;
	background: none !important;
	margin: -8px 0 0;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
 -webkit-transition: .4s;
 transition: .4s;
}
 .slider::before {
 position: absolute;
 content: "";
 height: 26px;
 width: 26px;
 left: 4px;
 bottom: 2px;
 background-color: white;
 -webkit-transition: .4s;
 transition: .4s;
 background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
}
input:checked + .slider {
	background-color: #2196F3;
}
input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
label.switch .slider.round {
	margin: 0 10px;
	background: #fff;
	border: 2px solid #C0BAC929;
	box-shadow: 0px 4px 8px -4px #2125291F;
}
/* Rounded sliders */
.slider.round {
    width: auto;
	border-radius: 34px;
}
.slider.round:before {
	border-radius: 50%;
}
.ai-generate {
	display: flex;
	margin: 29px 0 0;
}
.ts-upload-con.ts-generate {
	box-shadow: 0px 16px 64px -16px #0000001F;
	background: #fff;
}
.ts-upload-con.ts-generate h3 {
	color: #1E1634;
}
.ai-generate h2 {
	font-family: Eudoxus Sans;
	font-size: 14px;
	font-weight: 500;
	line-height: 20.72px;
	letter-spacing: -0.01em;
	text-align: center;
	/* color: #8f8b99; */
}
.ts-upload-con.ts-generate .btn-con {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin: 20px 0 0;
}
.ts-tabs-comunities {
	width: 59%;
	background: #1f1636;
	padding: 30px;
	border-radius: 16px;
	position: relative;
	overflow: hidden;
}
.ts-images-inner {
	position: relative;
	overflow-y: auto;
	height: 1330px;
	margin: 25px 0 0;
    /* overflow-x: hidden;
    padding-right: 20px; */
}
.ts-images-inner ul {
	display: flex;
	flex-wrap: wrap;
	gap: 29px;
	border-bottom: 1px solid #444;
	padding: 0 0 25px !important;
	justify-content: center;
	margin: 0 0 25px !important;
}
.ts-images-inner li {
	width: 47%;
	position: relative;
}
.ts-images-inner li img {
    width: 100%;
    border-radius: 9px;
    display: block;
    height: 100%;
}
.ts-images-inner li > img {
    height: 350px;
    object-fit: cover;
}
.ts-images-inner li h2 {
	position: absolute;
	top: 0;
	padding: 8px 12px;
	background: #fff;
	border-radius: 50px;
	font-family: Eudoxus Sans;
	font-size: 10px;
	font-weight: 700;
	line-height: 1px;
	letter-spacing: -0.01em;
	color: #7558EA;
	top: 10px;
	/* left: 11px; */
	z-index: 1;
}
body .render-overlay h2 {
    display: inline-block;
}
body .checkbox-animate {
    top: 10px;
}
.ts-images-inner .render-overlay {
    background: transparent;
    /* position: unset; */
}
.ts-images-inner li h3 {
	position: absolute;
	padding: 8px 12px;
	border-radius: 50px;
	font-size: 10px;
	font-weight: 400;
	line-height: 1px;
	letter-spacing: -0.01em;
	color: #fff;
	top: 10px;
	/* left: 101px; */
	background: #0000005C;
	z-index: 1;
    margin-left: 0;
    display: none;
}
.ts-tabs-comunities::after {
 background: url(../images/bottom-gradient.png) no-repeat top center;
 content: "";
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 230px;
 left: 0;
 right: 0;
 z-index: 1;
 background-size: 100% 100%;
 opacity: 0;
}
.ts-images-inner ul:last-child {
	border: none;
	padding-bottom: 0;
}
.ts-tabs-inner .sub-title {
	color: #C0BAC9;
	margin: 0 0 30px;
	opacity: 60%;
}

input, select, textarea {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}


.ts-individuals {
	padding: 60px 0 50px 0;
}
.ts-individuals {
	padding: 90px 0 80px 0;
	display: flex;
	align-items: end;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ts-individuals-left {
	width: 73%;
	padding: 0 50px 0 0;
}
.ts-individuals-left p {
	font-family: Eudoxus Sans;
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: -0.01em;
	text-align: left;
	margin: 20px 0 0;
	color: #454153;
}
.ts-personal {
	padding: 24px;
	background: #fff;
	border-radius: 24px;
	border: 1px solid #4549481A;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	align-items: center;
}
.ts-personal-right {
	width: 61%;
}
.ts-title {
	font-size: 32px;
	font-weight: 800;
}
.ts-title span {
	background: linear-gradient(243.78deg, #AE99FF 9.8%, #7558EA 52.97%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ts-personal-right p {
	font-size: 16px;
	font-weight: 500;
	line-height: 25.6px;
	letter-spacing: -0.01em;
	margin: 12px 0;
	color: #454153;
}
.ts-personal-right ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 22px 0 0 !important;
}
.ts-personal-right li {
	background: url(../images/checkbox-rec.svg) no-repeat 3px;
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #1E1634;
	padding: 5px 0 5px 50px;
}
.ts-personal.ts-enterprise {
	background: #2c1e4f;
	margin: 40px 0 0;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.ts-personal.ts-enterprise p, .ts-personal.ts-enterprise li {
	color: #C0BAC9;
}
.ts-personal.ts-enterprise li {
	background: url(../images/checkbox-rec2.svg) no-repeat 4px;
	color: #fff;
}
.out-more {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background-color: #181229;
	padding: 10px 30px;
	border-radius: 0px 0px 0px 10px;
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 700;
	line-height: 20.16px;
	letter-spacing: -0.01em;
	padding: 17px 60px 17px 30px;
	background-image: url(../images/arrow01.svg);
	background-position: 86%;
	background-repeat: no-repeat;
	transition: all 0.5s ease;
}
.out-more:hover {
	background-color: #241644;
}
.ts-downld {
	position: absolute;
	top: 0;
	background:#0000005e;
	width: 100%;
	height: 100%;
	right: 0;
	left: 0;
	display:none;
	text-align: center;
	border-radius: 9px;
	transition: all 0.5s ease;
}
.ts-images-inner li:hover .ts-downld {
	display:block;
	transition: all 0.5s ease;
}
.ts-textarea-ch {
	width: 100%;
	margin: 14px 0 0;
	background: #41326a;
	border: none;
	padding: 10px 15px;
	font-size: 15px;
	color: #fff;
	outline: none !important;
	border-radius: 12px;
	height: 100px;
	font-family: 'Eudoxus Sans';
	line-height: 24px;
}
.ts-downld-inner {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.ts-downld-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
	width:70%;
}
.ts-magni {
	width: 24%;
    display: none;
}
.ts-magni:nth-child(2) {
    display: block;
}
.ts-magni h4 {
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	margin: 0 0 6px;
}
.magni-img {
	width: 44px;
	height: 44px;
	background: #000000c4;
	border-radius: 10px;
	padding: 10px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}
.magni-img.ts-down-ld {
	background: linear-gradient(180deg, #8a6dff 0%, #502EA0 77.08%);
}.ts-down-size img {
	max-width: 16px;
}
/********tabs css ends***********/


/********components-con css starts***********/

.ts-components-con {
	text-align: center;
	border-top: 1px solid #e1e1e1;
	padding: 70px 10px;
	margin: 60px 0 0;
}
.ts-components-con ul {
	display: flex;
	align-items: center;
	gap: 61px;
	justify-content: center;
}
.ts-components-con li h2 {
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #454153;
	margin: 20px 0 0;
	opacity: 60%;
}
.ts-components {
	background: url(../images/testimonials-bg.png) no-repeat center -150px;
	background-size: 100% 120%;
	position:relative;
}
 .ts-components::after {
 content: "";
 background: url(../images/testimonials-shape.png) no-repeat top center;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 500px;
 height: 860px;
 z-index: -1;
 background-size: 100% 100%;
}
.ts-company-con {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	padding: 120px 0 60px;
}
.ts-company-good {
	position: relative;
	width: 32.8%;
	height: 100%;
	padding-right: 4%;
}
.ts-company-good p {
	font-family: Eudoxus Sans;
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: -0.01em;
	text-align: left;
	margin: 16px 0 0;
	color: #454153;
}
.ts-company-outstanding {
	width: 31%;
	background: #fff;
	border-radius: 20px;
	padding: 0 30px 30px;
	box-shadow: 0px 16px 64px -16px #0000001F;
}
.quota-img {
	margin: -23px 0 0;
}
.ts-just-take {
	font-family: "Shadows Into Light", cursive;
	color: #7558EA;
	transform: rotate(-10deg);
	max-width: 150px;
	font-size: 24px;
	font-weight: 400;
	line-height: 28.8px;
	letter-spacing: -1px;
	float: right;
	margin: -20px 0 0;
	position: absolute;
	top: 123%;
	right: 58px;
}
 .ts-just-take::after {
 background: url(../images/thing-arrow.svg) no-repeat top center;
 position: absolute;
 top: 111%;
 right: -50px;
 content: "";
 width: 112px;
 height: 39px;
}
.ts-company-outstanding .ts-title {
	margin: 27px 0 20px;
}
.ts-company-outstanding p {
	font-size: 16px;
	font-weight: 500;
	line-height: 25.6px;
	letter-spacing: -0.01em;
	color: #454153;
}
.comp-admin {
	display: flex;
	align-items: center;
	border-top: 1px solid #e1e1e1;
	margin: 40px 0 0;
	padding: 30px 0 0;
}
.comp-admin-text h3 {
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #1E1634;
}
.comp-admin-text h4 {
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #454153;
	opacity: 30%;
	margin: 6px 0 0;
}
.ts-company-outstanding.ts-comp-inner {
	margin: -60px 0 60px 0;
}
.ts-edge-outer {
	text-align: center;
	padding: 0;
	position: relative;
	z-index: 2;
}
.ts-edge-outer p {
	color: #454153;
	font-family: Eudoxus Sans;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.01em;
	text-align: center;
	margin: 20px 0 0;
}
.ba-Slider {
	position: relative;
	display: block;
	margin: 0;
	overflow: hidden;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: max-content !important;
	height: fit-content !important;
}
.ts-slider {
	position: absolute;
	top: 0;
	left: calc(50% - 24px);
	background: transparent url(../images/button-large-teal.svg) no-repeat center;
	width: 48px;
	height: 100%;
	cursor: pointer;
}
#before {
	position:absolute;
	top:0;
	left:0;
	width:50%;
	overflow:hidden;
}
.ease {
 transition:width ease .5s, left ease .5s;
 -moz-transition:width ease .5s, left ease .5s;
 -webkit-transition:width ease .5s, left ease .5s;
}
.ts-redesign-img img {
	max-width: inherit;
	border-radius: 10px;
}
.ts-redesign-outer {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	align-items: center;
	margin: 80px 0;
}
.ts-redesign-img {
	width: 50%;
}
 .ts-slider::after {
 content: "";
 width: 5px;
 position: absolute;
 height: 100%;
 background: #fff;
 right: 0;
 left: 0px;
 margin: auto;
}
.ts-redesign-img {
	width: 48.8%;
	box-shadow: 0px 16px 64px -16px #0000001F;
	padding: 12px;
	background: #fff;
	border-radius: 24px;
	order: 2;
}
.ts-redesign-content {
	width: 46%;
}
.ts-redesign-content p {
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 500;
	line-height: 25.6px;
	letter-spacing: -0.01em;
	color: #6a6775;
	margin: 20px 0;
}
.ts-redesign-content .ts-title {
	position: relative;
	padding: 0 0 21px;
}
.ts-redesign-main .bal-afterPosition.afterLabel,
.ts-redesign-main .bal-beforePosition.beforeLabel {
    opacity: 0;
}
 .ts-redesign-content .ts-title::after {
 content: "";
 background: #9479FF;
 height: 4px;
 width: 115px;
 bottom: 0;
 left: 0;
 position: absolute;
 border-radius: 100px;
}
.ts-interiors li {
	background: url(../images/checkbox-rec.svg) no-repeat 3px;
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #1E1634;
	padding: 5px 0 5px 42px;
	margin: 10px 0;
	background-size: 25px;
}
.ts-redesign-outer.ts-redesign-unselectable .ts-redesign-content {
	order: 2;
}
/********components-con css ends***********/



/********redesign-main css starts***********/

.ts-redesign-main {
	background: url(../images/bg-blurs.png) no-repeat top center;
	background-size: 100% 100%;
	position: relative;
}
.ts-redesign-main::after {
 background: url(../images/big-features.png) no-repeat top center;
 position: absolute;
 top: 67%;
 right: 0;
 width: 731px;
 height: 1365px;
 content: "";
 background-size: 100% 100%;
 opacity: .6;
}
.ts-redesign-main .auto-container {
	position: relative;
	z-index: 1;
}
/********redesign-main css ends***********/


/********design-in css starts***********/

.ts-design-in {
    text-align: center;
    background: url(../images/design-in-bg.png) no-repeat top center;
    background-size: cover;
    border-radius: 24px;
    padding: 90px 20px 100px;
    position: relative;
    background-color: #1E1634;
}

.ts-home-design.ts-saving-ds .ts-design-in {
    background: url(../images/case-selection-banner.png) no-repeat top center;
    background-size: cover;
    background-color: #1E1634;
}
.ts-home-design {
    padding: 40px 30px 0px;
}
.ts-ai-design {
	display: flex;
	gap: 20px;
	justify-content: center;
	border-bottom: 1px solid #444;
	padding: 0 0 50px;
	max-width: 1168px;
	margin: auto;
	margin-top: 50px;
}
.ts-ai-design h2 {
	font-family: Eudoxus Sans;
	font-size: 18px;
	font-weight: 700;
	line-height: 20.88px;
	letter-spacing: -0.02em;
	color: #fff;
	margin: 20px 0 15px;
}.ts-ai-design li {
	width: 100%;
}
.ts-ai-design p {
	font-size: 16px;
	font-weight: 500;
	line-height: 23.68px;
	letter-spacing: -0.01em;
	color: #C0BAC9;
}
.ts-redesign-in {
	display: inline-block;
	vertical-align: top;
	margin: 50px 0 0;
}
.ts-redesign-in .btn-con {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 15px;
}
.ts-redesign-in p {
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: -0.01em;
	margin: 10px 0 0;
	color: #fff;
	font-weight: 500;
	opacity: 1;
}
 .ts-redesign-main.ts-redesign-main2::after {
 display:none;
}
/********design-in css ends***********/


/********saving css starts***********/

.ts-saving .title-con {
	margin: 13px 0 20px;
}
.ts-saving-design {
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	justify-content: center;
	margin: 60px auto 10px;
	max-width: 1168px;
}
.ts-saving-design li {
	width: 31%;
	background: #F6F6F6;
	padding: 0 0 20px;
	border-radius: 30px;
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	border: 12px solid #fff;
}
.ts-saving-design li img {
	border-radius: 17px 17px 0px 0px;
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.ts-saving-design li h3 {
	display: inline-block;
	background: #fff;
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: -0.01em;
	text-align: left;
	color: #9479FF;
	box-shadow: 0px 16px 64px -16px #0000001F;
	padding: 10px 20px;
	border-radius: 50px;
	margin: -20px 0 20px 30px;
	vertical-align: top;
}
.ts-saving-design li h2 {
	font-family: Eudoxus Sans;
	font-size: 18px;
	font-weight: 700;
	line-height: 20.88px;
	letter-spacing: -0.02em;
	color: #1E1634;
	padding: 0 25px 12px;
}
.ts-saving-design li p {
	font-size: 16px;
	line-height: 25.6px;
	color: #6a6775;
	padding: 0 25px 20px;
}
.ts-saving-design li h4 {
	background: url(../images/checkbox-rec.svg) no-repeat 3px;
	background-size: auto;
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #1E1634;
	padding: 5px 0 5px 42px;
	margin: 7px 22px;
	background-size: 25px;
}
.ts-home-design.ts-saving-ds {
	background: url(../images/testimonials-bg.png) no-repeat center 800px;
	background-size: auto;
	background-size: 100% 77%;
	position: relative;
}
.ts-saving-design li::after {
 /* background: url(../images/after-arrow.png) no-repeat top center; */
 content: "";
 position: absolute;
 top: -32px;
 left: 0;
 right: 0;
 margin: auto;
 width: 134px;
 height: 46px;
 background-size: 100% 100%;
}
.ts-saving-design li:first-child::after, .ts-saving-design li:nth-child(2)::after {
 display:none;
}
.ts-company-con.ts-company-gd .ts-company-outstanding.ts-comp-inner {
	margin: 60px 0 -60px;
}
.ts-saving-ds::after {
 content: "";
 background: url(../images/testimonials-shape.png) no-repeat top center;
 position: absolute;
 bottom: 22%;
 left: 0;
 width: 500px;
 height: 300px;
 z-index: -1;
}
/********saving css ends***********/


/********slider css starts***********/
.ts-img-slider {
	text-align: center;
}
.ts-img-slider h4 {
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 700;
	line-height: 20.16px;
	letter-spacing: -0.01em;
	color: #fff;
	margin: -55px 0 50px;
}
.ts-img-slider .owl-dots {
	display: none;
}
.ts-furniture {
	position: relative;
	padding: 50px 0;
    overflow-x: clip;
}
.ts-furniture .ts-edge-outer p {
	padding: 0 19%;
}
.ts-furniture::after {
 background: url(../images/library-left.png) no-repeat top center;
 content: "";
 position: absolute;
 top: -7%;
 left: 0;
 width: 616px;
 height: 1450px;
 z-index: 1;
 background-size: 100% 100%;
 opacity: 0.5;
}
.ts-furniture::before {
 background: url(../images/library-right.png) no-repeat top center;
 content: "";
 position: absolute;
 top: -7%;
 right: 0;
 width: 616px;
 height: 1450px;
 z-index: 11;
 background-size: 100% 100%;
  opacity: 0.5;
}
.ts-furniture .owl-nav {
	display: none;
}
.ts-furniture .owl-carousel .owl-item img {
	height: 340px;
	object-fit: cover;
	border-radius: 24px;
	border: 12px solid #fff;
	box-shadow: 0px 16px 64px -16px #0000001F;
}
.ts-furniture .owl-carousel .owl-item {
	margin: 0 0 80px;
}

.ts-furniture-in.ts-edge-outer::before {
    position: absolute;
    content: "";
    width: 200vw;
    height: 1px;
    background: #e1e1e1;
    top: 0;
    left: -50vw;
}

.ts-furniture-in.ts-edge-outer {
	padding: 120px 0 60px;
}.ts-bg-according .ts-edge-outer {
	padding: 20px 0 60px;
}
/********slider css ends***********/


/********generation css starts***********/
.ts-generation-outer {
	position: relative;
	z-index: 111;
	text-align: center;
}
.ts-generation-outer ul {
	display: flex;
	justify-content: center;
	gap: 20px;
	text-align: center;
}
.ts-generation-outer li {
	border: 1px solid #4549481A;
	padding: 36px;
	border-radius: 24px;
	background: #FDFDFD;
}
.ts-generation-outer li span {
	box-shadow: 0px 16px 32px -8px #21252929;
	width: 64px;
	height: 64px;
	display: inline-block;
	padding: 12px;
	border-radius: 12px;
}
.ts-generation-outer li h3 {
	font-family: Eudoxus Sans;
	font-size: 18px;
	font-weight: 700;
	line-height: 20.88px;
	letter-spacing: -0.02em;
	text-align: center;
	color: #1E1634;
	margin: 20px 0 15px;
	padding: 0 14%;
}
.ts-generation-outer li p {
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 500;
	line-height: 25.6px;
	letter-spacing: -0.01em;
	color: #454153;
}
/********generation css ends***********/


/*****faq css starts********/


.tab input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}
.tab__content {
	max-height: 0;
	overflow: hidden;
	transition: all 0.35s;
	position: relative;
}
 .tab__content::after {
 width: 94%;
 height: 1px;
 background: #ececec;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 margin: auto;
}
 .tab input:checked ~ .tab__content {
 max-height: 20rem;
 padding: 10px 0 20px;
}
/* Visual styles */

.tab__label, .tab__close {
	display: flex;
	color: #1E1634;
	cursor: pointer;
	border-radius: 24px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.02em;
	background: #FDFDFD;
}
.tab input:checked .tab__label {
	margin:0;
}
.tab__label {
	justify-content: space-between;
	padding: 30px;
}
.tab__label::after {
 content: "";
 width: 24px;
 height: 24px;
 text-align: center;
 transition: all 0.35s;
 background: url(../images/plus-circle.svg) no-repeat top center;
}
.tab {
	box-shadow: 0px 16px 64px -16px #0000001F;
	border: 1px solid #4549481A;
	margin: 20px 0;
	border-radius: 20px;
}
.tab input:checked + .tab__label::after {
 background: url(../images/minus-circle.svg) no-repeat top center;
}
.tab__content p {
	margin: 0;
	padding: 10px 30px;
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 500;
	line-height: 25.6px;
	letter-spacing: -0.01em;
	color: #454153;
}
.tab__close {
	justify-content: flex-end;
	padding: 0.5rem 1rem;
	font-size: 0.75rem;
}
.accordion--radio {
 --theme: var(--secondary);
}

/* Arrow animation */
/*.tab input:not(:checked) + .tab__label:hover::after {
 -webkit-animation: bounce .5s infinite;
 animation: bounce .5s infinite;
}


@-webkit-keyframes bounce {
 25% {
 transform: rotate(90deg) translate(.25rem);
}
 75% {
 transform: rotate(90deg) translate(-.25rem);
}


}
@keyframes bounce {
 25% {
 transform: rotate(90deg) translate(.25rem);
}
 75% {
 transform: rotate(90deg) translate(-.25rem);
}
}*/
.ts-faq {
	padding: 30px 30px 100px;
	background:url(../images/faq-bg.png) no-repeat center 300px;
	background-size:100% 96%;
}
.ts-design-in.ts-decorates {
	background: url(../images/decoratebx-banner.png) no-repeat top center;
	background-size:cover;
	box-shadow: 0px 16px 64px -16px #0000001F;
	overflow: hidden;
	margin: 50px 0 0;
    background-color: #1E1634;
    background: linear-gradient(180deg, #241745 0%, #5939AB 100%);
}
.ts-decorates p {
	padding: 30px 22% 0;
}
 .ts-decorates::after {
 content: "";
 background: url(../images/cta-img-left.png) no-repeat top center;
 position: absolute;
 top: 0;
 left: 0;
 width: 299px;
 height: 100%;
 background-position: left  bottom;
 background-size: contain;
}
 .ts-decorates::before {
 content: "";
 background: url(../images/cta-img-right.png) no-repeat top center;
 position: absolute;
 top: 0;
 right: 0;
 width: 299px;
 height: 100%;
 background-position: right  bottom;
 background-size: contain;
}
.ts-device {
	text-align: center;
	width: 100%;
	padding: 80px 0 0;
}
.ts-trusted {
	margin: 0 0 22px;
}
.ts-trusted p {
	font-size: 16px;
	font-weight: 400;
}
.ts-device .ts-place-text h2 {
	color: #1E1634;
}
.ts-device .ts-place-text p {
	color: #454153;
}
.ts-device .ts-trustpilot-content h2 {
	color: #1E1634;
}
.ts-device .ts-trustpilot-content p {
	color: #454153;
}
/*****faq css ends********/





/*****pricing css starts********/
.ts-pricing-inner {
	display: flex;
	justify-content: space-between;
	gap: 32px;
}
.ts-pricing-inner li {
	background: #FDFDFD;
	border: 1px solid #4549481A;
	width: 100%;
	border-radius: 24px;
}
.ts-main-price {
	padding: 32px;
	background: #F4F4F4;
	border-radius: 22px 22px 0 0;
	border-bottom: 1px solid #4549481A;
	position: sticky;
	top: 0;
	z-index: 1111;
	border-top: 20px solid #F4F4F4;
/*	margin: -1px 0px;*/
	box-shadow: 0px 16px 64px -16px #0000001F;
}
.ts-individual-price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	position: relative;
	z-index: 1;
}
.ts-individual-price-left {
	display: flex;
	align-items: center;
	gap: 15px;
}
.ts-individual-price-left img {
    box-shadow: 0px 16px 32px -8px #21252929;
    border-radius: 12px;
}
.ts-individual-price-left h2 {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #1E1634;
}
.ts-individual-price-right {
	text-align: right;
}
.ts-individual-price-right h2 {
	font-family: Eudoxus Sans;
	font-size: 32px;
	font-weight: 800;
	color: #1E1634;
}
.ts-individual-price-right h3 {
	font-family: Eudoxus Sans;
	font-size: 14px;
	font-weight: 500;
	color: #454153;
}
.ts-price-access {
	display: grid;
	text-align: center;
	margin: 20px 0 0;
	position: relative;
	z-index: 1;
}
.ts-access-btn {
	border: 1px solid #4549481A;
	background: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 19.36px;
	letter-spacing: -0.01em;
	color: #1E1634;
	padding: 16px;
	border-radius: 8px;
}
.ts-access-btn:hover {
	background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
	border: 1px solid;
	border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
	box-shadow: 0px 12px 36px -8px #0000005C;
	color: #fff;
}
.ts-cancel-btn {
	font-size: 14px;
	font-weight: 500;
	color: #454153;
	margin: 15px 0 0;
}
.ts-price-detail h3 {
	background: url(../images/checkbox-rec.svg) no-repeat 3px;
	background-size: auto;
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.01em;
	color:#454153;
	padding: 5px 0 5px 42px;
	margin: 10px 0;
	background-size: 25px;
}
.ts-pricing-inner li.ts-papular-plan {
	position: relative;
	box-shadow: 0px 16px 64px -16px #0000001F;
	background: linear-gradient(70.23deg, #181229 8.78%, #241644 98.56%);
}
.ts-choice-tt {
    left: 50%;
    margin: auto;
    width: fit-content;
    color: #9479FF;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.01em;
    background: #fff;
    padding: 8px 16px;
    border-radius: 50px;
    z-index: 99999;
    position: absolute;
    transform: translate(-50%, -50%);
    text-align: center;
    white-space: nowrap;
}
.ts-pricing-inner li.ts-papular-plan .ts-main-price {
	background: #332d62;
	border-bottom: 1px solid #484848;
	overflow: hidden;
}
.ts-pricing-inner li.ts-papular-plan .ts-main-price::after {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    width: 368px;
    height: 400px;
    background: url(../images/up-price-bg.png) no-repeat top center;
    background-size: 100% 100%;
}
.ts-pricing-inner li.ts-papular-plan h2 {
	color: #fff;
}
.ts-pricing-inner li.ts-papular-plan .ts-individual-price-right h3 {
	color: #C0BAC9;
}
.ts-pricing-inner li.ts-papular-plan .ts-access-btn {
	background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
	border: 1px solid #A38DFE;
/*	border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);*/
	box-shadow: 0px 12px 36px -8px #0000005C;
	color:#fff;
}
.ts-pricing-inner li.ts-papular-plan .ts-cancel-btn {
	color: #C0BAC9;
}
.ts-pricing-inner li.ts-papular-plan .ts-price-detail h3 {
	background: url(../images/checkbox-rec2.svg) no-repeat 4px;
	color: #fff;
	position: relative;
	z-index: 1;
}
.ts-price-detail {
	padding: 22px 32px;
	position: relative;
	overflow: hidden;
	border-radius: 0px 0 30px 30px;
}
.ts-pricing-inner li.ts-papular-plan .ts-price-detail::after {
 background: url(../images/pricing-bg.png) no-repeat top center;
 position: absolute;
 bottom: 0;
 right: 0;
 width: 368px;
 height: 779px;
 content: "";
 background-size: 100% 100%;
}
.ts-fastspring {
	width: 100%;
	text-align: center;
	padding: 40px 0 0;
}
.ts-fastspring-img {
	position: relative;
}
 .ts-fastspring-img::after {
 content: "";
 width: 100%;
 height: 1px;
 background: #eaeaea;
 position: absolute;
 left: 0;
 top: 55%;
 z-index: -1;
}
.ts-fastspring-img img {
	background: #fff;
	padding: 0 40px;
}
.ts-client {
	padding: 50px 0 0;
}
.ts-client h3 {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #1E1634;
}
.ts-client p {
	font-size: 16px;
	font-weight: 500;
	margin: 5px 0 0;
}
.ts-pricing {
	background:url(../images/pricing-bottom.png) no-repeat center 300px;
	background-size:100% 100%;
}
.ts-enter-price {
	background: url(../images/enterprise-img02.jpg) no-repeat top center;
	background-size: cover;
	padding: 80px 15px 190px;
}
.ts-enter-right {
	float: right;
	width: 50%;
}
.ts-enter-right p {
	margin: 30px 0;
	color:#fff;
}.ts-main-price-ot {
	position: sticky;
	top: 0;
	z-index: 1111;
	border-radius: 0px;
	margin: -1px -1px;
	box-shadow: 0px 16px 124px -16px #0000000A;
}
.ts-main-price-ot .ts-main-price {
    border-top: 0;
    padding: 52px 32px 32px 32px;
}

/*****pricing css ends********/



/*****Designs Generated css starts********/
.ts-gesigns-inner {
	padding: 60px 64px;
	border-radius: 24px;
	border: 1px solid #4549481A;
	background: #FDFDFD;
	text-align: center;
	margin: -120px 0 70px;
}
.ts-gesigns-inner ul {
	display: flex;
	justify-content: space-between;
	gap: 24px;
}
.ts-gesigns-inner li span {
	box-shadow: 0px 16px 32px -8px #21252929;
	width: 64px;
	height: 64px;
	display: inline-block;
	padding: 12px;
	border-radius: 12px;
}
.ts-gesigns-inner li h2 {
	font-family: Eudoxus Sans;
	font-size: 42px;
	font-weight: 800;
	background: linear-gradient(243.78deg, #AE99FF 9.8%, #7558EA 52.97%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 30px 0 15px;
}
.ts-gesigns-inner li h3 {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-align: center;
	color: #1E1634;
}
.ts-gesigns-inner li p {
	font-size: 16px;
	font-weight: 500;
	line-height: 25.6px;
	letter-spacing: -0.01em;
	text-align: center;
	margin: 10px 0 0;
	color: #454153;
}
.ts-gesigns-generated {
	position: relative;
	background: url(../images/testimonials-bg.png) no-repeat center;
	background-size: 100% 100%;
	padding: 0 0 100px;
}
 .ts-gesigns-generated::after {
 content: "";
 background: url(../images/testimonials-shape.png) no-repeat top center;
 position: absolute;
 top: 0;
 left: 0;
 width: 500px;
 height: 860px;
 z-index: -1;
 background-size:100% 100%;
}
.ts-brands {
	text-align: center;
}
.ts-brands h2 {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	color: #454153;
	text-transform: uppercase;
	opacity: 80%;
}
.ts-brands ul {
	display: flex;
	justify-content: center;
	gap: 50px;
	margin: 50px 0 0 !important;
}
/*****Designs Generated css ends********/




/*****Bring Generated css starts********/

.ts-bring-generated {
	padding: 0 30px;
}
.ts-design-in.ts-bring {
    background: url(../images/bring-bg.jpg) no-repeat top center;
    background-size: cover;
    margin: 0 0 -230px;
    z-index: 1;
    background-color: #241644;
}
.ts-design-in.ts-bring::before {
    background: url(../images/check-box-pattern.png) no-repeat center top;
    background-size: cover;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0.5;
    z-index: -1;
}
.ts-design-in.ts-bring p {
    color: #C0BAC9;
    padding: 30px 0 0;
    opacity: 1;
    max-width: 670px;
    margin: auto;
}
.ts-design-in.ts-bring p strong {
	color:#fff;
}

.ts-downld-inner .ts-magni .magni-img a {
    display: flex;
    align-items: center;
    justify-content: center;
}


.ts-downld-inner .ts-magni .magni-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}


.ts-home-design .ts-design-in .ts-saving-design,
.ts-home-design .ts-design-in .ts-ai-design {
    margin: 50px auto 0 auto !important;
}

.ai-upload-image .gallery {
    width: 100% !important;
    transform: unset !important;
}

.ai-upload-image .gallery img {
    width: 100%;
    object-fit: contain;
    margin-bottom: 0 !important;
}

/*****Bring Generated css ends********/








/*****footer css starts********/


footer {
	background: url(../images/footer-bg.jpg) no-repeat top center;
	background-size: cover;
	padding:150px 0 0;
}
.ts-top-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ts-footer-logo p {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: #C0BAC9;
	margin: 12px 0 0;
}
.ts-footer-logo {
	width: 37%;
}
.ts-nav-footer h2 {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: #fff;
	margin: 0 0 14px;
}
.ts-nav-footer li a {
	font-size: 16px;
	font-weight: 500;
	color: #C0BAC9;
	margin: 7px 0;
	display: inline-block;
}
.ts-nav-footer li a:hover {
	color:#fff;
}
.ts-copyright {
	border-top: 1px solid #3e3e3e;
	margin: 40px 0 0;
	padding: 30px 0;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.ts-copyright-inner {
	float: left;
}
.ts-copyright-inner p {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: #C0BAC9;
}
.ts-footer-social {
	float: right;
}
.ts-footer-social ul {
	display: flex;
	gap: 8px;
}
.ts-footer-social li a {
	background: #33294d;
	width: 36px;
	height: 36px;
	display: inline-block;
	border-radius: 8px;
	text-align: center;
	align-content: center;
}
.ts-footer-social li a:hover {
	box-shadow: 0px 12px 64px -12px #8E73FB7A;
	background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
	box-shadow: 0px 12px 36px -8px #0000005C;
}


.ts-personal-left img {
    display: block;
}

.vs-enterprise-img-column {
    width: calc(50% - 66px);
    height: auto;
}

.vs-enterprise-img-column img {
    width: 100%;
    display: block;
    height: 100%;
    max-height: 695px;
    object-fit: cover;
}

.vs-enterprise-text-column {
    height: auto;
    width: calc(50% + 66px);
    padding: 80px 40px 200px 80px;
}

.vs-enterprise-text-column-inner p {
    color: #ffffff;
    padding: 25px 0 35px;
}

.vs-enterprise-wrapper {
    display: flex;
    background: linear-gradient(70.23deg, #181229 8.78%, #241644 98.56%), #241644;
    background-image: url(../images/enterpreise-banner.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.vs-enterprise-text-column-inner {
    max-width: 545px;
}







/*****footer css ends********/

#modalReachImageGenerationLimit .confirm-content p{
    color: #fff;
}

























/*****after before images css starts********/

@media all and (max-width: 479px) {
 .mainSection {
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap;
 justify-content: space-around;
 align-items: stretch;
 align-content: stretch;
 width: 100%;
 height: 700px;
 padding: 10px;
}
 .bal-container {
 margin: 10px 0;
}
}
 @media all and (max-width: 599px) {
 .mainSection {
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap;
 justify-content: space-around;
 align-items: stretch;
 align-content: stretch;
 width: 100%;
 height: 800px;
 padding: 10px;
}
 .bal-container {
 margin: 10px 0;
}
}
 @media all and (min-width: 480px) and (max-width: 768px) {
 .mainSection {
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap;
 justify-content: space-around;
 align-items: stretch;
 align-content: stretch;
 width: 100%;
 height: 1000px;
 padding: 10px;
}
 .bal-container {
 margin: 10px 0;
}
}
 @media all and (min-width: 768px) and (max-width: 959px) {
 .mainSection {
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap;
 justify-content: space-around;
 align-items: stretch;
 align-content: stretch;
 width: 100%;
 height: 1100px;
 padding: 10px;
}
 .bal-container {
 margin: 10px 0;
}
}
 @media all and (min-width: 960px) and (max-width: 1199px) {
 .mainSection {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: space-around;
 align-items: stretch;
 align-content: stretch;
 width: 100%;
 height: 420px;
/* padding: 10px;*/
}
}
 @media all and (min-width: 1199px) {
 .mainSection {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: space-around;
 align-items: stretch;
 align-content: stretch;
 width: 100%;
 height: 500px;
 padding: 0;
}
}
/* Before After Container */

.bal-container {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: grab;
	overflow: hidden;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.bal-after {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.bal-before {
	display: block;
	position: absolute;
	top: 0;
	/* right: 0; */
    bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 15;
	overflow: hidden;
    margin-left: -15px;
}
.bal-before-inset {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
    margin-left: 15px;
}
.bal-after img, .bal-before img {
	object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	object-position: 50% 50%;
	top: 0;
	bottom: 0;
	left: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.bal-beforePosition {
	background: #121212;
	color: #fff;
	left: 0;
	pointer-events: none;
	border-radius: 0.2rem;
	padding: 2px 10px;
}
.bal-afterPosition {
	background: #121212;
	color: #fff;
	right: 0;
	pointer-events: none;
	border-radius: 0.2rem;
	padding: 2px 10px;
}
.beforeLabel {
	position: absolute;
	bottom: 0;
	margin: 1rem;
	font-size: 1em;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.afterLabel {
	position: absolute;
	bottom: 0;
	margin: 1rem;
	font-size: 1em;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/* handle and arrow */

.bal-handle {
    height: 48px;
    width: 48px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -41px;
    margin-top: -21px;
    border: 4px solid #fff;
    border-radius: 1000px;
    z-index: 20;
    pointer-events: none;
}
.handle-left-arrow, .handle-right-arrow {
	width: 0;
	height: 0;
	border: 6px inset transparent;
	position: absolute;
	top: 50%;
	margin-top: -6px;
}
.handle-left-arrow {
	border-right: 6px solid #fff;
	left: 50%;
	margin-left: -17px;
}
.handle-right-arrow {
	border-left: 6px solid #fff;
	right: 50%;
	margin-right: -17px;
}
 .bal-handle::before {
 bottom: 50%;
 margin-bottom: 20px;
}
 .bal-handle::after {
 top: 50%;
 margin-top: 20.5px;
}
 .bal-handle::before, .bal-handle::after {
 content: " ";
 display: block;
 width: 5px;
 background: #fff;
 height: 9999px;
 position: absolute;
 left: 50%;
 margin-left: -1.5px;
}



/*****after before images css ends********/

 /* Ai New tools start */
.gspage-ai-tools-inner {
    background: #12101A;
    border-radius: 40px;
    padding: 23px;
    /* height: 900px; */
    display: flex;
    overflow: hidden;
    position: relative;
}
.gspage-service-step1 .gspage-ai-content {
    padding: 0;
}
.gspage-ai-tools .auto-container {
    width: 1385px;
    max-width: 100%;
}
.gspage-ai-tools-inner .gs-dashboard-links li.active a img,
.gspage-ai-tools-inner .gs-dashboard-links li a:hover img {
    filter: brightness(100) invert(0);
}
.gspage-ai-tools-inner .gs-dashboard-links a img {
    max-width: 20px;
}
.gspage-ai-wrapper {
    background: linear-gradient(to bottom, #212035 0%, #464954 100%);
    border-radius: 20px;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    width: 100%;
}
.gspage-ai-left {
    width: 254px;
    padding: 12px;
}
.gspage-ai-left h3 {
    font-family: Eudoxus Sans;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    padding: 10px 0 20px;
    color: #fff;
}
.gspage-ai-right
{
    background:#12101A;
    width: calc(100% - 254px);
}

.gspage-ai-left .gs-dashboard-links a span {
    width: calc(100% - 25px);
    margin-left: auto;
    padding-top: 0;
}

.gspage-ai-right .ai-tool-right-top {
    padding: 20px 30px 20px;
    background: #2C303E;
}
.gspage-ai-right .ai-tool-right-top .font22 {
    color: #fff;
}
.gspage-source-tagline {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    color: #fff;
    padding-bottom: 15px;
}
.gspage-source-images-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.gspage-source-imageinner {
    width: 50%;
    padding: 11px;
    position: relative;
}
.gspage-source-imageinner img {
    height: 300px;
    width: 100%;
    border-radius: 10px;
    display: block;
}
.gspage-source-imageinner:hover a{
    visibility: visible;
}
.gspage-source-imageinner a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #fff;
    padding: 14px 25px;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border-radius: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
}
.gspage-source-images {
    padding: 20px;
}
.gspage-ai-content {
    color: #fff;
    padding: 25px;
}
.gspage-ai-content .tab-content {
    position: unset;
    top: 0;
    padding: 0;
}
.gspage-ai-content .gs-what-to-edit-leftimg {
    padding: 0;
}


.popup-slide {
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    overflow: auto;
    background: #18122ACC;
}
.gspage-ai-right .tab-content {
    position: unset;
    padding: 0;
}
.gspage-upgrade_lock {
    text-align: left;
}
.gspage-upgrade_lock-heading {
    font-size: 29px;
    color: #ffff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.gspage-upgrade_lock-heading img {
    margin: 0 11px 0 0;
}
.gspage-upgrade_lock-heading span {
    display: inline-block;
    padding: 0px 0 0 0;
    vertical-align: top;
}
.gspage-upgrade_lock p {
    font-size: 17px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    margin: 18px 0 0;
    color: #FFFFFF9E;
}
.gspage-upgrade-lock-btn,
.gspage-welcome-btn {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border-radius: 12px;
    padding: 14px 26px 14px 26px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #fff;
    min-width: 160px;
    display: inline-block;
    margin: 28px 0 0;
}
.gspage-upgrade-lock-btn:hover,
.gspage-welcome-btn:hover{
    color: #fff;
}
.popup-slide .gs-login-form {
    color: #fff;
    text-align: left;
}
.popup-slide .gs-login-form > p {
    text-align: left;
    color: #fff;
}
.popup-slide .gs-login-form h1 {
    margin: 20px 0 20px;
}
.gspage-welcome-checkbox {
    padding: 30px 0 10px;
}
.gspage-welcome-checkbox ul {
    display: flex;
    flex-wrap: wrap;
}
.gspage-welcome-checkbox li {
    width: 50%;
}
.gspage-welcome-checkbox li label {
    padding-left: 33px;
    display: inline-block;
    position: relative;
    color: #FFFFFF9E;
    cursor: pointer;
}
.gspage-welcome-checkbox li label span {
    min-width: unset;
    height: 21px;
    width: 21px;
    display: inline-block;
    border: 1px solid #404C50;
    border-radius: 50%;
    left: 0;
    position: absolute;
    top: 1px;
}
.gspage-welcome-checkbox li {
    width: 50%;
    font-size: 15px;
    opacity: 80%;
}
.gspage-welcome-checkbox li label span::after {
    background: #7558EA;
    height: 13px;
    width: 13px;
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    display: none;
}
.gspage-welcome-checkbox li label input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
}
.gspage-welcome-checkbox li label input:checked + span::after{
    display: block;
}
.gspage-welcome-name {
    color: #927AF2;
    display: inline;
}
.gspage-welcome-slide .gspage-upgrade_lock-heading {
    display: block;
}

.popup-slide .ba-Slider {
    max-width: 100%;
}
.popup-slide .slick-track {
    min-width: 100%;
}
.slider-screen .gs-modal-content li {
    margin-bottom: 0;
}

.slider-screen .slider::before {
    content: "";
    position: absolute;
    left: 16px;
    height: 100%;
    background: #FFFFFF;
    width: 2px;
    z-index: -1;
}
.slider-screen  .slider::after {
    background: url(../images/gs-slider-arrow.svg) no-repeat center;
}
.slider-screen .slider {
    position: absolute;
    top: 0;
    left: calc(50% - 16px);
    width: 32px;
    height: 100%;
    cursor: pointer;
    background: transparent;
    z-index: 1;
}

.gspage-ai-right .ai-upload-latest-designs {
    padding: 0 25px 25px;
    color: #fff;
}
 /* Ai New tools ends   */




/*homepage new edits 10-october here*/

.vshome-header-strip {
    padding: 10px 15px;
    background: linear-gradient(90.03deg, #9479FF 41.91%, #7558EA 68.18%);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
    z-index: 1;
    position: relative;
}

.vshome-header-strip span {
    display: inline-block;
}

.ts-header-nav li.has-vshome-dropdonw {
    position: relative;
}

.ts-banner-outer.vshome-heros-section .auto-container {
    width: unset;
    max-width: 1230px;
}

.ts-banner-outer.vshome-heros-section .ts-banner-inner {
    /* background-color: #241745; */
    padding: 125px 20px 25px;
    border-radius: 0;
    background: url(../images/startbanner.png) no-repeat center;
    margin-top: -77px;
    background-size: cover;
}
.ts-tabs-inner{
    background-color: #241745;
}

.vshome-trust-members-wrapper {
    padding: 30px 0 0 0;
    display: flex;
}
.ts-banner-content-video .vshome-trust-members-wrapper {
    display: none;
}
.vshome-trust-members-col img {
    min-width: 90px;
    object-fit: scale-down;
}

.vshome-trust-members-details h6 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.32px;
    color:#212529;
    margin: 0 0 3px 0;
}

.vshome-trust-members-details span {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    display: block;
    letter-spacing: -0.14px;
    color:#454153;
}

.vshome-trust-members-details span strong{
    color: #454153;
}

.vshome-trust-members-col {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 55%;
    padding: 0 20px 0 0;
    border-right: 1px solid rgb(255 255 255 / 20%);
}

.vshome-trust-members-col.trust-pilot {
    border: 0;
    padding: 0 0 0 20px;
    width: 45%;
    flex-direction: row-reverse;
}

.vshome-hero-image-col{
    width: 48%;
}

.vshome-hero-image-box {
    position: relative;
    height: 460px;
}

.vshome-hero-image-box .vshome-hero-image-default {
    border-radius: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vshome-hero-image-box-type-btn {
    padding: 10px;
    background: rgba(255, 255, 255, 0.53);
    border-radius: 7px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: -0.16px;
    color: #321A56;
    gap: 4px;
    width: fit-content;
    cursor: pointer;
}

.vshome-hero-image-box-type{
    position: relative;
}

.vshome-hero-image-box-options {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 16px;
}

.vshome-hero-image-box-type-options {
    border-radius: 7px;
    position: absolute;
    background: #fff;
    width: 100%;
    bottom: calc(100% + 5px);
    left: 0;
    display: none;
    overflow: hidden;
}

.vshome-hero-image-box-type-options li {
    padding: 10px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #321A56;
    background: #fff;
    cursor: pointer;
    margin: 5px;
}

.vshome-hero-image-box-type-options li:hover {
    background: #7558EA;
    color: #fff;
}

.vshome-peak-section {
    padding: 47px 0 10px;
    background: url(../images/vshome-peak-banner.png);
    background-repeat: no-repeat;
    background-size: 100% 80%;
}

.vshome-peak-counter-inner {
    background: #FDFDFD;
    border: 1px solid rgba(69, 73, 72, 0.1);
    border-radius: 24px;
    padding: 60px 20px;
}

.vshome-peak-counter-wrapper {
    padding: 82px 0 0 0;
}

.vshome-peak-counter-grid {
    max-width: 1040px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    grid-gap: 24px;
}

.vshome-peal-counter-img,.vshome-works-steps-icon {
    width: 64px;
    height: 64px;
    box-shadow: 0px 16px 32px -8px rgba(33, 37, 41, 0.16);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.vshome-peal-counter-gridbox {
    text-align: center;
}

.vshome-peal-counter-title {
    font-weight: 800;
    font-size: 42px;
    line-height: 1.2;
    background: linear-gradient(264.88deg, #AE99FF 9.8%, #7558EA 52.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0;
    padding: 30px 0 15px;
}

.vshome-peal-counter-subtitle {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.36px;
    color: #1E1634;
    margin: 0 0 12px 0;
}

.vshome-peal-counter-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    letter-spacing: -0.16px;
    color: rgb(69 65 83 / 80%);
    opacity: 1;
    margin: 0;
}

.vshome-works-steps-wrapper {
    /* padding: 30px 0 0 0; */
}

.vshome-works-steps-top-wrap .vshome-works-steps-subtitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: rgb(69 65 83 / 60%);
    opacity: 1;
}

.vshome-works-steps-top-wrap .title-con {
    line-height: 1.2;
    margin: 0;
    padding: 30px 0 0 0;
    text-align: center;
}

.vshome-works-steps-grid {
    padding: 68px 0 0 0;
}

.vshome-works-steps-gridbox {
    padding: 36px 25px 25px;
    background: #FDFDFD;
    border: 1px solid rgba(69, 73, 72, 0.1);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
}

.vshome-works-steps-flex .vshome-works-steps-icon {
    margin: 0;
}

.vshome-works-steps-details-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.36px;
    color: #1E1634;
    margin: 0 0 12px 0;
}

.vshome-works-steps-details-text {
    font-size: 16px;
    line-height: 1.48;
    letter-spacing: -0.16px;
    color: rgb(69 65 83 / 80%);
    opacity: 1;
    margin: 0;
}

.vshome-works-steps-details {
    width: calc(100% - 85px);
    padding: 0 0 0 24px;
}

.vshome-works-steps-flex {
    display: flex;
    align-items: flex-start;
}

.vshome-works-steps-hero-image {
    padding: 25px 0 0 0;
    margin: auto 0 0 0;
}

.vshome-works-steps-hero-image img {
    border-radius: 16px;
}

.vshome-works-steps-flex .vshome-works-steps-icon span {
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    letter-spacing: -0.36px;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.vshome-works-steps-grid {
    padding: 68px 0 0 0;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 45px;
    grid-gap: 45px;
}

.ts-tabs-outer .title-con {
    color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 50px 0;
}

.vsai-deafult-uploads {
    padding: 8px 0 0 0;
    text-align: center;
}

.vsai-deafult-uploads ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -10px -10px !important;
}

.vsai-deafult-uploads ul li {
    width: 33.333%;
    display: inline-block;
    padding: 0 0 10px 10px;
}

.vsai-deafult-uploads ul li img{
    width: 100%;
    border-radius: 10px;
    height: 115px;
    object-fit: cover;
}

.vsai-deafult-uploads .vsai-deafult-or {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.16px;
    color: #FFFFFF;
    text-transform: uppercase;
    display: block;
    padding: 14px 0 0 0;
}

.ts-output-fields select option.paid_style_feature_modal {
    color: #999999;
}

.vshome-about-trustpilot-widget {
    padding: 10px 0 0;
    background: url(../images/vshome-solutions-banner.png);
    background-repeat: no-repeat;
    background-size: 100% 90%;
}

.vshome-about-trustpilot-widget .title-con {
    margin: 0;
}

.vshome-about-tpreviews {
    padding: 62px 0 0 0;
}

.vshome-about-news-reviews-wrapper {
    padding: 68px 0 0 0;
}

.vshome-graytext18 {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: rgb(69 65 83 / 80%);
    line-height: 1.2;
}

.vshome-about-news-reviews-grid {
    padding: 38px 0 0 0;
}

.vshome-about-news-reviews-grid-item {
    padding: 32px 20px 44px;
    background: #FFFFFF;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.12);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 15px;
    margin-left: 15px;
    height: 100%;
}
.slick-slide.vshome-about-news-reviews-warp {
    height: unset;
}
.vshome-about-news-reviews-grid .slick-list {
    margin: 0 -15px;
}
.vshome-about-news-reviews-grid .slick-track {
    display: flex;
    padding: 15px 0;
}
.vshome-about-news-reviews-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.85;
    letter-spacing: -0.16px;
    color: rgb(69 65 83 / 80%);
    margin: 0;
    padding: 18px 0 0 0;
    opacity: 1;
}

.vshome-about-news-logo-box {
    margin: auto 0 0 0;
    padding: 35px 0 0 0;
    width: 100%;
    text-align: center;
}

.vshome-about-news-reviews-grid {
    padding: 38px 0 0 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
    grid-gap: 26px;
}

.vshome-about-news-reviews-grid button {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    height: 47px;
    width: 47px;
    display: flex;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    font-size: 0;
    display: inline-block;
    margin: 0 8px 0;
    border: none;
    position: relative;
}
.vshome-about-news-reviews-grid button.slick-disabled
{

    background: rgb(69 65 83 / 80%) ;
}
.vshome-about-news-reviews-grid button:before{

    background: url(../images/gs-slide-arrow.svg) no-repeat center;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.vshome-about-news-reviews-grid.slick-slider {
    display: flex;
    gap: 0;
}
.vshome-about-news-reviews-grid {
    text-align: center;
    display: flex ;
    flex-wrap: wrap;

    justify-content: center;
}
.vshome-about-news-reviews-grid button {
    order: 1;
}
.vshome-about-news-reviews-grid .slick-list.draggable {
    text-align: left;
}
.vshome-about-news-reviews-grid button.slick-prev {
    transform: rotateY(180deg);
}
.ts-design-about-trustpilot-widget .title-con.text-center {
    margin: 0;
}

.ts-design-about-trustpilot-widget {
    padding: 86px 0 0 0;
}

.vshomepage-compare-toggle-flex .switch .slider.round::after{
    display: none;
}

.vshomepage-compare-toggle-flex .switch .slider.round {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    width: 78px;
}

.vshomepage-compare-toggle-flex .switch .slider.round::before {
    background: #fff;
}

.vshomepage-compare-toggle-flex  input:checked + .slider:before {
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
}

.vshomepage-compare-toggle-flex .vshomepage-compare-type {
    font-weight: 700;
    font-size: 11px;
    line-height: 19px;
    display: block;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgb(69 65 83 / 60%);
}
.vshomepage-compare-toggle-flex label.switch {
    margin: 0;
    width: 98px !important;
}

.vshomepage-compare-toggle-flex {
    display: flex;
    align-items: center;
    width: fit-content;
    position: relative;
}

.vshomepage-compare-toggle-wrap {
    display: flex;
    justify-content: center;
    padding: 20px 0 0 0;
    width: 100%;
}

.vsu-compare-outer.vshomepage-compare-outer {
    padding: 88px 0 0 0;
}

.vshomepage-compare-toggle-flow span {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 109%;
    color: #29147E;
    font-family: "Caveat", cursive;
    transform: rotate(10.75deg);
    display: block;
}

.vshomepage-compare-toggle-flow {
    display: flex;
    gap: 10px;
    position: absolute;
    top: 25px;
    left: calc(100% - 10px);
    width: 200px;
}

.vshomepage-compare-toggle-flow img {
    transform: rotate(160deg);
}

.vsu-compare-outer.vshomepage-compare-outer .vsu-compare-card-type h6,.vsu-compare-outer.vshomepage-compare-outer .vsu-compare-card.premium-plus .vsu-compare-card-type h6 {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.16;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #22272F;
}

.vsu-compare-outer.vshomepage-compare-outer .vsu-compare-card.premium-plus .vsu-compare-card-type h6{
    color: #fff;
}

.vsu-compare-outer.vshomepage-compare-outer .vsu-compare-card-price h6 {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.vsu-compare-outer.vshomepage-compare-outer .vsu-compare-card-footer-price .vsu-compare-card-price h6 {
    /* justify-content: center; */
}
.vsu-compare-card-footer-price {
    padding: 20px 0 0 0;
}
.vsu-compare-card.premium-plus .vsu-compare-card-footer-price .vsu-compare-card-price h6{
    color: #7558EA;
}

.ts-gesigns-generated .vsuft-howorks-section{
    max-width: 1400px;
    margin: auto;
    border-radius: 24px;
    width: calc(100% - 40px);
}
.ts-gesigns-generated .vsuft-howorks-section .vsuft-container{
    padding: 0 20px;
}

.ts-gesigns-generated .vshome-peak-counter-inner {
    margin: -120px 0 70px;
}

.ts-gesigns-generated .vsuft-howorks-count span {
    display: none;
}

.ts-banner-content .vshome-ts-subtext {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 3.68px;
    text-transform: uppercase;
    /* color: #BDAFF6; */
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    background-clip: text;
color: transparent;
    margin: 0 0 5px 0;


}

.ts-components-con .title-con {
    margin: 0;
    text-align: center;
    padding: 0 0 62px 0;
}

.ts-pricing.vsu-section-has-toolnip{
    padding: 0 0 36px 0
}

.vshm-dropdown-menu li {
    float: unset;
    display: inline-block;
    padding: 0 25px;
    vertical-align: top;
}

.vshm-dropdown-menu{
    margin: 0 -25px !important;
    padding: 0 30px 0 0 !important;
    display: flex;
    flex-wrap: wrap;
}

.vshm-dropdown-menu .dropdown-menu {
    padding: 25px 30px !important;
    border-radius: 12px;
    border: 0;
    background: url(../images/dropdown-menubgvs.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    transform: translate(25px, 34px) !important
}

.mainSection .bal-container {
    border-radius: 10px;
}
.vshm-dropdown-menu .dropdown-menu li {
    padding: 0;
    display: block;
    margin: 0 0 18px 0;
}

.vshm-dropdown-menu .dropdown-menu li:last-child{
    margin: 0;
}

.vshm-dropdown-menu li
 button, .vshm-dropdown-menu li a {
    padding: 0;
    font-family: 'Eudoxus Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    letter-spacing: -0.18px;
    color: #1E1634;
    margin: 0;
    opacity: 1;
    display: block;
    border: none;
}
.ts-header-logo img {
    display: block;
}
.vshm-dropdown-menu .dropdown-menu .dropdown-item .dropdown-item-icon {
    background: #FFFFFF;
    border-radius: 12px;
    width: 50px;
    height: 50px;
    display: flex;
    border: 1px solid #F4F4F4;
    align-items: center;
    justify-content: center;
    margin: 0 15px 0 0;
}

.vshm-dropdown-menu .vshm-main-menu-item .dropdown-menu .dropdown-item {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1E1634;
    display: flex;
    align-items: center;
    letter-spacing: 0;
}

.vshm-dropdown-menu .vshm-main-menu-item .dropdown-menu .dropdown-item:hover{
    background: transparent;
    color: #7558EA;
}

.vshm-dropdown-menu li button:hover, .vshm-dropdown-menu li a:hover{
    color: #7558EA;
}

.vshm-dropdown-menu li button:focus, .vshm-dropdown-menu li a:focus{
    box-shadow: none;
}
.ts-header-inner .dropdown-toggle::after {
    transition: .3s all ease;
    transform: rotate(0);
}
.ts-header-inner .dropdown-toggle.show::after {
    transform: rotate(180deg);
}
.vshome-generate-tabs .ai-upload-image input{pointer-events: none;}

.vshome_upload_field.popup-slide {
    position: fixed;
}

.vshome_upload_need_toup {
    width: 48px;
    height: 48px;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    margin: 8px 0 0 0;
}

.vshome_upload_field_inner_flex {
    display: flex;
    padding: 0 0 22px 0;
}

.vshome_upload_field_inner_flex h3 {
    margin: 0;
    padding: 0 0 0 20px;
}

.vshome_upload_field_inner p {
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.82;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.62);
    margin: 0;
}



/*homepage new edits 10-october here ends*/



.ts-components-con-tag {
    display: inline-block;
    position: relative;
    padding-top: 60px;
}
.ts-components-con-tag span {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.09;
    color: #29147E;
    transform: rotate(-10.75deg);
    font-family: "Caveat", cursive;
    display: inline-block;
}
.ts-components-con-tag-inner {
    position: absolute;
    bottom: 30px;
    left: -80px;
    width: 230px;
}

.ts-components-con-tag .ts-components-con-arrow {
    display: block;
    transform: rotateY(-180deg) rotateZ(65deg);
    width: 40px;
    margin: 20px 0 10px 20px;
}

#brandpush-trust-badge {
    margin-bottom: 40px;
}
.ts-tabs-inner .sub-title.ts-tabs-projects-complete {
    opacity: 1;
    margin-bottom: 15px;
    font-weight: 400;
    text-transform: unset;
}
.ts-tabs-inner .sub-title.ts-tabs-projects-complete strong {
    font-weight: 900;
}
.ts-tabs-inner .sub-title.ts-tabs-projects-complete img {
    margin: 0 7px 2px;
}
.vshome-peak-counter-inner .vstext-trustpilotflex {
    padding: 0px 0 30px 0px;
}
.vshome-peak-counter-inner .vstext-trustpilotflex p {
    font-size: 14px;
}
.vswidget-hero-text-wrapper .entervs-hero-tagline.vsufont18 {
    margin-bottom: 10px;
}
.vsenterprisevs-business-count-trustpilot img {
    width: 150px;
}
.vsenterprisevs-business-count-trustpilot {
    text-align: center;
    padding: 0 0 30px;
}
.vswidget-widget-cta-btn.vsu-cta-button:nth-child(even) {
    background: linear-gradient(180deg, #3CA0FF 0%, #2A89E3 100%);
}
.vsu-compare-outer.vshomepage-compare-outer .vsu-compare-card-price h6 samp {
    width: 100%;
    text-align: right;
    font-size: 20px;
}
.vsu-compare-card-footer-price .vsu-compare-card-header,
.vsu-compare-card.premium-plus .vsu-compare-card-footer-price .vsu-compare-card-header {
    padding: 5px 25px 0px;
    gap: 15px;
    border-bottom: 0px solid rgb(69 73 72 / 10%);
    margin: 0 -25px 0;
    background: transparent;
}
.vsu-compare-outer.vshomepage-compare-outer .vsu-compare-card.premium-plus .vsu-compare-card-footer-price  .vsu-compare-card-type h6 {
    color: #22272F;
}
.ts-design-in.ts-bring > img {
    margin-bottom: 20px;
}
.vsu-bottom-cta-wrapper .ts-edge-pricing-trustpilot p {
    margin: 0;
    font-size: 12px;
}

.vsu-bottom-cta-wrapper .ts-edge-pricing-trustpilot {
    margin: -20px 0 30px;
}
.proffessional-used-outer.vshome-peak-section {
    background: no-repeat;
    padding-bottom: 0;
}

.gs-testimonial-update {
    display: flex;
}
.gs-testimonial-spacing {
    width: 25%;
    padding: 7px;
}
.gs-testimonial-user-block {
    background: #fff;
    padding: 13px;
    border-radius: 10px;
    border: 1px solid #4549481A;
    background: #FDFDFD;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.12);
}


.gs-testimonial-user-name {
    display: flex;
    gap: 10px;
}
.gs-testimonial-user-name img {
    width: 32px;
    height: 32px;
    border-radius: 50px;
    object-fit: cover;
}
.gs-testimonial-user-name strong {
    font-size: 16px;
    display: block;
}
.gs-testimonial-user-name span {
    width: 100%;
    display: block;
    font-size: 13px;
}
.gs-testimonial-user-name-content {
    line-height: 18px;
}
.gs-testimonial-user-image {
    margin-top: 8px;
    position: relative;
}
.gs-testimonial-user-image img {
    width: 100%;
    height: 200px;
    border-radius: 5px;
    object-fit: cover;
}
.gs-testimonial-user-image span.gs-testimonial-user-badge {
    position: absolute;
    padding: 5px;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    border-radius: 5px;
    font-size: 9px;
    color: #fff;
    line-height: 1;
    opacity: .7;
    top: 7px;
    left: 7px;
}
.gs-testimonial-trustpilot-name {
    display: flex;
}
.gs-testimonial-trustpilot-letter {
    display: flex;
    gap: 10px;
    font-size: 12px;
}
.gs-testimonial-trustpilot-letter span {
    height: 22px;
    width: 22px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background: #454153;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 10px;
    color: #ffff;
}
.gs-testimonial-trustpilot-name img {
    margin-left: auto;
    max-height: 20px;
}
.gs-testimonial-trustpilot-content {
    padding: 10px 0 0 0;
}
.gs-testimonial-trustpilot-content img {
    display: block;
    max-height: 18px;
}
.gs-testimonial-trustpilot-content strong {
    width: 100%;
    padding: 4px 0 1px;
    font-size: 18px;
    display: block;
}
.gs-testimonial-trustpilot-content p {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 7px;
    margin-top: 2px;
}

.gs-testimonial-trustpilot-content span {
    letter-spacing: -0.01em;
    color: #6a6775;
    font-size: 13px;
    padding: 3px 0 0;
    display: none;
    opacity: 0.7;
    width: 100%;
}
.vshome-about-tpreviews .vsup-container {
    padding: 0;
}
.premium-upgrade-progressbar {
    padding: 20px 0 40px;
}


.premium-upgrade-progressbar .vsbs-progressbar .progress .progress-bar {
    width: 0;
    transition: 4s linear;
}
.screenactive .premium-upgrade-progressbar .vsbs-progressbar .progress .progress-bar {
    width: 78%;
}
.premium-upgrade-progressbar .vsbs-progressbar {
    max-width: 730px;
}
.vsbs-progressbar .progress .progress-bar
{
    width: 0;
    transition: 3s linear;
}
.screenactive .vsbs-progressbar .progress .progress-bar {
    width: 90%;
}

/*new-free-trial page css start*/
.gs-trial-page-sec {
    padding:100px 0 50px;
}
.gs-trial-get {
    padding: 75px 75px  330px;
    margin: 0 -75px 0;
}
.gs-trial-get {
    background: url(../images/gs-trial-get.png) no-repeat center;
    background-size: cover;
    border-radius: 30px;
    text-align: center;
}
.gs-trial-get .title-con {
    font-size: 58px;
    color: #FFFFFF;
    padding: 0 0 50px;
}
.gs-trial-get-single {
    box-shadow: 0px 4px 64px 0px #8480B624;
    background: #FFFFFF;
    border-radius: 24px;
    overflow: hidden;
}
.gs-trial-get-top {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    font-size: 26px;
    font-weight: 700;
    line-height: 32.5px;
    letter-spacing: -0.02em;
    color: #fff;
    padding: 30px 30px;
}
.gs-trial-get-content {
    padding: 34px;
    text-align: left;
}
.gs-trial-get-content  ul li {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1E1634;
    margin: 0 0 26px 0;
    padding: 0 0 0 36px;
    display: flex;
    align-items: center;
    background: url(../images/vsu-premium-plus-check.svg);
    background-repeat: no-repeat;
    background-position: left center;
}
.gs-trial-get-content  ul li  img {
    display: block;
    margin: 0 0 0 5px;
    cursor: pointer;
}
.gs-trial-get-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.gs-trial-get-content ul li span {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gs-trial-get-premium .gs-trial-get-top {
    background: linear-gradient(180deg, #3CA0FF 0%, #2A89E3 100%);
}
.gs-trial-get-premium  .gs-trial-get-content ul li
{
    background-image: url(../images/vsu-premium-lite-check.svg);
}
.gs-trial-get-premium  .gs-trial-get-content ul li span {
    background: #3CA0FF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gs-trial-get-bussiness .gs-trial-get-top {
    background: linear-gradient(113.1deg, #3CA0FF 10.9%, #7558EA 64.95%);
}
.gs-trial-get-bussiness .gs-trial-get-content ul li span {
    background: linear-gradient(113.1deg, #3CA0FF 10.9%, #7558EA 64.95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gs-trial-get-bussiness .gs-trial-get-content ul li
{
    background-image: url(../images/gs-trial-get-bussiness-checkbox.svg);
}

.gs-trial-get-started-outer {
    border: 7px solid #7558EA;
    border-radius: 30px;
    margin-top: -266px;
    vertical-align: top;
    display: inline-block;
    background: #7558EA url(../images/gs-trial-started-bg.png) no-repeat center;
    background-size: cover;
    padding: 112px 90px 60px;
    text-align: center;
    position: relative;
}
.gs-trial-get-object {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    background: url(../images/gs-trial-started-objects.png) no-repeat center;
    line-height: 1;
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    top: -7px;
}
.gs-trial-get-started-top h2 {
    font-size: 58px;
    font-weight: 800;
    line-height: 69.6px;
    letter-spacing: -0.01em;
    color: #fff;
}
.gs-trial-get-started-top p {
    font-size: 18px;
    line-height: 25.6px;
    letter-spacing: -0.1599999964237213px;
    color: #fff;
    opacity: 1;
    padding: 10px 8% 10px;
}
.gs-trial-get-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}
.gs-trial-get-block {
    display: flex;
    text-align: left;
    background: #FFFFFF1F;
    border-radius: 21px;
    padding: 17px;
}
.gs-trial-get-block-icon {
    align-self: flex-start;
    box-shadow: 0px 8px 12px 0px #FFFFFF14 inset, 16px 24px 64px -24px #FFFFFF14 inset, 0px 24px 24px -16px #0000001F;
    background: linear-gradient(117.58deg, rgba(215, 237, 237, 0.16) -47.79%, rgba(204, 235, 235, 0) 100%);
    height: 48px;
    width: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
}

.gs-trial-get-block-detail {
    padding: 0 0 0 14px;
}
.gs-trial-get-block-detail h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.6px;
    letter-spacing: -0.36000001430511475px;
    margin: 0 0 6px;
    color: #fff;
}
.gs-trial-get-block-detail p {
    font-size: 16px;
    font-weight: 500;
    line-height: 23.68px;
    letter-spacing: -0.1599999964237213px;
    color: #fff;
    margin: 0;
}
.gs-trial-get-started-bottom p {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.18000000715255737px;
    color: #fff;
    opacity: 1;
    margin: 0;
}
.gs-trial-get-started-bottom {
    padding: 26px 0 0;
}
.gs-trial-get-started-bottom a.btn-con {
    margin-top: 22px;
}
/*new-free-trial page css end*/
/*Banner slider animation start*/
.main-slider-container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
    .main-slider, .nested-slider {
      width: 100%;
      margin-top: 0px;
    }
    .main-slider-container  .slick-slide img {
        width: 100%;
        height: auto;
        border-radius: 15px;
        height: 400px;
        object-fit: cover;
    }
    .main-slider-container select {
      margin: 10px auto;
      padding: 5px;
    }

    .gs-main-slider-dropdown, .nested-slider-dropdown {
  position: relative;
  width: 200px;
  cursor: pointer;
}

.selected-option {
  background: #f0f0f0;
  padding: 10px;
  border: 1px solid #ccc;
}

.dropdown-options {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    background: white;
    border: 0px solid #ccc;
    display: none;
    z-index: 1000;
    padding: 4px;
    border-radius: 7px;
    margin: 0 0 2px;
}
.dropdown-option {
    padding: 10px 15px;
    background: white;
    border-bottom: 0px solid #eee;
    text-align: left;
    border-radius: 8px;
}
.dropdown-option:hover {
    background: #f1f1f1;
}

.dropdown-option.active {
    color: #fff;
  background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
}
.gs-main-slider-dropdown {
    position: absolute;
    width: auto;
    min-width: 150px;
    z-index: 99;
    bottom: 20px;
    left: 20px;
    font-size: 14px;
}
.selected-option {
    /* background: #fff; */
    font-weight: 600;
    border: none;
    border-radius: 8px;
    padding: 10px 21px 10px 10px;
    position: relative;
    overflow: hidden;
    background: #ffffffe8 url(../images/slider-drop-arrow.png) no-repeat center right 8px;
    background-size: 18px;
}

.nested-slider-dropdown {
    position: absolute;
    width: auto;
    min-width: 150px;
    z-index: 99;
    bottom: 20px;
    right: 20px;
    font-size: 14px;
}
/*Banner slider animation end*/

/*Home tools redesign css start*/
.gs-redesign-ba-list-inner {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 70px;
    margin-top: 70px;
}
.gs-redesign-ba-single {
    box-shadow: 0px 16px 64px -16px #0000001F;
    border-radius: 13px;
    background: #fff;
    padding: 7px;
}
.gs-redesign-ba-single .ts-redesign-content {
    width: 100%;
    padding: 26px 20px 20px;
}
.gs-redesign-ba-single .bal-beforePosition.beforeLabel,
.gs-redesign-ba-single .bal-afterPosition.afterLabel {
   opacity:0;
}
.gs-redesign-ba-single .mainSection {
    height: 350px;
}
.gs-redesign-ba-list {
    /* padding: 70px 0 0 0; */
}
/*Home tools redesign css end*/
/*Webinar page css start start*/
.gs-webinar-wrapper
{
    background: url(../images/gs-webinar-banner.png) no-repeat top center;
    background-size: 100%;
}
.gs-webinar-header {
    text-align: center;
    padding: 48px 0 0 0;

}
.gs-webinar-inner {
    /* max-width: 800px; */
    margin: auto;
}
.gs-webinar-inner h1 {
    font-size: 38px;
    font-weight: 800;
    line-height: 46.36px;
    letter-spacing: 0.05em;
    color: #7558EA;
    text-transform: uppercase;
    padding: 45px 0 5px;
    margin: 0;
}
.gs-webinar-inner h2 {
    font-size: 40px;
    font-weight: 800;
    line-height: 53.6px;
    color: #241C3D;
}
.gs-webinar-expire {
    display: inline-block;
    background: #7558EA36;
    font-size: 21px;
    font-weight: 800;
    line-height: 29.4px;
    padding: 6px 37px;
    border-radius: 50px;
    margin: 40px 0 30px;
}
.gs-webinar-timer {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin: 0 0 26px;
}
.gs-webinar-timer > div {
    background: #7558EA17;
    border: 1px solid #7558EA;
    width: 83px;
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 2.1500000953674316px;
    text-transform: uppercase;
    border-radius: 7px;
    height: 66px;
    color: #1E1634;
}
.gs-webinar-timer > div span {
    font-size: 26px;
    font-weight: 500;
    line-height: 42px;
    display: block;
    color: #7558EA;
}
.gs-webinar-inner .btn-con {
    font-size: 23px;
    line-height: 28.98px;
    padding: 22px 76px;
}
.gs-webinar-get-wrapper .gs-trial-get-single {
    display: flex;
    flex-direction: column;
    overflow: visible;
}
.gs-webinar-price {
    padding: 20px 20px 120px;
    margin-top: auto;
}
.gs-webinar-price span {
    font-size: 16px;
    font-weight: 500;
    line-height: 23.68px;
    letter-spacing: -0.1599999964237213px;
    display: block;
    color: #454153;
}
.gs-webinar-price strong {
    color: #7558EA;
    font-size: 28px;
    line-height: 21.6px;
    letter-spacing: -0.36000001430511475px;
    padding: 10px 0 0 0;
    display: block;
}
.gs-webinar-get-started-outer {
    border: 7px solid #7558EA;
    border-radius: 30px;
    margin-top: 130px;
    width: 100%;
    vertical-align: top;
    display: inline-block;
    background: #7558EA url(../images/gs-trial-started-bg.png) no-repeat center;
    background-size: cover;
    padding: 52px 90px 50px;
    text-align: center;
    position: relative;
}
.gs-webinar-get-started-outer h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 27px;
    color: #BFB0FF;
    padding: 0 0 20px;
    margin: 0;
}
.gs-webinar-get-started-outer h3
{
    display: flex;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #fff;
    margin: 0 0 20px;
}
.gs-webinar-get-started-outer h4 {
    display: inline-block;
    background: url(../images/gs-webinar-get-started-shape.png) no-repeat center;
    background-size: cover;
    text-shadow: 0px 4px 15px  #000000ED;
    font-size: 36px;
    font-weight: 500;
    line-height: 27px;
    color: #fff;
    padding: 22px 41px 19px;
    border-radius: 50px;
    margin: 0 0 24px;
}
.gs-webinar-get-started-outer h4 span
{
    font-size: 21px;
}
.gs-webinar-get-started-outer h3 span{
    margin-left: 5px;
    font-size: 28px;
    text-decoration: line-through;
}
.gs-webinar-get-btn a.btn-con {
    font-size: 23px;
    font-weight: 700;
    line-height: 28.98px;
    letter-spacing: -0.01em;
    padding: 22px 75px 22px;
    margin-bottom: 24px;
}
.gs-webinar-questions {
    text-align: center;
    padding: 0 0 94px;
}
.gs-webinar-questions-links {
    border: 1px solid #7558EA;
    display: inline-block;
    border-radius: 20px;
    padding: 8px 30px;
    margin: 27px 0 27px;
}
.gs-webinar-questions-links h3 {
    margin: 0;
    font-size: 21px;
    font-weight: 800;
    line-height: 29.4px;
    color: #7558EA;
}
.gs-webinar-questions-links h3 a {
    color: unset;
}
.gs-webinar-questions-inner p {
    padding: 0 12% 70px;
    margin: 0;
}
.gs-webinar-questions-inner p strong {
    font-weight: 800;
}
.gs-webinar-questions-block {
    border: 3px solid #7558EA;
    border-radius: 30px;
    margin-top: 0;
    width: 100%;
    vertical-align: top;
    display: inline-block;
    background: #7558EA url(../images/gs-trial-started-bg.png) no-repeat center;
    background-size: cover;
    padding: 95px 12% 73px;
    text-align: center;
    position: relative;
}
.gs-webinar-questions-block h4 {
    font-size: 38px;
    font-weight: 700;
    line-height: 27px;
    color: #FFFFFF;
    padding: 0 0 16px;
}
.gs-webinar-questions-block p {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #fff;
    padding: 0 13% 30px;
    opacity: 1;
}
.gs-webinar-wrapper .ts-design-about-trustpilot-widget {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
}
.gs-webinartrial-page-sec .gs-trial-get .title-con {
    padding: 0;
    font-size: 42px;
}
.gs-webinartrial-page-sec  .gs-webinartrial-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 33px;
    color: #fff;
    padding: 6px 0 15px;
}
.gs-webinar-video {
    margin: 30px 0 40px;
    background: linear-gradient(180deg, rgba(148, 121, 255, 0.4) 0%, rgba(117, 88, 234, 0.4) 100%);
    box-shadow: 0px 12px 64px -12px #8E73FB7A;
    padding: 15px;
    border-radius: 30px;
}
.gs-webinar-video iframe {
    border-radius: 18px;
}
/*Webinar page css  end*/

/*Premium Upgrade+ popup start*/
.premium-unlock-top {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    padding: 21px 10%  70px;
    display: flex;
    flex-wrap: wrap;
}
.gs-premium-top-left {
    width: 18%;
}
.gs-premium-top-right {
    width: 82%;
    padding: 0 0 0 20px;
}
.gs-premium-top-right h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 40.6px;
    letter-spacing: -0.02em;
    color: #fff;
}
.gs-premium-top-right p {
    font-size: 18px;
    font-weight: 500;
    line-height: 28.8px;
    color: #fff;
    margin: 0;
    opacity: 1;
}
#modalUpgradePlusLimited .modal-content.hdc-modal.premium-unlock-modal {
    max-width: 938px;
}
.premium-unlock-content {
    padding: 0 30px 30px;
}
.premium-unlock-time {
    box-shadow: 0px 2px 44px 0px #8A8A8F1A;
    border-radius: 10px;
    margin-top: -45px;
    background: #fff;
}
.premium-unlock-time-update {
    padding: 25px 6%;
    display: flex;
}
.premium-unlock-time-update .gs-webinar-timer {
    margin: 0;
    text-align: center;
}
.gs-premium-top-right h2 strong {
    padding: 3px 19px 4px;
    background: green;
    border-radius: 30px;
    display: inline-block;
    margin-left: 8px;
    margin-top: 4px;
}
.premium-unlock-time-left {
    font-size: 19px;
    font-weight: 700;
    line-height: 29px;
    color: #1E1634;
    align-self: center;
    padding-right: 14px;
}
.premium-unlock-important {
    font-size: 15.5px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
    padding: 17px 20px;
    background: #FFF3F3;
    border-radius: 0  0 10px 10px;
    color: rgb(30 22 52 / 81%);
}
.premium-unlock-important strong {
    color: #D13F3F;
}
.premium-unlock-why {
    text-align: center;
    padding: 18px 0 0 0;
}
.premium-unlock-why h3 {
    color: #1E1634;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.6px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 16px;
}
.premium-unlock-why-listing {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}
.premium-unlock-listing-single {
    border: 1px solid #4549481A;
    border-radius: 24px;
    background: #FDFDFD;
    padding: 18px;
}
.premium-unlock-single-text h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 21.6px;
    letter-spacing: -0.36000001430511475px;
    padding: 11px 0 6px;
    margin: 0;
}
.premium-unlock-single-text p {
    font-size: 16px;
    line-height: 23.68px;
    letter-spacing: -0.1599999964237213px;
    color: #454153;
    margin: 0;
}
.premium-unlock-details {
    padding: 30px 0 0;
}
.premium-unlock-details-fee {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.6px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #1E1634;
}
.premium-unlock-details-price {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #454153;
    padding: 12px 0 24px;
}
.premium-unlock-details-price span {
    font-size: 27px;
    color: #7558EA;
}
.premium-unlock-details-price span strike {
    color: #454153;
}
.premium-unlockbtns {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
}
.premium-unlockbtns a.btn-con {
    font-size: 23px;
    line-height: 28.98px;
    letter-spacing: -0.01em;
    padding: 15px 70px;
}
.premium-unlockbtns a.no-tnks {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #7558EA;
    font-weight: 600;
    padding-top: 10px
}

/*Premium Upgrade+ popup end*/
/*Login popup css start*/
.welcome-login-modal-wrapper .modallog {
    width: 100%;
    box-shadow: none;
    min-height: auto;
    padding: 0;
    background: transparent;
    height: auto;
}
.welcome-login-modal-wrapper  .modal-content {
    width: 660px;
    padding: 40px 80px;
    border-radius: 30px;
}
.welcome-login h3 {
    font-family: Eudoxus Sans;
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    margin: 0;
}
.welcome-login h3  span {
    color: #8263FC;
}
.welcome-login > p {
    font-family: Eudoxus Sans;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.15000000596046448px;
    color: #1C1E26B2;
    margin: 0 0 33px;
    opacity: 1;
}
.welcome-login > img {
    padding: 0 0 30px;
}
.welcome-login-field input {
    border: 1px solid #363A3D33;
    width: 100%;
    color: #1C1E26;
    font-family: Eudoxus Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    height: 48px;
    padding: 9px 11px 9px 52px;

    border-radius: 8px;
}
.welcome-login-field span {
    font-size: 16px;
    color: #1C1E26B2;
    font-family: Eudoxus Sans;
    margin: 5px 0;
}
.welcome-login-field
{
    margin-bottom: 24px;
}
.welcome-login-field input {
    outline: none;
}
.welcome-login-field input:focus,
.welcome-login-field input:focus-visible {
    box-shadow: 0px 0px 0px 4px #7558EA3D;
    border: 1px solid #7558EA;
}
.welcome-login-field {
    position: relative;
}
.welcome-login-field > img {
    position: absolute;
    left: 15px;
    top: 11px;
}
.welcome-login-remember {
    display: flex;
    flex-wrap: wrap;
}
.welcome-remember {
    position: relative;
    align-self: center;
}
.welcome-remember input[type="checkbox"] {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}
.welcome-remember input:checked + label span {
    background: #927AF2 url(../images/gs-select-automatically-check-icon.png) no-repeat center;
}
.welcome-remember label {
    font-family: Eudoxus Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    color: #1C1E2699;
    display: block;
    padding: 0 0 0 40px;
}
.welcome-remember label span {
    border: 1px solid #363A3D33;
    height: 24px;
    width: 24px;
    border-radius: 5px;
    position: absolute;
    left: 0;
}
.welcome-forget {
    margin-left: auto;
}
.welcome-forget a {
    color: #7558EA;
    font-family: Eudoxus Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
}
.welcome-login-button .loginbutt {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border: 1px solid #D7D8D8;
    box-shadow: 0px 8px 12px 0px #FFFFFF14 inset;
    box-shadow: 0px 7px 24px -16px #00000008;
    box-shadow: 16px 24px 64px -24px #FFFFFF14 inset;
    font-family: Eudoxus Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-transform: unset;
    padding: 0;
    height: 48px;
    width: 100%;
    margin-top: 26px;
    margin-bottom: 28px;
    color: #fff;
}
.welcome-login-button .loginbutt:hover {
    background: #fff;
    color: #5B3DD5;
    border-color: #5B3DD5;
}
.welcome-login-button a:hover {
    opacity: .7;
}
.welcome-login-heading {
    text-align: center;
}
.welcome-login-heading span {
    font-family: Eudoxus Sans;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.15000000596046448px;
    color: #1C1E2680;
    display: inline-block;
    vertical-align: top;
    margin-top: -10px;
    background: #fff;
    padding: 0 30px 0;
}
.welcome-login-heading {
    text-align: center;
    border-top: 1px solid #1C1E2680;
}
.welcome-login-message p {
    font-family: Eudoxus Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    margin: 0;
    color: #1C1E2680;
    opacity: 1;
}
.welcome-login-message {
    padding: 29px 0 0;
}
.welcome-login-message p a {
    font-weight: 700;
    color: #1C1E2680;
}
.welcome-login-message p a:hover{
    color: #8263FC;
}
.welcome-login-button {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.welcome-login span.close {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    height: 43px;
    width: 43px;
    display: flex;
    padding: 14px;
    border-radius: 50px;
    position: absolute;
    right: -20px;
    top: -20px;
    cursor: pointer;
}
/*Login popup css end*/

.mdp-cl-btn .fa-times:before {
    font-family: FontAwesome;
}
/*webinar page css start*/
.webinar-banner-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0 0 0;
}
.webinar-banner-left {
    width: 100%;
    padding: 30px 0 0;
    /* text-align: left; */
    align-self: center;
}

.webinar-banner-left span {
    font-weight: 700;
    font-size: 16px;
    line-height: 29.4px;
    color: #4E4363;
    background: #9479FF45;
    display: inline-block;
    padding: 6px 21px;
    border-radius: 50px;
}
.gs-webinar-inner .webinar-banner-left h1 {
    color: #241C3D;
    text-transform: none;
    padding: 5px 0 1px;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 1.3;
}
.gs-webinar-inner .webinar-banner-left h1 strong {
    display: block;
    color: #7558EA;
}
.webinar-banner-right {
    width: 100%;
}
.webinar-banner-content {
    /* text-align: left; */
    padding: 10px 0 0;
    width: 100%;
}
.webinar-banner-content p strong {
    display: block;
    font-weight: 800;
}
.webinar-banner-content p {
    font-weight: 700;
}
.webinar-banner-timer {
    border: 1px solid #4549481A;
    background: #FDFDFD70;
    backdrop-filter: blur(154px);
    padding: 53px 59px;
    text-align: left;
    border-radius: 24px;
    margin-top: 34px;
}
.webinar-banner-timer h3 {
    font-weight: 800;
    font-size: 28px;
    line-height: 1.6;
    margin: 0 0 6px;
}
.webinar-banner-timer .gs-webinar-timer {
    justify-content: unset;
    gap: 14px;
    margin: 0;
    text-align: center;
}
.webinar-banner-content-included {
    padding: 2px 0 0;
}
.webinar-banner-content-included a {
    color: #544498;
    font-weight: 500;
    font-size: 18px;
    line-height: 28.8px;
    text-decoration: underline !important;
}
.webinar-banner-content-included p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 39px 0 7px 0;
    margin: 0;
}
.gs-webinartrial-core {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #A089FF;
    text-transform: uppercase;
    margin: 0 0 100px;
}
.gs-webinartrial-page-sec .gs-trial-get-top {
    padding-top: 0;
    border-radius: 24px 24px 0 0;
}
.gs-webinartrial-page-sec .gs-trial-get-top img {
    margin-top: -100px;
    margin-bottom: -20px;
    width: 200px;
}
.gs-webinar-get-wrapper .gs-trial-get-top span br {
    display: none;
}
.gs-webinar-get-wrapper .gs-trial-get-bussiness .gs-trial-get-top {
    background: #EFC77C;
    color: #1E1634;
}
.gs-webinar-get-wrapper .gs-trial-get-bussiness .gs-trial-get-content ul li {
    background-image: url(../images/gs-webinar-get-bussiness-checkbox.svg);
}
.gs-webinartrial-page-sec .gs-trial-get {
    padding-bottom: 50px;
}

.webinar-bonuses-outer {
    margin-top: 25px;
    background: #FFFFFF;
    border-radius: 26px;
    padding: 0 40px 40px;
}
.webinar-bonuse-plus {
    margin: -80px 0 0;
}
.gs-webinartrial-page-sec .gs-trial-get .title-con {
    padding: 0;
    font-size: 42px;
}
.webinar-bonuses-outer > h3 {
    color: #7558EA;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.webinar-bonuses-outer h2.title-con {
    color: #181229;
    margin: 40px 0 10px;
}
.webinar-bonuses-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: left;
    gap: 28px;
    /* padding: 30px 0 30px; */
}
.webinar-bonuses-full{
    padding: 30px 0 30px;
}
.webinar-bonuses-single {
    background: #7558EA12;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-wrap: wrap;
}
.webinar-bonuses-img {
    width: 31%;
    padding-right: 5%;
}
.webinar-bonuses-text h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 21.6px;
    letter-spacing: -0.36px;
    margin: 10px 0 7px;
}

.webinar-bonuses-text p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}
.webinar-bonuses-label {
    color: #7558EA;
    font-weight: 700;
    font-size: 17px;
}

.webinar-bonuses-text {
    width: 69%;
    align-self: center;
}
.webinar-bonuses-single.webinar-bonuses-blue {
    background: #3CA0FF12;
}
.webinar-banner-content-pay img {
    max-width: 230px;
}
.webinar-bonuses-blue .webinar-bonuses-label {
    color: #2A89E3;
}
.webinar-bonuses-label span {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    color: #fff;
    padding: 5px 22px;
    border-radius: 50px;
    margin: 0 3px 0 0;
}
.webinar-bonuses-blue .webinar-bonuses-label span {
    background: linear-gradient(180deg, #3CA0FF 0%, #2A89E3 100%);
}
.webinar-bonuses-full .webinar-bonuses-single {
    text-align: left;
    padding: 40px;
}
.webinar-bonuses-full .webinar-bonuses-img {
    /* background: #3192EE12; */
    background: #7558EA12;
    width: 50%;
    border-radius: 20px;
    text-align: center;
    padding: 5% 13% 5% 5%;
}
.webinar-bonuses-full .webinar-bonuses-text {
    width: 50%;
    padding-left: 40px;
}
.webinar-bonuses-full .webinar-bonuses-text h4 {
    font-size: 26px;
    line-height: 1.5;
}
.gs-webinartrial-page-sec .gs-trial-get-content ul li {
    gap: 3px;
}
/*webinar page css end*/
/*webinar expire page css start*/
.gs-webinar-expire-wrapper  .ts-header-logo {
    padding: 48px 0 78px;
}
.gs-webinar-expire-wrapper {
    text-align: center;
    min-height: 100vh;
}
.gs-webinar-expire-wrapper .ts-header-logo img {
    display: inline-block;
}
.gs-webinar-expire-space {
    text-align: center;
    padding-bottom: 60px;
}
.gs-webinar-expire-space span {
    font-weight: 700;
    font-size: 20px;
    line-height: 29.4px;
    color: #4F2DD9;
    background: #9479FF45;
    display: inline-block;
    padding: 10px 41px;
    border-radius: 50px;
}
.gs-webinar-expire-flex {
    text-align: left;
    display: flex;
    align-items: center;
    padding: 0 0 70px;
    flex-wrap: wrap;
}
.gs-webinar-expire-left {
    width: 40%;
    text-align: center;
}
.gs-webinar-expire-right {
    padding: 0 0 0 40px;
    width: 60%;
}
.gs-webinar-expire-right h1 {
    color: #241C3D;
    text-transform: none;
    padding: 0 0 6px;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 1.3;
    font-weight: 800;
    margin: 0;
}
.gs-webinar-expire-right h2 {
    margin: 0;
    color: #7558EA;
    font-weight: 700;
    font-size: 23px;
    line-height: 36.8px;
    text-transform: uppercase;
    padding: 0 0 11px;
}
.gs-webinar-expire-right p {
    margin: 0;
}
.gs-webinar-expire-wrapper .auto-container {
    width: 1000px;
}
.gs-webinar-expire-right p a {
    color: unset;
    text-decoration: underline !important;
}
/*webinar expire page css end*/

/*Error page css start*/

.gs-error-wrapper {
    text-align: center;
    min-height: 100vh;
    background: #F5F2FF;
}
body:has(.gs-error-wrapper) .flex-center.position-ref.full-height {
    display: none;
}
.gs-error-wrapper .ts-header-logo {
    display: inline-block;
    padding: 30px 0 0 0;
    padding: 48px 0 78px;
}
.gs-error-wrapper .auto-container{
    max-width:460px;
    margin:auto;
}
.gs-error-outer {
    background: url(../images/gs-error-bg.png) no-repeat top center;
    display: inline-block;
    width: 100%;
    padding: 0 0 70px;
    font-family: Eudoxus Sans;
}
.gs-error-outer h1 {
    font-weight: 800;
    font-size: 90px;
    line-height: 1.2;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    color: transparent;
    background-clip: text;
    margin: 74px 0 0 0;
}
.gs-error-outer h3 {
    margin: 0;
    font-weight: 800;
    font-size: 27px;
    line-height: 36.18px;
    color: #000000;
    background: linear-gradient(25.17deg, #181229 4.78%, #241644 93.55%);
    color: transparent;
    background-clip: text;
}
.gs-error-content p {
    font-weight: 700;
    color: #454153;
    opacity: 1;
}
.gs-error-content  a.btn.btn-primary {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    color: transparent;
    background-clip: text;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -1%;
    font-family: Eudoxus Sans;
}
.gs-error-content {
    padding: 40px 0 70px;
}
/*Error page css end*/
/*Interior page css start*/

.interior-design-banner {
    background: url(../images/interior-banner-bg.png) no-repeat center;
    background-size: 100% 100%;
    text-align: center;
}
.interior-design-top {
    padding: 55px 0 36px;
}
.interior-design-top p {
    max-width: 830px;
    margin: 14px auto 0;
}
.interior-upload-space {
    box-shadow: 0px 5px 19px 0px rgba(52, 35, 118, 0.07);
    backdrop-filter: blur(108px);
    background: rgba(255, 255, 255, 1);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-radius: 21px;
}
.interior-upload-space::before {
    background: rgba(255, 255, 255, 0.42);
    backdrop-filter: blur(27px);
    box-shadow: 0px 4px 12px 0px rgba(42, 23, 121, 0.09);
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 90%;
    margin: 0 5%;
    height: 20px;
    content: "";
    border-radius: 0 0 28px 28px;
}

.interior-upload-left {
    width: 50%;
    padding: 21px 30px;
    border-right: 1px solid  rgba(136, 127, 160, 0.26);
}
.interior-upload-right {
    width: 50%;
    background: rgba(255, 255, 255, 0.56);
    backdrop-filter: blur(34px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 70px;
    border-radius: 0 40px 40px 0px;
}
.interior-upload-right-inset p {
    font-weight: 400;
    font-size: 18px;
    line-height: 115.99999999999999%;
    margin: 15px 0 0;
}
.interior-upload-left h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 115.99999999999999%;
    letter-spacing: -2%;
    text-transform: capitalize;
    margin: 0 0 15px;
    text-align: left;
}
.upload-form-row {
    padding: 0 0 14px 12px;
    width: 100%;
}
.interior-upload-left > form {
    margin-left: -12px;
    display: flex;
    flex-wrap: wrap;
}
.upload-space-field {
    position: relative;
    border: 1px dashed  rgba(95, 82, 127, 0.26);
    border-radius: 8px;
    padding: 44px 20px;
}
.upload-space-field h4 {
    font-weight: 500;
    font-size: 16px;
    margin: 13px 0 14px;
    letter-spacing: 0px;
    color: rgba(106, 103, 117, 1);
}
.upload-space-field p {
    color: rgba(106, 103, 117, 1);
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0px;
    opacity: 1;
    margin: 0;
}
.upload-space-field input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.upload-form-row.upload-form-row-half {
    width: 50%;
}
.upload-space-select select {
    background: rgba(255, 255, 255, 0.28);
    border: 1px solid rgba(95, 82, 127, 0.26);
    width: 100%;
    padding: 15px 20px;
    border-radius: 8px;
    color: rgba(106, 103, 117, 1);
    font-size: 14px;
    letter-spacing: 0;
    outline: none;
}
.interior-total-credits {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 0 10px;
    gap: 10px;
}
.interior-total-inner {
    background: #7558EA0F;
    border-radius: 10px;
    padding: 7px 20px;
    color: #181229;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}
.interior-total-inner img {
    margin: -1px 7px 0 0px;
}
.interior-total-inner span {
    color: #7558EA;
    padding: 0 0 0 1px;
}
.interior-upload-left button.btn-con {
    width: 100%;
}

.interior-design-bottom {
    padding: 94px 7% 0;
}
.interior-design-bottom .vshome-trust-members-wrapper {
    max-width: 575px;
    margin: auto;
    text-align: left;
}
.vshome-trust-members-col.trust-pilot {
    border-left: 1px solid rgba(106, 103, 117, 0.31);
}

.reimagine-outer {
    text-align: center;
    padding: 120px 0 0;
}
.reimagine-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 40px 0 0;
}
.reimagine-block {
    border: 1px solid rgba(69, 73, 72, 0.1);
    background: url(../images/reimagine-block-bg.png) no-repeat center;
    background-size: cover;
}
.reimagine-block {
    border: 1px solid rgba(69, 73, 72, 0.1);
    background: url(../images/reimagine-block-bg.png) no-repeat center;
    background-size: cover;
    display: flex;
    text-align: left;
    gap: 20px;
    padding: 32px 24px;
    border-radius: 24px;
    align-items: center;
}
.interior-upload-relist .vsuft-relist-flex {
    padding: 0;
}
.interior-upload-howorks .vsuft-container > p {
    text-align: center;
    color: #fff;
    padding: 17px 0 0;
    margin: 0;
}
.interior-upload-hero-section .vsuft-relist-flex {
    padding: 0;
}
.interior-upload-hero-section .vsuft-relist-listcol {
    padding: 0 0 0 55px;
}

.vsuft-retool-for-wrapper.interior-upload-retool {
    padding-top: 30px;
}
.vsuft-retool-for-wrapper.interior-upload-retool > .vsufont20 {
    color: rgb(69, 65, 83);
    opacity: 80%;
    font-weight: 500;
    max-width: 800px;
    margin: auto;
}
.vsuft-relist-section.interior-upload-hero-section {
    padding: 100px 0 90px;
}

.vsuft-relist-listcol .vsufont42 {
    padding: 0 0 10px;
}
.instantly-furniture {
    background: rgb(164 138 237 / 10%);
    padding-bottom: 0;
    overflow: hidden;
}
.instantly-furniture .ts-furniture-in.ts-edge-outer::before {
    display: none;
}
.ts-furniture.instantly-furniture .owl-carousel .owl-item img {
    border-radius: 15px;
    box-shadow: none;
    border: none;
    height: 190px;
}
.ts-furniture.instantly-furniture .owl-carousel .owl-item .item {
    border-radius: 24px;
    background: #fff;
    border: 12px solid #fff;
    box-shadow: 0px 16px 64px -16px #0000001F;
    height: 100%;
}
.instantly-furniture .ts-edge-outer.ts-furniture-in {
    padding-top: 10px;
}
.instantly-furniture .owl-stage {
    display: flex;
}

.instantly-furniture.owl-stage {
    display: flex;
}
.ts-furniture.instantly-furniture .owl-carousel .owl-item .item h4 {
    margin: 14px 0 5px;
    color: rgba(30, 22, 52, 1);
}
.ts-furniture.instantly-furniture .owl-carousel .owl-item .item p {
    font-size: 16px;
    margin: 0;
    line-height: 1.5;
}

.interior-upload-faq .sub-title {
    font-family: Eudoxus Sans;
    font-size: 16px;
    font-weight: 700;
    color: #454153;
    text-transform: uppercase;
    opacity: 60%;
    margin: 0;
    font-style: normal;
}
.interior-upload-faq .ts-company-good {
    padding-right: 3%;
}
.interior-upload-faq .ts-company-outstanding p {
    margin-top: 27px;
}
.interior-upload-designed {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.interior-upload-right-inset {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(34px);
    background: rgba(255, 255, 255, 0.56);
    align-items: center;
    justify-content: center;
}


.upload-form-row .custom-dropdown {
    position: relative;
    width: 100%;
}
/* .upload-form-row .upload-dropdown-selected {
    padding: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
} */
.upload-form-row .upload-dropdown-selected {
    background: rgba(255, 255, 255, 0.28);
    border: 1px solid rgba(95, 82, 127, 0.26);
    width: 100%;
    padding: 3px 10px;
    border-radius: 8px;
    color: rgba(106, 103, 117, 1);
    font-size: 14px;
    letter-spacing: 0;
    outline: none;
    display: flex;
    align-items: center;
    min-height: 50px;
    text-align: left;
    line-height: 1.2;
    padding-right: 30px;
    position: relative;
}
.upload-form-row .upload-dropdown-selected::after
{
    background: url(../images/dropdown-arrow.svg) no-repeat center;
    width: 8px;
    height: 6px;
    content: "";
    position: absolute;
    right: 12px;
    top: 20px;
}
.upload-form-row .upload-dropdown-selected img {
    width: 45px;
    height: 30px;
    margin-right: 10px;
    object-fit: cover;
    border-radius: 5px;
}
.upload-form-row .upload-dropdown-options {
    display: none;
    position: absolute;
    width: 100%;
    border: 1px solid #ccc;
    background: white;
    max-height: 150px;
    overflow-y: auto;
    padding: 6px;
    z-index: 100;
    bottom: unset;
    margin: 1px 0 0;
}
.upload-form-row .upload-dropdown-options div {
    padding: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 8px;
    color: rgba(106, 103, 117, 1);
    font-size: 14px;
}
.upload-form-row .upload-dropdown-options div:hover {
    background: #f0f0f0;
}
.upload-form-row .upload-dropdown-options img {
    width: 45px;
    height: 30px;
    object-fit: cover;
    margin-right: 10px;
    border-radius: 5px;
}

.upload-form-row .show {
    display: block;
}

.interior-upload-howorks .vsuft-howorks-flexview .vsuft-howorks-count {
    flex-direction: row;
    align-items: flex-start;
    padding-top: 20px;
}
.interior-upload-howorks .vsuft-howorks-box-text {
    color: rgba(30, 22, 52, 1);
}
body:has(.vsuft-flowingft-banner-outer) .floating-banner {
    visibility: hidden;
}
.vsuft-relist-section.interior-upload-relist.interior-upload-relist-last {
    padding-top: 20px;
}
.interior-upload-relist-last .vsuft-relist-listcol .vsuft-ctabtn {
    margin: 0;
}
.interior-upload-relist-last .vsuft-relist-listcol p {
    margin-top: 20px;
    font-size: 16px;
    opacity: 1;
    line-height: 1.7;
}
.interior-upload-relist-last .vsuft-relist-listcol .vsufont42 {
    padding-bottom: 30px;
}
.interior-upload-relist-last .vsuft-relist-listcol p strong {
    display: inline;
}


.upload-dropdown-options.show {
    display: block;
}
.gs-modal-content .inputerror-wrapper  {
    display: flex;
    align-items: center;
}
.inputerror-wrapper img {
    width: 50px;
    margin-right: 20px;
}
.upload-form-row i.fa.fa-spin {
    padding: 0;
    background: transparent;
    font-size: 100%;
}
.upload-form-row a.btn-con span {
    padding: 0 0 0 3px;
}
.upload-form-row .btn-con {
    width: 100%;
}
.upload-space-field .gallery {
    max-width: 100%;
}
/*free generation modals starts*/
.gs-modal-content.freegenerations-modal {
    padding: 0 0;
    background: #F4F1FE;
    border: none;
    box-shadow: 0px 4px 44px 0px #5345771A;
}
.freegenerations-top {
    text-align: center;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    padding: 45px  15px 130px;
    border-radius: 16px 16px 0 0;
}
.gs-modal-content  .freegenerations-top h3 {
    text-align: center;
    margin: 0;
}
.freegenerations-bottom {
    margin: -100px 20px  20px;
    box-shadow: 0px 2px 44px 0px #8A8A8F1A;
    background: #FFFFFF;
    padding: 30px 20px 33px;
    text-align: center;
    border-radius: 10px;
}
.freegenerations-bottom p {
    color: #1E1634;
    line-height: 1.6;
}
.freegenerations-bottom .gs-project-add-new-form .gs-login-brn-outer {
    padding: 10px 0 0 0;
}
.freegenerations-bottom .gs-project-add-new-form .gs-login-brn-outer {
    gap: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.freegenerations-bottom  .gs-login-btn {
    box-shadow: 0px 12px 64px -12px #8E73FB7A, 0px 12px 36px -8px #0000005C;
    padding: 13px 24px;
    min-width: 240px;
    justify-content: center;
    border: 1px solid #9479FF;
    color: #fff;
    height: unset;
}
.freegenerations-bottom  .gs-login-btn:hover,
.freegenerations-bottom  .gs-login-btn.gs-login-btn-filled{
    background: #ffff;
    color: #7558EA;
}
.freegenerations-bottom  .gs-login-btn.gs-login-btn-filled:hover{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
}
.gs-modal-content .freegenerations-top h3 img {
    max-width: 30px;
    margin: 0 2px 0 0;
}
/*free generation modals end*/

/*Interior page css end*/
/*new offer page css start*/
.ts-company-con .ts-edge-pricing-trustpilot {
    width: 100%;
}
.ts-company-con .ts-edge-pricing-trustpilot p {
    margin: 0;
}
.components-listing-wrap {
    padding: 40px 0 40px;
}
.components-listing-wrap ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.components-listing-wrap li {
    background: #FFFFFF;
    font-family: Eudoxus Sans;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #1E1634;
    padding: 15px 9px 15px 18px;
    background-size: 25px;
    box-shadow: 0px 6px 34px 0px #6983C91C;
    border-radius: 24px;
    align-items: center;
    display: flex;
    min-height: 58px;
    border: 1px solid #4549481A;
background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(253, 248, 253, 1) 100%);
}
.components-listing-wrap li span {
    padding: 0 0 0 17px;
}
/* body:has(.vsuft-flowingft-banner-outer) .floating-banner {
    margin-top: 120px;
} */
.vshome-comparision-table-outer {
    padding: 20px 0 0;
}
.vshome-comparision-table-outer .title-con {
    text-align: center;
}
body:has(.vsuft-flowingft-banner-outer) .floating-banner {
    visibility: hidden;
    display: none;
}
body:has(.vsuft-flowingft-banner-outer) .vsuft-flowingft-banner-outer {
    position: relative;
    z-index: 1000;
}
body:has(.vsuft-flowingft-banner-outer) .footer-main {
    background: transparent;
}
.vshome-comparision-table {
    box-shadow: 0px 6px 34px 0px #6983C91C;
    background: #fff;
    border-radius: 12px;
    margin: 40px 0 40px;
}
.vshome-comparision-table th {
    padding: 15px 10px;
    font-size: 13px;
    line-height: 1.25rem;
    text-align: center;
}
.vshome-comparision-table th:first-child{
    padding-left: 15px;
    text-align: left;
}
.vshome-comparision-table td{
    padding: 15px;
}
.vshome-comparision-table thead {
    position: sticky;
    top: 0;
    transition: .1s all ease;
    box-shadow: none;
}
.vshome-comparision-table thead.sticky-active {
    background: #ffff;
    z-index: 1;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}
.vshome-comparision-table tr {
    border-bottom: 1px solid #e5e7eb;
    transition: .3s all ease;
}
.vshome-comparision-table tr:hover {
    background-color: #f9fafb80;
}
.vshome-comparision-table thead span {
    color: #fff;
    padding: 4px 5px;
    background: #333333;
    line-height: 1.3;
    font-size: 10px;
    display: block;
    min-width: 66px;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
}
.vshome-comparision-table .comparision-table-blue span {
    background: #8F73FF;
}
.vshome-comparision-table .comparision-table-recharm span {
    /* background: #8b5cf6; */
}
.vshome-comparision-table .comparision-table-motion span {
    /* background: #6366f1; */
}
.ct-icon-outer {
    display: flex;
    justify-content: center;
    width: unset;
}
.ct-icon-outer > div {
    padding: 0;
    border-radius: 9999px;
    height: 36px;
    width: 36px;
    text-align: center;
    transition: .3s all ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ct-icon-outer > div:hover
{

    transform: scale(1.1);
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ct-icon-outer svg {
    width: 20px;
    height: 20px;
}
.ct-cross-icon {
    background: #fef2f2;
    color: #ef4444;
}
.ct-cross-icon:hover
{
    background: #fee2e2;
}
.ct-tick-icon,
.ct-blue-icon
{
    background-color: #f0fdf4;
    color: #16a34a;
}
.ct-tick-icon:hover,
.ct-blue-icon:hover
{
    background-color: #dcfce7;
}
.comparision-table-blue {
    /* background: #F4F1FF; */
}
/* .ct-blue-icon {
    background-color: #e2daff;
    color: #8F73FF;
}
.ct-blue-icon:hover
{
    background-color:#D6CBFF;
} */
.ct-start {
    display: flex;
    transition: .3s all ease;
    max-width: 270px;
}
.ct-start-icon {
    width: 28px;
    height: 28px;
    transition: .3s all ease;
    min-width: 28px;
    border-radius: 7px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}
.ct-start-content {
    padding-left: 10px;
}

.ct-start-heading {
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    font-weight: 600;
}
.ct-start-text {
    font-size: 12px;
    color: #6b7280;
}
.vshome-comparision-table tr:hover .ct-start-icon {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    background: #ffff;
}
.vshome-comparision-table tr:hover .ct-start
{
    transform: translate(7px);
}

.ts-components.offercomponents {
    background: #f9f9f9 url(../images/offercomponents.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: 20px;
    padding-top: 20px;
}
.ts-ai-design.new-offerts-ai-design {
    border: none;
}
/*Offer page banner updates 13 may 2025 start*/
.gs-offer-banner1352025 .ts-banner-inner.gsbf-banner-inner {
    padding-top: 110px;
}
.gs-offer-btns1352025 span {
    font-weight: 500;
    font-size: 14px;
    color: #454153;
    padding: 0 10px 0;
}
.gs-offer-btns1352025 {
    position: relative;
}
.gs-offer-btns1352025 .btn-con.btn-con-unfill {
    border: 1px solid #A38DFE;
    color: #7558EA;
    background: transparent;
    min-width: 170px;
    padding-top: 13px;
    padding-bottom: 13px;
    box-shadow: none;
}
.gs-offer-btns1352025 .btn-con.btn-con-unfill:hover {
    background: #7558ea;
    color: #fff;
    border-color: transparent;
}
.gs-offer-btn-offer {
    position: relative;
    display: inline-block;
    padding-right: 60px;
}
.gs-offer-btns1352025 span, .gs-offer-btn-offer {
    display: none;
}
.gs-offer-btns-badge1352025 {
    position: absolute;
    top: -22px;
    right: -20px;
    font-family: Caveat;
    font-weight: 400;
    font-size: 19px;
    line-height: 17px;
    letter-spacing: -0.14px;
    text-align: center;
    vertical-align: middle;
    transform: rotate(13.38deg);
    color: #6A6775;
}

.gs-offer-btns-badge1352025 img {
    margin: 4px 0px 0 0;
    display: block;
}
.gs-offer-trust-outer {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
}
.gs-offer-trust-outer .vshome-trust-members-wrapper {
    padding: 10px 30px 10px 0;
    width: 48%;
}
.gs-offer-trust-outer .vshome-trust-members-col.trust-pilot {
    padding-left: 10px;
    border: none;
}
.gs-offer-trust-right {
    width: 52%;
    border-left: 1px solid #6A6775;
    padding-left: 20px;
    text-align: center;
}
.gs-offer-trust-right ul {
    display: flex;
    flex-wrap: wrap;
}
.gs-offer-trust-right li {
    min-width: 98px;
    width: 16.66%;
    padding: 0 3px 0;
}
.gs-offer-trust-icon {
    border: 1px solid #4549481A;
    height: 64px;
    width: 64px;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    display: inline-flex;
        vertical-align: top;
}

.gs-offer-trust-right span {
    color: rgb(24 18 41 / 80%);
     vertical-align: top;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.14px;
    text-align: center;
    display: block;
    padding: 3px 0 0;
}
.offer-feature-slider {
    background: linear-gradient(90.03deg, rgba(148, 121, 255, 0.1) 41.91%, rgba(117, 88, 234, 0.1) 68.18%);
    padding: 9px 0;
    margin: 40px 0 10px;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
}
.offer-feature-slider .offer-feature-slide {
    padding: 7px 30px;
    display: flex !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 110%;
    color: #181229;
    gap: 6px;
    align-items: center;
    justify-content: center;
}
.gs-offer-logos {
    max-width: 1020px;
    margin: 40px auto 40px;
    position: relative;
    display: flex;
    overflow: hidden;
}
.gs-offer-logos .slick-track {
    display: flex;
}
.slick-initialized .slick-slide.gs-offer-logos-slide {
    display: flex;
    align-items: center;
    height: unset;
}
.gs-offer-logos-slide img {
        max-width: 123px;
    max-height: 38px;
    /* opacity: 40%; */
    filter: invert(50%);
}
.gs-offer-logos-slide {
    padding: 15px;
}
.gs-offer-logos::before,
.gs-offer-logos::after {
    content: "";
    position: absolute;
    left: -2px;
    top: 0;
    height: 100%;
    z-index: 1;
    width: 150px;
    background: linear-gradient(92.63deg, #f9f9f9 1.32%, #f9f9f9 34.75%, rgba(255, 255, 255, 0) 97.55%);
}
.gs-offer-logos::after {
    right: -2px;
    left: unset;
    top: 0;
    transform: rotateY(180deg);
}
.gs-offer-steps-outer {
    background: #7558EA0F;
    padding: 39px 40px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 40px;
    justify-content: space-between;
}
.gs-offer-steps-columns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 290px;
    position: relative;
}
.gs-offer-steps-columns::before {
    content: "";
    position: absolute;
    right: -108px;
    width: 51px;
    height: 14px;
    background: url(../images/gs-offer-step-arrow.svg) no-repeat center;
    top: 26px;
    background-size: contain;
}
.gs-offer-steps-columns:nth-child(2)::before {
    transform: rotateX(180deg);
}
.gs-offer-steps-columns:nth-child(3)::before {
    display: none;
}
.gs-offer-steps-icon {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    border: 1px solid #A38DFE;
    box-shadow: 0px 12px 36px -8px #0000005C;
    width: 63px;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.gs-offer-steps-text {
    padding-left: 20px;
}
.gs-offer-steps-text h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 21.6px;
    letter-spacing: -0.36px;
    margin: 0;
}
.gs-offer-steps-text p {
    font-size: 16px;
    margin: 0;
    line-height: 23px;
    padding: 4px 0 0;
}
.gs-offer-components ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 22px 18px;
}
.gs-offer-components li {
    border: 1px solid #4549481A;
    background: #fff;
    border-radius: 24px;
    padding: 12px 12px;
    display: flex;
    align-items: center;
}
.gs-offer-components li .vsuft-howorks-box-icon {
    width: 50px;
    height: 50px;
    padding: 12px;
        min-width: 50px;
}
.gs-offer-components li span {
    font-size: 14px;
    line-height: 21px;
    padding-left: 15px;
    color: rgba(69, 65, 83, 0.8);
}
.gs-offer-components {
    padding: 45px 0 40px;
}
.gs-offercomponents13525 .vshome-peak-counter-wrapper {
    padding: 0px 0 50px;
}
.gs-offercomponents13525 .vshome-peak-counter-inner {
    padding: 30px 20px 30px;
}
.ts-tabs-outer.gs-offer-tabs-outer {
    background: transparent;
}
.vshome-peak-section.gs-offer-peak-section {
    background: transparent;
    padding-top: 0;
}
.vshome-peak-section.gs-offer-peak-section .ts-components-con {
    border-top: 0;
}
.vshome-trust-members-col img.gs-offer-trust-mobile {
    display: none;
}
.gs-offercomponents13525 .vshome-peal-counter-title {
    padding: 12px 0 8px;
}
.gs-offercomponents13525 .vshome-peak-counter-grid {
    max-width: 1110px;
    grid-gap: 14px;
}
.gs-offercomponents13525 .vshome-peal-counter-text {
    font-size: 13px;
}
.gs-offercomponents13525 .vshome-peal-counter-subtitle {
    font-size: 16px;
    margin: 0px 0 6px 0;
}
.gs-offercomponents13525 .vshome-peak-counter-inner .vstext-trustpilotflex {
    padding: 0px 0 17px 0px;
}
.gs-offer-mobile-btn
{
    display: none;
}
body main#hmn-main  .btn-con.btn-con-offer {
    background: #7558ea;
    border: 1px solid #7558ea;
    box-shadow: none;
}
body main#hmn-main .btn-con.btn-con-offer:hover {
    background: #fff;
    color: #7558ea;
    border: 1px solid #7558ea;
}
body main#hmn-main .ts-access-btn.card-submit-offer,
body main#hmn-main .card-submit.card-submit-offer {
    border: 1px solid #43b0ff;
    background: #43b0ff;
    box-shadow: none;
}
body main#hmn-main .ts-access-btn.card-submit-offer:hover,
body main#hmn-main .card-submit.card-submit-offer:hover {
    border: 1px solid #43b0ff;
    background: #fff;
    color: #43b0ff;
    transform: translateY(0px);
}
body main#hmn-main .vsu-compare-card.premium-plus .ts-access-btn.card-submit-offer,
body main#hmn-main .vsu-compare-card.premium-plus .card-submit.card-submit-offer {
    border: 1px solid #7558ea;
    background: #7558ea;
    box-shadow: none;
}
body main#hmn-main .vsu-compare-card.premium-plus .ts-access-btn.card-submit-offer:hover,
body main#hmn-main .vsu-compare-card.premium-plus .card-submit.card-submit-offer:hover
{
    border: 1px solid #7558ea;
    background: #fff;
    color: #7558ea;
}
.vsu-compare-card.premium-plus {
    border: 2px solid #7558ea91;
}
.gs-offer-home-design .ts-saving-design li img {
    height: unset;
}
.gs-offer-reviews-text {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: rgb(44 48 62 / 70%);
    text-align: center;
    padding: 30px 0 0;
}
.gs-offer-reviews-left .ts-client {
    padding: 0;
}
.gs-offer-reviews-wrapper {
    display: flex;
    padding: 32px 0 0 0;
    text-align: left;
}
.gs-offer-reviews-left {
    width: 23%;
    padding: 0 15px 0 0;
    align-self: center;
}
.gs-offer-reviews-right {
    width: 77%;
}
.gs-offer-reviews-outer {
    display: grid;
    grid-template-columns: repeat(4, 2fr);
    gap: 15px;
}
.gs-offer-reviews-outer .gs-testimonial-trustpilot-letter strong {
    align-self: center;
    line-height: 1.1;
}
.gs-offer-reviews-outer .gs-testimonial-trustpilot-content strong {
    font-size: 14px;
    padding:8px 0 3px;
    color: rgb(33 37 41 / 90%);
}
.gs-offer-reviews-outer .gs-testimonial-trustpilot-content p strong {
    font-size: 90%;
    display: inline;
    padding: 0;
}
.gs-offer-reviews-outer .gs-testimonial-user-block {
    box-shadow:none;
}

.gs-offer-reviews-left img {
    margin-left: -17px;
}
.gs-testimonial-trustpilot-name img.gs-offer-flag {
    max-height: 15px;
    margin-top: 2px;
    border-radius: 3px;
}
.gs-offer-banner1352025 .ts-banner-text > p {
    padding: 5px 0% 24px;
    margin: 0;
}
.ts-checkbox-cont {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
.ts-checkbox-cont-inner {
    width: 14px;
    background: #fff;
    height: 14px;
    position: relative;
    border-radius: 2px
}
.ts-checkbox-cont .ck_inst {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}
.ts-checkbox-cont .ck_inst:checked + .ts-checkbox-cont-inner {
    background: #7558ea;
}
.ts-checkbox-cont .ck_inst:checked + .ts-checkbox-cont-inner::after {
    content: "✔";
    position: absolute;
    color: #fff;
    font-size: 9px;
    left: 4px;
    top: 0;
}


/*Offer page banner updates 13 may 2025 end*/
/*magic redesign promotion offer css start*/
body:has(.ts-magic-offer-wrapper) .hmd-inner {
    border-bottom: 0px solid #d9d9d9;
}
.ts-magic-offer-wrapper {
    background: url(../images/magic-offer-bg.png) no-repeat center;
    background-size: cover;
    padding: 10px 14px;
    margin-bottom: 50px;
    border-radius: 20px;
    display: flex;
}
.ts-magic-offer-left {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    padding: 12px;
    height: 60px;
    width: 60px;
    box-shadow: 0px 12px 36px -8px #0000005C;
    border: 1px solid #A38DFE;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-magic-offer-right {
    padding: 0 0 0 22px;
    width: calc(100% - 60px);
    align-self: center;
}
.ts-magic-offer-right strong {
    font-size: 16px;
    line-height: 19.2px;
    letter-spacing: 1px;
    display: block;
    text-transform: uppercase;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
    padding: 0 0 3px;
}
.ts-magic-offer-right p {
    color: #1E1634;
    opacity: 1;
    margin: 0;
    line-height: 1.4;
}

body:has(.ts-magic-offer-wrapper) .ts-tabs-outer.gs-offer-tabs-outer {
    overflow: hidden;
}
.ts-magic-offer-right strong span {
    background: linear-gradient(92.2deg, #1FD9D9 -1.93%, #2588E3 78.17%);
    color: #fff;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff;
    padding: 2px 9px;
    font-size: 12px;
    line-height: 19.2px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    border-radius: 50px;
    margin: -2px 0 -2px;
}
/*magic redesign promotion offer css end*/
/*academy page css start*/
.academy-container
{
    max-width: 1022px;
    margin: auto;
    padding: 0 15px;
}
.noticebar-outer {
    background: linear-gradient(90.03deg, #9479FF 41.91%, #7558EA 68.18%);
    text-align: center;
    padding: 12px;
}
.noticebar-inner {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}
.academy-header-inner {
    display: flex;
    padding: 18px 0;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    gap: 10px;
    justify-content: center;
}
.academy-header-inner img {
    width: 160px;
}
.academy-banner {
    /* background: url(../images/academy-banner.png) no-repeat center; */
    /* background-size: cover; */
    margin: 0 20px;
    border-radius: 20px;
    padding: 42px 0 112px;
    background: #080028;
}
.academy-banner-content {
    text-align: center;
}
.academy-banner-content-top h1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    margin: 0 0 8px;
}
.academy-banner-content-top h1 strong{
    color: #7558EA;
}
.academy-banner-content-top p {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
    color: #FFFFFF;
    margin: 20px 0 20px 0;
}
.academy-banner-content-top {
    /* max-width: 860px; */
    margin: auto;
}
.academy-banner-spots-taken {
    padding: 36px 0 62px;
}
.academy-banner-spots-taken-inner {
    border: 1px solid #FFFFFF33;
    backdrop-filter: blur(4px);
    background: #0000001A;
    max-width: 512px;
    margin: auto;
    border-radius: 16px;
    padding: 24px;
}
.academy-banner-spots-taken-inner h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    color: #FFFFFF;
}
.academy-banner-spots-taken-inner p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFFCC;
    margin: 3px 0 0;
}
.academy-banner-spots-progressbar {
    background: #FFFFFF33;
    height: 12px;
    margin: 17px 0 5px;
    border-radius: 12px;
    width: 100%;
    overflow: hidden;
}
.academy-banner-spots-progress {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.academy-banner-spots-fills, .academy-banner-spots-left {
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFFB2;
}
.academy-banner-spots-hightlight {
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #FDE047;
    padding: 16px 0 0;
  animation: blinkOpacity 1.5s infinite ease-in-out;
}

@keyframes blinkOpacity {
  0% { opacity: 0.5; }
  50% { opacity: 1; }
  100% { opacity: 0.5; }
}


.academy-banner-spots-progressbar span {
    height: 100%;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    display: block;

}
.academy-banner-spots-claim a {
    background: #7558EA;
    color: #FFFFFF;
    font-weight: 800;
    font-size: 20px;
    line-height: 28px;
    padding: 13px 30px;
    border-radius: 8px;
    display: inline-block;
    transition: .3s all ease;
}
.academy-banner-spots-claim a:hover
{
    transform: scale(1.06);
}
.academy-banner-spots-claim-guarantee {
    backdrop-filter: blur(4px);
    background: #FFFFFF1A;
    border: 1px solid #FFFFFF33;
    padding: 27px;
    max-width: 672px;
    margin: 45px auto 0px;
    border-radius: 16px;
}
.academy-banner-spots-claim-guarantee h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #ffff;
    margin: 0 0 8px;
}
.academy-banner-spots-claim-guarantee p {
    font-weight: 400;
    font-size: 18px;
    line-height: 29.25px;
    color: #FFFFFFE5;
    margin: 0;
}
.academy-banner-spots-claim-guarantee h3 img {
    vertical-align: top;
    margin: 0 4px 0 0;
}
.academy-paymentcontainer {
    max-width: 930px;
    margin: auto;
    padding: 0 15px;
}
.academy-payment-option-outer {
    text-align: center;
    padding: 47px 0 70px;
}
.academy-payment-top h2 {
    background: linear-gradient(265.46deg, #AE99FF 9.8%, #7558EA 52.97%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-weight: 800;
    font-size: 42px;
    line-height: 50.4px;
    margin: 0 0 5px;
}
.academy-payment-top p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #71717A;
    opacity: 1;
}
.academy-payment-flex {
    display: flex;
    gap: 30px;
    padding: 25px 0 0;
    align-items: flex-start;
}
.academy-payment-column {
    border: 1px solid #7558EA;
    background: #ECE8FF;
    box-shadow: 0px 4px 64px 0px #8480B624;
    padding: 42px 25px 25px;
    width: 50%;
    border-radius: 24px;
    position: relative;
    transition: .3s all ease;
}
.academy-payment-column:hover{
    transform: scale(1.05);
}
.academy-payment-tag {
    background: #FFCD06;
    position: absolute;
    font-weight: 700;
    font-size: 13px;
    line-height: 115.99999999999999%;
    letter-spacing: 0.8px;
    text-align: center;
    text-transform: uppercase;
    color: #7052F2;
    padding: 8px 16px;
    border-radius: 0 0 10px 10px;
    top: -1px;
    left: 50%;
    transform: translate(-50%);
}

.academy-payment-column h3 {
    color: #2F2F2F;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.6px;
    font-weight: bold;
    margin: 0;
}
.academy-payment-column  h4 {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-decoration: line-through;
    color: #71717A;
}
.academy-payment-column h5 {
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: #7558EA;
    margin: 0;
}
.academy-payment-column  h6 {
    color: #16A249;
    font-size: 18px;
    line-height: 28px;
}
.academy-payment-exclusive {
    background: #F0E9FB;
    border: 1px solid #6B26D933;
    padding: 24px 21px 24px 50px;
    border-radius: 12px;
    text-align: left;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #71717A;
    margin: 0 0 12px;
}
.academy-payment-exclusive strong {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    display: block;
    color: #7558EA;
}
.academy-payment-exclusive img {
    position: absolute;
}
.academy-payment-exclusive img {
    position: absolute;
    left: 18px;
    top: 24px;
}
.academy-payment-btn a {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    box-shadow: 0px 12px 64px -12px #8E73FB7A, 0px 12px 36px -8px #0000005C;
    border-radius: 10px;
    display: flex;
    padding: 16px 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    justify-content: center;
    color: #FAFAFA;
    gap: 10px;
    transition: .3s all ease;
}
.academy-payment-btn a:hover{
     background: linear-gradient(00deg, #9479FF 0%, #7558EA 100%);
}
.academy-payment-img img {
    mix-blend-mode: multiply;
    margin: 10px 0 0;
}
.academy-payment-column.academy-payment-column2 {
    background: #FFFFFF;
    border: 1px solid #4549481A;
}
.academy-payment-column.academy-payment-column2 h5 {
    font-size: 36px;
    line-height: 1;
    margin: 16px 0;
}
.academy-payment-column.academy-payment-column2 h6 {
    font-size: 16px;
    color: #71717A;
    margin: 10px 0 37px;
}

.academy-right-tooltip {
    position: fixed;
    right: 25px;
    bottom: 13px;
    background: #FDFDFD;
    box-shadow: 0px 4px 24px 0px #9B9B9B40;
    margin-top: 10px;
    border-radius: 12px;
    padding: 20px;
    max-width: 90%;
}
.academy-right-tooltip h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 3px;
}
.academy-right-tooltip  p {
    font-size: 14px;
    margin: 0;
    line-height: 1.6;
    display: block;
}
.academy-tooltip-cross {
    position: absolute;
    top: 9px;
    right: 12px;
    width: 11px;
    cursor: pointer;
}
.academy-tooltip-cross svg {
    display: block;
    width: 12px;
    stroke: #000;
}
.academy-right-tooltip:hover .academy-tooltip-cross svg {
    stroke: #7558EA;
}

.reminder-outer {
    padding: 20px 0;
}
.reminder-content {
    border: 1px solid #E4E4E7;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px #FFFFFF;
    padding: 24px;
}
.reminder-content h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 44px;
    text-align: center;
    margin: 0 0 15px 0;
}
.reminder-content h2 strong {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    display: block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 0 6px;
    font-weight: bold;
}
.reminder-content > p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    opacity: 1;
    color: #71717A;
    margin: 0 0 34px;
}
.reminder-content-listing {
    border: 1px solid #F5F5F5;
    border-radius: 20px;
    padding: 24px 24px 24px 60px;
    box-shadow: 0px 16px 64px -16px #1E16340A;
    background: #fff url(../images/green-check.svg) no-repeat left 24px top 25px;
    margin-top: 16px;
}
.reminder-content-heading h3,
.reminder-content-heading h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #7558EA;
    margin: 0;
}
.reminder-content-heading h3 {
    color: #2F2F2F;
}
.reminder-content-heading {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.reminder-content-listing p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #71717A;
    opacity: 1;
    margin: 6px 0 0;
}
.reminder-content-listing ul {
    margin: 10px 0 0 !important;
    max-width: 600px;
    list-style: disc;
    padding: 0 0 0 14px !important;
}
.reminder-content-listing li {
    display: flex;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    gap: 10px;
    color: #71717A;
    margin-top: 8px;
    position: relative;
}
.reminder-content-listing li strong {
    color: #7558EA;
    margin-left: auto;
}
.reminder-content-listing li::before {
    content: ".";
    position: absolute;
    left: -15px;
    font-size: 200%;
    line-height: 20px;
    top: -8px;
}
.reminder-content-totally {
    border-top: 0.87px solid #E4E4E7;
    margin-top: 24px;
    padding: 10px 0 0;
}
.reminder-content-total-val {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    justify-content: space-between;
    margin: 13px 0 0 0;
}
.reminder-content-total-val strong {
    color: #7558EA;
    font-size: 24px;
}
.reminder-content-total-val.reminder-content-total-invest {
    font-size: 24px;
}
.reminder-content-total-val.reminder-content-total-invest strong {
    color: #16A249;
    font-size: 30px;
}
.results-guarantee-outer {
    margin: 40px 0;
    background: linear-gradient(25.17deg, #181229 4.78%, #241644 93.55%);
    padding: 40px;
    display: flex;
    border: 1px solid #6B26D933;
    box-shadow: 0px 1px 2px 0px #FFFFFF;
    border-radius: 8px;
     align-items: center;
}
.results-guarantee-left {
    width: 30%;
    text-align: center;
    padding: 0 20px;
}
.results-guarantee-right {
    width: 70%;
}
.results-guarantee-right h3 {
    color: #AE99FF;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 13px;
}
.results-guarantee-right p {
    font-weight: 400;
    font-size: 18px;
    line-height: 29.25px;
    margin: 0;
    color: #FFFFFF;
    opacity: 1;
}
.academy-testimonials {
    box-shadow: 0px 1px 2px 0px #FFFFFF;
    border: 1px solid #E4E4E7;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 34px 25px;

}
.academy-testimonials h2 {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    display: block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 0 6px;
    font-weight: bold;
    margin: 00 0 4px;
    font-size: 42px;
    text-align: center;
}
.academy-testimonials > p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    opacity: 1;
    color: #71717A;
    margin: 0 0 34px;
}
.academy-testimonial-column p {
    font-weight: 400;
    font-size: 18px;
    line-height: 29.25px;
    margin: 15px 0 15px;
    opacity: 1;
    color: #020817;
}
.academy-testimonial-column h4 {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #7558EA;
}
.academy-testimonial-column {
    border: 1px solid #F5F5F5;
    background: #FFFFFF;
    box-shadow: 0px 16px 64px -16px #1E16340A;
    padding: 30px;
    border-radius: 20px;
}
.academy-testimonials-flex {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 32px;
}
.academy-faq-outer {
    padding: 50px 0;
}
.academy-faq-outer h3 {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    display: block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 0 6px;
    font-weight: bold;
    margin: 00 0 4px;
    font-size: 42px;
    text-align: center;
}
.academy-faq-outer p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    opacity: 1;
    color: #71717A;
    margin: 0 0 34px;
}
.academy-faq-row {
    background: #FDFDFD;
    box-shadow: 0px 4px 24px 0px #9B9B9B40;
    margin-top: 10px;
    border-radius: 12px;
}
.academy-faq-content {
    font-size: 16px;
    line-height: 26px;
    opacity: 1;
    color: #71717A;
    padding: 0px  25px 25px;
    display: none;
}
.academy-faq-heading {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.36px;
    color: #1E1634;
    padding: 25px;
    cursor: pointer;
    position: relative;
}
.academy-faq-heading::before {
    content: "";
    height: 5px;
    width: 9px;
    position: absolute;
    right: 30px;
    top: 34px;
    background: url(../images/academy-faq.svg) no-repeat center;
    transition: .3s all ease;
}
.academy-faq-row.open .academy-faq-heading::before
{
    transform: rotate(180deg);
}
.academy-design-business-inner {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    text-align: center;
    padding: 47px 20px 40px;
    border-radius: 16px;
    margin-bottom: 25px;
}
.academy-design-business-inner h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 15px;
    color: #fff;
}
.academy-design-business-inner  p {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    opacity: .9;
    margin: 0 0 30px;
}

.academy-design-business-inner a {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background: #FFFFFF33;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    padding: 9px 28px;
    border-radius: 6px;
        margin: 0 6px;
    display: inline-block;
    transition: .3s all ease;
}
.academy-design-business-inner a:hover
{
    transform: scale(1.05);
}
.academy-design-business-inner a.academy-payfull {
    color: #6B26D9;
    background: #fff;
    border: none;
    box-shadow: 0px 12px 36px -8px #0000005C;
}
.secure-row {
    display: flex;
    color: #71717A;
    font-size: 16px;
    justify-content: center;
    border-bottom: 0.87px solid #E4E4E7;
    padding: 10px 0 30px;
    margin: 0 0 30px;
}

.modal-content.academy-modal-wrapper {
    width: 100%;
}
.modal-dialog:has(.academy-modal-wrapper) {
    width: 816px;
    padding: 0 20px;
    max-width: 100%;
    display: flex;
    margin: auto;
    height: 100%;
    align-items: center;
}
.modal-content.academy-modal-wrapper {
    width: 100%;
    background: #F4F1FE;
    box-shadow: 0px 4px 44px 0px #5345771A;
    border: none;
    border-radius: 20px;

}
.academy-modal-heading {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    border-radius: 20px 20px 0 0;
    font-weight: 700;
    font-size: 38px;
    line-height: 115.99999999999999%;
    letter-spacing: 0px;
     text-align: center;
    padding: 46px 0 120px;
    color: #FFFFFF;
}
.academy-modal-content {
    background: #FFFFFF;
    box-shadow: 0px 2px 44px 0px #8A8A8F1A;
    margin: -90px 20px 26px;
    border-radius: 10px;
    padding: 32px;
     text-align: center;
}
.academy-modal-content p {
    font-weight: 400;
    font-size: 19px;
    line-height: 34px;
    color: #1E1634;
    opacity: 1;
    margin: 0;
}
.academy-modal-content a {
    background: #E8E3FF;
    font-weight: 400;
    font-size: 19px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    margin: 25px 0 20px;
    color: #7558EA;
    width: 440px;
    padding: 10px 20px;
    border-radius: 10px;
    max-width: 100%;
}
div#academy-modal {
    background: #1D183885;
}
/*academy page css end*/

/*replay-academy page css start*/
.academy-choose-top {
    gap: 5px;
    display: inline-flex;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    background: #E9E4FF;
    padding: 8px 12px;
    color: #7558EA;
    border-radius: 50px;
    margin: 0 0 15px;
}
.replay-academy-banner .gs-special-ban-video-wrapper {
    position: relative;
    max-width: 850px;
    margin: 50px auto;
}
.academy-banner-guarantee .academy-banner-spots-claim-guarantee {
    background: #16094A;
    border: 1px solid #4B25A1;
    backdrop-filter: blur(4px);
    margin-top: -90px;
    text-align: center;
    margin-bottom: 40px;
}
.replay-academy-banner .academy-banner-spots-claim {
    padding: 0 0 30px;
}
.academy-banner-guarantee {
    padding: 0 5px;
}
.replay-academy-banner .academy-container {
    max-width: 1080px;
}
/*replay-academy page css end*/
/*Lifetime page page start*/
.vshome-header-strip.lifetime-header-strip {
    background: linear-gradient(91.22deg, #2B1B5A 0%, #4B2F9B 40%, #7C56FF 100%);
}
.lifetime-header-strip a {
    color: #FFFFFF;
    text-decoration: underline !important;
}
.btn-con.btn-con-included {
    border: 1px solid #ECE9FF;
    background: #ffffff;
    color: #6B7280;
    box-shadow: none;
}
.gs-offer-btns17102025 .btn-con.btn-con-offer {
    margin: 0 10px 0 0px;
}
.gs-offer-btns17102025 {
    padding: 0 0 20px;
}
.lifetime-tag {
    color: #7558EA;
    font-weight: 700;
    font-size: 13.1px;
    line-height: 100%;
    background: #7C56FF1F;
    padding: 7px 12px;
    border-radius: 50px;
}
.lifetime-tags-wrap {
    display: inline-flex;
    gap: 6px;
    flex-wrap: wrap;
}
.single-payment {
    padding: 40px 0 40px;
}
.single-payment-box {
    background: #7558EA0F;
    border-radius: 40px;
    padding: 40px 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.single-payment-left .title-con {
    margin: 0;
}
.single-payment-left {
    width: 55%;
    padding-right: 25px;
}
.single-payment-left p {
    color: #454153CC;
    font-size: 14px;
    opacity: 1;
    line-height: 1.7;
    margin: 8px 0 11px;
}
.single-payment-left ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
.single-payment-left li {
    background: #FFFFFF url(../images/lifetime-check-icon.svg) no-repeat center left 8px;
    box-shadow: 0px 16px 32px -8px #21252929;
    color: #212529;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    padding: 9px 20px 9px 40px;
    border-radius: 12px;
}
.single-payment-right {
    background: #FFFFFF;
    border: 1px solid #ECE9FF;
    border-radius: 18px;
    padding: 24px;
    width: 45%;
}
.single-payment-right h4 {
    color: #212529;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
}
.single-payment-right h4 strong {
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    vertical-align: middle;
    color: rgb(30 22 52 / 70%);
    margin: -0 0 0 10px;
    position: relative;
}
.single-payment-right h4 strong::after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    height: 2px;
    width: 100%;
    background: #FF4646E5;
    transform: rotate(-7deg);
}
.single-payment-forever {
    background: linear-gradient(180deg, rgba(148, 121, 255, 0.1) 0%, rgba(117, 88, 234, 0.1) 100%);
    border: 1px solid #ECE9FF;
    padding: 15px;
    border-radius: 8px;
    margin: 19px 0;
    display: flex;
    flex-wrap: wrap;
}
.single-payment-box-left {
    width: 60%;
    color: #1E16349E;
    font-weight: 400;
    font-size: 14.4px;
    line-height: 1.2;
}
.single-payment-box-left strong {
    display: block;
    color: #1E1634;
    font-weight: 700;
    font-size: 16px;
}
.single-payment-box-price {
    margin-left: auto;
    background: linear-gradient(243.78deg, #AE99FF 9.8%, #7558EA 52.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
}
.single-payment-right .btn-con.btn-con-offer {
    width: 100%;
    text-align: center;
}

.lifetime-forever-bts {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    /* border: 1px solid #ECE9FF; */
    box-shadow: 0px 14px 40px 0px #3C1E961F;
    padding: 29px;
    border-radius: 18px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
.lifetime-forever-bts strong {
    font-size: 36px;
    line-height: 1.2;
    color: #ffff;
    max-width: calc(100% - 240px);
}
.lifetime-forever-bts a {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
    border: 1px solid #FFFFFF59;
    align-self: center;
    padding: 16px 19px;
    border-radius: 8px;
}
.lifetime-forever-bts a:hover {
    background: #FFFFFF59;
}
.ts-redesign-in.ts-redesign-indeal {
    margin-top: 30px;
}
.ts-redesign-in.ts-redesign-indeal .btn-con {
    margin: 0 6px;
    min-width: 240px;
}
.ts-redesign-in.ts-redesign-indeal .btn-con.btn-con-included {
    color: #FFFFFF63;
    background: transparent;
    border: 1px solid #ECE9FF75;
}
.lifetime-tags-wrap.lifetime-tags-access {
    width: 100%;
    justify-content: center;
    padding: 20px 0 0;
}
.lifetime-tags-access .lifetime-tag {
    background: #36257D;
    color: #A28CFE;
}
.ts-redesign-indeal-space
{
    padding-top: 40px;
}
.ts-redesign-indeal-furniture {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ts-redesign-indeal-furniture .btn-con {
    margin-left: 4px;
    margin-right: 4px;
}

.price-by-month-detail-cross {
    color: #6B6790;
    font-size: 16px;
    font-weight: 400;
}
.vsu-compare-card-price h6 .price-by-month-detail-cross span {
    font-size: 100%;
}
.vsu-compare-card.premium-plus  .price-by-month-detail-cross {
    color: #dfd8ff;
}
.payments-lifetime-tags {
    text-align: center;
    padding: 10px 0 0;
}
.workflow-text {
    color: #6B6790;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    padding: 27px 0;
}
.pricing-features-watermarks
{
    max-width: 760px;
    margin: auto;
    text-align: left;
}
.pricing-features-watermarks ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
}
.pricing-features-watermarks li {
    background: #FFFFFF url(../images/lifetime-check-icon.svg) no-repeat center left 8px;
    box-shadow: 0px 16px 32px -8px #21252929;
    color: #212529;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    padding: 9px 20px 9px 40px;
    display: flex;
    min-height: 47px;
    align-items: center;
    border-radius: 12px;
}
.ts-gesigns-generated .lifetime-forever-bts {
    margin-top: 70px;
    margin-bottom: 0;
}
.lifetime-faq
{
    padding-bottom: 0;
}
.single-payment.single-payment-footer {
    padding-top: 60px;
    padding-bottom: 60px;
}
.ts-pricinglifetime .vsu-compare-outer.vshomepage-compare-outer {
    padding-top: 40px;
}
/*Lifetime page page end*/
/*new root page plan css start*/
.vsu-compare-outer.vshomepage-compare-outer.vshomepage-compare-newplan {
    max-width: 100%;
}
.vsu-compare-card-header {
    border-radius: 23px 23px  0 0;
}
.gsbf-compare-card-professional {
    position: absolute;
    font-family: Inter;
    font-weight: 700;
    font-size: 12.2px;
    line-height: 15.08px;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    top: 0;
    background: #0734E8;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 9px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.vsu-compare-card.vsu-compare-professionals {
    overflow: visible;
}
.vsu-compare-professionals .vsu-compare-card-header {
    background: #F0F3FF;
}
.vsu-compare-professionals  .vsu-compare-card-price h6 {
    color:#0734E8;
}
.vsu-compare-professionals  .vsu-compare-card-price h6 {
    color:#0734E8;
}

.vsu-compare-professionals .vsu-compare-card-body ul li {
    background: url(../images/vsu-expert-lite-check.svg);
    background-repeat: no-repeat;
    background-position: left center;
}
body main#hmn-main .vsu-compare-professionals .ts-access-btn.card-submit-offer,
body main#hmn-main .vsu-compare-professionals .card-submit.card-submit-offer {
    border: 1px solid #0734E8;
    background: #0734E8;
    box-shadow: none;
}
body main#hmn-main .vsu-compare-professionals .ts-access-btn.card-submit-offer:hover,
body main#hmn-main .vsu-compare-professionals .card-submit.card-submit-offer:hover {
    border: 1px solid #0734E8;
    background: #fff;
    color: #0734E8;
}
body main#hmn-main .vsu-compare-professionals .vsu-payment-logos {
    border-color:  #0734E8;
}
body main#hmn-main .vsu-compare-professionals .vsu-payment-logos::before {
    border-color: #0734E8;
}
body main#hmn-main .vsu-compare-professionals .vsu-payment-logos::after {
    border-color: #0734E8;
}
.vsu-compare-card-expert-highlight {
    background: #0734E808;
    font-family: Inter;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #22272F;
    padding: 15px 30px;
}
.vsu-compare-card-expert-highlight strong{
    font-weight: 500;
}
.vsu-compare-professionals .vsu-compare-card-body ul li span {
    color: #0734E8;
    margin: 0 2px 0 0;
}
.vsu-compare-card-body-tagline {
    background: #FFCD064D;
    font-family: Inter;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    border-radius: 10px;
    margin-top: -10px;
    margin-bottom: 20px;
}
/*new root page plan css end*/


/******MEDIA QUERY starts here******/
@media (max-width: 1600px) {
    #modalImagePreview .gs-modal-content img {
        max-height: 600px;
    }
}
@media (max-width: 1500px) {
    .product-search-main .product_search_gallery {
      transform: translate(0px, -28px) !important;
    }



    .favoriteContainer ul.nav.nav-pills li.nav-item .nwtb-title {
      font-size: 13px;
    }
    .ai-upload-latest-inset > img {
      max-height: 350px;
    }
    .product-search-main .product_search_gallery {
      transform: translate(0px, -28px) !important;
    }

    .favoriteContainer ul.nav.nav-pills li.nav-item .nwtb-title {
      font-size: 13px;
    }

    .inpaint-stag-container .brushing-btns .undo-redo-btn {
      width: 100%;
      justify-content: center;
      padding-left: 0;
      padding-top: 25px;
    }

    .inpaint-stag-container .toggle_fun {
      margin: 0 auto;
      display: table;
    }
  }

  @media (max-width: 1460px) {
    #productPlanModal.modal .modal-dialog {
      width: 90% !important;
    }

    #productPlanModal .card_icons img {
      max-width: 100% !important;
    }

    #productPlanModal .des_dta > p {
      font-size: 14px;
    }
  }

  @media (max-width: 1440px) {
    .pdfmodel-popup iframe {
      height: 600px;
    }
  }




  @media only screen and (max-width: 1366px) {
    .card img {
      max-height: 200px;
    }
    .ai-upload-latest-inset > img {
      max-height: 300px;
    }
  }
  @media (max-width: 1399.98px) {
    .nwfrm-tabs .nav.nav-pills {
      max-width: 760px;
    }

    .nwfile-uploadside .step_1_video {
      display: block;
    }

    .nwfile-uploadside .redesign_video {
      font-size: 12px;
      margin-top: -40px;
    }

    .nwfile-uploadside .redesign_video img {
      width: 7%;
    }

    .favoriteContainer .nav.nav-pills {
      max-width: 100%;
    }

    /* responsive for interior designers new css 1200-1399 starts here */

    .vsbordered-flowtxt {
      display: none;
    }
    .vsnew-herobanner::before {
      width: calc(50vw - 100px);
    }
    .review-slider::after {
      right: 0 !important;
    }

    .vsbigas-heading {
      font-size: 142px;
    }

    .vsassistant-section {
      padding: 0 0 120px 0;
    }

    .vsseamless-coltext {
      padding-left: 60px;
    }

    .breath-outer.vs-breath-outer {
      padding: 90px 0 120px;
    }

    .vs-stpstrg-section {
      padding: 120px 0px;
    }

    .vs-tfspaces-section {
      padding: 0;
    }

    .agent-outer.vs-agent-outer .owl-theme .owl-dots {
      padding: 40px 0 0 0;
    }
    .vs-joinre-outer {
      padding: 120px 0px;
    }

    .vs-joinre-section {
      padding: 0;
    }

    .vsunlock-efforts {
      padding: 74px 0 120px;
    }
    .vsseamless-outer,
    .vs-tfspaces-outer,
    .vs-joinre-outer,
    .agent-outer.vs-agent-outer {
      border-radius: 0;
    }

    .vsseamless-section {
      padding: 0;
    }
    .decorgrid-flowing img {
      max-width: 200px;
    }
    .decorgrid-flowing {
      bottom: -100px;
      left: -50px;
    }
    .vsub-faqsmain.faq-outer::after {
      display: none;
    }

    .vssub-banner {
      border-radius: 0 0 0 100px;
      min-height: 400px;
    }

    .vsub-milestone-section {
      padding: 115px 0px;
    }

    .vsub-milestone-coltext .vsnw-spacetext {
      margin-bottom: 20px;
    }

    .vssub-banner-subtitle {
      font-size: 24px;
    }

    .vsub-faqsmain {
      padding: 120px 0px;
    }
    .vsub-milestone-colimage,
    .vsub-milestone-coltext {
      width: 50%;
    }

    .vs-investop-wrap {
      padding: 0 0 50px 0;
    }
    .invest-gridbox {
      border-radius: 0;
    }

    .vsupgrade-ftgrid {
      grid-column-gap: 30px;
      grid-row-gap: 30px;
    }

    .vs-joinre-section.vsnw-estate-outer {
      padding: 100px 0px;
    }
    .vs-joinre-section.vsnw-estate-outer .vs-joinre-outer {
      border-radius: 20px;
    }
    .vsnw-affpromote-section {
      padding: 0 0 120px 0;
    }
    .vsnw-affpromote-outer {
      border-radius: 0;
    }
    /* responsive for interior designers new css ends here */


    /* Ai New tools start*/
    .gs-what-to-edit-tip-box {
        padding: 20px 10px 25px 3px;
    }
    .gs-what-to-edit-tip-right {
        padding: 0 0 0 4px;
    }
    .gspage-ai-tools-inner {
        border-radius: 30px;
        padding: 13px;
    }
    .gspage-ai-tools {
        padding: 0 15px;
    }


   /* Ai New tools ends */

   /*new-free-trial page css start*/
   .gs-trial-get {
    padding: 35px 45px  320px;
    margin: 0 -40px 0;
}
   /*new-free-trial page css end*/
  }

  @media (max-width: 1300px) {
    .product-search-main .product_search_gallery img {
      margin-top: 0 !important;
    }
    .nwfile-uploadside .redesign_video {
      margin-top: 0;
      justify-content: flex-start;
    }

    .product-search-main .product_search_gallery {
      transform: translate(0px, -16px) !important;
    }


    /* Ai New tools start */
    .gs-what-to-edit-title li a {
        font-size: 15px;
        margin: 0 0 -1px;
    }
    .gs-what-to-edit-title li {
        margin-right: 24px;
    }
    .gs-what-to-edit-tip-box {
        padding: 20px 10px 25px 3px;
        flex-direction: column;
    }
    .gs-what-to-edit-tip-right {
        padding: 0 0 0 14px;
        width: 100%;
    }
    .gs-select-room-style-single span {
        font-size: 10px;
        padding: 7px 4px;
    }
    /* Ai New tools ends */

/*new-free-trial page css start*/
.gs-trial-get {
    padding: 35px 25px  320px;
    margin: 0 00px 0;
}
.gs-trial-page-sec {
    padding: 70px 0 40px;
}
.gs-trial-get .title-con {
    font-size: 48px;
    padding: 0 0 40px;
}
.gs-trial-get-content {
    padding: 24px;
}
.gs-trial-get-started-outer {
    padding: 92px 30px 50px;
}
/*new-free-trial page css end*/
  }

  @media (max-width: 1280px) {
    .card-block-section .tooltip .top {
      transform: translate(-82%, -100%);
    }

    .sgl_chk#productPlanModal.modal .modal-dialog {
      width: 50% !important;
    }
    .card-block-section .tooltip .top {
      transform: translate(-82%, -100%);
    }

    .welcome {
      width: 90%;
    }

    .perameters_table {
      margin: 0 auto !important;
      flex-direction: column;
    }
  }

  @media (max-width: 1250px) {
    .product-search-main .product_search_gallery {
      transform: translate(0px, -27px) !important;
    }
  }

  @media (max-width: 1199px) {
    .favoriteContainer .nav.nav-pills {
      flex-wrap: wrap;
      justify-content: center;
    }

    .favoriteContainer ul.nav.nav-pills .nav-item {
      width: 33.33%;
      padding-right: 7px;
      margin-bottom: 15px;
      padding-left: 7px;
    }
    .card.custom-card img {
      max-height: 150px;
    }

    .mn-homeouter .container,
    .hmd-outer .container,
    .nw-formouter .container {
      max-width: 960px;
    }

    .container {
      max-width: 960px;
    }

    .aifrm-outer {
      padding: 0px;
    }

    .txt-replce h2 {
      font-size: 45px;
    }

    p.mn-hm-content {
      margin-top: 10px;
    }

    .gt-started-section {
      margin-top: 25px;
    }

    .wtch-action .playbtn {
      width: 55px;
      height: 55px;
    }

    .gt-stbtn {
      padding: 14px 45px;
    }

    .small-csthead {
      font-size: 14px;
    }

    .hmd-mnbackstretch {
      width: 415px;
      height: 300px;
    }

    .top-bkstretch {
      border: 8px solid #f6f6f6;
      width: 175px;
      height: 135px;
      min-width: 175px;
      min-height: 135px;
    }

    .mn-homeinner .row {
      align-items: center;
    }

    .mn-content {
      padding-bottom: 0;
    }

    .hmd-mnbackstretch::after {
      width: 120px;
      height: 120px;
      top: -20px;
      right: -20px;
    }

    .transformed-text {
      margin-left: 30px;
      margin-top: 0px;
    }

    .frame {
      max-width: 60px;
      margin-left: 20px;
    }

    .hmd-ypouter {
      margin-bottom: -55px;
    }

    .hmd-italic {
      font-size: 18px;
    }

    .mn-homeinner {
      padding: 80px 0px;
    }

    .overlaytext {
      font-size: 136px;
    }

    /* #gallery img {
  height: 20;
  } */
    .file-options3 {
      width: 60%;
      appearance: none;
      webkit-apperance: none;
      padding: 15px;
      outline: none;
      background: #f2f2f2;
      border: 1px solid rgba(94, 88, 113, 0.44);
      border-radius: 7px;
      text-align: center;
      outline: 0;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.01em;
      color: black;
      position: relative;
      text-align: left;
    }

    .file-options2 {
      width: 90%;
      appearance: none;
      webkit-apperance: none;
      padding: 22px;
      outline: none;
      background: #77767d;
      border: 1px solid rgba(94, 88, 113, 0.44);
      border-radius: 7px;
      text-align: center;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.01em;
      color: rgba(239, 239, 239, 0.81);
      position: relative;
      text-align: left;
    }

    .file-title2 {
      font-weight: 500;
      font-size: 14px;
      line-height: 24px;
      letter-spacing: -0.01em;
      color: rgba(239, 239, 239, 0.81);
      margin-bottom: 4px;
    }

    #gallery0 img {
      /* width: 500px; */
      /* width: 400px;*/
      max-height: 207px;
      margin-top: 30px;
      /* margin-bottom: 43px; */
    }

    #gallery0 {
      /* margin-top: 50px
  ; */
      width: 350px;
      height: auto;
      /* text-align: center;
  display: none; */
    }

    #gallery1 img {
      /* width: 500px; */
      /* width: 400px;*/
      max-height: 207px;
      /* margin-top: 30px; */
    }

    #gallery1 {
      /* margin-top: 50px
  ; */
      width: 350px;
      height: auto;
      /* text-align: center;
  display: none; */
    }

    #gallery2 img {
      /* width: 500px; */
      /* width: 400px;*/
      max-height: 207px;
      /* margin-top: 30px; */
    }

    #gallery2 {
      /* margin-top: 50px
  ; */
      width: 350px;
      height: auto;
      /* text-align: center;
  display: none; */
    }

    .file-sectionbx {
      height: 470px;
    }

    .submit-btn {
      padding: 14px 45px;
    }

    .aifrm-inner {
      padding: 50px 0px;
    }

    .imagerender-outer {
      padding: 50px 0px;
    }

    .result-outer {
      padding: 50px 0px;
    }

    .how-inner {
      padding: 80px 0px;
    }

    .cmn-title {
      font-size: 40px;
    }

    .cmn-title1 {
      font-size: 40px;
      line-height: 1.7em;
      padding-bottom: 10px;
      text-align: center;
    }

    .formwhofor {
      max-width: 90%;
    }

    .cmn-small-title {
      font-size: 16px;
    }

    .wow-boxparent {
      margin-top: 40px;
    }

    .how-box {
      padding: 20px;
    }

    .step-icon {
      height: 65px;
      width: 65px;
      max-width: 65px;
    }

    .step-icon img {
      max-width: 30px;
    }

    .multiple-plouter {
      padding: 50px;
    }

    .places-title {
      font-size: 20px;
      margin-top: 15px;
    }

    .step-instructions {
      font-size: 16px;
    }

    .wh-target-inner {
      padding: 80px 0px;
    }

    .wh-cards {
      margin-top: 40px;
    }

    .how-outer::before {
      height: calc(100% + 300px);
      left: -78px;
      top: -300px;
      max-width: 100%;
    }

    .wh-content {
      margin-top: 20px;
    }

    .trget-type {
      font-size: 26px;
    }

    .trget-number {
      font-size: 50px;
    }

    .style-choiceinr {
      padding: 50px 20px;
    }

    .style-lbl {
      margin-left: 15px;
    }

    .syle-imgbx {
      height: 80px;
      width: 80px;
      min-width: 80px;
      min-height: 80px;
    }

    .feautures-inner {
      padding: 80px 0px;
    }

    .feature-bx-outer {
      margin-top: 50px;
    }

    .ftbx-title {
      font-size: 18px;
      margin: 24px auto 10px auto;
      line-height: 1.5;
    }

    .ftext-btn {
      margin-top: 40px;
    }

    .testi-inner {
      padding: 80px 0px;
    }

    .testi-card {
      padding: 25px;
    }

    .faq-inner {
      padding: 80px 0px;
    }

    .faq-outer .accordion-item {
      padding: 30px !important;
    }

    .faq-outer .expand-bar,
    .faq-outer .expand-bar:after {
      width: 15px;
    }

    .dsai-inner {
      padding: 50px 20px;
    }

    .dsai-tpbkstretch {
      width: 180px;
      height: 180px;
      min-width: 180px;
      min-height: 180px;
    }

    .dsai-mncnt {
      margin-top: 10px;
    }

    .submit-btn {
      margin-top: 40px;
    }

    .dsai-contentside .gt-stbtn {
      margin-top: 30px;
    }

    .pricing-inner {
      padding: 80px 0px;
    }

    .prv-crdmain {
      margin-top: 50px;
    }

    .pricing-card {
      padding: 25px 25px 40px;
    }

    .footer-title {
      font-size: 16px;
    }

    .social-list li {
      margin-right: 0;
    }

    .cust-commmon {
      font-size: 26px;
    }

    .customer-section {
      margin-top: 40px;
    }

    .hmd-mnbackstretch {
      border-radius: 0px 80px;
    }

    .test-itext {
      font-size: 18px;
    }

    .testi-italic img {
      margin-left: 40px;
      max-width: 60px;
    }

    .multiple-plouter {
      padding: 50px 20px;
    }

    .unclickable-btns.mt-12 {
      margin-top: 0;
    }

    .notbtn {
      margin: 5px 0px;
      margin-right: 5px;
    }

    /*.scorll-auto {max-height: 530px;}*/
    .prv-pricecard {
      padding: 22px 18px;
    }

    .prv-cardtype {
      font-size: 18px;
    }

    .prv-planprice {
      font-size: 36px;
    }

    .prv-cardbenefits ul li::before {
      width: 20px;
      height: 20px;
      background-size: 10px;
    }

    .prv-benheading {
      font-size: 16px;
      margin-bottom: 20px;
    }

    .prv-cardbenefits ul li {
      font-size: 16px;
    }

    .card-submit {
      padding: 12px 45px;
    }

    .newsec-card .newsec-img {
      width: 100%;
    }

    .stYle-sectioncontent .justify-content-center {
      justify-content: start !important;
    }

    .newsec-card .newsec-img {
      height: 140px;
    }

    .nwfrm-comaparison {
      padding: 25px 15px;
    }

    .resourceimg .rnderdimage {
      width: 100%;
    }

    .nw-midivider {
      padding: 0px 10px;
    }

    .cstmauto-scroll {
      padding-right: 15px;
    }

    .midbefore {
      font-size: 12px;
      margin: 0px 20px;
    }

    .nwfile-uploadside {
      padding: 20px 15px;
    }

    .nwchoosebx {
      padding: 0px 6px 0px 12px;
    }

    .nwupload-b0x {
      margin-top: 32px;
    }

    .ribon-bx {
      margin-left: -25px;
    }

    .nw-imgsections {
      display: block;
      margin-bottom: 25px;
    }

    .resourceimg {
      margin-bottom: 0;
    }

    .nw-midivider {
      padding: 0;
      margin: 15px 0px;
    }

    .dvdimg {
      transform: rotate(90deg) scaleX(-1);
    }

    .nw-midivider {
      padding: 0;
      margin: 15px 0px;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 24px;
    }

    .nw-formouter {
      padding: 0px;
    }

    .cstmauto-scroll {
      max-height: 100vh;
    }

    /* responsive for interior designers new 992-1198 css starts here */

    .vshero-textcolumn,
    .vshero-compare-column {
      width: 50%;
    }

    .gt-stbtn.vsnw-herobtn {
      margin: 10px 0 0 0;
    }

    .vsbigas-heading {
      font-size: 112px;
    }

    .vsbordered-compwrap {
      margin: 40px 0 0 0;
    }

    .vsassistant-section {
      padding: 0 0 100px 0;
    }

    .vsassistant-section::before,
    .vs-tranint-outer::before {
      height: 300px !important;
    }

    .vsbordered-column-left {
      border-radius: 60px 0px 0px 0px;
    }

    .vsbordered-column-left img {
      border-radius: 50px 0px 0px 0px;
    }

    .vsbordered-column-right {
      border-radius: 0px 0px 60px 0px;
    }

    .vsbordered-column-right img {
      border-radius: 0px 0px 50px 0px;
    }

    .vs-font45-heading {
      font-size: 40px;
      margin-bottom: 20px;
    }

    .vscursive-tag {
      margin-bottom: 15px;
    }

    .vsunlock-efforts {
      padding: 74px 0 100px;
    }

    .vsunlock-coltext,
    .vsunlock-colimage {
      width: 50%;
    }

    .vsseamless-outer {
      padding: 80px 0px;
    }

    .vsseamless-coltext {
      padding-left: 40px;
    }

    .breath-outer.vs-breath-outer {
      padding: 90px 0;
    }

    .breath-outer.vs-breath-outer .elevation-slider {
      padding: 40px 0 0;
    }

    .vs-stpstrg-coltext,
    .vs-stpstrg-colimage {
      width: 50%;
    }

    .vs-stpstrg-section {
      padding: 100px 0px;
    }

    .vs-tfspaces-compslider,
    .vs-tfspaces-coltext {
      width: 50%;
    }

    .vs-tfspaces-outer {
      padding: 80px 0px;
    }

    .vs-joinre-grid {
      padding: 40px 0 0 0;
      gap: 20px;
      grid-gap: 20px;
    }

    .vs-joinbx-item {
      padding: 25px 15px;
    }

    .vs-join-countitle {
      font-size: 24px;
    }

    .vs-joinbx-icon {
      height: 60px;
      width: 60px;
    }

    .agent-outer.vs-agent-outer .review-slider {
      margin: 50px 0 0;
    }

    .agent-outer.vs-agent-outer .owl-theme .owl-dots {
      padding: 20px 0 0 0;
    }

    .vs-tranint-outer {
      padding-bottom: 100px;
    }

    .vs-joinre-outer {
      padding: 100px 0px;
    }

    .vs-joinbx-item .vsnw-spacetext {
      font-size: 16px;
    }

    .decorgrid-flowing img {
      max-width: 160px;
    }
    .decorgrid-flowing {
      bottom: -80px;
    }
    .vsnew-herobanner.decorpage {
      padding: 80px 0px 100px;
    }

    .vsub-common-coltext,
    .vsub-common-colimage {
      width: 50%;
    }
    .vsub-common-coltext {
      padding-right: 30px;
    }

    .vsub-commonsection {
      padding: 100px 0px;
    }

    .vs-carrers-outer {
      padding: 80px 0px;
    }

    .vs-apply-section {
      padding: 100px 0px;
    }

    .vs-subcarrers-grid {
      padding: 30px 0 0 0;
    }

    .vsub-milestone-section {
      padding: 100px 0px;
    }
    .vsub-promise-section::after {
      height: 300px;
    }

    .vsub-faqsmain {
      padding: 100px 0px;
    }

    .vsub-faqsinner {
      padding: 30px 0 0 0;
    }

    .vs-invest-section {
      padding: 80px 0 0 0;
    }

    .invest-gridrow {
      margin-bottom: 25px;
    }
    .invest-gridtext {
      padding-left: 25px;
    }

    .invest-gridrow:nth-child(even) .invest-gridtext {
      padding-left: 0px;
      padding-right: 25px;
    }
    .invest-gridtext .vs-font45-heading {
      font-size: 32px;
    }
    .vsprsmedia-outer {
      padding: 100px 0px;
      border-radius: 0;
    }
    .vsprsmedia-title {
      font-size: 30px;
    }
    .vspress-text {
      font-size: 28px;
      margin: 25px 0 0 0;
    }
    .verecentprs-section {
      padding: 80px 0px;
    }
    .vsrecent-pressgrid {
      gap: 30px;
      grid-gap: 30px;
    }

    .vsupgrade-ftgrid {
      padding: 60px 0 0 0;
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }

    .vsupgrade-ftsection {
      padding: 55px 0 100px 0;
    }
    .nwupgrade-precision-text,
    .nwupgrade-precision-img {
      width: 50%;
    }
    .upgrade-banner.vsupgrade-banner h2 {
      font-size: 38px;
    }

    .upgrade-banner.vsupgrade-banner .vsupgrade-btmtext {
      font-size: 24px;
    }
    .upgrade-banner.vsupgrade-banner .vsupgrade-toptext span {
      font-size: 30px;
    }
    .upgrade-banner.vsupgrade-banner:before {
      border-radius: 0 0 20px 20px;
    }

    section.estate-outer.caling-agent.faq-outer .faq-tabs {
      margin: 0;
    }

    .join-banner.vsnwjoin-banner .competitive-inner-right {
      padding: 0 0 0 20px;
    }

    .join-banner.vsnwjoin-banner {
      padding: 50px 0px !important;
    }
    .vsnw-affpromote-section {
      padding: 0 0 90px 0;
    }
    .vsnw-affpromote-btn {
      padding: 15px 25px;
    }
    .vsnwapi-btns {
      padding: 15px 40px;
    }
    .api_banner.vsnwapi-banner .api_banner_btns {
      gap: 15px;
      grid-column-gap: 15px;
    }
    .api_banner.vsnwapi-banner {
      padding: 100px 0px;
    }
    .right_api_form.vsnw-apiform .form-group input {
      padding: 12px;
    }


  /* Ai New tools start */
.gspage-ai-left {
    width: 194px;
    padding: 9px;
}
.gspage-ai-right {
    width: calc(100% - 194px);
}
.gs-dashboard-links a {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    padding: 9px 12px;
    width: 100%;
    border-radius: 9px;
}
.gs-dashboard-links li {
    margin-bottom: 8px;
}
.gspage-ai-right .ai-tool-right-top {
    padding: 14px 15px 14px;
}
.font22 {
    font-size: 18px;
}
.gspage-ai-content {
    padding: 15px;
}
.gspage-ai-tools-inner {
    border-radius: 15px;
    padding: 0;
    background: transparent;
}
.gs-what-to-edit-left {
    padding: 0 15px 0 0;
}
.gs-what-to-edit-leftimg > img {
    height: 300px;
}
.gs-what-to-edit-tips {
    margin:12px 0 0 0;
    gap: 9px;
}
.gs-select-automatically-inner {
    padding: 6px 9px 12px;
}
.gs-select-room-style-single span {
    font-size: 9px;
    padding: 7px 4px;
}
.gs-select-room-style-single img {
    height: 69px;
}
.gs-what-to-edit-title li a {
    font-size: 14px;
}
.gspage-source-images {
    padding: 20px 8px;
}
.gspage-source-imageinner img {
    height: 201px;
    width: 100%;
}
.gs-modal-uploading_instruction dotlottie-player {
    width: 160px !important;
    height: 160px !important;
}
.gs-modal-uploading_instruction p {
    font-size: 14px;
    margin-bottom: 18px;
}
.gs-what-to-edit-title li:last-child {
    margin-right: 0;
}
  /* Ai New tools ends */
/*Home tools redesign css start*/
.gs-redesign-ba-list-inner {
    gap: 15px;
}
/*Home tools redesign css end*/

  /*Webinar page css start*/
  .gs-webinar-questions-block {
    padding: 95px 5% 73px;
}

.webinar-banner-left span {
    font-size: 13px;
}
.gs-webinar-inner .webinar-banner-left h1 {

    padding: 5px 0 1px;
    font-size: 34px;
}
.webinar-banner-content p {
    font-size: 16px;
    line-height: 1.5;
}
.webinar-banner-content .btn-con {
    font-size: 19px;
    line-height: 28.98px;
    padding: 17px 36px;
}
.webinar-banner-timer {
    padding: 29px 30px;
    border-radius: 24px;
    margin-top: 24px;
}
.webinar-banner-timer p {
    font-size: 16px;
    line-height: 1.5;
}
.gs-webinartrial-page-sec .gs-trial-get-top {
    padding-top: 0;
    border-radius: 24px 24px 0 0;
    padding: 0px 10px 30px;
    font-size: 20px;
}
  /*Webinar page css end*/
  /*new root page plan css start*/
 .vshomepage-compare-newplan  .vsu-compare-card:not(.premium-plus) {
    margin: 30px 0 30px 0;
}
.vshomepage-compare-newplan .vsu-compare-card-header {
    padding: 30px 15px;
}
.vsu-compare-card-expert-highlight {
    padding: 15px 15px;
}
.vshomepage-compare-newplan .vsu-compare-card-body {
    padding: 32px 15px;
}
.vshomepage-compare-newplan .vsu-payment-logos img {
    max-width: 15%;
}
.vshomepage-compare-newplan .vsu-compare-card-footer {
    padding: 10px 15px 35px;
}
.vshomepage-compare-newplan  .vsu-payment-logos::before,
.vshomepage-compare-newplan  .vsu-payment-logos::after  {
    width: 25px;
}
.gsbf-compare-card-professional,
.vshomepage-compare-newplan  .vsu-compare-card-sticky-title {
    white-space: nowrap;
}
  /*new root page plan css end*/

  }

  @media (max-width: 1090px) {
    .right-box.bg_color_set_right {
      background: #1d1634;
    }
    .product-search-main {
      background-color: #0e0330;
      width: 100%;
      height: 100%;
      padding: 4px 45px;
    }

    .product-search-main .product_search_gallery {
      transform: translate(0px, -14px) !important;
    }

    .product-results {
      margin-top: 0;
    }
    .nwfile-uploadside .redesign_video {
      margin-top: -40px;
      justify-content: end;
    }

    #productPlanModal.modal .modal-dialog {
      width: 90% !important;
    }

    .inpaint-stag-container .brushing-btns #ip-clearImage {
      width: fit-content;
    }
  }

  @media (max-width: 1000.98px) {
    #productPlanModal .card_icons img {
      max-width: 70% !important;
    }

    /*  .mn-homeouter .container,
  .hmd-outer .container {
  max-width: 540px;
  }

  .container {
  max-width: 540px;
  }
  */
    .mn-homeinner {
      padding: 40px 0px;
    }

    .hmd-navflx {
      display: none;
    }

    .mn-content {
      width: 100%;
    }

    .mbbackstretch-outer {
      padding-top: 60px;
    }

    .transformed-text {
      margin-left: 40px;
    }

    .overlaytext {
      font-size: 76px;
    }

    .hmd-mnbackstretch::after {
      width: 100px;
      height: 100px;
    }

    .txt-replce h2 {
      font-size: 33px;
    }

    .gt-started-section {
      justify-content: space-between;
    }

    .customer-section {
      justify-content: space-between;
      padding-bottom: 30px;
    }

    .cmn-customerbx.bx-withborder::after {
      display: none;
    }

    .ai-icon {
      max-width: 60px;
      max-height: 60px;
    }

    .ai-tab {
      padding: 15px;
    }

    .aitaab-title {
      font-size: 14px;
      margin-left: 10px;
    }

    .mutilple-selections {
      margin-top: 25px;
    }

    .sharetab.download {
      /* width: 50px;
  height: 50px; */
      /*  margin-right: -7px; */
      /*margin-top: 3px; */
      /* display: none; */
    }

    .sharetab {
      width: 50px;
      height: 50px;
      /* display: none; */
    }

    .imagerender-outer .mt-30 {
      margin-top: 24px;
    }

    .how-inner {
      padding: 50px 0px;
    }

    .wow-boxparent .row {
      justify-content: center;
    }

    .how-box {
      margin-top: 20px;
      height: auto;
    }

    .wow-boxparent {
      margin-top: 20px;
    }

    .cmn-title {
      font-size: 32px;
    }

    .cmn-title1 {
      font-size: 32px;
      line-height: 1.7em;
      padding-bottom: 10px;
      text-align: center;
    }

    .formwhofor {
      max-width: 90%;
      border-radius: 10px;
      margin: auto;
      padding: 5px;
    }

    .cmn-small-title {
      font-size: 15px;
    }

    .multiple-plbox {
      margin-top: 20px;
    }

    .multiple-plrow {
      margin-top: 20px;
    }

    .wh-target-inner {
      padding: 50px 0px;
    }

    .wh-target-box {
      margin-top: 25px;
    }

    .wh-cards {
      margin-top: 20px;
    }

    .style-lbl {
      margin-left: 14px;
      font-size: 17px;
    }

    .feautures-inner {
      padding: 50px 0px;
    }

    .feature-bx-outer {
      margin-top: 20px;
    }

    .feature-bx {
      margin-top: 20px;
      height: auto;
    }

    .gt-stbtn {
      padding: 10px 25px;
      margin-top: 40px;
    }

    .submit-btn {
      padding: 10px 35px;
    }

    .testi-inner {
      padding: 50px 0px;
    }

    .testi-upper {
      padding-top: 0;
    }

    .faq-inner {
      padding: 50px 0px;
    }

    .faq-outer .accordianheading {
      font-size: 18px;
    }

    .faq-outer .accordion-item {
      padding: 15px 25px !important;
    }

    .faq-outer .accordian-description {
      font-size: 15px;
    }

    .faq-outer .expand-bar,
    .faq-outer .expand-bar:after {
      width: 12px;
    }

    .dsai-contentside {
      padding-left: 0px;
      margin-top: 25px;
    }

    .dsai-wierd img {
      margin-top: 30px;
    }

    .pricing-inner {
      padding: 50px 0px;
    }

    .prv-crdmain {
      margin-top: 20px;
    }

    .pricing-card {
      height: 100%;
    }

    .mg-mobl {
      margin-top: 20px;
    }

    .prv-crdmain .row {
      justify-content: center;
    }

    .floating-banner {
      width: 100%;
    }

    .floating-bannerinr {
      padding: 40px 15px;
      margin: auto;
      text-align: center;
    }

    .ft-floating-btn {
      padding: 10px 35px;
    }

    .ft-bx {
      margin-top: 25px;
      text-align: center;
    }

    .contact-list li a img {
      margin-right: 10px;
      margin: auto;
    }

    .contact-list {
      margin-bottom: 0px !important;
    }

    .big-ai {
      font-size: 270px;
    }

    .mobileheader {
      display: block;
    }

    .how-outer::before {
      left: 0;
    }

    .footer-main {
      border-radius: 0;
    }

    .star-review {
      margin-right: 0;
    }
  }

  @media (max-width: 991px) {
    .sgl_chk#productPlanModal.modal .modal-dialog {
      width: 70% !important;
    }
    .api_guid-main {
      background-color: #0e0330;
    }

    /* #productPlanModal .loader-container {
          top: 50%;
          left: 45%;
          position: fixed;
          z-index: 999999999;
          top: 50%;
          height: 100vh;
      }

       #productPlanModal.modal .loader {
          right: inherit;
      } */

    .api_head button {
      padding: 10px 15px;
      display: flex;
      align-items: center;
      font-size: 12px;
    }

    .api_head button svg {
      margin-left: 7px;
    }

    .api_base p {
      font-size: 14px;
    }

    .perameters_table :is(th, td) {
      font-size: 14px;
    }

    .perameters_table :is(th) {
      text-align: left;
    }

    .archbee-section .title-subtitle h2 {
      font-size: 40px;
      margin-bottom: 40px;
    }

    .card-block-section .title h3 {
      font-size: 30px;
      margin-bottom: 30px;
    }

    .card-block-section .flex-row .icon img {
      height: 100px;
      text-align: center;
    }

    .card-block-section .flex-row .text-block a {
      font-size: 20px;
    }

    .card-block-section .flex-row .icon img {
      height: 100px;
    }

    .card-block-section .flex-row .text-block {
      padding: 20px;
    }

    .question-block .title h3 {
      font-size: 30px;
      margin-bottom: 30px;
    }

    .question-block .flex-row .text-block {
      padding: 20px;
    }

    .question-block .text-block a {
      font-size: 20px;
      word-break: break-word;
    }

    .question-block .text-block h4 {
      font-size: 18px;
    }

    .question-block .text-block h4 img {
      margin-right: 10px;
    }

    .pdfmodel-popup .modal-content {
      width: 100%;
    }

    .archbee-section {
      background-color: #1d1634;
    }

    .pdfmodel-popup .modal-content canvas {
      width: 100%;
    }

    .colored {
      width: 100%;
    }

    .img-comp-slider {
      position: absolute;
      z-index: 9;
      cursor: ew-resize;
      width: 40px;
      height: 40px;
      opacity: 0.7;
      border-radius: 50%;
    }
    .favoriteContainer ul.nav.nav-pills .nav-item {
      width: 50%;
    }

    #googleResults .row .col-md-2.mb-4 {
      width: 50%;
    }

    .right-box {
      background: transparent !important;
    }
    .card.custom-card img {
      max-height: 200px;
    }

    #modalUpgradePlusLimited .shadow_card_hdc {
      margin-top: 24px;
    }
    /* .price-modal-body {
          flex-direction: column-reverse;
      } */

    #modalUpgradePlusLimited .modal-title,
    #modalUpgradePlusLimited .time_left_hdc span {
      font-size: 16px !important;
    }

    .api_endpoint_details .custom-precision {
      flex-direction: column;
    }

    .api_endpoint_details .custom-precision-left {
      text-align: center;
      width: 100%;
    }

    .api_endpoint_details .custom-precision-right {
      width: 100%;
      margin-top: 16px !important;
      padding: 0 !important;
      text-align: center !important;
    }

    .api_endpoint_details .custom-precision.custom-inner .custom-precision-left {
      text-align: center;
    }

    .api_banner_btns a.gt-stbtn {
      margin-bottom: 16px;
    }

    .api_title_cards {
      width: 100%;
    }

    .mn-homeouter .container,
    .hmd-outer .container,
    .nw-formouter .container {
      max-width: 720px;
    }

    .container {
      max-width: 720px;
    }

    .hmd-navlist {
      margin-right: 25px;
    }

    .upgrade-subtn {
      margin-left: 20px;
    }

    .upgd-go {
      padding: 10px 20px;
      font-size: 15px;
      line-height: 1.2;
    }

    p.mn-hm-content {
      font-size: 16px;
    }

    .txt-replce h2 {
      font-size: 48px;
    }

    .wtch-action {
      display: block;
    }

    .wtch-go {
      margin-left: 0;
    }

    .wtch-action .playbtn {
      margin: auto;
    }

    .gt-started-section {
      align-items: center;
      margin-top: 15px;
    }

    .cust-commmon {
      font-size: 19px;
    }

    .cmn-customerbx {
      margin-right: 10px;
    }

    .cmn-customerbx.bx-withborder {
      padding-right: 0px;
    }

    .rviw-flex {
      display: block;
    }

    .hmd-mnbackstretch {
      width: 100%;
      height: 300px;
    }

    .hmd-mnbackstretch::after {
      width: 80px;
      height: 80px;
      top: -20px;
      right: -20px;
    }

    .hmd-mnbackstretch {
      border-radius: 0px 50px;
    }

    .transformed-text {
      margin-left: 0px;
    }

    .customer-section {
      margin-top: 25px;
    }

    .overlaytext {
      font-size: 105px;
    }

    .repeat-heading {
      font-size: 22px;
    }

    .ai-tab {
      padding: 14px 35px 14px 20px;
    }

    .gt-stbtn {
      padding: 12px 40px;
    }

    .aitaab-title {
      font-size: 16px;
    }

    .submit-btn {
      padding: 12px 40px;
    }

    .how-box {
      display: block;
    }

    .step-icon {
      margin: auto;
    }

    .cmn-title {
      font-size: 40px;
    }

    .cmn-title1 {
      font-size: 40px;
      line-height: 1.7em;
      padding-bottom: 10px;
      text-align: center;
    }

    .formwhofor {
      max-width: 80%;
      border-radius: 10px;
      margin: auto;
      padding: 5px;
    }

    .places-title {
      font-size: 16px;
      margin-top: 10px;
    }

    .feature-bx-outer .row {
      justify-content: center;
    }

    .multiple-plrow {
      margin-top: 40px;
    }

    .how-content-bx {
      margin-top: 12px;
    }

    .step-instructions {
      font-size: 14px;
      margin-top: 5px;
    }

    .unclickable-btns {
      margin-top: 15px;
    }

    .trget-content {
      font-size: 16px;
    }

    .styl-mt-22 {
      margin: 15px auto !important;
    }

    .styl-mt-8 {
      margin: 15px auto !important;
    }

    .stylebx {
      margin: 15px 0px;
    }

    .style-cardrow.toprow {
      margin-top: 40px;
    }

    .style-cardrow.mid-row {
      margin-top: 0px;
    }

    .style-cardrow.bottom-row {
      margin-top: 0px;
    }

    .ftt-iconbx img {
      max-width: 40px;
    }

    .ftt-iconbx {
      width: 100px;
      height: 100px;
    }

    .feature-bx.lastchild {
      margin-top: 20px;
    }

    .testi-card {
      margin-top: 25px;
      height: auto;
    }

    .testi-icon {
      width: 40px;
      height: 40px;
    }

    .faq-main {
      margin-top: 40px;
    }

    .faq-outer .accordion-item {
      padding: 25px !important;
    }

    .faq-outer .accordianheading {
      font-size: 20px;
    }

    .faq-outer .accordian-description {
      font-size: 16px;
    }

    .dsai-backstretch {
      width: 100%;
    }

    .dsai-contentside {
      padding-left: 10px;
    }

    .dsai-top-section {
      margin-bottom: 0px;
    }

    .dsai-wierd img {
      margin-top: 10px;
      max-width: 60px;
    }

    .dsai-tpbkstretch {
      width: 81%;
      height: 100%;
      min-width: 64%;
      min-height: 100%;
    }

    .ftbx-content {
      font-size: 16px;
    }

    .dsai-mncnt {
      font-size: 16px;
    }

    .dsai-italic {
      font-size: 18px;
    }

    .pricing-cardtype {
      font-size: 14px;
    }

    .pricing-card {
      padding: 15px;
      text-align: center;
    }

    .pricing-cardprice {
      font-size: 20px;
    }

    .pricing-details {
      font-size: 16px;
      margin-top: 10px;
    }

    .pricebuy-btn {
      font-size: 14px;
      padding: 5px 25px;
      margin-top: 10px;
    }

    .ft-floating-btn {
      padding: 12px 40px;
    }

    .ft-top {
        padding: 45px 0 66px;
    }


    .contact-list {
        margin-bottom: 0px !important;
    }

    .prv-pricecard {
      padding: 15px 10px;
    }

    .prv-typebox {
      display: block;
      text-align: center;
    }

    .prv-typebximg {
      width: 55px;
      height: 55px;
      margin-right: 0px;
    }

    .prv-cardtype {
      font-size: 16px;
      margin-top: 10px;
    }

    .prv-planprice {
      font-size: 26px;
    }

    .prvplan-validity {
      font-size: 16px;
    }

    .prv-planbox {
      justify-content: center;
      margin-top: 15px;
    }

    .prv-benheading {
      text-align: center;
    }

    .prv-cardbenefits ul li::before {
      width: 15px;
      height: 15px;
      background-size: 8px;
    }

    .prv-cardbenefits ul li {
      padding-left: 30px;
    }

    .prvmgtop-90 {
      margin-top: 26px;
    }

    .prv-pricecard.mt50 {
      margin-top: 0;
    }

    .card-submit {
      padding: 10px 30px;
    }

    .nwai-tab {
      padding: 14px 35px 14px 20px;
    }

    .nwfrm-heading {
      font-size: 22px;
    }

    .dsaivector-outer {
      max-width: 100%;
    }

    .dsai-backstretch img {
      width: 100%;
      object-fit: cover;
    }

    .dsai-inner {
      padding: 20px !important;
    }

    .dsai-inner .col-md-6 {
      width: 100%;
    }

    .redirect_to_project_btn {
      padding: 1px 10px;
      font-size: 18px;
      line-height: 1;
    }

    /* responsive for interior designers new css starts 769-991 here */

    .vshero-textcolumn {
      padding: 0;
    }

    .vshero-compare-column {
      padding-left: 30px;
    }

    .vsnw-heroheading {
      font-size: 35px;
    }

    .vsnw-herosubheading {
      font-size: 20px;
      line-height: 1.6;
      margin: 0;
    }

    .vsnw-spacetext {
      font-size: 16px;
      font-weight: 500;
      line-height: 1.9;
    }

    .vsnew-herobanner::before {
      width: calc(50vw - 80px);
    }

    .vsbigas-heading {
      font-size: 95px;
    }

    .vs-font45-heading {
      font-size: 35px;
      margin-bottom: 15px;
    }

    .vsassistant-tpbox .vsnw-spacetext {
      padding-top: 6px;
    }

    .vsassistant-section {
      padding: 0 0 60px 0;
    }

    .vsunlock-coltext {
      padding: 0;
    }

    .flowvs-arrow {
      max-width: 115px;
    }

    .vsbordered-column-left {
      border-radius: 40px 0px 0px 0px;
    }

    .vsbordered-column-left img {
      border-radius: 30px 0px 0px 0px;
    }

    .vsbordered-column-right {
      border-radius: 0px 0px 40px 0px;
    }

    .vsbordered-column-right img {
      border-radius: 0px 0px 30px 0px;
    }

    .vsunlock-efforts {
      padding: 75px 0px;
    }

    .vsunlock-colimage {
      padding-left: 30px;
    }

    .vscursive-tag {
      margin-bottom: 10px;
    }

    .vsseamless-coltext {
      padding-left: 30px;
    }

    .vsseamless-outer::before,
    .vs-tfspaces-outer::before {
      width: 250px;
      height: 250px;
    }

    .breath-outer.vs-breath-outer {
      padding: 75px 0px;
    }

    .vs-stpstrg-section {
      padding: 80px 0px;
    }

    .vs-stpstrg-coltext {
      padding-right: 30px;
    }

    .vs-tfspaces-coltext {
      padding: 0;
    }

    .vs-tfspaces-compslider {
      padding-right: 40px;
    }

    .vs-joinre-outer {
      padding: 80px 0px;
    }

    .vs-joinre-grid {
      gap: 15px;
      grid-gap: 15px;
    }

    .vs-join-countitle {
      font-size: 20px;
      margin: 10px 0 5px;
    }

    .vs-joinbx-item {
      padding: 20px 15px;
    }

    .vs-joinbx-icon {
      height: 55px;
      width: 55px;
    }

    .vs-joinbx-icon img {
      max-width: 25px;
    }

    .vs-joinbx-item .vsnw-spacetext {
      font-size: 15px;
      line-height: 1.7;
    }

    .agent-outer.vs-agent-outer {
      padding: 80px 0px;
    }

    .vs-tranint-outer {
      padding-bottom: 60px;
    }

    .vs-tranint-section {
      padding: 70px 0;
    }
    .vsnew-herobanner.decorpage {
      padding: 70px 0px;
    }
    .decorgrid-flowing img {
      max-width: 120px;
    }
    .decorgrid-flowing {
      bottom: -60px;
      left: -20px;
    }

    .vssub-banner-title {
      font-size: 35px;
      margin-bottom: 10px;
    }

    .vssub-banner-subtitle {
      font-size: 22px;
    }

    .vssub-banner {
      border-radius: 0 0 0 50px;
      min-height: 350px;
    }

    .vsub-commonsection {
      padding: 80px 0px;
    }
    .vs-careerbx {
      padding: 20px;
    }

    .vs-career-position {
      font-size: 18px;
    }
    .vs-career-type {
      font-size: 16px;
    }

    .vs-apply-section {
      padding: 80px 0px;
    }

    .vsub-milestone-section {
      padding: 80px 0px;
    }
    .vsub-milestone-coltext .vsnw-spacetext {
      margin-bottom: 10px;
    }
    .vsub-milestone-coltext {
      padding-left: 30px;
    }

    .vsub-promise-section {
      padding: 80px 0px 60px;
      position: relative;
    }
    .vsub-faqsmain {
      padding: 80px 0px;
    }

    .vs-invest-section {
      padding: 60px 0 0 0;
    }
    .invest-gridbox {
      padding: 60px 0px;
    }

    .vsprsmedia-grid {
      padding: 30px;
    }
    .vsprsmedia-row {
      flex-direction: column;
      gap: 15px;
      grid-gap: 15px;
      padding-bottom: 25px;
    }
    .vsprsmedia-row:last-child {
      padding: 25px 0 0 0;
    }
    .vsprsmedia-title {
      font-size: 26px;
    }
    .media-dwbtn {
      min-height: 85px;
      padding: 0px 25px;
    }
    .cs-download-media {
      gap: 20px;
      grid-gap: 20px;
    }
    .vsprsmedia-outer {
      padding: 80px 0px;
    }
    .vsrecent-pressgrid {
      gap: 25px;
      grid-gap: 25px;
      padding: 30px 0 0 0;
    }
    .vspress-text {
      font-size: 26px;
      margin: 20px 0 5px 0;
    }
    .vsupgrade-ftsection {
      padding: 55px 0 80px 0;
    }
    .vsupgrade-ftsection::before {
      display: none;
    }
    .vsupgrade-ftgrid {
      padding: 40px 0 0 0;
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      grid-template-columns: repeat(3, 1fr);
    }
    .vsupgrade-ftsection::after {
      height: 230px;
      width: 230px;
      right: 0px;
      bottom: 0px;
    }
    .competitive-outer.nwupgrade-precision {
      padding: 50px 0;
    }
    .vs-joinre-section.vsnw-estate-outer {
      padding: 70px 0px;
    }
    .vs-joinre-section.vsnw-estate-outer .vs-joinre-outer {
      border-radius: 0;
    }
    /* responsive for interior designers new css ends 769-991 here */



    /* Ai New tools starts */
    .gspage-ai-tools {
        padding: 0;
    }

    .gspage-ai-left {
        width: 100%;
        padding: 0;
        position: relative;
    }
    .gspage-ai-right {
        width: 100%;
        border-radius: 10px;
        position: relative;
    }
    .gspage-ai-right .ai-tool-right-top {
        padding: 14px 15px 14px;
        border-radius: 10px 10px 0 0;
    }
    .gspage-ai-tools-inner {
        border-radius: 25px;
        padding: 46px 0 0;
        background: transparent;
        overflow: unset;
    }
.gspage-ai-left {
    position: relative;
}
.gspage-ai-wrapper {
    overflow: unset;
}
.gspage-ai-left h3 {
    color: #fff;
    position: absolute;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    font-size: 17px;
    padding: 0 34px 2px 13px;
    border-radius: 6px;
    left: 0;
    top: -50px;
}
    .gspage-ai-left h3::after {
        border-top: 5px solid #fff;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        content: "";
        right: 7px;
        position: absolute;
        top: 15px;
        transform: translate(-50%);
    }
    .gs-dashboard-links {
        position: absolute;
        width: 100%;
        z-index: 1;
        background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
        padding: 10px 10px 10px;
        border-radius: 10px;
        display: none;
    }
    .gs-modal-best-results {
        margin-bottom: 25px;
    }

    .gs-modal-best-right p {
        font-size: 100%;
        line-height: 1.5;
    }
    .popup-slide {
        border-radius: 10px;
    }
    /* Ai New tools ends */

    /*new-free-trial page css start*/
    .gs-trial-get-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .gs-trial-get .title-con {
        font-size: 40px;
        padding: 0 0 40px;
    }
    .gs-trial-get-block-detail {
        padding: 10px 0 0 0;
        width: 100%;
    }
    .gs-trial-get-block {
        flex-wrap: wrap;
    }
    .gs-trial-get-object {
        font-size: 23px;
    }
    .gs-trial-get-started-top h2 {
        font-size: 38px;
        line-height: 1.3;
    }
    .gs-trial-get-started-top p {
        font-size: 16px;
        line-height: 25.6px;
        padding: 10px 0% 10px;
    }
    /*new-free-trial page css end*/
    /*Home tools redesign css start*/
    .gs-redesign-ba-list-inner {
        gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }
    /*Home tools redesign css end*/
/*Webinar page css start*/
.gs-webinar-inner h1 {
    font-size: 28px;
    line-height: 36.36px;
    padding: 25px 0 5px;
}
.gs-webinar-inner h2 {
    font-size: 28px;
    line-height: 1.3;
}
.gs-webinar-inner .btn-con,
.gs-webinar-get-btn a.btn-con {
    font-size: 19px;
    line-height: 28.98px;
    padding: 16px 38px 18px;
}
.gs-webinar-get-started-outer {
    padding: 42px 30px 40px;
}
.gs-webinar-get-started-outer h4 {
    font-size: 32px;
}
.gs-webinar-questions-block h4 {
    font-size: 30px;
}
.gs-webinar-questions {
    padding: 0 0 54px;
}
.gs-webinar-questions-inner p {
    padding: 0 5% 39px;
}
.gs-webinar-questions-links h3 {
    font-size: 18px;
}
 /*Webinar page css end*/
 /*Premium Upgrade+ popup start*/
 .premium-unlock-top {
    padding: 21px 6%  70px;
}
.gs-premium-top-right h2 {
    font-size: 27px;
    line-height: 36.6px;
}
.premium-unlock-time-left {
    font-size: 15px;
    line-height: 22px;
    padding: 0 12px 0 0;
}
.premium-unlock-time-update {
    padding: 19px 3%;
}
.premium-unlock-important {
    line-height: 21px;
    padding: 17px 20px;
}
.premium-unlock-why-listing {
    gap: 12px;
}
.premium-unlock-content {
    padding: 0 20px 20px;
}
.premium-unlock-listing-single {
    padding: 11px;
}
 /*Premium Upgrade+ popup end*/
  /*Webinar page css start*/
  .webinar-banner-left {
    width: 100%;
}
.webinar-banner-right {
    width: 100%;
}
.gs-webinartrial-page-sec .gs-trial-get-top span {
    display: block;
}
.gs-webinartrial-page-sec .gs-trial-get-top img {
    margin-top: 0;
    margin-bottom: -10px;
}
.gs-webinartrial-core {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 50px;
}
.gs-webinar-price {
    padding: 10px 20px 30px;
    margin-top: auto;
}
.webinar-bonuse-plus {
    margin: -57px 0 0;
    width: 60px;
}
.gs-webinartrial-page-sec .gs-trial-get .title-con {
    padding: 0;
    font-size: 32px;
}
.webinar-bonuses-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
.webinar-bonuses-full {
    padding: 20px 0 20px;
}
.webinar-bonuses-full .webinar-bonuses-single {
    padding: 20px;
}
.webinar-bonuses-outer h2.title-con {
    margin: 10px 0 10px;
}
   /*Webinar page css end*/
/*Webinar expire css start*/
.gs-webinar-expire-wrapper  .ts-header-logo {
    padding: 18px 0 38px;
}
.gs-webinar-expire-right h1 {
    font-size: 34px;
}
.gs-webinar-expire-flex {
    padding: 0 0 40px;
}
.gs-webinar-expire-space span {
    font-size: 16px;
}
/*Webinar expire css end*/
  }

  @media (max-width: 767.98px) {
    .project_page_style .project_page__button_header {
      display: block;
      margin-bottom: 40px !important;
    }

    .vshome-trust-members-col.trust-pilot {
        position: relative;
        top: -13px;
    }

    .vshome-trust-members-details {
        margin-bottom: 14px;
    }

    .vshome-trust-members-col img{
        margin: 0 0 7px;
    }

    .project_page_style .new-sub-project-btn {
      display: flex;
      margin-left: auto;
    }

    .project_page_style {
      padding: 0 !important;
    }

    .breadcrumb_project_lable li {
      font-size: 14px;
    }

    .inpaint-stag-container .brushing-btns .undo-redo-btn {
      display: block;
      text-align: center;
    }

    .inpaint-stag-container .brushing-btns #ip-clearImage {
      margin-right: 0;
      margin-bottom: 17px;
    }

    .mn-homeouter .container,
    .hmd-outer .container,
    .nw-formouter .container {
      max-width: 540px;
    }

    .container {
      max-width: 540px;
    }

    .faq-outer::after {
      width: 100% !important;
    }

    .prv-cardmain .row {
      justify-content: center;
    }

    .prv-cardmain {
      margin-top: 20px;
    }

    .prv-pricecard {
      margin-top: 20px !important;
    }

    .newsec-card .newsec-img {
      height: 125px;
    }

    .bannerimg-outer {
      padding-top: 30px;
    }

    .nwtb-title {
      font-size: 16px;
      margin-left: 10px;
    }

    .nwai-tab {
      padding: 15px;
    }

    .nwfile-uploadside {
      margin-top: 25px;
    }

    .order-mobile-top {
      order: 2;
    }

    .order-mobile-btm {
      order: 1;
    }

    .nwfrm-submit {
      font-size: 16px;
    }

    .mn-homeinner .col-md-6 + .col-md-6 img {
      display: none;
    }

    /* responsive for interior designers new css starts 576-768 starts here */

    .hervshero-bannerflex {
      flex-wrap: wrap;
    }

    .vshero-textcolumn,
    .vshero-compare-column {
      width: 100%;
      padding: 0;
    }

    .vsnew-herobanner::before {
      display: none;
    }

    .vsnew-herobanner {
      padding: 60px 0px 40px;
    }

    .vshero-compare-column {
      padding: 40px 0 0 0;
    }

    .vsbigas-heading {
      font-size: 80px;
    }

    .vsassistant-section::before,
    .vs-tranint-outer::before {
      height: 150px !important;
    }

    .vsbordered-compwrap {
      margin: 30px 0 0 0;
    }

    .vsassistant-section {
      padding: 0 0 50px 0;
    }

    .vsbordered-column-left,
    .vsbordered-column-right {
      border: 6px solid #fff;
    }
    .vsbordered-column-right {
      margin-left: -6px;
    }
    .flowvs-arrow {
      max-width: 90px;
    }

    .vsunlock-coltext,
    .vsunlock-colimage {
      width: 100%;
      padding: 0;
    }

    .vsunlock-efforts {
      padding: 60px 0px;
    }

    .vsunlock-flex {
      flex-wrap: wrap;
    }

    .vsunlock-colimage {
      padding: 30px 0 0 0;
      text-align: center;
    }

    .vsseamless-outer {
      padding: 60px 0px 40px;
    }

    .vsseamless-colimage,
    .vsseamless-coltext {
      width: 100%;
    }

    .vsseamless-flex {
      flex-wrap: wrap;
      flex-direction: column-reverse;
    }

    .vsseamless-colimage {
      text-align: center;
    }

    .vsseamless-coltext {
      padding: 0 0 40px 0;
    }

    .breath-outer.vs-breath-outer {
      padding: 60px 0px;
    }

    .breath-outer.vs-breath-outer .elevation-slider {
      padding: 30px 0 0;
    }

    .vs-stpstrg-section {
      padding: 60px 0px;
    }

    .vs-stpstrg-coltext,
    .vs-stpstrg-colimage {
      width: 100%;
    }

    .vs-stpstrg-flex {
      flex-wrap: wrap;
    }

    .vs-stpstrg-colimage {
      padding: 40px 0 0 0;
      text-align: center;
    }

    .vs-tfspaces-compslider,
    .vs-tfspaces-coltext {
      width: 100%;
    }

    .vs-tfspaces-outer {
      padding: 60px 0px;
    }

    .vs-tfspaces-flex {
      flex-wrap: wrap;
      flex-direction: column-reverse;
    }

    .vs-tfspaces-compslider {
      padding: 40px 0 0 0;
    }

    .vsnw-spacetext {
      text-align: center;
    }

    .vsunlock-coltext .vs-font45-heading,
    .vsseamless-coltext .vs-font45-heading,
    .vs-stpstrg-coltext .vs-font45-heading,
    .vs-tfspaces-coltext .vs-font45-heading {
      text-align: center;
    }

    .vscursive-tag {
      text-align: center;
    }

    .vs-font45-heading br {
      display: none;
    }

    .vs-stpstrg-coltext {
      padding: 0;
    }

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

    .vs-joinre-outer {
      padding: 60px 0px;
    }

    .agent-outer.vs-agent-outer {
      padding: 60px 0px;
    }

    .vs-font45-heading {
      font-size: 32px;
      margin-bottom: 12px;
    }

    .vscursive-tag {
      margin-bottom: 6px;
      font-size: 20px;
    }

    .vs-tranint-section {
      padding: 60px 0;
    }

    .vshero-compare-column .comp-border,
    .vs-tfspaces-compslider .comp-border {
      max-width: 580px;
      margin: auto;
    }
    .decor-imgrid {
      max-width: 580px;
      margin: auto;
    }
    .vsnw-heroheading {
      text-align: center;
      font-size: 32px;
    }
    .vsnw-heroheading br {
      display: none;
    }

    .vsnw-herosubheading {
      text-align: center;
    }

    .gt-stbtn.vsnw-herobtn {
      margin: 10px auto 0;
    }

    .vsnew-herobanner.decorpage {
      padding: 60px 0px;
    }
    .decorgrid-flowing {
      bottom: -40px;
      left: 20px;
    }
    .decor-showcaseimg {
      text-align: center;
    }

    .comp-border.furniture-removalimg img {
      border-radius: 20px;
    }

    .vssub-banner-title {
      font-size: 32px;
    }

    .vsub-common-coltext,
    .vsub-common-colimage {
      width: 100%;
    }

    .vsub-commonflex {
      flex-wrap: wrap;
    }

    .vsub-commonsection {
      padding: 60px 0px;
    }

    .vsub-common-coltext .vs-font45-heading {
      text-align: center;
    }

    .vsub-common-coltext {
      padding: 0 0 40px 0;
    }

    .vs-carrers-outer {
      padding: 60px 0px;
    }

    .vs-apply-section {
      padding: 60px 0px;
    }
    .vsub-common-colimage {
      text-align: center;
    }

    .vscarrers-extratext {
      margin: 15px 0 0 0;
    }
    .vsub-milestone-colimage,
    .vsub-milestone-coltext {
      width: 100%;
    }

    .vsub-milestoneflex {
      flex-wrap: wrap;
      flex-direction: column-reverse;
    }
    .vsub-milestone-coltext .vs-font45-heading {
      text-align: center;
    }
    .vsub-milestone-coltext {
      padding: 0 0 40px 0;
    }

    .vsub-milestone-section {
      padding: 60px 0px 40px;
    }
    .vsub-promise-section {
      padding: 60px 0px;
    }
    .vsub-faqsmain {
      padding: 60px 0px;
    }

    .vsub-promise-section::after {
      height: 150px;
    }

    .vsub-promise-imgbx img {
      border-radius: 30px 0 0 0;
    }

    .vsub-promise-imgbx {
      padding: 40px 0 0 0;
    }

    .vssub-banner-subtitle {
      font-size: 18px;
    }
    .invest-gridrow {
      flex-wrap: wrap;
    }
    .invest-gridimg,
    .invest-gridtext {
      width: 100%;
    }
    .invest-gridimg {
      text-align: center;
    }
    .invest-gridtext {
      padding-left: 0;
      padding-top: 25px;
    }
    .invest-gridrow:nth-child(even) .invest-gridtext {
      padding-right: 0;
    }
    .invest-gridtext .vs-font45-heading {
      text-align: center;
      font-size: 29px;
    }
    .vsprsmedia-outer {
      padding: 60px 0px;
    }
    .verecentprs-section {
      padding: 60px 0px;
    }
    .media-dwbtn {
      min-height: 65px;
      padding: 0px 20px;
    }
    .vspress-text {
      font-size: 24px;
      margin: 20px 0 5px 0;
    }
    .vsrecent-pressgrid {
      gap: 20px;
      grid-gap: 20px;
    }
    .upgrade-banner.vsupgrade-banner {
      padding: 80px 0 0 0;
    }
    .upgrade-banner.vsupgrade-banner .vsupgrade-toptext span {
      font-size: 25px;
      line-height: 34px;
    }
    .upgrade-banner.vsupgrade-banner h2 {
      font-size: 30px;
    }
    .upgrade-banner.vsupgrade-banner .vsupgrade-btmtext {
      font-size: 22px;
    }
    .upgrade-banner.vsupgrade-banner:before {
      height: calc(100% - 55px);
    }
    .vsupgrade-ftgrid {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      grid-template-columns: repeat(2, 1fr);
    }
    .vsupgrade-ftsection {
      padding: 55px 0 60px 0;
    }
    .nwupgrade-precisionflex {
      flex-wrap: wrap;
    }
    .nwupgrade-precision-text,
    .nwupgrade-precision-img {
      width: 100%;
      text-align: center;
    }
    .nwupgrade-precision-text {
      padding-left: 0;
      padding-top: 35px;
      text-align: center;
    }

    .join-banner.vsnwjoin-banner .competitive-inner-right {
      padding: 0;
      text-align: center;
    }
    .vsnw-affpromote-flex {
      flex-wrap: wrap;
    }

    .vsnw-affpromote-image,
    .vsnw-affpromote-text {
      width: 100%;
    }
    .vsnw-affpromote-text {
      padding: 35px 0 0 0;
      text-align: center;
    }
    .vsnw-affpromote-section {
      padding: 0 0 60px 0;
    }
    .vsnw-affpromote-text .vs-font45-heading {
      text-align: center;
    }
    .estate-outer.caling-agent.faq-outer {
      padding: 230px 0 70px;
      position: relative;
    }
    .vsnw-affpromote-outer {
      padding: 55px 0px;
    }
    .vsnwapi-btns {
      padding: 12px 20px;
      font-size: 15px;
    }
    .api_banner.vsnwapi-banner .api_title_cards p {
      margin: 50px 0 30px;
      font-size: 18px;
    }
    .api_banner.vsnwapi-banner {
      padding: 70px 0px;
    }
    .right_api_form.vsnw-apiform {
      width: calc(100% - 30px);
      margin: 35px auto 0;
    }

    .sgl_chk#productPlanModal.modal .modal-dialog {
      width: 100% !important;
    }

    .accordian_menu ul.accordion_list li h3:after {
      font-size: 14px !important;
    }

    .welcome h2 {
      font-size: 19px !important;
    }

    .welcome p,
    .api_head button,
    .api_table .nw-formouter .nw-forminner p,
    .api_head button {
      font-size: 14px !important;
      /* text-align: center; */
    }

    .accordian_menu ul.accordion_list li h3 {
      padding: 0.5rem 0.5rem;
      font-size: 14px;
    }

    .perameters_table :is(th, td) {
      padding: 0.7rem 0.5rem !important;
      min-inline-size: 5.5rem !important;
      border-block-end: 1px solid #7558ea !important;
      font-size: 12px !important;
    }

    .accordion_list li h3 .span_btn {
      margin-right: 0.5rem !important;
      font-size: 14px !important;
    }

    .accordian_menu ul.accordion_list li h3 {
      font-size: 14px !important;
    }

    .perameters_table .overflow_table {
      padding: 0 !important;
    }

    .accordion_list li h3 .span_btn {
      padding: 0.5rem 0.2rem !important;
      margin-right: 0.5rem !important;
      font-size: 14px !important;
    }

    .accordion_list li h3 .small_text {
      margin-left: 0.51rem;
      font-size: 13px;
    }

    .pdf-icon {
      font-size: 12px !important;
    }

    .archbee-section .title-subtitle h2 {
      font-size: 30px;
      margin-bottom: 30px;
    }

    .card-block-section .title h3 {
      font-size: 25px;
      margin-bottom: 25px;
    }

    .card-block-section .flex-row .col {
      width: 100%;
      padding: 0px 0px;
      margin-bottom: 20px;
    }

    .card-block-section .flex-row {
      margin: 0px;
      flex-direction: column !important;
    }

    .card-block-section .title p {
      font-size: 16px;
      line-height: normal;
    }

    .archbee-section .title-subtitle p {
      font-size: 16px;
      color: #c2c6cd;
      line-height: normal;
    }

    .question-block .flex-row .col {
      width: 100%;
      padding: 0px;
      margin-bottom: 20px;
    }

    .question-block .flex-row {
      margin: 0px;
      flex-direction: column !important;
    }

    .question-block .title h3 {
      font-size: 25px;
      margin-bottom: 25px;
    }

    .question-block {
      margin-top: 20px;
    }

    .archbee-section {
      padding: 60px 0px;
    }

    .archbee-section .title-subtitle {
      margin-bottom: 30px;
    }

    .card-block-section .flex-row .text-block a {
      font-size: 18px;
    }

    .question-block .text-block h4 {
      font-size: 16px;
    }

    .question-block .text-block a {
      font-size: 18px;
    }

    .pdfmodel-popup iframe {
      height: 450px;
    }

    /* responsive for interior designers new css starts 576-768 ends here */
    .pro-yearly-modal .modal-content .upgrade_yearly_body {
      flex-direction: column;
      margin-bottom: 0;
      align-items: center;
    }

    .pro-yearly-modal .modal-content .logo h4 {
      font-size: 14px;
    }

    .pro-yearly-modal .modal-content {
      width: 360px;
    }

    .pro-yearly-modal .modal-content .upgrade_yearly_text p {
      text-align: center;
      font-size: 14px;
    }

    .pro-yearly-modal .copy_part_btn {
      text-align: center;
      display: flex;
      align-items: center;
      margin: 0 auto;
    }

    .pro-yearly-modal .copy_part_btn input.text,
    .pro-yearly-modal .modal-content .upgrade_yearly_text a {
      font-size: 14px;
    }

    .pro-yearly-modal .modal-content .important_peregraph_modal {
      font-size: 14px;
      margin-bottom: 0;
      padding: 15px;
    }

    .pro-yearly-modal .modal-content .upgrade_yearly_image img {
      margin-bottom: 14px;
    }

    .pro-yearly-modal .modal-content .upgrade_yearly_text {
      width: 90%;
    }

    .pro-yearly-modal .modal-content .upgrade_yearly_buttons a {
      margin-bottom: 17px;
    }

    .question-footer progress {
      width: 170px;
    }

    form#servey_form {
      padding: 30px 25px !important;
    }


    /* Ai New tools start */

    .ai-tool-right-top  li {
        width: 110px;
    }
    .ai-tool-right-top ul {
        font-size: 11px;
        line-height: 15px;
    }
    .gs-what-to-edit-left {
        padding: 0 0 30px 0;
        width: 100%;
    }
    .gs-what-to-edit-right {
        width: 100%;
    }
    .gs-modal-content {
        padding: 25px 18px;
    }
    .slider-screen .gs-modal-content {
        padding: 35px 18px;
    }
    .slider-screen .gs-image-editing-slide-project {
        display: none;
    }
    .gs-modal-content h3 {
        font-size: 22px;
    }
    .gspage-upgrade_lock-heading {
        font-size: 20px;
    }
    .gspage-welcome-checkbox {
        padding: 10px 0 0px;
    }
    .gspage-welcome-checkbox li {
        width: 100%;
    }
    .gspage-upgrade_lock-heading span {
        max-width: 80%;
    }
    .gspage-upgrade-lock-btn, .gspage-welcome-btn {
        margin: 9px 0 0;
    }
    .gspage-upgrade_lock p {
        font-size: 14px;
        line-height: 1.5;
        margin: 10px 0 10px;
    }
    .gs-modal-content h4 {
        font-size: 17px;
        line-height: 25px;
    }
    .gs-modal-best-right  h4 {
        margin: 0 0 8px;
    }
    .gs-modal-best-left {
        width: 27px;
    }
    .gs-modal-best-right li {
        width: 18%;
        font-size: 10px;
        line-height: 1.5;
    }
    .gs-modal-best-right {
        padding: 0 0 0 13px;
        width: calc(100% - 27px);
    }
    .gs-login-form h1 {
        font-size: 23px;
        line-height: 1.3;
        text-align: left;
    }
    .gspage-ai-tools-inner .gs-dashboard-links a img {
        filter: brightness(100) invert(0);
    }
    .gs-dashboard-links .active a {
        background: #2C303D;
        color: #fff;
    }

    .ai-upload-latest-single {
        margin-bottom: 21px;
        gap: 20px;
    }
    /* Ai New tools ends */

    /*new-free-trial page css start*/
    .gs-trial-get .title-con {
        font-size: 38px;
        padding: 0 0 30px;
    }
    .gs-trial-get-top {
        font-size: 25px;
        line-height: 32.5px;
        padding: 20px 20px;
    }
    .gs-trial-get-inner {
        grid-template-columns: repeat(1, 1fr);
    }
    .gs-trial-get-block-detail {
        padding: 0px 0 0 10px;
        width: 100%;
    }
    .gs-trial-get-block {
        flex-wrap: unset;
    }
    /*new-free-trial page css end*/
    /*Home tools redesign css start*/
    .gs-redesign-ba-list-inner {
        gap: 16px;
        grid-template-columns: repeat(2, 1fr);
    }
    /*Home tools redesign css end*/
     /*Webinar page css start*/
     .gs-webinar-inner h2 {
        font-size: 24px;
        line-height: 1.3;
    }
    .gs-webinar-expire {
        font-size: 19px;
        padding: 6px 37px;
        margin: 10px 0 20px;
    }
    .gs-webinar-inner .btn-con, .gs-webinar-get-btn a.btn-con {
        font-size: 17px;
        line-height: 20px;
        padding: 16px 38px 18px;
    }
    .gs-webinar-get-started-outer h2 {
        font-size: 22px;
        line-height: 24px;
        padding: 0 0 10px;
    }
    .gs-webinar-get-started-outer h4 span {
        font-size: 17px;
    }
    .gs-webinar-get-started-outer h4 {
        font-size: 25px;
        padding: 19px 27px 17px;
    }
    .gs-webinar-questions-block {
        padding: 45px 5% 43px;
    }
    .gs-webinar-questions-block h4 {
        font-size: 28px;
        padding: 0 0 7px;
    }
    .gs-webinar-questions-block p {
        font-size: 18px;
        padding: 0 0% 17px;
    }
    .gs-webinar-questions-links h3 {
        font-size: 18px;
        word-break: break-word;
    }
    .gs-webinar-inner .btn-con, .gs-webinar-get-btn a.btn-con {
        font-size: 16px;
        line-height: 20px;
        padding: 16px 14px 18px;
    }
    .gs-webinar-price strong {
        font-size: 24px;
    }
    .gs-webinar-questions-block h4 {
        font-size: 25px;
    }
    .gs-webinar-questions-inner p {
        padding: 0 0% 27px;
    }

    .gs-webinartrial-core {
        margin: 0 0 20px;
    }
    .gs-webinar-get-started-outer {
        margin-top: 30px;
    }
    .gs-webinar-wrapper .ts-design-about-trustpilot-widget {
        padding-top: 10px;
    }
    .webinar-bonuses-full .webinar-bonuses-text {
        width: 50%;
        padding-left: 20px;
    }
    .webinar-bonuses-full .webinar-bonuses-img {
        width: 40%;
        padding: 3% 6% 3% 2%;
    }
    .webinar-bonuses-full .webinar-bonuses-text {
        width: 60%;
        padding-left: 20px;
    }
    .webinar-bonuses-full .webinar-bonuses-text h4 {
        font-size: 18px;
        line-height: 1.5;
    }
    .webinar-bonuses-outer {
        margin-top: 25px;
        padding: 0 20px 20px;
    }
      /*Webinar page css end*/
      /*Premium Upgrade+ popup start*/
      .premium-unlock-why-listing {
        grid-template-columns: repeat(3, 1fr);
    }
      /*Premium Upgrade+ popup end*/
      /*Webinar expire css start*/
      .gs-webinar-expire-right {
        padding: 0 0 0 20px;
    }
    .gs-webinar-expire-right h2 {
        font-size: 19px;
        line-height: 29.8px;
    }
    .gs-webinar-expire-right h1 {
        font-size: 30px;
    }
    .gs-webinar-expire-space span {
        font-size: 15px;
        line-height: 29.4px;
        padding: 6px 20px 8px;
    }
      /*Webinar expire css end*/
  }

  @media (max-width: 700.98px) {
    .api_guid-main .api_table .badge-danger {
      float: none !important;
      width: fit-content;
      margin-top: 7px;
      display: block;
    }

    .favorites-container .tab-content {
      padding: 30px 0 !important;
    }

    .favoriteContainer ul.nav.nav-pills .nav-item .nwai-tab {
      margin: 0 auto;
    }

    #googleResults .row .col-md-2.mb-4 {
      width: 100%;
    }

    .api_title_cards span {
      font-size: 18px;
    }

    .api_title_cards .api_title h2,
    .api_title .mntxt-annimation span {
      font-size: 36px !important;
    }

    .black-friday-sticky .close_cross img {
      width: 12px;
    }

    .black-friday-sticky p a {
      /* display: block; */
      width: fit-content;
      margin: 0 auto;
    }

    .black-friday-sticky .cross_close_icon::before {
      content: "";
      background-color: #18122a;
      height: 40px;
      width: 40px;
      border-top-right-radius: 7px;
      border-top-left-radius: 7px;
      position: absolute;
      top: -20px;
      right: 10px;
    }

    .cross_close_icon a {
      top: -13px;
      right: 23px;
    }

    .black-friday-sticky p {
      /* display: block; */
      font-size: 12px;
      padding: 17px;
    }

    .black-friday-sticky p .badge-danger {
      margin-right: 3px;
    }

    .competitive-outer .competitive-inner-right h2.title-con1 {
      font-size: 19px !important;
    }

    .competitive-outer.even-cards .competitive-inner .video-inner {
      padding: 0;
    }

    .competitive-outer .competitive-inner {
      margin-top: 40px;
    }

    .competitive-outer .competitive-inner {
      display: block;
    }

    .pricing-outer .right_api_form {
      box-shadow: none;
      position: relative;
      top: 0;
      background-color: transparent;
    }

    .pricing-outer .api_form .form_title_part p {
      width: 100%;
    }

    .testi-italic {
      display: none;
    }

    .mn-homeouter .brandpush-footer {
      display: none !important;
    }

    #productPlanModal.modal .modal-dialog {
      width: 100% !important;
      margin: 0 auto;
    }

    #productPlanModal {
      overflow-y: auto !important;
    }

    #productPlanModal .custom-add-on-plans .card > .card-body {
      flex-direction: column;
    }

    #productPlanModal .custom-add-on-plans .card > .card-body .card_icons {
      width: 100%;
    }

    #productPlanModal .custom-add-on-plans .card > .card-body .card_icons img {
      width: 70px;
      margin-left: 0;
      margin-right: auto;
      margin-bottom: 20px;
    }

    #productPlanModal .form-check-label {
      font-size: 14px !important;
      flex-direction: column;
      align-items: baseline;
    }

    #productPlanModal .des_dta h5 {
      font-size: 16px;
    }

    #productPlanModal .custom-add-on-plans .card > .card-body small {
      font-size: 14px;
    }
    .modal_footer_part label {
      width: 100%;
    }

    .nw-forminner .crop_modal_btn {
      width: 100%;
    }

    .nwfile-uploadside .redesign_video {
      margin-top: -42px;
    }

    .brandpush-vertical-center {
      padding-top: 20px;
    }
   .vshome-about-news-reviews-wrapper .brandpush-logo-container-item {
        height: 180px;
    }
    .vshome-about-news-reviews-wrapper .brandpush-vertical-center {
        padding-top: 0px;
      }
    #brandpush-trust-badge {
      min-height: 220px !important;
    }

    .mn-homeouter .container,
    .hmd-outer .container {
      max-width: 1140px;
    }

    .container {
      max-width: 1140px;
    }

    .modallog {
      margin-top: 50px;
      width: 390px;
      /* height: 500px; */
      left: 50%;
      top: 50%;
      background-color: rgb(255, 255, 255);
      margin: auto;
      box-shadow: 0 0 20px 0 rgba(138, 210, 226, 0.2),
        0 5px 5px 0 rgba(0, 0, 0, 0.24);
    }

    .modal-content {
      width: 400px;
      max-width: 100%;
    }

#logoutModal .modal-dialog.gs-modal-container,
#inputImageValidationModal .modal-dialog.gs-modal-container{
    width: 85%;
}
    .mobile-menu.bottom {
      position: fixed;
      bottom: 20px;
      right: 10px;
      z-index: 99;
      left: auto;
      display: block !important;
      background-color: #000;
      border-radius: 50px;
      padding: 10px;
    }

    #serveyModal .modal-dialog {
      width: 100%;
      padding: 0 20px;
    }

    #serveyModal .modal-content {
      padding: 0 !important;
      width: calc(100% - 0px);
    }

    #feedbackModel .modal-dialog {
      width: 100%;
      padding: 0 20px;
    }

    #feedbackModel .modal-content {
      padding: 0 !important;
      width: calc(100% - 0px);
    }

    .favoriteContainer ul.nav.nav-pills .nav-item {
      width: 100%;
    }
    /*Login popup css start*/
.welcome-login-modal-wrapper  .modal-content {
    width: 90%;
    padding: 20px 20px;
    border-radius: 12px;
    max-width: 500px;
}
.welcome-login > img {
    padding: 0 0 16px;
    max-width: 50px;
}
.welcome-login h3 {
    font-size: 25px;
    line-height: 38px;
}
.welcome-login > p {
    font-size: 16px;
    line-height: 28px;
    margin:0 0 18px;
}
.welcome-login-field {
    margin-bottom: 14px;
}
.welcome-login-button .loginbutt {
    margin-top: 20px;
}
.welcome-login-button {
    gap: 6px;
}
/*Login popup css end*/
  }

  @media only screen and (max-width: 600px) {
    /* For mobile phones: */
    .c-arrow-content.billing-arrow {
      padding-left: 78px !important;
      margin-top: -20px !important;
    }

    .c-arrow-content .arrow {
      -moz-transform: scaleX(-1) !important;
      -o-transform: scaleX(-1) !important;
      -webkit-transform: scaleX(-1) !important;
      order: 2;
    }

    .c-arrow-content .c-arrow-text {
      left: 35px !important;
      top: 8px !important;
    }

    /*new-free-trial page css start*/
    .gs-trial-get-started-outer {
        border-width: 4px;
    }
    .gs-trial-get-object {
        font-size: 19px;
        background-size: 310px;
        min-height: 49px;
    }
    .gs-trial-get-started-outer {
        padding: 62px 15px 40px;
    }
    .gs-trial-get {
        padding: 25px 15px  300px;
        margin: 0 00px 0;
    }
    .gs-trial-get .title-con {
        font-size: 30px;
        padding: 0 0 30px;
    }
    .gs-trial-page-sec {
        padding: 20px 0 30px;
    }
    .gs-trial-get-content {
        padding: 14px;
    }
    .gs-trial-get-top {
        font-size: 21px;
        line-height: 29.5px;
        padding: 10px 20px;
    }
    .gs-trial-get-started-top h2 {
        font-size: 28px;
    }
    /*new-free-trial page css end*/
    .gs-main-slider-dropdown {
        bottom: 10px;
        left: 10px;
        font-size: 13px;
        min-width: 130px;
    }
    .nested-slider-dropdown {
        bottom: 10px;
        right: 10px;
        font-size: 13px;
        min-width: 130px;
    }
    .main-slider-container  .slick-slide img {
        width: 100%;
        height: auto;
        border-radius: 15px;
        height: 300px;
        object-fit: cover;
    }
        /*Home tools redesign css start*/

        .gs-redesign-ba-single .ts-redesign-content {
            padding: 26px 14px 20px;
        }
        /*Home tools redesign css end*/
     /*Webinar page css start*/
     .webinar-banner-container {
        padding: 20px 0 0 0;
    }
    .gs-webinar-inner .webinar-banner-left h1 {
        font-size: 25px;
    }
    .webinar-banner-timer h3 {
        font-size: 20px;
        line-height: 1.4;
        margin: 0 0 6px;
    }
    .webinar-banner-timer {
        padding: 19px 20px;
    }
    .gs-webinar-inner .webinar-banner-left h1 strong {
        display: inline;
    }
     /*Webinar page css end*/
      /*Webinar expire css start*/
      .gs-webinar-expire-wrapper  .ts-header-logo {
        padding: 10px 0 25px;
    }
    .gs-webinar-expire-left {
        width: 100%;
    }
    .gs-webinar-expire-right {
        padding: 20px 0 0 0px;
        width: 100%;
        text-align: center;
    }
    .gs-webinar-expire-left  img {
        width: 180px;
    }
    .gs-webinar-expire-right h1 {
        font-size: 25px;
    }
    .gs-webinar-expire-right h2 {
        font-size: 17px;
        line-height: 26.8px;
        padding: 0 0 5px;
    }
    .gs-webinar-expire-flex {
        padding: 0 0 20px;
    }
    .gs-webinar-expire-space span {
        font-size: 15px;
        line-height: 21.4px;
        padding: 8px 20px 10px;
    }
    .gs-webinar-expire-space {
        padding-bottom: 30px;
    }
       /*Webinar expire css end*/
  }

  @media (max-width: 575.98px) {
    #modalUpgradePlusLimited .btn_hdc a:nth-child(2) {
      padding: 3px 12px !important;
    }

    #modalUpgradePlusLimited .left_text_hdc .left_text_hdc_sec p,
    #modalUpgradePlusLimited .shadow_card_hdc p,
    #modalUpgradePlusLimited .left_text_hdc .perp_pera,
    #modalUpgradePlusLimited .left_text_hdc .left_text_hdc_ttle_main,
    #modalUpgradePlusLimited .head p {
      font-size: 14px !important;
    }

    /* .hmd-logo a img{
          width: 70% !important;
      }

      .mn-homeouter .container,
      .hmd-outer .container,
      .nw-formouter .container {
          max-width: 100%;
      }

      .api_title_cards span {
          font-size: 16px;
      }

      .api_title_cards .api_title h2,
      .api_title .mntxt-annimation span {
          font-size: 32px !important;
      }

      .api_title_cards p,
      .api-endpoints-title p {
          font-size: 18px;
      }

      .api_title_cards p {
          margin-top: 55px;
      }

      .api-endpoints-title h3 {
          font-size: 27px;
      }

      .container {
          max-width: 100%;
      }

      .txt-replce h2 {
          font-size: 29px;
      }

      .overlaytext {
          font-size: 50px;
      }

      .transformed-text {
          margin-left: 10px;
      }

      .hmd-mnbackstretch::after {
          width: 85px;
          height: 85px;
          top: -20px;
          right: -10px;
      }

      .navntabs-outer .nav-tabs {
          display: block;
      }

      .navntabs-outer .nav-tabs .nav-link {
          width: 100%;
          margin: 15px auto 0px;
      }

      .navntabs-outer .nav-tabs {
          margin-top: 20px !important;
      }

      .main-formouter {
          margin-top: 40px;
      }

      .filebx-out {
          margin-top: 15px;
      }

      .render-img-bx {
          margin-top: 15px;
      }

      .imagerender-outer .mt-30 {
          margin-top: 0px;
      }

      .aifrm-inner {
          padding: 50px 15px;
      }

      .imagerender-outer {
          padding-top: 0px;
      }

      .gt-stbtn {
          font-size: 14px;
      }

      .imagerender-inner {
          margin-top: 20px;
          margin-right: 10px;
      }

      .submit-btn {
          font-size: 14px;
      }

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

      .cmn-title1 {
          font-size: 26px;
          line-height: 1.7em;
          padding-bottom: 10px;
          text-align: center;
      }

      .formwhofor {
          max-width: 95%;
          border-radius: 10px;
          margin: auto;
          padding: 5px;
      }

      .cmn-small-title {
          font-size: 12px;
      }

      .tstup-flex {
          display: block;
      }

      .testi-italic {
          text-align: center;
          display: flex;
          flex-flow: column;
          align-items: center;
          margin-top: 20px;
      }

      .test-main {
          margin-top: 20px;
      }

      .faq-outer .accordianheading {
          font-size: 16px;
      }

      .faq-outer .accordion-item {
          padding: 10px 25px !important;
      }

      .flootiing-cnt {
          margin-top: 20px;
      }

      .ft-bx {
          text-align: center;
      }

      .contact-list li a {
          width: 100%;
          justify-content: center;
      }

      .ft-btm p {
          font-size: 14px;
          padding: 20px 0px;
      }

      .big-ai {
          font-size: 170px;
      }

      .italic-difftitle {
          font-size: 18px;
      }

      .contact-list li {
          margin-top: 16px;
      }

      .sidenav a {
          font-size: 16px;
      }

      /*.customer-section{display: block;}
  .cmn-customerbx {margin-right: 0px;margin-top: 15px;text-align: center;}*/
    .wtch-go {
      display: none;
    }

    .hmd-inner {
      padding: 0;
    }

    .gt-started-section {
      justify-content: inherit;
    }

    .style-cardrow.toprow {
      margin-top: 20px;
    }

    .dsai-backstretch img {
      object-fit: cover;
    }

    .cmn-customerbx {
      text-align: center;
    }

    .hmd-ypouter {
      display: none;
    }

    .prv-cardbenefits ul li {
      padding-left: 40px;
    }

    .prv-cardbenefits ul li::before {
      width: 20px;
      height: 20px;
      background-size: 8px;
    }

    .newsec-card .newsec-img {
      height: 180px;
    }

    .newsec-card {
      max-width: 400px;
      margin: auto;
    }

    .stYle-selectinner .tabimg {
      width: 90px;
      height: 65px;
    }

    .customstyle-navtab .nav .nav-item {
      margin-right: 10px;
    }

    .stYle-heading {
      margin-top: 10px;
    }

    .stYle-selectinner .nav.nav-pills {
      justify-content: space-around;
      max-width: 400px;
      margin: auto !important;
    }

    .prv-pricecard {
      max-width: 400px;
      margin: auto;
    }

    .filebx-out2 {
      width: 100%;
    }

    .onlyshow-desktop {
      display: none;
    }

    .show-onlymobile {
      display: block;
    }

    .column-reversemobile {
      flex-direction: column-reverse;
      display: flex;
    }

    .prv-pricecard:hover {
      transform: translate(0, -0px);
    }

    .plntype {
      font-size: 16px;
    }

    .nw-formouter .nav-item {
      width: 100%;
      margin-bottom: 15px;
    }

    .nw-formouter .nav-item:last-child {
      margin-bottom: 0px;
    }

    .nwai-tab {
      width: 100%;
      max-width: 100%;
    }

    .nwchoosebx {
      padding: 0px 12px;
    }

    .ribon-bx {
      margin-left: -20px;
    }

    .dsai-tpbkstretch img {
      border-radius: 14px;
      height: 100%;
      width: 100%;
    }

    .dsai-top-section {
      flex-direction: column;
      margin-bottom: 30px;
    }

    .dsai-italic {
      margin-bottom: 15px !important;
    }

    .dsai-tpbkstretch {
      width: 100%;
      min-width: 100%;
      height: 100%;
      min-height: 100%;
    }

    /* responsive for interior designers new css starts 376 - 576 starts here */

    .vshero-compare-column {
      padding: 30px 0 0 0;
    }
    .vsnew-herobanner {
      padding: 50px 0px 30px;
    }
    .vsbigas-heading {
      font-size: 52px;
    }
    .vsbordered-column-left,
    .vsbordered-column-right {
      width: 100%;
    }
    .vsbordered-compwrap {
      flex-wrap: wrap;
    }
    .vsbordered-flowimg {
      flex-direction: column;
    }

    .vsbordered-column-right {
      margin-left: 0;
      margin-top: -10px;
    }

    .flowvs-arrow {
      display: none;
    }

    .flowvs-arrow-vertical {
      display: block;
    }
    .flowvs-arrow-vertical {
      display: block;
      max-width: 55px;
    }
    .vsunlock-efforts {
      padding: 50px 0px;
    }
    .vsseamless-outer {
      padding: 50px 0px 40px;
    }
    .vs-font45-heading {
      font-size: 29px;
    }
    .breath-outer.vs-breath-outer {
      padding: 50px 0px;
    }
    .vs-stpstrg-section {
      padding: 50px 0px;
    }
    .vs-tfspaces-outer {
      padding: 50px 0px;
    }
    .vs-joinre-outer {
      padding: 50px 0px;
    }
    .vs-joinre-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    .vs-joinre-grid {
      padding: 30px 0 0 0;
    }
    .vshero-compare-column .comp-border,
    .vs-tfspaces-compslider .comp-border {
      padding: 10px;
    }
    .vshero-compare-column img-comparison-slider.rendered,
    .vs-tfspaces-compslider img-comparison-slider.rendered {
      border-radius: 20px;
    }
    .vshero-compare-column .comp-border video {
      border-radius: 20px;
    }

    .vsunlock-colimage {
      padding: 20px 0 0 0;
      text-align: center;
    }
    .vsunlock-efforts {
      padding: 50px 0px;
    }
    .vs-tranint-section {
      padding: 50px 0;
    }
    .vs-tranint-outer {
      padding-bottom: 50px;
    }
    .vsnew-herobanner.decorpage {
      padding: 50px 0px;
    }

    .vssub-banner {
      border-radius: 0 0 0 30px;
    }

    .vs-career-position {
      font-size: 16px;
    }
    .vs-career-type {
      font-size: 14px;
    }
    .vs-careerbx {
      padding: 20px 15px;
    }
    .vsub-faqsinner .accordion-item .accordion-body p {
      font-size: 16px;
      line-height: 1.8;
      padding: 10px 0 0 0;
      margin-bottom: 15px;
    }
    .invest-gridrow {
      padding: 20px;
    }
    .invest-gridbox {
      padding: 50px 0px;
    }
    .vs-invest-section {
      padding: 50px 0 0 0;
    }
    .vsrecent-pressgrid {
      gap: unset;
      grid-gap: unset;
      display: block;
    }
    .vsrecenr-pressbox {
      margin-bottom: 30px;
    }
    .vsrecenr-pressbox:last-child {
      margin-bottom: 0px;
    }
    .verecentprs-section {
      padding: 50px 0px;
    }
    .media-dwbtn {
      min-height: 50px;
      padding: 0px 10px;
    }
    .vsprsmedia-title {
      font-size: 24px;
    }
    .vspress-text {
      font-size: 22px;
      margin: 15px 0 5px 0;
    }
    .vsprsmedia-grid {
      padding: 25px;
    }
    .vsupgrade-ftgrid {
      grid-column-gap: 15px;
      grid-row-gap: 15px;
    }
    .vsupgrade-box {
      padding: 20px;
    }
    .vsupgrade-boxicon {
      width: 55px;
      height: 55px;
    }
    .vsupgrade-boxicon img {
      max-width: 30px;
    }
    .vsupgrade-box-title {
      font-size: 16px;
    }
    .upgrade-banner.vsupgrade-banner .vsupgrade-btmtext {
      font-size: 20px;
    }
    .vs-joinre-section.vsnw-estate-outer {
      padding: 50px 0px;
    }
    .api_endpoint_details
      .custom-precision
      .custom-precision-right
      .tooltipnew:before {
      left: 0 !important;
      margin-bottom: 5px;
      margin-left: -220px;
    }
    .right_api_form.vsnw-apiform .btn.btn-primary {
      font-size: 18px;
    }
    .right_api_form.vsnw-apiform .form_title_part .form_head {
      margin: 0 0 20px 0;
    }
    .api_banner.vsnwapi-banner .api_banner_btns {
      flex-direction: column;
      grid-gap: 0;
      gap: 0;
    }
    .vsnwapi-btns.transparent {
      margin-top: 15px;
    }
    /* responsive for interior designers new css starts 376 - 576 ends here */


    /* Ai New tools start */

    .ai-tool-right-top  li {
        width: 80px;
    }
    .gspage-source-imageinner img {
        height: 131px;
        width: 100%;
    }
    .gspage-source-tagline {
        font-size: 14px;
        line-height: 25px;
        padding-bottom: 15px;
    }
    .gspage-upgrade_lock-heading {
        font-size: 16px;
    }
    .gspage-source-imageinner a {
        font-size: 11px;
        line-height: 20px;
        padding: 8px 15px;
    }
    .gspage-source-imageinner {
        width: 50%;
        padding: 6px;
    }

    .ai-upload-add-project-list a {
        height: 40px;
        width: 40px;
    }
    .ai-upload-latest-pagination li a {
        height: 34px;
        width: 34px;
        border-radius: 9px;
        font-size: 12px;
    }
    .ai-upload-latest-single {
        flex-direction: column;
    }
    .gspage-ai-right .ai-upload-latest-designs {
        padding: 0 15px 15px;
    }
    .ai-upload-add-project ul {
        gap: 4px;
    }
    /* Ai New tools ends */
     /*Webinar page css start*/
     .gs-webinar-get-started-outer {
        padding: 32px 14px 30px;
    }
    .gs-webinar-get-started-outer h4 {
        font-size: 23px;
        padding: 19px 27px 17px;
    }
    .gs-webinar-get-started-outer h4 span {
        font-size: 15px;
    }
      /*Webinar page css end*/
       /*Premium Upgrade+ popup start*/
       .premium-unlock-top {
        padding: 16px 13px  60px;
    }
    .gs-premium-top-left {
        width: 57px;
    }
    .gs-premium-top-right h2 {
        font-size: 17px;
        line-height: 23.6px;
        margin: 0;
    }
    .gs-premium-top-right {
        width: calc(100% - 57px);
        padding: 0 0 0 11px;
    }
    .gs-premium-top-right h2 strong {
        padding: 1px 8px 1px;
        margin-left: 6px;
        margin-top: 3px;
    }
    .gs-premium-top-right p {
        font-size: 13px;
        line-height: 1.5;
        padding: 5px 0 0;
    }
    .premium-unlock-time-update {
        padding: 12px 10px;
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    .premium-unlock-time-left {
        font-size: 12px;
        line-height: 1.4;
        padding: 0;
    }
    .gs-webinar-timer > div {
        width: 63px;
        font-size: 8px;
        line-height: 11px;
        letter-spacing: 1.15px;
        height: 59px;
        color: #1E1634;
    }
    .premium-unlock-important {
        font-size: 11px;
        line-height: 21px;
        padding: 10px 5px;
        color: rgb(30 22 52 / 81%);
    }
    .premium-unlock-why h3 {
        font-size: 13px;
    }
    .premium-unlock-why-listing {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        border: 1px solid #4549481A;
        border-radius: 20px;
        background: #FDFDFD;
        padding: 15px;
    }
    .premium-unlock-listing-single {
        border: 0px solid #4549481A;
        border-radius: 0;
        background: transparent;
        padding: 0;
        display: flex;
        text-align: left;
    }
    .premium-unlock-single-text h4 {
        font-size: 16px;
        padding: 2px 0 3px;
    }
    .premium-unlock-single-text p {
        font-size: 15px;
        line-height: 22.68px;
    }
    .premium-unlock-single-text {
        width: calc(100% - 40px);
        padding: 0 0 0 10px;
    }
    .premium-unlock-details-fee {
        font-size: 14px;
    }
    .premium-unlock-details-price {
        font-size: 16px;
        line-height: 23px;
        padding: 7px 0 14px;
    }
    .premium-unlock-details-price span {
        font-size: 17px;
    }
    .premium-unlockbtns a.btn-con {
        font-size: 19px;
        line-height: 25.98px;
        letter-spacing: -0.01em;
        padding: 13px 30px;
    }
       /*Premium Upgrade+ popup end*/
  }
 @media (max-width: 479px) {
    /*Home tools redesign css start*/
 .gs-redesign-ba-list-inner {
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 40px;
    margin-top: 40px;
}
.gs-redesign-ba-single .mainSection {
    height: 260px;
}
/*Home tools redesign css end*/
/*webinar page css start*/
.webinar-banner-left span {
    font-size: 12px;
    line-height: 15.4px;
    padding: 9px 21px;
}
.webinar-banner-left {
    text-align: center;
}
.webinar-banner-content {
    text-align: center;
}
.webinar-banner-content .btn-con {
    font-size: 16px;
    line-height: 25.98px;
    padding: 14px 26px;
}
.webinar-bonuses-img {
    width: 100%;
    padding: 0 20% 20px 0px;
}
.webinar-bonuses-text {
    width: 100%;
    align-self: center;
}
.webinar-bonuses-label span {
    padding: 4px 12px;
}
.webinar-bonuses-label {
    font-size: 15px;
}
.webinar-bonuses-single {
    padding: 18px;
}
.webinar-bonuses-full .webinar-bonuses-single {
    padding: 18px;
}
.webinar-bonuses-full .webinar-bonuses-img {
    width: 100%;
    padding: 3% 26% 3% 2%;
}
.webinar-bonuses-full .webinar-bonuses-text {
    width: 100%;
    padding: 20px 0 0 0;
}
/*webinar page css end*/

/*error page css start*/
.gs-error-content {
    padding: 20px 0 50px;
}
.gs-error-wrapper .ts-header-logo {
    padding: 28px 0 38px;
}
/*error page css end*/
 }
  @media (max-width: 414px) {
    .masking-label {
      font-size: 12px;
    }

    .inpaint-stag-container .brushing-btns #ip-clearImage {
      width: 100%;
    }

    .inpaint-stag-container .brushing-btns {
      justify-content: center;
    }
 /* Ai New tools start */
 .ai-tool-right-top ul {
    font-size: 11px;
    line-height: 15px;
    width: 100%;
    padding: 20px 0 0 !important;
}
.ai-tool-right-top  li {
    width: 74px;
    margin: 0 6px;
}

.gs-what-to-edit-option ul {
    min-width: 141px;
}
.gs-what-to-edit-leftimg > img {
    height: 220px;
}
.gs-what-to-edit-tips {
    flex-direction: column;
}
.gs-what-to-edit-tip-right {
    padding: 0 0 0 3px;
    width: calc(100% - 52px);
}
.gs-modal-best-right {
    padding: 0 0 0 8px;
    width: calc(100% - 27px);
}
.gs-modal-content h4 {
    font-size: 15px;
    line-height: 18px;
}
.gs-modal-best-right p {
    font-size: 13px;
    line-height: 1.5;
}
.gs-modal-best-right li {
    width: 30%;
    font-size: 9px;
    line-height: 1.5;
    margin-bottom: 12px;
    margin-right: 3%;
}
.gs-modal-best-right ul {
    justify-content: unset;
}

.gs-modal-best-results {
    margin-bottom: 4px;
}
.gs-login-continue-google {
    gap: 13px;
}
.gs-register-form .gs-login-forgot-passwrd {
    font-size: 13px;
    line-height: 20px;
    margin: 10px auto 0;
}
.gs-login-forgot-passwrd a {
    font-size: 13px;
}
.gs-modal-uploading_instruction p {
    font-size: 12px;
    margin-bottom: 12px;
}
.gs-login-form h1 {
    font-size: 20px;
}
.gs-login-form .gs-edit-setting-field {
    margin: 0 0 14px;
}
.gs-login-remeber-login {
    flex-direction: column;
    gap: 6px;
}
.gspage-source-imageinner a {
    width: 110px;
}
.gs-what-to-edit-tip-box {
    flex-direction: unset;
}
.gs-our-preset-settings {
    padding: 12px 12px 12px;
}
.gs-continue-btn {
    padding: 14px 33px;
}
.gs-what-to-edit-title li a {
    font-size: 13px;
}
.gs-what-to-edit-title li {
    margin-right: 11px;
}
.gspage-welcome-checkbox li {
    font-size: 12px;
    margin-bottom: 13px;
}
.gspage-welcome-checkbox li label span {
    top: -1px;
}
.gspage-upgrade_lock-heading span {
    max-width: 74%;
}
 /* Ai New tools ends */
/*Login popup css start*/
.welcome-login-message {
    padding: 20px 0 0;
}
.welcome-forget {
    margin: 12px 0 0;
    width: 100%;
}
.welcome-login span.close {
    right: -10px;
    top: -10px;
}
/*Login popup css end*/

  }

  @media (max-width: 390px) {
    .masking-label {
      font-size: 12px;
    }

    .nwfile-uploadside .redesign_video {
      margin-top: 0;
      justify-content: flex-start;
    }
  }

  @media (max-width: 375.98px) {
    /* .dsai-tpbkstretch {
          width: 140px;
          min-width: 140px;
          height: 120px;
          min-height: 120px;
      } */

    .api-endpoints-title h3 {
      font-size: 24px;
    }

    .repeat-heading {
      font-size: 20px;
    }

    .cmn-title {
      font-size: 20px;
    }

    .cmn-title1 {
      font-size: 18px;
      line-height: 1.7em;
      padding-bottom: 10px;
      text-align: center;
    }

    .hmd-italic {
      font-size: 16px;
    }

    .transformed-text {
      margin-left: 0;
    }

    .hmd-ypouter {
      margin-bottom: -30px;
    }

    .frame {
      max-width: 50px;
    }

    .overlaytext {
      font-size: 42px;
    }

    .dsai-italic {
      font-size: 17px;
      transform: rotate(0);
    }

    /* .dsai-top-section {
          margin-bottom: -30px;
      } */
    .dsai-wierd img {
      display: none;
    }

    .stylebx {
      margin: 10px 0px;
    }

    .styl-mt-22 {
      margin: 10px auto !important;
    }

    .styl-mt-8 {
      margin: 10px auto !important;
    }

    .style-choiceinr {
      padding: 50px 10px;
    }

    .test-itext {
      margin-top: 10px;
    }

    .only-mobile {
      font-size: 30px !important;
    }

    .stylebx {
      animation: none;
    }

    .stYle-selectinner .tabimg {
      width: 80px;
      height: 65px;
    }

    .stYle-selectinner .nav.nav-pills {
      justify-content: space-between;
    }
  }


@media screen and (max-width:1500px) {
.gs-offer-stunning-design-video span {
    left: -260px;
}
}

@media screen and (max-width:1300px) {
 .ts-peek-outer .auto-container {
 width: 1100px;
}
.ts-ai-home li span {
 width: 66%;
}
.gs-offer-stunning-design-video span {
    left: -210px;
    width: 210px;
    font-size: 19px;
}
.gs-offer-btns1092025 {
    gap: 20px;
}
.gs-offer-stunning-design h3 {
    font-size: 44px;
    line-height: 49.6px;
    margin: 0 0 13px;
}
.gs-offer-stunning-design p {
    margin: 0 0 30px;
}
.gs-intro-magic-redesign-top h3 {
    font-size: 48px;
    line-height: 59.6px;
    margin: 0 0 11px;
    padding: 0 10%;
}
.gs-intro-magic-redesign {
    padding: 65px 0 55px;
    margin-top: 10px;
}

.gs-offer-stunning-design {
    padding: 60px 0 30px 0;
}

}
@media screen and (max-width:1200px) {
 .auto-container {
 width: 100%;
 padding: 0 15px;
}
.ts-banner-text > p {
    padding: 10px 0%;
}
 .ts-banner-outer {
 padding: 0px 15px;
}
 .ts-peek-outer .auto-container {
 width: 97%;
}
.ts-peek-right li h2 {
 font-size: 15px;
}
.ts-peek-right li p {
 font-size: 14px;
}
 .ts-peek-right {
 padding: 5px 20px;
}
.ts-peek-logos li {
 font-size: 14px;
}
 .ts-ai-home li strong {
 width: 54px;
 height: 54px;
}
 .ts-ai-home li span h2 {
 font-size: 16px;
}
 .ts-ai-home li span p {
 font-size: 14px;
 line-height: 22.68px;
 margin: 7px 0 0;
}
.ts-ai-home li {
 padding: 16px;
 gap: 14px;
}
.ts-images-inner li {
 width: 46%;
}
 .ts-personal-left {
 width: 35%;
}
.ts-personal {
 gap: 30px;
}
.ts-components-con ul {
 gap: 21px;
}
.ts-components-con li h2 {
 font-size: 15px;
 line-height: 21px;
 margin: 15px 0 0;
}
.ts-components-con li {
 width: 100%;
}
.ts-company-good {
 width: 30.8%;
}
.title-con {
 font-size: 35px;
}
 .ts-title {
 font-size: 26px;
}
.ts-company-outstanding .ts-title {
 margin: 17px 0 10px;
}
.ts-edge-outer {
 padding: 0 0 40px;
}
.ts-redesign-outer {
 gap: 40px;
 margin: 60px 0;
}
.ts-redesign-img img {
 width: 444px;
}
.ts-redesign-img {
 width: 468px;
}
.ts-saving-design {
 gap: 28px;
}
.ts-saving-design li h3 {
 font-size: 13px;
 margin: -20px 0 20px 12px;
}
 .ts-furniture {
 padding: 30px 0;
}
.ts-decorates::before {
 width: 209px;
 height: 100%;
 background-size: cover;
}
 .ts-decorates::after {
 width: 209px;
 height: 100%;
 background-size: cover;
}
.ts-banner-text h1 strong {
 width: 210px;
}
 .ts-downld-inner {
 top: 61%;
}
.ts-textarea-ch {
 height: 120px;
}

.ts-furniture-in.ts-edge-outer {
    padding: 80px 0 60px;
}
.ts-home-design {
    padding: 20px 30px 0px;
}

.ts-device {
    padding: 80px 0 0;
}

.vs-enterprise-img-column{
    width: 45%;
}

.vs-enterprise-text-column{
    padding: 60px 20px 180px 60px;
    width: 55%;
}


.ts-placeholder-content {
    flex-wrap: wrap;
}
.ts-placeholder-right {
    margin: 20px 0 0 0px;
    width: 100%;
}
.ts-tabs-space {
    padding: 22px;
}
.gs-offer-stunning-design-video {
    max-width: 530px;
    padding: 15px;
}

.gs-offer-stunning-design-video span img {
    width: 50px;
}
.gs-offer-stunning-design p {
    font-size: 16px;
    line-height: 28px;
    padding: 0 0% 0;
}
.gs-offer-stunning-design h3 {
    font-size: 30px;
    line-height: 38.6px;
    margin: 0 0 10px;
    padding: 0 0% 0;
}
.gs-intro-magic-redesign-top h3 {
    font-size: 35px;
    line-height: 46.6px;
    margin: 0 0 6px;
    padding: 0;
}
.gs-intro-magic-redesign-top p {
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 22px;
}
.gs-intro-magic-right {
    width: 64%;
}
html, body {
    overflow-x: hidden;
}
}
 @media screen and (max-width:991px) {
 .ts-header-nav li a {
 font-size: 16px;
 margin: 0 10px;
}
 .sign-in {
 font-size: 14px;
 padding: 10px 43px 10px 15px;
}
 .ts-nav-btns .btn-con {
 padding: 10px 24px;
 font-size: 14px;
}
.ts-banner-text h1 {
 font-size: 32px;
 line-height: 39.6px;
}

 .ts-peek-tt {
 top: -55px;
 left: 30px;
 font-size: 22px;
}
 .ts-peek-tt::after {
 width: 79px;
 height:39px;
 background-size: 100% 100%;
}
 .ts-peek-right {
 width: 50%;
}
 .ts-peek-left {
 width: 50%;
}
.ts-ai-home ul {
 gap: 10px;
}
 .ts-ai-home li {
 padding: 16px;
 gap: 10px;
}
 .ts-ai-home li span {
 width: 63%;
}
.ts-peek-outer {
 padding: 0 0 40px 0;
}
.ts-images-inner li h2 {
 /* padding: 4px 9px; */
 font-size: 10px;
 top: 10px;
 left: 6px;
}
 .ts-images-inner ul {
 gap: 19px;
}
 .ts-images-inner li h3 {
 padding: 5px 8px;
 font-size: 9px;
 top: 10px;
 left: 6px;
}
 .space-title {
 font-size: 15px;
}
.ts-tabs-space {
 padding: 20px;
 width: 100%;
 order: 1;
}
.ts-tabs-comunities {
 padding: 20px;
 width: 100%;
 order: 1;
}
 .ts-upload-con {
 padding: 10px;
}
.ts-upload-con h3 {
 font-size: 12px;
}
 .ai-upload-image span {
 font-size: 12px;
 line-height: 20.68px;
}
.ts-output-fields label {
 font-size: 12px;
}
 .ts-output-fields select {
 font-size: 12px;
 padding: 12px 10px;
}
 .our-preset-settings-range-list li {
 font-size: 10px;
}
.ai-generate {
 flex-wrap: wrap;
 align-items: center;
}
.ai-generate h2 {
 /* width: 100%; */
 margin: 0 0 1px;
}
label.switch {
 margin: 5px 0;
}
 .ai-generate h2 {
 text-align: left;
}
.title-con {
 font-size: 30px;
}
 .sub-title {
 font-size: 12px;
}
.ts-individuals-left p {
 font-size: 15px;
 line-height: 27px;
}
.ts-individuals-left {
 width: 67%;
}
.btn-con {
 padding: 13px 18px;
 font-size: 13px;
}
.ts-personal-right {
 width: 60%;
}
.ts-title {
 font-size: 23px;
}
 .ts-personal-right p {
 font-size: 14px;
}
.ts-personal-right li {
 font-size: 12px;
 padding: 5px 0 5px 40px;
 width: 47%;
 background-size: 24px;
}
.ts-personal-right ul {
 gap: 10px;
}
.out-more {
 font-size: 13px;
 padding: 11px 47px 11px 20px;
}
.ts-components-con ul {
 gap: 21px;
 flex-wrap: wrap;
}
.ts-components-con li {
 width: 31%;
}
.ts-components-con li h2 {
 font-size: 13px;
 line-height: 21px;
 margin: 12px 0 15px;
}
.ts-components-con {
 padding: 50px 10px 20px;
 margin: 30px 0 0;
}
 .ts-company-good p {
 font-size: 16px;
 line-height: 28px;
}
 .ts-company-con {
 gap: 26px;
}
.ts-company-outstanding {
 padding: 0 15px 30px;
}
.ts-company-outstanding .ts-title {
 margin: 17px 0 10px;
 font-size: 18px;
}
 .ts-redesign-img {
 width: 358px;
}
.ts-redesign-img img {
 width: 333px;
}
.ts-home-design {
 padding: 20px 15px 0px;
}
.ts-design-in {
 padding: 50px 15px 40px;
}
.ts-ai-design {
 margin: 40px 0 0;
 padding: 0 0 40px;
}
.ts-redesign-in {
 margin: 40px 0 0;
}
.ts-ai-design li {
 width: 100%;
}
.ts-saving-design li {
 width: 48%;
}
 .ts-saving-ds .auto-container {
 padding: 0;
}
.ts-furniture .ts-edge-outer p {
 padding: 0;
 font-size: 17px;
 line-height: 1.5;
}
.ts-generation-outer li {
 padding: 16px 15px;
}
.ts-generation-outer ul {
 gap: 10px;
}
.ts-faq {
 padding: 30px 15px 100px;
}
 .ts-faq .auto-container {
 padding: 0;
}
.ts-faq .ts-edge-outer {
 padding: 0 0 14px;
}
 .ts-decorates::before {
 width: 169px;
 height: 100%;
 background-size: cover;
 background-position: left;
}
.ts-decorates::after {
 width: 169px;
 height: 100%;
 background-size: cover;
 background-position: right;
}
.ts-decorates p {
 padding: 20px 22% 0;
 font-size: 16px;
 line-height: 1.5;
}
.ts-device {
 padding: 40px 0 0;
}
.ts-pricing-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.ts-main-price {
 padding:25px 10px 10px;
}
.ts-main-price-ot .ts-main-price{
    padding: 45px 10px 10px;
}
.ts-individual-price-left {
 gap: 10px;
}
.ts-individual-price-left img {
 width: 35px;
}
.ts-individual-price-left h2 {
 font-size: 14px;
}
 .ts-individual-price-right h2 {
 font-size: 25px;
}
 .ts-choice-tt {
 font-size: 13px;
}
.ts-price-detail {
 padding: 22px 10px;
}
.ts-enter-right {
 width: 56%;
}
.ts-gesigns-inner {
 padding: 40px 15px;
    margin: -60px 0 70px;
}

.vs-enterprise-text-column {
    padding: 40px 40px 100px 40px;
}

 .ts-gesigns-inner li h2 {
 font-size: 22px;
 margin: 30px 0 5px;
}
.ts-gesigns-generated {
 padding: 0 0 30px;
}
 .ts-design-in.ts-bring p {
 padding: 30px 9% 0;
 font-size: 16px;
 line-height: 1.5;
}
.ts-nav-footer li a {
 font-size: 14px;
 margin: 5px 0;
}
.ts-footer-logo {
 width: 28%;
}
.ts-bring-generated {
 padding: 0 15px;
}
 .ts-tabs-outer {
 padding: 0px 15px;
}
 .ts-tabs-outer .auto-container {
 padding: 0;
}
.ts-tabs-inner {
 padding: 40px 5px 30px;
}
.mainSection {
 height: 350px;
 padding: 0;
}
.bal-container {
 margin: 0;
}
 .ts-banner-text h1 strong {
 width: 142px;
}

.ts-furniture .owl-carousel .owl-item img{
    height: 300px;
}
.ts-banner-inner {
    padding: 70px 10px 60px;
}
.ts-banner-content-video video {
    border-radius: 10px;
    min-height: 300px;
}


.gs-testimonial-spacing {
    width: 33.33%;
    padding: 7px;
}

.ts-images-inner {
    overflow-X: auto;
    height: unset;
    margin: 25px 0 0;
    white-space: nowrap;
    display: flex;
    z-index: 5;
}
.ts-downld-inner {
    gap: 10px;
}
.ts-images-inner ul {
    min-width: 670px;
}

.gs-offer-btns1092025 {
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
}
.gs-offer-stunning-design {
    padding: 40px 0 20px 0;
}
.gs-offer-stunning-design p {
    font-size: 16px;
    line-height: 26px;
    padding: 0 0% 0;
    margin-bottom: 90px;
}
.gs-offer-stunning-design-video span {
    left: -50px;
    width: 190px;
    font-size: 18px;
    top: -70px;
    rotate: -10deg;
}
.gs-offer-stunning-design-video span img {
    width: 35px;
    right: unset;
    left: 0;
}
.gs-offer-stunning-design-video {
    max-width: 460px;
    padding: 10px;
}
.gs-intro-magic-redesign-top h3 {
    font-size: 30px;
    line-height: 38.6px;
    margin: 0 0 6px;
    padding: 0;
}
.gs-intro-magic-redesign-top p {
    font-size: 16px;
    line-height: 25px;
            margin: 0 0 42px;
}
.gs-intro-magic-left {
    width: 41%;
}
.gs-intro-magic-right {
    width: 59%;
}
}
 @media screen and (max-width:767px) {
 .ts-phone-show {
 display: inline-block;
 vertical-align: top;
 text-align: center;
 width: 100%;
}
.ts-phone-hide {
 display: none !important;
}
.ts-placeholder-left {
 float: none;
 display: inline-block;
 vertical-align: top;
 width: 100%;
 text-align: center;
}
 .ts-banner-text > p {
 padding: 0;
}
 .ts-place-img {
 margin: 30px 0 15px;
}
.ts-placeholder-right {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
    margin: 18px 0 10px;
}
 .ts-trustpilot-content {
 display: inline-block;
 vertical-align: top;
}
.ts-trustpilot-content {
    display: inline-block;
    vertical-align: top;
    padding: 12px 0 0;
}
.ts-trustpilot-content h2 {
 display: inline-block;
}
 .ts-trustpilot-content p {
 display: inline-block;
}
 .ts-banner-text h1 {
 margin: 0 0 20px;
}
.ts-peek-tt {
 display: none;
}
.ts-peek-left {
 width: 100%;
}
 .ts-peek-inner {
 display: inline-block;
 vertical-align: top;
 width: 100%;
}
.ts-peek-right {
    width: 100%;
    border-radius: 0 0 12px 12px;
    border: none;
    margin: 6px 0 0px;
    padding: 10px 20px;
}
.ts-peek-left video {
 width: 100%;
 height: 100%;
 border-radius: 15px 15px 0 0px;
}
.ts-peek-logos ul {
 display: inline-block;
 vertical-align: top;
}
.ts-peek-logos li {
 font-size: 15px;
 width: auto;
 display: inline-block;
 vertical-align: middle;
 margin: 10px;
}
 .ts-peek-logos li:first-child {
 width:100%;
}
 .ts-ai-home ul {
 display: inline-block;
 vertical-align: top;
 width: 100%;
 margin: 30px 0 0 !important;
}
.ts-ai-home li {
 margin: 10px 0;
}
 .tabs label {
    width: 100%;
}
.ts-tabs-outer .tab-content {
    padding: 10px 0;
}
.ts-images-inner {
    height: auto;
    /* min-height: 500px;
    max-height: 1000px; */
}
 .tab-border01 {
 border: 10px solid #1e1633;
 border-radius: 16px 16px 0px 0;
 box-shadow: 0px -0.6px 0px 1px #333;
 position:relative;
}
.tab-border02 {
 border: 10px solid #1e1633;
 border-top: none;
 border-bottom: none;
 box-shadow: 0px 1px 0px 1px #333;
}
.tab-border03 {
 border: 10px solid #1e1633 !important;
 border-radius: 0px 0 16px 16px;
 box-shadow: 0px 0.5px 1px #757575;
 margin: 0;
}
.ts-tabs-comunities {
    width: calc(100% + 20px);
    order: 1;
    overflow: hidden;
    border: 0px solid rgba(255, 255, 255, 0.1);
    margin-top: 30px;
    background: transparent;
    padding: -0;
    border-radius: 0;
    margin-right: -20px;
}
.ts-tabs-space {
    width: 100%;
    order: 1;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.ai-generate h2 {
 width: auto;
}
.ai-generate {
 margin: 9px 0 0;
 align-items: center;
}
.ts-individuals {
    padding: 60px 0 32px 0;
    text-align: center;
}
.ts-individuals-left {
 width: 100%;
 padding: 0 0 30px;
}

 .ts-individuals-left p {
 text-align: center;
 margin: 10px 0 0;
}

.ts-individuals-right {
 width: 100%;
}
.ts-personal-left {
 width: 100%;
}
 .ts-personal-left img {
 width: 100%;
}
 .ts-personal-right {
 width: 100%;
}
.out-more {
	top: inherit;
	bottom: 0;
	border-radius: 15px 15px 0 0px;
	left: 0;
	right: 0;
	width: fit-content;
	margin: auto;
	background-color: #484678;
	padding: 12px 90px 12px 83px;
}
.ts-personal.ts-enterprise {
	padding-bottom:70px;
}
.ts-components-con {
    padding: 10px 0px 40px;
    margin: 30px 0 0;
    border-bottom: 1px solid #e1e1e1;
    border-top: none;
}

.ts-company-good {
 width: 100%;
 text-align: center;
}
.ts-company-con {
    padding: 60px 0 60px;
}
.ts-company-good p {
 text-align: center;
}
 .ts-just-take {
 display: none;
}
.ts-company-outstanding {
 padding: 0 15px 30px;
 width: 100%;
 margin: 30px 0 0;
}
.ts-company-outstanding.ts-comp-inner {
    margin: 12px 0 0;
}
 .ts-redesign-content {
 width: 100%;
 order: 1;
}
.ts-redesign-img {
 width: 607px;
 order: 1;
}
.ts-redesign-img img {
 width: 582px;
}
.ts-redesign-outer {
 margin: 30px 0;
 gap: 20px;
}
.ts-ai-design {
 flex-wrap: wrap;
}
.ts-ai-design li {
 margin: 7px 0;
}
.ts-saving-design li {
 width: 100%;
}
.ts-furniture .owl-carousel .owl-item {
 margin: 0 0 40px;
}
.ts-generation-outer li {

    width: 49%;
}

.ts-generation-outer ul {
 gap: 20px;
 flex-wrap: wrap;
}
 .ts-decorates::before, .ts-decorates::after {
 display:none;
}
 .ts-decorates p {
 padding: 20px 0 0;
 font-size: 16px;
 line-height: 1.5;
}
.ts-placeholder-content {
 flex-wrap: wrap;
}
.ts-faq .ts-device {
    border-bottom: 1px solid #cecece;
    padding-bottom: 60px;
}
.ts-faq {
 padding: 30px 15px 50px;
}
 .ts-pricing-inner {
 gap: 12px;
 flex-wrap: wrap;
 display: flex;
}
 .ts-pricing {
 background: url(../images/pricing-bottom.png) no-repeat center -400px;
}
.ts-pricing-inner li.ts-papular-plan {
    margin: 12px 0;
}
.ts-pricing-inner li.ts-papular-plan .ts-price-detail::after {
 width: 100%;
 height: 100%;
}
 .ts-fastspring {
 padding: 30px 0 0;
}
 .ts-enter-price {
 background: url(../images/design-in-bg.jpg) no-repeat top center;
 background-size: cover;
 padding: 0 0 180px;
}
.ts-enter-price .auto-container {
 padding: 0;
}
.ts-enter-right {
 width: 100%;
 padding: 40px 15px 0;
}
.ts-enter-right p {
 margin: 12px 0 30px;
 font-size: 18px;
 line-height: 28px;
}
.ts-gesigns-inner ul {
 flex-wrap: wrap;
}
 .ts-gesigns-inner li {
 border-bottom: 1px solid rgba(69, 73, 72,0.1);
 padding: 0 0 30px;
 width: 100%;
}
.ts-brands h2 {
    color: rgba(69, 65, 83, 0.61);
    opacity: 100%;
    line-height: 1.7;
}
.ts-gesigns-inner {
    padding: 40px 15px;
    margin-bottom: 10px;
    margin-top: -140px;
}
.ts-brands ul {
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 32px !important;
}
.ts-design-in.ts-bring p {
 padding: 20px 0 0;
 font-size: 16px;
}
.ts-nav-footer {
 width: 100%;
 text-align: center;
 margin: 10px 0;
}
.ts-footer-logo {
 width: 100%;
 text-align: center;
 margin: 0 0 13px;
}
footer {
 padding:100px 0 0
}
.ts-copyright-inner {
 width: 100%;
 text-align: center;
 margin: 0 0 15px;
}
.ts-footer-social {
 width: 100%;
 text-align: center;
}
.ts-footer-social ul {
 justify-content: center;
}
.ts-gesigns-inner li:last-child {
 border: none;
 padding-bottom: 0;
}
.nav-btn {
 display: block;
}
/*.ts-menu-nav ul {
 float: left;
 width: 100%;
 border-bottom: 1px solid #e6e6e6;
 padding: 0 0 10px !important;
}*/
/*.ts-header-nav li {
 float: left;
 width: 100%;
 text-align: center;
 margin: 10px 0;
} */
.ts-menu-nav {
 position: fixed;
 left: 0;
 width: 100%;
 top: 0px;
 z-index: 999;
 background: #fff;
 display: inline-block;
 height: 100%;
 transition: all 0.5s ease;
 height: 0;
 overflow: hidden;
 padding: 0 15px;
}
.ts-nav-btns {
 float: left;
 width: 100%;
 text-align: left;
 padding: 0 15px;
 display: flex;
 flex-direction: column;
 gap: 20px;
 align-items: flex-start;
}
.ts-header-nav li a {
    margin: 0 0px;
}
 .phn-btn {
 display: inline-block;
 width: 100%;
 margin:20px 0 0;
}
 .btn-con.ts-phone-show {
 width: fit-content;
}
.sign-in {
 display: inline-block;
}
/*.open-nav .ts-menu-nav {
 height: 100%;
}*/
 .ts-header-logo.ts-phone-show {
 float: left;
 width: auto;
 padding: 20px 0;
}
 .nav-close-btn {
 display: block;
 float: right;
 margin: 20px 0 0 0px;
}

.ts-downld-inner {
	width: 100%;
}
.ts-banner-inner {
	background: url(../images/phone-banner.jpg) no-repeat top center;
	background-size: 100% 100%;
}	.ts-fastspring-img img {
	background:none;
	padding: 0;
}

.ts-banner-outer {
	padding: 0px 8px;
}

.vs-enterprise-wrapper{
    flex-wrap: wrap;
}
.vs-enterprise-img-column,.vs-enterprise-text-column{
    width: 100%;
}

.vs-enterprise-img-column img{
    max-height: 500px;
}
.vs-enterprise-text-column {
    padding: 32px 20px 200px 20px;
}

.vs-enterprise-text-column-inner{
    max-width: 100%;
}
.ts-peek-inner {
    padding: 8px;
}
.ts-peek-outer .auto-container {
    padding: 0 30px;
	width: 100%;
}
.ts-peek-right li img {
    max-width: 22px;
}
.ts-peek-right li {
    gap: 13px;
    margin: 10px 0;
}
.ts-peek-right li p {
    font-size: 16px;
    margin: 2px 0 0;
}
.ts-peek-right li h2 {
    font-size: 16px;
}
.ts-peek-right li span {
    width: calc(100% - 35px);
}
.ts-peek-logos {
    padding: 40px 0 70px;
}
.ts-tabs-inner {
    padding: 40px 20px 30px;
    overflow: hidden;
}
label.switch {
	width: 54px !important;
    height: 23px;
}
.our-preset-settings-range-list li {
    font-size: 14px;
}
.slider::before {
    height: 19px;
    width: 19px;
    left: 2px;
    bottom: 0px;
}
label.switch .slider.round {
    margin: 0 5px;

}
input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}
.ts-upload-con h3 {
    font-size: 16px;
}
.ts-upload-con {
    padding: 16px;
}
.ts-upload-con.ts-generate .btn-con {
    margin: 8px 0 0;
}
label.switch {
    margin: 7px 0 7px;
}
.space-title {
    font-size: 20px;
}
.ts-personal.ts-enterprise {
    margin: 16px 0 0;
}
.ts-personal {
    padding: 20px;
}
.out-more {
    font-size: 16px;
}
.ts-components-con ul {
    gap: 20px 6%;
    flex-wrap: wrap;
}
.ts-components-con li {
    width: 47%;
}
.comp-admin {
    margin: 24px 0 0;
    padding: 30px 0 0;
}
.quota-img {
    margin: -23px 0 0;
    max-width: 46px;
}
.ts-design-in {
    padding: 60px 20px 60px;
}
.ts-saving-design li {
    border-width: 8px;
}
.ts-saving-design li h2 {
    padding: 0 12px 12px;
}
.ts-saving-design li p {
    padding: 0 12px 20px;
}
.ts-saving-design li h4 {
    margin: 7px 10px;
}
.ts-saving-design {
    gap: 16px;
}
.ts-saving-design li::after {
    top: -17px;
    width: 114px;
    height: 34px;
}

.ts-trusted {
    margin: 0 0 30px;
}
.ts-device {
    padding: 60px 0 0;
}
.ts-trusted p:not(:last-child) {
    margin-bottom: 10px;
}
.ts-main-price {
    padding: 7px 24px 24px;
}
.ts-price-detail {
    padding: 22px 30px;
}
.ts-main-price-ot .ts-main-price {
    padding: 30px 24px 25px;
}
.ts-client {
    padding: 45px 0 0;
}
.ts-gesigns-generated {
    padding: 0 0 60px;
}
.ts-design-in.ts-bring h3.sub-title {
    opacity: 1;
    line-height: 1.6;
}
.ts-design-in.ts-bring p {
    line-height: 1.6;
}

.ts-banner-text h1 {
    text-align: center;
}
.ts-banner-content {
    width: 100%;
    text-align: center;
}
.ts-banner-inner {
    padding: 40px 20px 40px;
}
.ts-banner-content-video {
    width: 100%;
}
.ts-banner-content-video video {
    min-height: auto;
}
.ts-banner-inner-wrapper.auto-container {
    padding: 0;
}
.gsbf-banner-inner .ts-banner-content-video {
    margin-top: 0px;
}
.gs-testimonial-spacing {
    width: 50%;
    padding: 7px;
}
.ts-components-con-tag {
    padding-top: 110px;
}
.components-listing-wrap {
    padding: 0 0 20px;
}
.auto-container:has(.components-listing-wrap) > br {
    display: none;
}

.gs-offer-btns1092025 {
    gap: 20px;
    flex-direction: unset;
    align-items: center;
    justify-content: center;
    text-align: left;
}
.gs-intro-magic-left {
    width: 100%;
}
.gs-intro-magic-right {
    width: 100%;
}
.gs-intro-magic-left ul {
    padding-bottom: 10px !important;
}
.gs-intro-magic-left li {
    margin-bottom: 13px;
}
.gs-intro-magic-redesign {
    padding: 45px 0 35px;
    margin-top: 0px;
}
}

 @media screen and (max-width:639px) {
 .ts-peek-outer {
 padding: 0 0 10px 0;
}
 .tabs label {
 display: inline-block;
}
.lab-div {
 margin: 2px 0;
}
 .tab-border01 {
 border-radius: 16px 16px 0px 0 !important;
}
.tab-border02 {
    margin: 0px 0;
}
 .tab-border03 {
 border-radius: 0px 0 16px 16px !important;
}
 .tab-content-wrapper {
 margin: 15px 0 0;
}
 .ts-images-inner li {
 /* width: 100%; */
}
.ts-images-inner ul {
    gap: 12px;
    min-width: 490px;
}
.ts-images-inner li {
    width: 48%;
}

.ts-redesign-img {
 width: 452px;
}
.ts-redesign-img img {
 width: 425px;
}
.title-con {
 font-size: 24px;
}
.title-con br {
 display:none;
}
.ts-edge-outer .rw-words.rw-words-1 span
{
    text-align: center;
}
 .ts-ai-design {
 margin: 23px 0 0;
 padding: 0 0 22px;
}
p {
 font-size: 17px;
 line-height: 1.5;
}
 .ts-saving-design {
 margin: 30px 0 0px;
}
 .ts-company-con.ts-company-gd .ts-company-outstanding.ts-comp-inner {
 margin: 30px 0 0;
}
.ts-furniture {
    padding: 0 0 30px;
}
.ts-furniture::before {
 width: 126px;
 height: 60%;
}
 .ts-furniture::after {
 width: 126px;
 height: 60%;
}
 .ts-furniture .owl-carousel .owl-item {
 padding: 0 15px;
}
.ts-edge-outer {
 padding: 0 0 10px;
}
.ts-generation-outer li {
	padding: 24px 24px;
 width: 100%;
}
 .ts-generation-outer {
 margin: 20px 0 0;
}
 .tab__label, .tab__close {
 font-size: 16px;
}
.tab__label {
 padding: 20px;
 position: relative;
 padding-right: 40px;
}
.tab__label::after {
 position: absolute;
 right: 12px;
}
.tab__content p {
 padding: 7px 20px;
 font-size: 16px;
}
.ts-design-in.ts-decorates {
 margin: 40px 0 0;
}
 .ts-pricing-inner {
 margin: 20px 0 0;
}
.ts-saving-ds::after, .ts-components::after, .ts-gesigns-generated::after {
 display: none;
}
.lab-div span {
 width: 26px;
}
.tabs label {
 font-size: 15px;
}
.lab-div {
    padding: 14px 20px 13px;
    margin: 0 0px;
    display: flex;
    align-items: center;
}
.tabs label span {
    margin: 0px 12px 0px 0px;
}
 .ts-bg-according {
 position: relative;
 padding: 0;
}
.ts-bg-according::after {
 background:url(../images/round-img.png) no-repeat top center;
 content:"";
 position:absolute;
 top:0;
 height:100%;
 width:100%;
 right:0;
 background-size:100% 100%;
}
.ts-bg-according .ts-edge-outer {
 padding: 0 15px 10px;
}
.ts-bg-according .ts-generation-outer {
 padding: 0 15px;
}
 .ts-bg-according::before {
 background: url(../images/round-img2.png) no-repeat top center;
 content: "";
 position: absolute;
 top: 0;
 left:0;
 height: 100%;
 width: 100%;
 background-size: 100% 100%;
}
 .mainSection {
 height: 310px;
}
.ts-place-text h2 {
	font-size: 15px;
}

.ts-banner-text > p {
	font-size: 15px;
	line-height: 22px;
}

.ts-peek-outer {
	background-size: 120% 90%;
}
.ts-ai-home li {
	padding: 20px;
	gap: 20px;
}

.ts-ai-home li span {
    width: calc(100% - 74px);
}
.sub-title {
	font-size: 15px;
}
.ai-upload-image {
	min-height: 120px;
}

.ai-upload-image span {
	font-size: 15px;
}.ts-individuals-left p {
	font-size: 16px;
	line-height: 27px;
}.btn-con {
	padding: 18px 18px;
	font-size: 16px;
}
.ts-title {
	font-size: 20px;
}
.ts-personal-right p {
	font-size: 16px;
}

.ts-personal-right li {
	font-size: 16px;
}

.ts-tabs-outer {
	background-size: 100% 75%;
}.ts-components-con li h2 {
	font-size: 15px;
	line-height: 24px;
}
.ts-company-outstanding .ts-title {
	font-size: 20px;
}
.ts-edge-outer p {
	font-size: 16px;
	line-height: 25.6px;
}

.ts-company-con.ts-company-gd {
	padding-bottom: 0;
}.ts-furniture-in.ts-edge-outer {
	border-top: none;
	padding: 40px 0 30px;
}

.ts-generation-outer li h3 {
	font-size: 16px;
}


.ts-pricing {
	background-size: 100% 170%;
	padding-bottom: 30px;
}

.ts-gesigns-inner li h2 {
	font-size: 24px;
	margin:11px 0 0;
}
.ts-gesigns-inner li h3 {
	font-size: 16px;
}.ts-design-in.ts-bring p {
	padding: 20px 0 0;
	font-size: 20px;
}.ts-nav-footer {
	width: 100%;
	text-align: center;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 30px 0;
}
.ts-nav-footer li a {
    font-size: 15px;
    margin: 9px 0;
}
.ts-footer-logo {
    margin: 0 0 31px;
}
	.ts-nav-footer:last-child
	{
		padding-bottom:0;
	}
	.ts-redesign-in .btn-con {
		width: 100%;
		margin: 0;
		padding: 18px 18px;
	}
	.ts-furniture .owl-carousel .owl-item {
		padding: 0 2px;
	}
	.ts-furniture .owl-carousel .owl-item img {
		border: 8px solid #fff;
	}
	.ts-copyright {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		margin: 30px 0 0;
	}
	.ts-footer-logo img {
		width: 241px;
	}

.gs-testimonial-update {
    padding: 0 0 40px 0;
}
.gs-offer-banner1352025 .ts-banner-text .gs-offer-btns1092025 .btn-con {
    padding-left: 10px;
    padding-right: 10px;
}
.gs-offer-stunning-design-video span {
    left: 0;
    width: 210px;
    font-size: 20px;
    top: -103px;
    rotate: -0deg;
    margin: auto;
    right: 0;
}
.gs-offer-stunning-design-video span img {
    width: 35px;
    right: 0;
    left: 0;
    rotate: 60deg;
    margin: 10px auto 0;
}
.gs-offer-stunning-design p {
    margin-bottom: 110px;
}
.gs-intro-magic-redesign-top p {
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 25px;
}
.gs-intro-magic-left li p {
    font-size: 15px;
}
}
 @media screen and (max-width:479px) {
 .ts-redesign-in {
 margin: 32px 0 0;
 width: 100%;
}
.ts-redesign-in .btn-con {
 width: 100%;
}
.ts-redesign-img {
 width: 338px;
}
.ts-redesign-img img {
 width: 313px;
}
.ts-personal-right li {
 width: 100%;
}

.ts-banner-text {
 margin: 0 0 0px;
}
.ts-banner-text .btn-con {
 width: 100%;
}
.btn-con {
 display:inline-block;
 width: 100%;
 vertical-align: top;
 text-align:center;
}
.ts-enter-price {
 padding: 0 0 150px;
}

.ts-redesign-img {
    width: 100%;
}
.ts-redesign-img img {
 width: 100%;
}
.bal-handle {
    /* margin-left: -24px; */
}

.mainSection {
 height: 260px;
}.ts-magni h4 {
	font-size: 11px;
}


.ts-upload-con.ts-generate .btn-con {
	font-size: 15px ;
}
.slider-screen .gs-image-editing-slide-project {
    display: none;
}

.gs-intro-magic-redesign-top h3 {
    font-size: 25px;
    line-height: 33.6px;
    margin: 0 0 6px;
    padding: 0;
}
.gs-offer-stunning-design h3 {
    font-size: 25px;
    line-height: 32.6px;
    margin: 0 0 5px;
    padding: 0 0% 0;
}
.gs-offer-btns1352025 {
    padding: 10px 0 0;
    flex-direction: column;
}
}




/*media queries for home updates oct 12 2024*/

@media (max-width: 1399.98px) {


/*rp for home update 1200-1399*/
.ts-banner-inner-wrapper{
    align-items: center;
}

.vshome-trust-members-col img {
    min-width: auto;
    width: 70px;

}



.vshome-trust-members-details h6 {
    font-size: 14px;
    line-height: 18px;
}

.vshome-trust-members-col.trust-pilot {
    padding: 0px 0 0 15px;
}

.vshome-trust-members-col {
    padding: 0 15px 0 0;
}

.vshome-peal-counter-title {
    font-size: 36px;
    padding: 20px 0 15px;
}

.vshome-works-steps-top-wrap .title-con {
    padding: 20px 0 0 0;
}

.ts-pricing.vsu-section-has-toolnip {
    padding:0 0 40px 0;
}

.ts-banner-text h1{
    font-size: 48px;
    line-height: normal;
}

/*rp for home update 1200-1399*/


.gs-testimonial-spacing {
    width: 100%;
    padding: 7px 0;
}

.ts-images-inner li > img {
    height: 250px;
}
}



@media (max-width: 1199.98px) {

/*rp for home update 992 - 1200*/

.ts-banner-text h1 {
    font-size: 42px;
    line-height: normal;
}

.vshome-hero-image-box {
    height: 420px;
}

.vshome-trust-members-col {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.vshome-trust-members-col.trust-pilot {
    flex-direction: column;
}

.ts-banner-content {
    padding: 0 35px 0 0;
}

.vshome-peak-counter-inner {
    padding: 50px 20px;
}

.vshome-peal-counter-title {
    font-size: 34px;
    padding: 15px 0px;
}

.vshome-peak-counter-grid {
    gap: 20px;
    grid-gap: 20px;
}

.vshome-works-steps-grid{
    gap: 25px;
    grid-gap: 25px;
}
.vshome-works-steps-flex{
    flex-wrap: wrap;
}

.vshome-works-steps-details {
    width: 100%;
    padding: 15px 0 0 0;
}

.vshome-peal-counter-img, .vshome-works-steps-icon {
    width: 55px;
    height: 55px;
}

.vshome-works-steps-flex .vshome-works-steps-icon span {
    font-size: 22px;
}

.vshome-works-steps-gridbox {
    padding: 36px 20px 25px;
}

.ts-tabs-outer {
    padding: 0 20px;
    background-size: 100%;
}

.vshome-about-news-reviews-wrapper {
    padding: 42px 0 0 0;
}

.vshome-about-news-reviews-grid {
    gap: 20px;
    grid-gap: 20px;
}
.vshome-about-news-reviews-grid-item{
    padding: 30px 20px;
}

.ts-components-con .title-con {
    padding: 0 0 52px 0;
}

.vshome-header-strip {
    line-height: 22px;
    font-size: 15px;
}

.vshm-dropdown-menu li {
    padding: 0 8px;
}
.ts-nav-btns li a {
    margin: 0 20px 0 0px;
}

.vshm-dropdown-menu {
    margin: 0 -8px !important;
    padding: 0 20px !important;
}

.vshm-dropdown-menu li
 button, .vshm-dropdown-menu li a {
    font-size: 16px;
}
.ts-header-nav li a {
    font-size: 16px;
    margin-bottom: 2px;
}
.vshm-dropdown-menu .dropdown-menu{
    padding: 20px !important;
}

.vshm-dropdown-menu .dropdown-menu .dropdown-item .dropdown-item-icon {
    width: 40px;
    height: 40px;
    margin: 0 12px 0 0;
    padding: 5px;
}
.vshm-dropdown-menu .vshm-main-menu-item .dropdown-menu .dropdown-item{
    font-size: 15px;
}

.ts-images-inner li > img {
    height: 240px;
}
/*Interior page css start*/
.interior-upload-right {
    padding: 40px;
}
.vshome-trust-members-col.trust-pilot {
    border-left: 0px solid rgba(106, 103, 117, 0.31);
}
.interior-design-top {
    padding: 45px 0 36px;
}
/*Interior page css end*/
.components-listing-wrap ul {
    gap: 15px;
}
.components-listing-wrap li {
    font-size: 16px;
    padding: 10px 9px 10px 11px;
    border-radius: 13px;
}
.components-listing-wrap li span {
    padding: 0 0 0 13px;
}
.components-listing-wrap li span br{
    display: none;
}
.ts-components.offercomponents {
    margin-top: 30px;
    padding-top: 40px;
}

/*New offer table comparision css start*/
.ct-start {
    min-width: 150px;
}
.vshome-comparision-table th {
    padding: 15px 10px;
}
.vshome-comparision-table th:first-child {
    padding-left: 10px;
}
.vshome-comparision-table td {
    padding: 15px 10px;
}

/*New offer table comparision css end*/
/*New offer banner update css start*/
.gs-offer-banner1352025 .ts-banner-text .btn-con {
    min-width: 160px;
}
.gs-offer-btns1352025 .btn-con.btn-con-unfill {
    min-width: 140px;
}
.gs-offer-trust-right span {
    font-size: 12px;
    line-height: 16px;
    padding: 3px 0 0;
}
.gs-offer-trust-icon {
    height: 54px;
    width: 54px;
    border-radius: 14px;
}
.gs-offer-trust-right li {
    min-width: 64px;
    padding: 0 3px 0;
}
.gs-offer-trust-right {
    padding-left: 10px;
}
.gs-offer-components li span {
    font-size: 13px;
    line-height: 19px;
    padding-left: 10px;
}
.gs-offer-components ul {
    gap: 17px 13px;
}
.gs-offer-steps-columns::before {
    right: -58px;
}
.gs-offer-reviews-left {
    width: 30%;
    padding: 0 15px 0 0;
    align-self: unset;
}
.gs-offer-reviews-right {
    width: 70%;
}
.gs-offer-reviews-outer {
    grid-template-columns: repeat(2, 2fr);
}
/*New offer banner update css end*/
/*Lifetime page page start*/
.single-payment-left ul {
    grid-template-columns: repeat(3, 1fr);
}
.single-payment-box-left {
    width: 70%;
}
.lifetime-forever-bts strong {
    font-size: 27px;
}
.btn-con.btn-con-included {
    padding: 20px 26px 20px 26px;
}
.ts-redesign-in.ts-redesign-indeal .btn-con {
    margin: 0 6px;
    min-width: 210px;
}
/*Lifetime page page end*/
}


@media (max-width: 991.98px) {


.ts-banner-outer.vshome-heros-section .ts-banner-inner {
    padding: 127px 5px 55px;
}
.ts-banner-content .vshome-ts-subtext {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 2.68px;
}

.ts-banner-text h1 {
    font-size: 36px;
    margin: 0;
}

.vshome-hero-image-box {
    height: 360px;
}

.ts-banner-outer.vshome-heros-section .ts-banner-text > p {
    padding: 10px 0%;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}

.vshome-trust-members-wrapper {
    padding: 20px 0 0 0;
    flex-wrap: wrap;
}
.vshome-trust-members-col{
    width: 100%;
    padding: 0 0 15px 0;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    border-right: 0;
}

.vshome-trust-members-col.trust-pilot{
    width: 100%;
    padding: 15px 0 0 0;
}

.ts-banner-content {
    padding: 0 30px 0 0;
}

.vshome-trust-members-col {
    gap: 5px;
}

.vshome-peal-counter-title {
    font-size: 26px;
    padding: 15px 0px;
}
.vshome-peal-counter-text {
    font-size: 15px;
}

.vshome-works-steps-wrapper {
    /* padding: 50px 0 0 0; */
}

.vshome-works-steps-grid {
    padding: 45px 0 0 0;
}

.vshome-works-steps-gridbox {
    padding: 30px 20px;
}

.vshome-works-steps-hero-image {
    padding: 20px 0 0 0;
    margin: auto 0 0 0;
}

.vshome-works-steps-details-text {
    font-size: 15px;
}

.vshome-about-news-reviews-grid {
    grid-template-columns: repeat(3, 1fr);
}

.ts-pricing.vsu-section-has-toolnip {
    padding: 0 0 30px 0;
}

.vshm-headerxd .ts-header-nav .nav-btn, .vshm-headerxd .ts-header-nav .nav-close-btn{
    display: block;
}

.vshm-headerxd .ts-menu-nav {
 position: fixed;
 left: 0;
 width: 100%;
 top: 0px;
 z-index: 999;
 background: #fff;
 display: inline-block;
 height: 100%;
 transition: all 0.5s ease;
 height: 0;
 overflow: hidden;
 padding: 0 15px;
}

.open-nav .vshm-headerxd .ts-menu-nav {
 height: 100%;
}

.vshm-dropdown-menu {
    margin: 0 !important;
    padding: 20px 20px 0 !important;
    display: block;
}
.ts-nav-btns {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    padding: 0 20px;
}
.vshm-dropdown-menu li {
    display: block;
    padding: 0 0 18px 0;
}
.vshm-dropdown-menu li:last-child{
    padding: 0;
}

.vshm-headerxd .ts-header-nav .nav-close-btn {
    margin: 0 0 0 auto;
}

.vshm-dropdown-menu .dropdown-menu {
    position: unset !important;
    width: 100%;
    min-width: 100%;
    transform: unset !important;
    background: #f7f7f7;
    border-radius: 0;
    margin: 20px 0 0 0 !important;
}

.vshm-dropdown-menu li button, .vshm-dropdown-menu li a{
    margin: 0;
}

.vshm-headerxd .ts-header-logo.ts-phone-show{
    display: block;
    padding: 20px 0 0 0;
    float: unset;
    text-align: left;
}

.vshm-headerxd .ts-menu-nav .nav-close-btn{
    float: unset;
}

.vshome_upload_field_inner h3 {
    font-size: 22px;
    max-width: 75%;
}

.vshome_upload_field_inner p {
    font-size: 16px;
}
/*Interior page css start*/
.upload-form-row.upload-form-row-half {
    width: 100%;
}
.interior-upload-right {
    padding: 20px;
}
.interior-design-bottom {
    padding: 74px 0% 0;
}
.interior-design-bottom .vshome-trust-members-wrapper {

    flex-wrap: unset;
}
.reimagine-outer {
    padding: 80px 0 0;
}
.interior-upload-hero-section .vsuft-relist-listcol {
    padding: 0 0 0 30px;
}
.upload-space-field {
    padding: 20px 7px;
}
.interior-total-inner {
    border-radius: 8px;
    padding: 6px 8px;
    font-size: 11px;
}
/*Interior page css end*/
/*New offer table comparision css start*/
.ct-icon-outer {
    width: unset;
}
.vshome-comparision-table thead span {
    min-width: 52px;
    white-space: nowrap;
}
.vshome-comparision-table td {
    padding: 10px 10px;
}
.vshome-comparision-table td {
    padding: 10px 10px;
}
.ct-start-heading {
    font-size: 13px;
    line-height: 1.4;
}
.ct-start-content {
    padding-left: 5px;
}
/*New offer table comparision css end*/
/*New offer banner update css start*/
.gs-offer-components ul {
    grid-template-columns: repeat(3, 1fr);
}
.gs-offer-components {
    padding: 45px 0 20px;
}
.gs-offer-steps-icon {
    width: 53px;
    height: 53px;
    padding: 12px;
}
.gs-offer-steps-outer {
    padding: 19px 20px;
    border-radius: 20px;
}
.gs-offer-steps-text {
    padding-left: 14px;
}
.gs-offer-steps-text p {
    font-size: 14px;
}
.gs-offer-steps-columns::before {
    display: none;
}
.gs-offer-trust-right li {
    min-width: 64px;
    width: 33.33%;
    padding: 0 10px 0;
}
.gs-offer-trust-right ul {
    gap: 20px 0px;
}
.offer-feature-slider {
    margin: 10px 0 0px;
}
.gs-offer-trust-outer .vshome-trust-members-col.trust-pilot {
    padding-left: 0;
    border: none;
}
.gs-offer-banner1352025 .ts-banner-text .btn-con {
    min-width: 130px;
    padding-left: 10px;
    padding-right: 10px;
}
.gs-offer-btn-offer {
    padding-right: 50px;
}
.gs-offer-btns1352025 .btn-con.btn-con-unfill {
    min-width: 110px;
}
.ts-banner-outer.vshome-heros-section.gs-offer-banner1352025 .ts-banner-inner {
    padding-bottom:15px;
}
.gs-offer-btns-badge1352025 img {
    margin: 4px 0px 0 4px;
    width: 20px;
}
.gs-offer-btns-badge1352025 {
    top: -6px;
}
/*New offer banner update css end*/
/*magic redesign promotion offer css start*/
.ts-magic-offer-wrapper {
    padding: 10px 10px;
    margin-bottom: 30px;
    margin-top: -40px;
}
.ts-magic-offer-right {
    padding: 0 0 0 12px;
}
/*magic redesign promotion offer css end*/

/*academy page css start*/
.academy-banner-content-top h1 {
    font-size: 43px;
    margin: 0 0 7px;
}
.academy-banner-content-top p {
    font-size: 18px;
    line-height: 29px;
}
.noticebar-inner {
    font-size: 12px;
    line-height: 19px;
}
.academy-banner-spots-taken {
    padding: 16px 0 32px;
}
.academy-banner-spots-claim-guarantee p {
    font-size: 16px;
    line-height: 25.25px;
    margin: 0;
}
.academy-payment-top h2 {
    font-size: 30px;
    line-height: 40.4px;
}
.academy-banner {
    padding: 22px 0 42px;
}
.academy-payment-column h5 {
    font-size: 38px;
}
.academy-payment-column.academy-payment-column2 h5 {
    font-size: 28px;
    margin: 16px 0;
}
.reminder-content h2 {
    font-size: 30px;
    line-height: 35px;
    margin: 0 0 6px 0;
}
.reminder-content-total-val {
    font-size: 16px;
}
.reminder-content-total-val strong {
    font-size: 16px;
}
.reminder-content-total-val.reminder-content-total-invest {
    font-size: 18px;
}
.reminder-content-total-val.reminder-content-total-invest strong {
    font-size: 20px;
}
.results-guarantee-outer {
    padding: 20px;
}
.results-guarantee-right h3 {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 13px;
}
.results-guarantee-right p {
    font-size: 15px;
    line-height: 26.25px;
}
.academy-testimonials h2 {
    padding: 0 0 0px;
    margin: 00 0 4px;
    font-size: 30px;
    text-align: center;
}
.academy-testimonial-column {
    padding: 18px;
}
.academy-testimonial-column p {
    font-size: 16px;
    line-height: 25.25px;
    margin: 11px 0 11px;
}
.academy-testimonial-column h4 {
    font-size: 16px;
    line-height: 28px;
}
.academy-faq-outer {
    padding: 30px 0;
}
.academy-faq-outer h3 {
    padding: 0 0 6px;
    font-weight: bold;
    margin: 00 0 4px;
    font-size: 30px;
}
.academy-design-business-inner h2 {
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 7px;
}
.academy-design-business-inner  p {
    font-size: 20px;
    line-height: 28px;
    opacity: .9;
    margin: 0 0 20px;
}

.academy-banner-guarantee .academy-banner-spots-claim-guarantee {
    margin-top: -30px;
    margin-bottom: 0px;
}
.replay-academy-banner .gs-special-ban-video-wrapper {
    margin: 20px auto;
}
/*academy page css end*/
/*Lifetime page page start*/
.single-payment-left ul {
    grid-template-columns: repeat(2, 1fr);
}
.single-payment-left li {
    align-items: center;
    display: flex;
}
.lifetime-forever-bts strong {
    font-size: 25px;
}
.ts-redesign-in.ts-redesign-indeal .btn-con {
    margin: 0 6px;
    min-width: 170px;
    padding: 15px 20px;
}
.ts-pricinglifetime .vsu-compare-outer.vshomepage-compare-outer {
    padding-top: 10px;
}
.ts-faq.lifetime-faq {
    padding-bottom: 0;
}
/*Lifetime page page end*/
}


@media (max-width: 767.98px) {


.ts-banner-content{
    padding: 0 0 30px 0;
}

.vshome-hero-image-col {
    width: 100%;
}

.vshome-peak-counter-grid {
    gap: 20px;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.vshome-works-steps-grid {
    grid-template-columns: 1fr;
}

.vshome-works-steps-hero-image img {
    width: 100%;
}

.vshome-about-trustpilot-widget {
    padding: 50px 0 0;
}

.vshome-about-news-reviews-grid {
    grid-template-columns: repeat(2, 1fr);
}

.vshomepage-compare-toggle-flex label.switch {
    margin: 0 10px;
    width: 80px !important;
    height: 30px;
}

.vshomepage-compare-toggle-flex .switch .slider.round::before {
    height: 22px;
    width: 22px;
    left: 2px;
    bottom: 2px;
}

.vshomepage-compare-toggle-flex .switch .slider.round {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    width: 70px;
}

.vshome_upload_field_inner h3 {
    font-size: 18px;
    font-weight: 500;
}

.vshome_upload_field_inner_flex {
    display: flex;
    padding: 0 0 14px 0;
}


.vshome-trust-members-col {
    align-items: center;
}
.ts-banner-content .vshome-trust-members-wrapper {
    display: none;
}
.ts-banner-content-video .vshome-trust-members-wrapper {
    display: flex;
}
.tab input:checked ~ .tab__content {
    max-height: 1200px;
    padding: 10px 0 20px;
}
/*Interior page css start*/
.interior-upload-left {
    width: 100%;
    padding: 20px 20px;
    border-right: 0px solid  rgba(136, 127, 160, 0.26);
}

.interior-upload-right {
    padding: 20px;
    width: 100%;
    border-radius:40px 40px 40px 40px;
}
.vsuft-relist-section.interior-upload-hero-section {
    padding: 60px 0 70px;
}
.interior-upload-hero-section .vsuft-relist-listcol {
    padding: 0 0 20px 0px;
}
/*Interior page css end*/
.components-listing-wrap ul {
    grid-template-columns: repeat(2, 1fr);
}
/*New offer table comparision css start*/
.mobile-hide {
    display: none;
}

/*New offer table comparision css end*/

/*New offer banner update css start*/
.gs-offer-logos::before, .gs-offer-logos::after {
    width: 70px;
}
.gs-offer-steps-outer {
    padding: 19px 10px;
    border-radius: 20px;
    gap: 0;
}

.gs-offer-steps-columns {
    width: 33.33%;
    padding: 0 10px;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    flex-direction: column;
}
.gs-offer-steps-text h3 {
    font-size: 16px;
    line-height: 19.6px;
    margin: 5px 0 0;
}
.gs-offer-steps-text p {
    font-size: 13px;
    line-height: 19px;
}
.gs-offer-steps-icon {
    width: 48px;
    height: 48px;
    padding: 12px;
}
.gs-offer-steps-text {
    padding-left: 0;
}
.gs-offer-components ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.gs-offer-components {
    padding: 25px 0 10px;
}
.gs-offer-logos-slide {
    padding: 11px;
}
.gs-offer-logos {
    margin: 20px auto 20px;
}
.gs-offer-btns1352025 {
    padding: 10px 0 0;
}
.offer-feature-slider .offer-feature-slide {
    padding: 7px 10px;
    font-size: 15px;
}
.gs-offercomponents13525 .vshome-peak-counter-wrapper {
    padding: 0px 0 40px;
}
.vshome-peak-section.gs-offer-peak-section .ts-components-con {
    border-bottom: 0;
}
.vshome-peak-section.gs-offer-peak-section {
    padding-bottom: 10px;
}
.gs-offer-banner1352025 .ts-banner-text .btn-con {
    padding-left: 30px;
    padding-right: 30px;
}
.gs-offer-trust-outer .vshome-trust-members-col {
    width: 50%;
    padding: 0 10px 0px 0;
    align-items: flex-start;
}
.gs-offer-trust-outer .vshome-trust-members-col.trust-pilot {
    width: 50%;
    padding: 0px 0 0 10px;
}

.gs-offer-trust-outer .vshome-trust-members-details h6 {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
}
.gs-offer-trust-outer .vshome-trust-members-details span {
    font-size: 12px;
    line-height: 15px;
}
.gs-offer-trust-outer .vshome-trust-members-col.trust-pilot {
    align-items: flex-start;
}
.gs-offer-trust-outer {
    padding-top: 13px;
}
.vshome-trust-members-details spam {
    display: none;
}
.gs-offer-btns1352025 span,
.gs-offer-btn-offer {
    display: none;
}
.gs-offer-mobile-btn {
    display: block;
    padding: 20px 0 0;
    text-align: center;
}
.gs-offer-trust-right span {
    padding: 4px 0 0;
}
.gs-offer-trust-right ul {
    gap: 10px 0px;
}
.gs-offer-trust-right span br
{
    display: block;
}
.gs-offer-reviews-left {
    width: 100%;
    padding: 0 0px 15px 0;
    text-align: center;
}
.gs-offer-reviews-left img {
    margin-left: 0;
}
.gs-offer-reviews-wrapper {
    flex-wrap: wrap;
}
.gs-offer-reviews-right {
    width: 100%;
}
/*New offer banner update css end*/
/*magic redesign promotion offer css start*/
.ts-magic-offer-right strong {
    font-size: 14px;
}
.ts-magic-offer-right p {
    font-size: 14px;
}
.ts-magic-offer-left {
    padding: 10px;
    height: 50px;
    width: 50px;
}
.ts-magic-offer-wrapper {
    margin-top: -30px;
}
.ts-magic-offer-right {
    padding: 0 0 0 12px;
    width: calc(100% - 50px);
}
/*magic redesign promotion offer css end*/

/*academy page css start*/
.academy-banner-content-top h1 {
    font-size: 33px;
    margin: 0 0 7px;
}
.academy-banner-content-top p {
    font-size: 16px;
    line-height: 25px;
    margin: 10px 0 10px;
}
.academy-banner-spots-claim-guarantee {
    margin: 25px auto 0px;
}
.academy-payment-flex {
    display: flex;
    gap: 19px;
    padding: 2px 0 0;
    align-items: flex-start;
    flex-direction: column;
}
.academy-payment-column {
    padding: 42px 16px 15px;
    width: 100%;
}
.academy-banner-spots-taken-inner h2 {
    font-size: 20px;
    line-height: 26px;
}
.academy-banner-spots-taken-inner p {
    font-size: 16px;
    line-height: 26px;
}
.academy-payment-option-outer {
    padding: 27px 0 30px;
}
.academy-banner {
    padding: 22px 0 22px;
}
.academy-testimonials-flex {
    gap: 15px;
    grid-template-columns: repeat(1, 1fr);
}
.academy-testimonials {
    padding: 15px 15px;
}
.academy-testimonials > p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 17px;
}
.academy-faq-heading {
    font-size: 16px;
    line-height: 27px;
    padding: 15px 35px 15px 15px;
}
.academy-faq-content {
    font-size: 14px;
    line-height: 24px;
    padding: 0px  15px 15px 15px;
}
.academy-faq-heading::before {
    right: 20px;
    top: 26px;
}
.academy-design-business-inner {
    padding: 37px 15px 40px;
}

.academy-modal-heading {
    font-size: 24px;
    padding: 26px 0 70px;
}
.academy-modal-content {
    margin: -50px 10px 15px;
    padding: 20px;
}
.academy-modal-content p {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
}
.academy-modal-content a {
    font-size: 17px;
    line-height: 32px;
    margin: 15px 0 12px;
    width: 320px;
    padding: 10px 20px;
    max-width: 100%;
}
.modal-content.academy-modal-wrapper .precision_suggestion_closebt {
    margin: 0;
}
.modal-content.academy-modal-wrapper .mdl-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*academy page css end*/

/*Lifetime page page start*/
.single-payment {
    padding: 25px 0 25px;
}
.single-payment-box {
    padding: 20px 20px;
        border-radius: 22px;
}
.single-payment-left {
    width: 100%;
    padding-right: 0;
    padding-bottom: 30px;

}
.single-payment-right {
    border-radius: 18px;
    padding: 15px;
    width: 100%;
}
.single-payment-right h4 strong {
    font-size: 21px;
}
.single-payment-right h4 {
    font-size: 15px;
}
.lifetime-forever-bts {
    padding: 20px;
    margin-bottom: 30px;
}
.lifetime-forever-bts strong {
    font-size: 21px;
}
.lifetime-forever-bts a {
    font-size: 15px;
    padding: 14px 13px;
    border-radius: 8px;
}
.ts-redesign-in.ts-redesign-indeal {
    margin-top: 20px;
}
.ts-redesign-in.ts-redesign-indeal .btn-con {
    margin: 0 4px;
    min-width: 150px;
    padding: 12px 13px;
    font-size: 14px;
}
.pricing-features-watermarks ul {
    grid-template-columns: repeat(3, 1fr);
}
.workflow-text {
    font-size: 15px;
    line-height: 1.2;
    padding: 18px 0;
}
.single-payment.single-payment-footer {
    padding-top: 30px;
    padding-bottom: 30px;
}
.ts-gesigns-generated .lifetime-forever-bts {
    margin-top: 30px;
}
/*Lifetime page page end*/
 }



@media (max-width: 639px) {

.vshome-peak-counter-grid {
    gap: 20px;
    grid-gap: 20px;
    grid-template-columns: 1fr;
}

.vshome-about-news-reviews-grid {
    grid-template-columns: 1fr;
}

.vshomepage-compare-toggle-flow {
    position: unset;
}

.vshomepage-compare-toggle-flex {
    flex-wrap: wrap;
    justify-content: center;
}

.vshomepage-compare-toggle-flow {
    position: unset;
    width: 100%;
    padding: 20px 0 0 0;
    justify-content: center;
}

.vsu-compare-outer.vshomepage-compare-outer {
    padding: 45px 0 0 0;
}

.ts-banner-outer.vshome-heros-section .ts-banner-inner {
    padding: 110px 5px 40px;
}

.vshome-peak-counter-wrapper {
    padding: 62px 0 0 0;
}

.vshome-peal-counter-gridbox {
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgba(69, 73, 72, 0.1)
}
.vshome-peal-counter-gridbox:last-child{
    padding: 0;
    border: 0;
}

.vshome-works-steps-top-wrap .title-con br {
    display: block;
}

.title-con {
    font-size: 28px;
}

.vshome-peak-section {
    padding: 60px 0px;
}

.vshome-about-tpreviews {
    padding: 40px 0 0 0;
}

.ts-pricing.vsu-section-has-toolnip {
    padding: 0 0 20px 0;
    background-size: 100% 100%;
}

.ts-gesigns-generated .vshome-peak-counter-inner {
    margin: -120px 0 60px;
}

.ts-banner-text h1 {
    font-size: 32px;
    margin: 0;
}

.vshomepage-compare-toggle-flow span {
    font-size: 20px;
}

.vshm-dropdown-menu,.vshm-dropdown-menu .dropdown-menu {
    padding: 20px 15px 0 !important;
}
.ts-nav-btns {
    padding: 0 15px;
}

.vshome_upload_field_inner p {
    font-size: 15px;
}

.vshome_upload_field_inner h3 {
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 0 12px;
}

.vshome_upload_need_toup {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin: 0;
}

.vshome_upload_field_inner_flex {
    padding: 0 0 10px 0;
}
/*Interior page css start*/
.reimagine-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    padding: 10px 0 0;
}
.reimagine-block {
    padding: 20px 20px;
}
.vsu-faq-section.vsuft-faqs.interior-upload-faq {
    padding-top: 0;
}
.interior-design-bottom .vshome-trust-members-wrapper {
    flex-wrap: wrap;
    text-align: center;
}
body:has(.vsuft-flowingft-banner-outer) .floating-banner {
    visibility: hidden;
    display: none;
}
body:has(.vsuft-flowingft-banner-outer) .vsuft-flowingft-banner-outer {
    position: relative;
    /* z-index: 9999; */
}
.gs-modal-close {
    right: -10px;
}
/*Interior page css end*/
/*free generation modals starts*/
body:has(.freegenerations-modal) .gs-modal-close {
    width: 40px !important;
    position: absolute;
    right: -5px;
    top: -10px;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border: none;
    height: 40px;
    border-radius: 48px;
    z-index: 1;
    padding: 0;
}
.freegenerations-bottom {
    margin: -100px 12px  20px;
    padding: 20px 15px 23px;
}
/*free generation modals end*/
/*New offer table comparision css start*/
.vshome-comparision-table thead span {
    padding: 3px 4px;
    font-size: 9px;
}
.vshome-comparision-table thead span {
    min-width: 48px;
}
.vshome-comparision-table th {
    padding: 15px 5px;
}
/*New offer table comparision css end*/
/*New offer banner update css start*/
.gs-offer-trust-outer .vshome-trust-members-wrapper {
    padding: 0;
    width: 100%;
}

.gs-offer-trust-right {
    width: 100%;
    border-left: 0px solid #6A6775;
    padding-left: 0;
    text-align: center;
    padding: 11px 0 0;
}
.vshome-header-strip {
    line-height: 17px;
    font-size: 10.5px;
    padding: 7px 5px;
    font-weight: 400;
}
/*New offer banner update css end*/
/*academy page css start*/
.academy-banner-content-top h1 {
    font-size: 28px;
    margin: 0 0 7px;
    line-height: 1.1;
}
.academy-banner-spots-claim a {
    font-size: 16px;
}
.academy-banner-spots-claim-guarantee {
    padding: 15px;
}
.academy-banner-spots-claim-guarantee h3 {
    font-size: 20px;
    line-height: 29px;
    margin: 0 0 8px;
}
/*academy page css end*/
/*Lifetime page page start*/
.lifetime-tags-wrap {
    justify-content: center;
}
.lifetime-forever-bts strong {
    font-size: 21px;
    max-width: 100%;
    width: 100%;
    margin: 0 0 13px;
}
.lifetime-forever-bts {
    justify-content: center;
    text-align: center;
}
.ts-redesign-in.ts-redesign-indeal .btn-con,
.ts-redesign-in.ts-redesign-lifetime-btns a.btn-con {
    margin: 6px 0px;
    min-width: 150px;
    padding: 12px 13px;
    font-size: 14px;
}

.lifetime-tags-wrap.lifetime-tags-access,
.lifetime-tags-wrap {
    padding: 10px 0 0;
}
.pricing-features-watermarks ul {
    grid-template-columns: repeat(2, 1fr);
}
.pricing-features-watermarks li {
    display: flex;
    align-items: center;
}
/*Lifetime page page end*/
}


@media (max-width: 479px){

.vshome-works-steps-gridbox {
    padding: 20px;
}

.title-con {
    font-size: 24px;
}

.ts-tabs-outer {
    padding: 0 15px;
}

.vshome-hero-image-box {
    height: 320px;
}
.vsai-deafult-uploads ul li{
    width: 100%;
}
.ft-btm p {
    font-size: 12px;
    padding: 19px 0;
}
.ft-top {
    padding: 45px 0 16px;
}
.components-listing-wrap ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
.components-listing-wrap li {
    font-size: 14px;
    min-height: 58px;
}
.interior-total-credits {
    padding: 6px 0 5px;
    gap: 5px;
}
/*New offer table comparision css start*/
.vshome-comparision-table thead span {
    min-width: 32px;
    font-size: 6px;
}
.vshome-comparision-table th {
    padding: 15px 3px;
    font-size: 12px;
}
.vshome-comparision-table td {
    padding: 10px 10px;
}
.ct-icon-outer > div {
    height: 28px;
    width: 28px;
}
.ct-icon-outer svg {
    width: 16px;
    height: 16px;
}
.ct-start-heading {
    font-size: 12px;
    line-height: 1.2;
    margin: 0 0 2px;
}
.ct-start-text {
    font-size: 10px;
}
.ct-start-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    padding: 3px;
}
.ct-start {
    min-width: 120px;
    padding-right: 5px;
}
.vshome-comparision-table thead span {
    padding: 3px 2px;
}

/*New offer table comparision css end*/
/*New offer banner update css start*/

.gs-offer-btn-offer {
    padding-right: 50px;
    padding-left: 50px;
}
.gs-offer-components ul {
    grid-template-columns: repeat(2, 1fr);
}
.gs-offer-logos::before, .gs-offer-logos::after {
    width: 50px;
}
.ts-components.offercomponents {
    padding-top: 20px;
}
.gs-offer-components li {
    border-radius: 12px;
    padding: 8px 10px;
    align-items: center;
    flex-direction: column;
    text-align: center;
    gap: 8px;
}
.gs-offer-components li span {
    padding-left: 0;
}
.gs-offer-trust-outer .vshome-trust-members-details span {
    font-size: 11px;
}
.gs-offer-trust-outer .trust-pilot img{
    display: none;
}
.gs-offer-trust-outer .trust-pilot img.gs-offer-trust-mobile {
    display: block;
    width: 160px;
    margin: 5px 0 0;
}
.gs-offer-banner1352025 .ts-banner-text .btn-con {
    width: 60%;
}
.gs-offer-banner1352025 .ts-banner-text .btn-con:hover{
    background: #9177F4;
    color: #fff;
    border-color: #9177F4;
}
.gs-offer-mobile-btn {
    width: 60%;
    margin: auto;
}
.gs-offer-reviews-outer {
    grid-template-columns: repeat(1, 2fr);
}
/*New offer banner update css end*/
/*magic redesign promotion offer css start*/
.ts-magic-offer-left {
    padding: 8px;
    height: 44px;
    width: 44px;
    border-radius: 15px;
}
.ts-magic-offer-right {
    padding: 0 0 0 10px;
    width: calc(100% - 44px);
}
.ts-magic-offer-right strong {
    font-size: 12px;
    padding: 0 0 0px;
}
.ts-magic-offer-right p {
    font-size: 11px;
    line-height: 1.2;
}
.ts-magic-offer-wrapper {
    margin-top: -20px;
     padding: 8px 8px;
}
.ts-magic-offer-right strong span {
    -webkit-text-fill-color: #fff;
    padding: 1px 5px;
    font-size: 9px;
    line-height: 15.2px;
    margin: -1px 0 -1px;
}
/*magic redesign promotion offer css end*/
/*academy page css start*/
.academy-banner-content-top h1 {
    font-size: 25px;
    margin: 0 0 7px;
}
.academy-banner-content-top p {
    font-size: 16px;
    line-height: 23px;
}
.academy-banner-spots-taken-inner {
    padding: 14px;
}
.academy-banner-spots-claim a {
    font-size: 13px;
    line-height: 1.2;
    padding: 11px 10px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.academy-banner-spots-claim-guarantee h3 {
    font-size: 18px;
}
.academy-payment-top h2 {
    font-size: 23px;
    line-height: 33.4px;
}
.academy-payment-exclusive {
    padding: 20px 8px 20px 33px;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 12px;
}
.academy-payment-exclusive strong {
    font-size: 15px;
    line-height: 23px;
}
.academy-payment-exclusive img {
    left: 9px;
    top: 21px;
    width: 20px;
}
.reminder-content h2 {
    font-size: 23px;
    line-height: 30px;
    margin: 0 0 6px 0;
}
.reminder-content {
    padding: 10px;
}
.reminder-content > p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 14px;
}
.reminder-content-listing {
    padding: 14px 14px 14px 40px;
    background: #fff url(../images/green-check.svg) no-repeat left 12px top 15px;
    margin-top: 16px;
}
.reminder-content-heading h3, .reminder-content-heading h4 {
    font-size: 16px;
    line-height: 24px;
}
.reminder-content-listing p {
    font-size: 14px;
    line-height: 22px;
}
.reminder-content-listing li {
    font-size: 14px;
    line-height: 22px;
}
.results-guarantee-outer {
    padding: 20px;
    flex-wrap: wrap;
}
.results-guarantee-left {
    width: 100%;
    text-align: center;
    padding: 0 20px 20px;
}
.results-guarantee-right {
    width: 100%;
}
.academy-testimonials h2 {
    margin: 00 0 3px;
    font-size: 23px;
}
.academy-testimonial-column {
    padding: 10px;
}
.academy-testimonial-column p {
    font-size: 14px;
    line-height: 22.25px;
    margin: 11px 0 11px;
}
.academy-faq-outer h3 {
    padding: 0 0 6px;
    margin: 00 0 4px;
    font-size: 23px;
}
.academy-faq-outer p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 14px;
}
.academy-design-business-inner h2 {
    font-size: 23px;
    line-height: 31px;
    margin: 0 0 7px;
}
.academy-design-business-inner  p {
    font-size: 16px;
    line-height: 27px;
    opacity: .9;
    margin: 0 0 16px;
}
.academy-design-business-inner a {
    min-width: 270px;
    margin: 5px 0;
}
.secure-row {
    font-size: 12px;
    padding: 0px 0 10px;
    margin: 0 0 30px;
    gap: 10px;
}
/*academy page css end*/
/*Lifetime page page start*/
.gs-offer-banner1352025 .ts-banner-text .gs-offer-btns17102025 a.btn-con {
    margin: 5px 4px;
    min-width: 150px;
    padding: 12px 13px;
    font-size: 14px;
}
.gs-offer-btns17102025 {
    padding: 0 0 0px;
}
.single-payment-right h4 strong::after {
    top: 11px;
}
/*Lifetime page page end*/
}

@media (max-width: 400px){
/*magic redesign promotion offer css start*/
.ts-magic-offer-right strong {
    font-size: 11px;
    padding: 0 0 1px;
}
.ts-magic-offer-right p {
    font-size: 10px;
    line-height: 1.2;
}
.ts-magic-offer-right strong span {
    padding: 2px 4px;
    font-size: 6px;
    line-height: 11.2px;
    margin: -1px 0 -1px;
}
.ts-magic-offer-wrapper {
    padding: 6px 6px;
}
.ts-magic-offer-right {
    padding: 0 0 0 6px;
    width: calc(100% - 38px);
}
.ts-magic-offer-left {
    padding: 7px;
    height: 38px;
    width: 38px;
}
/*magic redesign promotion offer css end*/
}