@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');
html {
    scrollbar-width: thin; /* Can be 'auto', 'thin', or 'none' */
    scrollbar-color: #7558ea #41326a; /* thumb color, track color */
}
* {
    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;
}

.disabled {
    pointer-events: none;
    opacity: 0.6;
}

/* 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: #fff;
    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(../union.html) 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(../background-1.html);
    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 {
    display: block;
    font-weight: 400;
    font-size: 7px;
    text-align: left;
    text-transform: capitalize;
    color: #ffffff;
    line-height: 20px;
    padding: 0px 5px;
    background: rgb(0 0 0 / 60%);
    border-radius: 3px;
    margin-bottom: 3px;
}

.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;
}

.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;
}

.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;
    color: #fff;
}

.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(../sherical-shape.html) 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: 165px 0px 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: 15px;
    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;
    margin-right: 17px;
    margin-bottom: 17px;
}

.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(../price-check.html) 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(../price-check.html) 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: #c3bed3;
    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: #c3bed3;
}

#nwtoggle0:checked+.nwtoggle-label0:after {
    left: 25px;
    background: #43b0ff;
}

.nwtoggle-label1 {
    cursor: pointer;
    text-indent: -9999px;
    width: 45px;
    height: 16px;
    background: #c3bed3;
    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: #c3bed3;
}

#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: #c3bed3;
    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; */
    background: #c3bed3;
}

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

.nwchoice-toggle {
    display: flex;
    align-items: baseline;
    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: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #fff;
    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: 6px;
    bottom: 3px;
    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;
    padding: 10px;
    background-color: #ededed;
    margin-bottom: 20px;
    color: #000;
} */

.image-mask-container .upload_btns_part button {
    background-color: rgb(0 0 0 / 80%);
    line-height: 20px;
    letter-spacing: 0.15px;
    border: none;
    margin: 0px;
    padding: 7px 25px;
    font-weight: 500;
    font-size: 34px;
    color: #fff;
}

.image-mask-container .upload_btns_part {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translate(-50%, 0px);
}

.image-mask-container .upload_btns_part button span {
    display: block;
    width: 100%;
    color: rgb(255 255 255 / 60%);
    font-size: 14px;
    margin-top: 9px;
}

.image-mask-container .upload_btns_part button.plush_btn {
    border-radius: 10px 0px 0px 10px;
}

.image-mask-container .upload_btns_part button.minus_btn {
    border-radius: 0px 10px 10px 0px;
}

#select-automatically .flip_rotate_div {
    background-color: #1C1E26;
    padding: 30px 30px;
    border-radius: 20px;
}

#select-automatically .flip_rotate_div .flip_rotate_buttons{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

#select-automatically .flip_rotate_div .zoom_in_out_buttons{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
}

#select-automatically .flip_rotate_div a {
    margin: 0px 10px;
    cursor: pointer;
    width:calc(20% - 20px);
    text-align: center;
}

#select-automatically .flip_rotate_div a span {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    display: block;
    margin-top: 7px;
}

/* #cropImageModal .flip_rotate_div{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 0px;
}

#cropImageModal .flip_rotate_div a{
    cursor: pointer;
} */

.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;
    color: #000;
}
.modal_footer_part label .span_strong {
    font-weight: 700;
    margin-left: 40px;
    font-size: 19px;
    color: #000;
}

.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;
    max-height: 90vh;
}

.colored {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    border-right: 5px solid #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    /* background-color: #ffffff; */
    background-size: cover;
}
.gs-what-to-edit-right .image-gallery img {
    max-height: 232px;
}

.colored::before {
    background: url('../png/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;
}

.nwfrm-comaparison .add_to_project_btn {
    width: fit-content;
    margin-right: 7px;
}

.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;
}

.breadcrumb_project_lable li a{
    color: #fff;
}

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

.breadcrumb_project_lable li a{
    color: #fff;
}

.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: 8px;
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
    font-family: arial;
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 0;
}
.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(../png/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: #fff;
    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;
}

.latest-designs-info{
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
}
.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(../nwupgradevs-after.html) 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("../png/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;
}








#show-calendly-content iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 4;
}
#show-calendly-content .text-content {
    width: 100%;
}
#show-calendly-content .modal-body {
    padding: 2px 16px;
}
div#show-calendly-content iframe {
    min-height: 400px;
    height: 70vh;
    margin-top: 40px;
}
#show-calendly-content .gs-modal-content { padding: 0;}





.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: -120px;
    padding: 7px;
    width: 260px;
    -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;
}
.btn-upscale:disabled {
    opacity: 1 !important;
}

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;
    cursor: pointer;
}

.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; */
    /* background-color: #eceff7; */
    position: relative;
    /* background: linear-gradient(to right, red, purple); */
    /* background-image: url(../images/enterpreise-banner.png); */
    /* background-image: url("/web/images/after1.png"); */
    /* padding: 3px; */
    border-radius: 10px;
    margin-bottom: 40px;
    height: 100%;
    min-height: 400px;
    background-size: cover; /* Ensure the background image covers the entire element */
    background-position: center; /* Center the background image */
    /* backdrop-filter: blur(20px); */
}
.loader-card { position: relative;}
.loader-card:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-backdrop-filter: blur(6px); /* Apply blur effect */
    backdrop-filter: blur(6px)
}

.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;
}
.login-tesimonial-author-left{
    max-width:90px;
}
.login-tesimonial-author-left img {
    border-radius: 50%;
    object-fit: cover;
}
/** 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;
    top: 2px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 5px;
    appearance: auto;
    accent-color: #765ae300;
}

.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("../png/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;
}

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

/* 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;
    border-radius: 10px;
}

.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: #ffffff;
    background: #765ae3;
    color: white;
    border-radius: 10px;
}

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;
    border-top-left-radius: 20px;
}

.survey-modal .modal-content {
    padding: 0 !important;
}

form#servey_form {
    padding: 0px 0px;
}

div#serveyModal .survey_heading_div{
    margin-top: 15px;
}

div#serveyModal .servey_welcome {
    padding: 30px 40px;
}

div#serveyModal .question-footer button {
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 5px;
}

div#serveyModal .btn-secondary[id="skip"] {
    background: transparent;
    border: 0;
    color: #765ae3;
    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 40px;
}

div#serveyModal input.other_text {
    width: 100%;
    margin-top: 15px;
    background: #131619;
    box-shadow: unset;
    border-color: #fff;
    border-radius: 10px;
    color: white;
    height: 50px;
    padding: 10px;
}

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;
    background: #765ae3;
    color: white;
    border-radius: 10px;
}

.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: none;
    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;
    border-top-left-radius: 20px;
}

.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;
    padding-bottom: 10px;
}

.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;
    width: 100%;
}

.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;
    margin: 0 auto;
}

.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 {
    position: relative;
    background: url(../png/dash-bg-2.png) no-repeat center;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    font-family: 'Eudoxus Sans';
    color: #fff;
    height: 100%;
    min-height: 100vh;
    background: #111929;
}

.gs-dashboard-wrpper::before {
    content: "";
    position: fixed;
    left: -200px;
    top: 110px;
    background: radial-gradient(42.99% 42.99% at 30.18% 57.01%, #444CE4 0%, #037E82 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    mix-blend-mode: color-dodge;
    opacity: 0.6;
    filter: blur(45.325px);
    border-radius: 380.337px;
    transform: matrix(0.46, -0.89, -0.97, -0.26, 0, 0);
    height: 400px;
    width: 400px;
}
.light-theme .gs-dashboard-wrpper {
    background: #e2e4f1;
}
.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; */
    position: fixed;
    left: 0;
}
.gs-dashboard-left-sec {
    height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.gs-dashboard-left-sec-scroll {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    width: calc(100% + 17px);
    padding-right: 17px;
    justify-content: space-between;
}
.gs-dashboard-rigtbar {
    width: calc(100% - 250px);
}

.gs-dashboard-rigtbar {
    width: calc(100% - 0px);
    padding: 20px 20px 0 250px;
    height: 100%;
    overflow: auto;
    min-height: 100vh;
    display: flex

}
section.api_guid-main {
    width: 100%;
}
.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 .premium_lock_icon {
    margin-left: 8px;
}
.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: 12px 0 39px;
}
.gs-dashboard-links a span {
    padding: 4px 0 0 9px;
}
.gs-dashboard-try-ai {
    padding: 17px 16px 0;
    display: inline-block;
    background: url(../svg/tip_bg.svg) 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: 17px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    margin: 0;
    background: url(../svg/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;
    width: 100%;
}
.gs-dashboard-user-name {
    padding: 0 0 0 6px;
    max-width: 100px;
}
.slider_hide {
    display: none;
}
.gs-dashboard-setting {
    margin-left: auto;
    display: flex;
    align-items: flex-end;
    /* width: 100%; */
    /* justify-content: space-between; */
    flex-direction: column;
}

.gs-dashboard-user-name strong {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.15000000596046448px;
    /* text-align: center; */
    display: block;
    white-space: nowrap;
    width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* border: 1px solid #000000; */
}
.gs-dashboard-user-name  p {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.15000000596046448px;
    color: #8991B1;
    margin: 0;
}

.gs-dashboard-rigtbar-inner {
    background: url(../jpg/dash-banner-innner-2.jpg) no-repeat center;
    background-size: cover;
    padding: 30px;
    border-radius: 20px;
    min-height: 100%;
    width: 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;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.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-list-dsbord .gs-dashboard-listing{
    display: none;
}
.gs-dashboard-listing {
    box-shadow: 0px 4px 44px 0px #402F2F75;
    background: #1C1E26;
    border-radius: 21px;
}
.gs-dashboard-listing.show {
    display: block;
}
.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: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #EFEFEFCF;
    margin: 0 0 17px;
    min-height: 72px;
}
.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(../png/gs-dashboard-ai-2.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%);
    width: 100%;
}
.ai-tool-left {
    width: 200px;
    padding: 18px 0px 10px 0;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    background: linear-gradient(170.59deg, rgba(12, 0, 58, 0.2) 4.88%, rgba(77, 8, 132, 0.2) 49.14%), #262834;
    border-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ai-tool-wrapper.slide-close .ai-tool-top{
    justify-content: center;
}

.ai-tool-wrapper.slide-close .ai-tool-top img{
    transform: rotate(-180deg);
}
.ai-tool-top {
    padding: 0 10px 17px 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.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 9px;
    border-radius: 13px ;
    position: relative;
    justify-content: center;
    margin: 0 auto;
}
.ai-tool-list li a::before,
.ai-tool-list li a::after{
    background: url(../svg/ai-tool-list-shape.svg) no-repeat center top;
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 11px;
    height: 13px;
    display: none;
}
.ai-tool-wrapper.slide-close .ai-tool-list li a{
    padding-left: 5px !important;
}

.ai-tool-right .top-menu-bar-first a:hover{
    color: #fff;
}

.ai-tool-right .top-menu-bar-first a:hover img{
    filter: none;
}
.ai-tool-list li a::after {
    top: 100%;
    transform: rotateX(180deg);
}
.ai-tool-list {
    padding: 0 13px;
}
.ai-tool-list li.active a {
    color: #fff;
    box-shadow: 16px 24px 64px -24px #FFFFFF14 inset;
    background: linear-gradient(171deg, rgba(215, 237, 237, 0.16) -47.79%, rgba(204, 235, 235, 0) 100%);
}

/* .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% - 26px);
    text-align: left;
    padding: 0 0 0 2px;
    margin-left: auto;
}
.gs-upgrade-now .gs-upgrade-btn{
    position: relative;
}
.ai-tool-list li:hover .ai-tool-list-tooltip
{
    visibility: visible;
    display: block;
}
.ai-tool-list-tooltip {
    position: absolute;
    left: 100%;
    background: #121212;
    z-index: 15;
    width: 195px;
    padding: 10px 15px;
    border-radius: 14px;
    top: 50%;
    margin-left: 7px;
    visibility: hidden;
    transition: .3s all ease;
    transform: translate(0px, -50%);
    display: none;
}
.ai-tool-list li:last-child .ai-tool-list-tooltip {
    top: unset;
    bottom: 0;
    transform: translate(0);
}
.ai-tool-list li:last-child .ai-tool-list-tooltip::before {
    top: unset;
    margin-top: -7px;
    bottom: 29px;
}
.ai-tool-list-tooltip::before {
    content: "";
    position: absolute;
    left: -7px;
    top: 50%;
    height: 0;
    width: 0;
    border-top: 6px solid transparent;
    border-right: 7px solid #121212;
    border-bottom: 6px solid transparent;
    margin-top: -7px;
}
.ai-tool-list-tooltip strong,
.gs-floating-tooltip strong {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1.15px;
    text-transform: uppercase;
    display: block;
    padding: 0 0 3px;
}
.ai-tool-list-tooltip span,
.gs-floating-tooltip span {
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.15px;
    display: block;
}
.light-theme .ai-tool-list-tooltip {
    background: #e6e6f1;
}
.light-theme .ai-tool-list-tooltip::before {
    border-right: 7px solid #e6e6f1;
}
.ai-tool-list li a:has(.premium_lock_icon) span {
    padding-right: 18px;
}
.ai-tool-list li a:has(.premium_lock_icon) .premium_lock_icon {
    position: absolute;
    right: 9px;
    width: 10px;
}
.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;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;

}

.font22
{
    font-size: 26px;
    line-height: 1.5;
    text-align: center;
    margin: 0;
}

.ai-tool-right-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 20px;
    /* padding: 0 0 30px; */
    align-items: center;
}
.ai-tool-right-back-btn .font22 {
    line-height: 1.4;
}

.ai-upload-latest-designs {
    padding: 20px;
}

.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;
    cursor: pointer;
}
.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(../svg/gs-tick-icon-2.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:30px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 550px;
    margin: 22px 0;
    position: relative;
    cursor: pointer;
    width: 100%;
}
.ai-upload-image input {
    display: none;
    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 5px;
    opacity: 0.6;
}
.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;
    font-weight: bold;
}
.light-theme .ai-upload-image a {
    color: rgba(46, 36, 36, 1);
}
.ai-upload-latest-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 74px;
    margin-bottom: 18px;
}
.ai-upload-add-project {
    box-shadow: -20px 0px 54px 0px #00000026;
    background: #151819;
    padding: 12px;
    border-radius: 20px;
}
.ai-upload-add-project.delete_favourite_buttons.hidden {
    display: block;
    opacity: 0;
    transition: 0.5s;
    pointer-events: none;
}

.ai-upload-add-project.delete_favourite_buttons {
    transition: 0.5s;
    opacity: 1;
    z-index: 1;
    pointer-events: auto;
}
.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: 15px;
    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;
    white-space: normal;
    text-align: left;
}



.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: 38px;
    width: 38px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
}
.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: 15px;
    flex-direction: column;
}
.ai-upload-favourite {
    height: 17px;
    width: 17px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ai-upload-checked {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(../svg/ai-upload-checked.svg) no-repeat center;
}
.ai-upload-selection input:checked + .ai-upload-checked
{
    background-image: url(../svg/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;
    opacity: 0;
    transition: 0.3s;
}
.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: 100%;
    bottom: 10px;
    z-index: 1;
    opacity: 0;
    transition: 0.3s;
}

.ai-upload-optons ul {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

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

.pagination-container .pagination-left {
    flex-grow: 1;
}

.ai-upload-latest-pagination ul {
    gap: 8px;
    display: flex;
    flex-wrap: wrap;
}

.pagination-container .ai-upload-latest-pagination li a {
    background: #30334F;
    height: 40px;
    width: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF94;
    font-size: 16px;
}

.pagination-container .ai-upload-latest-pagination li a:hover {
    color: #fff !important;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%) !important;
}

.pagination-container .ai-upload-latest-pagination li.active a {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%) !important;
    color: #fff !important;
}

.pagination-container .ai-upload-latest-pagination li a.ai-upload-latest-next,
.pagination-container .ai-upload-latest-pagination li a.ai-upload-latest-prev {
    background: transparent;
}

.pagination-container .ai-upload-latest-pagination li a.ai-upload-latest-next:hover,
.pagination-container .ai-upload-latest-pagination li a.ai-upload-latest-prev:hover {
    background: #5B3DD5 !important;
    color: #fff !important;
}

.pagination-container .pagination-dots {
    color: #FFFFFF94;
    font-size: 18px;
}

.pagination-container .pagination-right {
    font-size: 16px;
    color: #FFFFFF94;
}

.pagination-container .pagination-left span.pagination-info {
    font-size: 14px;
    color: #FFFFFF94;
}

.light-theme .pagination-container .pagination-left span.pagination-info {
    color: #000000db;
}

.ai-upload-latest-inset {display: inline-block;position: relative;overflow: hidden;}
.ai-upload-latest-inset img {

    display: block;}
.ai-upload-latest-inset .ai-upload-optons img {
    filter: invert(83%) sepia(20%) saturate(115%) hue-rotate(176deg) brightness(99%) contrast(82%);
}
.ai-upload-optons .ai-upload-add-project-list a:hover img {
    filter: brightness(100) invert(1);
}
.light-theme .ai-upload-latest-inset .ai-upload-optons img,
.light-theme  .ai-upload-optons .ai-upload-add-project-list a:hover img {
    filter: invert(34%) sepia(14%) saturate(787%) hue-rotate(190deg) brightness(103%) contrast(90%);
}
.ai-upload-latest-inset:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgb(255 255 255 / 14%) 70%, rgb(255 255 255 / 44%) 100%);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
}



.slide-close .ai-tool-left {
    width: 85px;
}
.slide-close  .ai-tool-right {
    width: calc(100% - 85px);
}
.slide-close .ai-tool-list li.active a {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    max-width: 50px;
    border-radius: 13px;
}
.slide-close .ai-tool-top h3,
.slide-close .ai-tool-list li a span,
.slide-close .ai-tool-list li.active a::before,
.slide-close .ai-tool-list li.active a::after {
    display: none;
}
/*ai-tool-wrapper css end*/


/*what to edit page css start*/
.gs-what-to-edit-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 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;
}
.ai-upload-drag-drop {
    display: none;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.6); /* dark semi-transparent */
    backdrop-filter: blur(4px); /* soft blur effect */
    border-radius: 16px; /* optional, based on your layout */
    border: 2px dashed rgba(255, 255, 255, 0.2); /* subtle dashed border */
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.gs-what-to-edit-leftimg > img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 25px;
    margin: 0px !important;
    max-height: unset !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: none;
    margin: 22px 0 0 0;
    gap: 16px;
}
.gs-what-to-edit-tip-box {
    display: flex;
    flex-wrap: wrap;
    background: #1C1E26;
    border-radius: 10px;
    padding: 11px 14px 14px 14px;
    position: relative;
    overflow: hidden;
    width: 33.33%;
}
.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: 100%;
    padding: 0;
    margin: 0 0 0;
}
.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: 600px;
}
.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,
.gs-our-preset-settings 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(../png/gs-select-automatically-lus-icon-2.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(../png/gs-select-automatically-check-icon-2.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: 25px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #fff;
    padding: 14px 53px;
    border-radius: 14px;
}

.redesign-generate-btn .gs-continue-btn{
    margin-top: 10px;
}

.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-top .gs-select-manually-strength-value{
    color: #EFEFEFCF;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    margin: 0;
    background: transparent;
    width: 20px;
    border: none;
}
.gs-select-manually-top .gs-select-parent-ai-strength{
    display: flex;
    align-items: center;
}
.gs-select-manually-value {
    background: transparent;
    width: 33px;
    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: 16px;
    margin-bottom: 18px;
}
.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(../png/gs-select-automatically-lus-icon-2.png) no-repeat center;
    display: inline-block;
    vertical-align: top;
    margin: 1px 3px 0 0;
}
.interior-list li.active::before {
    background-image: url(../png/gs-select-automatically-check-icon-2.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: 25px 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(../png/gs-setting-round-2.png) no-repeat bottom right;
    background-size: contain;
    width:700px;
    z-index: -1;
}
.gs-setting-notice {
    background: url(../png/setting-notice-2.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: #fff;
    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(../svg/gs-edit-setting-name-field-2.svg);
}
.gs-edit-setting-email-field
{
    background-image: url(../svg/gs-edit-setting-email-field-2.svg);
}
.gs-edit-setting-password-field
{
    background-image: url(../svg/gs-edit-setting-password-field-2.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(../png/login-bg-2.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-form-icon {
    position: relative;
}
.gs-login-form-icon img {
    position: absolute;
    left: 15px;
    top: 12px;
}
.gs-login-form-icon  input:-webkit-autofill,
.gs-login-form-icon input:-webkit-autofill:hover,
.gs-login-form-icon input:-webkit-autofill:focus,
.gs-login-form-icon input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}
.gs-login-form .help-block {
    color: red;
    margin-top: -24px;
    margin-bottom: 24px;
    font-size: 18px;
}

.gs-login-form .view-icon-password {
    position: relative;
}

.gs-login-form .view-icon-password .toggle-password {
    position: absolute;
    right: 20px;
    top: calc(50% - 14px);
    transform: translateY(-50%);
    cursor: pointer;
}
.gs-login-form .view-icon-password .toggle-password img#password-toggle-icon {
    position: relative;
    width: 25px;
    left: 0;
    top: 0;
    transform: unset;
}

.gs-login-form .view-icon-password .toggle-password img#confirm-password-toggle-icon {
    position: relative;
    width: 25px;
    left: 0;
    top: 0;
    transform: unset;
}

.view-icon-password .toggle-password {
    position: absolute;
    right: 15px;
    top: calc(50% + 24px);
    transform: translateY(-50%);
    cursor: pointer;
}

.gs-edit-settings-row.has-error .toggle-password {
    top: calc(50% + 7px);
}

.gs-edit-settings .text-danger{
    font-size: 16px;
}

.view-icon-password {
    position: relative;
}
.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(../png/gs-select-automatically-check-icon-2.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;
}
.gs-login-continue-google a:hover {
    background-color: #7558ea;
    border-radius: 12px;
}
.login-tesimonial-author::after
{
    background: url(../svg/quote-icon-2.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(../jpg/gs-modal-bg-3.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: 30px 0;
}

#modalImagePreview .gs-modal-container{
    max-width: fit-content;
}

.modal.fade.in .modal-dialog {
    transform: translate(0,-0);
}
#modalImagePreview .gs-modal-content{
    padding: 0;
}

#view_all_interior_room_type .gs-modal-content,
#view_all_interior_choose_design .gs-modal-content,
#view_all_exterior_choose_design .gs-modal-content,
#view_all_garden_style .gs-modal-content  {
    margin-top: 25px;
}
.gs-modal-content {
    margin: auto;
    width: 100%;
    background: #1A1D21F5;
    border: 3px solid #7558EA;
    border-radius: 22px;
    padding: 30px;
    font-size: 17px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #FFFFFF9E;
}
.gs-modal-content .modal-header {
    padding: 0 0 30px 0;
    border: none;
}
.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-btns a:hover{
    background: linear-gradient(180deg, #5B3DD5 0%, #8F73FF 100%);
}
.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-btns a.gs-modal-cancel-btn:hover{
    background: linear-gradient(117.58deg, rgba(204, 235, 235, 0.05   ) -47.79%, rgba(215, 237, 237, 0.16) 100%);
}
.light-theme .gs-modal-btns a.gs-modal-cancel-btn {
    box-shadow: 0px 1px 3px 0px #0000000D, 0px 1px 2px -1px #0000000D;
    background: linear-gradient(180deg, rgb(46 48 48) -47.79%, rgb(99 102 102) 100%);
}
.light-theme .gs-modal-btns a.gs-modal-cancel-btn:hover{
    background: linear-gradient(180deg, rgb(99 102 102) -47.79%, rgb(46 48 48) 100%);;
}
.gs-modal-content h3 {
    font-size: 29px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 20px;
    color: #ffff;
}
.gs-modal-content > input.form-control{
    border: 1px solid #363A3D;
    width: 98%;
    background: #1A1D21;
    margin: 0px 0 0;
    border-radius: 8px;
    padding:12px 16px 12px 43px;
    height: 48px;
    box-shadow: 0px 0px 0px 0px #7558EA2B;
    color: #fff;
    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;
    background-image: url(../svg/gs-edit-setting-search-icon.svg);
}
.gs-modal-content input.form-control:focus-visible {
    box-shadow: 0px 0px 0px 4px #7558EA2B;
    border-color: #7558EA;
    outline: none;
}
.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(../png/free-days-2.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 .radio_button {
    width: 35px;
    height: 22px;
    display: flex;
    justify-content: center;
    /* margin-right: 12px; */
}

.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-best-btns .gs-modal-dont-show-modal:hover{
    color: #684cd8;
}

.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;
}
#newModalUpgradePlan .gspage-upgrade_lock-heading {
    font-size: 29px;
    color: #ffff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#newModalUpgradePlan .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;
}
#newModalUpgradePlan .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;
}
#newModalUpgradePlan .gspage-upgrade_lock-heading img {
    margin: 0 11px 0 0;
}

/* Standard, Unlimited plan module */
#newModalStandUnlimitedPlan .gspage-upgrade_lock-heading {
    font-size: 29px;
    color: #ffff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#newModalStandUnlimitedPlan .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;
}
#newModalStandUnlimitedPlan .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;
}
#newModalStandUnlimitedPlan .gspage-upgrade_lock-heading img {
    margin: 0 11px 0 0;
}
.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(../jpg/image-editing-popup-bg-2.jpg) no-repeat center;
    background-size: cover;
    min-height: 100vh;
}
.gs-image-editing-container {
    max-width: 1100px;
    margin: 30px auto;
}
#modalImagePreview .gs-image-editing-container {
    margin: 0px auto;
    height: 100%;
    display: flex;
    align-items: center;
}
#modalImagePreview .gs-image-editing-content {
    padding: 5vh 0;
}
.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;
    justify-content: space-evenly;
}
.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: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 13px;
    padding: 12px 9px 12px;
    width: 240px;
    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;
}
.gs-image-editing-slide-outer .slider {
    position: absolute;
    top: 0;
    left: calc(50% - 16px);
    width: 32px;
    height: 100%;
    cursor: pointer;
    z-index: 1;
    background: transparent;
    transition: none;
}
.gs-image-editing-slide-outer  .slider::before {
    content: "";
    position: absolute;
    left: 16px;
    height: 100%;
    background:#FFFFFF;
    width: 2px;
    z-index: -1;
}
.gs-image-editing-slide-outer .slider::after {
    content: "";
    position: absolute;
    left: -10px;
    height: 100%;
    background: url(../svg/gs-slider-arrow-2.svg) no-repeat center;
    width: 52px;
    z-index: 1;
}
.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%;
    max-height: 680px;
}
.gs-image-editing-before img {
    max-width: unset;
    height: 100%;
    min-width: 100%;
}
.gs-image-editing-slide-row {
    text-align: center;
}
.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, .gs-continue-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(../svg/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;
    /* justify-content: space-between; */
}
ul.gs-pro-design-inner li {
    background: url(../svg/gs-folder-bg.svg) no-repeat top center;
    padding: 26px;
    background-size: 100% 100%;
    width: 200px;
    min-height: 210px;
}
.gs-pro-number {
    margin-top: 20px;
	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: absolute;
    float: right;
    margin: 16px 0 0;
    cursor: pointer;
    right: 40px;
    top: 0;
}
.project-container {
    position: relative;
    width: fit-content !important;
    margin-bottom: 30px;
}
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(../svg/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(../svg/gs-folder-bg-active.svg) no-repeat top center;
	background-size:100% 100%;
}

ul.gs-pro-design-inner li:hover {
	background:url(../svg/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;
}
.light-theme .gs-roast-feebackvs-wrapper {
    padding: 26px 26px 62px;
    background: #e3e8f3;
    border-radius: 10px;
}
.gs-roast-feebackvs-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.45;
    margin: 0;
}
.light-theme .gs-roast-feebackvs-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.45;
    margin: 0;
    color: rgba(46, 36, 36, 0.81) !important;
}

.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;
}
.light-theme .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;
    color: rgba(46, 36, 36, 0.81) !important;
}
.gs-roast-feebackvs-remember-text{margin: 15px 0 0 0;color: rgb(255 255 255 / 63%) !important;}

.light-theme .gs-roast-feebackvs-remember-text{margin: 15px 0 0 0; color:  rgba(46, 36, 36, 0.81) !important; }

.light-theme .gs-roast-feebackvs-list-step {
    background: #f5f5ff;
    border-radius: 10px;
    padding: 12px;
    margin: 0 0 18px 0;
    display: flex;
    align-items: center;
}
.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;}

.light-theme .gs-roast-feebackvs-list-step-number {
    height: 50px;
    background: #f5f5ff;
    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;
    color: rgba(46, 36, 36, 0.81) !important;
}

.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;
}


.light-theme .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: rgba(46, 36, 36, 0.81) !important;
    letter-spacing: -0.01em;
}
.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: auto;
    padding: 0 10px 0 10px;
}
.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: calc(100% - 20px);
    bottom: -120px;
    margin: 0 10px;
}

.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(../png/tutorial-bg-2.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;
    /* overflow: hidden; */

}
.gs-select-room-style-single:hover > img{
    border:1px solid rgba(117, 88, 234, 1);
    border-radius: 7px;
}

.gs-select-room-style-single:after{
    background: linear-gradient(6deg, #250E81 4.84%, rgba(39, 14, 141, 0) 61.37%);
    border-color:rgba(117, 88, 234, 1);
    position: absolute;
    border-radius: 8px;
    bottom:0;
    left: 0;
    width: 100%;
    height: 00%;
    content: "";
    /* transform: translateY(100%); */
    transition: 0.3s;
}

.gs-select-room-style-single:hover:after{
   height: 100%;
}

.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;
    border:1px solid transparent;

}
.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)
}
.magic-upload-image-right > .gs-our-preset-settings {
    margin-bottom: 20px;
}

.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: flex;
    justify-content: center;
    width: 50%;
    margin: 0 auto;
    margin-top: 30px;
}
/*Redesign customize and generate css end*/
/*find-similar-products css start*/
.gs-similar-product {
    text-align: center;
}
.gs-similar-product-img {
    width: 50%;
    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;
    position: relative;
}
.gs-floating-tooltip {
    position: fixed;        /* not inside the li, so no clipping */
    background: #121212;
    color: #fff;
    padding: 10px 15px;
    border-radius: 14px;
    max-width: 190px;
    z-index: 9999;
    pointer-events: none;    /* don’t block mouse */
    opacity: 0;
    transition: opacity 0.2s ease;
}
.light-theme .gs-floating-tooltip {
    background: #e6e6f1;
    color: rgba(46, 36, 36, 1);
}

.ai-tool-list li {
    margin-bottom: 10px;
    position: relative;
}
.ai-tool-list li i {
    margin: 0;
}
.gs-dashboard-list-image img {
    border-radius: 12px;
}
.gs-dashboard-list-image-hover {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    transition: .2s all ease;
}
.gs-dashboard-list-image-hover {
    height: 100%;
    width: 100%;
    border-radius: 11px;
    object-fit: cover;
}
.gs-dashboard-listing:hover .gs-dashboard-list-image-hover{
    visibility: visible;
}
.close-icon, .gs-dashboard-mobile-header
{
    display: none;
}

.gs-modal-uploading_instruction dotlottie-player {
    display: inline-block;
}
.ai-tool-search {
    display: block;
    cursor: pointer;
}
/*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;
    align-self: flex-start;
    margin: 0px 0 0;
    position: relative;
    background: #212136;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 12px;
    display: flex;
    gap: 5px;
    margin-top: 2px;
    z-index: 11;
}
.light-theme .ai-tool-right-top a.gs-back-btn{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
}
.ai-tool-right-top a.gs-back-btn:hover .upload-tooltip
{
    visibility: visible;
}
.upload-tooltip {
    position: absolute;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.15px;
    background: #1C1E26;
    padding: 6px;
    border-radius: 12px;
    margin: 6px -40px 0;
    z-index: 1;
    top: 100%;
    visibility: hidden;
    color: #fff;
}
.upload-tooltip::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #1C1E26;
    bottom: 100%;
    transform: translate(-50%);
    left: 50%;
}
.ai-tool-right-back-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /* margin-top: -27px; */
}


.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(../png/gs-select-automatically-lus-icon-2.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(../png/gs-select-automatically-check-icon-2.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;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.gs-option-flex
{
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
}
.gs-option-flex a:hover{
    /* color: unset; */
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
}
.gs-option-flex a:hover img{
    filter: brightness(0) invert(1);
}
.gs-option-flex li {
    width: 100%;
}

/*Enterprise page css start*/
.gs-enterprise-banner-wrapper{
    background: url(../png/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;
    position: relative;
}
.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 {
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 50px 0 0;
    margin-bottom: 31px;
}

.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-tracking-box a.gs-blue-btn {
    max-width: max-content;
    height: 35px;
    padding: 0 10px;
    min-width: max-content;
    margin-top: 15px;
    font-size: 12px;
    line-height: 35px;
}

.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;
    padding-bottom: 10px;
}
.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;
}

#successModal .gs-modal-content .success-wrapper img {
    width: 50px;
    margin-right: 20px;
}

#successModal .gs-modal-content .success-wrapper {
    display: flex;
    align-items: center;
}

/* #modalImagePreview .gs-modal-content img {
    max-height: 700px;
    object-fit: contain;
    height: auto;
    width: 100%;
    border-radius: 13px;
} */

/* #modalImagePreview .gs-modal-container {
    max-width: 900px;
}
#modalImagePreview .gs-image-editing-slide-outer .gs-image-editing-before img{
    height: 100%;
    object-fit: cover;
} */

#logoutModal .logout_heading,
#inputImageValidationModal .logout_heading {
    text-align: center;
}
#logoutModal .gs-project-add-new-form .gs-login-brn-outer,
#inputImageValidationModal .gs-project-add-new-form .gs-login-brn-outer {
    display: flex;
    justify-content: center;
    padding: 0;
    gap: 20px;
}
.gs-select-room-style-single {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Standard */
}

.undo-redo-btn{
    display: flex;
    gap: 10px;
    margin-top: 25px;
    justify-content: flex-end;
}

.undo-redo-btn #ip-undoImage{
    /* width: 180px; */
    width: max-content;
}

.undo-redo-btn #ip-redoImage{
    /* width: 180px; */
    width: max-content;
}
.ai-tool-wrapper .ai-tool-right .gs-what-to-edit-wrapper .gs-what-to-edit-left img {
    max-height: 500px !important;
}
.gs-dashboard-leftbar .gs-dashboard-links ul {
    padding-right: 10px !important;
}

.gs-simlar-products-wrapper .gs-similar-product.searched_product_result img.gs-similar-product-img {
    max-width: 800px;
    margin: 0 auto 30px auto;
    display: table;
    width: 100%;
}
.gs-simlar-products-wrapper .gs-similar-product.searched_product_result {
    width: 100%;
}
.gs-simlar-products-list-row .gs-simlar-products-single .gs-dashboard-list-image > img {
    max-height: 230px;
    min-height: 230px;
    object-fit: cover;
}

.gs-simlar-products-list-row .gs-simlar-products-single .gs-dashboard-list-content p {
    min-height: 46px;
}

.gs-continue-btn span i {
    padding: 0;
    margin-left: 10px !important;
}

/*New home-page css start*/
.auto-container {
	width: 1168px;
	margin:0 auto;
}
/***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;
}
.ts-banner-outer p,
.ts-peek-outer p,
.ts-tabs-outer p,
.ts-components p,
.ts-redesign-main p,
.ts-home-design p,
.ts-furniture  p,
.ts-faq  p,
.ts-pricing  p,
.vs-enterprise-wrapper p,
.ts-gesigns-generated p,
.ts-bring-generated p,
.ts-top-footer p,
.ts-copyright p{
	font-family: Eudoxus Sans;
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: -0.01em;
	opacity: 80%;
}
.ts-header-nav li {
	float: left;
}
.ts-header-nav li a {
	font-size: 16px;
	font-weight: 500;
	transition: all 0.5s ease;
	color: #1E1634;
	margin: 0 50px 0 10px;
}.ts-nav-btns .btn-con {
	padding: 16px 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(../sign-icon.html) 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(../logoutheader.html) 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;
}
header {
	padding: 20px 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-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-inner {
	text-align: center;
	background: url(../home-banner.html) no-repeat top center;
	background-size:cover;
	border-radius: 24px;
	padding: 60px 20px 210px;
}
.ts-placeholder-content {
	justify-content: center;
	display: flex;
}
.ts-placeholder-left {
	float: left;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}
.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: #fff;
	font-size: 58px;
	font-weight: 800;
	line-height: 69.6px;
	letter-spacing: -0.01em;
	text-align: center;
}
.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;
	margin: 35px 0 60px;
}
.ts-banner-text p {
	font-size: 18px;
	font-weight: 500;
	line-height: 32px;
	padding: 20px 21%;
	color: #fff;
}
.ts-banner-text .btn-con {
	display: inline-block;
	margin: 10px 0 0;
}
/***banner css ends********/






/***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(../peek-arrow.html) 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: -210px 0 0px;
	background: url(../blur-bg.html) no-repeat center -260px;
	padding: 0 0 80px 0;
	position: relative;
	background-size: 100% 140%;
}
 .ts-peek-outer::after {
 content: "";
 background: url(../big-features2.html) 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%;
}
/***peek css ends********/






/********tabs css starts***********/
.ts-tabs-inner {
	text-align: center;
	background: url(../choice-bg.html) no-repeat top center;
	border-radius: 24px;
	padding: 70px 20px 60px;
	background-size: cover;
}
.ts-tabs-outer {
	padding: 20px 30px;
	background: url(../blur-bg.html) no-repeat center 200px;
	background-size: 100% 100%;
	position: relative;
}
.ts-tabs-outer::after {
 content: "";
 background: url(../ratio-img.html) 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;
}
#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;
}
.gs-design-transfer-togle{
    padding: 30px 0 10px;
}


 @media screen and (max-width: 1600px) {
    .tabs label {
    width: 200px;
    }
}
@media  screen and (max-width: 1340px) {
    .project-container {
        width: 33.33%;
    }

    ul.gs-pro-design-inner{
        gap: 0;
    }
    #select-automatically .flip_rotate_div a span{
        font-size: 9px;
        line-height: 12px;
    }
}
@media (max-width: 991px) {
    /* .gs-pro-dot-right {
        right: 130px;
    } */

}

 @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: -9999px;
	padding: 10px;
} */
 @media screen and (max-width: 600px) {
    ul.gs-pro-design-inner {
        justify-content: center;
    }
    .project-container {
        width: 100%;
        display: flex;
        justify-content: center;
        max-width: 465px;
    }
    .gs-pro-dot-right{
        right: 135px;
    }
    .tab-content-wrapper, .tab1-content-wrapper {
        border: none;
        border-radius: 0;
    }
    #select-automatically .flip_rotate_div{
        padding: 20px;
    }
}
 #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 label span {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 17px 7px 0px;
}
.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;
}
.ts-content-inner .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: 173px;
	margin: 22px 0;
	position: relative;
    cursor: pointer;
}
.ts-content-inner .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%;
}
.ts-content-inner  .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;
}
.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: #C0BAC90F;
    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(../select-arrow.html);
    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(../png/gs-select-automatically-lus-icon-2.png) no-repeat center;
 display: inline-block;
 vertical-align: top;
 margin: 1px 3px 0 0;
}
.interior-list li.active::before {
 background-image: url(../png/gs-select-automatically-check-icon-2.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: 30px;
	width: 30px;
	margin-right: 13px;
	margin-top: 7px;
	border-radius: 5px;
	border: 2px solid transparent;
	position: relative;
}
.gs-our-preset-color li.active {
    border: 2px solid white;
    box-shadow: 0 0 0 2px #6448d5;
}
.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%;
}
.ts-content-inner  .our-preset-range-design .ui-widget-header {
	background: #1C1E26;
	border-radius: 50px;
}
.ts-content-inner  .gs-select-design.our-preset-range-design .ui-widget.ui-widget-content {
	background: #1C1E26;
	border-radius: 50px;
}
.ts-content-inner .our-preset-range-design {
	padding: 10px 0 0;
}
.ts-content-inner  .our-preset-settings-range-outer {
	padding: 12px 0 0;
}
.ts-content-inner .our-preset-settings-range-list ul {
	display: flex;
	justify-content: space-between;
}
.ts-content-inner .our-preset-settings-range-list li {
	position: relative;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 20.72px;
	letter-spacing: -0.01em;
}
.ts-content-inner .our-preset-settings-range-list {
	padding: 13px 3px 0;
}
.ts-content-inner .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;
}
.ts-content-inner .our-preset-settings-box textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #8991B1B0;
 opacity: 1;
}
.ts-content-inner .our-preset-settings-box textarea::-moz-placeholder { /* Firefox 19+ */
 color: pink;
}
.ts-content-inner  .our-preset-settings-box textarea:-ms-input-placeholder { /* IE 10+ */
 color: pink;
}
.ts-content-inner  .our-preset-settings-box textarea:-moz-placeholder { /* Firefox 18- */
 color: pink;
}
/*customize and generate page css end*/

.ts-content-inner .gs-select-design .ui-widget.ui-widget-content {
	border: 0px solid #c5c5c5;
	background: #313455;
	height: 8px;
	border-radius: 8px;
}
.ts-content-inner .gs-select-design .ui-slider-horizontal .ui-slider-range-min {
	left: 0;
	background: #7558EA;
	border-radius: 8px;
}
.ts-content-inner .gs-select-design .ui-widget-content .ui-state-default,
.ts-content-inner .gs-select-design .ui-widget-content .ui-state-hover,
.ts-content-inner .gs-select-design .ui-widget-content .ui-state-focus,
.ts-content-inner .gs-select-design .ui-widget-content .ui-state-active {
	background: #7558EA;
	border: none;
	outline: none;
	border-radius: 50%;
	top: -6px;
}
.ts-content-inner .font14 {
	font-family: Eudoxus Sans;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.01em;
	margin: 20px 0 12px;
	color: #C0BAC9;
}
.ts-content-inner .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 {
	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: 1190px;
	margin: 25px 0 0;
}
.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;
}
.ts-images-inner li h2 {
	position: absolute;
	top: 0;
	padding: 8px 16px;
	background: #fff;
	border-radius: 50px;
	font-family: Eudoxus Sans;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: -0.01em;
	color: #7558EA;
	top: 16px;
	left: 11px;
	z-index: 1;
}
.ts-images-inner li h3 {
	position: absolute;
	padding: 8px 16px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: -0.01em;
	color: #fff;
	top: 16px;
	left: 101px;
	background: #0000005C;
	z-index: 1;
}
.ts-tabs-comunities::after {
 background: url(../bottom-gradient.html) no-repeat top center;
 content: "";
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 230px;
 left: 0;
 right: 0;
 z-index: 1111;
 background-size: 100% 100%;
}
.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(../svg/checkbox-rec-2.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(../checkbox-rec2.html) 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(../arrow01.html);
	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%;
}
.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(../testimonials-bg.html) no-repeat center -150px;
	background-size: 100% 120%;
	position:relative;
}
 .ts-components::after {
 content: "";
 background: url(../testimonials-shape.html) 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(../thing-arrow.html) 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;
	gap: 18px;
	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;
}
.gs-image-editing-slide-outer .ba-Slider {
    width: 100% !important;
}
.ba-slide-outer {
    max-height: 700px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    border-radius: 20px;
}

#modalImagePreview .ba-slide-outer{
    justify-content: center;
}

.ts-slider {
	position: absolute;
	top: 0;
	left: calc(50% - 24px);
	background: transparent url(../button-large-teal.html) no-repeat center;
	width: 48px;
	height: 100%;
	cursor: pointer;
}
#before {
	position:absolute;
	top:0;
	left:0;
	width:50%;
	overflow:hidden;
    max-width: 100%;
}
.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-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(../svg/checkbox-rec-2.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(../bg-blurs.html) no-repeat top center;
	background-size: 100% 100%;
	position: relative;
}
.ts-redesign-main::after {
 background: url(../big-features.html) 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(../design-in-bg-2.html) no-repeat top center;
	background-size: cover;
	border-radius: 24px;
	padding: 90px 20px 100px;
	position: relative;
}

.ts-home-design.ts-saving-ds .ts-design-in{
	background: url(../case-selection-banner.html) no-repeat top center;
	background-size: cover;
}
.ts-home-design {
    padding: 40px 30px;
}
.ts-ai-design {
	display: flex;
	gap: 20px;
	justify-content: center;
	border-bottom: 1px solid #444;
	padding: 0 0 50px;
	max-width: 1168px;
	margin-left: auto !important;
	margin-right: auto !important;
	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 !important;
	max-width: 1168px;
}
.ts-saving-design li {
	width: 31%;
	background: #F6F6F6;
	padding: 0 0 20px;
	border-radius: 24px;
	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: 200px;
	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(../svg/checkbox-rec-2.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(../testimonials-bg.html) no-repeat center 800px;
	background-size: auto;
	background-size: 100% 77%;
	position: relative;
}
.ts-saving-design li::after {
 background: url(../after-arrow.html) 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(../testimonials-shape.html) 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: 80px 0;
	overflow: hidden;
}
.ts-furniture .ts-edge-outer p {
	padding: 0 19%;
}
.ts-furniture::after {
 background: url(../library-left.html) no-repeat top center;
 content: "";
 position: absolute;
 top: -7%;
 left: 0;
 width: 616px;
 height: 1450px;
 z-index: 1;
 background-size: 100% 100%;
}
.ts-furniture::before {
 background: url(../library-right.html) no-repeat top center;
 content: "";
 position: absolute;
 top: -7%;
 right: 0;
 width: 616px;
 height: 1450px;
 z-index: 11;
 background-size: 100% 100%;
}
.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(../plus-circle.html) 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(../minus-circle.html) 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(../faq-bg.html) no-repeat center 300px;
	background-size:100% 96%;
}
.ts-design-in.ts-decorates {
	background: url(../decoratebx-banner.html) no-repeat top center;
	background-size:cover;
	box-shadow: 0px 16px 64px -16px #0000001F;
	overflow: hidden;
	margin: 100px 0 0;
}
.ts-decorates p {
	padding: 30px 22% 0;
}
 .ts-decorates::after {
 content: "";
 background: url(../cta-img-left.html) no-repeat top center;
 position: absolute;
 top: 0;
 left: 0;
 width: 299px;
 height: 100%;
 background-size: 100% 100%;
}
 .ts-decorates::before {
 content: "";
 background: url(../cta-img-right.html) no-repeat top center;
 position: absolute;
 top: 0;
 right: 0;
 width: 299px;
 height: 100%;
 background-size: 100% 100%;
}
.ts-device {
	text-align: center;
	width: 100%;
	padding: 120px 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(../svg/checkbox-rec-2.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(../up-price-bg.html) 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(../checkbox-rec2.html) 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(../pricing-bg.html) 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: 80px 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(../pricing-bottom.html) no-repeat center 300px;
	background-size:100% 100%;
}
.ts-enter-price {
	background: url(../enterprise-img02.html) 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;
}
.ts-pricing .ts-edge-outer {
	padding: 0 0 60px;
}
/*****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(../testimonials-bg.html) no-repeat center;
	background-size: 100% 100%;
	padding: 0 0 100px;
}
 .ts-gesigns-generated::after {
 content: "";
 background: url(../testimonials-shape.html) 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(../bring-bg.html) no-repeat top center;
	background-size: cover;
	margin: 0 0 -230px;
	z-index: 1;
}
.ts-design-in.ts-bring::before {
    background: url(../check-box-pattern.html) 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;
}
/*****Bring Generated css ends********/








/*****footer css starts********/


footer.ts-footer-wrapper {
	background: url(../footer-bg.html) no-repeat top center;
	background-size: cover;
	padding: 300px 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%), #022B48;
    background-image: url(../enterpreise-banner.html);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.vs-enterprise-text-column-inner {
    max-width: 545px;
}







/*****footer css ends********/



























/*****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 (max-width: 1199px){
    ul.gs-pro-design-inner li {
        width: 190px !important;
    }
}
 @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 */
.mainSection .bal-container {
    border-radius: 10px;
}
.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-outer {
    position: absolute;
    width: calc(100% + 26px);
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    margin-left: -13px;
}
.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: 0px;
}
.bal-before-inset {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
    margin-left: 0;
}
.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;
}
.bal-beforePosition.beforeLabel, .bal-afterPosition.afterLabel {
    opacity: 0;
}
/* handle and arrow */

.bal-handle {
	height: 48px;
	width: 48px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left:-26px;
	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********/

/*New home-page css ends*/







/*Textures & Colors Page Start*/

.gs-new-how-works-outer {
    text-align: center;
    padding: 76px 0 121px;
    background: linear-gradient(91.25deg, #372593 7.32%, #8332D4 36.85%, #9B2DBB 53.36%, #B9279B 78.1%, #D77CAB 92.22%, #F4C0DB 98.67%);
    border-radius: 50px 50px 0px 0px;
}
.gs-new-how-works-outer .vs-font45-heading {
    padding: 20px 0 0;
    color: rgba(255, 255, 255, 1);
}
.gs-new-how-works-inner {
    gap: 20px;
    display: grid;
    padding: 20px 0 0;
    grid-template-columns: repeat(4, 1fr);
    counter-reset: section;
}
.gs-new-how-works-column {
    background: #fff;
    box-shadow: 0px 4px 30px 0px rgba(106, 108, 164, 0.16);
    padding: 40px 18px 40px;
    border-radius: 15px;
}
.gs-new-how-works-icon {
    background: rgba(117, 88, 234, 0.1);
    border-radius: 12px;
    width: 76px;
    height: 76px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.gs-new-how-works-column h3 {
    font-size: 19px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    padding: 19px 0 13px;
    margin: 0;
}
.gs-new-how-works-inner .vsnw-spacetext {
    line-height: 1.75;
}
.gs-new-how-works-column:nth-child(2n) .gs-new-how-works-icon{
    background: rgba(67, 176, 255, 0.1);

}
.gs-new-how-works-icon::before {
    counter-increment: section;
    content: counters(section, ".", decimal-leading-zero);
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    background: rgba(117, 88, 234, 1);
    color: #fff;
    height: 26px;
    width: 26px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: -13px;
    border-radius: 50px;
}
.gs-new-how-works-column:nth-child(2n) .gs-new-how-works-icon::before
{
    background: rgba(67, 176, 255, 1);
}

.gs-feature-box-outer {
    padding: 80px 0;
}
.gs-feature-box-outer .vsnw-herosubheading {
    text-align: center;
}
.gs-feature-box-outer .vs-font45-heading {
    margin: 0;
}
.gs-feature-box-inner {
    gap: 48px;
    display: grid;
    padding: 56px 0 0;
    grid-template-columns: repeat(2, 1fr);
    max-width: 1000px;
    margin: auto;
}
.gs-feature-box-img img {
    display: block;
}
.gs-feature-box-content {
    padding: 30px 0 0 0;
}
.gs-feature-box-content h4 {
    color: rgba(117, 88, 234, 1);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    padding: 0 0 10px;
}
.gs-feature-box-column {
    background: rgba(117, 88, 234, 0.1);
    border: 1px solid rgba(117, 88, 234, 0.41);
    border-radius: 30px;
    padding: 33px;

}
.gs-feature-box-img {
    position: relative;
}
.gs-feature-box-img img{
    position: relative;
    z-index: 2;
}
.gs-feature-box-img::before {
    content: "";
    position: absolute;
    right: -26px;
    top: -26px;
    height: 90px;
    width: 90px;
    background: url(../svg/gs-feature-box1-2.svg) no-repeat center;
    background-size: contain;
}
.gs-feature-box-img::after {
    content: "";
    position: absolute;
    left: -14px;
    bottom: -16px;
    height: 78px;
    width: 63px;
    background: url(../svg/gs-feature-box2-2.svg) no-repeat center;
}

.gs-feature-box-column:nth-child(4n-2) .gs-feature-box-img::before {
    right: -14px;
    top: -14px;
    height: 75px;
    width: 75px;
    background: url(../svg/gs-feature-box3-2.svg) no-repeat center;
}
.gs-feature-box-column:nth-child(4n-2)  .gs-feature-box-img::after {
    left: -14px;
    bottom: -12px;
    height: 23px;
    width: 84px;
    background: url(../svg/gs-feature-box4-2.svg) no-repeat center;
}

.gs-feature-box-column:nth-child(4n-1) .gs-feature-box-img::before {
    left: -20px;
    top: -14px;
    height: 62px;
    width: 57px;
    background: url(../svg/gs-feature-box5-2.svg) no-repeat center;
}
.gs-feature-box-column:nth-child(4n-1)  .gs-feature-box-img::after {
    left: unset;
    right: -14px;
    bottom: -16px;
    height: 78px;
    width: 63px;
    background: url(../svg/gs-feature-box2-2.svg) no-repeat center;
}
.gs-feature-box-column:nth-child(4n) .gs-feature-box-img::before {
    left: -26px;
    top: -26px;
    height: 90px;
    width: 90px;
    background: url(../svg/gs-feature-box6-2.svg) no-repeat center;
}
.gs-feature-box-column:nth-child(4n)  .gs-feature-box-img::after {
    left: unset;
    right: -14px;
    bottom: -12px;
    height: 23px;
    width: 84px;
    background: url(../svg/gs-feature-box4-2.svg) no-repeat center;
}
.gs-feature-box-column:nth-child(2n)
{
    background: rgba(67, 176, 255, 0.1);
    border-color: rgba(67, 176, 255, 0.4)
}
.gs-feature-box-column:nth-child(2n) .gs-feature-box-content h4
{
    color: rgba(67, 176, 255, 1);
}


/* Rectangle 16 */
.gs-redesign-confidence {
    background: linear-gradient(91.25deg, #D77CAB 7.78%, #B9279B 21.9%, #9B2DBB 46.64%, #8332D4 63.15%, #372593 92.68%);
    border-radius: 26px;
    max-width: 1350px;
    margin: auto;
    padding: 60px 20px 0;
    display: flex;
}

.gs-redesign-confidence .vs-font45-heading {
    color: #fff;
    margin: 0 0 10px 0;
}
.gs-redesign-confidence-inner > .vsnw-spacetext {
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
}
.gs-redesign-confidence-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 110px;
    padding: 60px 0 40px;
    max-width: 980px;
    margin: auto;
}
.gs-redesign-confidence-column {
    display: flex;
    flex-wrap: wrap;
}
.gs-redesign-confidence-icon {
    width: 52px;
}
.gs-redesign-confidence-text {
    width: calc(100% - 52px);
    padding: 0 0 0 20px;
}
.gs-redesign-confidence-text h4 {
    color: rgba(255, 255, 255, 1);
    font-size: 26px;
}
.gs-redesign-confidence-text p.vsnw-spacetext {
    color: rgba(255, 255, 255, 0.7);
}
.gs-redesign-confidence-banner img {
    display: block;
    margin: 0 0 -235px;
}
.gs-joining-section.vs-joinre-section {
    padding-top: 357px;
}
.gs-stbtn.gt-stbtn {
    border: 1px solid transparent;
    margin-bottom: 20px;
}
.gs-stbtn.gt-stbtn:hover{
    border-color: rgba(117, 88, 234, 1);
}
.gt-stbtn.gs-bluebtn {
    margin: 45px 0 0 0;
    border: none;
    background: rgba(67, 176, 255, 1);
}
.gt-stbtn.gs-bluebtn:hover {
    background: #fff;
    color: rgba(67, 176, 255, 1);
}
.gs-feature-box-content h4 sub {
    font-size: 60%;
    display: inline-block;
    vertical-align: middle;
}
/*Textures & Colors Page end*/


/*Whitelabel Page Start*/
.gs-whitelabel-banner-outer
{
    text-align: center;
    padding: 70px 0 227px;
    position: relative;
    overflow: hidden;
}
.gs-whitelabel-banner-outer::before
{
    content: "";
    position: absolute;
width: 324.78px;
height: 324.78px;
left: -25.21px;
top: 36.28px;
background: #7558EA;
filter: blur(237px);
}
.gs-whitelabel-banner-outer::after
{
    content: "";
    position: absolute;
    width: 324.78px;
    height: 324.78px;
    right: 0.13px;
    bottom: 0.82px;
    background: #43B0FF;
    filter: blur(237px);
}
.gs-whitelabel-mac {
    text-align: center;
    padding: 0px 0 25px;
    background: linear-gradient(91.25deg, #372593 7.32%, #8332D4 36.85%, #9B2DBB 53.36%, #B9279B 78.1%, #D77CAB 92.22%, #F4C0DB 98.67%);
    border-radius: 50px 50px 0px 0px;
    margin: -50px 0 0;
    z-index: 1;
    position: relative;
}
.gs-whitelabel-mac img {
    margin-top: -111px;
}
.gs-whitelabel-features{
    text-align: center;
    padding: 100px 0;
}
.gs-whitelabel-features .gs-new-how-works-icon::before {
    display: none;
}

.gsnw-bypass-inner {
    max-width: 875px;
    margin: auto;
}

.gsnw-bypass-text-wrap{
    text-align: center;
}

.snw-bypass-text-wrap .vsnw-spacetext {
    line-height: 1.76;
}

.gsnw-bypass-grid {
    padding: 48px 0 0 0;
}

.gsnw-bypass-btbox {
    padding: 52px 30px;
    border-radius: 30px;
    border: 1px solid #43B0FF;
    background: rgb(212 233 252 / 40%);
    margin: 0 0 52px 0;
}

.gsnw-bypass-btbox:nth-child(even){
    border: 1px solid #7558EA;
    background: rgb(229 225 248 / 40%);

}

.gsnw-bypass-btbox:last-child{margin-bottom: 0;}

.gsnw-bypass-btimage-column {
    width: 172px;
    height: 172px;
    background: #FFFFFF;
    box-shadow: 0px 4px 54px #C1DBEE;
    border-radius: 20px;
    display: grid;
    place-content: center;
    place-items: center;
}

.gsnw-bypass-text-column {
    width: calc(100% - 172px);
    padding-left: 95px;
}

.gsnw-bypass-btbox-inner {
    display: flex;
    align-items: center;
    max-width: 678px;
    margin: auto;
}

.gsnw-bypass-cl-title {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.27;
    color: #43B0FF;
    padding: 0 0 14px 0;
    margin: 0;
}

.gsnw-bypass-btbox:nth-child(even) .gsnw-bypass-btimage-column {
    box-shadow: 0px 4px 54px #CAC2ED;
}

.gsnw-bypass-btbox:nth-child(even)  .gsnw-bypass-cl-title {
    color: #7558EA;
}

.gsnw-bypass-section {
    padding: 0 0 114px 0;
}

.gsnw-whitelabel-confidence-btn .gt-stbtn.gs-bluebtn {
    margin: 0;
}

.gsnw-whitelabel-confidence-btn {
    text-align: center;
    padding: 12px 0 0 0;
}

.gs-redesign-confidence.gsnw-whitelabel {
    padding: 70px 20px 100px;
}

.gsnw-faq-text-wrap {
    text-align: center;
}

.gsnw-faq-text-wrap .vs-font45-heading {
    margin: 30px 0 18px 0;
}

.gsnw-faq-wrapper.faq-outer {
    padding: 135px 0 200px;
}

.gsnw-faq-wrapper .vsub-faqsinner {
    position: relative;
    z-index: 9;
    padding: 80px 0 0 0;
}

.gsnw-faq-text-wrap {
    text-align: center;
    max-width: 790px;
    margin: auto;
}

.gsnw-faq-wrapper.faq-outer::after {
    top: -100px;
    height: 100%;
    background-size: contain;
}

.gsnw-dc-project-image-column {
    width: 55%;
}

.gsnw-dc-project-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.gsnw-dc-project-text-column {
    width: 45%;
    text-align: left;
    padding: 0 0 0 40px;
}

.gsnw-dc-project-text-column .vs-font45-heading {
    text-align: left;
    margin: 12px 0 22px;
}

.gsnw-dc-project-text-column .gt-stbtn.vsnw-herobtn {
    margin: 0;
}


.gsnw-dc-project-text-column .cmn-small-title {
    margin: 0;
}

.gsnw-dc-project-image-column img {
    display: block;
}

.gsnw-dc-project-wrapper {
    padding: 0 0 145px 0;
}


/*Whitelabel Page End*/



/*enterprise page starts here*/
.gs-whitelabel-banner-outer .vsnw-herosubheading {
    padding: 15px 0px;
}

.gsnw-enterprise-hero-image {
    padding: 110px 0 0 0;
}
.gs-whitelabel-banner-outer.gsnw-enterprise-banner {
    padding-bottom: 110px;
}

.gsnw-enterprise-banner-btngroup .gt-stbtn {
    margin: 0 !important;
    min-width: 278px;
}

.gsnw-enterprise-banner-btngroup{padding: 32px 0 0 0;}

.gsnw-enterprise-banner-btngroup {
    padding: 32px 0 0 0;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.gsnw-enterprise-banner-btngroup .gt-stbtn.gs-bluebtn{
    border: 1px solid rgba(67, 176, 255, 1);
}

.gsnw-ensloutions-wrapper {
    padding: 82px 0 0 0;
    position: relative;
}

.gsnw-ensloutions-wrapper::after {
    background: linear-gradient(91.25deg, #372593 7.32%, #8332D4 36.85%, #9B2DBB 53.36%, #B9279B 78.1%, #D77CAB 92.22%, #F4C0DB 98.67%);
    border-radius: 0 0 50px 50px;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    max-height: 605px;
}

.gsnw-ensloutions-box {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(106, 108, 164, 0.16);
    border-radius: 14px;
    padding: 12px;
}

.gsnw-ensloutions-grid {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
    padding: 50px 0 0 0;
}

.gsnw-ensloutions-box-title {
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    background: url(../png/api-solution-title-2.png) #7558EA;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.gsnw-ensloutions-box-title h5 {
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.26;
    color: #fff;
}

.snw-ensloutions-box-list-wrapper {
    padding: 38px 12px 45px;
}

.snw-ensloutions-box-list-icon {
    width: 76px;
    height: 76px;
    background: #F1EEFD;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.snw-ensloutions-box-list-text {
    width: calc(100% - 76px);
    padding: 0 0 0 25px;
}

.snw-ensloutions-box-list-wrapper .snw-ensloutions-box-list {
    display: flex;
    align-items: flex-start;
    padding: 0 0 38px 0;
}

.snw-ensloutions-box-list-wrapper .snw-ensloutions-box-list:last-child {
    padding: 0;
}

.snw-ensloutions-box-list-text h5 {
    font-weight: 700;
    font-size: 19px;
    line-height: 25px;
    color: #1E1634;
    margin: 0;
}

.snw-ensloutions-box-list-text .vsnw-spacetext {
    line-height: 1.77;
    text-align: left;
}

.gsnw-ensloutions-box.reverted-color .gsnw-ensloutions-box-title {
    background: url(../png/api-solution-title-2.png) #43B0FF;
}

.gsnw-ensloutions-box.reverted-color  .snw-ensloutions-box-list-icon {
    background: #ECF7FF;
}

.gsnw-enpartner-wrapper {
    padding: 106px 0 0 0;
    position: relative;
}

.gsnw-enpartner-text-wrap {
    text-align: center;
}

.gsnw-enpartner-logo {
    padding: 0 0 32px 0;
}

.gsnw-enpartner-inner {
    max-width: 875px;
    margin: auto;
}

.gsnw-enpartner-outerboxbox-title {
    padding: 30px;
    background: #43B0FF;
}

.gsnw-enpartner-outerboxbox-title h5 {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.26;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}

.gsnw-enpartner-grid {
    padding: 60px 0 0 0;
}

.gsnw-enpartner-outerbox {
    border: 1px solid #43B0FF;
    border-radius: 30px;
    overflow: hidden;
    background: rgb(212 233 252 / 40%);
}

.gsnw-enpartner-box {
    max-width: 770px;
    margin: auto;
    padding: 50px 20px;
}

.gsnw-enpartner-box-flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
}

.gsnw-enpartner-box-icon {
    display: flex;
    width: 75px;
    height: 75px;
    background: #ffffff;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.gsnw-enpartner-box-column-title {
    font-weight: 700;
    font-size: 19px;
    line-height: 25px;
    color: #43B0FF;
    margin: 15px 0px 6px;
}

.gsnw-enpartner-grid .gsnw-enpartner-outerbox {
    margin-bottom: 52px;
}

.gsnw-enpartner-grid .gsnw-enpartner-outerbox:last-child {
    margin-bottom: 0;
}

.gsnw-enpartner-grid .gsnw-enpartner-outerbox:nth-child(even) .gsnw-enpartner-outerboxbox-title {
    background: #7558EA;
}

.gsnw-enpartner-grid .gsnw-enpartner-outerbox:nth-child(even) {
    border: 1px solid #7558EA;
}

.gsnw-enpartner-grid .gsnw-enpartner-outerbox:nth-child(even) .gsnw-enpartner-box-column-title {
    color: #7558EA;
}

.gsnw-enpartner-grid .gsnw-enpartner-outerbox:nth-child(even) {
    border: 1px solid #7558EA;
    background: rgb(229 225 248 / 40%);
}

.gsnw-enpartner-box-column .vsnw-spacetext {
    line-height: 1.77;
    text-align: left;
}


.gsnw-enpartner-btm-btn {
    padding: 55px 0 0 0;
    text-align: center;
}


.gsnw-enpartner-btm-btn .gt-stbtn.vsnw-herobtn{
    margin: 0;
}


.gsnw-enpartner-wrapper::before {
    position: absolute;
    width: 324px;
    height: 324px;
    background: #7558EA;
    filter: blur(237px);
    content: "";
    left: 0;
    top: 15%;
}

.gsnw-enpartner-wrapper::after {
    position: absolute;
    width: 324px;
    height: 324px;
    background: #43B0FF;
    filter: blur(237px);
    content: "";
    right: 0;
    top: 22%;
}

/*enterprise page ends here*/

.modal  .gs-image-editing-slide-outer .gs-image-editing-slide-row,
.modal  .gs-image-editing-slide-outer .slick-track {
    width: 100% !important;
}

/* Color Picker */

.color-picker-sectopn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 20px;
    text-align: center;
    justify-content: center;
}

.color-picker-sectopn p {
    margin-bottom: 0;
}

.color-picker-sectopn .custom-color-picker {
    display: inline-block;
    position: relative;
}

.color-picker-sectopn .custom-color-picker img {
    width: 75px;
    height: 75px;
    margin-left: 15px;
}

.color-picker-sectopn .custom-color-picker input[type="color"] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
}

.color-picker-sectopn #colorName{
    background: #131619;
    box-shadow: unset;
    border-color: transparent;
    border-radius: 12px;
    color: white;
    margin-top: 15px;
    padding: 5px 0px 5px 20px;
    display: block;
    width: 65%;
    position: relative;
}
img.colorpick-eyedropper-input-trigger {
    display: none !important;
}
.light-theme .accordion-post-content-top p{
    color: #000;
}
.light-theme .color-picker-sectopn #colorName{
    background: #fff;
    color: #000;
}

.color-picker-sectopn p.custom-line {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 15px;
}

.color-picker-sectopn p.custom-line::after {
    width: 50%;
    right: 0;
    height: 1px;
    background-color: white;
    position: absolute;
    content: '';
    display: inline-block;
    top: 50%;
}

.color-picker-sectopn .custom-line::before {
    width: 50%;
    left: 0;
    height: 1px;
    background-color: white;
    position: absolute;
    content: '';
    display: inline-block;
    top: 50%;
    z-index: 1;
}

.color-picker-sectopn .custom-line span {
    background: #121019;
    padding: 0 15px;
    position: relative;
    z-index: 2;
    font-weight: 900;
}

.upload-texture-image-container h3 {
    padding: 0 0 70px;
}
.color-picker-container {
    width: 44%;
}
.segment-masking-container .image-gallery img {
    max-height: 210px;
}
.upload-texture-image-container{
    min-height: 0px;
}

.upload-texture-image-container .konvajs-content{
    height: 0px !important;
    width: 0px !important;
}

/* Color Picker end*/

.gs-dashboard-listing .gs-dashboard-list-content a i {
    margin: 0;
}

.gs-dashboard-listing .gs-dashboard-list-content a {
    cursor: pointer;
}
.email-password-reset{
    font-size: 16px !important;
    display: flex;
    justify-content: center;
    padding: 10px;
}

.api_version_dropdown {
    position: absolute;
    top: 0;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}

.api_version_dropdown select#selectVersion {
    width: auto !important;
    background-color: #1b1e25;
    margin: 0;
}

.api_version_dropdown label.nwfile-tiTle {
    margin-bottom: 0 !important;
}

.gs-tutorial-strip-left h2.gs-tutorial-strip-heading {
    max-width: 900px;
}

.badge-new{
    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;
    padding: 2px 10px 2px;
}

.operations-accordition span.badge.badge-new {
    margin-left: 10px;
    margin-right: 5px;
}
/*********darmode lightmode********/
.color_mode {
    margin: -5px 0 4px;
}

/* .color_mode:nth-of-type(2) {
    top: 100px;
} */

.color_mode input {
    display: none;
}

.color_mode label {
    position: relative;
    cursor: pointer;
    display: block;
    width: 51px;
    height: 24px;
    background: #000;
    border-radius: 50px;
    transition: 300ms linear;
    background-image: url('../png/moon.png');
    background-position: 31px 5px;
    background-size: 14px;
    background-repeat: no-repeat;
}

.color_mode label:before {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background: #fff;
    border-radius: 50%;
    transition: left 300ms linear;
    box-shadow: 0px 4px 4px rgba(106, 116, 153, 0.25);
}

.color_mode input:checked+label {
    background: #000;
    background-image: url('../png/sun.png');
    background-position: 8px center;
    background-size: 16px;
    background-repeat: no-repeat;
}

.color_mode input:checked+label:before {
    left: 29px;
}

.color_mode .fa-moon,
.color_mode .fa-sun {
    font-size: 20px; /* Adjust the size as needed */
    color: #cccccc; /* Default color */
}

.color_mode input:checked ~ .fa-moon {
    color: #000000;
}

.color_mode input:checked ~ .fa-sun {
    color: #ffffff;
}
.light-theme .operations-accordition{
    background-color: white;
}
.light-theme .accordion-heading
{
    background-color: white;

}
.light-theme .strong.custom-elements{
    color: black;
}
.light-theme .accordion-heading strong{
    color: black;
}
.light-theme .spinner-border
{
    color:#000;
}
.light-theme .image-wrapper .cross-button{
    color: black;
}
.light-theme .gs-select-automatically-inner,
.light-theme .gs-select-category-list-inner {
    background-color: rgba(231, 236, 246, 1);
}
.light-theme .our-preset-settings-box textarea{
    background-color: rgba(231, 236, 246, 1);
}
.light-theme .gs-what-to-edit-tip-box {
    background: rgba(231, 236, 246, 1);
}
.light-theme .font14 {
    color: rgba(46, 36, 36, 0.81) !important;
}
.light-theme .gs-select-automatically-inner .text-white {
    color: rgba(46, 36, 36, 0.81) !important;
}
.light-theme .nwfile-tiTle {
    color: rgba(46, 36, 36, 0.81) !important;
}

.light-theme .color-picker-sectopn .custom-line span {
    background: #e2e8f2;
}

.light-theme .color-picker-sectopn .custom-line::before {
    background: #000;
}

.light-theme .color-picker-sectopn p.custom-line::after {
    background: #000;
}




.light-theme .gs-dashboard-wrpper {
    color: rgba(46, 36, 36, 1);
    /* background-image: url('https://i.ibb.co/23Y2Fgd/Select-what-to-edit.jpg') !important; */
    background-image: url('../jpg/main-bg.jpg') !important;
    background-size: cover !important;
    background-repeat: no-repeat;
}
.light-theme .ai-tool-wrapper {
    background: #fff;
    /* max-width: calc(100% - 30px); */
    /* margin: 0 auto 0; */
}
/* .light-theme .ai-tool-wrapper {
    background: #f2f0f2;
} */

.light-theme .ai-tool-right {
    /* background: #fff; */
    background: #f5f5ff;
    box-shadow: -20px 0px 54px rgba(0, 0, 0, 0.02);
}

.light-theme .ai-tool-right-top a {
    color: #000;
}

.light-theme .ai-tool-list li.active a {
    /* background: linear-gradient(180deg,#8F73FF 0%,#5B3DD5 100%); */
    background-color: #f5f5ff;
}

.light-theme .gs-select-automatically-inner li {
    background: rgba(255, 255, 255, 1);
}

.light-theme .gs-select-automatically p {
    color: rgba(46, 36, 36, 0.81);
}

.light-theme .gs-dashboard-links a {
    color: #2E2424;
}

.light-theme .gs-dashboard-links .active a {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
}

.light-theme .gs-dashboard-try-ai h3 {
    color: #fff;
}

.light-theme .gs-dashboard-try-ai p {
    color: #fff;
}

.light-theme .light-theme .ai-tool-list li.active a {
    color: #7558EA;
}

.light-theme .ai-tool-right-top li.active {
    color: #927AF2;
}

.light-theme .ai-tool-right-steps {
    background-color: #ededf1;
    border-color: #8991B1;
}

.light-theme .gs-what-to-edit-title li.active a {
    color: #927AF2;
}

.light-theme .gs-select-category-list-inner {
    color: rgba(46, 36, 36, 0.81);
}

.light-theme .ai-upload-title {
    color: #fff;
}

.light-theme .gs-dashboard-try-ai {
    background-image: url('../png/tip-bg.png');
    background-position: center;
    background-size: cover;
}

.light-theme .gs-dashboard-rigtbar-inner {
    background-image: url('../jpg/main-bg.jpg') !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    background: rgb(255 255 255 / 50%) !important;
}

.light-theme .gs-dashboard-listing {
    background: rgba(231, 236, 246, 1);
    box-shadow: 0 4px 44px 0 #402f2f21;
}

.light-theme .gs-dashboard-list-content p {
    color: rgba(46, 36, 36, 0.81);
}

.light-theme .gs-dashboard-list-content a {
    background: linear-gradient(117.58deg, rgb(44 44 44 / 37%) -47.79%, rgb(0 0 0 / 72%) 100%);
}
.light-theme .gs-dashboard-list-content a:hover {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}

.light-theme .gs-mostpopular-badge {
    color: #fff;
}

.light-theme .gs-dashboard-notice {
    background: #ededf1;
}

.light-theme .gs-dashboard-ai-creatvity-right h3 {
    color: #fff;
}

.light-theme .gs-enterprise-banner-strip {
    background: rgba(231, 236, 246, 1);
}

.light-theme .gs-enterprise-tracking-box {
    background-color: rgba(231, 236, 246, 1);
}

.light-theme .gs-enterprise-design-scope-top p {
    color: #2E2424;
}

.light-theme .gs-enterprise-design-table table {
    background-color: #fff;
    color: #2E2424;
}


.ai-upload-latest-inset {display: inline-block;position: relative;overflow: hidden;     width: 100%;}
.ai-upload-latest-inset img {
    display: block;
}
.ai-upload-latest-inset:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 14%) 70%, rgb(0 0 0 / 44%) 100%);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 9px;
}


.light-theme .ips-bf-parent a img.premium_lock_icon{
    filter: brightness(0.5);
    display: block;
}
.light-theme .ai-tool-left .ai-tool-list li img.premium_lock_icon {
    filter: brightness(0.5);
    display: block;
}
.light-theme .gs-dashboard-leftbar .gs-dashboard-left-sec li img.premium_lock_icon {
    filter: brightness(0.5);
    display: block;
}
 .gs-image-editing-tool span img{
    filter: brightness(0.5);
}



/* .light-theme .accordion-heading,
.light-theme .operations-accordition {
    background-color: #f2f0f2;
} */

/* .light-theme .accordion-post-content-top p {
    color: #2E2424;
} */

/* .light-theme .accordion-post-content-bottom table {
    color: #2E2424;
    background-color: rgba(231, 236, 246, 1);
} */

/* .light-theme .accordion-post-content-top li a {
    background: #e7ecf6;
    color: #2E2424;
}

.light-theme .accordion-heading {
    color: #2E2424;
} */

.light-theme .gs-related-demo-code pre {
    background: #fff;
    color: #2E2424;
}

.light-theme  .accordion-post-content-bottom table {
    background: #fff;
}

.light-theme  .accordion-post-content-bottom td {
    color: #000;
}
.light-theme  .accordion-post-content-bottom tr {
    border-bottom: 1px solid #2E2424;
}
.light-theme  .breadcrumb {
    filter: invert(1);
}
.light-theme  .gs-project-detail-right a {
    color: #000;
    border-color: #000;
}

.light-theme  .gs-project-detail-right a:hover {
    color: #fff;
}



.light-theme  .gs-setting-wrapper {
    background: #fff;
}

.light-theme  .gs-setting-notice {
    background: #eff0f7;
}

.light-theme  .gs-setting-notice p {
    color: #000;
}

.light-theme  .cancel-subsciption-btn {
    color: #1a1d21;
    border-color: #1a1d21;
}

.light-theme  .gs-dashboard-wrpper a:hover {
    border-color: #7558ea;
}
.light-theme  .gs-edit-setting-field {
    background-color: #fff;
}

.light-theme  .gs-edit-settings-column label {color: #000;}



.light-theme .gs-modal-content h3,
.light-theme .gs-related-wrapper>p {
    color: #000;
}

.light-theme .ai-upload-latest-pagination li a {
    background: rgba(231, 236, 246, 1);
    color: #000;
}

.light-theme .ai-upload-add-project-list a {
    background: rgba(231, 236, 246, 1);
    color: #000;
}

.light-theme .ai-upload-add-project-list a img {
    filter: brightness(0);
}

.light-theme .ai-upload-effects li {
    background: rgba(231, 236, 246, 0.7);
}

.light-theme .gs-choose-content span {
    color: #000;
}
.light-theme  .ai-tool-right-back-btn img {
    display: none;
}

.light-theme .ai-tool-right-back-btn img.light-mode {
    display: block;
    filter: unset;
}
.light-theme .gs-tutorials-questions-wrapper li {
    background: #e7ecf6;
}

.light-theme .ai-upload-image {
    background-color: #ededf1;
    border-color: #8991B1;
}

.light-theme .gs-expertchat-field-wrap,
.light-theme .gs-expertchat-mile {
    background: rgba(231, 236, 246, 1);
}

.light-theme  .gs-dashboard-links li.active img {
    filter: brightness(12);
}
.light-mode {
    display: none;
}
.light-theme  .ai-tool-list li img,
.light-theme .gs-dashboard-links a img {
    display: none;
}

.light-theme img.light-mode {
    display: inline-block !important;

}
.light-theme .gs-enterprise-tracking-box a img{ display: none;}
.light-theme .gs-dashboard-links a:hover {
    color: #fff;
}

.light-theme .gs-dashboard-links a:hover img {
    filter: brightness(12);
}

.light-theme .active .gs-select-category-list-inner {
    color: #fff;
}
.gs-enterprise-design-table tr {
    border-color: rgba(46, 36, 36, 1);
}


.light-theme .ai-tool-list li.active a {
    color: #2E2424;
}
/* .light-theme .ai-tool-list li.active a {
    color: #fff;
} */

.light-theme .ai-tool-list li.active a img {
    /* filter: brightness(8) invert(1); */
}

.light-theme .gs-enterprise-tracking-list .gs-enterprise-tracking-box img {
    display: none;
}

.light-theme .ai-tool-right-top a img {
    filter: brightness(0);
}

.light-theme .gs-dashboard-notice .gs-dashboard-cross img {
    display: none;
}
.light-theme .ai-tool-list li a::before,
.light-theme .ai-tool-list li a::after {
    filter: brightness(6);
}

.light-theme .gs-dashboard-setting img {
    display: none;
}
.light-theme .gs-dashboard-left-logo a img {
    display: none;
}
.light-theme .gs-our-preset-settings {
    background: #e7ecf6;
}

.light-theme .our-preset-range-design .ui-widget-header {
    background: #cbcfd8;
}

.light-theme .our-preset-settings-range-list li,
.light-theme .our-preset-prompt-text2 a,
.light-theme .our-preset-prompt-text,
.light-theme .nw-tgtype {
    color: #2e2424;
}

.light-theme .nwtoggle-label2,
.light-theme .nwtoggle-label1,
.light-theme .nwtoggle-label0 {
    background: #e7ecf6;
}

.light-theme .gs-image-editing-tools-row,
.light-theme .gs-image-editing-tools-row,
.light-theme .gs-modal-content {
    background: #e7ecf6;
}

.light-theme .gs-modal-uploading_instruction_slide {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
}

.light-theme .gs-modal-uploading_instruction h3,
.light-theme .gs-modal-content,
.light-theme .gs-modal-best-right h4,
.light-theme .gs-modal-best-right li span {
    color: #2e2424;
}

.light-theme .gs-select-manually-inner,
.light-theme .gs-modal-content {
    background: #e7ecf6;
}

.light-theme .gs-modal-content,
.light-theme .gs-modal-best-right h4,
.light-theme .gs-modal-best-right li span {
    color: #2e2424;
}

/* #view_all_interior_room_type .modal-content.gs-modal-content{
    background-color: #e7ecf6;
} */

.ai-tool-wrapper.slide-close .ai-tool-list li.active img{
    filter: brightness(8) invert(0);
}

.light-theme .gs-modal-content .gs-modal-close img {
    filter: brightness(0);
    opacity: 1;
}

.light-theme .gs-image-editing-tool span {
    color: #2e2424;
}

.light-theme .gs-select-automatically-inner li {
    color: #2e2424;
}


.light-theme .gs-select-automatically-inner li {
    color: #2e2424;
}


.light-theme .gs-select-automatically-inner li.active {
    color: #fff;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}

.light-theme .gs-select-automatically-inner li.active::before {
    filter: brightness(1);
}

.light-theme .gs-select-manually-inner p,
.light-theme .gs-select-manually-inner .gs-select-manually-value,
.light-theme .gs-select-manually-top .gs-select-manually-strength-value {
    color: #2e2424;
}



.light-theme .gs-refine-manually-single {
    background: #fff;
}

.light-theme .ai-tool-left{
    background: #fff;
}
.light-theme .custom_loader_text,
.light-theme  .gs-modal-content h4,
.light-theme .our-preset-settings-range-outer p {
    color: #2e2424;
}

.light-theme .our-preset-prompt-text img {
    filter: brightness(0);
}

.light-theme .ck_inst {
    background: #7558ea;
}

.light-theme #modalUpgradePlan .gs-modal-content h3,
.light-theme #modalUpgradePlan .gs-modal-content p{
    color: #000;
}

.light-theme .gs-edit-settings-row1 .cancel-subsciption-btn:hover,
.light-theme .gs-setting-notice .cancel-subsciption-btn:hover{
    color: #fff;
}

.light-theme .gs-edit-setting-field {
    color: #000;
}

.light-theme #cancel_subscription_01 li span,
.light-theme #cancel_subscription_01 li strong
{
    color: #000;
}
/*********End darmode lightmode ********/

.gs-edit-settings .gs-edit-settings-row1{
    display: flex;
    gap: 25px;
}

.gs-tutorials-toolnip:hover .ai-upload-option-tooltip {
    display: block;
    width: 250px;
    white-space: unset;
    z-index: 3;
}

.gs-tutorials-toolnip {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 5px;
}

#confirm_delete_modal .confirm-content,
#confirm_project_modal .confirm-content,
#confirm_sub_project_modal .confirm-content,
#success_project_modal .confirm-content,
#project_success_modal .confirm-content,
#confirm_feedback_modal .confirm-content,
#domainConfirmModal .confirm-content,
#disableDomainModal .confirm-content,
#confirm_modal .confirm-content,
#cancel_subscription_003 .confirm-content,
#confirm_modal2 .confirm-content,
#bookCallModal .confirm-content
{
    display: block;
    text-align: center !important;
    margin-top: 30px;
}

#confirm_delete_modal .confirm-content .confirm-modal-button,
#confirm_project_modal .confirm-content .confirm-modal-button,
#confirm_sub_project_modal .confirm-content .confirm-modal-button,
#success_project_modal .confirm-content .confirm-modal-button,
#bookCallModal .confirm-content .confirm-modal-button,
#project_success_modal .confirm-content .confirm-modal-button,
#confirm_feedback_modal .confirm-content .confirm-modal-button,
#domainConfirmModal .confirm-content .confirm-modal-button,
#disableDomainModal .confirm-content .confirm-modal-button,
#confirm_modal .confirm-content .confirm-modal-button,
#cancel_subscription_003 .confirm-content .confirm-modal-button,
#confirm_modal2 .confirm-content .confirm-modal-button{
    display: flex;
    justify-content: center;
    gap: 20px;
}

#confirm_delete_modal .confirm-content .confirm-modal-button button,
#confirm_project_modal .confirm-content .confirm-modal-button button,
#confirm_sub_project_modal .confirm-content .confirm-modal-button button,
#success_project_modal .confirm-content .confirm-modal-button button,
#bookCallModal .confirm-content .confirm-modal-button button,
#project_success_modal .confirm-content .confirm-modal-button button,
#confirm_feedback_modal .confirm-content .confirm-modal-button button,
#domainConfirmModal .confirm-content .confirm-modal-button button,
#disableDomainModal .confirm-content .confirm-modal-button button,
#confirm_modal .confirm-content .confirm-modal-button button,
#cancel_subscription_003 .confirm-content .confirm-modal-button button,
#confirm_modal2 .confirm-content .confirm-modal-button button{
    width: 25%;
    min-width: 130px;
}

.slide-close .premium_lock_icon{
    display: none;
}

.ai-upload-latest-inset:hover:after{
    content: none;
}

.gs-edit-settings-column input:-webkit-autofill, .gs-edit-settings-column input:-webkit-autofill:hover, .gs-edit-settings-column input:-webkit-autofill:focus, .gs-edit-settings-column input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #9B9C9E;
    transition: background-color 5000s ease-in-out 0s;
    /* box-shadow: inset 0 0 20px 20px #23232329; */
}

.edit_setting_inputs {
    position: relative;
}

.edit_setting_inputs img{
    position: absolute;
    top: 20px;
    left: 15px;
}

.image-background-container {
    padding: 20px;
    background-color: #111929;
    /* margin-top: 30px; */
}

.image-show-container {
    background: #12101A;
    padding: 20px;
}

.light-theme .image-show-container, .light-theme .image-background-container{
    background: #e3e8f3;
}

.light-theme .rating_title, .light-theme .feedback_modal .modal-dialog .modal-content.hdc-modal .head h5{
    color: #000;
}

.light-theme .api_version_dropdown select#selectVersion{
    background-color: #8366f2;
}

#progressindicatordiv0 .in-painting-card.loader-card.ai-upload-latest-single {
    height: 400px;
    overflow: hidden;
}

.gs-image-editing-slide-outer{
    margin-top: 40px;
}
.panel-group .accordion-post-content-top .dragUploadBtn {

    height: 100px;

    border: 1px dashed black;
    border-radius: 10px;
    border-color: #7558EA;
    width: 97%;
    margin-left: 10px;
    justify-content: center;
    display: flex;
    height: 124px;
    align-items: center;
    margin: 0 auto 20px 10px;
}

.panel-group #parentDiv{
    max-height: 350px;
    overflow: auto;
    height: 100%;
}

#modalImagePreview .gs-image-editing-slide-outer{
    padding: 0;
    border-radius: 22px;
    /* overflow: hidden; */
}

.accordion-heading strong {
    max-width: 75%;
    display: flex;
    align-items: flex-start;
}

.accordion-heading {
    display: flex;
}

#modalImagePreview .gs-image-editing-content {
    padding: 10vh 0;
}

.mask-image-container .ai-tool-right{
    width: 100%;
    border-radius: 20px 20px 0 0;
}

.ai-tool-right .gs-dashboard-notice .gs-dashboard-cross {
    position: relative;
    top: -14px;
    right: -6px;
}

.ai-upload-latest-inset:hover .ai-upload-effects {
    opacity: 1;
}

.ai-upload-latest-inset:hover .ai-upload-optons {
    opacity: 1;
}

#cropImageModal .upload_btns_part {
    background: rgb(0 0 0 / 50%);
    position: absolute;
    bottom: 13%;
    left: 0;
    right: 0;
    width: auto !important;
    display: inline-flex;
    max-width: 180px;
    margin: 0 auto;
    border-radius: 8px;
    padding: 5px 0;
}

#cropImageModal .upload_btns_part button {
    flex-direction: column;
    margin: 0 7px !important;
    gap: 3px;
    background: transparent !important;
    padding: 5px 3px !important;
    border: transparent !important;
}

#cropImageModal .upload_btns_part button span {
    font-size: 12px;
}

#cropImageModal .upload_btns_part button:hover {
    color: #fff !important;
}

#cropImageModal .modal-footer {
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}

#cropImageModal .modal-footer label {
    width: 100%;
    color: #fff;
    margin: 0;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#cropImageModal .modal_footer_part label span {
    color: #fff;
}

#cropImageModal .modal_footer_part label .span_strong {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    line-height: normal;
}
#cropImageModal .modal_footer_part label p {
    font-size: 12px;
    line-height: 20px;
}

#cropImageModal .modal_footer_part button.btn-primary-c {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
#cropImageModal .modal_footer_part button.btn-primary-c:hover {
    background: linear-gradient(180deg, #5B3DD5 0%, #8F73FF 100%);
}

#cropImageModal .modal_footer_part button.close-decor-stag {
    background: linear-gradient(180deg, #565e64 0%, #262728 100%);
}
#cropImageModal .modal_footer_part button.close-decor-stag:hover {
    background: linear-gradient(180deg, #262728 0%, #565e64 100%);
}


.light-theme #cropImageModal .modal-footer label {
    color: #000;
}

.light-theme #cropImageModal .modal_footer_part label span {
    color: #000;
}

.light-theme #cropImageModal .modal_footer_part label .span_strong {
    color: #000;
}

.ai-upload-latest-designs h5.no_image_generation {
    text-align: center;
    font-size: 22px;
    padding-top: 20px;
    align-content: center;
}
.gs-what-to-edit-tabs .gs-what-to-edit-content .nwchoice-toggle {
    justify-content: end;
    margin-right: 0.7rem;
    padding-bottom: 0.5rem;
}

/* 13-8-24 */

.panel-group.gs-related-wrapper {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}

.parent-operations-accordition {
    padding: 0 10px;
    width: 50%;
}

.no-before::before {
    background: none !important;
}


/*upgrade popups css start*/
.gs-upgrade-premium-container {
    max-width: 987px;
    width: 95%;
    margin: 0rem auto;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 70px 0 30px;
}
.gs-upgrade-premium-content {
    margin: auto;
    width: 100%;
    background: #1A1D21;
    border: 2px solid #7558EA;
    border-radius: 22px;
    padding: 30px;
    font-size: 17px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #FFFFFF9E;
    position: relative;
    z-index: 1;
}
.gs-upgrade-premium-content::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(288.24deg, rgba(117, 88, 234, 0) 2.13%, rgba(117, 88, 234, 0.5) 102.34%);
    z-index: -1;
    border-radius: 22px;
}

.gs-upgrade-premium-modal-left {
    width: 38%;
    display: flex;
    justify-content: flex-start;
}
.gs-upgrade-premium-modal-right {
    width: 62%;
}
.gs-upgrade-premium-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: unset;
    padding-top: 54px;
}
.gs-upgrade-premium-modal-right h2 {
    font-size: 29px;
    font-weight: 700;
    line-height: 42px;
    color: #FFFFFF;
}
.gs-upgrade-premium-modal-right p {
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0.15000000596046448px;
    color: #FFFFFF9E;
    opacity: 1;
    margin: 0;
}
.gs-upgrade-premium-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-left: -20px;
}
.gs-upgrade-premium-box {
    padding: 19px 0 0 17px;
    width: 25%;
}
.gs-upgrade-premium-box-inner {
    border: 1px solid #7558EA80;
    box-shadow: -20px 0px 54px 0px #00000026;
    background: #3A3A69;
    border-radius: 18px;
    text-align: center;
    padding: 20px 10px 15px;
    position: relative;
    cursor: pointer;
}

.gs-upgrade-premium-box-icon {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gs-upgrade-premium-box-inner span {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    text-align: center;
    display: block;
    min-height: 34px;
    margin-top: 15px;
    color:rgba(255, 255, 255, .8);
}
.gs-upgrade-premium-box-toolip {
    position: absolute;
    box-shadow: 0px 24px 34px 0px #00000040;
    background: #1B1C29;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    padding: 15px 20px;
    left: 0;
    width: 218px;
    bottom: 100%;
    margin-bottom: 20px;
    visibility: hidden;
}
.gs-upgrade-premium-box:nth-child(4n) .gs-upgrade-premium-box-toolip
{
    left: unset;
    right: 0;
}
.gs-upgrade-premium-box-toolip::after {
    content: "";
    position: absolute;
    left: 30px;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #1B1C29;
}
.gs-upgrade-premium-box:nth-child(4n) .gs-upgrade-premium-box-toolip::after
{
    left: unset;
    right: 30px;
}
.gs-upgrade-premium-box-inner:hover .gs-upgrade-premium-box-toolip{
    visibility: visible;
}
.gs-upgrade-premium-btn .add-premium {
    background: linear-gradient(rgb(143, 115, 255) 0%, rgb(91, 61, 213) 100%);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    padding: 13px 57px;
    border-radius: 12px;
    display: inline-block;
    color: #fff;
    letter-spacing: 0.3px;
}

.gs-upgrade-premium-btn {
    padding: 30px 0 0 0;
}
.gs-upgrade-premium-btn h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    margin: 20px 0 0;
    color: #FFFFFF;
}
.gs-upgrade-premium-modal-left img {
    margin: 0 0 -30px -30px;
    border-radius: 22px;
    mix-blend-mode: screen;
}


.gs-upgrade-premium-btn h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.15000000596046448px;
    margin: 0 0 20px;
}
.gs-upgrade-premium-modal-right h2 span {
    color: #8E72FD;
    display: block;
}
.gs-upgrade-premium-modal-right p + p {
    margin-top: 20px;
}
.gs-clipboard-wrapper {
    border: 1px solid #7558EA;
    display: inline-flex;
    border-radius: 14px;
    padding: 16px 20px;
    background: #2A2945;
    gap: 22px;
}
.gs-clipboard-wrapper span {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 6.150000095367432px;
    color: #8E72FD;
}
.gs-clipboard-outer {
    padding: 18px 0 0 0;
}

.gs-count-timer {
    display: flex;
    gap: 13px;
    font-size: 24px;
    margin-top: 6px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.1500000953674316px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF9E;
}

.gs-count-timer div {
    background: #3A3A69;
    padding: 11px 4px 4px;
    border-radius: 7px;
    box-shadow: -20px 0px 54px 0px #00000026;
    display: flex;
    flex-direction: column;
    width: 83px;
}
.gs-count-timer div span {
    font-size: 26px;
    font-weight: 500;
    line-height: 28px;
    color: #FFFFFF;
}
.gs-count-down-timer {
    padding: 20px 0 0 0;
}
.gs-upgrade-premium-inner
{
    gap: 16px;
    display: flex;
    flex-wrap: wrap;
}
.gs-upgrade-premium-inner .skip-discount {
    background: linear-gradient(117.58deg, rgba(215, 237, 237, 0.16) -47.79%, rgba(204, 235, 235, 0) 100%)    ;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    padding: 13px 57px;
    border-radius: 12px;
    display: inline-block;
    color: #FFFFFF7D;
    letter-spacing: 0.3px;
    box-shadow:0px 8px 12px 0px #FFFFFF14 inset, 0px 24px 24px -16px #0000001F , 16px 24px 64px -24px #FFFFFF14 inset;;
}
.gs-upgrade-confirm-container .gs-upgrade-premium-modal-right {
    width: 100%;
    padding: 10px 10px 30px;
}
.gs-upgrade-premium-container.gs-upgrade-confirm-container {
    max-width: 669px;
}
.gs-upgrade-premium-feature .gs-upgrade-premium-modal-left {
    display: block;
    padding: 10px;
    text-align: center;
}
/*upgrade popups css end*/

.search-preview-outer {
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-preview-outer .mainSection {
    min-height: auto;
    max-height: 90vh;
    border-radius: 10px;
    overflow: hidden;
    width: auto;
    height: unset;
}

.search-preview-outer .bal-after {
    position: relative;
    height: unset;
    width: auto;
}
.search-preview-outer .bal-before-inset {
    /* min-width: 1100px; */
}
.search-preview-outer .bal-after img {
    position: relative;
    max-height: 73vh;
}
.gs-image-editing-slide-outer:has(.search-preview-outer) {
    margin-top: 0;
}
#modalImagePreview .gs-image-editing-content:has(.search-preview-outer) {
    padding: 5vh 0;
}

.gs-dashboard-category-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.gs-dashboard-category-left h1 {
    padding: 0;
}
.gs-dashboard-category-left p {
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -0.01em;
    /* color: #EFEFEFCF; */
}
.gs-dashboard-category-right {
    font-size: 14px;
    position: relative;
    display: flex;
    align-self: flex-start;
}
.gs-dashboard-category-right span {
    background: #0d0c14;
    height: 26px;
    width: 26px;
    border-radius: 8px;
    margin: -2px 8px 0 0;
    position: relative;
    border: 1px solid #7558ea;
}
.light-theme .gs-dashboard-category-right span {
    background: #dadbdf;
}
.gs-dashboard-category-right span::before {
    content: "";
    background: url(../svg/gs-dashboard-category-check.svg) no-repeat center;
    position: absolute;
    color: #fff;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    visibility: hidden;
}
.gs-dashboard-category-right input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 9;
    outline: none;
}
.gs-dashboard-category-right input:checked + span::before{
 visibility: visible;
}
.gs-dashboard-cat-list {
    padding: 1px 0 00px;
    text-align: left;
}
.gs-dashboard-cat-list ul {
    display: flex;
    justify-content: unset;
    gap: 10px;
    flex-wrap: wrap;
    margin-left: -10px !important;
}
.gs-dashboard-cat-list + .gs-dashboard-notice {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
}
.gs-dashboard-cat-list  li {
    font-size: 14px;
    letter-spacing: 0.15000000596046448px;
    /* color: #E8E9E9; */
    margin: 10px 11px 10px 0px;
    min-width: 110px;
    flex-direction: column;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.gs-dashboard-cat-img {
    background: #2E3347;
    height: 84px;
    width: 84px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    position: relative;
    z-index: 1;
}
.light-theme .gs-dashboard-cat-img {
    background: #E7ECF6;
}
.gs-dashboard-cat-list li span {
    padding: 14px 0 0;
}
.gs-dashboard-cat-img::before {
    border: 1px solid #FFFFFF0F;
    border-radius: 10px;
    width: 90px;
    height: 90px;
    content: "";
    position: absolute;
    left: -3px;
    top: -3px;
}
.gs-dashboard-cat-list  li:hover .gs-dashboard-cat-img
{
    background: #7558ea;
}
.gs-dashboard-cat-list  li.active .gs-dashboard-cat-img
{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.gs-dashboard-cat-list  li:hover .gs-dashboard-cat-img::before,
.gs-dashboard-cat-list  li.active .gs-dashboard-cat-img::before
{
    border-color: #7558EA9C;
}
.gs-dashboard-cat-list  li:hover .gs-dashboard-cat-img img,
.gs-dashboard-cat-list  li.active .gs-dashboard-cat-img img
{
    filter: brightness(0) invert(1);
}
.ai-tool-list-inside h4 {
    font-size: 11px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 2.1500000953674316px;
    text-align: left;
    /* color: #FFFFFF; */
    text-transform: uppercase;
    margin:-1px -13px 0;
    padding: 20px 23px 20px 18px;
    border-bottom: 1px solid #3F395696;
    border-top: 1px solid #3F395696;
    position: relative;
    opacity: .8;
    cursor: pointer;
    overflow: hidden;
}
.ai-tool-list-inside:first-child h4::before{
    display: none;
}
.ai-tool-list-inside h4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 17px;
    height: 20px;
    width: 51px;
    /* box-shadow: 0 0 18px #2c2242 , 0 0 18px #000000, 0 0 18px #000000, 0 0 18px #000000 , 0 0 18px #000000, 0 0 18px #000000, 0 0 18px #000000 , 0 0 18px #000000, 0 0 18px #000000, 0 0 18px #000000 , 0 0 18px #000000, 0 0 18px #000000; */
    left: -150%;
    box-shadow: 0 0 18px #2c2242 , 0 0 18px #2c2242, 0 0 18px #2c2242;
    background: #2c2242;
    /* border-radius: 50%; */
    opacity: 0.5;
    -webkit-animation: scrolling-left2 3s linear infinite;
    animation: scrolling-left2 3s linear infinite;
    animation-delay: 0s;
    /* transform: rotate(45deg); */
    z-index: 1;
}
@keyframes scrolling-left2 {
    0% {
        left: -150%;
    }
    100% {
        left: 250%;
    }
}
.light-theme .ai-tool-list-inside h4::before
{
    box-shadow: 0 0 18px #ffffff , 0 0 18px #ffffff, 0 0 18px #ffffff;
    background: #ffffff;
}
.slide-close .ai-tool-list-inside h4 {
    line-height: 15px;
    padding: 11px 4px 27px 4px;
    text-align: center;
}
.slide-close .ai-tool-list-inside h4::after {
    top: unset;
    right: 50%;
    left: unset;
    bottom: 12px;
    margin-right: -4px;
}
.ai-tool-list-inside h4.active {
    border-bottom-color: transparent;
}
.ai-tool-list-inside h4::after {
    background: url(../svg/dropdown-arroiw.svg) no-repeat center;
    position: absolute;
    right: 12px;
    top: 30px;
    width: 8px;
    height: 4px;
    content: "";
    transition: .3s all ease;
}
.light-theme .ai-tool-list-inside h4::after{
    background: url(../svg/dropdown-arroiw2.svg) no-repeat center;
}
.ai-tool-list-inside h4.active::after{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.ai-tool-list-inside ul {
    display: none;
}

.gs-gallery-tooltip .gs-tutorials-toolnip img {
    display: block;
}
.gs-gallery-tooltip .gs-tutorials-toolnip {
    margin-right: 0;
}
.gs-gallery-tooltip {
    display: flex;
    align-items: center;
}
.gs-what-to-edit-tabs .gs-what-to-edit-content .nwchoice-toggle.gsnwchoice-toggle {
    align-items: center;
    margin-right: 0;
}
.gs-tutorials-toolnip-right .ai-upload-option-tooltip {
    right: -10px;
    left: unset;
    transform: translate(0);
}
.gs-tutorials-toolnip-right .ai-upload-option-tooltip::after {
    left: unset;
    transform: translate(0);
    right: 17px;
}
/*welcome popup css start*/
.welcome-dashbord-cont {
    margin: auto;
    width: 100%;
    background: #1A1D21F5 url(../png/welcome-dashbord-cont.png) no-repeat center;
    background-size: cover;
    border: 3px solid #7558EA;
    border-radius: 22px;
    padding: 30px;
    font-size: 17px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #FFFFFF9E;
}
.welcome-dashbord-cont-inner h3 {
    font-size: 33px;
    font-weight: 700;
    line-height: 42px;
    color: #fff;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    gap: 7px;
}
.welcome-dashbord-cont-inner p {
    margin: 0 0 17px;
    line-height: 1.6;
    font-size: 15px;
}
.welcome-dashbord-video {
    border: 12px solid #FFFFFF1C;
    border-radius: 30px;
    display: block;
    cursor: pointer;
    overflow: hidden;
}
.welcome-dashbord-video video {
    display: block;
    max-height: 300px;
    object-fit: cover;
}
.welcome-dashbord-video-poster {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.welcome-dashbord-poster-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.welcome-dashbord-cont-inner .gs-modal-btns a {
    width: 100%;
    padding: 22px 26px 22px 26px;
    font-size: 20px;
}
.welcome-dashbord-cont-inner .gs-modal-btns {
    padding: 20px 0 0 0;
}
.welcome-dashbord-video {
    position: relative;
}
.welcome-dashbord-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%);
    box-shadow: 0px 12px 64px -12px #8E73FB7A, 0px 12px 36px -8px #0000005C;
}
.free-credits-content h3 {
    font-size: 33px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin: 0 0 4px;
}
.free-credits-content p {
    font-size: 18px;
    line-height: 21.6px;
    text-align: center;
    color: #FFFFFFCC;
}

.free-credits-switch-outer {
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
}
.free-credits-switch-outer span {
    position: relative;
}
.free-credits-save {
    font-family: "Caveat", cursive;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.6px;
    color: #B29FFF;
    position: absolute;
    text-align: center;
    top: 5px;
    left: 100%;
    margin: 0 0 0 10px;
    white-space: nowrap;
}

.free-credits-switch {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    width: 78px;
    height: 36px;
    border-radius: 40px;
    position: relative;
    cursor: pointer;
}
.free-credits-switch::before {
    box-shadow: 0px 4px 15px 0px #00000040;
    background: #FFFFFF;
    position: absolute;
    left: 5px;
    top: 4px;
    height: 28px;
    width: 28px;
    content: "";
    border-radius: 50px;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
}
.free-credits-switch.swithactive::before {
    left: 44px;
}
.free-credits-table {
    padding: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.free-credits-table-spacing {
    width: 50%;
    padding: 15px;
}
.free-credits-table-inner {
    border: 1px solid #56596675;
    background: #1C1E26F5;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.free-credits-table-top {
    display: flex;
    background: #252339;
    padding: 30px 14px 30px 24px;
}
.free-credits-table-top-icon img {
    box-shadow: 0px 16px 32px -8px #21252929;
}
.free-credits-table-top-details {
    width: calc(100% - 50px);
    padding: 0 0 0 11px;
}
.free-credits-table-top-details h4 {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
    color: #fff;
}
.free-credits-table-top-details h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25.2px;
    color: #FFFFFF;
    margin: 2px 0 0;
}
.free-credits-table-top-details h5 span {
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #FFFFFF6B;
}
.free-credits-plan-yearly
{
    display: none;
}
.free-credits-table-content {
    padding: 24px 24px 29px;
    height: calc(100% - 109px);
    display: flex;
    flex-direction: column;
}
.free-credits-table-content li {
    color: #FFFFFFCC;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    background: url(../svg/checkbox-rec-2.svg) no-repeat top left;
    padding: 2px 0 2px 40px;
}
.free-credits-table-content ul {
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.free-credits-table-content .gs-modal-btns {
    padding: 23px 0 0 0;
    flex-direction: column;
    margin-top: auto;
}
.free-credits-table-content .gs-modal-btns a {
    padding: 17px 26px 17px 26px;
    font-size: 18px;
    width: 100%;
}
.free-credits-bottom {
    display: flex;
    justify-content: center;
}
.free-credits-bottom a{
    color: rgba(255, 255, 255, 0.8);
}
.free-credits-bottom a:hover{
    color: #7558EA;
}
#free-credits .gs-modal-container {
    max-width: 850px;
}

.gs-dashboard-webinar-start a {
    background: linear-gradient(93.96deg, #4124B5 -0.31%, #5B3DD5 52.34%, #8F73FF 100.43%);
    display: flex;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.15000000596046448px;
    color: #fff;
    padding: 4px 14px;
    border-radius: 12px;
    position: relative;
    z-index: 1;
    align-items: center;
    min-height: 48px;
    overflow: hidden;
}
:root {
	--transition: 0.25s;
	--spark: 1.8s;
  --speed: 1.2s;
}


.spark {
    position: absolute;
    inset: 0;
    border-radius: 10px;
    rotate: 0deg;
    overflow: hidden;
    mask: linear-gradient(white, transparent 50%);
    animation: flip calc(var(--spark) * 2) infinite steps(2, end);
    z-index: -3;
}


@keyframes flip {
	to {
		rotate: 360deg;
	}
}

.spark:before {
	content: "";
	position: absolute;
	width: 200%;
	aspect-ratio: 1;
  inset: 0 auto auto 50%;
	z-index: -1;
	translate: -50% -15%;
	rotate: 0;
	transform: rotate(-90deg);
	opacity: calc((var(--active)) + 0.4);
  opacity: 1;
	background: conic-gradient(
		from 0deg,
		transparent 0 340deg,
		#8F73FF 360deg
	);
	transition: opacity var(--transition);
	animation: rotate var(--spark) linear infinite both;
}
@keyframes rotate {
	to {
		transform: rotate(90deg);
	}
}
.gs-dashboard-webinar-start a:hover .spark {
    display: none;
}

.gs-dashboard-webinar-start a:hover::before{
    opacity: 0;
}

.gs-dashboard-webinar-start a::before {
    height: calc(100% - 4px);
    background: #1b1f2f;
    width: calc(100% - 4px);
    position: absolute;
    content: "";
    left: 2px;
    z-index: -2;
    top: 2px;
    border-radius: 10px;
    transition: .3s all ease;
}
.gs-dashboard-webinar-start a::after {
    height: 170px;
    background: #7558EA;
    width: 10px;
    position: absolute;
    content: "";
    left: -78px;
    z-index: -1;
    top: -60px;
    border-radius: 10px;
    transition: 1s all ease;
    transform: rotate3d(1, 1, 1, 55deg);
    backdrop-filter: blur(81px);
    opacity: .2;
    box-shadow: 0px 0px 20px #7558EA, 0px 0px 20px #7558EA, 0px 0px 20px #7558EA, 0px 0px 20px #7558EA, 0px 0px 20px #7558EA;
    animation:webinarshimer 3s infinite;
    -webkit-animation:webinarshimer 3s infinite;
}

@-webkit-keyframes webinarshimer {
    0% {
        left: -78px;
    }
    100% {
          left: 500px;
    }
  }


.gs-dashboard-webinar-start {
    padding: 0 0 17px;
}
.gs-dashboard-webinar-start a span {
    display: inline-block;
    margin: 0 0 0 5px;
    color: #8F73FF;
}
.gs-dashboard-webinar-start a:hover span {
    color: #fff;
}
.gs-dashboard-webinar-start a img {
    margin-right: 5px;
    max-width: 15px;
}
.gs-dashboard-web-outer {
    margin-top: auto;
}
.light-theme .gs-dashboard-webinar-start a::before {
    background: linear-gradient(117.58deg, rgb(44 44 44 / 37%) -47.79%, rgb(0 0 0 / 72%) 100%);
}

.credits-remaining {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.15000000596046448px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    color: #FFFFFFB0;
    padding: 10px 0 0 0;
}
.credits-remaining-text {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
.credits-remaining-pending span {
    color: #8F73FF;
}
.slide-close .credits-remaining-con {
    display: none;
}
.slide-close .credits-remaining {
    gap: 4px;
}
.slide-close .credits-remaining {
    margin-left: -7px;
}
.light-theme .credits-remaining {
    color: #8991B1;
}
.credits-remaining-left {
    display: flex;
    align-items: center;
    gap: 8px;
}
.credits-remaining-btn a {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    display: inline-flex;
    margin-top: 0;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    color: #fff;
    padding: 5px 16px;
    border-radius: 7px;
    gap: 6px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
/* Shimmer effect layer */
.credits-remaining-btn a::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    animation: creditsshimmer 1.5s infinite;
    z-index: 2;
    pointer-events: none;
    opacity: 0.6;
}

/* Keyframes for shimmer */
@keyframes creditsshimmer {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
.unlock-more-magic-modal h4 {
    text-align: center;
    margin: 0 0 7px;
    font-weight: 700;
}
/*welcome popup css end*/
.welcome-dashbord-thrill {
    display: flex;
    flex-wrap: wrap;
}
.welcome-dashbord-thrill-left {
    width: 60%;
}
.welcome-dashbord-thrill-right {
    width: 40%;
    text-align: right;
    padding: 0 0 0 20px;
}
.welcome-thrill-content h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 4px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 4px;

}
.welcome-thrill-content ul {
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.welcome-thrill-content li {
    color: #FFFFFFCC;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    background: url(../svg/checkbox-rec-2.svg) no-repeat top left;
    padding: 2px 0 2px 40px;
}
.welcome-thrill-content .gs-modal-btns a {
    padding: 17px 26px 17px 26px;
    font-size: 18px;
    width: 100%;
}
.welcome-thrill-content {
    width: 100%;
    padding-top: 50px;
}
.welcome-dashbord-thrill-left h3 {
    font-size: 35px;
    font-weight: 700;
    line-height: 42px;
    color: #8F73FF;
    margin: 0 0 10px;
}
.training-sub-heading h3 {
    color: #fff;
}
.welcome-dashbord-thrill-left p {
    color: #FFFFFFCC;
    margin: 0;
}
.gs-modal-btns.welcome-thrill-btn {
    margin-top: 30px;
}
.welcome-thrill-content .gs-modal-btns a img {
    margin-right: 10px;
}
#pro-welcome-dashbord .gs-modal-container {
    max-width: 770px;
}
.panel-group.gs-related-wrapper.gs-related-scroller {
    height: 305px;
    display: block;
}
.gs-related-scroll-inner
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.custom-scroll .mCSB_inside > .mCSB_container {
    margin-right: 14px;
}
.custom-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
}

.welcome-join-free-training .welcome-dashbord-thrill-left {
  width: 70%;
  align-self: center;
}
#join-free-training .gs-modal-container {
  max-width: 778px;
}
.welcome-join-free-training .welcome-dashbord-thrill-right {
  width: 30%;
  text-align: center;
}
.welcome-join-free-training .welcome-thrill-content {
  padding-top: 14px;
}
.welcome-join-free-training .welcome-thrill-content li {
    background: none;
    position: relative;
    width: 45%;
    padding-right: 10px;
}
.welcome-join-free-training .welcome-thrill-content li:nth-child(2n) {
    width: 55%;
}
.welcome-join-free-training .welcome-thrill-content li strong {
  color: #fff;
}
.welcome-join-free-training .welcome-thrill-content li img {
  position: absolute;
  left: 0;
  top: 0px;
}
#join-free-training .welcome-dashbord-cont {
    padding-top: 0;
}
.join-free-tagline {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 2px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: -2px auto 0;
    padding: 18px 25px;
    border-radius: 0 0px 20px 20px;
}
.join-free-tagline-text {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.15000000596046448px;
    text-align: center;
    padding: 8px 9% 37px;
    color: #FFFFFFCC;
}
.welcome-join-free-training .welcome-thrill-content ul {
    flex-direction: unset;
    gap: 20px 0;
    flex-wrap: wrap;
}
.gs-zoom-function-wrapper {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.gs-zoom-function-content {
    display: flex;
    gap: 7px;
}
.gs-zoom-function-toggle {
    background: #FFFFFF;
    backdrop-filter: blur(62px);
    border-radius: 50px;
    display: flex;
    position: relative;
    gap: 2px;
    cursor: pointer;
}
.gs-zoom-function-toggle::before
{
    height: 26px;
    width: 26px;
    background: #7558EA;
    border-radius: 50px;
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    transition: .3s all ease;
}
.gs-zoom-function-toggle img {
    margin: 0;
    display: block;
    transition: .2s all ease;
}
.gs-zoom-function-icon {
    position: relative;
    padding: 6px;
    z-index: 1;
}
.gs-zoom-function-icon.gs-zoom1 img,
.function-toggle .gs-zoom-function-icon.gs-zoom2 img {
    filter: brightness(0) invert(1);
}
.function-toggle .gs-zoom-function-icon.gs-zoom1 img,
.gs-zoom-function-icon.gs-zoom2 img
{
    filter: unset;
}
.function-toggle.gs-zoom-function-toggle::before{
    left: 27px;
}
.gs-zoom-function-progress {
    width: 145px;
}
.gs-zoom-function-progress .our-preset-range-design {
    margin: 7px 0 0;
    padding: 0 10px;
    background: linear-gradient(to right,  #7558ea 0%,#7558ea 48%,#5c5a59 51%,#5c5a59 100%);
    border-radius: 50px;
}
.gs-zoom-function-progress .our-preset-range-design .ui-widget-header {
    background: #5c5a59;
}
.gs-zoom-function-progress .ui-widget-content .ui-state-default,
.gs-zoom-function-progress .ui-widget-content .ui-state-hover,
.gs-zoom-function-progress .ui-widget-content .ui-state-focus,
.gs-zoom-function-progress .ui-widget-content .ui-state-active {
    border-width: 2px;
    top: -2px;
    width: 18px;
    height: 18px;
    margin-left: -9px;
}
.gs-zoom-function-progress .gs-select-design .ui-widget.ui-widget-content {
    height: 13px;
}
.gs-zoom-function-content:has(.function-toggle) .gs-zoom-function-progress {
    display: none;
}

/*notification-modal css start*/
.gs-dashboard-notification a {
    background: #2C2F3D;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    position: relative;
}
.gs-dashboard-notification a span{
    width: 8px;
    height: 8px;
    background-color: #FF0000; /* solid red */
    box-shadow: 0 0 6px #FF0000; /* subtle red glow */
    position: absolute;
    right: 7px;
    border-radius: 50px;
    top: 7px;
}
body:has(.gs-notificationmodal-background.in) .modal-backdrop {
    background: #000000CC;
}
.modal-dialog.gs-notificationmodal-container {
    margin: 0 0 0 auto;
    padding: 30px;
    height: 100%;
    width: 500px;
    max-width: 100%;
}

.modal-content.gs-notificationmodal-content {
    margin: 0;
    width: 100%;
    max-width: 100%;
}
.modal-content.gs-notificationmodal-content {
    margin: 0;
    width: 100%;
    background: transparent;
    background: #1A1D21;
    border: 1px solid #313436;
    border-radius: 16px;
    height: 100%;
    overflow: hidden;
}
.gs-notification-content {
    height: calc(100% - 125px);
}
.gs-notification-content .custom-scroll {
    height: 100%;
    overflow: hidden;
}
.gs-notification-content .custom-scroll .mCSB_inside > .mCSB_container {
    margin-right: 0;
}
.gs-notification-content .mCSB_scrollTools .mCSB_draggerRail {
    background: transparent;
}
.gs-notification-content .custom-scroll .mCSB_scrollTools {
    opacity: 0;
}
.gs-notification-content .custom-scroll:hover .mCSB_scrollTools {
    opacity: 1;
}

.gs-notificationmodal-top {
    padding: 24px  24px 0;
}
.gs-notificationmodal-head {
    display: flex;
    flex-wrap: wrap;
}
.gs-notificationmodal-mark-all {
    margin-left: auto;
}
.gs-notificationmodal-mark-all span {
    color: #947BF2;
    font-size: 14px;
    margin: -1px 10px 1px 0;
}
.gs-notification-tabs{
    padding:18px 0 0;
}
.gs-notification-tabs ul{
    display: flex;
    gap: 4px;
}
.gs-notification-tabs li a {
    display: block;
    padding: 8px 18px 6px;
    border-bottom: 3px solid transparent;
    color: #EFEFEFCC;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
}
.gs-notification-tabs li.active a {
    border-color: #7558EA;
    color: #fff;
}
.gs-notification-tabs li a span {
    background: #64748B3D;
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0px 3px 0;
    font-size: 12px;
    line-height: 21px;
    vertical-align: top;
    font-weight: 500;
    min-width: 30px;
    text-align: center;
    border-radius: 50px;
}
.gs-notification-list {
    display: flex;
    padding: 24px;
    border-bottom: 1px solid #313436;
    position: relative;
    /* cursor: pointer; */
}
.gs-notification-list:hover{
    background: #14171C;
}
.gs-notification-list:last-child {
    border-bottom: none;
}
.gs-notification-content {
    border-top: 1px solid #313436;
}
.gs-notification-list-img {
    width: 48px;
    height: 48px;
}
.gs-notification-list-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.gs-notification-list-details {
    width: calc(100% - 72px);
    padding: 0 12px;
}
.gs-notification-list-details h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #E2E8F0;
    margin: 0 0 7px;
}
.gs-notification-list-details p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 11px;
    word-break: break-word;
    color: #EFEFEFCC;
}
.gs-notification-list-time {
    width: 24px;
    color: #EFEFEF80;
    font-size: 12px;
    text-align: center;
}
.gs-notification-list-preview {
    margin-top: 10px;
    max-height: 165px;
    height: 100%;
}
.gs-notification-list-preview img {
    max-width: 100%;
    max-height: 100%;
}
.gs-notification-list-preview img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 20px;
}
.gs-notification-btn {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #fff;
    padding: 9px 25px;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border-radius: 12px;
    display: inline-block;
    word-break: break-word;
}
.gs-notification-btn:hover{
     background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
     color: #fff;
}
.gs-notification-list-dot {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 8px;
    top: 46px;
    border-radius: 50px;
    background: #7558EA;
}


.light-theme .gs-dashboard-notification a {
    background: linear-gradient(117.58deg, rgb(44 44 44 / 37%) -47.79%, rgb(0 0 0 / 72%) 100%);
}
.light-theme .modal-content.gs-notificationmodal-content {
    border-color: #E7ECF6;
    background: #E7ECF6;
}
.light-theme .gs-notification-list:hover {
    background:rgb(255 255 255 / 50%) !important;
}
.light-theme .gs-notification-content {
    border-top-color: #d7d7d7;
}
.light-theme .gs-notification-list {
    border-bottom-color: #d7d7d7;
}
.light-theme .gs-notification-tabs li a {
    color: rgba(46, 36, 36, 1);
}
.light-theme .gs-notification-tabs li.active a {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.light-theme .gs-notification-tabs li a span {
    color: rgba(46, 36, 36, 1);
}
.light-theme .gs-notification-list-details h5 {
    color: rgba(46, 36, 36, 1);
}
.light-theme .gs-notification-list-details p {
    color: rgba(46, 36, 36, 1);
}
.light-theme .gs-notification-list-time{
    color: rgba(46, 36, 36, 1);
}
.light-theme .gs-notificationmodal-mark-all img {
    filter: brightness(0.3);
}
.empty-notifications {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    padding: 20px 20px 0;
}
/*notification-modal css end*/
/**/
.ai-tool-filter-heading {
    background: #12101A;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.15px;
    padding: 15px 18px;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}
.ai-tool-filter-heading.active-filter {
    background-color: #765ed6;
}
.image-gallery-heading.active-filter {
    color: rgba(146, 122, 242, 1) !important;
}
.ai-tool-filter-heading.open {
    border-radius: 10px 10px 0 0;
    color: #fff;
}
.ai-tool-filter-heading::before {
    background: url(../svg/ai-tool-filter-checkbox-arrow.svg) no-repeat center;
    height: 8px;
    width: 10px;
    content: "";
    position: absolute;
    top: 21px;
    right: 20px;
    transform: rotate(180deg);
    transition: .3s all ease;
}
.ai-tool-filter-heading.open::before
{
    transform: rotate(0deg);
}
.ai-tool-filter-single {
    padding: 0 0 12px;
    position: relative;
    z-index: 1;
}
.ai-tool-filter-cont {
    background:#3b3d48;
    backdrop-filter: blur(44px);
    padding: 6px 9px;
    border-radius: 0 0 14px 14px;
    display: none;
    font-size: 13px;
    line-height: 22px;
}
.ai-tool-filter-cont a {
    color: #927AF2;
    font-weight: 600;
}
.ai-tool-filter-list {
    position: relative;
    margin: 6px 0;
    display: flex;
    flex-wrap: wrap;
}
.ai-tool-filter-list-control {
    width: 100%;
    display: flex;
    position: relative;
}
.ai-tool-filter-list-submenu {
    width: 100%;
    padding-left: 26px;
    padding-top: 2px;
}
.ai-tool-filter-box {
    border: 1px solid #8991B1;
    width: 12px;
    height: 12px;
    border-radius: 4px;
    margin: 3px 0 0;
    position: relative;
}
.ai-tool-filter-box::before{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0px;
    content: "";
    opacity: 0;
    background:url(../svg/ai-tool-filter-checkbox-icon.svg) no-repeat center;
}
.ai-tool-filter-list span {
    font-size: 12px;
    line-height: 20px;
    padding: 0 0 0 10px;
    position: relative;
    width: calc(100%  - 12px);
    word-break: break-word;
}
.ai-tool-filter-list span span {
    display: none;
}
.ai-tool-filter-list span::before {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 14px;
    height: 12px;
    content: "";
    /* background: url(../images/folder-background-icon.svg) no-repeat center; */
}
.ai-tool-filter-list-submenu span {
    padding-left: 5px;
}
.ai-tool-filter-list-submenu span::before
{
    display: none;
}
.ai-tool-filter-list input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
}
.ai-tool-filter-list input:checked + .ai-tool-filter-box{
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    border-color: transparent;
}
.ai-tool-filter-list input:checked + .ai-tool-filter-box::before{
    opacity: 1;
}
.ai-tool-favourite-top {
    padding: 15px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ai-tool-favourite-top .ai-tool-right-top {
    padding: 0;
}
.ai-tool-favourite-top .ai-upload-latest-top {
    margin: 0;
    min-height: unset;
}
.ai-tool-favourite-top .ai-upload-add-project {
    padding: 0;
    background: transparent;
    box-shadow: none;
}
.ai-tool-favourite-top  .ai-upload-add-project-list a {
    background: #12101A;
}
.ai-tool-favourite-top  .ai-upload-add-project-list a:hover {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.light-theme .ai-tool-favourite-top  .ai-upload-add-project-list a {
    background: rgba(231, 236, 246, 1);
}
.ai-upload-latest-designs.ai-upload-latest-favourites .ai-upload-latest-wrapper {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0;
}

.light-theme .ai-upload-add-project-list {
    background: rgba(231, 236, 246, 1);
}
.gs-what-upload-step {
    display: flex;
    flex-wrap: wrap;
}
.gs-what-upload-step-inset {
    width: calc(100% - 600px);
    padding-right: 20px;
}
.gs-what-upload-step-left {
    padding: 20px;
    background: #1C1E26;
    border-radius: 10px;
}
.gs-what-upload-step-left .ai-upload-image {
    margin: 0;
    min-height: 190px;
}
.gs-what-upload-step-left .ai-upload-image h3 {
    padding: 0;
    display: none;
}
.image-background-container.image-background-step1 {
    background: transparent;
}

/* .gs-what-upload-step .gs-what-to-edit-right {
    display: block !important;
} */
.gs-what-upload-step-or {
    text-align: center;
    color: #8991B1;
    font-weight: 500;
    font-size: 17px;
    line-height: 32px;
    padding: 9px 0 9px;
}
.gs-what-image-gallery-top {
    display: flex;
    flex-wrap: wrap;
}
.gs-what-image-gallery-top h3 {
    margin: 0;
}
.gs-what-image-gallery-dropdown {
    margin-left: 0;
    display: flex;
    gap: 11px;
    align-items: center;
    max-width: 100%;
    flex-wrap: wrap;
}
.gs-what-image-gallery-top .gs-ai-latest-upload-clear-filter {
    margin-top: 6px;
}

.gs-what-image-gallery-dropdown .ai-tool-filter-single {
    padding: 0;
    position: relative;
}
.gs-what-image-gallery-dropdown .ai-tool-filter-single:first-child .ai-tool-filter-cont{
    left: 0;
}
.gs-what-image-gallery-dropdown .ai-tool-filter-heading {
    background: transparent;
    padding: 0 22px 0 0;
}
.gs-what-image-typefilter .ai-tool-filter-heading.image-gallery-heading {
    background: #12101A;
    padding: 5px 27px 5px 13px;
    min-width: 154px;
    color: #8991B1;
}
.gs-what-image-typefilter .gs-what-image-gallery-dropdown .ai-tool-filter-heading::before {
    top: 11px;
    right: 8px;
}
.gs-what-image-typefilter .gs-what-image-gallery-dropdown .ai-tool-filter-cont {
    border-radius: 0 0 14px 14px;
    margin-top: 0;
    width: 100%;
    left: 0;
}
.gs-what-image-typefilter .gs-what-image-gallery-dropdown {
    display: grid;
    gap: 8px;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(154px, 1fr));
}
.gs-what-image-typefilter .gs-what-image-gallery-dropdown .ai-tool-filter-single {
    width: 100%;
}
.light-theme .gs-what-image-typefilter .ai-tool-filter-heading.image-gallery-heading {
    color: rgba(46, 36, 36, 0.81);
    background: rgb(255 255 255);
}
.gs-what-image-gallery-dropdown .ai-tool-filter-heading::before {
    right: 5px;
    top: 6px;
}
.gs-what-image-gallery-dropdown .ai-tool-filter-cont {
    position: absolute;
    top: 100%;
    border-radius: 14px;
    margin-top: 4px;
    width: 165px;
    left: -42px;
}
.image-mask-container-step2 .gs-what-to-edit-leftimg > img {
    max-height: 90vh !important;
}
.gs-what-image-gallery-dropdown .ai-tool-filter-view-more a {
    font-size: 13px;
}
.gs-what-image-gallery-dropdown .ai-tool-filter-view-more {
    padding: 4px 0 7px;
}
.ai-tool-filter-single:has(.open) {
    z-index: 2;
}
.gs-what-step-gallery-wrap {
    padding: 25px 0 0 0;
}
.gs-what-step-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
    padding: 2px;
    position: relative;
    min-height: 100px;
}
.gs-what-step-gallery:has(>p) {
    display: flex;
    align-items: center;
}
.gs-what-step-gallery > p {
    margin: 0;
    font-size: 18px;
}
.galleryloader {
    position: absolute;
    width: 100px;
    margin: auto;
    left: 0;
    right: 0;
}
.gs-what-step-gallery .mCustomScrollBox {
    width: 100%;
}

.gs-what-step-gallery-box img {
    border-radius: 10px;
    object-fit: cover;
    height: 100px;
    width: 100%;
    transition: .3s all ease;
    outline: 2px solid transparent;
    cursor: pointer;
}
.gs-what-step-gallery-box img.active,
.gs-what-step-gallery-box img:hover{
    outline: 2px solid #7558EA;
}
.gs-what-step-gallery-box.with-loader {
    position: relative;
    display: inline-block;
}

.gs-what-step-gallery-box .custom-loader-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.gs-what-step-gallery-box .gallery-click-upload {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.gs-what-step-gallery-box .gallery-click-upload.loaded {
    opacity: 1;
}
.gs-what-step-gallery-wrap .custom-scroll {
    max-height: 217px;
    overflow: hidden;
}
.gs-what-step-gallery-load {
    padding: 24px 0 3px;
    text-align: center;
}
.gs-what-step-gallery-load 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;
    display: inline-block;
}
.light-theme .gs-what-upload-step-left {
    background: rgb(231, 236, 246);
}
.light-theme .ai-tool-filter-cont,
.light-theme .gs-ai-latest-upload-wrap .ai-tool-filter-cont {
    background: #dee3ef;
}
.light-theme .ai-tool-filter-heading {
    color: rgba(46, 36, 36, 0.81);
    background: rgba(231, 236, 246, 1);
}
.light-theme .ai-tool-filter-heading.open {
    color: rgba(46, 36, 36, 1);
}
.light-theme .ai-tool-filter-heading.open,
.light-theme .ai-tool-filter-heading.active-filter
{
    color: #765ed6;
}
.gs-ai-latest-upload-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 14px 0 25px;
}
.gs-ai-latest-upload-wrap .ai-tool-filter-single {
    padding: 0;
    min-width: 180px;
}
.gs-ai-latest-upload-filter {
    display: flex;
    margin-left: 0;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    padding-top: 5px;
}
.gs-ai-latest-upload-wrap .ai-tool-filter-cont {
    /* background: #1c1e26; */
    background: #3b3d48;
    position: absolute;
    width: 100%;
}

.gs-ai-latest-upload-outer .col-md-6.col-lg-4.col-12 {
    padding-left: 10px;
    padding-right: 10px;
}
.gs-ai-latest-upload-outer .ai-upload-latest-wrapper {
    margin-left: -10px;
    margin-right: -10px;
    min-height: 300px;
}
.gs-ai-latest-upload-outer .ai-upload-latest-inset {
    vertical-align: top;
}
.gs-ai-latest-upload-outer .ai-upload-latest-single {
    margin-bottom: 20px;
}
.gs-what-step-gallery-wrap .mCSB_scrollTools .mCSB_draggerRail {
    display: none;
}
.choose_project_modal.gs-modal-content h3 {
    text-align: center;
    margin-bottom: 13px;
    margin-top: 10px;
}
.choose_project_modal .gs-edit-setting-field {
    padding-left: 20px;
    padding-right: 40px;
}
.choose_project_modal select.gs-edit-setting-field{
    background-image: url(../svg/project-select-arrow.svg);
    background-repeat: no-repeat;
    background-position: center right 20px;
}
.choose_project_modal .form-group {
    padding: 0 0 12px;
}
.choose_project_modal .modal_button_right_pos.gs-modal-btns_pos button {
    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;
    margin: 0 0 0 8px;
    border: none;
    transition: .3s all ease;
}
.choose_project_modal form .modal_button_right_pos.gs-modal-btns_pos button:hover {
    background: linear-gradient(180deg, #5B3DD5 0%, #8F73FF 100%);
}
.choose_project_modal form .modal_button_right_pos.gs-modal-btns_pos button.btn-secondary {
    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%);
}
.choose_project_modal form .modal_button_right_pos.gs-modal-btns_pos button.btn-secondary:hover {
    background: linear-gradient(117.58deg, rgba(204, 235, 235, 0.05   ) -47.79%, rgba(215, 237, 237, 0.16) 100%);
}
.light-theme .choose_project_modal form .modal_button_right_pos.gs-modal-btns_pos button.btn-secondary {
    box-shadow: 0px 1px 3px 0px #0000000D, 0px 1px 2px -1px #0000000D;
    background: linear-gradient(180deg, rgb(46 48 48) -47.79%, rgb(99 102 102) 100%);
        color: #ffffff;
}
.ai-tool-right-top ul.progress-bar-tab {
    display: none;
}
.image-mask-container-step2 {
    background: transparent;
}
.ai-tool-filter-view-more a {
    color: #927AF2;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    display: inherit;
    vertical-align: top;
}
.ai-tool-filter-view-more {
    padding: 4px 0 10px;
    display: flex;
}
.gs-what-image-type-toggle {
    display: flex;
    align-items: center;
}
.gs-what-image-type-outer {
    width: 100%;
    padding: 10px 0 0;
    display: flex;
    flex-wrap: wrap;
}
.gs-what-image-type-toggle .nw-tgtype {
    font-size: 13px;
    color: #8991B1;
}
.gs-what-image-type-toggle .nwtoggle-label0 {
    width: 40px;
    margin: 0px 7px;
}
.gs-what-image-type-toggle input:checked+.nwtoggle-label0:after {
    left: 20px;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.light-theme .gs-what-image-type-toggle .nwtoggle-label0 {
    background: #8991B1;
}
.gs-what-image-type-toggle .nwtoggle-label0:after {
    box-shadow: inset 0 0 0 2px #fff;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.gs-what-image-type-toggle input:checked+.nwtoggle-label0 {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.gs-what-image-type-uploaded {
    background: #12101A;
    border-radius: 8px;
    padding: 2px;
    display: flex;
}
.light-theme .gs-what-image-type-uploaded{
    background: #fff;
}
.light-theme .gs-what-image-type-uploaded{
    color: rgba(46, 36, 36, 0.81);
}
.gs-what-image-type-uploaded .gs-ai-image-type-filter {

    padding: 6px 12px;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.15px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 7px;
    display: block;
}
.gs-ai-image-type-filter-upload
{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.gs-what-image-type-filter-uploaded {
    position: relative;
    display: flex;
}
.gs-what-image-type-filter-uploaded input#uploadedtip {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    padding: 0;
}
.gs-what-image-type-filter-uploaded input#uploadedtip:checked ~  .gs-what-image-type-uploaded .gs-ai-image-type-filter-upload
{
    background: transparent;
}
.gs-what-image-type-filter-uploaded input#uploadedtip:checked ~ .gs-what-image-type-uploaded .gs-ai-image-type-filter-generated
{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #FFFFFF;
}
.light-theme .gs-ai-image-type-filter.gs-ai-image-type-filter-generated {
    color: rgba(46, 36, 36, 0.81);
}
.light-theme .gs-what-image-type-filter-uploaded input#uploadedtip:checked ~  .gs-what-image-type-uploaded .gs-ai-image-type-filter-upload
{
    color: rgba(46, 36, 36, 0.81);
}
.gs-what-heading-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 20px;
    align-items: center;
    max-width: calc(100% - 100px);
}
.gs-what-heading-filter .font22 {
    font-size: 22px;
}
.gs-ai-latest-upload-clear-filter {
    color: #8991B1;
    font-size: 13px;
    line-height: 20px;
    align-self: center;
    margin-left: auto;
    padding-top: 0px;
    font-weight: 500;
    align-self: flex-start;
    margin-top: 13px;
}
.gs-ai-latest-upload-clear-filter img {
    margin: -2px 2px 0 0;
    width: 15px;
}
.gs-create-project {
    padding: 0 0 11px;
}
.gs-select-projects-fields
{
    display: block;
}
.choose_project_modal:has(input#createproject:checked) .gs-select-projects-fields,
.gs-create-new-projects-fields {
    display: none;
}
.choose_project_modal:has(input#createproject:checked) .gs-create-new-projects-fields {
    display: block;
}
.gs-what-upload-step-inset .gs-what-to-edit-left {
    width: 100%;
    padding: 0;
}
.gs-ai-latest-upload-clear-filter:hover {
    color: rgba(146, 122, 242, 1);
}

.gs-ai-latest-upload-wrap .ai-upload-latest-top {
    margin-left: auto;
    min-height: unset;
    margin-bottom: 10px;
}
.gs-ai-latest-upload-wrap .font22 {
    padding-top: 13px;
}
.image-mask-container-step2 .inpainting-stag-outer,
.image-mask-container-step2 .inpainting-stag-outer > div#painting-stag,
.image-mask-container-step2 .konvajs-content,
.image-mask-container-step2 canvas {
    /* max-width: 100%; */
}
.gs-dashboard-minimize-menu {
    display: none;
}
.gs-dashboard-minimize-menu-close {
    position: absolute;
    background: #2C303D;
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    left: 227px;
    top: 37px;
    cursor: pointer;
    display: none;
}

.ai-tool-favourite-top .ai-upload-option-tooltip {
    white-space: nowrap;
}
.gs-dashboard-min-logo {
    display: none;
}

@media (min-width:992px)
{
body.open-minimize:has(.ai-tool-list-inside) .gs-dashboard-minimize-menu-close
{
    display: flex;
}
  body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-leftbar {
    /* display: none; */
            padding-left: 15px;
        padding-right: 15px;
    flex-direction: column;
    width: 80px;
}

    body.open-minimize:has(.ai-tool-list-inside) .gs-dashboard-leftbar {
        display: flex;
    }
    body:has(.ai-tool-list-inside) .gs-dashboard-rigtbar {
        padding-left: 80px;
    }
    body.open-minimize:has(.ai-tool-list-inside) .gs-dashboard-rigtbar {
        padding-left: 250px;
    }
    body.open-minimize:has(.ai-tool-list-inside) .gs-dashboard-minimize-menu {
        display: none;
    }

    body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-minimize-menu {
    display: block;
    position: absolute;
    left: 65px;
    top: 39px;
    cursor: pointer;
    width: 32px;
}
.gs-dashboard-minimize-menu img {
    display: block;
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-user {
    display: flex;
    margin-top: auto;
    padding: 11px 0 0;
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-leftbar .gs-dashboard-max-logo {
    display: none;
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-leftbar .gs-dashboard-min-logo {
    display: block;
    text-align: center;
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-leftbar .gs-dashboard-min-logo img {
    vertical-align: top;
    margin-top: 8px;
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-user-icon {
    display: none;
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-user-name {
    display: none;
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-links li span,
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-try-ai{
    display: none;
}



body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-webinar-start-btn{
    display: none;
}


body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-links a {
    padding: 10px 10px;
    justify-content: center;

}

body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-leftbar .gs-dashboard-links ul {
    padding-right: 0px !important;
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-left-sec {
    height: calc(100vh - 200px);
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-dashboard-setting {
    align-items: center;
}
body:not(.open-minimize):has(.ai-tool-list-inside)  .webinar-register-wrap .gs-register-now h3, 
body:not(.open-minimize):has(.ai-tool-list-inside) .webinar-register-wrap .gs-register-now h6,
body:not(.open-minimize):has(.ai-tool-list-inside) .webinar-register-wrap .gs-register-now p {
    display: none;
}
html body:not(.open-minimize):has(.ai-tool-list-inside) .gs-upgrade-now {
    display: block;
    padding: 0 0 12px;
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-upgrade-now .gs-upgrade-btn span {
    display: none;
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-upgrade-now .gs-upgrade-btn iframe,
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-upgrade-now .gs-upgrade-btn video  {
    margin: -11px -3px  -11px -25px;
}
}

@media (min-height:600px) and (max-height:750px)
{
.gs-dashboard-left-logo {
    padding: 12px 0 20px;
}
.gs-dashboard-links li {
    margin-bottom: 8px;
}
}
.gs-ai-latest-upload-filter .gs-ai-latest-upload-clear-filter {
    margin-left: 0;
}

.view_all_image_gallery_wrapper {
    margin: auto;
    width: 100%;
    background: #1A1D21F5;
    border: 3px solid #7558EA;
    border-radius: 22px;
    padding: 30px;
    font-size: 17px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    color: #FFFFFF9E;
}
.view_all_image_gallery_wrapper .gs-select-automatically-inner {
    background: transparent;
    padding: 0;
}
.view_all_image_gallery_wrapper h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    margin: 0 0 20px;
    color: #ffff;
}
.view_all_image_gallery_wrapper .gs-select-automatically-inner li {
    display: flex;
    gap: 3px;
}
.gs-select-automatically-inner li label {
    cursor: pointer;
}
/*magic tool css start*/
.gs-dashboard-ai-creatvity.gs-dashboard-ai-magic-creativity {
    padding-top: 0;
    padding-bottom: 0;
    background: url(../png/ai-magic-bg.png) no-repeat center;
    background-size: cover;
    margin-bottom: 20px;
}
.gs-dashboard-ai-magic-creativity  .gs-dashboard-ai-creatvity-left img {
    /* max-height: 300px; */
    margin: -11px 0 -15px 0;
}
.gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right h3 {
    margin: 0 0 9px;
    font-weight: 700;
    font-size: 47px;
    line-height: 1;
    text-transform: uppercase;
}
.gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right p {
    margin: 14px 0 23px;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.3;
    letter-spacing: -0.3px;
    color: #EFEFEFCF;
    max-width: 480px;
}
.gs-dashboard-ai-magic-creativity  .gs-dashboard-ai-creatvity-right {
    padding: 10px 0;
    align-self: center;
}
.gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right a {
    gap: 13px;
    padding-top: 17px;
}
.gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right a {
    background: #2B223C;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.15px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    border: 1px solid #FFFFFF14;
    padding: 11px 30px 12px;
    line-height: 1;
    overflow: hidden;
}
/* Shimmer effect layer */
.gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right a::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0) 100%
    );

    transform: skewX(-20deg);
    animation: magicshimmer 1.5s infinite;
    z-index: 2;
    pointer-events: none;
    opacity: 0.6;
}

/* Keyframes for shimmer */
@keyframes magicshimmer {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
.gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right a::before
{
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 12px;
    content: "";
    background: linear-gradient(117.58deg, rgba(215, 237, 237, 0.16) -47.79%, rgba(204, 235, 235, 0) 100%);
    border: 1px solid #FFFFFF14;
    box-shadow: 0px 1px 3px 0px #0000000D, 0px 1px 2px -1px #0000000D;
}

.gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right a img {
    margin-top: -1px;
}
.gs-what-prompt p {
    font-size: 14px;
    opacity: 80%;
    margin-bottom: 9px;
}
.gs-what-prompt-comment textarea {
    background: #1C1E26;
    border: none;
    color: #8991B1B0;
    font-size: 14px;
    width: 100%;
    resize: none;
    padding: 10px 16px;
    border-radius: 5px;
    min-height: 245px;
    border: none;
    outline: none;
}
.gs-what-prompt-comment textarea::placeholder{
    color: #8991B1B0;
}
.gs-what-promptcheck {
    display: flex;
    font-size: 12px;
    margin: 4px 0 30px;
    align-items: center;
}
.gs-what-promptcheck label {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
}

.gs-what-promptcheck .gs-tutorials-toolnip img {
    width: 15px;
    display: inline-block;
    vertical-align: top;
}
.gs-what-prompt-checkbox input {
    display: none;
}
.gs-what-prompt-checkbox input[type="checkbox"] {
    display: none;
}
.gs-what-prompt-checkbox span {
    border: 1px solid #8991B1;
    height: 17px;
    width: 17px;
    display: inline-block;
    border-radius: 4px;
    vertical-align: text-bottom;
    margin: 0 7px 0 0;
}
.gs-what-promptcheck  .ai-upload-option-tooltip {
    background: #1C1E26;
    color: #ffffff;
    bottom: unset;
    top: 100%;
    margin: 4px 0 0px;
}
.gs-what-prompt-checkbox input[type="checkbox"]:checked + label span
{
    background:#7558EA url(../svg/prompt-checkbox-icon.svg) no-repeat center;
}
.gs-what-promptcheck .ai-upload-option-tooltip::after {
    border-top: 0px solid #fff;
    top: -5px;
    border-bottom: 5px solid #1c1e26;

}
.gs-what-view-img {
    position: absolute;
    left: 50%;
    top: 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%);
    backdrop-filter: blur(62px);
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 9px 19px;
    border-radius: 10px;
    gap: 3px;
    transform: translate(-50%, -50%);
    color: #fff;
    cursor: pointer;
}
.gs-what-view-img img {
    margin: 0 !important;
}
.gs-what-prompt h4 {
    color: #927AF2;
    font-size: 17px;
    margin: 0 0 6px;
}
.gs-what-promptcreated .gs-what-prompt-comment textarea {
    min-height: 145px;
}
.gs-what-promptcreated .gs-what-promptcheck {
    margin: 14px 0 15px;
}
.gs-what-promptcreated-list {
    display: flex;
    color: #8991B1;
    font-size: 13px;
    text-align: center;
    padding: 20px 0 30px;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.gs-what-promptcreated-icon {
    max-width: 60px;
    cursor: pointer;
}
.gs-what-promptcreated-icon span {
    padding: 8px 0 0;
    display: block;
    line-height: 1.2;
}
.gs-what-promptcreated-icon img {
    opacity: .5;
}
.gs-what-promptcreated-icon:hover .gs-image-editing-tool-icon {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.gs-what-promptcreated-icon:hover .gs-image-editing-tool-icon img{
    opacity: 1;
}
.gs-what-promptcreated-icon:hover span{
    color: #fff;
}
.light-theme .gs-what-prompt-comment textarea {
    background: #ffffff;
    outline: 1px solid #8991B1;
}
.light-theme .gs-image-editing-tool-icon {
    /* background: #8991B1; */
}
.light-theme .gs-what-promptcreated-icon:hover span
{
    color: #927AF2;
}
.gs-what-view-wraper {
    position: relative;
}

.gs-what-prompt-step2 {
    display: none;
}
.gs-what-prompt-step2 {
    display: none;
}
.gs-what-to-edit-right.segment-masking-container[style="display: block;"] .gs-what-prompt-step1 {
    display: none;
}
.gs-what-to-edit-right.segment-masking-container[style="display: block;"] .gs-what-prompt-step2 {
    display: block;
}

.image-background-container:has(.magic-upload-image-left) {
    background: transparent;
    display: flex;
    /* grid-template-columns: repeat(2, 1fr); */
    gap: 20px;
    /* flex-wrap: wrap; */
    align-items: flex-start;
}
.magic-upload-image-left {
    width: 100%;
}
.magic-upload-image-left-inset
{
    background: #111929;
    padding: 14px;
    border-radius: 17px;
}
.magic-upload-image-right {
    width: 100%;
}
.gs-what-prompt.gs-what-promptcreated {
    width: 100%;
}
.magic-upload-image-left .ai-upload-image {
    margin: 0;
}
.gs-what-prompt-continue-edit-slide
{
    display: none;
}
.light-theme .magic-upload-image-left-inset {
    background: #ffffff;
}
.magic-upload-image-left .gs-what-to-edit-left.image-mask-container {
    width: 100%;
    padding: 0;
}
.magic-upload-image-left div#gallery0 {
    transform: none;
    border-radius: 10px;
    padding: 0;
}
.magic-upload-image-left .gs-what-to-edit-leftimg > img {
    border-radius: 12px;
}
.gs-what-promptcreated-icon .gs-image-editing-tool-loading {
    display: none;
}
.claim-free-outer-modal {
    text-align: center;
}
.claim-free-outer-modal h3 {
    text-align: center;
    margin: 0 0 7px;
}
.claim-free-outer-modal h3 span {
    display: unset;
}
.claim-free-outer-modal p {
    margin-bottom: 10px;
}
.claim-free-outer-modal .gs-modal-btns {
    justify-content: center;
    padding-bottom: 10px;
}
.claim-free-outer-modal .gs-modal-btns a {
    padding: 14px 46px 14px 46px;
}
#unlock_more_magic_credits .gs-modal-container {
    max-width: 800px;
}
.unlock-more-magic-modal {
    text-align: center;
}
.unlock-more-magic-modal p {
    line-height: 1.5;
}
.unlock-more-magic-box {
    width: 152px;
}
.unlock-more-magic-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 17px;
    padding: 14px 0;
}
.unlock-more-magic-box {
    width: 152px;
    border:1px solid #2B3545;
    background: #2B3545;
    padding: 7px;
    border-radius: 13px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.unlock-more-magic-box h5 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.15px;
    margin: 1px 0 8px;
}
.unlock-more-magic-box h4 {
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}
.unlock-more-magic-modal h3 {
    text-align: center;
    margin-bottom: 10px;
}
.unlock-more-magic-modal .gs-modal-btns a {
    font-size: 11px;
    min-width: 120px;
    padding: 6px 5px;
    border-radius: 7px;
    font-weight: 700;
}
.unlock-more-magic-modal .gs-modal-btns {
    padding: 17px 0 10px 0px;
}
.unlock-more-magic-box.unlock-more-magic-box-highlight {
    border-color: #7558EA;
    background: #7558EA3D;
}
.unlock-more-credit {
    font-size: 12px;
}
.unlock-more-best-value {
    background: linear-gradient(92.2deg, #1FD9D9 -1.93%, #2588E3 78.17%);
    position: absolute;
    top: -12px;
    font-weight: 700;
    font-size: 9px;
    line-height: 16px;
    letter-spacing: 0.15px;
    text-transform: uppercase;
    padding: 4px 16px;
    color: #fff;
    border-radius: 50px;
}
.light-theme .unlock-more-magic-box {
    background: transparent;
}
.magic-upload-image-left-inset .search-preview-outer .bal-after img
{
    min-height: 230px;
}
.magic-upload-image-left-inset .gs-what-to-edit-leftimg img {
    max-height: 80vh !important;
    width: 100% !important;
}
.gs-what-upload-step-inset .gs-simlar-products-left {
    width: 100%;
}
@media screen and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    .gs-what-prompt-comment textarea {
        font-size: 16px;
    }
}
/*magic tool css end*/

/* Image hover modal css start */
.gs-select-image-modal {
    position: absolute;
    bottom: 100%;
    left: -80px;
    width: 330px;
    height: 220px;
    background-color: rgb(44 48 62);
    z-index: 9999;
    padding: 4px;
    border-radius: 20px;
    text-align: center;
    color: white;
    /* box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 15px; */
    display: none;
    overflow: hidden;
    border: 2px solid #8991B1;
    margin: 0 0 10px;
}
.gs-select-room-style-single:nth-child(4) .gs-select-image-modal,
.gs-select-room-style-single:nth-child(4n) .gs-select-image-modal,
.all-design-types-modal:nth-child(4n) .gs-select-image-modal2 {
    right: 0;
    left: unset;
}
.gs-select-image-modal2 {
    position: absolute;
    bottom: 100%;
    left: -80px;
    width: 330px;
    height: 185px;
    background-color: rgb(44 48 62);
    z-index: 9999;
    padding: 4px;
    border-radius: 20px;
    text-align: center;
    color: white;
    /* box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 15px; */
    display: none;
    overflow: hidden;
    border: 2px solid #8991B1;
     margin: 0 0 5px;
}
.all-design-types-modal:hover .gs-select-image-modal2
{
    display: block;
}
.gs-select-image-modal2:hover,
.gs-select-image-modal:hover {
    display: none !important;
}
.gs-select-image-modal img,
.gs-select-image-modal2 img{
    position: relative;
    z-index: 1;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.gs-select-image-modal::before,
.gs-select-image-modal2::before  {
    position: absolute;
    content: "";
    height: 40px;
    width: 100%;
    z-index: 2;
    /* background: linear-gradient(186.11deg, rgba(0, 0, 0, 0.9) 4.84%, rgba(0, 0, 0, 0) 61.37%); */
    bottom: 0;
    left: 0;
    /* border: 1px solid transparent; */
    background: linear-gradient(6deg, rgba(0, 0, 0, 0.84) 4.84%, rgb(0 0 0 / 35%) 61.37%);
}
.gs-select-image-modal h2,
.gs-select-image-modal2 h2{
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
    z-index: 3;
    bottom: 7px;
    padding: 7px 8px;
    color: #fff;
    margin: 0;
}
.gs-select-category {
    position: relative;
}
.gs-select-category-virtual,
.gs-select-category-room
{
    position: relative;
}
 .gs-select-category-virtual .gs-select-image-modal
{
    top: -150px;
}
.gs-select-category-virtual .gs-select-image-modal {
    top: -134px;
}
.gs-select-category-room .gs-select-image-modal {
   top: -134px;
    right: 25%;
    width: 330px;
    height: 190px;
}
/* Image hover modal css end */

/*HD info modals start*/
.hd-info-wrapper {
    text-align: center;
    padding: 20px 0 30px;
}
.hd-info-wrapper .hd_again-checkbox input:checked+.ai-upload-checked {
    background-image: url(../svg/ai-upload-checked-1.svg);
}

.gs-modal-content .hd-info-wrapper  h3 {
    font-size: 23px;
    text-align: center;
    line-height: 1.5;
    margin: 20px 0 20px;
}
.hd-info-wrapper .hd_again-checkbox label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.hd-info-wrapper .ai-upload-favourite {
    height: 23px;
    width: 23px;
}
.hd-info-wrapper .ai-upload-checked {
    background-size: 21px;
}
.hd-info-wrapper .gs-modal-btns {
    padding: 30px 0 0 0;
    justify-content: center;
}
.hd-info-wrapper .hd_again-checkbox label span {
    max-width:calc(100% - 28px);
    text-align: left;
    line-height: 1;
}

.gs-modal-container.hd-info-icon-wrapper {
    max-width: 470px;
    text-align: center;
}
.hd-info-icon-wrapper .gs-modal-content {
    padding: 20px;
}
.hd-info-icon-wrapper .gs-modal-close {
    display: none;
}
.hd-info-icon-image {
    position: relative;
    border-radius: 10px;
}
.hd-info-icon-image::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    background: #0000006E;
    z-index: 1;
}
.hd-info-icon-image .hd-info-icon-main-image {
    border-radius: 10px;
    height: 340px;
    width: 100%;
    object-fit: cover;
}
.hd-info-images-icon {
    position: absolute;
    bottom: 0;
    z-index: 2;
    padding: 20px 10px 8px;
    max-height: 100%;
    object-fit: cover;
    text-align: center;
    width: 100%;
}
.hd-info-images-icon img{
     max-height: 100%;
}
.hd-info-icon-wrapper p {
    text-align: center;
    color: #FFFFFF;
    margin: 0;
    padding: 20px 0 15px;
}
.hd-info-icon-wrapper .gs-modal-btns {
    padding: 10px 0 20px 0;
    justify-content: center;
}
#hd_continue span .fa,
#show_hd_information span .fa
{
    background-color: transparent;
}

.hd-info-wrapper-tips {
    background: #7558EA21;
    margin: 0 -30px -30px;
    border-radius: 0 0 17px 17px;
    display: flex;
    padding: 28px;
}
.hd-info-wrapper-tips-left {
    width: 50%;
    padding-right: 23px;
}
.hd-info-wrapper-tips-left img {
    display: block;
}
.hd-info-wrapper-tips-right {
    width: 50%;
    align-self: center;
}
.hd-info-wrapper-tips-right h3 {
    margin-bottom: 10px;
    color: #8F73FF;
}
.hd-info-wrapper-tips-right p {
    font-weight: 500;
    font-size: 13px;
    line-height: 27px;
    color: #FFFFFF;
    margin: 0;
}
.light-theme .hd-info-wrapper-tips-right p {
    color: #2e2424;
}
/*HD info modals end*/

/*Webinar register start*/
.gs-dashboard-left-sec {
    width: 100%;
}
.gs-register-now {
    background: url(../png/video-register-bg.png) no-repeat center right;
    background-size: cover;
    border: 2px solid #5B3DD5;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .3s all ease;
}
.webinar-register-wrap-hover .gs-register-now:hover,
.light-theme .webinar-register-wrap-hover .gs-register-now:hover
{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.webinar-register-wrap-hover .gs-register-now:hover img {
    filter: brightness(0) invert(1);
}
.gs-register-now::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0) 100%
    );

    transform: skewX(-20deg);
    animation: magicshimmer 1.5s infinite;
    z-index: -1;
    pointer-events: none;
    opacity: 0.6;
}

.gs-register-now h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.15px;
    margin: 4px 0 2px;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.webinar-register-wrap-hover .gs-register-now:hover h3{
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gs-register-now  p {
    font-weight: 600;
    font-size: 9px;
    line-height: 20px;
    letter-spacing: 0.15px;
    vertical-align: middle;
    color: #FFFFFFB0;
    margin: 0;
}
.light-theme .webinar-register-wrap-hover .gs-register-now:hover p ,
.light-theme .webinar-register-wrap-hover .gs-register-now:hover h6
{
    color: #FFFFFFB0;
}
.gs-register-now h6 {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.15px;
    text-align: center;
    margin: 0;
    color: #FFFFFFB0;
}
.gs-register-now h6 span
{
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gs-register-now:hover h6 span{
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.light-theme .gs-register-now:hover h6 span
{
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.webinar-register-live .gs-register-now {
    align-items: center;
}
.webinar-register-live .gs-register-now img {
    margin: -32px 0 -20px;
    max-width: 110px;
}
.webinar-register-live .gs-register-now  h6 {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: .3s all ease;
}
.webinar-register-live .gs-register-now:hover h6
{
    transform: scale(1.2);
}
.light-theme .gs-register-now {
    background: #e7ecf6;
}
.light-theme .gs-register-now p,
.light-theme  .gs-register-now h6{
    color: rgba(46, 36, 36, 0.81);
}
/*Webinar register end*/
.image-background-container .ai-upload-drag-drop {
    width: calc(100% - 30px);
    left: 15px;
    height: calc(100% - 30px);
    top: 15px;
    background: #1510289E;
    border: 1px dashed #7558EA;
}
.image-background-container .ai-upload-drag-drop span {
    color: #FFFFFFA3;
}
.image-background-container .ai-upload-drag-drop img {
    margin-bottom: 20px !important;
}
/*unlock_unlimited_generations modal css start*/
.unlock-unlimited-generations {
    text-align: center;
}
#unlock_unlimited_generations .gs-modal-container {
    max-width: 448px;
}
.gs-unlimited-regular-heading {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.6px;
    font-size: 24px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 17px 0 8px;
}
.unlock-unlimited-generations > p {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
}
.gs-unlimited-discounted-price {
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.6px;
    font-size: 30px;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(rgb(148, 121, 255) 0%, rgb(117, 88, 234) 100%) text;
}
.gs-unlimited-regular-price {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-decoration: line-through;
    padding: 7px 0 7px 0;
}


.gs-ai-filter-filter-listed {
    display: flex;
    width: 100%;
}
.gs-ai-filter-uploaded {
    display: flex;
    background: #12101A;
    padding: 3px;
    border-radius: 10px;
    margin-right: 20px;
    align-self: flex-start;
}
.gs-ai-filter-uploaded .gs-ai-filter-btns {
    padding: 17px 4px;
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #8991B1;
    min-width: 110px;
    text-align: center;
    border-radius: 8px;
}
.gs-ai-filter-uploaded .gs-ai-filter-btns.gs-ai-filter-active{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
}
.light-theme .gs-ai-filter-uploaded {
    background: rgba(231, 236, 246, 1);
}
.ai-tool-list .gs-ai-filter-uploaded {
    margin: 0px 0 10px 0px;
}
.ai-tool-list .gs-ai-filter-uploaded .gs-ai-filter-btns {
    padding: 12px 4px;
    font-size: 12px;
    min-width: 50%;
}
.gs-unlimited-regular-one-time {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 23px;
}
.gs-unlimited-discounted-price span {
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-text-fill-color: #fff;
    padding: 3px 8px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    border-radius: 50px;
    margin: 0 0 0 4px;
}
.unlock-unlimited-features {
    background: #7558EA21;
    border: 1px solid #7558EA;
    margin-bottom: 12px;
    display: flex;
    border-radius: 12px;
    padding: 12px;
    text-align: left;
}
.unlock-unlimited-features-icon {
    min-width: 31px;
}
.unlock-unlimited-features-content h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    color: #fff;
}
.unlock-unlimited-features-content  p {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin: 3px 0 0 0;
}
.unlock-unlimited-features.unlock-unlimited-features2 {
    background: #60A5FA21;
    border-color: #60A5FA;
}
.unlock-unlimited-features-btns a {
    color: #FFFFFF80;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: block;
    padding: 13px;
    border-radius: 12px;
    margin: 0px 0 10px;
    transition: .3s all ease;
}
.unlock-unlimited-features-btns a.unlock-unlimited-active {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
}
.unlock-unlimited-features-btns a.unlock-unlimited-active:hover {
    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;
}
.unlock-unlimited-btn-tagline {
    font-size: 10px;
    line-height: 16px;
    color: #FFFFFF80;
    font-weight: 400;
    padding-top: 10px;
}
.unlock-unlimited-features-btns {
    padding-top: 14px;
}
.light-theme .unlock-unlimited-features-content h2 {
    color: #2e2424;
}
.light-theme .unlock-unlimited-features-btns a {
    color: #2e2424;
}
.light-theme .unlock-unlimited-features-btns a.unlock-unlimited-active{
    color: #fff;
}
.light-theme .unlock-unlimited-btn-tagline {
   color: #2e2424;
}
/*unlock_unlimited_generations modal css end*/

/*Upgrade css start*/
.gs-upgrade-now .gs-upgrade-btn {
    background: radial-gradient(66.95% 96.09% at 35.23% 0%, #C243FE 0%, rgba(182, 47, 246, 0.12) 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.48% 68.75% at 50% 31.25%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(#421CD8, #421CD8),
    linear-gradient(#5B099B, #5B099B);
    display: flex;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.15px;
    align-items: center;
    color: #FFFFFF;
    padding: 5px 0 5px 20px;
    border-radius: 12px;
    position: relative;
}
.gs-upgrade-now .gs-upgrade-btn::before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.gs-upgrade-now .gs-upgrade-btn iframe,
.gs-upgrade-now .gs-upgrade-btn video 
 {
    width: 60px;
    height: 60px;
    margin: -11px -3px  -11px 4px;
    margin-left: auto;
}
.gs-upgrade-now {
    padding: 0 0 23px;
}

.upgrade-page-content {
    width: 100%;
}


.upgrade-top-sec {
    background: url(../png/upgrade-topbar-bg.png) no-repeat center;
    background-size: cover;
    display: flex;
    border-radius: 20px 20px  0 0;
    flex-wrap: wrap;
}
.upgrade-top-left {
    padding: 33px 50px;
    width: 50%;
}
.upgrade-top-right {
    width: 50%;
    text-align: center;
    align-self: end;
}
.upgrade-top-left h3 {
    font-weight: 700;
    font-size: 35px;
    line-height: 45px;
    margin: 0 0 10px;
}
.upgrade-top-left p {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #FFFFFF9E;
    margin: 0;
    max-width: 500px;
}
.upgrade-page-content {
    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 20px 0 0;
}
.upgrade-content-sec {
    padding: 30px 50px 130px;
}
.upgrade-content-plan-wrapper {
    margin-left: -50px;
    display: flex;
    flex-wrap: wrap;
}
.upgrade-content-column-wrap {
    width: 25%;
    padding-left: 50px;
}
.upgrade-content-column {
    background: #1C1E26;
    width: 100%;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    position: relative;
    border: 1px solid transparent;
    box-shadow: 0px 1px 2px 0px #0000000D;
    display: flex;
    flex-direction: column;
    height: unset;
    min-height: 428px;
}
.upgrade-plan-tag-active {
    font-weight: 500;
    font-size: 12px;
    background: #22C55E;
    line-height: 16px;
    color: #111114;
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 16px;
    border-radius: 0 19px 0  12px;
}
.upgrade-content-column.upgrade-plan-active {
    border-color: #22C55E;
}
.upgrade-curent-plan-tag {
    display: flex;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    gap: 6px;
        padding-top: 8px;
        padding-bottom: 10px;
}
.upgrade-curent-plan-tag img {
    margin: -1px 0 0;
}
.upgrade-content-column h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 5px;
}
.upgrade-content-column h4 {
    font-weight: 700;
    font-size: 23px;
    line-height: 28px;
    color: #7558EA;
    margin: 0  0 4px;
}
.upgrade-content-column h4 span {
    color: #A1A1AA;
    font-weight: normal;
    font-size: 14px;
}
.upgrade-personal-project {
    background: #281A62;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
    color: #8F73FF;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 40px;
    align-self: center;
}

.upgrade-plan-spacing {
    padding: 6px 15px 10px;
    text-align: left;
}
.upgrade-design-used {
    display: flex;
    flex-wrap: wrap;
}
.upgrade-design-used-heading {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.upgrade-design-used-credits {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-left: auto;
    color: #A1A1AA;
}

.upgrade-design-used-progress {
    background: #27272A;
    width: 100%;
    height: 8px;
    margin-top: 8px;
    border-radius: 16px;
    margin-bottom: 5px;
    overflow: hidden;
    display: flex;
}
.upgrade-design-used-progress span {
    background: #7C3BED;
    height: 100%;
    width: 50%;
    border-radius: 16px;
}
.upgrade-plan-listing li {
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF80;
    margin-bottom: 10px;
        margin-top: 10px;
    padding-left: 30px;
    background: url(../svg/individual-plan-check.svg) no-repeat left;
}
.upgrade-plan-listing .gs-tutorials-toolnip {
    margin: 2px 3px 0;
    width: 15px;
    vertical-align: top;
}
.upgrade-plan-listing .gs-tutorials-toolnip img {
    display: block;
    vertical-align: top;
}
.upgrade-plan-listing .gs-tutorials-toolnip .ai-upload-option-tooltip {
    width: 160px;
    font-size: 11px;
}
.light-theme .upgrade-plan-listing .gs-tutorials-toolnip img {
    filter: brightness(0);
}
.light-theme .upgrade-plan-listing .gs-tutorials-toolnip .ai-upload-option-tooltip {
    background: #dedfe5;
}
.light-theme .ai-upload-option-tooltip::after {
    border-top: 5px solid #dedfe5;
}
.upgrade-content-premium-add .upgrade-plan-listing li {
    background-image: url(../svg/individual-premium-check.svg);
}

.upgrade-content-business-add .upgrade-plan-listing li {
    background-image: url(../svg/individual-business-check.svg);
}
.upgrade-content-unlimited-add .upgrade-plan-listing li {
    background-image: url(../svg/individual-unlimited-check.svg);
}
.upgrade-content-premium-add.upgrade-content-column h4 {
    color: #AA71F4;
}
.upgrade-content-premium-add .upgrade-personal-project {
    color: #AA71F4;
    background: #25213A;
}

.upgrade-content-business-add.upgrade-content-column h4 {
    color: #60A5FA;
}
.upgrade-content-business-add .upgrade-personal-project {
    color: #60A5FA;
    background: #1F283B;
}
.upgrade-content-unlimited-add.upgrade-content-column h4 {
    color: #FACC15;
}
.upgrade-content-unlimited-add .upgrade-personal-project {
    color: #FACC15;
    background: #302D23;
}
.upgrade-plan-btn.upgrade-plan-disable {
    background: linear-gradient(117.58deg, rgba(215, 237, 237, 0.16) -47.79%, rgba(204, 235, 235, 0) 100%);
    pointer-events: none;
}
.upgrade-plan-showmore,
.upgrade-plan-showless {
    /* background-color: #27272a; */
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #A1A1AA;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    border-radius: 12px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: .3s all ease;
}
.upgrade-plan-showmore:hover,
.upgrade-plan-showless:hover
{
    background-color: #27272a;
}
.upgrade-plan-showless img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.upgrade-plan-btn {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    text-align: center;
    padding: 14px 4px;
    border-radius: 12px;
    margin-top: auto;
    cursor: pointer;
    transition: .3s all ease;
    color: #ffffff;
}
.upgrade-plan-btn:hover {
    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;
    color: #ffffff;
}
.upgrade-plan-full-list {
    display: none;
}
.upgrade-plan-one-time-tag {
    border: 1px solid #8383834D;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    background: #9B9B9B33;
    align-self: center;
    border-radius: 50px;
    color: #949AA2;
    padding: 2px 10px;
    margin: 10px 0 14px;
}
.upgrade-magic-credits {
    width: 75%;
    margin-top: 22px;
    padding: 28px;
    background: url(../svg/upgrade-magic-bg.svg) no-repeat center;
    background-size: cover;
    border-radius: 20px;
    border: 1px solid #7C3BED33;
    display:flex;
    flex-wrap: wrap;
}
.upgrade-magic-credits-left {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}
.upgrade-magic-credits-text {
    width: calc(100% - 117px);
    margin-left: auto;
}
.upgrade-magic-credits-text h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.upgrade-magic-credits-text h3 span {
    border: 1px solid #8383834D;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    background: #9B9B9B33;
    align-self: center;
    border-radius: 50px;
    color: #949AA2;
    padding: 2px 10px;
}
.upgrade-magic-credits-text h4 {
    background: #281A62;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 20px;
    color: #8F73FF;
    margin: 0;
    vertical-align: top;
}
.upgrade-magic-credits-text .credits-remaining-left {
    font-size: 14px;
    color: #FFFFFFB0;
}

.upgrade-magic-credits-right {
    width: 50%;
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
}
.upgrade-magic-credit-listing li {
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF80;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 30px;
    background: url(../svg/individual-plan-check.svg) no-repeat left;
}
.upgrade-magic-credit-listing {
    max-width: 200px;
}
.upgrade-magic-credit-buy {
    display: flex;
    margin-left: auto;
    align-self: center;
    padding: 0 0 0 15px;
    gap: 20px;
    align-items: center;
}
.upgrade-magic-credit-buy h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin: 0;
}

.upgrade-magic-credit-buy a {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    text-align: center;
    padding: 14px 4px;
    border-radius: 12px;
    margin-top: auto;
    cursor: pointer;
    transition: .3s all ease;
    color: #fff;
    width: 180px;
}
.upgrade-magic-credit-buy a:hover {
    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;
}

#upgrade_magic_redesign_credits .gs-modal-container {
    max-width: 480px;
}

.upgrade-magic-plans .upgrade-curent-plan-tag {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.45px;
    justify-content: unset;
    color: #FAFAFA;
}
.upgrade-magic-plans  p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px;
}
.upgrade-magic-plans  .upgrade-design-used {
    background: #12151A;
    padding: 12px;
    border-radius: 12px;
}
.upgrade-magic-redesign-list {
    padding: 10px 0 0 0;
}
.upgrade-magic-redesign-row {
    background: #12151A;
    border: 1px solid #2F323C;
    margin-top: 12px;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
}
.upgrade-magic-redesign-left h2 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    margin: 0;
}
.upgrade-magic-redesign-lef span {
    color: #A1A1AA;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
.upgrade-magic-redesign-right {
    text-align: right;
    margin-left: auto;
}
.upgrade-magic-redesign-right h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: right;
    color: #FFFFFF;
    margin: 0 0 3px;
}
.upgrade-magic-redesign-row.upgrade-most-popular {
    background: #7558EA21;
    border: 1px solid #7558EA;
    position: relative;
}
.upgrade-magic-popular-tag {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 4px 8px;
    background: #7558EA;
    position: absolute;
    border-radius: 50px;
    transform: translate(-50%);
    left: 50%;
    top: -10px;
}
.upgrade-magic-redesign-right a {
    box-shadow: 0px 8px 12px 0px #FFFFFF14 inset, 0px 24px 24px -16px #0000001F, 16px 24px 64px -24px #FFFFFF14 inset;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    padding: 10px 11px;
    border-radius: 14px;
}
.upgrade-most-popular .upgrade-magic-redesign-right a {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.upgrade-magic-redesign-left span {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #A1A1AA;
    vertical-align: top;
    display: block;
    margin: 3px 0 0;
}

.upgrade-compare-plans .upgrade-curent-plan-tag {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.45px;
    justify-content: unset;
    color: #FAFAFA;
}
.upgrade-plan-compare-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 6px 0 0;
}
.upgrade-plan-compare-single {
    background: #12151A;
    border: 1px solid #2F323C;
    border-radius: 12px;
    padding: 24px;
}
.upgrade-plan-compare-single h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.45px;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    margin: 0 0 5px;
}
.upgrade-plan-compare-single h5 span {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    background: #7558EA1A;
    align-self: center;
    border: 1px solid #7558EA4D;
    padding: 2px 10px;
    border-radius: 50px;
    color: #5B3DD5;
}
.upgrade-plan-compare-single h6 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    margin: 0 0 12px;
}
.upgrade-plan-compare-single li {
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF80;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 30px;
    background: url(../svg/individual-plan-check.svg) no-repeat left;
}
.upgrade-plan-compare-single li.upgrade-plan-compare-cancel {
    background: url(../svg/individual-plan-check-cross.svg) no-repeat left;
    text-decoration: line-through;
}
.upgrade-plan-yearly {
    padding: 10px 0 0;
}
.upgrade-plan-yearly a {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 12px;
    padding: 14px 10px;
}
.upgrade-plan-compare-single.upgrade-plan-compare-pro {
    background: #7558EA21;
    border: 1px solid #7558EA;
}

.light-theme .upgrade-page-content {
    background: rgb(255 255 255);
}
.light-theme .upgrade-top-sec {
    background:#eff0f7;
}
.light-theme .upgrade-top-left p {
    color: #2E2424;
}
.light-theme .upgrade-content-column {
    background: #eff0f7;
}
.light-theme .gs-dashboard-wrpper .upgrade-magic-credits {
    color: #fff;
}
.light-theme .upgrade-plan-listing li {
    color: #2E2424;
}
.light-theme .upgrade-plan-btn.upgrade-plan-disable {
    background: linear-gradient(117.58deg, rgb(20 20 20 / 16%) -47.79%, rgb(98 98 98 / 13%) 100%);
    color: rgba(46, 36, 36, 1);
}
.light-theme .upgrade-plan-btn {
    color: #fff;
}
.light-theme .upgrade-design-used-progress {
    background: #a9a9a9;
}
.light-theme .upgrade-magic-plans .upgrade-curent-plan-tag {
    color: #2e2424;
}
.light-theme .upgrade-magic-plans  .upgrade-design-used {
    background: #ffffff;
}
.light-theme .upgrade-magic-redesign-row {
    background: #ffffff;
}
.light-theme .upgrade-magic-redesign-left h2,
.light-theme .upgrade-magic-redesign-right h2,
.light-theme .upgrade-compare-plans .upgrade-curent-plan-tag,
.light-theme .upgrade-plan-compare-single h5,
.light-theme .upgrade-plan-compare-single h6,
.light-theme .upgrade-plan-compare-single li {
    color: #2e2424;
}
.light-theme .upgrade-magic-redesign-right a {
    background: linear-gradient(117.58deg, rgb(20 20 20 / 16%) -47.79%, rgb(98 98 98 / 13%) 100%);
    color: rgba(46, 36, 36, 1);
}
.light-theme .upgrade-most-popular .upgrade-magic-redesign-right a {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
}
.light-theme .upgrade-plan-compare-single {
    background: #ffffff;
}


.update-complete-steps {
    box-shadow: 0px 20px 40px -10px #AA00FF4D;
    backdrop-filter: blur(12px);
    border: 1px solid #FFFFFF1A;
    background: #1B152A;
    width: 310px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    border-radius: 16px;
    color: #fff;
    z-index: 99 !important;
 cursor: grab;
  user-select: none;
  touch-action: pan-y;    /* allow vertical page scroll, we handle horizontal drag */
}
.update-complete-steps.dragging{ cursor: grabbing; }
.update-complete-top {
    padding: 16px;
    position: relative;
    cursor: pointer;
}
.update-complete-top::before {
    background: url(../svg/upgrade-down-arrow.svg) no-repeat center;
    height: 16px;
    width: 16px;
    content: "";
    position: absolute;
    right: 18px;
    top: 17px;
    transition: .3s all ease;
    transform: rotate(180deg);
}
.update-complete-count {
    display: flex;
    padding: 0 0 3px;
}
.update-complete-count-left {
    min-width: 32px;
}
.update-complete-count-right {
    padding: 0 20px 0 11px;
}
.update-complete-count-right h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    letter-spacing: 0;
}
.update-complete-count-right h4 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFFB2;
    margin: 1px 0 0;
}
.upgrade-complete-percent {
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF99;
    margin: 7px 0 0;
    display: block;
}
.update-complete-body {
    border-top: 0.87px solid #FFFFFF1A;
    display: none;
}
.upgrade-complte-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
}
.upgrade-row-complte-icon {
    background: #FFFFFF1A;
    height: 32px;
    width: 32px;
    border-radius: 50px;
    display: flex;
    min-width: 32px;
    align-items: center;
    justify-content: center;
}
.upgrade-row-complte-content h3 {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    margin: 0  0 0px;
}
.upgrade-row-complte-content h4 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    margin: 0;
    gap: 4px;
    align-items: center;
    color: #33CC66;
}
.upgrade-row-complte {
    background: #FFFFFF0D;
    border: 1px solid #FFFFFF1A;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    display: flex;
    align-items: center;
}
.upgrade-row-complte-link a {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    display: flex;
    gap: 2px;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    padding: 8px;
    border-radius: 12px;
    align-items: center;
}
.upgrade-row-complte-link .upgrade-plan-btn{
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    display: flex;
    gap: 2px;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    padding: 8px;
    border-radius: 12px;
    align-items: center;
}
.upgrade-row-complte-link {
    margin-left: auto;
}
.upgrade-row-complte-content {
    max-width: 120px;
}
.green-active-icon,
.upgrade-row-complte-content h4,
.rowcomplete .upgrade-row-complte-icon img,
.rowcomplete .upgrade-row-complte-link
{
    display: none;
}
.rowcomplete .upgrade-row-complte-icon img.green-active-icon,
.rowcomplete .upgrade-row-complte-content h4
{
    display: block;
}
.upgrade-row-complte.rowcomplete {
    background: #33CC6633;
    border: 1px solid #33CC664D;
}
.rowcomplete  .upgrade-row-complte-icon {
    background: #33CC66;
}
.upgrade-row-footer {
    border-top: 0.87px solid #FFFFFF1A;
    padding: 16px;
}
.upgrade-row-footer p {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 7px;
}
.upgrade-row-footer a
{
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 12px;
    padding: 14px 10px;
}
.update-complete-steps.open .update-complete-top::before {
    transform: rotate(0);
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-upgrade-now {
    display: none;
}
/*Upgrade css end*/

/*user-survey-modal css start*/
.gs-modal-container.user-survey-modal-wrapper {
    max-width: 896px;
}
.user-survey-modal-top {
    text-align: center;
    padding-top: 16px;
}
.user-survey-modal-top h4 {
    font-weight: 700;
    text-align: center;
    font-size: 36px;
    letter-spacing: -0.6px;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.3;
}
.user-survey-modal-wrapper .gs-modal-content {
    border: 1px solid #7558EA7D;
    z-index: 1;
    background: #1A1D21F5;
}

.user-survey-modal-wrapper .gs-modal-content::before {
    content: "";
    width: 170px;
    height: 170px;
    position: absolute;
    right: 60px;
    top: 60px;
    background: #883BED33;
    border-radius: 50%;
    box-shadow: 0 0 80px 80px #883BED33;
    opacity: 0.7;
    z-index: -1;
}
.user-survey-modal-tabs ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 23px;
}
.user-survey-modal-tabs li a {
    padding: 25px;
    background: #12151A;
    border: 1px solid #2F323C;
    border-radius: 12px;
    display: flex;
}
.user-survey-modal-tb-icon {
    width: 83px;
}
.user-survey-modal-tb-text {
    width: calc(100% - 83px);
}
.user-survey-modal-tb-text p {
    color: #A1A1AA;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
.user-survey-modal-tabs li.active a {
    background: #7558EA21;
    border-color: #7558EA;
}
.user-survey-modal-form {
    background: rgb(18, 21, 26);
    padding: 25px;
    border-radius: 12px;
}
.user-survey-modal-cont-text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
.user-survey-modal-cont {
    display: flex;
    justify-content: center;
}
.user-survey-modal-cont {
    display: flex;
    justify-content: center;
    gap: 14px;
}
.user-survey-modal-cont-icon {
    width: 50px;
    min-width: 50px;
}
.user-survey-modal-cont-text {
    align-self: center;
}
.user-survey-modal-cont-form {
    padding: 32px 0 0;
}
.user-survey-form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.user-survey-form-column {
    position: relative;
}
.user-survey-form-column input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
    cursor: pointer;
    outline: none;
}
.user-survey-form-column-inner {
    border: 1px solid #2F323C;
    padding: 16px 45px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #F8FAFC;
    border-radius: 12px;
}
.user-survey-form-column-inner::before {
    border: 1px solid #2F323C;
    content: "";
    height: 16px;
    width: 16px;
    border-radius: 50%;
    position: absolute;
    left: 16px;
    top: 18px;

}
.user-survey-form-column input:checked + .user-survey-form-column-inner
{
    background: #7558EA21;
    border: 1px solid #7558EA
}
.user-survey-form-column input:checked + .user-survey-form-column-inner::before
{
    background:#7558EA url(../svg/user-survey-modal-icon6.svg) no-repeat center;
    border-color: transparent;

}
.user-survey-form-column:hover .user-survey-form-column-inner{
    border-color: #8F73FF
}


user-survey-other-text {
    grid-column: 1 / span 2;
}
.user-survey-profession label {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #F8FAFC;
    width: 100%;
    padding: 0 0 11px;
}
.user-survey-profession input[type="text"] {
    background: transparent;
    border: mediumpurple;
    border: 1px solid #2F323C;
    padding: 14px 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #F8FAFC;
    border-radius: 12px;
    width: 100%;
    font-weight: normal;
}
.user-survey-profession input[type="text"]:focus,
.user-survey-profession input[type="text"]:focus-visible{
    outline: none;
    border-color: #7558EA;
}

.user-survey-form-btn-row {
    text-align: center;
    padding: 18px 0 0;
}
.user-survey-form-btn {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #FFFFFF;
    padding: 12px 49px;
    border: none;
    display: inline-flex;
    gap: 16px;
    border-radius: 12px;
    cursor: pointer;
}
.user-survey-form-btn:hover {
    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;
}
.light-theme .user-survey-modal-wrapper .custom_loader_text,
.light-theme  .user-survey-modal-wrapper .gs-modal-content h4,
.light-theme .user-survey-modal-wrapper .our-preset-settings-range-outer p {
    color: #A1A1AA;
}
.user-survey-modal-wrapper .gs-modal-content {
    color: #A1A1AA;
}
.user-survey-modal-cont-text p {
    color: #A1A1AA;
}
/*user-survey-modal css end*/

/**/
.search-social-icons-wrapper h6 {
    font-weight: 600;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 2px;
    color: #FFFFFF;
    margin: 0 0 5px;
}
.search-social-icons-wrapper {
    background: #3F3F3FE5;
    border: 1px solid #6B6B6B;
    box-shadow: -20px 0px 54px 0px #00000026;
    border-radius: 20px;
        padding: 7px 12px 12px;
    text-align: center;
}
.search-social-icons {
    display: flex;
    justify-content: center;
    padding: 10px 0 0;
}
.search-social-icons-wrapper ul {
    display: flex;
    gap: 12px;
}
.search-social-icons-wrapper ul li {
    position: relative;
}
.search-social-icons-wrapper li .tooltip-link-copied {
    position: absolute;
    left: 50%;
    top: 100%;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #1E1634;
    background: #fff;
    padding: 2px 8px;
    border-radius: 8px;
    white-space: nowrap;
    transform: translate(-50%);
    margin-top: 9px;
    display: none;
}
.search-social-icons-wrapper li .copied .tooltip-link-copied
{
    display: block;
}
.search-social-icons-wrapper li .tooltip-link-copied::before {
    content: "";
    border-bottom: 6px solid  #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -3px;
}


.gs-editing-search-social {
    display: flex;
    padding: 20px 15px 50px;
    flex-wrap: wrap;
}
.gs-editing-search-social h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 32px;
    letter-spacing: -0.6px;
    margin: 0;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 7px;
}
.gs-editing-search-social-left p {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #A1A1AA;
    margin: 11px 0 0px;
}
.gs-editing-search-social-left {
    padding: 0 20px 0 0;
    max-width: calc(100% - 180px);
}
.gs-editing-search-social-right {
    margin-left: auto;
}
.gs-editing-search-social-right a {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    text-align: center;
    vertical-align: middle;
    padding: 14px 37px;
    border-radius: 12px;
    display: block;
    transition: .3s all ease;
}
.gs-editing-search-social-right a:hover{
    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;
}
.gs-image-editing-content:has(.gs-editing-search-social-visible) .search-preview-outer .bal-after img {
    max-height: 68vh;
}
div#modalImagePreview .bal-beforePosition.beforeLabel,
div#modalImagePreview .bal-afterPosition.afterLabel {
    opacity: 1;
}
div#modalImagePreview .bal-beforePosition.beforeLabel {
    background: linear-gradient(25.17deg, #181229 4.78%, #241644 93.55%);
    position: absolute;
    top: 0;
    bottom: unset;
    margin: 0;
    left: 25%;
    transform: translate(-50%, 0%);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    padding: 6px 23px 10px;
    border-radius: 0 0 14px 14px;
}
div#modalImagePreview  .bal-afterPosition.afterLabel {
    position: absolute;
    top: 0;
    bottom: unset;
    margin: 0;
    right: 25%;
    transform: translate(50%, 0%);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    padding: 6px 23px 10px;
    border-radius: 0 0 14px 14px;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
}

/*Gift claim page css start*/
.gs-modal-content.giftclaim-modal-content {
    border-width: 2px;
    background: url(../png/giftclaim-bg.png) no-repeat center;
    background-size: cover;
}
.giftclaim-outer {
    text-align: center;
}
.gs-modal-content .giftclaim-outer h3 {
    text-align: center;
    margin: 0 0 5px;
    color: #FFFFFF;
}

.gs-modal-content .giftclaim-outer h4 {
    color: #8F73FFCF;
    margin: 0 0 20px;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    background: #7558EA29;
    border: 1px solid #8F73FF;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 50px;
}
.gs-modal-content .giftclaim-outer p {
    font-size: 15px;
    line-height: 24px;
    color: #EFEFEFCF;
}
.giftclaim-outer a {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    padding: 13px 20px 15px;
    display: inline-flex;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.15px;
    font-size: 14px;
    border-radius: 12px;
    color: #fff;
    gap: 16px;
    align-items: center;
}
.giftclaim-outer a img {
    width: 19px;
}
.giftclaim-outer .giftclaim-img {
    margin-bottom: 10px;
}
.giftclaim-outer a:hover {
    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;
}
/*Gift claim page css end*/
/*academy access modal css start*/
.academy-access-outer {
    text-align: center;
}
.academy-access-outer h3 {
    text-align: center;
    padding: 3px 0 0;
}
.academy-access-outer p {
    color: #EFEFEFCF;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.1px;
}
.academy-access-outer a {
    border: 1px solid #E0E0E021;
    background: #03040538;
    backdrop-filter: blur(44px);
    padding: 9px;
    display: inline-block;
    font-size: 19px;
    line-height: 34px;
    color: #8F73FF;
    width: 460px;
    max-width: 100%;
    border-radius: 14px;
}
.light-theme  .academy-access-outer h3 {
    color: #ffff;
}
.gs-academy-top-wrapper {
    background: url(../png/gs-academy-bg.png) no-repeat center;
    background-size: cover;
    padding: 15px 75px;
    border-radius: 20px;
    display: flex;
        align-items: center;
}
.gs-academy-top-wrapper h1 {
    font-size: 42px;
    line-height: 60px;
    padding: 0;
    color: #fff;
}
.gs-academy-top-text {
    width: 50%;
}
.gs-academy-top-image {
    width: 50%;
    text-align: center;
}

.gs-academy-sales-outer {
    padding: 28px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}
.gs-academy-sales-column {
    background: #142535;
    border: 1px solid #3091ED;
    box-shadow: 0px 1px 2px 0px #0000000D;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 34px;
        text-align: center;
    border-radius: 20px;
}
.gs-academy-sales-column h3 {
    background: linear-gradient(180deg, rgba(60, 160, 255, 0.2) 0%, rgba(42, 137, 227, 0.2) 100%);
    border: 1px solid #3091ED;
    color: #3CA0FF;
    font-weight: 800;
    font-size: 16px;
    line-height: 26.4px;
    letter-spacing: 1.3px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 2px 25px;
    border-radius: 50px;
}
.gs-academy-sales-column h2 {
    font-weight: 800;
    font-size: 20px;
    line-height: 26.4px;
    margin: 0 0 10px;
}
.gs-academy-sales-column p {
    font-weight: 500;
    font-size: 12px;
    line-height: 20.6px;
    letter-spacing: -0.16px;
    margin: 0 0 9px;
    color: rgba(255, 255, 255, 0.8);
}
.gs-academy-sales-column  img {
    margin-top: auto;
}
.gs-academy-sales-column .gs-academy-btn {
    background: linear-gradient(180deg, #72BAFF 0%, #3CA0FF 100%);
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    color: #FFFFFF;
    padding: 18px;
    border-radius: 8px;
    transition: .3s all ease;
    margin-top: 12px;

}
.gs-academy-sales-column .gs-academy-btn:hover
{
    transform: scale(1.05);
}
.gs-academy-sales-column ul {
    display: flex;
    font-size: 11px;
    text-align: left;
    flex-wrap: wrap;
    margin: 0 -20px !important;
}
.gs-academy-sales-column li {
    position: relative;
    width: 50%;
    padding: 0 0 5px 18px;
    color: rgba(255, 255, 255, 0.8);
}
.gs-academy-sales-column li::before {
    content: ".";
    font-size: 300%;
    position: absolute;
    left: 5px;
    top: -16px;
    line-height: 24px;
}
.gs-academy-sales-column.sales-column-pink {
    border-color: #CA599D;
    background: #2A1823;
}
.gs-academy-sales-column.sales-column-pink h3 {
    background: #C0488E33;
    border-color: #B4337B;
    color: #CA599D;
}
.gs-academy-sales-column.sales-column-pink .gs-academy-btn {
    background: linear-gradient(180deg, #CA599D 0%, #B4337B 100%);
}
.gs-academy-sales-column.sales-column-blue {
    background: #0D183D;
    border: 1px solid #5A71BE;
    box-shadow: 0px 1px 2px 0px #0000000D;
}
.gs-academy-sales-column.sales-column-blue h3 {
    color: #5A71BE;
    background: #061030;
    border: 1px solid #5A71BE;
}
.gs-academy-sales-column.sales-column-blue .gs-academy-btn {
    background: linear-gradient(180deg, #304486 0%, #162041 100%);
}
.gs-academy-sales-column.sales-column-yellow {
    border: 1px solid #E7E575;
    background: #1B1609;
}
.gs-academy-sales-column.sales-column-yellow h3 {
    color: #E5DC5F;
    background: #564B3A;
    border-color: #D8A82F;
}
.gs-academy-sales-column.sales-column-yellow .gs-academy-btn {
    background: linear-gradient(180deg, #E7E575 0%, #D8A82F 100%);
    color: #30334F;
}

.light-theme .gs-academy-sales-column {
    background-image: url(../jpg/main-bg.jpg);
}
.light-theme .gs-academy-top-wrapper {
    background: url(../png/gs-dashboard-ai-2.png) no-repeat center;
}
.light-theme .gs-academy-sales-column p,
.light-theme .gs-academy-sales-column li {
    color: rgba(46, 36, 36, 1);
}
.light-theme .gs-dashboard-links a .fa.fa-lock.c-fa {
    color: currentColor;
}
.light-theme .gs-academy-sales-column.sales-column-blue h3 {
    background: #1940bd17;
}
/*academy access modal css end*/

/*Live streaming modals css start*/
.live-streaming-tag {
    position: absolute;
    top: 0;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    border-radius: 50px;
    padding: 4px 20px 4px 4px;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    letter-spacing: 0.1px;
    align-items: center;
    gap: 10px;
}
.live-streaming-tag-icon {
    border-radius: 200px;
    height: 45px;
    width: 45px;
    min-width: 45px;
    align-items: center;
    justify-content: center;
    display: flex;
    background: #fff;
}
.live-streaming-content {
    text-align: center;
    padding: 20px 0 24px 0;
}
.live-streaming-content h3 {
    text-align: center;
}
.live-streaming-content h4 {
    color: #B09CFF;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    margin: 0 0 12px;
}
.live-streaming-content p {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}
.live-streaming-content p a {
    color: currentColor;
    text-decoration: underline !important;
}
.live-streaming-flex {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, 2fr);
}
.live-streaming-column {
    background: #03040538;
    border: 1px solid #E0E0E021;
    padding: 14px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.live-streaming-column h5 {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0 0 11px;
}
.live-streaming-column ul {
    display: flex;
    flex-wrap: wrap;
}
.live-streaming-column  li {
    width: 50%;
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    color: #EFEFEFCF;
    padding-left: 17px;
    background: url(../svg/live-streaming-listing.svg) no-repeat left top 2px;
    padding-bottom: 6px;
}
.live-streaming-column.live-streaming-column-webinar ul {
    display: inline-block;
}
.live-streaming-column.live-streaming-column-webinar li {
    width: 100%;
}
.live-streaming-timing-inner {
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 8px;
    display: flex;
    gap: 5px;
}
.live-streaming-timing-inner img {
    display: block;
    margin-top: -2px;
}
.live-streaming-presenter {
    background: #FFFFFF0F;
    padding: 3px;
    border-radius: 50px;
    display: flex;
}
.live-streaming-presenter-detail h6 {
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.2px;
    color: #B09CFF;
    margin: 0;
}
.live-streaming-presenter-detail span {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}
.live-streaming-presenter-detail  span {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    display: block;
    color: #EFEFEFCF;
    opacity: 1;
}
.live-streaming-presenter-detail {
    align-self: center;
    padding: 0 12px;
}
.live-streaming-btn a {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #FFFFFF;
    padding: 14px 48px;
    display: inline-block;
    border-radius: 12px;
}
.live-streaming-btn a:hover {
    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;
}
.live-streaming-btn {
    padding: 28px 0 0;
    text-align: center;
}


.light-theme .live-streaming-content p,
.light-theme .live-streaming-column h5,
.light-theme .live-streaming-timing-inner {
    color: #FFFFFF9E;
}
.light-theme .live-streaming-content h3 {
    color: #ffff;
}
.light-theme .live-streaming-content h4 {
       color: #B09CFF;
}
/*Live streaming modals css end*/
/*Furniture removal css start*/
.gs-furniture-removal-togle {
    font-size: 14px;
    color: #8991B1;
    display: flex;
}
.gs-furniture-removal-togle label span {
    background: #c3bed3;
    height: 17px;
    width: 45px;
    display: flex;
    border-radius: 50px;
    position: relative;
}
.gs-furniture-removal-togle input:checked + label span {
   background: #7558EA;
}
.gs-furniture-removal-togle label {
    display: inline-flex;
    gap: 8px;
    cursor: pointer;
    align-items: center;
}
.gs-furniture-removal-togle label span::before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    border: 3px solid #FFFFFF;
    background: #7558EA;
    height: 24px;
    width: 24px;
    border-radius: 50px;
    transition: .3s all ease;
}
.gs-furniture-removal-togle input:checked + label span::before {
    left: 22px;
}
.gs-furniture-removal-text {
    color: #8991B1;
    font-size: 11px;
    padding: 11px 0 0 0;
    line-height: 1.7;
}
.light-theme .gs-furniture-removal-togle,
.light-theme .gs-furniture-removal-text {
    color: #2e2424;
}
.remove-all-modal-content {
    background: url(../png/giftclaim-bg.png) no-repeat center;
    background-size: cover;
}
/*Furniture removal css end*/

/*Animate Video model css start*/
.gs_video-modal-top {
    padding: 0 0px 40px;
    display: flex;
    flex-wrap: wrap;
}
.gs_video-modal-top-left h3 {
    font-size: 40px;
    line-height: 42px;
    margin: 0 0 6px;
    color: #FFFFFF;
    font-weight: 700;
}
.gs_video-modal-top-left p {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    color: #EFEFEFCF;
}
.gs_video-modal-top-right {
    margin-left: auto;
}
.gs_video-modal-top-right-options {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.gs_video-modal-top-right-options .gs-continue-btn {
    margin: 0;
}
.gs_video-modal-top-left {
    width: 60%;
}
.gs_video-modal-top-right {
    margin-left: auto;
    max-width: 40%;
    display: flex;
    gap: 17px;
    flex-wrap: wrap;
}
.gs_video-modal-top-right label {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    display: block;
    color: #8991B1;
    margin: 0 0 5px;
}
.gs_video-modal-select select {
    background: #09090B70 url(../svg/video-select-arrow.svg) no-repeat right 20px center;
    border: 1px solid #F6F6F633;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.15px;
    width: 172px;
    display: block;
    padding: 14px 18px;
    border-radius: 10px;
    color: #8991B1;
    font-family: "Eudoxus Sans";
    outline: none;
    box-shadow: none;
}
.gs_video-modal-select select option {
    color: #8991B1;
    background: #110e1d;
    border: 1px solid #F6F6F633;
}
.gs_video-modal-image > img {
    width: 100%;
    border-radius: 15px;
    max-height: 600px !important;
    object-fit: contain;
    border: 2px solid #7558EA;

}
.gs_video-modal-image > video {
    width: 100%;
    border-radius: 15px;
    max-height: 600px !important;
    object-fit: contain;
    border: 2px solid #7558EA;
}
.gs_video-modal-image {
    padding: 0 0px;
    margin-bottom: 40px;
    position: relative;
}
.gs-video-modal-image-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.gs_video-modal-tools-options {
    background: #141718;
    padding: 15px 9px;
    border-radius: 20px;
    display: flex;
    /* justify-content: space-evenly; */
    overflow-y: auto;
    margin-top: 30px;
    gap: 16px;
}
.gs_video-modal-option {
    background: #262746;
    border: 1px solid #333653;
    border-radius: 14px;
    overflow: hidden;
    background: #1D1E3A;
    min-width: 200px;
    cursor: pointer;
}
.gs_video-modal-option-top {
    position: relative;
}
.gs_video-modal-option-top span {
    position: absolute;
    background: #30334F89;
    border: 1px solid #333653;
    color: #E9E7FF;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    border-radius: 8px;
    padding: 6px 8px;
    left: 7px;
    top: 6px;
}

.gs_video-modal-option-text {
    background: #1D1E3A;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.gs_video-modal-option-text p {
    color: #DCD9FF;
    font-size: 13px;
    line-height: 1.3;
    margin: 0;
    max-width: 140px;
}
.gs_video-modal-option-text span {
    font-size: 11px;
    color: #E9E7FF;
    background: #181A3A;
    border: 1px solid #2C2A55;
    padding: 8px;
    border-radius: 8px;
    align-self: center;
    margin-left: auto;
}
.gs_video-modal-option-top img {
    width: 100%;
    height: 110px;
    object-fit: cover;
}

.light-theme .gs_video-modal-tools-options {
    background: #e7ecf6;
}
/*Animate Video model css end*/
.gs_video-modal-top-right .conver3d-btn {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    align-self: flex-start;
    display: flex;
    padding: 12px 18px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    align-items: center;
    gap: 16px;
    color: #fff;
    font-weight: 500;
}
.gs-3d-main-image {
    /* background: url(../images/3d-transparent-bg.png) no-repeat center; */
    background-size: cover;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 490px;
    padding: 10px;
}

.gs-3d-main-image > img {
    width: 100%;
    max-height: 600px !important;
    object-fit: contain;
    border-radius: 15px;
}

#model3dContainer.model-ready {
    /* background: url("../images/3d-transparent-bg.png") no-repeat center; */
    background-color: white;
    background-size: cover;
}

#model3dContainer2 {
    background-color: white;
    background-size: cover;
}

/*gs_view_3d modal css start*/
.gs-view-3dransformation-left h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 32px;
    letter-spacing: -0.6px;
    background: linear-gradient(180deg, #9479FF 0%, #7558EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 7px;
}
.gs-view-3dransformation-left p {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #A1A1AA;
    margin: 11px 0 0px;
}
.modal-content.gs-view-3dransformation-content {
    width: 1200px;
    box-shadow: none;
    background: transparent;
    border: none;
    padding: 20px;
    max-width: 100%;
}
.gs-view-3dransformation-top {
    display: flex;
    gap: 33px;
    padding: 0 0 40px;
    flex-wrap: wrap;
}
.gs-view-3dransformation-boxes {
    position: relative;
    display: flex;
    gap: 4%;
    flex-wrap: wrap;
}

.gs-view-3dransformation-box {
    width: 48%;
    position: relative;
}
.gs-view-3dransformation-tag {
    position: absolute;
    top: 0;
    background: #08080885;
    box-shadow: 0px 8px 12px 0px #FFFFFF14 inset, 0px 24px 24px -16px #0000001F, 16px 24px 64px -24px #FFFFFF14 inset;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    text-align: center;
    padding: 7px 27px 9px;
    border-radius: 50px;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, 13px);
    color: #fff;
}
.gs-transformation-modular {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FFFFFFB2;
    font-size: 12px;
    gap: 15px;
}
.gs-view-3dransformation-btn
{
    text-align: center;
}
.gs-view-3dransformation-box-inset {
    position: relative;
}
.gs-view-3dransformation-left {
    max-width: calc(100% - 140px);
}
.gs-view-3dransformation-back a {
    display: block;
}
.gs-transformation-view-sh {
    position: absolute;
    z-index: 9;
    right: 13px;
    top: 13px;
}
.gs-transformation-view-sh li {
    margin-bottom: 9px;
    text-align: center;
}
.gs-transformation-view-sh li a {
    display: flex;
    background: #00000054;
    width: 38px;
    height: 38px;
    border-radius: 13px;
    transition: .1s all ease;
    align-items: center;
    justify-content: center;
}
/* .gs-transformation-view-sh li a:hover
{
    background: #7558EA;
} */
/*gs_view_3d modal css end*/

/*estimatorModal css start*/
.estimatorcontrols-select {
    margin: 9px 0 0 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.15px;
    padding: 12px 18px;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    width: 100%;
    border: none;
    background: #7558EA29 url(../svg/dropdown-arroiw.svg) no-repeat center right 20px;
    border: 1px solid #8F73FF;
    outline: none;
}
.estimatorcontrols-select option{
    color: #000;
}
.estimator-body-con .gs-continue-btn {
    margin: 0;
}
.light-theme .estimatorcontrols-select {
    background-image: url(../svg/dropdown-arroiw2.svg);
    background-color: #f5f5ff;
    color: rgba(46, 36, 36, 1);
    border-color: rgb(46 36 36 / 23%);
}
.estimator-table {
    width: 100%;
}
.estimator-table tr {
    border-bottom: 1px solid #e8e8e91c;
}
table.estimator-table tbody tr:last-child {
    border: none;
}
.estimator-table th, .estimator-table td {
    padding: 8px 10px;
    font-size: 14px;
}
.estimator-table th:last-child, .estimator-table td:last-child {
    color: #ffff;
}
.estimator-table th:first-child,
.estimator-table td:first-child{
    padding-left: 0;
}
.light-theme .estimator-table th:last-child,
.light-theme .estimator-table td:last-child {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.light-theme .estimator-table tr {
    border-color:  #3f395636;
}

.modal-content.gs-transformation-estimate-content {
    width: 1200px;
    box-shadow: none;
    background: transparent;
    border: none;
    padding: 20px;
    max-width: 100%;
}

.gs-view-transformation-estimate-top {
    display: flex;
    flex-wrap: wrap;
    gap: 33px;
    padding: 0px 0px 40px;
}
.gs-view-transformation-estimate-left {
    max-width: calc(100% - 140px);
}
.gs-view-transformation-estimate-left h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 32px;
    letter-spacing: -0.6px;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(rgb(148, 121, 255) 0%, rgb(117, 88, 234) 100%) text;
    margin: 0px 0px 7px;
}
.gs-view-transformation-estimate-left p {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: rgb(161, 161, 170);
    margin: 11px 0px 0px;
}
.gs-transformation-estimate {
    display: flex;
    flex-wrap: wrap;
}
.gs-transformation-estimate-left img {
    border-radius: 20px 0  0 20px;
    display: block;
        height: 100%;
    object-fit: cover;
}
.gs-transformation-estimate-left {
    width: 57%;
}
.gs-transformation-estimate-right {
    background: #1C1E26;
    border-radius: 0px 20px  20px 0;
    padding: 13px 18px;
    width: 43%;
     font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #FFFFFF;
}

.gs-transformation-estimate-top {
    display: flex;
    font-weight: bold;
    background: #30334F;
    color: #FFFFFF87;
    border-radius: 6px;
}
.gs-transformation-estimate-item, .gs-transformation-estimate-cost {
    padding: 7px 8px;
    display: flex;
    min-height: 50px;
    align-items: center;
}
.gs-transformation-estimate-row {
    display: flex;
}
.gs-transformation-estimate-item {
    width: 70%;

}
.gs-transformation-estimate-cost {
    width: 30%;
}
.gs-transformation-estimate-footer {
    display: flex;
    margin: 0 -18px 0;
    padding: 0 18px;
}
.gs-transformation-estimate-row {
    display: flex;
    border-bottom: 0.87px dashed #414553;
}
.gs-transformation-estimate-footer .gs-transformation-estimate-item {
    font-size: 16px;
    color: #E9E7FF;
}
.gs-transformation-estimate-footer .gs-transformation-estimate-item strong {
    font-weight: bold;
    padding: 0 0 0 7px;
}
.gs-transformation-estimate-row:last-child {
    border: none;
}
.gs-transformation-estimate-footer {
    border-top: 1px solid #414553;
    padding-top: 10px;
}
.gs-transformation-estimate-cost .gs-continue-btn {
    margin: 0 -11px 0 -13px;
    padding: 13px 10px;
}
/*estimatorModal css end*/

/*Business Design Ideas css start*/
.gs-business-type {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
    padding: 2px;
    position: relative;
}
.gs-business-type .gs-select-room-style-single {
    margin: 0;
    width: 100%;
}
.gs-business-type .gs-select-room-style-single img {
    height: 120px;
}
.gs-business-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    padding: 0 0 13px;
}
.gs-business-type-scroll {
    max-height: 500px;
    overflow: hidden;
}

.gs-busines-space-size, .gs-busines-aspect-ratio {
    display: inline-flex;
    background: #12101A;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.15px;
    padding: 2px;
    border-radius: 8px;
    margin-top: 7px;
}
.gs-busines-space-size button, .gs-busines-aspect-ratio button{
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    font-family: 'Eudoxus Sans';
    letter-spacing: 0.15px;
    padding: 6px 12px;
    border-radius: 7px;
    border: none;
    background: transparent;
}
.gs-busines-space-size button.active, .gs-busines-aspect-ratio button.active {
    background: #7558EA;
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
}
.gs-seeds-toglle label {
    color: #8991B1;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    gap: 10px;
    display: inline-flex;
}
.gs-seeds-toglle label span {
    background: #c3bed3;
    width: 45px;
    height: 17px;
    border-radius: 13px;
    align-self: center;
    position: relative;
    transition: .3s all ease;
}
.gs-seeds-toglle label span::before {
    background: #7558EA;
    border: 3px solid #FFFFFF;
    height: 24px;
    width: 24px;
    border-radius: 40px;
    content: "";
    position: absolute;
    left: 0px;
    top: -3px;
    transition: .3s all ease;
}

.gs-seeds-toglle label input[type="checkbox"]:checked ~ span::before {
    left: 21px;
}
.gs-seeds-toglle label input[type="checkbox"]:checked ~ span {
    background: #7558EA;
}
.gs-seeds-btn-outer {
    display: flex;
    gap: 15px;
    padding: 23px 0 0;
}
.gs-seeds-input {
    width: 47%;
    display: none;
}
.gs-seeds-toglle:has(input:checked) + .gs-seeds-btn-outer .gs-seeds-input {
    display: block;
}

.gs-seeds-btn-outer a.gs-continue-btn {
    margin: 0;
    padding: 14px 8px;
    width: 50%;
    justify-content: center;
    margin-left: auto;
}

.gs-seeds-input input {
    background: #27293c;
    border: 1px solid #333653;
    border-radius: 14px;
    height: 49px;
    color: #94A3B8;
    font-size: 12px;
    line-height: 17.4px;
    width: 100%;
    padding: 10px 16px;
    outline: none;
}
.gs-seeds-input input:focus {
    outline: none;
}
.gs-seeds-input input::placeholder{
    color: #94A3B8;
}
.diversity-instruction {
    color: #94A3B8;
    font-weight: 400;
    font-size: 11px;
    line-height: 17.4px;
    padding: 6px 0 00;
}
.business-segment-cont .our-preset-range-design .ui-widget-header {
    background: #2C303E;
}
.ai-diversity-spacing {
    padding: 0 11px 0;
    border-radius: 50px;
    background: linear-gradient(to right,  #7558ea 0%,#7558ea 50%,#2c303e 56%,#2c303e 100%);
}
.ai-diversity-spacing .ui-slider-horizontal .ui-slider-range-max {
    right: -1px;
}
.business-segment-cont .our-preset-settings-range-outer {
    padding: 5px 0 0;
}
.light-theme .gs-busines-space-size , .light-theme .gs-busines-aspect-ratio {
    background: #2c303e;
}
.light-theme .business-segment-cont .gs-select-automatically p,
.light-theme .business-segment-cont .gs-our-preset-settings p {
    color: rgba(46, 36, 36, 0.81);
}
.gs-business-type-scroll .mCSB_scrollTools .mCSB_draggerRail {
    display: none;
}
.gs-business-type-manual label {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #EFEFEFCF;
    margin: 0 0 10px;
    display: block;
}
.gs-business-type-manual-form {
    background: #30334F89;
    border: 1px solid #333653;
    padding: 5px 5px 5px;
    border-radius: 9px;
    margin: 0 0 20px;
    display: flex;
}
.gs-business-type-manual-input {
    font-weight: 400;
    font-size: 12px;
    line-height: 17.4px;
    background: transparent;
    padding: 6px 13px;
    border: none;
    color: #94A3B8;
    vertical-align: top;
    outline: none;
    height: 31px;
    width: calc(100% - 115px);
}
.gs-business-type-manual-input::placeholder{
    color: #94A3B8;
}
.gs-business-type-manual-btn {
    background: linear-gradient(180deg, #8F73FF 0%, #5B3DD5 100%);
    border: none;
    border-radius: 9px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.15px;
    height: 31px;
    vertical-align: top;
    color: #FFFFFF;
    width: 115px;
    outline: none;
}
.gs-business-type-manual-btn:hover {
    background: linear-gradient(180deg, #5B3DD5 0%, #8F73FF 100%);
}
.light-theme .gs-business-type-manual-form {
    background: #ffffff89;
    border-color: #939ab7;
}
.light-theme .gs-business-type-manual label {
    color: rgba(46, 36, 36, 1);
}
.gs-select-room-style-single.selectmanual-entry img {
    height: unset !important;
    width: 32px;
    border: none;
}

.gs-select-room-style-single.selectmanual-entry {
    /* background: linear-gradient(0deg, #250E81 4.84%, rgba(39, 14, 141, 0) 61.37%); */
    border: 1px solid #2c303e;
    text-align: center;
    padding: 8px;
}
.gs-select-room-style-single.selectmanual-entry.active {
    background: linear-gradient(0deg, #250E81 4.84%, rgba(39, 14, 141, 0) 61.37%);
    border-color: #7558EA;
}
.gs-select-room-style-single.selectmanual-entry::before,
.gs-select-room-style-single.selectmanual-entry::after
{
    display: none;
}
.selectmanual-entry h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
    margin: 4px 0 3px;
}
.selectmanual-entry  p {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    margin: 5px auto 0;
    max-width: 111px;
}
.light-theme .gs-select-room-style-single.selectmanual-entry {
        background: #ffffff89;
    border-color: #939ab7;
}
.light-theme .gs-select-room-style-single.active {
    background: linear-gradient(0deg, #c7bfe9 4.84%, rgba(39, 14, 141, 0) 61.37%);
    border-color: #7558EA;
}
/*Business Design Ideas css end*/

.upgrade-video-credits-outer .upgrade-magic-credits{
    margin-top: 20px;
}
.upgrade-video-credits-outer .upgrade-magic-credits {
    background-image:url(../svg/upgrade-vid-bg.svg);
}
.upgrade-video-credits-outer .upgrade-magic-credits-text h4 {
    color: #60A5FA;
    background: #60A5FA1C;
}
.upgrade-video-credits-outer .credits-remaining-pending span {
    color: #60A5FA;
}
.upgrade-video-credits-outer .upgrade-magic-credit-listing li {
    background-image: url(../svg/vid-credits-checkbox-rec.svg) ;
}

/*Image Generation Queue css start*/
.gs-continue-wrapper-queue {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 13px;
    margin-top: 20px;
}
.gs-wrapper-queue-toggle {
    font-size: 12px;
    color: #8991B1;
    display: flex;
    align-items: center;
}
.gs-wrapper-queue-toggle span {
    background: #c3bed3;
    height: 17px;
    width: 45px;
    display: flex;
    border-radius: 50px;
    position: relative;
}

.gs-wrapper-queue-toggle input:checked + label span {
   background: #7558EA;
}
.gs-wrapper-queue-toggle label {
    display: inline-flex;
    gap: 8px;
    cursor: pointer;
    padding-top: 0px;
}
.gs-wrapper-queue-toggle span::before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    border: 3px solid #FFFFFF;
    background: #7558EA;
    height: 24px;
    width: 24px;
    border-radius: 50px;
    transition: .3s all ease;
}

.gs-wrapper-queue-toggle input:checked + label span::before {
    left: 22px;
}
.gs-continue-wrapper-queue a.gs-continue-btn {
    margin: 0;
}

.gs-queue-results-wrap {
    margin-top: 14px;
    background: #1C1E26;
    padding: 18px 14px;
    border-radius: 10px;
}
.gs-queue-progressing {
    display: flex;
    background: #2C3140;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 50px;
    padding: 4px 8px;
    color: #8991B1;
    font-size: 12px;
    line-height: 18px;
    align-items: center;
    margin-bottom: 12px;
}
.gs-queue-progress-dot {
    height: 6px;
    width: 6px;
    background: #6D7894;
    border-radius: 50px;
}
.gs-queue-progress-dot.gs-queue-progress-ongoing {
    background: #FFCC00;
}
.gs-queue-progress-dot.gs-queue-progress-complete {
    background: green;
}
.gs-queue-progress-dot.gs-queue-progress-started {
    background: #927AF2;
}
.gs-queue-message {
    color: #8991B1;
    text-align: left;
    font-size: 12px;

}
.gs-queue-progress-list {
    display: flex;
    gap: 6px;
}
.light-theme .gs-queue-results-wrap {
    background: rgb(231, 236, 246);
}
.light-theme .gs-queue-message {
    color: rgba(46, 36, 36, 0.81) !important;
}
.light-theme .gs-queue-progressing {
    background: #cbcfd8;
    color: rgba(46, 36, 36, 0.81);
}
.gs-queue-resultsdone {
    background: #2C3140;
    border-radius: 50px;
    margin-top: 10px;
    font-size: 12px;
    color: #8991B1;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 4px 8px;
}
.light-theme .gs-queue-resultsdone {
    background: #cbcfd8;
    color: rgba(46, 36, 36, 0.81);
}
/*Image Generation Queue css end*/
/*api-guide page css start*/
#domain_section {
    padding-top: 10px;
}
.gs-enterprise-dmaoin-restriction .gs-wrapper-queue-toggle {
    font-size: 14px;
    color: #FFFFFF99;
}
label.domain-form-label {
    font-size: 80%;
    margin: 0 0 10px;
}
.domain-item {
    border: 1px solid #FFFFFF33;
    padding: 8px;
    border-radius: 13px;
    display: flex;
}
.domain-item .gs-domain-input {
    font-weight: 400;
    font-size: 14px;
    line-height: 17.4px;
    background: transparent;
    border: none;
    color: #FFFFFF;
    height: 31px;
    padding: 0;
        width: 100%;
    outline: none;
}
.gs-enterprise-restriction .gs-blue-btn {
    border: none;
}
.gs-domain-input::placeholder {
        color: #FFFFFF;
    }

.gs-domain-input:focus {
    border-color:none;
    box-shadow: none;
    background: none;
}

.gs-blue-btn.gs-enterprise-save {
    margin: 20px 0 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.your-token-wraper {
    display: inline-block;
    background: #1C1E26;
    margin: 40px 0 0;
    padding: 16px 33px;
    border-radius: 21px;
    max-width: 100%;
}
.your-token-wraper h3 {
    font-size: 18px;
    line-height: 26px;
}
.your-token-wraper-inset {
    display: flex;
}
.your-token-wraper-inset textarea {
    background: transparent;
    border: none;
    font-size: 15px;
    resize: none;
    padding: 0;
        width: calc(100% - 70px);
}

   .copy_icons_align {
    display: flex;
    background: #2E3347;
    height: 60px;
    min-width: 60px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    margin: 0 0 0 10px;
    cursor: pointer;
}
.light-theme .your-token-wraper {
    background: #e2e6f2;
}
.light-theme .copy_icons_align {
    background: #ffffff;
}
.light-theme .gs-enterprise-dmaoin-restriction .gs-wrapper-queue-toggle {
    color: rgba(46, 36, 36, 1);
}
.light-theme .domain-item {
    border: 1px solid rgba(46, 36, 36, 1);
}
.light-theme .domain-item .gs-domain-input {
    color: rgba(46, 36, 36, 1);
}
.light-theme .gs-domain-input::placeholder {
    color: rgba(46, 36, 36, 1);
}
/*api-guide page css start*/
/******MEDIA QUERY******/
@media (max-width: 1800px) {
    .gs-what-image-gallery-dropdown {
        gap: 7px;
    }
    .gs-what-image-gallery-dropdown .ai-tool-filter-heading {
        padding: 0 14px 0 0;
    }
    .gs-what-image-gallery-dropdown .ai-tool-filter-heading::before {
        /* right: 1px; */
        top: 6px;
    }
    .gs-what-image-gallery-top h3 {
        font-size: 18px;
        line-height: 22px;
    }
    .gs-ai-latest-upload-wrap .ai-tool-filter-single {
        min-width: 130px;
    }

    .gs-editing-search-social {
        padding: 10px 15px 30px;
    }

    /*academy access modal css start*/
.gs-academy-sales-column h3 {
    font-size: 14px;
    line-height: 26.4px;
    padding: 2px 15px;
}
.gs-academy-top-wrapper h1 {
    font-size: 32px;
    line-height: 50px;
    padding: 0;
}
.gs-academy-top-wrapper {
    padding: 15px 45px;
}
.gs-academy-sales-column {
    padding: 20px;
}
/*academy access modal css end*/
/*Business Design Ideas css start*/
.gs-seeds-btn-outer {
    flex-wrap: wrap;
}
.gs-seeds-input {
    width: 100%;
}
.gs-seeds-btn-outer a.gs-continue-btn {
    width: 100%;
}
.selectmanual-entry h3 {
    font-size: 12px;
    line-height: 14px;
    margin: 4px 0 3px;
}
.gs-select-room-style-single.selectmanual-entry {
    padding: 8px 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.selectmanual-entry  p {
    margin: 2px auto 0;
}
/*Business Design Ideas css end*/
.gs-continue-wrapper-queue a.gs-continue-btn {
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
}
}

@media (max-width: 1700px) {


}
@media (max-width: 1600px) {
    #modalImagePreview .gs-modal-content img {
        max-height: 600px;
    }

    .gs-what-to-edit-title li {
        margin-right: 15px;
    }

    .gs-what-image-gallery-dropdown {
        gap: 13px;
        width: 100%;
        max-width: 100%;
        margin: 10px 0 0;
    }
    .gs-what-step-gallery-wrap .mCSB_container {
        gap: 8px;
    }
    .gs-what-step-gallery-box img {
        height: 80px;
    }
    .gs-what-step-gallery-wrap .custom-scroll {
        max-height: 172px;
    }
    .gs-what-step-gallery {
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }
    .gs-what-step-gallery-wrap {
        padding: 15px 0 0 0;
    }
        .gs-ai-latest-upload-filter {
        max-width: 100%;
        width: 100%;
        padding: 10px 0 0;
    }
    .gs-ai-filter-uploaded .gs-ai-filter-btns {
        padding:12px 4px;
        font-size: 13px;
        min-width: 110px;
        border-radius: 8px;
    }
    .gs-ai-filter-uploaded {
        margin-right: 10px;
        margin-top: 10px;
    }

    .gs-image-editing-content:has(.gs-editing-search-social-visible) .search-preview-outer .bal-after img {
        max-height: 64vh;
    }
    .gs-editing-search-social {
        padding: 0px 15px 23px;
    }

.gs-academy-sales-outer {
    padding: 20px 0;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.gs-continue-wrapper-queue a.gs-continue-btn {
    margin: 0;
    padding-left: 14px;
    padding-right: 14px;
}
}

@media (max-width: 1500px) {
    .product-search-main .product_search_gallery {
      transform: translate(0px, -28px) !important;
    }

    .panel-group.gs-related-wrapper{
        flex-direction: column;
    }

    .parent-operations-accordition{
        width: 100%;
    }



    .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;
    }
    /* .gs-select-image-modal {
        left: -60px;
        width: 290px;
        height: 190px;
    } */

    .ai-upload-add-project-list a {
    height: 30px;
    width: 30px;
    padding: 7px;
}
.ai-upload-optons ul {
    gap: 4px;
}
}

  @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;
    }

    .ai-upload-option-tooltip {
        font-size: 11px;
        line-height: 15px;
        letter-spacing: 0.15000000596046448px;
        border-radius: 5px;
        padding: 2px 6px;
    }
}

  @media only screen and (max-width: 1366px) {
    .card img {
      max-height: 200px;
    }
    .ai-upload-latest-inset > img {
      max-height: 300px;
    }

    .ai-upload-latest-wrapper .col-lg-4{
        width: 50%;
    }
}

@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 */

    .gs-what-step-gallery-box img {
        height: 65px;
    }
    .gs-what-step-gallery-wrap .custom-scroll {
        max-height: 146px;
    }
    .ai-tool-filter-heading {
        padding: 11px 14px;
        border-radius: 7px;
    }

    .ai-tool-filter-heading::before {
        top: 17px;
        right: 13px;
    }

    .gs-select-image-modal2,
    .gs-select-image-modal {
        width: 280px;
        height: 170px;
    }
    .gs-select-category-room .gs-select-image-modal
    {
        right: 7%;
    }
    .gs-select-room-style-single:nth-child(2n) .gs-select-image-modal,
    .gs-select-room-style-single:nth-child(2) .gs-select-image-modal
    {
        right: 0;
        left: unset;
    }
    .gs-ai-latest-upload-clear-filter {
    font-size: 13px;
    line-height: 20px;
    margin-top: 8px;
}
.gs-what-image-gallery-top .gs-ai-latest-upload-clear-filter {
    margin-top: 3px;
}

.gs-academy-top-wrapper h1 {
    font-size: 27px;
    line-height: 1.2;
    padding: 0;
}
.gs-academy-top-wrapper {
    padding: 15px 20px;
}
.gs-continue-wrapper-queue a.gs-continue-btn {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
}
.gs-continue-wrapper-queue {
    gap: 23px;
    margin-top: 17px;
    flex-direction: column;
    align-items: unset;
}

}

  @media (max-width: 1300px) {
    .product-search-main .product_search_gallery img {
      margin-top: 0 !important;
    }
    .gs-tutorial-strip-left h2.gs-tutorial-strip-heading {
        max-width: 550px;
    }
    .nwfile-uploadside .redesign_video {
      margin-top: 0;
      justify-content: flex-start;
    }

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

    .gs-ai-latest-upload-filter {
        gap: 8px;
    }
    .gs-ai-latest-upload-wrap {
        padding: 14px 0 13px;
    }
    .gs-what-image-gallery-dropdown {
        gap: 10px;
    }
    .gs-what-step-gallery-load {
        padding: 14px 0 3px;
    }
    body .inpainting-stag-outer {
        min-height: 400px;
    }
    .image-mask-container-step2 .gs-what-to-edit-wrapper {
        padding: 00px 0 20px;
    }
    .gs-select-image-modal2,
    .gs-select-image-modal {
        width: 230px;
        height: 140px;
    }
}

  @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;
    }

    .pagination-container{
        flex-direction: column;
        align-items: center;
    }

    .pagination-left{
        margin-bottom: 20px;
    }
  }

  @media (max-width: 1199px) {
    .favoriteContainer .nav.nav-pills {
      flex-wrap: wrap;
      justify-content: center;
    }

    .gs-what-to-edit-title li a {
        font-size: 14px;
    }

    .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: 10px;
    }

    .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;
    }


/*new pages 24may 2024 992- 1199 starts here*/


.gsnw-faq-wrapper.faq-outer {
    padding: 90px 0px;
}

.gsnw-enpartner-wrapper {
    padding: 86px 0 0 0;
}

.gs-new-how-works-inner {
    grid-template-columns: repeat(3, 1fr);
}

.gsnw-bypass-btbox {
    padding: 40px 20px;
}

.gsnw-bypass-btimage-column {
    width: 130px;
    height: 130px;
}

.gsnw-bypass-btimage-column img {
    max-width: 70px;
}


.gsnw-bypass-text-column {
    width: calc(100% - 130px);
    padding-left: 45px;
}

.gsnw-bypass-cl-title {
    font-size: 24px;
}

.gs-redesign-confidence-wrapper {
    gap: 40px 60px;
}

.gs-redesign-confidence-text h4 {
    font-size: 24px;
}

.gs-redesign-confidence.gsnw-whitelabel {
    padding: 70px 20px;
}

.gsnw-bypass-section {
    padding: 0px 0 100px 0;
}


.gsnw-faq-wrapper .vsub-faqsinner {
    padding: 60px 0 0 0;
}

.gsnw-dc-project-text-column, .gsnw-dc-project-image-column{
    width: 50%;
}


.gsnw-dc-project-wrapper {
    padding: 0 0 105px 0;
}

.gt-stbtn.gs-bluebtn {
    padding: 14px 40px;
}




/*new pages 24may 2024 ends here*/
.gs-what-upload-step-inset {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 20px;
}
.gs-what-upload-step-left {
    padding: 15px;
}

.gs-image-editing-content:has(.gs-editing-search-social-visible) .search-preview-outer .bal-after img {
    max-height: 60vh;
}
.gs-editing-search-social h3 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -0.6px;
    margin: 0 0 5px;
}
.gs-editing-search-social-left p {
    font-size: 15px;
    margin: 6px 0 0px;
}
.gs-editing-search-social-right a {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.15px;
    padding: 11px 20px;
    border-radius: 12px;
}
.gs-editing-search-social {
    padding: 0px 15px 23px;
    padding-right: 100px;
}
.gs-academy-top-wrapper h1 {
    font-size: 22px;
    line-height: 1.4;
    padding: 0;
}



.gs-continue-wrapper-queue {
    gap: 23px;
    flex-direction: unset;
    align-items: unset;
}

}

  @media (max-width: 1090px) {
    .api_version_dropdown {
        right: unset;
        left: 25px;
    }

    .gs-pro-dot-right{
        right: 30px;
    }

    .gs-tutorial-strip-left h2.gs-tutorial-strip-heading {
        padding-top: 70px;
    }
    .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: 820px){
    .gs-pro-dot-right {
        right: 30px;
    }
  }

  @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) {
    .ai-tool-list li.ips-bf-parent span {
        width: fit-content !important;
        margin-left: 0 !important;
    }
    .ai-tool-list li.ips-bf-parent  span {
        width: calc(100% - 26px) !important;
        margin-left: auto !important;
    }

    .sgl_chk#productPlanModal.modal .modal-dialog {
      width: 70% !important;
    }
    .api_guid-main {
      background-color: #0e0330;
      overflow: auto;
    }

    /* #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;
        overflow: auto;
    }

    .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: 140px 0px 50px;
    }

    .contact-list {
      margin-bottom: 30px !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 */

 /*new pages 24may 2024 768- 992 starts here*/


 .gsnw-enterprise-hero-image {
    padding: 70px 0 0 0;
}

.gs-whitelabel-banner-outer::after,.gs-whitelabel-banner-outer::before,.gsnw-enpartner-wrapper::after,.gsnw-enpartner-wrapper::before
{
    width: 200px;
    height: 200px;
}

.gsnw-ensloutions-box-title h5{
    font-size: 22px;
}

.snw-ensloutions-box-list-icon {
    width: 50px;
    height: 50px;
}

.snw-ensloutions-box-list-icon img {
    max-width: 30px;
}

.snw-ensloutions-box-list-text {
    width: calc(100% - 50px);
    padding: 0 0 0 15px;
}

.snw-ensloutions-box-list-wrapper {
    padding: 20px 0px;
}

.snw-ensloutions-box-list-text h5{
    font-size: 18px;
    line-height: 22px;
}

.snw-ensloutions-box-list-wrapper .snw-ensloutions-box-list {
    padding: 0px 0 25px 0;
}

.gsnw-enpartner-box-flex {
    gap: 30px;
}

.gsnw-enpartner-box-icon{
    width: 65px;
    height: 65px;
}

.gsnw-enpartner-outerboxbox-title {
    padding: 25px;
}

.gsnw-faq-wrapper.faq-outer {
    padding: 80px 0px;
}

.gs-whitelabel-features {
    padding: 60px 0;
}

.gs-new-how-works-column {
   padding: 30px 15px;
}

.gs-new-how-works-inner {
    grid-template-columns: repeat(2, 1fr);
}

.gs-redesign-confidence-wrapper {
    gap: 40px;
    padding: 40px 0px;
    grid-template-columns: 1fr;
}

.gsnw-whitelabel-confidence-btn {
    padding: 0;
}

.gsnw-dc-project-text-column .vs-font45-heading{
    font-size: 32px;
}

.gsnw-dc-project-wrapper {
    padding: 0 0 80px 0;
}

.gsnw-faq-text-wrap .vs-font45-heading {
    margin: 25px 0 12px 0;
}

.gsnw-faq-wrapper .vsub-faqsinner {
    padding: 50px 0 0 0;
}


.gsnw-bypass-section {
    padding: 0px 0 80px 0;
}

.gs-joining-section.vs-joinre-section {
    padding-top: 325px;
}

.gs-feature-box-column{
    padding: 30px;
}

.gs-feature-box-inner{
    gap: 30px;
}

.gs-joining-section.vs-joinre-section {
    padding-top: 305px;
}

.gs-feature-box-outer {
    padding: 70px 0;
}

.vs-tranint-section .gt-stbtn.gs-stbtn {
    margin: 15px 0px 20px;
}

/*new pages 24may 2024 ends here*/
/*upgrade popups styling starts*/
.gs-upgrade-premium-modal-right h2 {
    font-size: 23px;
    line-height: 35px;
}
.gs-upgrade-premium-list {
    margin-left: -20px;
}
.gs-upgrade-premium-box {
    padding: 11px 0 0 10px;
    width: 25%;
}
.gs-upgrade-premium-list {
    margin-left: -8px;
}
.gs-upgrade-premium-content {
    padding-top: 24px;
}
.gs-upgrade-premium-modal-right p {
    font-size: 14px;
    line-height: 26px;
}
/*upgrade popups styling end*/
.ai-tool-list-inside h4 {
    font-size: 12px;
    line-height: 24px;
    margin: 0 -20px;
    padding: 10px 33px 10px 23px;
    border-bottom: 0px solid #3F395696;
    border-top: 1px solid #3F395696;
}
body .ai-tool-list-inside h4 {
    margin: 0 -20px;
}
.ai-tool-list-inside h4::after {
    top: 18px;
}
.ai-tool-list .ai-tool-list-inside:first-child h4 {
    border-top: 0;
}
.ai-tool-list-inside h4::after {
    right: 22px;
}

/*welcome popup css start*/
.free-credits-content h3 {
    font-size: 25px;
}
.free-credits-table-spacing {
    padding: 7px;
}
.free-credits-table-content {
    height: calc(100% - 101px);
}
.free-credits-table-top {
    padding: 20px 14px 20px 24px;
}
.free-credits-table-top-details h5 span {
    color: #FFFFFF6B;
}
/*welcome popup css end*/
.gs-ai-filter-filter-listed {
    flex-wrap: wrap;
}
.gs-ai-filter-uploaded {
    margin-right: 0;
    width: 100%;
}
.gs-ai-filter-uploaded .gs-ai-filter-btns {
    padding: 9px 4px;
    font-size: 12px;
    min-width: 50%;
}
.gs-editing-search-social h3 {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 3px;
}
.gs-academy-sales-column h3 {
    font-size: 11px;
    line-height: 26.4px;
    padding: 1px 10px;
}
.gs-academy-sales-column {
    padding: 14px;
}
.gs-academy-sales-column .gs-academy-btn {
    font-size: 16px;
}
.gs-academy-top-wrapper h1 {
    font-size: 21px;
}
.gs-academy-sales-column h2 {
    font-size: 18px;
    line-height: 26.4px;
}
.gs-academy-sales-column ul {
    font-size: 10px;
    margin: 0 -10px !important;
}
.gs-academy-sales-column .gs-academy-btn {
    padding: 18px 5px;
}
}

  @media (max-width: 767.98px) {
    .gs-dashboard-leftbar .gs-dashboard-links ul {
        padding-right: 0px !important;
    }

    .modal#imageModal .modal-body .image-wrapper {
        width: 30% !important;
    }

    .parent-operations-accordition{
        width: 50%;
    }
    .panel-group.gs-related-wrapper{
        flex-direction: row;
    }

    .project_page_style .project_page__button_header {
      display: block;
      margin-bottom: 40px !important;
    }

    .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: 20px 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;
    }

/*new pages 24may 2024 576- 768 starts here*/

.gsnw-enterprise-banner-btngroup .gt-stbtn {
    min-width: 220px;
}

.gsnw-enterprise-hero-image {
    padding: 50px 0 0 0;
}

.gs-whitelabel-banner-outer.gsnw-enterprise-banner {
    padding-bottom: 80px;
}

.gsnw-ensloutions-grid {
    grid-template-columns: 1fr;
}

.snw-ensloutions-box-list-text {
    padding: 0 0 0 20px;
}

.gsnw-enpartner-wrapper {
    padding: 65px 0 0 0;
}

.gsnw-ensloutions-wrapper {
    padding: 60px 0 0 0;
}

.gsnw-enpartner-box-flex {
    grid-template-columns: 1fr;
}

.gsnw-enpartner-box {
    padding: 30px 20px;
}
.gsnw-enpartner-outerboxbox-title h5{
    font-size: 22px;
}

.gsnw-enpartner-grid .gsnw-enpartner-outerbox {
    margin-bottom: 45px;
}


.faq-outer .accordianheading {
    font-size: 17px;
    font-weight: 600;
}

.gsnw-faq-wrapper .vsub-faqsinner {
    padding: 40px 0 0 0;
}


.gsnw-faq-wrapper.faq-outer {
    padding: 60px 0px;
}

.gsnw-faq-text-wrap .vs-font45-heading {
    margin: 15px 0 12px 0;
}


.gsnw-bypass-btimage-column {
    width: 100px;
    height: 100px;
}

.gsnw-bypass-text-column {
    width: calc(100% - 100px);
    padding-left: 30px;
}

.gsnw-bypass-btimage-column img {
    max-width: 55px;
}

.gsnw-bypass-text-column .vsnw-spacetext{
    text-align: left;
}

.gsnw-bypass-section {
    padding: 0px 0 55px 0;
}

.gs-redesign-confidence-text p.vsnw-spacetext{
    text-align: left;
}

.gs-redesign-confidence-text h4 {
    font-size: 22px;
    margin: 0 0 6px 0;
}

.gs-redesign-confidence.gsnw-whitelabel {
    padding: 55px 20px;
}

.gsnw-dc-project-text-column, .gsnw-dc-project-image-column{
    width: 100%;
}

.gsnw-dc-project-text-column{padding: 40px 0 0 0;}
.gsnw-dc-project-wrapper {
    padding: 0 0 60px 0;
}

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

.gs-whitelabel-banner-outer .gt-stbtn.vsnw-herobtn {
    margin: 25px 0 0 0;
}

.gs-new-how-works-outer{
    padding: 70px 0px;
}

.gs-feature-box-content .vsnw-spacetext {
    text-align: left;
}

.gs-feature-box-inner {
    gap: 20px;
}

 .gs-feature-box-img::before,.gs-feature-box-column:nth-child(4n-2) .gs-feature-box-img::before{
    width: 60px;
    height: 60px;
    right: -10px;
    top: -10px;
}

.gs-feature-box-column:nth-child(4n) .gs-feature-box-img::before{
    width: 60px;
    height: 60px;
    left: -10px;
    top: -10px;
}
.gs-feature-box-column{padding: 30px 20px;}

.gs-feature-box-img img {
    width: 100%;
}

.gs-redesign-confidence-banner img {
    display: block;
    margin: 0 0 -145px;
}

.gs-joining-section.vs-joinre-section {
    padding-top: 215px;
}

.gs-feature-box-content h4{
    font-size: 22px;
}

.gs-feature-box-inner{padding: 45px 0 0 0;}

.gs-feature-box-outer .vsnw-herosubheading{
    margin: 10px 0 0 0;
}

.gs-feature-box-outer {
    padding: 55px 0;
}

/*new pages 24may 2024 576 768 ends here*/


/*upgrade popups styling start*/
.gs-upgrade-premium-modal-left {
    display: none;
}
.gs-upgrade-premium-feature .gs-upgrade-premium-modal-left {
    display: none;
}
.gs-upgrade-premium-modal-right {
    width: 100%;
    padding: 0 0 20px;
}
/*upgrade popups styling end*/
/*upgrade popups styling start*/
.gs-upgrade-premium-box {
    padding: 11px 0 0 10px;
    width: 25%;
    min-width: 124px;
}
.gs-upgrade-premium-box-toolip {
    font-size: 10px;
    line-height: 15px;
    max-width: 100%;
    padding: 5px 10px;
}
.gs-count-timer {
    justify-content: center;
}
.gs-upgrade-premium-inner {
    justify-content: center;
}
.gs-upgrade-premium-btn .add-premium,
.gs-upgrade-premium-inner .skip-discount {
    padding: 13px 27px;
}
.gs-upgrade-premium-content {
    padding: 17px;
}
.gs-upgrade-premium-modal-right {
    text-align: center;
}
.gs-upgrade-premium-list {
    justify-content: center;
}
/*upgrade popups styling end*/
.gs-dashboard-cat-list {
    padding: 15px 20px 10px;
    overflow: scroll;
    margin: 0 -20px 10px;
}
.gs-dashboard-cat-list ul {
    justify-content: unset;
    gap: 0 20px;
    flex-wrap: unset;
    white-space: nowrap;
}

.welcome-dashbord-thrill-left h3 {
    font-size: 33px;
}
.panel-group.gs-related-wrapper {
    height: 295px;
}
.join-free-tagline {
    letter-spacing: 1px;
}
/* .gs-select-image-modal {
    left: -20px;
} */
.gs-image-editing-content:has(.gs-editing-search-social-visible) .search-preview-outer .bal-after img {
    max-height: 59vh;
}
.gs-editing-search-social {
    padding: 0px 15px 23px;
    padding-right: 60px;
}
.gs-editing-search-social-left p {
    font-size: 14px;
}
.gs-editing-search-social-left {
    padding: 0 10px 0 0;
    max-width: calc(100% - 140px);
}
body:not(.open-minimize):has(.ai-tool-list-inside) .gs-upgrade-now {
    display: block;
}
}

  @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;
    }

    #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%;
    }

    .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%;
    }

/*welcome popup css start*/
    .free-credits-table-content {
        height: unset;
    }
    .free-credits-table-inner {
        overflow: hidden;
    }
    .free-credits-table-spacing {
        padding: 20px 0 0;
        width: 100%;
    }
    .free-credits-table {
        padding: 0px 0 0;
    }
    .free-credits-table-top-details h5 span {
        display: unset;
    }
    .free-credits-content h3 {
        font-size: 24px;
    }
    .welcome-dashbord-cont-inner h3 {
        font-size: 20px;
        line-height: 28px;
        gap: 7px;
    }
    .welcome-dashbord-video {
        border: 7px solid #FFFFFF1C;
        border-radius: 20px;
    }
    .welcome-dashbord-cont-inner p {
        margin: 0 0 15px;
    }
    .welcome-dashbord-cont-inner .gs-modal-btns {
        padding: 20px 0 0 0;
    }
    .welcome-dashbord-cont-inner .gs-modal-btns a {
        padding: 18px 26px 18px 26px;
        font-size: 18px;
    }
    .gs-modal-content h3 img {
        max-width: 40px;
    }
    .welcome-dashbord-thrill-right {
        width: 80px;
        text-align: left;
        padding: 0 0 0 0px;
        order: -1;
    }
    .welcome-dashbord-thrill-left {
        width: 100%;
        padding: 25px 0 0;
    }
    .welcome-thrill-content {
        padding-top: 12px;
    }
    .welcome-thrill-content ul {
        gap: 13px;
    }
    .gs-modal-btns.welcome-thrill-btn {
        margin-top: 12px;
    }
    .welcome-dashbord-thrill-left h3 {
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 10px;
    }
    .welcome-thrill-content .gs-modal-btns a {
        padding: 17px 26px 17px 26px;
        font-size: 16px;
        width: 100%;
    }
    .welcome-thrill-content h4 {
        font-size: 15px;
        letter-spacing: 2px;
        line-height: 1.4;
        margin-bottom: 14px;
      }
      .welcome-join-free-training .welcome-dashbord-thrill-left {
        width: calc(100% - 70px);
        padding: 0 5px 0 0;
    }
    .welcome-join-free-training .welcome-dashbord-thrill-right {
        width: 70px;
        order: unset;
    }

      .welcome-join-free-training .welcome-thrill-content li {
        width: 100%;
        padding-right: 0;
    }
    .welcome-join-free-training .welcome-thrill-content li:nth-child(2n) {
        width: 100%;
    }
    .join-free-tagline-text {
        font-size: 14px;
        line-height: 22px;
        padding: 5px 0% 17px;
        order: -1;
    }
    .join-free-tagline {
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 1px;
        padding: 9px 11px;
        order: -1;
    }
    /*welcome popup css end*/

.live-streaming-tag {
    padding: 4px 12px 4px 4px;
    min-width: 200px;
}
.live-streaming-content {
    padding: 20px 0 14px 0;
}
.live-streaming-content h3 {
    font-size: 20px;
}
.live-streaming-flex {
    gap: 10px;
    grid-template-columns: repeat(1, 2fr);
}
.live-streaming-btn {
    padding: 18px 0 0;
}

.body.d-flex.estimator-body-con {
    flex-direction: column;
}
.estimator-body-con  .custom_half_width {
    width: 100%;
    padding: 6px 0 1px;
}
.body.d-flex.estimator-body-con .w-50 {
    padding: 20px 0 0 !important;
    width: 100% !important;
}
.estimator-body-con .gs-continue-btn {
    margin-top: 15px;
}
.body.d-flex.estimator-body-con .w-50 > .mb-3 {
    margin-bottom: 0 !important;
}


.estimator-table  th, .estimator-table  td {
    padding: 8px 8px;
    font-size: 12px;
}

  }

  @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;
    }
    .gs-select-room-style-single:nth-child(2) .gs-select-image-modal,
    .gs-select-room-style-single:nth-child(2n) .gs-select-image-modal
    {
    right: -60px;
    left: unset;
}
.gs-select-room-style-single:nth-child(4n - 1) .gs-select-image-modal
{
    left: -70px;
}

.gs-editing-search-social-left {
    padding: 0;
    max-width: 100%;
    text-align: center;
}
.gs-editing-search-social {
    padding: 0px 15px 23px;
    padding-right: 20px;
    padding-left: 20px;
    gap: 12px;
    justify-content: center;
}
.gs-image-editing-content:has(.gs-editing-search-social-visible) .search-preview-outer .bal-after img {
    max-height: 50vh;
}
  }

  @media (max-width: 575.98px) {

    .pagination-container .ai-upload-latest-pagination li a {
        height: 24px;
        width: 24px;
        font-size: 13px;
    }

    .modal#imageModal .modal-body .image-wrapper {
        width: 45% !important;
    }

    .parent-operations-accordition{
        width: 100%;
    }
    .panel-group.gs-related-wrapper{
        flex-direction: column;
    }

    #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 */



/*new pages 24may 2024 376 576 ends here*/

.gsnw-enpartner-outerboxbox-title h5 {
    font-size: 20px;
}

.gsnw-faq-wrapper.faq-outer::after{
    display: none;
}

.gsnw-enterprise-banner-btngroup{
    flex-wrap: wrap;
}

.gs-whitelabel-features {
    padding: 45px 0;
}


.gs-whitelabel-banner-outer {
    padding: 60px 0 190px;
}

.gs-whitelabel-banner-outer.gsnw-enterprise-banner {
    padding-bottom: 60px;
}

.gs-new-how-works-inner {
    grid-template-columns: 1fr;
}

.gsnw-bypass-btbox-inner{flex-wrap: wrap;}


.gsnw-bypass-text-column {
    width: 100%;
    padding: 30px 0 0 0;
}

.gsnw-bypass-btbox {
    padding: 30px 20px;
    margin: 0 0 40px 0;
}

.gs-redesign-confidence.gsnw-whitelabel {
    padding: 55px 10px;
}

.gs-redesign-confidence-text {
    width: 100%;
    padding: 20px 0 0 0;
}
.gsnw-dc-project-text-column .vs-font45-heading {
    font-size: 28px;
}

.gsnw-bypass-btimage-column {
    width: 80px;
    height: 80px;
}

.gsnw-bypass-btimage-column img {
    max-width: 48px;
}

.gs-redesign-confidence-banner img {
    margin: 0 0 -45px;
}


.gs-joining-section.vs-joinre-section {
    padding-top: 105px;
}

/*new pages 24may 2024 376 576 ends here*/
.giftclaim-outer a {
    padding: 13px 16px 15px;
    font-weight: 500;
    line-height: 20px;
    font-size: 13px;
    gap: 7px;
}
.gs-modal-content .giftclaim-outer p {
    font-size: 14px;
    line-height: 22px;
}
.gs-modal-content .giftclaim-outer h3 {
    text-align: center;
    margin: 0 0 7px;
    color: #FFFFFF;
    font-size: 20px;
}
.giftclaim-outer .giftclaim-img {
    margin-bottom: 10px;
    width: 60px;
}
.gs-modal-content .giftclaim-outer h4 {
    margin: 0 0 10px;
    font-size: 14px;
    padding: 5px 10px;
}
.giftclaim-outer iframe {
    max-width: 100%;
}
.gs-academy-sales-outer {
    padding: 20px 0;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
.gs-academy-top-text {
    width: 100%;
}
.gs-academy-top-image {
    width: 100%;
    text-align: center;
}
.gs-academy-top-wrapper {
    flex-wrap: wrap;
}
  }

  @media (max-width: 486px){
    .project-container {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
    ul.gs-pro-design-inner{
        display: block;
    }
    .gs-pro-dot-right {
        right: 20px;
    }
    .gs-dashboard-cat-list  li {
        margin: 0 2px 15px;
        width: 99px;
    }

    /*welcome popup css start*/
    .welcome-dashbord-cont {
        padding: 30px 20px;
    }
    .free-credits-content h3 {
        font-size: 22px;
    }
    .free-credits-content p {
        font-size: 16px;
    }
    .free-credits-table {
        margin: 0 -5px;
    }
    .free-credits-save {
        top: 0;
        margin: 0;
        position: relative;
        left: 0;
        display: block;
    }
    .welcome-dashbord-thrill-left h3 {
        font-size: 23px;
        line-height: 27px;
    }
    .welcome-thrill-content li {
        font-size: 14px;
        line-height: 17.2px;
        padding: 1px 0 2px 35px;
    }
    .welcome-dashbord-thrill-left {
        padding: 15px 0 0;
    }
    .welcome-dashbord-thrill-right {
        width: 60px;
    }
    .welcome-thrill-content h4 {
        font-size: 15px;
        letter-spacing: 2px;
        line-height: 1.4;
        margin-bottom: 14px;
    }
    .welcome-thrill-content .gs-modal-btns a {
        padding: 17px 6px 17px 6px;
        font-size: 15px;
        width: 100%;
    }
    /*welcome popup css end*/
    /*notification-modal css start*/
    .modal-dialog.gs-notificationmodal-container {
        padding: 16px;
    }
    .gs-notificationmodal-top {
        padding: 15px  15px 0;
    }
    .gs-notification-tabs {
        padding: 8px 0 0;
    }
    .gs-notification-list {
        padding: 15px;
    }
    .gs-notification-content {
        height: calc(100% - 88px);
    }
    .gs-notification-list-img {
        width: 38px;
        height: 38px;
    }
    .gs-notification-list-details {
        width: calc(100% - 62px);
    }
    .gs-notification-list-dot {
        width: 5px;
        height: 5px;
        left: 6px;
        top: 33px;
    }
    .gs-what-step-gallery {
        grid-template-columns: repeat(3, 1fr);
    }
    .ai-tool-filter-heading {
        padding: 9px 9px;
        border-radius: 7px;
    }
    .ai-tool-filter-heading::before {
        top: 15px;
        right: 8px;
    }
    .gs-ai-latest-upload-wrap .ai-tool-filter-single {
        min-width: 149px;
    }
    .choose_project_modal .modal_button_right_pos.gs-modal-btns_pos button {
        padding: 11px 16px 11px 16px;
        min-width: 120px;
    }
    /*notification-modal css end*/
    .gs-select-room-style-single:nth-child(2) .gs-select-image-modal {
        right: -20px;
    }
    .gs-select-room-style-single:nth-child(4n -1) .gs-select-image-modal {
        left: -30px;
    }
    .gs-select-image-modal2,
    .gs-select-image-modal {
        left: -30px;
    }
    .gs-select-room-style-single:nth-child(2n) .gs-select-image-modal,
    .all-design-types-modal:nth-child(2n) .gs-select-image-modal2
    {
        right: 0;
        left: unset;
    }
    /*Business Design Ideas css start*/
    .gs-business-type {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 2px;
    }
    .gs-business-type .gs-select-room-style-single img {
        height: 90px;
    }
    .gs-business-type-scroll {
        max-height: 300px;
    }
    /*Business Design Ideas 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;
    }
  }

  @media (max-width: 390px) {
    .masking-label {
      font-size: 12px;
    }
    .pagination-container .ai-upload-latest-pagination li a {
        height: 20px;
        width: 20px;
        font-size: 12px;
        border-radius: 4px;
    }
    .pagination-container{
        padding: 0;
    }
    .nwfile-uploadside .redesign_video {
      margin-top: 0;
      justify-content: flex-start;
    }
  }

  @media (max-width: 375.98px) {

    .modal#imageModal .modal-body .image-wrapper {
        width: 100% !important;
    }

    /* .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;
    }

    .gs-tutorials-toolnip:hover .ai-upload-option-tooltip {
        width: 230px;
    }
  }




@media screen and (max-width:1300px) {
 .ts-peek-outer .auto-container {
 width: 1100px;
}
.ts-ai-home li span {
 width: 66%;
}
}
@media screen and (max-width:1200px) {
 .auto-container {
 width: 100%;
 padding: 0 15px;
}
.ts-banner-text h1 {
 font-size: 48px;
 line-height: 59.6px;
}
.ts-banner-text p {
 padding: 20px 10%;
}
 .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;
}

.ts-device {
    padding: 80px 0 0;
}

.vs-enterprise-img-column{
    width: 45%;
}

.vs-enterprise-text-column{
    padding: 60px 20px 180px 60px;
    width: 55%;
}
.image-background-container:has(.magic-upload-image-left) {
    flex-wrap: wrap;
}
.gs-what-prompt-comment textarea {
    min-height: 145px;
}
/*magic redesign banner css start*/
.gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right h3 {
    margin: 0 0 6px;
    font-size: 37px;
}
.gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right p {
    font-size: 16px;
}
.gs-dashboard-ai-creatvity-left {
    align-content: center;
}

.gs-dashboard-ai-magic-creativity  .gs-dashboard-ai-creatvity-right {
    padding: 20px 0;
}
/*magic redesign banner css end*/

/*Animate Video model css start*/
.gs_video-modal-top {
    padding: 20px 90px 20px 15px;
}
.gs_video-modal-top-left {
    width: 50%;
}
.gs_video-modal-top-left h3 {
    font-size: 30px;
    line-height: 35px;
    margin: 0 0 3px;
}
.gs_video-modal-top-right {
    max-width: 50%;
}
.gs_video-modal-image {
    padding: 0 15px;
    margin-bottom: 0;
    position: relative;
}
.gs_video-modal-tools .gs-image-editing-tools-row {
    padding-top: 30px;
}
.gs_video-modal-tools .edit-image-tools-wrapper-inner {
    margin: 0;
}
.light-theme .gs_video-modal-top-left h3 {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(rgb(148, 121, 255) 0%, rgb(117, 88, 234) 100%) text;
}
.light-theme .gs_video-modal-top-left h3 {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(rgb(148, 121, 255) 0%, rgb(117, 88, 234) 100%) text;
}
.light-theme .gs_video-modal-top-left p {
    color: #8991b1;
}
/*Animate Video model css end*/
.gs-3d-main-image-spacing {
    padding: 0 20px;
}


}
 @media screen and (max-width:991px) {
 .ts-header-nav li a {
 font-size: 14px;
 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-banner-text p {
 padding: 20px 0%;
}
 .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: 12px;
 top: 10px;
 left: 6px;
}
 .ts-images-inner ul {
 gap: 19px;
}
 .ts-images-inner li h3 {
 padding: 5px 8px;
 font-size: 9px;
 top: 46px;
 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;
}
.ai-generate h2 {
 width: 100%;
}
label.switch {
 margin: 12px 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;
}
.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: 20px 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;
}

/*magic redesign banner css start*/
.gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right h3 {
    margin: 0 0 9px;
    font-size: 25px;
}
.gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right p {
    margin: 7px 0 11px;
    font-size: 16px;
}

.gs-dashboard-ai-creatvity.gs-dashboard-ai-magic-creativity {
    padding-left: 10px;
    padding-right: 10px;
}
/*magic redesign banner css end*/
.update-complete-steps {
    display: none;
}
    /*user-survey-modal css start*/
     .user-survey-modal-top {
        padding-top: 3px;
    }
     .user-survey-modal-top h4 {
         font-size: 26px;
     }
     .user-survey-modal-tabs li a {
         padding: 15px;
     }
     .user-survey-modal-tb-icon {
         width: 60px;
         padding-right: 10px;
     }
     .user-survey-modal-tb-text {
         width: calc(100% - 60px);
     }
     .user-survey-modal-tb-text p {
         font-size: 13px;
     }
     .user-survey-modal-tabs ul {
         gap: 13px;
     }
     .user-survey-modal-cont-form {
         padding: 22px 0 0;
     }
     /*user-survey-modal css end*/
    .ai-tool-list-tooltip,
    .gs-floating-tooltip
     {
        display: none;
    }
    /*Hd modal tips start*/
    .hd-info-wrapper-tips {
        margin: 0 -20px -20px;
        padding: 20px;
    }
    /*Hd modal tips start*/

    /*Animate Video model css start*/
    .gs_video-modal-top-left {
        width: 50%;
        padding-right: 20px;
    }
    .gs_video-modal-select select {
        width: 142px;
    }
    .gs_video-modal-top-left p {
        font-size: 13px;
        line-height: 23px;
    }
    .gs_video-modal-top-left h3 {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 2px;
    }
    /*Animate Video model css end*/

    /*estimatorModal css start*/
    .gs-transformation-estimate-left {
        width: 50%;
    }
    .gs-transformation-estimate-right {
        width: 50%;
        padding: 10px;
    }
    .gs-transformation-estimate-footer {
        margin: 0 -10px 0;
        padding: 0 10px;
    }
    /*estimatorModal css end*/
.domain-item {
    padding: 8px;
    width: calc(50% - 5px);
}  
.domain-list {
    width: 100%;
}
.gs-enterprise-restriction form#domain_form {
    width: 100%;
}
}
 @media screen and (max-width:767px) {
    .cancel-subsciption-btn{
        display: flex;
        justify-content: center;
        align-items: center;
    }
 .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;
}
 .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: 100%;
 order: 1;
 overflow: hidden;
 border: 1px solid rgba(255, 255, 255, 0.1);
 margin-top: 24px;
}
.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(../pricing-bottom.html) 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;
}
 .ts-enter-price {
 background: url(../design-in-bg-3.html) 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.ts-footer-wrapper {
 padding: 270px 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: center;
 padding: 0 15px;
}
 .phn-btn {
 display: inline-block;
 width: 100%;
 margin:20px 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(../phone-banner.html) 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;
}
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;
}
.ai-upload-latest-designs h5.no_image_generation {
    font-size: 18px;
}
.upload-tooltip {
    font-size: 11px;
    line-height: 16px;
    margin: 6px -0px 0 -15px;
    width: 110px;
}
.upload-tooltip::before {
    left: 25px;
}
     /*user-survey-modal css start*/
     .user-survey-form-row {
         grid-template-columns: repeat(1, 1fr);
         gap: 10px;
     }
     .user-survey-modal-top h4 {
         font-size: 20px;
     }
     .user-survey-modal-tb-text {
         width: 100%;
         text-align: center;
     }
     .user-survey-modal-tabs li a {
         flex-wrap: wrap;
     }
     .user-survey-modal-tb-icon {
         width: 100%;
         padding: 0 0 5px;
         text-align: center;
     }
     .user-survey-modal-tabs li a {
         padding: 10px;
     }
     .user-survey-modal-tb-icon img {
         width: 33px;
     }
     .user-survey-modal-tb-text h4 {
         font-size: 16px;
         line-height: 23px;
         text-align: center;
     }
     .user-survey-modal-form {
         padding: 15px;
     }
     .user-survey-modal-cont-form {
         padding: 12px 0 0;
     }
     /*user-survey-modal css end*/

    /*Animate Video model css start*/
    .gs_video-modal-top {
        padding: 20px 53px 20px 15px;
    }
    .gs_video-modal-select select {
        font-size: 11px;
        line-height: 20px;
        width: 118px;
        padding: 9px 12px;
        background-position: right 10px center;
    }
    .gs-video-modal-image-icon {
        width: 60px;
    }
    /*Animate Video model css end*/

    /*gs_view_3d modal css start*/
    .gs-view-3dransformation-left h3 {
        font-size: 25px;
        line-height: 26px;
        letter-spacing: -0.6px;
        margin: 0 0 4px;
    }
    .gs-view-3dransformation-left p {
        font-size: 15px;
        line-height: 20px;
        margin: 4px 0 0px;
    }
    .gs-view-3dransformation-top {
        gap: 13px;
        padding: 0 0 20px;
    }
    .gs-view-3dransformation-boxes {
        gap: 2%;
    }
    .gs-view-3dransformation-tag {
        font-size: 11px;
        line-height: 20px;
        padding: 2px 11px 3px;
    }
    .gs-view-3dransformation-left {
        max-width: calc(100% - 90px);
    }
    .gs-view-3dransformation-box {
        width: 49%;
    }
    /*gs_view_3d modal css end*/

    /*estimatorModal css start*/
    .gs-view-transformation-estimate-top {
        gap: 13px;
        padding: 0px 0px 20px;
    }
    .gs-view-transformation-estimate-left {
        max-width: calc(100% - 90px);
    }
    .gs-view-transformation-estimate-left h3 {
        font-size: 25px;
        line-height: 26px;
        letter-spacing: -0.6px;
        margin: 0px 0px 4px;
    }
    .gs-view-transformation-estimate-left p {
        font-size: 15px;
        line-height: 20px;
        margin: 4px 0px 0px;
    }
    .gs-transformation-estimate-left img {
        border-radius: 20px 20px 0px 0px;
        max-height: 50vh;
    }
    .gs-transformation-estimate-left {
        width: 100%;
    }
    .gs-transformation-estimate-right {
        width: 100%;
        border-radius: 0px 0px 20px 20px;
    }
    /*estimatorModal css end*/
}

 @media screen and (max-width:639px) {
 .ts-peek-outer {
 padding: 0 0 10px 0;
}

.ai-upload-latest-wrapper .col-lg-4{
    width: 100%;
}

 .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-redesign-img {
 width: 452px;
}
.ts-redesign-img img {
 width: 425px;
}
.title-con {
 font-size: 24px;
}
.title-con br {
 display:none;
}
 .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 !important;
}
 .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(../round-img.html) 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(../round-img2.html) 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: 14px;
	line-height: 26px;
	opacity: 50%;
}

.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 .ts-edge-outer {
	padding: 10px 0 10px;
}

.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-feature-box-inner {
        grid-template-columns: 1fr;
    }
.view_all_image_gallery_wrapper {
    padding: 20px 15px 20px;
}
.view_all_image_gallery_wrapper h3 {
    font-size: 23px;
    margin: 0 0 12px;
}
.gs-what-image-gallery-dropdown {
    padding-right: 64px;
}
.gs-what-image-gallery-dropdown .ai-tool-filter-cont {
    left: -10px;
}
.gs-what-image-gallery-dropdown .ai-tool-filter-single {
    width: 30%;
}
.search-social-icons-wrapper {
    max-width: 340px;
}
     /*user-survey-modal css  start*/
     .user-survey-modal-tabs .user-survey-modal-tb-icon img {
         width: 30px;
     }
     .user-survey-modal-wrapper .user-survey-modal-tb-text h4 {
         font-size: 16px;
         line-height: 23px;
         text-align: center;
     }
     .user-survey-modal-tb-text p {
         font-size: 11px;
         line-height: 1.3;
     }
     .user-survey-modal-tabs li a {
         padding: 7px;
     }
     .user-survey-modal-cont {
         gap: 10px;
     }
     .user-survey-modal-cont-text p {
         font-size: 12px;
         line-height: 17px;
         margin: 0;
     }
     .user-survey-modal-wrapper .gs-modal-content li {
         margin-bottom: 15px;
     }

     /*user-survey-modal css end*/

     /*Hd modal tips start*/
    .hd-info-wrapper-tips {
        flex-wrap: wrap;
        text-align: center;
    }
    .hd-info-wrapper-tips-left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 13px;
    }
    .hd-info-wrapper-tips-right {
        width: 100%;
    }
    .hd-info-wrapper-tips-left img {
        display: inline-block;
    }
    .hd-info-wrapper-tips-right p {
        font-size: 13px;
        line-height: 21px;
    }
    .hd-info-wrapper-tips-right  h3 {
        margin: 0 0 6px;
    }
    /*Hd modal tips end*/

    /*Animate Video model css start*/
    .gs_video-modal-top-left {
        width: 100%;
        padding-right: 40px;
    }
        .gs_video-modal-top {
        padding: 20px 15px 20px 15px;
    }
    .gs_video-modal-select select {
        width: 100%;
    }
        .gs_video-modal-top-left h3 {
        font-size: 23px;
        line-height: 29px;
        margin: 0 0 2px;
    }
    .gs_video-modal-top-left {
        width: 100%;
        padding-right: 0;
    }
    .gs_video-modal-top-right {
        max-width: 100%;
        margin: 10px 0 0 0;
        flex-wrap: unset;
        width: 100%;
    }
    .gs_video-modal-top-right-options {
    margin-left: 0;
    }
    .gs_video-modal-top-right-options .gs-continue-btn {
        padding: 11px 33px;
        margin: 0;
    }
    .gs_video-modal-select {
        width: 100%;
    }
    /*Animate Video model css end*/

    .gs-what-image-type-outer.gs-what-image-typefilter .gs-what-image-gallery-dropdown {
        padding-right: 0;
    }
    .gs-what-image-typefilter .ai-tool-filter-heading.image-gallery-heading {
        min-width: unset;
    }
    .gs-what-image-typefilter .gs-what-image-gallery-dropdown {
        grid-template-columns: repeat(auto-fit, minmax(123px, 1fr));
    }
    .gs-what-heading-filter .font22 {
        font-size: 18px;
    }
    /*gs_view_3d modal css start*/
    .gs-view-3dransformation-boxes {
        gap: 20px;
    }
    .gs-transformation-view-sh li {
        margin-bottom: 5px;
    }
    .gs-transformation-view-sh li a {
        width: 28px;
        height: 28px;
        border-radius: 7px;
    }
    .gs-transformation-view-sh {
        right: 7px;
        top: 7px;
    }
    .gs-view-3dransformation-box {
        width: 100%;
    }
    .gs-view-3dransformation-btn {
        margin-bottom: 40px;
    }
    .gs_video-modal-tools-options {
        margin-bottom: 50px;
    }
    /*gs_view_3d modal css end*/
    /*api-guide page css start*/
    .your-token-wraper {
    margin: 20px 0 0;
    padding: 10px 14px;
    border-radius: 10px;
    max-width: 100%;
}
.copy_icons_align {
    height: 40px;
    min-width: 40px;
    border-radius: 13px;
    margin: 0 0 0 7px;
}
.your-token-wraper-inset textarea {
    font-size: 13px;
    width: calc(100% - 50px);
}
.gs-enterprise-restriction form#domain_form {
    width: 100%;
}
.domain-list {
    width: 100%;
}
.gs-enterprise-restriction {
    width: 100%;
}
    /*api-guide page css end*/
}
 @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 40px;
}
.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 ;
}

    .cancel-subsciption-btn {
        font-size: 12px;
        padding: 9px 12px;
        width: 208px;
    }
    .gs-edit-settings .gs-edit-settings-row1 {
        gap: 10px;
    }

    .gs-dashboard-ai-creatvity.gs-dashboard-ai-magic-creativity{
        background: url(../png/ai-magic-bg-mobile.png) no-repeat center;
    }
    .gs-what-promptcreated-list {
        font-size: 10.5px;
        gap: 7px;
        padding: 10px 0 16px;
    }
    .gs-dashboard-ai-magic-creativity  .gs-dashboard-ai-creatvity-right {
        text-align: center;
        padding: 10px 0 30px 0;
    }
    .gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right h3 {
        text-align: center;
    }
    .unlock-more-magic-box {
        width: 100%;
    }
    .gs-what-image-gallery-dropdown {
        padding-right: 0;
    }
    .gs-what-image-gallery-dropdown .ai-tool-filter-single {
        width: 40%;
    }
    .gs-what-image-gallery-dropdown {
        padding-right: 0;
        gap: 10px 20%;
    }
    .gs-what-image-gallery-dropdown .ai-tool-filter-cont {
        left: 0;
    }
    .gs-what-image-gallery-dropdown .ai-tool-filter-single:nth-child(even) .ai-tool-filter-cont {
        right: 0;
        left: unset;
    }
    .gs-dashboard-ai-creatvity.gs-dashboard-ai-magic-creativity{
        background: url(../png/ai-magic-bg-mobile.png) no-repeat center;
    }
    .gs-what-promptcreated-list {
        font-size: 10.5px;
        gap: 7px;
        padding: 10px 0 16px;
    }
    .gs-dashboard-ai-magic-creativity  .gs-dashboard-ai-creatvity-right {
        text-align: center;
        padding: 10px 0 30px 0;
    }
    .gs-dashboard-ai-magic-creativity .gs-dashboard-ai-creatvity-right h3 {
        text-align: center;
    }
    .unlock-more-magic-box {
        width: 100%;
    }
    /*magic redesign banner css start*/
    .gs-dashboard-ai-magic-creativity  .gs-dashboard-ai-creatvity-left img {
        margin: 0px 0 -15px 0;
    }
    /*magic redesign banner css end*/
    .search-social-icons {
        padding: 10px 60px 0;
    }
    .search-social-icons-wrapper ul {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .search-social-icons-wrapper ul li img {
        max-width: 25px;
    }
    .upgrade-plan-listing .gs-tutorials-toolnip .ai-upload-option-tooltip {
        width: 110px;
        font-size: 10px;
        padding: 5px 5px;
    }
    /*estimatorModal css start*/
    .gs-transformation-estimate-item {
        width: 60%;
    }
    .gs-transformation-estimate-cost {
        width: 40%;
    }
    /*estimatorModal css end*/

    /*Image Generation Queue css start*/
    .gs-wrapper-queue-toggle label {
        gap: 4px;
    }
    .gs-continue-wrapper-queue .gs-continue-btn {
        padding-left: 6px;
        padding-right: 5px;
    }
    .gs-continue-wrapper-queue .gs-continue-btn img {
        margin: 1px 5px 0 0;
    }
    .gs-continue-wrapper-queue {
        gap: 8px;
    }
    .gs-continue-wrapper-queue {
    gap: 23px;
    flex-direction: column;
}
    /*Image Generation Queue css end*/
.search-social-icons-wrapper ul {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}
.search-social-icons-wrapper ul li img {
    max-width: 25px;
}
.upgrade-plan-listing .gs-tutorials-toolnip .ai-upload-option-tooltip {
    width: 110px;
    font-size: 10px;
    padding: 5px 5px;
}
/*estimatorModal css start*/
.gs-transformation-estimate-item {
    width: 60%;
}
.gs-transformation-estimate-cost {
    width: 40%;
}
.gs-busines-space-size button, .gs-busines-aspect-ratio button {
    padding: 6px 10px;
}
/*estimatorModal css end*/
/*api-guide page css start*/
.domain-item {
    padding: 3px;
    width: 100%;
}
.domain-list {
    width: 100%;
}
.domain-item .gs-domain-input {
    padding: 0 0 0 10px;
}
/*api-guide page css end*/
}
.room-type-error,
.design-type-error,
.mode-type-error {
    border: 2px solid red;
    padding: 10px;
    border-radius: 8px;
}

.room-type-error-text,
.design-type-error-text,
.mode-type-error-text {
    color: red;
    font-size: 14px;
    margin-top: 8px;
}