html[data-bs-theme=light] #modal-detail .attr .border-dark{background:#f2f2f2;border-color:#dedede!important}
html[data-bs-theme=light] .modal-backdrop {--bs-backdrop-bg: rgba(0,0,0,0.8);opacity: 1;}
html[data-bs-theme=light] .promptDetail{background:#fff}
html[data-bs-theme=light] .btn.bg-white{background-color:#2b61ff!important;color:#fff!important}
html[data-bs-theme=light] .btn.bg-white svg.add{fill:#ffffff}
html[data-bs-theme=light] [data-bs-theme-value=light]{display:none}
html[data-bs-theme=light] .Contentpages .text-grey,html[data-bs-theme=light] .Contentpages li{color:#09090b}
html[data-bs-theme=light] .paginations a{background-color: transparent !important;}
html[data-bs-theme=light] .paginations a:hover{color:#0f0f0f!important;background-color:#f1f2f4 !important}
html[data-bs-theme=light] .btnAvtar, html[data-bs-theme=light] .btnRadius {color:#0f0f0f;}
html[data-bs-theme=light] .modal{--bs-modal-bg:#ffffff}
html[data-bs-theme=light] .PremiumPro:before{content:"";background-image:url(../images/text-image.png);background-repeat:no-repeat;background-size:contain;opacity:.3;position:absolute;left:0;right:0;top:0;width:100%;height:100%;z-index:-1}
html[data-bs-theme=light] .PremiumProBlur p span{color:#969696}
html[data-bs-theme=light] .PremiumProBlur svg path{fill:#969696}
html[data-bs-theme=light] .genrateBlank{background:#fff;border:1px solid #ebebeb}
html[data-bs-theme=light] .form-control{background:#f5f6f9;border:1px solid #222222}
html[data-bs-theme=light] .bgLight .form-control, html[data-bs-theme=light] .bgLight2 .form-control {border-color: #f5f6f9;}
html[data-bs-theme=light] .custom-inpgrp .form-control {
background: #fafafa;
border: 1px solid #ebebeb;
color: #28292c;
font-weight: 400;
}
html[data-bs-theme=light] .form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
html[data-bs-theme=light] .form-range::-moz-focus-outer{border:0}
html[data-bs-theme=light] .form-range::-webkit-slider-thumb{background-color:#000}
html[data-bs-theme=light] .form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}
html[data-bs-theme=light] .form-range::-webkit-slider-runnable-track{background-color:#dfdfdf}
html[data-bs-theme=light] .form-range::-moz-range-thumb{background-color:#000}
html[data-bs-theme=light] .form-range::-moz-range-thumb:active{background-color:#b6d4fe}
html[data-bs-theme=light] .form-range::-moz-range-track{background-color:var(#dfdfdf)}
html[data-bs-theme=light] .form-range:disabled::-webkit-slider-thumb{background-color:#dfdfdf}
html[data-bs-theme=light] .form-range:disabled::-moz-range-thumb{background-color:#dfdfdf}
html[data-bs-theme=light] .hidden-btns .BtnGenrate{border:2px solid #cdcdcd;color:#cdcdcd}
html[data-bs-theme=light] .hidden-btns .BtnGenrate svg path{fill:#cdcdcd}
html[data-bs-theme=light] .BtnGenrate.bg-white{background-color:#14161b!important;color:#fff}
html[data-bs-theme=light] .BtnGenrate.bg-white svg path{fill:#ffffff}
/* html[data-bs-theme=light] .BtnGenrate:active svg path,html[data-bs-theme=light] .BtnGenrate:focus svg path,html[data-bs-theme=light] .BtnGenrate:hover svg path{fill:#fff!important} */
html[data-bs-theme=light] .myImagesUls .imgFull{border:1px solid #eaeaea;background:#f8f8f8}
html[data-bs-theme=light] .MostSubs .cardPrice{border-color:#2b61ff!important;background:#fff!important}
html[data-bs-theme=light] .dark-border-box{background:#f5f6f9;border:1px solid #f5f6f9}
html[data-bs-theme=light] .imgBox{background-color:rgb(106 87 227 / 5%);border:1px solid #2b61ff}
html[data-bs-theme=light] .button-wrapper span.label{background:#000;color:#fff;border-color:#000}
html[data-bs-theme=light] .button-wrapper .label svg path{fill:#ffffff}
html[data-bs-theme=light] .MostSubs .badge{background-color:#000!important;color:#fff;border-color:#000}
html[data-bs-theme=light] .card-header{border-color:#e5e5e5;}
html[data-bs-theme=light] .ChooseModel .cardPrice ul svg path{fill:#4d4d4d}
html[data-bs-theme=light] .box-bg {
--dot-bg: #f2f4fb;
--dot-color: #f2f4fb;
--dot-size: 1px;
--dot-space: 20px;
background:
linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
var(--dot-color);
}
html[data-bs-theme=light] .dropzone-wrapper{
background: #e3e4e7;
}
html[data-bs-theme=light] .dropzone-wrapper.dragover,html[data-bs-theme=light] .dropzone-wrapper:hover{background-color: #ebf5ff !important;}
html[data-bs-theme=light] #modal-detail .BtnGenrate{background:#000}
html[data-bs-theme=light] #modal-detail .BtnGenrate svg path{fill:#ffffff}
html[data-bs-theme=light] #modal-detail .BtnGenrate span{color:#fff}
html[data-bs-theme=light] body{background-color:#fff;color:#09090b!important}
html[data-bs-theme=light] .bg-dark-1{background-color:#fff!important}
html[data-bs-theme=light] .cardPrice{background:#fff;border-color:#ebecef}
html[data-bs-theme=light] .ChooseModel .cardPrice{background-color: #fff; border: 0;}
html[data-bs-theme=light] .bg-dark-light{background-color:transparent!important}
html[data-bs-theme=light] .bg-light{background-color:#fff!important}
html[data-bs-theme=light] .bg-dark{background-color:#fff!important}
html[data-bs-theme=light] .border-bottom{border-bottom-color:#d7d7d7!important}
html[data-bs-theme=light] .manageSearch .form-control{background-color:#fff;color:#2b2c39}
html[data-bs-theme=light] .manageSearch .form-control:focus{color:#09090b;box-shadow:none}
html[data-bs-theme=light] header .manageSearch .form-control::-webkit-input-placeholder{color:#464749}
html[data-bs-theme=light] header .manageSearch .form-control:-ms-input-placeholder{color:#464749}
html[data-bs-theme=light] header .manageSearch .form-control::placeholder{color:#464749}
html[data-bs-theme=light] .manageSearch .form-control::-webkit-input-placeholder{color:#71717a}
html[data-bs-theme=light] .manageSearch .form-control:-ms-input-placeholder{color:#71717a}
html[data-bs-theme=light] .manageSearch .form-control::placeholder{color:#71717a}
html[data-bs-theme=light] .secondBar .nav-link svg:hover path{fill:#000}
html[data-bs-theme=light] .bookmarkicon{fill:#ff6961}
html[data-bs-theme=light] .copyIcon,html[data-bs-theme=light] .copyIcon path{fill:#ccff00}
html[data-bs-theme=light] .navbar-nav .nav-link{color:#000000;}
html[data-bs-theme=light] .navbar-nav.leftbar .submenu a:hover{color:#666}
/* html[data-bs-theme=dark] .navImg{filter:brightness(500%) grayscale(1)} */
html[data-bs-theme=dark] .navImg {
filter: invert(1);
}
html[data-bs-theme=light] .secondBar .nav-link svg:hover circle,html[data-bs-theme=light] .secondBar .nav-link svg:hover path{fill:#09090b}
html[data-bs-theme=light] .ListPopular li a:hover{color:#0d0c22}
html[data-bs-theme=light] .card-body {color: #0d0c22!important;background-color: #fafafb;
}
html[data-bs-theme=light] .dropdown-menu {background-color: #fff;border: 1px solid #ededed;
}
html[data-bs-theme=light] .card-list{background-color:#e0e0e0}
html[data-bs-theme=light] .card-list .card-body{background:#000;background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,0) 100%);color:#fff!important}
html[data-bs-theme=light] .card-list p{color:#dadddd;font-weight:400}
html[data-bs-theme=light] .blog-card h5.text-gradient{color:#fff;background:inherit;-webkit-text-fill-color:inherit}
html[data-bs-theme=light] .blog-card h5 a{color:#fff}
html[data-bs-theme=light] .blog-card .date{color:#fff}
html[data-bs-theme=light] .text-gray{color:#09090b}
html[data-bs-theme=light] .text-light-dark{color:#09090b}
html[data-bs-theme=light] .h2-lg.text-gray{color:#09090b}
html[data-bs-theme=light] .text-third{color:#09090b}
html[data-bs-theme=light] .footerlinks a{color:#09090b}
html[data-bs-theme=light] .secondBar .btnTogg{background:#09090b}
html[data-bs-theme=light] .loader-1 span::after{background:linear-gradient(#000,#000) padding-box,linear-gradient(to right,#fff,#fff) border-box}
html[data-bs-theme=light] .BtnGenrate:active,html[data-bs-theme=light] .BtnGenrate:focus,html[data-bs-theme=light] .BtnGenrate:hover{border-color: rgb(221, 223, 225);background:#f1f2f4;color:#09090b}
/* html[data-bs-theme=light] .BtnGenrate:active span,html[data-bs-theme=light] .BtnGenrate:focus span,html[data-bs-theme=light] .BtnGenrate:hover span{color:#fff!important} */
html[data-bs-theme=light] .BtnGenrate.BtnNeon:active,html[data-bs-theme=light] .BtnGenrate.BtnNeon:focus,html[data-bs-theme=light] .BtnGenrate.BtnNeon:hover{background-color:#2b61ff!important}
html[data-bs-theme=light] .BtnGenrate.BtnNeon{background-color:#2b61ff!important;color:#fff}
html[data-bs-theme=light] .BtnGenrate.BtnNeon svg path{fill:#fff}
html[data-bs-theme=light] .text-white{color:#14161b!important}
html[data-bs-theme=light] .svg-light path{fill:#2b61ff}
html[data-bs-theme=light] .glow {
background-color: #2b61ff;
color: #fff;
}
html[data-bs-theme=light] .btnGoogle:after{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,#ebbdf2,#91cefd) border-box}
html[data-bs-theme=light] .text-grey{color:#09090b}
html[data-bs-theme=light] small.text-grey{color:#677083}
html[data-bs-theme=light] .btnGoogle span{background:linear-gradient(243.87deg,#91cefd 2.04%,#91cdfd 2.69%,#92ccfd 3.34%,#92cafc 4%,#93c9fc 4.65%,#93c8fc 5.3%,#93c8fc 0,#93c7fc 5.95%,#94c6fc 6.6%,#94c5fc 7.26%,#95c4fc 7.91%,#95c3fc 8.56%,#95c3fc 0,#95c2fc 9.21%,#96c1fc 9.86%,#96c0fb 10.52%,#97bffb 11.17%,#97befb 11.82%,#97befb 0,#97bdfb 12.47%,#98bcfb 13.12%,#98bbfb 13.78%,#99bafb 14.43%,#99b9fb 15.08%,#99b9fb 0,#99b8fb 15.73%,#9ab7fb 16.38%,#9ab7fa 17.04%,#9bb6fa 17.69%,#9bb5fa 18.34%,#9bb5fa 0,#9bb5fa 0,#9bb5fa 0,#9bb5fa 0,#9bb5fa 0,#9bb5fa 0,#9bb5fa 0,#9bb4fa 18.99%,#9cb3fa 19.64%,#9cb3f9 20.3%,#9db2f9 20.95%,#9db1f9 21.6%,#9db1f9 0,#9db0f9 22.25%,#9eaff9 22.91%,#9eaff9 23.56%,#9faef9 24.21%,#9fadf9 24.86%,#9fadf9 0,#9facf9 25.51%,#9facf9 26.17%,#a0abf8 26.82%,#a0abf8 27.47%,#a0aaf8 28.12%,#a0aaf8 0,#a0a9f8 28.77%,#a1a9f8 29.43%,#a1a8f8 30.08%,#a2a8f8 30.73%,#a2a7f8 31.38%,#a2a7f8 0,#a2a6f8 32.03%,#a3a6f8 32.69%,#a3a5f7 33.34%,#a4a5f7 33.99%,#a4a4f7 34.64%,#a4a4f7 0,#a4a4f7 0,#a4a4f7 0,#a4a4f7 0,#a4a4f7 0,#a4a4f7 0,#a4a4f7 0,#a5a4f7 35.29%,#a7a5f7 35.95%,#a8a5f7 36.6%,#aaa6f7 37.25%,#aba6f7 37.9%,#aba6f7 0,#aca6f7 38.55%,#ada7f7 39.21%,#afa7f6 39.86%,#b0a8f6 40.51%,#b1a8f6 41.16%,#b1a8f6 0,#b2a8f6 41.81%,#b3a8f6 42.47%,#b5a9f6 43.12%,#b6a9f6 43.77%,#b7a9f6 44.42%,#b7a9f6 0,#b8a9f6 45.08%,#b9aaf6 45.73%,#bbaaf5 46.38%,#bcabf5 47.03%,#bdabf5 47.68%,#bdabf5 0,#beabf5 48.34%,#bfacf5 48.99%,#c0acf5 49.64%,#c1adf5 50.29%,#c2adf5 50.94%,#c2adf5 0,#c2adf5 0,#c2adf5 0,#c2adf5 0,#c2adf5 0,#c2adf5 0,#c2adf5 0,#c3adf5 51.6%,#c4aef5 52.25%,#c5aef5 52.9%,#c6aff5 53.55%,#c7aff5 54.2%,#c7aff5 0,#c8aff5 54.86%,#c9aff5 55.51%,#cab0f4 56.16%,#cbb0f4 56.81%,#ccb0f4 57.46%,#ccb0f4 0,#cdb0f4 58.12%,#ceb1f4 58.77%,#ceb1f4 59.42%,#cfb2f4 60.07%,#d0b2f4 60.72%,#d0b2f4 0,#d1b2f4 61.38%,#d2b2f4 62.03%,#d3b3f3 62.68%,#d4b3f3 63.33%,#d5b3f3 63.98%,#d5b3f3 0,#d6b3f3 64.64%,#d7b4f3 65.29%,#d7b4f3 65.94%,#d8b5f3 66.59%,#d9b5f3 67.24%,#d9b5f3 0,#d9b5f3 0,#d9b5f3 0,#d9b5f3 0,#d9b5f3 0,#d9b5f3 0,#d9b5f3 0,#dab5f3 67.9%,#dbb6f3 68.55%,#dbb6f3 69.2%,#dcb7f3 69.85%,#ddb7f3 70.51%,#ddb7f3 0,#deb7f3 71.16%,#dfb7f3 71.81%,#dfb8f3 72.46%,#e0b8f3 73.11%,#e1b8f3 73.77%,#e1b8f3 0,#e2b8f3 74.42%,#e2b9f3 75.07%,#e3b9f2 75.72%,#e3baf2 76.37%,#e4baf2 77.03%,#e4baf2 0,#e5baf2 77.68%,#e6baf2 78.33%,#e6bbf2 78.98%,#e7bbf2 79.63%,#e8bbf2 80.29%,#e8bbf2 0,#e9bbf2 80.94%,#e9bcf2 81.59%,#eabcf2 82.24%,#eabdf2 82.89%,#ebbdf2 83.55%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html[data-bs-theme=light] .StripeElement,html[data-bs-theme=light] .contact-form .form-control{background-color:#f8f8f8;color:#1c1e22;font-weight:500}
html[data-bs-theme=light] .secondBar .nav-link svg:hover circle,html[data-bs-theme=light] .secondBar .nav-link svg:hover path{fill:#000}
html[data-bs-theme=light] .upvoted .iner{fill:#e9e9e9}
html[data-bs-theme=light] .BadgeTags li a {color: #09090b;}
html[data-bs-theme=light] .prem-btns .BtnGenrate{background:#2b61ff;color:#fff}
html[data-bs-theme=light] .prem-btns .BtnGenrate span{color:#fff}
html[data-bs-theme=light] .card-gray{border: 1px solid #d1d1d1;
border-radius: 0.5rem;
background-color: rgba(221, 223, 225, 0.15);}
html[data-bs-theme=light] .Btnclose svg{fill:#080505}
html[data-bs-theme=light] .sidebar{background-color:#f3f4f7}
html[data-bs-theme=light] .AllCategoryLink{background-color:#f3f4f7;color:#14161b}
html[data-bs-theme=light] .AllCategoryLink:hover{background:linear-gradient(#faffe5,#faffe5) padding-box,linear-gradient(to right,#cf0,#cf0) border-box}
html[data-bs-theme=light] .modalContent p{color:#09090b}
html[data-bs-theme=light] .HeartIco{background-color:#fff}
html[data-bs-theme=light] .HeartIcoGray{background-color:#f3f3f3}
html[data-bs-theme=light] .body-height:after,html[data-bs-theme=light] .body-height:before{display:none}
html[data-bs-theme=light] .ImageEditing .card-title svg path{fill:#2b61ff}
html[data-bs-theme=light] .starOne{background:#2b61ff}
html[data-bs-theme=light] .btn-outline-secondary{border-color:#000!important;color:#fff!important;background:#000!important}
html[data-bs-theme=light] .MyModels .btn-outline-secondary svg path{fill:#ffffff}
html[data-bs-theme=light] .btnAvtar img.avtar{border-color:#2b61ff}
html[data-bs-theme=light] .crown path,html[data-bs-theme=light] .premium-crown path{fill:#2b61ff}
html[data-bs-theme=light] .text-gradient{color:#09090b}
html[data-bs-theme=light] .body-height{position:relative;background-color:#fff}
html[data-bs-theme=light] .bestrated a.test-popup-link{background-color:#fff}
html[data-bs-theme=light] .btn-primary{
--bs-btn-color: #fff;
--bs-btn-bg: #2b61ff;
--bs-btn-border-color: #2b61ff;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #2b61ff;
--bs-btn-hover-border-color: #ffffff;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #2b61ff;
--bs-btn-active-border-color: #2b61ff;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #2b61ff;
--bs-btn-disabled-border-color: #2b61ff;
}
html[data-bs-theme=light] .imageGroup .btn{color:#677083!important}
html[data-bs-theme=light] .gen-radio .form-check-label {border: 1px solid #d9d9d9;color: #979797;}
html[data-bs-theme=light] .btn-check:checked+.btn{border-color: #e3e4e7!important;box-shadow:none!important;background-color: #e3e4e7!important;color: #8d919d!important;}
html[data-bs-theme=light] .btn-check+.btn:hover{
border-color: #b9b8b8 !important;
box-shadow: none !important;
}
html[data-bs-theme=light] .generate-form-control .card-body{background-color:transparent}
html[data-bs-theme=light] .DetailSlider .slick-slide.slick-current .thumbSlid{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,#2b61ff,#2b61ff) border-box}
html[data-bs-theme=light] .img-comm:before{opacity:.2}
html[data-bs-theme=light] .btnPremium,html[data-bs-theme=light] .btnPremiumTop{background-color:#2b61ff;color:#fff}
html[data-bs-theme=light] .btnPremium:active,html[data-bs-theme=light] .btnPremium:focus,html[data-bs-theme=light] .btnPremium:hover,html[data-bs-theme=light] .btnPremiumTop:active,html[data-bs-theme=light] .btnPremiumTop:focus,html[data-bs-theme=light] .btnPremiumTop:hover{background-color:#000;border-color:#000;color:#fff}
html[data-bs-theme=light] .Contentpages li a,html[data-bs-theme=light] .Contentpages p a{color:#2b61ff}
html[data-bs-theme=light] .user-pages h2{color:#09090b}
html[data-bs-theme=light] .neon,html[data-bs-theme=light] .text-neon{color:#000}
html[data-bs-theme=light] .gen-radio .btn-check:checked+.form-check-label{border-color:#000;color:#000}
html[data-bs-theme=light] .btn-check:checked+.form-check-label .badge-secondary{color:#000}
html[data-bs-theme=light] .btn__effect.btn.btn-outline-secondary,html[data-bs-theme=light] .prompt-info .btn-outline-secondary{background:0 0!important;border-color:#cfcfcf!important}
html[data-bs-theme=light] .card-abs .btn__effect.btn.btn-outline-secondary,html[data-bs-theme=light] .card-abs .copy.btn.btn-outline-secondary{border-color:#404040!important}
html[data-bs-theme=light] .prompt-info .btn-outline-secondary:focus,html[data-bs-theme=light] .prompt-info .btn-outline-secondary:hover{background:#fff!important;border-color:#303030!important}
html[data-bs-theme=light] .copy.btn.btn-outline-secondary{background:0 0!important}
html[data-bs-theme=light] .link-wrapper:hover{border-color:#2b61ff}
html[data-bs-theme=light] .loader rect{fill:#2b61ff}
html[data-bs-theme=light] .border-box{border:1px solid #2b61ff}
html[data-bs-theme=light] input[type=range]::-webkit-slider-thumb{background-color:#000}
html[data-bs-theme=light] .annual{background:#2b61ff;border:1px solid #2b61ff}
html[data-bs-theme=light] .ListPopular li img{background:#f8f8f8}
html[data-bs-theme=light] .card-subtitle,html[data-bs-theme=light] .card-text-title{color:#fff}
html[data-bs-theme=light] .card-text-title:hover{color:#fff}
html[data-bs-theme=light] .priceFlex .spanMain{color:#dedede}
html[data-bs-theme=light] .priceFlex .text-neon{color:#37d73d}
html[data-bs-theme=light] .add-prompt{background-image:linear-gradient(#f2f6fe 1px,transparent 1px),linear-gradient(to right,#f2f6fe 1px,#fff 1px)}
/* html[data-bs-theme=light] .logPage{background:#f8f8f8} */
html[data-bs-theme=light] .bg-white{background-color:#f7f7f7!important}
html[data-bs-theme=light] .custom-inpgrp {
background: #fff;
box-shadow: 0 0 2px #00000014, 0 6px 12px #0000000a;
}
html[data-bs-theme=light] #genrateImageSpan svg path{fill:#ffffff}
html[data-bs-theme=light] .generate-form-control .dropdown-menu{background-color:#fff;border:1px solid #e8e8e8}
html[data-bs-theme=light] .custom-inpgrp .dropdown-menu .bg-grp{background:#f9f9f9;border:1px solid #e8e8e8}
html[data-bs-theme=light] .custom-inpgrp .dropdown-menu .bg-grp select{background-color:#fff;border:1px solid #f5f6f9}
html[data-bs-theme=light] .ViewAll{background-color:#f5f6f9;border-left:1px solid #f5f6f9;border-bottom:1px solid #f5f6f9}
html[data-bs-theme=light] .ImageEditing .card{background:linear-gradient(135deg,var(--token-bcc94339-c720-4c8f-9b06-2928a67e5806,#f3ca4d) 0,var(--token-162cc45e-0e5e-4a2e-a94a-d9a7a2d70d4e,#ff989a) 49.770114942528714%,var(--token-09755746-eddb-439e-9faf-7a89991f4db9,#cbabff) 100%);border:1px solid transparent}
html[data-bs-theme=light] .ImageEditing .imgFull{background-color:#f5f6f9}
html[data-bs-theme=light] .ImageEditing .card .card-body{background:#f5f6f9!important}
html[data-bs-theme=light] .HomePage .parnt{background:#fff}
html[data-bs-theme=light] .HomePage{background-color:#fff}
html[data-bs-theme=light] .non-prem{background:linear-gradient(5112deg,#f2c94c -59%,#ff5a5e -20%,#8f6fdb 75%,#61a6f2 124%);background-clip:text;-webkit-text-fill-color:transparent}
html[data-bs-theme=light] .non-prem svg path{fill:#fff}
html[data-bs-theme=light] .secondBar .nav-link .upvoted:hover path.iner{fill:#ffffff!important}
html[data-bs-theme=light] .form-check-input{background:#f5f5f5;border-color: #ededed}
html[data-bs-theme=light] .ai-heading h1:not(.ai-banner h1){background:linear-gradient(5112deg,#f2c94c -59%,#ff5a5e -20%,#8f6fdb 75%,#61a6f2 124%);background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
html[data-bs-theme=light] .transmit figure.main-a:before{border-color:#2b61ff}
html[data-bs-theme=light] .transmit .cloud svg path{fill:#2b61ff}
html[data-bs-theme=light] .btn-white:not(.ai-banner .btn-white,.transform .btn-white){background:#f2f2f2;border-color:#f2f2f2;color:#000}
html[data-bs-theme=light] .MostSubs .btn-white:not(.ai-banner .btn-white,.transform .btn-white){background:#000;border-color:#000;color:#fff}
html[data-bs-theme=light] .genVideo.btn-white{background:#2b61ff!important;border-color:#2b61ff!important;color:#fff!important}
html[data-bs-theme=light] .genVideo svg path {
fill: #09090b;
}
html[data-bs-theme=light] .genVideo.btn-white:hover{background:#000!important;border-color:#000!important}
html[data-bs-theme=light] .btn-white:active,html[data-bs-theme=light] .btn-white:focus,html[data-bs-theme=light] .btn-white:hover{background-color:rgba(0,0,0,0.1)!important;border-color:rgba(0,0,0,0.1)!important;color:#fff}
html[data-bs-theme=light] .MostSubs .btn-white:active,html[data-bs-theme=light] .MostSubs .btn-white:focus,html[data-bs-theme=light] .MostSubs .btn-white:hover{background-color:#6e6e6e!important;border-color:#6e6e6e!important;color:#000}
html[data-bs-theme=light] .ai-banner .btn-white:active,html[data-bs-theme=light] .ai-banner .btn-white:focus,html[data-bs-theme=light] .ai-banner .btn-white:hover{background:#2b61ff;border-color:#2b61ff;color:#fff}
html[data-bs-theme=light] .myAi:after,html[data-bs-theme=light] .sketches:after{background:#d7d7d7}
html[data-bs-theme=light] .ai-process article h5{color:#b8b8b8}
html[data-bs-theme=light] .VideoBanner .ratio:after {background: linear-gradient(0deg, #ffffff 7%, transparent 50%);}
html[data-bs-theme=light] .VideoBanner h1.text-white{color:#fff!important}
html[data-bs-theme=light] .VideoBanner .btn-white{background:#fff!important;color:#000!important;border-color:#fff!important}
html[data-bs-theme=light] .VideoBanner .btn-white:active,html[data-bs-theme=light] .VideoBanner .btn-white:focus,html[data-bs-theme=light] .VideoBanner .btn-white:hover{background:#2b61ff!important;border-color:#2b61ff!important;color:#fff!important}
html[data-bs-theme=light] .VideoEngine svg path{fill:revert-layer}
html[data-bs-theme=light] .VideoEngine svg .luma-ai,html[data-bs-theme=light] .VideoEngine svg.runway path{fill:#000000}
html[data-bs-theme=light] .pro-pet .transmit figure.main-a::after,html[data-bs-theme=light] .pro-photo .transmit figure.main-a:after{background:conic-gradient(from 0deg,#d5d1ef,#d5d1ef,#d5d1ef,#d5d1ef,#d5d1ef,#d5d1ef)}
html[data-bs-theme=light] .prod-grid article:before{background:#ffffffd4}
html[data-bs-theme=light] .text-mustard{color:#2b61ff}
html[data-bs-theme=light] .switch label{background: #e7e8e9;border-color: #e7e8e9;}
html[data-bs-theme=light] .switch label:after{background: #8d919d;}
html[data-bs-theme=light] .switch input:checked+label:after{background: #0064d5;}
html[data-bs-theme=light] .custTooltip{--bs-tooltip-bg:#e9e9e9}
html[data-bs-theme=light] .GenVideo .btn-dark{background:#fff;color:#09090b}
html[data-bs-theme=light] .GenVideo .btn-dark svg #video{fill:#09090b}
html[data-bs-theme=light] .SketchDetail .lnk .btn-dark,html[data-bs-theme=light] .VideoComty .lnk .btn-dark{color:#fff}
html[data-bs-theme=light] .SketchDetail .lnk a,html[data-bs-theme=light] .VideoComty .lnk a{color:#09090b}
html[data-bs-theme=light] .SketchDetail .lnk .btn-dark svg path,html[data-bs-theme=light] .VideoComty .lnk .btn-dark svg path{fill:#ffffff}
html[data-bs-theme=light] .VideoComty:after{background:#7d82e373}
html[data-bs-theme=light] .VideoComty:before{background:#e15f7f4d}
html[data-bs-theme=light] .VideoComty .grid-item:hover .lnk a{color:#2b61ff}
html[data-bs-theme=light] .VidedProm figure:before{background:#e9e9e9;border-color:#9a9a9a}
html[data-bs-theme=light] .drawz{background-color:#f1f1f1}
html[data-bs-theme=light] .transform .btn-white:active,html[data-bs-theme=light] .transform .btn-white:focus,html[data-bs-theme=light] .transform .btn-white:hover{background:#000!important;border-color:#000!important;color:#fff}
html[data-bs-theme=light] .transform .btn-white:active svg path,html[data-bs-theme=light] .transform .btn-white:focus svg path,html[data-bs-theme=light] .transform .btn-white:hover svg path{fill:#ffffff}
html[data-bs-theme=light] .SketchComm .lnk{background:#2b61ff}
html[data-bs-theme=light] .SketchPexel .nav-link{background-color:#3c3181}
html[data-bs-theme=light] .SketchPexel .nav-link.active{background-color:#2b61ff}
html[data-bs-theme=light] .transform:before{background:#889dc7;background:radial-gradient(circle,#a4c1fa 0,rgba(255,255,255,0) 100%)}
html[data-bs-theme=light] .transform:after{background:#538afc;background:radial-gradient(circle,#6b9bfc 0,rgba(255,255,255,0) 100%)}
html[data-bs-theme=light] .SketchComPage:before{opacity:.1}
[data-bs-theme=light] .ChooseModel .pc .light-logo{opacity:0}
html[data-bs-theme=light] .ChooseModel .badge.bg-light {
color: #000000;
background: #eaeef5 !important;
}
html[data-bs-theme=light] .form-range[type=range]{background-color: #f3f4f5;background-image: linear-gradient(#8d919d,#8d919d);border: 1px solid #f3f4f5;}
html[data-bs-theme=light] .form-range::-webkit-slider-runnable-track{background-color:transparent!important}
html[data-bs-theme=light] .form-range::-moz-range-thumb:active,
html[data-bs-theme=light] .form-range::-webkit-slider-thumb:active{background-color:#8d919d !important}
html[data-bs-theme=light] .form-range[type="range"]::-webkit-slider-thumb {background: #8d919d; }
html[data-bs-theme=light] .form-select{background-color:#f5f6f9;border:1px solid #dfdfdf}
html[data-bs-theme=light] .videoGen .my-images{color:#09090b}
html[data-bs-theme=light] .SketchComm .lnk .active svg path{fill:#db6085}
html[data-bs-theme=light] .myVideo:after{background:#d7d7d7}
html[data-bs-theme=light] .err{background:#a0a0a05e;border-color:#c9c9c9;color:red}
html[data-bs-theme=light] .bigBox-bg{background-image:linear-gradient(#d7d7d7 0,transparent 0),linear-gradient(to right,#d7d7d7 1px,#e9e9e9 1px)}
html[data-bs-theme=light] .bigBox-bg:before{background-image:linear-gradient(#d7d7d7 1px,transparent 1px),linear-gradient(to right,#d7d7d7 0,#0d0e1200 0)}
html[data-bs-theme=light] .award-list{border:1px solid #d7d7d7;background:#fff}
html[data-bs-theme=light] .award-list a{color:#09090b}
html[data-bs-theme=light] .award-list a.active,html[data-bs-theme=light] .award-list a:active,html[data-bs-theme=light] .award-list a:focus,html[data-bs-theme=light] .award-list a:hover{color:#2b61ff}
html[data-bs-theme=light] .featured-logo{filter:invert(1)}
html[data-bs-theme=light] .AwardInterview img,html[data-bs-theme=light] .awardBg .caption img,html[data-bs-theme=light] .dreamer img{border-color:#d7d7d7}
html[data-bs-theme=light] .dreamer .text-gray svg path{fill:#677083}
html[data-bs-theme=light] .grid-item .link-wrapper{background-color:#e5e5e5}
html[data-bs-theme=light] .myImagesUls .link-wrapper{background-color:#e5e5e5}
html[data-bs-theme=light] .awardBg{background:#e9e9e9}
html[data-bs-theme=light] .awardBg .main-wrapper.border-top{border-color:#dadada!important}
html[data-bs-theme=light] .AwardFeat img{border-color:#dadada}
html[data-bs-theme=light] .blured:before{background:linear-gradient(0deg,rgb(233 233 233) 15%,rgba(18,18,18,0) 100%)}
html[data-bs-theme=light] .modelName .rounded-circle{background:#ededf8}
[data-bs-theme=light] .VideoEngine .pc .light-logo{opacity:0}
[data-bs-theme=light] .btn-neon{background:#000;border-color:#000;color:#fff}
[data-bs-theme=light] .btn-neon:active,[data-bs-theme=light] .btn-neon:focus,[data-bs-theme=light] .btn-neon:hover{background:#2b61ff;border-color:#2b61ff;color:#fff}
html[data-bs-theme=light] .submenu-popover{background-color:#f5f5f5;border-color:#ededed}
html[data-bs-theme=light] .submenu-popover .popover-body li a:not(li:last-child a){border-color:#c5c5c5}
html[data-bs-theme=light] .submenu-popover .popover-body li a:active,html[data-bs-theme=light] .submenu-popover .popover-body li a:focus,html[data-bs-theme=light] .submenu-popover .popover-body li a:hover{color:#000!important}
html[data-bs-theme=light] .submenu-popover .popover-body li a:active img,html[data-bs-theme=light] .submenu-popover .popover-body li a:focus img,html[data-bs-theme=light] .submenu-popover .popover-body li a:hover img{filter:brightness(1%)}
html[data-bs-theme=light] .scm-container .scm-item .text-neon{color:#2b61ff}
html[data-bs-theme=light] .scm-container .scm-item:hover .text-neon{color:#cf0}
html[data-bs-theme=light] .btn-white svg path:not(.ai-banner .btn-white svg path,.transform .btn-white svg path){fill:#ffffff}
html[data-bs-theme=light] .SimilarPrompts .imgAsset img:hover{border-color:#2b61ff}
html[data-bs-theme=light] .BtnGenrate.GenImg{background:#09090b}
html[data-bs-theme=light] .freePrompt{border-color:#d1d1d1}
/* html[data-bs-theme=light] .dropdown-item:focus svg path,html[data-bs-theme=light] .dropdown-item:hover svg path{fill:#2b61ff} */
html[data-bs-theme=light] .SketchDetail .SketchInfo .active svg path{fill:#2b61ff}
html[data-bs-theme=light] .SketchComm .grid-item:hover{border-color:#2b61ff}
html[data-bs-theme=light] .mode .nav-link{color:#09090b}
html[data-bs-theme=light] .Premiumpage .tabs .tabs--list {border-color: #d1d1d1;background-color: #fff;}
html[data-bs-theme=light] .Premiumpage .tabs .tabs--list li.moving-tab {background: #000;border-color: #000;}
html[data-bs-theme=light] .Premiumpage .tabs .tabs--list li a.actived{color: #fff;}
html[data-bs-theme=light] .comimgsoon {color: #09090b;}
html[data-bs-theme=light] #genratedImages .lozad {
background-color: #f5f5f5;
}
html[data-bs-theme=light] .Imgpro .form-control {
border-color: #ebebeb !important;
}
html[data-bs-theme=light] .AppsBanner {
background: #f0f0f0;
}
html[data-bs-theme="light"] .NewGene .border-start {
border-color: #e9e9e9 !important;
}
html[data-bs-theme=light] header .manageSearch .form-control {
background-color: #fafafa;
border-color: #e4e4e4;
}
html[data-bs-theme=light] #MainHead .navbar-nav .nav-link:hover {
color: #9d9d9d;
}
html[data-bs-theme=light] #SecondHead .submenu .dropdown-item{
color: #09090b !important;
}
html[data-bs-theme=light] #SecondHead .submenu li:hover,
html[data-bs-theme=light] #SecondHead .submenu li:focus {
color: #09090b;
background-color: #f4f4f5;
}
html[data-bs-theme=light] .generate-form-control select.form-control {
background-color: #fafafa !important;
text-transform: uppercase;
}
html[data-bs-theme=light] .generate-form-control select.form-control:hover {
background-color: #e3e4e7 !important;
}
html[data-bs-theme=light] .generate-form-control select.form-control:focus {
background-color: #c1c3c9 !important;
}
html[data-bs-theme=light] #prompt,
html[data-bs-theme=light] #floatingTextarea2{
border: 1px solid rgba(227,228,231,.63922);
background-color: #fafafa;
}
html[data-bs-theme=light] .text-black{
color: #505258 !important;
}
html[data-bs-theme=light] #prompt:focus,
html[data-bs-theme=light] #floatingTextarea2:focus {
border-color: #2b61ff;
}
html[data-bs-theme=light] .custom-inpgrp [type="number"]:focus {
border-color: #2b61ff;
}
html[data-bs-theme=light] .custom-inpgrp .accordion-button {
color: #28292c !important;
}
html[data-bs-theme=light] #genratedImages .BtnGenrate img {
filter: invert(1) brightness(0);
}
html[data-bs-theme=light] .VidedProm p {
color: #333333;
}
html[data-bs-theme=light] .wrapper-dropdown:hover, html[data-bs-theme=light] .CustDrop [data-bs-toggle="popover"]:hover{
background: #e3e4e7;
}
html[data-bs-theme=light] .wrapper-dropdown.active, html[data-bs-theme=light] .CustDrop [data-bs-toggle="popover"]:focus {
background: #c1c3c9 !important;
}
html[data-bs-theme=light] .ctrlPlay .pause svg {
background: #000000;
color: #ffffff;
}
html[data-bs-theme=light] [role="navigation"] .bg-white {
border: 0 !important;
background-color: transparent !important;
}
html[data-bs-theme=light] [aria-current="page"] span.bg-white {
background-color: #000000 !important;
color: #ffffff;
}
/*dark*/
html[data-bs-theme=dark] [aria-current="page"] span.bg-white {
background-color: #1e1f25 !important;
color: #ffffff;
}
html[data-bs-theme=dark] .navbar-nav .dropdown-menu .Highlight-Item{
background: #1e1f25;
color: #2b61ff;
}
html[data-bs-theme=dark] .ctrlPlay .pause svg {
background: #ffffff;
color: #000000;
}
html[data-bs-theme=dark] #volumeToggle svg {
fill: #5f5f5f;
}
html[data-bs-theme=dark] #volumeSlider{
background: #0d0e12;
}
/* Track */
html[data-bs-theme=dark] #volumeSlider::-webkit-slider-runnable-track {
background: linear-gradient(to right, #8d919d var(--progress), #1e1f25 var(--progress));
}
html[data-bs-theme=dark] #volumeSlider::-moz-range-track {
background: linear-gradient(to right, #8d919d var(--progress), #1e1f25 var(--progress));
}
/* Thumb */
html[data-bs-theme=dark] #volumeSlider::-webkit-slider-thumb {
background: #8d919d;
}
html[data-bs-theme=dark] #volumeSlider::-moz-range-thumb {
background: #8d919d;
}
html[data-bs-theme=dark] .thumb {
background: linear-gradient(#8d919d, #8d919d);
}
html[data-bs-theme=dark] .progress {
background: linear-gradient(#8d919d, #8d919d);
}
html[data-bs-theme=dark] .progress-bar {
background: #1e1f25;
}
html[data-bs-theme=dark] .audio-player .buttons .btn:hover {
background: #1e1f25;
}
html[data-bs-theme=dark] .audio-player .play {
background: #ffffff;
color: #000000;
}
html[data-bs-theme=dark] path.circle {
fill: #ffffff;
}
html[data-bs-theme=dark] .VidedProm p {
color: #b2b9cc;
}
html[data-bs-theme=dark] .generate-form-control .wrapper-dropdown:hover,
html[data-bs-theme=dark] .CustDrop [data-bs-toggle="popover"]:hover{
background-color: #28292c;
border-color: rgba(80, 82, 88, .63922);
}
html[data-bs-theme=dark] .CustDrop [data-bs-toggle="popover"] {
color: #f3f4f5;
}
html[data-bs-theme=dark] .generate-form-control .wrapper-dropdown.active,
html[data-bs-theme=dark] .CustDrop [data-bs-toggle="popover"]:focus {
background-color: #505258 !important;
}
html[data-bs-theme=dark] #genratedImages .BtnGenrate img {
filter: invert(1) brightness(100);
}
html[data-bs-theme=dark] #genratedImages .BtnGenrate {
background-color: rgba(13,14,14,.63922);
}
html[data-bs-theme=dark] .custom-inpgrp .accordion-button:not(.collapsed) {
color: #ffffff !important;
}
html[data-bs-theme=dark] .custom-inpgrp .accordion-button::after {
--bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
--bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
color: #ffffff;
background-image: var(--bs-accordion-btn-icon);
}
html[data-bs-theme=dark] .btn-check+.btn:hover{
border-color: #757575 !important;
}
html[data-bs-theme=dark] .btn-check +.btn {
background: #28292c !important;
border-color: rgba(80,82,88,.63922) !important;
}
html[data-bs-theme=dark] .text-black {
color: #e3e4e7 !important;
}
html[data-bs-theme=dark] .wrapper-dropdown .dropdown {
background: #232424;
border-color: #424348;
box-shadow: none;
}
html[data-bs-theme=dark] .wrapper-dropdown .dropdown li {
color: #ffffff;
}
html[data-bs-theme=dark] .wrapper-dropdown .dropdown li:hover {
background: #2e2e2e;
}
html[data-bs-theme=dark] .wrapper-dropdown .dropdown .selected {
background: #2b61ff;
}
html[data-bs-theme=dark] .wrapper-dropdown .dropdown .selected:hover {
background: #144ef9;
}
html[data-bs-theme=dark] .gridLoading .loadingItem {
background: #27282d;
}
html[data-bs-theme=dark] .gridLoading .loadingItem:after {
background-image: linear-gradient(90deg, rgb(70 70 70 / 0%) 0, rgb(70 70 70 / 20%) 20%, rgb(70 70 70 / 50%) 60%, rgb(70 70 70 / 0%));
}
html[data-bs-theme=dark] #SecondHead .submenu li:hover,
html[data-bs-theme=dark] #SecondHead .submenu li:focus{
background-color: #1e1f25;
}
html[data-bs-theme=dark] #SecondHead .nav-item.active {
background: #00081f;
}
html[data-bs-theme=dark] #SecondHead .nav-item.active:hover{
background: #000f3d;
}
html[data-bs-theme=dark] #SecondHead .nav-item:hover {
background: #151617;
}
html[data-bs-theme=dark] .dark path {
fill: #ffffff;
}
html[data-bs-theme=dark] .text-light-grey {
color: #c3c2c2;
}
html[data-bs-theme=dark] .nav-link .toolTips:before,
html[data-bs-theme=dark] .btnAvtar .toolTips:before,
html[data-bs-theme=dark] .btnRadius .toolTips:before,
html[data-bs-theme=dark] .nav-link .toolTips:after,
html[data-bs-theme=dark] .btnAvtar .toolTips:after,
html[data-bs-theme=dark] .btnRadius .toolTips:after {
border-right-color: #1e1f25;
}
html[data-bs-theme=dark] .btn-primary{
--bs-btn-border-color: #2b61ff;
--bs-btn-hover-border-color: #ffffff;
}
html[data-bs-theme=dark] .AppStyle figcaption {color: #ffffff;}
html[data-bs-theme=dark] .OverUser h2 b {color: #ffffff;}
html[data-bs-theme=dark] .ImgPro .form-select {color: #ffffff;}
html[data-bs-theme="dark"] .NewGene .border-start {border-color: #393a44 !important;}
html[data-bs-theme=dark] .AppRefer .grid-item .link-wrapper {background-color: transparent !important;}
html[data-bs-theme=dark] .AppRefer .grid-item {background-color: transparent !important;}
html[data-bs-theme=dark] .AppRefer {background: #111216;}
html[data-bs-theme=dark] .AppsBanner {background: #1e1f25;}
html[data-bs-theme=dark] .SketchComm .grid-item:hover{border-color:#4884ff}
html[data-bs-theme=dark] .SketchDetail .SketchInfo .active svg path{fill:#ccff00}
html[data-bs-theme=dark] .SketchComm .lnk .active svg path{fill:#ccff00!important}
html[data-bs-theme=dark] .freePrompt, html[data-bs-theme=dark] .PremiumPro {border-color: #000000;background-color: #000000;}
html[data-bs-theme=dark] .sketches .PriceListUls svg path{fill:#0a5bff}
html[data-bs-theme=dark] .sketches .cardPrice{background-color:#030a1c;border-color:#0e1a37}
html[data-bs-theme=dark] .sketches .card-header{border-color:#0e1a37}
html[data-bs-theme=dark] .Sketches .MostSubs .cardPrice{border-color:#0a5bff!important;background:#05102e!important}
html[data-bs-theme=dark] .Sketches .MostSubs .neon{color:#0a5bff}
html[data-bs-theme=dark] .Sketches .MostSubs .badge{color:#0a5bff;border-color:#0a5bff}
html[data-bs-theme=dark] .Sketches .pricing-body .pricing-checkbox{border-color:#0e1a37;background-color:#030a1c}
html[data-bs-theme=dark] .Sketches .pricing-body .annual{background:#0a5bff;border:1px solid #0e1a37}
html[data-bs-theme=dark] .sketches span[for=pricing__anually] .text-neon{color:#cf0}
html[data-bs-theme=dark] .BtnGenrate.GenImg{background:#cf0}
html[data-bs-theme=dark] .BtnGenrate.GenImg:hover:before{background:#fff}
html[data-bs-theme=dark] .BtnGenrate.GenImg .free{background:#2b61ff;color:#fff}
html[data-bs-theme=dark] .BtnGenrate.GenImg:hover .free{background:#cf0;color:#000}
html[data-bs-theme=dark] .body-midnight .border-bottom{border-bottom-color:#0e1a37!important}
html[data-bs-theme=dark] .body-midnight .bg-dark-1{background-color:#030a1c!important}
html[data-bs-theme=dark] .DetailSlider .BtnGenrate:hover sup.free{background:#2b61ff;color:#fff}
html[data-bs-theme=dark] .scm-container .scm-item:hover .text-neon{color:#2b61ff}
html[data-bs-theme=dark] .submenu-popover .popover-body li a:active,html[data-bs-theme=dark] .submenu-popover .popover-body li a:focus,html[data-bs-theme=dark] .submenu-popover .popover-body li a:hover{color:#fff!important}
html[data-bs-theme=dark] .submenu-popover .popover-body li a:active img,html[data-bs-theme=dark] .submenu-popover .popover-body li a:focus img,html[data-bs-theme=dark] .submenu-popover .popover-body li a:hover img{filter:brightness(1000%)}
html[data-bs-theme=dark] .HomePage .VideoComty .BtnGenrate.bg-white{background-color:#fff!important;border-color:#fff!important;color:#14161b}
html[data-bs-theme=dark] .HomePage .VideoComty .BtnGenrate.bg-white svg path{fill:#14161b}
html[data-bs-theme=dark] .HomePage .VideoComty .BtnGenrate.bg-white:active:before,html[data-bs-theme=dark] .HomePage .VideoComty .BtnGenrate.bg-white:focus:before,html[data-bs-theme=dark] .HomePage .VideoComty .BtnGenrate.bg-white:hover:before{background-color:#7800fe!important;border-color:#7800fe!important}
html[data-bs-theme=dark] .HomePage .VideoComty .BtnGenrate.bg-white:active span,html[data-bs-theme=dark] .HomePage .VideoComty .BtnGenrate.bg-white:focus span,html[data-bs-theme=dark] .HomePage .VideoComty .BtnGenrate.bg-white:hover span{color:#fff!important}
html[data-bs-theme=dark] .HomePage .VideoComty .BtnGenrate.bg-white:active svg path,html[data-bs-theme=dark] .HomePage .VideoComty .BtnGenrate.bg-white:focus svg path,html[data-bs-theme=dark] .HomePage .VideoComty .BtnGenrate.bg-white:hover svg path{fill:#ffffff!important}
[data-bs-theme=dark] .VideoEngine .pc .dark-logo{opacity:0}
/* html[data-bs-theme=dark] .body-navy .navbar-nav .dropdown-menu li a:active,html[data-bs-theme=dark] .body-navy .navbar-nav .dropdown-menu li a:focus,html[data-bs-theme=dark] .body-navy .navbar-nav .dropdown-menu li a:hover{color:#fff}
html[data-bs-theme=dark] .body-navy .dropdown-menu{background-color:#05071a;border:1px solid #172052}
html[data-bs-theme=dark] .body-navy .navbar-nav .dropdown-menu li a:not(li:last-child a){border-bottom-color:#172052}
html[data-bs-theme=dark] .body-navy .navbar-nav .dropdown-menu li a{color:#8c93bc}
html[data-bs-theme=dark] .body-navy .navbar-nav .dropdown-menu li a svg path{fill:#8c93bc} */
html[data-bs-theme=dark] .myImagesUls .link-wrapper{background-color:#242424}
html[data-bs-theme=dark] .grid-item .link-wrapper{background-color:#242424}
html[data-bs-theme=dark] .bigBox-bg{background-image:linear-gradient(#1f1f1f 0,transparent 0),linear-gradient(to right,#1f1f1f 1px,#0d0e12 1px)}
html[data-bs-theme=dark] .bigBox-bg:before{background-image:linear-gradient(#252525 1px,transparent 1px),linear-gradient(to right,#252525 0,#0d0e1200 0)}
html[data-bs-theme=dark] .award-list{border:1px solid #262626;background:#030303}
html[data-bs-theme=dark] .award-list a.active,html[data-bs-theme=dark] .award-list a:active,html[data-bs-theme=dark] .award-list a:focus,html[data-bs-theme=dark] .award-list a:hover{color:#00ff78}
html[data-bs-theme=dark] .myAi:after,html[data-bs-theme=dark] .sketches:after{background:#172052}
html[data-bs-theme=dark] .myVideo:after{background:#103623}
html[data-bs-theme=dark] .body-mustard .navbar.border-bottom{border-bottom-color:#103623!important}
html[data-bs-theme=dark] .form-select{background-color:#171717;border:1px solid #333}
html[data-bs-theme=dark] .btn.disabled,html[data-bs-theme=dark] .btn:disabled,html[data-bs-theme=dark] fieldset:disabled .btn{color:#000;background:#fff;border-color:#fff}
html[data-bs-theme=dark] .ChooseModel .badge.bg-light{color:#fff;background:#2e2e2e!important}
[data-bs-theme=dark] .ChooseModel .pc .dark-logo{opacity:0}
html[data-bs-theme=dark] .sketches .text-neon{color:#07c6d2}
html[data-bs-theme=dark] .drawz{background-color:#070707}
html[data-bs-theme=dark] .sketchGen .form-check-input:checked{background-color:#171717;border-color:#cf0}
html[data-bs-theme=dark] .sketchGen .form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ccff00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}
html[data-bs-theme=dark] .generate-form-control .advanced .form-control { border-color: #262626 !important; background: #151617;}
html[data-bs-theme=dark] .VideoComty .grid-item:hover .lnk a{color:#fff}
html[data-bs-theme=dark] .SketchComPage .BtnGenrate svg path,html[data-bs-theme=dark] .VideoComty .BtnGenrate svg path{fill:#ffffff}
html[data-bs-theme=dark] .VideoComty .BtnGenrate:active:before,html[data-bs-theme=dark] .VideoComty .BtnGenrate:focus:before,html[data-bs-theme=dark] .VideoComty .BtnGenrate:hover:before,html[data-bs-theme=dark] .VideoComty .SketchComPage:active:before,html[data-bs-theme=dark] .VideoComty .SketchComPage:focus:before,html[data-bs-theme=dark] .VideoComty .SketchComPage:hover:before{background-color:#fff!important;border-color:#fff!important}
html[data-bs-theme=dark] .SketchDetail .lnk .btn-dark:focus,html[data-bs-theme=dark] .SketchDetail .lnk .btn-dark:hover,html[data-bs-theme=dark] .VideoComty .lnk .btn-dark:focus,html[data-bs-theme=dark] .VideoComty .lnk .btn-dark:hover{color:#fff}
html[data-bs-theme=dark] .SketchDetail .lnk .btn-dark:focus svg path,html[data-bs-theme=dark] .SketchDetail .lnk .btn-dark:hover svg path,html[data-bs-theme=dark] .VideoComty .lnk .btn-dark:focus svg path,html[data-bs-theme=dark] .VideoComty .lnk .btn-dark:hover svg path{fill:#ffffff}
/* html[data-bs-theme=dark] .body-mustard .navbar-brand svg path{fill:#ffbd00} */
html[data-bs-theme=dark] .body-mustard .btnPremiumTop{background-color:#fff}
html[data-bs-theme=dark] .body-mustard footer .navbar-brand svg path{fill:#ffbd00}
html[data-bs-theme=dark] .body-mustard .navbar .border-bottom{border-bottom-color:#103623!important}
/* html[data-bs-theme=dark] .body-navy .navbar-brand svg path,html[data-bs-theme=dark] .body-navy footer .navbar-brand svg path{fill:#ff0028}
html[data-bs-theme=dark] .body-navy .btnPremiumTop{background:#fff}
html[data-bs-theme=dark] .body-navy{background-color:#03071a}
html[data-bs-theme=dark] .body-navy .bg-dark-1{background-color:#03071a!important;border-bottom-color:#172052!important} */
html[data-bs-theme=dark] .body-midnight .navbar-brand svg path,html[data-bs-theme=dark] .body-midnight footer .navbar-brand svg path{fill:#ffffff}
html[data-bs-theme=dark] .body-midnight .btnPremiumTop{background:#0a5bff;color:#fff}
html[data-bs-theme=dark] .body-midnight{background-color:#030a1c}
html[data-bs-theme=dark] .body-midnight .navbar.border-bottom{background-color:#030a1c!important;border-bottom-color:#0e1a37!important}
html[data-bs-theme=dark] .form-control:focus {
border-color: #2b61ff !important;
}
html[data-bs-theme=dark] .crown path, html[data-bs-theme=dark] .premium-crown path {fill: #4c4cef;}
html[data-bs-theme=dark] .prod-grid article:before{background:#000000d4}
html[data-bs-theme=dark] .btn-white:active, html[data-bs-theme=dark] .btn-white:focus, html[data-bs-theme=dark] .btn-white:hover, html[data-bs-theme=dark] .btn:focus-visible {background: #f5f5f5;border-color: #f5f5f5;color: #000;box-shadow: none!important;}
html[data-bs-theme=dark] .grid-item{background-color:#212529}
html[data-bs-theme=dark] .border-box{border:1px solid #333}
html[data-bs-theme=dark] .custom-inpgrp{}
html[data-bs-theme=dark] .btn__effect.btn-outline-secondary:focus,html[data-bs-theme=dark] .btn__effect.btn-outline-secondary:hover,html[data-bs-theme=dark] .prompt-info .btn-outline-secondary:focus,html[data-bs-theme=dark] .prompt-info .btn-outline-secondary:hover{background:#171717!important;border-color:#303030!important}
html[data-bs-theme=dark] #modal-detail .attr .border-dark{background:#171717}
html[data-bs-theme=dark] .hidden-btns .BtnGenrate{border:2px solid #0d0e12;background:#000;color:rgb(65 65 65 / 40%)}
html[data-bs-theme=dark] .form-control {background: #151617;border: 1px solid #151617;color: #f3f4f5;}
html[data-bs-theme=dark] .genrateBlank{background:#171717;border:1px solid #333}
/* html[data-bs-theme=dark] .bg-wrapper {background-color: #000;} */
html[data-bs-theme=dark] .attr .border-bottom img{filter: invert(1);}
html[data-bs-theme=dark] [data-bs-theme-value=dark]{display:none}
html[data-bs-theme=dark] .modal{--bs-modal-bg:#0f0f0f}
html[data-bs-theme=dark] .button-wrapper span.label{background:#000;color:#fff;border:1px solid #262626}
html[data-bs-theme=dark] .imgBox{background-color:#171717;border:1px solid #333}
html[data-bs-theme=dark] .UpImg input[type=text]{background:#171717!important;border-color:#333!important}
html[data-bs-theme=dark] .UpImg form button{background:#fff;color:#000;border-color:#fff}
html[data-bs-theme=dark] .UpImg form button:hover{background:#cf0;border-color:#cf0}
html[data-bs-theme=dark] .dark-border-box{border:1px solid #262626;background:#0c0c0c}
html[data-bs-theme=dark] .MostSubs .cardPrice {
border-color: #4c4cef !important;
background: #171717 !important;
}
html[data-bs-theme=dark] .myImagesUls .imgFull{border:1px solid #262626;background:#171717}
html[data-bs-theme=dark] .MostSubs .badge {
background-color: #4c4cef !important;
color: #ffffff;
border-color: #6c6cff;
}
html[data-bs-theme=dark] .card-header{border-color:#303030}
html[data-bs-theme=dark] .PriceListUls img {filter: invert(1);}
html[data-bs-theme=dark] .box-bg {
--dot-bg: #0c0c0c;
--dot-color: #0c0c0c;
--dot-size: 1px;
--dot-space: 20px;
background: linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
var(--dot-color);
}
html[data-bs-theme=dark] .dropzone-wrapper{background-color:#171717;border:1px solid #333}
html[data-bs-theme=dark] .dropzone-wrapper:hover {
background-color: #00081f;
}
html[data-bs-theme=dark] .form-control:hover {
border-color: #000f3d;
}
html[data-bs-theme=dark] #modal-detail .BtnGenrate{background:#fff}
html[data-bs-theme=dark] #modal-detail .BtnGenrate span{color:#000}
html[data-bs-theme=dark] .modal-backdrop{--bs-backdrop-bg: rgba(0,0,0,0.8);opacity: 1;}
html[data-bs-theme=dark] body{background-color:#0d0e12;color:#ebecef!important}
html[data-bs-theme=dark] .bg-dark-1{background-color:#0d0e12!important}
html[data-bs-theme=dark] .bg-dark-light{background-color:transparent!important}
html[data-bs-theme=dark] .bg-light{background-color:#fff!important}
html[data-bs-theme=dark] .bg-dark{background-color:transparent!important}
html[data-bs-theme=dark] .border-bottom{border-bottom-color:#2b2b2b!important}
html[data-bs-theme=dark] .body-height{background-color:#0d0e12}
html[data-bs-theme=dark] .body-height:after,html[data-bs-theme=dark] .body-height:before{border-color:#222}
html[data-bs-theme=dark] .manageSearch .form-control {background-color: #1e1f25; color: #fff;}
html[data-bs-theme=dark] .manageSearch .form-control:focus{box-shadow:none}
html[data-bs-theme=dark] .manageSearch .form-control::-webkit-input-placeholder{color:#fff}
html[data-bs-theme=dark] .manageSearch .form-control:-ms-input-placeholder{color:#fff}
html[data-bs-theme=dark] .manageSearch .form-control::placeholder{color:#fff}
html[data-bs-theme=dark] .topBar li a{color:#ebecef}
html[data-bs-theme=dark] .topBar li a.active {border-color:rgb(108, 108, 255); background-color: #4c4cef;}
/* html[data-bs-theme=dark] .topBar li a:focus,html[data-bs-theme=dark] .topBar li a:hover, html[data-bs-theme=dark] .topBar li a:active{border-color:#1e1f25; background-color: #1e1f25;} */
html[data-bs-theme=dark] .secondBar .nav-link svg:hover circle,html[data-bs-theme=dark] .secondBar .nav-link svg:hover path{fill:#ffffff}
html[data-bs-theme=dark] .secondBar .nav-link .upvoted:hover path.iner{fill:#0d0e12!important}
html[data-bs-theme=dark] .bookmarkicon{fill:#31303c}
html[data-bs-theme=dark] .bookmarkicon:hover{fill:#1c1e22}
html[data-bs-theme=dark] .navbar-nav .nav-link {color: #ebecef;}
html[data-bs-theme=dark] .navbar-nav .nav-link:hover{color:#fff}
html[data-bs-theme=dark] .navbar-nav .nav-link svg path{transition:all .15s ease-in-out}
html[data-bs-theme=dark] .navbar-nav .nav-link:hover .bookmarkicon{fill:#ff6961}
html[data-bs-theme=dark] .navbar-nav .nav-link:hover .copyIcon path{fill:#ccff00}
html[data-bs-theme=dark] .BadgeTags li a {color: #dfdfdf; background-color: #1e1f25;}
html[data-bs-theme=dark] .iheart-svg{fill:#b92a24}
html[data-bs-theme=dark] .text-bg-secondary{background-color:#000!important;box-shadow:0 0 0 1px #16181a;color:#fff!important}
html[data-bs-theme=dark] .text-bg-secondary:active,html[data-bs-theme=dark] .text-bg-secondary:focus,html[data-bs-theme=dark] .text-bg-secondary:hover{box-shadow:0 0 0 2px #7575f9;color:#fff}
html[data-bs-theme=dark] .modalContent{background-color:#0f0f0f;background:linear-gradient(#0f0f0f,#0f0f0f) padding-box,linear-gradient(to right,#cf0,#cf0) border-box}
html[data-bs-theme=dark] .modalReachOver{background-color:rgba(0,0,0,.7)}
html[data-bs-theme=dark] .midLog{filter:invert(1) contrast(10000%)}
.active .icon-svg.icon-svg--color-blue path,.active .icon-svg.icon-svg--color-red path{fill:#ccff00}
html[data-bs-theme=dark] .AllCategoryLink{background-color:#303030;color:#fff}
html[data-bs-theme=dark] .btnPremiumTop{background-color:#cf0;color:#000}
html[data-bs-theme=dark] .btnPremiumTop img{filter:inherit}
html[data-bs-theme=dark] .card-list .card-body {background: #000;background: linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,0) 100%);color: #fff!important;}
html[data-bs-theme=dark] .SideBarLeft{background-color:#080808;border-color:#080808}
html[data-bs-theme=dark] .navbar-toggler svg{fill:#fff}
html[data-bs-theme=dark] .ModalClose svg{fill:#fff}
html[data-bs-theme=dark] .offcanvas-header .btn-close{filter:invert(1)}
html[data-bs-theme=dark] .positionSticky{background:#020304}
html[data-bs-theme=dark] .SearchIconMobile svg{stroke:#727273;fill:#020304!important}
html[data-bs-theme=dark] .offcanvas-header .nav-link{color:#727273}
html[data-bs-theme=dark] .dropdown-menu {
background: #0d0e12;
border: 1px solid #292929;
}
html[data-bs-theme=dark] .dropdown-item:focus, html[data-bs-theme=dark] .dropdown-item:hover {color: #fff;background-color: #1e1f25;}
html[data-bs-theme=dark] .stripeim{filter:invert(100000) grayscale(10000%) brightness(1)}
html[data-bs-theme=dark] .contact-form label{color:#fff}
html[data-bs-theme=dark] .paginations .rounded-md span>span,html[data-bs-theme=dark] .paginations a{color:#fff;background-color:#000!important}
html[data-bs-theme=dark] .paginations .rounded-md span span:hover,html[data-bs-theme=dark] .paginations .rounded-md span[aria-current=page] span,html[data-bs-theme=dark] .paginations a:hover{background-color:#cf0!important;color:#000!important}
html[data-bs-theme=dark] .modal200Limit{background-color:rgb(0 0 0 / 90%)}
html[data-bs-theme=dark] .font-mona-wide{color:#fff}
html[data-bs-theme=dark] .text-gray{color:#fff}
html[data-bs-theme=dark] .text-dark{color:#fff!important}
html[data-bs-theme=dark] .LimitUl li{color:#fff}
html[data-bs-theme=dark] .borderGradient{border:2px solid #2b2b2b;box-shadow:none;background:0 0;color:#a0a0a0}
html[data-bs-theme=dark] .PremiumPro:before{content:"";background-image:url(../images/text-image.png);background-repeat:no-repeat;background-size:contain;opacity:1;position:absolute;left:0;right:0;top:0;width:100%;height:100%;z-index:-1}
html[data-bs-theme=dark] .borderRadius{box-shadow:1.389px 7.878px 13px 0 rgb(36 33 72)}
html[data-bs-theme=dark] .PremiumPro .buttons{background-color:#0d0c22}
html[data-bs-theme=dark] .HeartIco{background-color:#0d0c22}
html[data-bs-theme=dark] .contact-form .form-control{color:#fff}
html[data-bs-theme=dark] .form-check-input{border-color:#6b6b6b;background:#171717}
html[data-bs-theme=dark] .form-check-input:checked {
background-color: #ffffff !important;
border-color: #6b6b6b !important;
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e") !important;
}
html[data-bs-theme=dark] .cardPrice{background-color:#171717;border-color:#303030}
html[data-bs-theme=dark] .PriceListUls h6{color:#fff}
html[data-bs-theme=dark] .pricing-checkbox{border-color:#303030;background-color:#171717}
html[data-bs-theme=dark] .annual{background:#000;border:1px solid #303030}
html[data-bs-theme=dark] .imageGroup .btn{color:#6a6a6a!important}
html[data-bs-theme=dark] .ListPopular li img{background:#212529}
html[data-bs-theme=dark] .add-prompt{background-image:linear-gradient(#161616 1px,transparent 1px),linear-gradient(to right,#161616 1px,#0d0e12 1px)}
[data-bs-theme=dark] .user-pages .form-select{background-color:#000;border-color:#303030}
html[data-bs-theme=dark] .custom-inpgrp{background: #232424;box-shadow: 0 0 0 1px rgba(80, 82, 88, .64);}
html[data-bs-theme=dark] .generate-form-control .dropdown-menu{background-color:#171717;border:1px solid #262626}
html[data-bs-theme=dark] #genratedImages .logo{filter:invert(97%) sepia(0%) saturate(0%) hue-rotate(274deg) brightness(99%) contrast(95%)}
html[data-bs-theme=dark] .custom-inpgrp .dropdown-menu .bg-grp{background:#222;border:1px solid #333}
html[data-bs-theme=dark] .custom-inpgrp .dropdown-menu .bg-grp select{background-color:#101010;border-color:#3a3a3a}
html[data-bs-theme=dark] .ViewAll{background-color:#171717;border-left:1px solid #262626;border-bottom:1px solid #262626}
html[data-bs-theme=dark] .ImageEditing .card{border:1px solid #272727;background:#000}
html[data-bs-theme=dark] .ImageEditing .card .card-body{background:#191919!important}
html[data-bs-theme=dark] .HomePage{background-color:#0d0e12}
html[data-bs-theme=dark] .HomePage .parnt{background:#0d0e12}
html[data-bs-theme=dark] .imageGroup img{filter:brightness(1000%)}
html[data-bs-theme=dark] .btn-check:checked+.btn{background-color: #505258!important;}
html[data-bs-theme=dark] .my-images {color: #adadad;}
html[data-bs-theme=dark] .generate-form-control #prompt::-webkit-input-placeholder{color:#7b7b7b}
html[data-bs-theme=dark] .generate-form-control #prompt::-moz-placeholder{color:#7b7b7b}
html[data-bs-theme=dark] .generate-form-control #prompt:-ms-input-placeholder{color:#7b7b7b}
html[data-bs-theme=dark] .generate-form-control #prompt:-moz-placeholder{color:#7b7b7b}
html[data-bs-theme=dark] .generate-form-control #prompt::placeholder{color:#7b7b7b}
html[data-bs-theme=dark] .gen-radio .form-check-label{background:#171717}
html[data-bs-theme=dark] .gen-radio .btn-check:checked+.form-check-label {border-color: #fff; color: #fff;}
html[data-bs-theme=dark] .gen-radio .btn-check:checked+.form-check-label .badge-secondary{color:#6d6d5f}
html[data-bs-theme=dark] .gen-radio .btn-check:disabled+label .badge{color:#6d6d5f}
html[data-bs-theme=dark] .generate-form-control .wrapper-dropdown,
html[data-bs-theme=dark] .CustDrop [data-bs-toggle="popover"]{
border: 1px solid rgba(80, 82, 88, .63922);background-color: #171717;
}
html[data-bs-theme=dark] input[type=range]::-webkit-slider-thumb{background-color:rgb(204 255 0)}
html[data-bs-theme=dark] .offcanvas-footer{border-top-color:#303030}
html[data-bs-theme=dark] .BigMenus {border: 1px solid #4c4cef;}
html[data-bs-theme=dark] .BigMenu-Body {color: #e3e4e7; background-color: #1b1b2d; border: 0;}
html[data-bs-theme=dark] .BigMenus:hover .BigMenu-Body {background-color: #101025;}
html[data-bs-theme=dark] .text-grey { color: #c5c5c7;}
html[data-bs-theme=dark] .BtnGenrate {background-color: #292c32;color: #ffffff;border-color: rgb(41 44 50);}
html[data-bs-theme=dark] .BtnGenrate:hover,
html[data-bs-theme=dark] .BtnGenrate:active,
html[data-bs-theme=dark] .BtnGenrate:focus{
background-color: #1f2228;
color: #ffffff;
border-color:rgb(41 44 50);
}
html[data-bs-theme=dark] .dropdown-menu .dropdown-item {color: #ebecef;}
html[data-bs-theme=dark] .dropdown-menu .dropdown-item img {filter: invert(1);}
html[data-bs-theme=dark] .dropdownButton .dropdown-menu .dropdown-item img {filter: inherit;}
html[data-bs-theme=dark] .HomeBar li a {border-color: rgb(57, 58, 68);color: #ebecef;}
html[data-bs-theme=dark] .HomeBar li a:hover,
html[data-bs-theme=dark] .HomeBar li a:active,
html[data-bs-theme=dark] .HomeBar li a:focus {border-color: rgb(57, 58, 68); color: #ebecef; background-color: rgb(57, 58, 68);}
html[data-bs-theme=dark] .text-gradient {color: #c5c5c7;}
html[data-bs-theme=dark] .manageSearch .btn-search svg path {fill: #ffffff;}
html[data-bs-theme=dark] .googleBtn {border-color: rgb(57, 58, 68);color: #ebecef;background-color: transparent;}
html[data-bs-theme=dark] .googleBtn:hover, html[data-bs-theme=dark] .googleBtn:focus, html[data-bs-theme=dark] .googleBtn:active {background-color: #1e1f25;}
html[data-bs-theme=dark] .ListPopular a {color: #ebecef;}
html[data-bs-theme=dark] .ListPopular a:hover img {border-color: rgb(57, 58, 68);}
html[data-bs-theme=dark] .ListPopular .slick-arrow {background-color: #c7c7c7;filter: invert(1) grayscale(1000%) brightness(100%);}
html[data-bs-theme=dark] .btn-gradient{background-color:#4c4cef!important;color:#fff!important}
html[data-bs-theme=dark] .btn-gradient:hover, html[data-bs-theme=dark] .btn-gradient:active, html[data-bs-theme=dark] .btn-gradient:focus{background-color:#4040dd!important;color:#fff!important}
html[data-bs-theme=dark] .loader-1 span::after{background:linear-gradient(#4c4cef,#4c4cef) padding-box,linear-gradient(to right,#fff,#fff) border-box}
/* html[data-bs-theme=dark] .btn-primary img{filter: invert(1);} */
html[data-bs-theme=dark] .neon {color: #4c4cef;}
html[data-bs-theme=dark] .heart.inactive .favorite--not, html[data-bs-theme=dark] .postLink img, html[data-bs-theme=dark] .favorite-button .favorite--not, html[data-bs-theme=dark] .favorite-button.favTops img{filter: invert(1) brightness(1);}
html[data-bs-theme=dark] #imageurl .qual, html[data-bs-theme=dark] #DetailSliderNav .slick-slide .qual {background: #4c4cef;color: #fff;}
html[data-bs-theme=dark] .DetailSlider .slick-slide.slick-current .thumbSlid {border-color: #fff;}
html[data-bs-theme=dark] .slider-for .slick-arrow {filter: invert(1);}
html[data-bs-theme=dark] .card-body {background-color: #1e1f25;}
html[data-bs-theme=dark] .heart, html[data-bs-theme=dark] .bookmark, html[data-bs-theme=dark] .favorite-button {background-color: rgba(13,14,14,.63922);}
html[data-bs-theme=dark] .cardDetails .heart, html[data-bs-theme=dark] .cardDetails .bookmark{background-color: transparent;}
html[data-bs-theme=dark] .border-dark {border-color: rgb(41 44 50) !important;}
html[data-bs-theme=dark] .SimilarPrompts .slick-arrow {filter: invert(1);}
html[data-bs-theme=dark] .SketchVideo {border-color: #1b1b2d;}
html[data-bs-theme=dark] .howIt {background-color: #1b1b2d;}
html[data-bs-theme=dark] .card-Xl {background-color: #1b1b2d;}
html[data-bs-theme=dark] .bg-sketch-dark {background-color: #000000;}
html[data-bs-theme=dark] .accordionSketch .accordion-body {color: #c5c5c7;}
html[data-bs-theme=dark] .accordionSketch .accordion-button {color: #c5c5c7;}
html[data-bs-theme=dark] .accordionSketch .accordion-button::before {filter: invert(1);}
html[data-bs-theme=dark] .offcanvas.SideMenu {background-color: #0d0e12 !important;box-shadow: 0 0 0 1px rgba(80, 82, 88, .64);}
html[data-bs-theme=dark] #SecondHead .offcanvas.SideMenu {
background-color: #232424 !important;
}
html[data-bs-theme=dark] .form-range[type="range"] {background-image: linear-gradient(#8d919d, #8d919d);}
html[data-bs-theme=dark] .form-range[type="range"]::-webkit-slider-thumb {background: #8d919d;border-color:#171717; }
html[data-bs-theme=dark] .text-neon {color: #4c4cef;}
/* html[data-bs-theme=dark] .Premiumpage .tabs .tabs--list li.moving-tab { background: #4c4cef;border-color: #6c6cff;} */
html[data-bs-theme=dark] .Premiumpage .tabs .tabs--list li a.actived{color: #fff;}
html[data-bs-theme=dark] .glow {background-color: #4c4cef;color: #fff;}
html[data-bs-theme=dark] .btn-outline-primary { --bs-btn-color: #e5e5e5;}
html[data-bs-theme=dark] .unsubscribe-form .form-check-input:checked { background-color: #fbfbfb; border-color: #e9e9e9;}
html[data-bs-theme=dark] .switch label {background: #393939;}
html[data-bs-theme=dark] .switch input:checked+label:after {background: #2b61ff;}
html[data-bs-theme=dark] .Contentpages p a, html[data-bs-theme=dark] .Contentpages li a {
color: #ffffff;
}
html[data-bs-theme=dark] .bgLight {background-color: #1d2028;}
html[data-bs-theme=dark] .bgLight2 {background-color: #1d2028;}
html[data-bs-theme=dark] .featuredOn:before{background-color: #0d0e12; box-shadow: 12px 0px 33px 36px rgb(13 14 18);}
html[data-bs-theme=dark] .featuredOn:after {background-color: #0d0e12;box-shadow: -8px 0px 33px 36px rgb(13 14 18);}
html[data-bs-theme=dark] .featuredOn{
background-image: url(../images/split/featured-white.png);
}
html[data-bs-theme=dark] .footerText a, html[data-bs-theme=dark] .footerlinks a {
color: #ffffff;}
/* html[data-bs-theme=dark] .favorite-button {color: #fff;background-color: #292c32;}
html[data-bs-theme=dark] .favorite--not {filter: invert(1);}
html[data-bs-theme=dark] .favorite-button.is-favorite { background-color: rgba(255,255,255,1);} */
/*05-05-2025*/
html[data-bs-theme=dark] .sfx-category-ul li a {
color: #c5c5c7;
}
html[data-bs-theme=dark] .sfx-category-ul li:hover a {
color: #ebecef;
}
html[data-bs-theme=dark] .audio-card {
border-bottom-color: #24252a;
}
html[data-bs-theme=dark] .BtnGenrate svg path {
fill: #ffffff;
}
html[data-bs-theme=dark] .SFX .audio-card.active {
background: #1c1c1c;
}
html[data-bs-theme=dark] .song-title h6, html[data-bs-theme=dark] .JustAdd .card-body .title, html[data-bs-theme=dark] .TrendNow .card-body .title {
color: #ebecef;
}
html[data-bs-theme=dark] .variations .audio-info h6 {
color: #7a7e80;
}
html[data-bs-theme=dark] .play-music {
border-color: #2b2b2b;
background: #0d0e12;
}
html[data-bs-theme=dark] .SFX-Detail .audio-card:hover {
background: #1f2025;
}
html[data-bs-theme=dark] .SFXCreate {
background: #101116;
}
html[data-bs-theme=dark] .SFXCreate .border-1 {
border-color: #393a44 !important;
}
html[data-bs-theme=dark] .SFXCreate .card {
background: #1e1f25;
}
html[data-bs-theme=dark] .SFXCreate .card .list-group-item:hover {
background: #2c2e37;
}
html[data-bs-theme=dark] .SFXCreate .card .list-group-item span {
color: #bcb9bc;
}
html[data-bs-theme=dark] .SFXCreate .btn-group .btn {
background-color: #292c32;
}
html[data-bs-theme=dark] .JustAdd .card,
html[data-bs-theme=dark] .TrendNow .card {
background: transparent;
}
html[data-bs-theme=dark] .divide .lft .accordion-body li:hover,
html[data-bs-theme=dark] .divide .lft .accordion-body li:hover a {
color: #ebecef;
}
html[data-bs-theme=dark] .accordion-item {
background: transparent;
}
html[data-bs-theme=dark] .divide .lft .accordion-button {
color: #c5c5c7 !important;
}
html[data-bs-theme=dark] .lyrics {
color: #c5c5c7;
}
html[data-bs-theme=dark] .RoundBox h5 {
color: #c5c5c7;
}
html[data-bs-theme=dark] .RoundBox:hover h5 {
color: #ffffff;
}
html[data-bs-theme=dark] .RoundBox p {
color: #636363;
}
html[data-bs-theme=dark] .border-right,
html[data-bs-theme=dark] .border-top{
border-color: #252526 !important;
}
html[data-bs-theme=dark] .sort-by a {color: #d3d3d3 !important;}
html[data-bs-theme=dark] .sort-by a.active,
html[data-bs-theme=dark] .sort-by a:hover,
html[data-bs-theme=dark] .sort-by a:focus,
html[data-bs-theme=dark] .sort-by a:active{color: #0d6efd !important;}
html[data-bs-theme=dark] .card-content p{color:#c3c2c2 !important;}
html[data-bs-theme=dark] .magento-title-section p {color: #c3c2c2 !important;}
html[data-bs-theme=dark] .list-check li {
background-image: url("../images/check-w.svg");
}
/*responsive*/
@media (min-width: 768px){
html[data-bs-theme=dark] .nav-link .toolTips,
html[data-bs-theme=dark] .btnAvtar .toolTips,
html[data-bs-theme=dark] .btnRadius .toolTips {background: #1e1f25;border-color: rgb(57, 58, 68);}
}
@media (min-width:576px){
.attr.row-cols-md-2>*{width:calc(50% - .5rem);width:-webkit-calc(50% - .5rem);width:-moz-calc(50% - .5rem)}
.VideoBanner .main-wrapper{top:30%}
}
@media (min-width:576px) and (max-width:767.98px){
.SketchWork figcaption{font-size:15px!important}
}
@media (min-width:768px) and (max-width:991.98px){
.prem-btns{flex-direction:row!important}
.prem-btns .BtnGenrate{width:50%!important}
.transmit figure.main-a:not(.ai-up-img .transmit figure.main-a){width:60%}
.pro-photo .transmit figure.main-d{bottom:-26%}
footer p small{font-size:14px}
.old figure{flex:0 0 20%}
.VideoText h2{font-size:28px}
.pro-photo .transmit figure.main-a{padding:30px 30px 13px 17px}
.MobNav ul{padding:0 2rem}
}
@media (min-width:992px) and (max-width:1199.98px){
.prem-btns{flex-direction:column}
.prem-btns .BtnGenrate{width:100%}
.VideoText h2{font-size:40px}
.VideoBanner h1{font-size:50px}
.VideoComty:before{filter:blur(80px);top:7vw}
.VideoComty:after{filter:blur(80px);top:13vw}
.DetailSlider .slider-nav .slick-track{gap:0 3px}
}
@media (min-width:1200px) and (max-width:1399.98px){
.VideoText h2{margin-left:20px!important}
.VideoText h2{font-size:36px!important}
header .navbar-nav a{font-size:14px!important}
}
@media (min-width:1399px) and (max-width:1500px){
.card-list p{-webkit-line-clamp:2}
.card-abs .card-text-title.text-truncate{-webkit-line-clamp:1}
}
@media (min-width:768px){
.StartCreate{width:max-content;margin:50px auto 0}
.VideoBanner .btn,.btn.btn-white:not(.cardPrice .btn-white){padding:11px 90px}
.awardsExpo .caption{height:100%}
.VidTxt{height:100%}
.SketchWork .inr figure{z-index:1;position:relative}
.SketchWork .mid{position:relative;z-index:0}
html[data-bs-theme=light] .SketchWork .mid:after,html[data-bs-theme=light] .SketchWork .mid:before{border:2px dashed #2b61ff;border-color:#2b61ff #ffffff00 #ffffff00 #ffffff00}
html[data-bs-theme=dark] .SketchWork .mid:after,html[data-bs-theme=dark] .SketchWork .mid:before{border:2px dashed #39ff8d;border-color:#39ff8d #ffffff00 #ffffff00 #ffffff00}
.SketchWork .mid:after,.SketchWork .mid:before{content:"";position:absolute;width:16vw;height:7vw;left:-9vw;top:2vw;z-index:-1;border-radius:100%/100% 100% 0 0;transform:rotate(180deg)}
.SketchWork .mid:after{left:auto;right:-9vw;top:7vw;transform:none}
.myAi:after,.myVideo:after,.sketches:after{max-width:calc(100% - 6rem)}
.card-abs{position:absolute;left:0;right:0;bottom:0}
.min450{min-width:400px;max-width:400px;flex:0 0 400px}
.positionSticky{position:sticky;top:80.64px;z-index:111;background-color:#fff;padding-top:10px;padding-bottom:10px}
.DetailSlider{display:flex}
.DetailSlider .slider-nav{width:100%;max-width:450px;order:1}
.DetailSlider .slider-for{width:100%;max-width:100%;flex:0 0 100%;order:2}
.bestrated .card-abs{transform:translateY(10px);left:0;right:0;bottom:0;top:auto}
.stickyHeader .navbar{padding-top:5px;padding-bottom:5px}
.stickyHeader .secondBar{padding-top:15px;padding-bottom:15px}
.scrollVisible{display:none!important}
.stickyHeader .scrollVisible{display:flex!important}
.stickyHeader .scrollHide{display:none!important}
.attr.row-cols-md-3>*{width:calc(33.3333333333% - .5rem);width:-webkit-calc(33.3333333333% - .5rem);width:-moz-calc(33.3333333333% - .5rem)}
.logPage{height:calc(100vh - 70px - 117px - 66px);height:-webkit-calc(100vh - 70px - 117px - 66px);height:-moz-calc(100vh - 70px - 117px - 66px)}
}
@media (min-width:992px){
footer,main,main.main-wrapper{margin-left:220px}
.offcanvas.admin{position:fixed;height:100%;left:0;transform:translateX(0)!important;top:80px;visibility:visible!important;width:310px!important}
.offcanvas.SideMenu{position:fixed;height:100%;left:0;transform:translateX(0)!important;top:0;visibility:visible!important;width:220px!important;z-index:3}
.col-lg-50{
flex: 0 0 auto;
width: 700px;
}
html[data-bs-theme=dark] .dropdown-toggle-split+.dropdown-menu.submenu li a:not(li:last-child a){border-right:1px solid #2b2b2b;border-bottom:0}
/* html[data-bs-theme=dark] .body-navy .dropdown-toggle-split+.dropdown-menu.submenu li a:not(li:last-child a){border-right-color:#172052} */
html[data-bs-theme=light] .dropdown-toggle-split+.dropdown-menu.submenu li a:not(li:last-child a){border-right:1px solid #d9d9d9;border-bottom:0}
.awards{margin-bottom:100px}
.ai-banner img{height:60vw}
.VideoText .mid .ratio-16x9{--bs-aspect-ratio:46.6%}
.VideoText .small .ratio-16x9{--bs-aspect-ratio:56.25%}
.SketchCustom .slick-slide{margin-left:25px;margin-right:25px}
.SketchCustom .slick-list{margin-left:-25px;margin-right:-25px}
.SketchRvw{margin-top:150px;margin-bottom:140px}
.navbar-nav .submenu.show{display:flex}
.myVideo{padding-bottom:100px}
.VideoText h2{margin-left:-20px}
.prem-btns .BtnGenrate{width:50%}
.ViewAll{position:fixed;overflow-y:auto;right:0}
.bestrated a.test-popup-link{padding-top:75%}
.row-minus{margin-right:calc(-.2 * var(--bs-gutter-x));margin-left:calc(-.2 * var(--bs-gutter-x))}
.row-minus>*{padding-right:calc(var(--bs-gutter-x) * .2);padding-left:calc(var(--bs-gutter-x) * .2)}
.sidebar .dropdown-menu{display:block!important;opacity:0;visibility:hidden;transform:translateX(0)!important}
.sidebar .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(0)!important}
.modal-lg{--bs-modal-width:790px}
.min450{min-width: 400px;max-width: 400px;flex: 0 0 400px;}
.sticky-md-auto{position:inherit}
.stickyLogo{display:none}
.sticky-logo .stickyLogo{display:inline-block}
.sticky-logo .stickyNav{display:none}
.sticky-logo .topBar.flex-1{opacity:0}
.sticky-logo .StickyView{display:block}
.sticky-logo .StickyView1{display:none!important}
.sticky-logo .manageSearch .form-control{padding-top:8px;padding-bottom:8px}
.old figure{flex:0 0 33.3%}
.ImageEditing .h2-xl{font-size:35px}
.ai-banner article{position:absolute;top:0;bottom:0;left:0;right:0;padding-top:13%}
}
@media (min-width:1025px){
.rendered:hover svg text{opacity:1}
.rendered:focus svg text{opacity:0}
.prod-grid figure:hover article:before{transform:translateY(0);opacity:1}
.VideoEngine h3{font-size:38px}
.SketchDetail .border-bottom,.VideoComty .border-bottom{padding-bottom:150px}
}
@media (min-width:1200px){
.interior p{font-size:18px}
.VideoText h2{font-size:46px}
.VideoText h2{margin-left:-100px}
.flex-md-1{flex:1}
.pe-md-50{padding-right:100px!important}
.pe-xl-6{padding-right:100px!important}
.pe-lg-6{padding-right:100px}
.modal200Limit .modalContent{height:590px}
.ai-upload{margin-top:-100px}
.main-wrapper{padding:0 20px}
.ps-lg-100 {
padding-left: 100px !important;
}
}
@media (min-width:1400px){
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1370px}
.pe-6{padding-right:100px!important}
.SketchCustom .slick-slide{margin-left:50px;margin-right:50px}
.SketchCustom .slick-list{margin-left:-50px;margin-right:-50px}
.myVideo{padding-bottom:200px}
}
@media (min-width:1600px){
.VideoComty .lnk a{font-size:20px}
.award-list.column-gap-5{-moz-column-gap:5rem!important;column-gap:5rem!important}
.free{right:-24px}
}
@media (max-width:1630px){
.premiumH2{font-size:34px}
.prem-btns .BtnGenrate span{font-size:16px}
}
@media (max-width:1540px){
.premiumH2{font-size:28px}
.prem-btns .BtnGenrate span{font-size:14px}
}
@media (max-width:1530px){
.mainInner{margin:auto}
.transform .font-44{font-size:35px}
.VidTxt .ylw-grad{font-size:28px}
.manageSearch-end{
width: 300px;
}
}
@media (max-width:1440px){
.navbar .navbar-brand{margin-right:10px}
.lnk{flex-wrap:wrap}
.SketchWork .inr{padding:0 3vw}
S.ketchWork figcaption{font-size:30px}
.SketchWork figcaption{font-size:30px}
.ChooseModel .pc{height:70px}
.cardDetails {
padding: 20px 20px;
}
}
@media (max-width:1399.98px){
.prem-btns{flex-direction:column}
.prem-btns .BtnGenrate{width:100%}
.free{right:-24px}
}
@media (max-width:1199px){
.grid-blocks{width:100%;gap:8px;flex-wrap:wrap}
.sketchGen .grid-blocks-items{max-width:calc(33.3333% - 4px)}
.SketchComm .grid-blocks-items{max-width:calc(33.33% - 20px)}
.transform .font-44{font-size:27px}
.ai-process article h4{font-size:34px}
.ai-process article h5{font-size:18px}
.modal200Limit .modalContent{height:500px}
.card-text-title{font-size:15px;line-height:normal}
.bestrated.card-list p{font-size:15px}
.card-list p{-webkit-line-clamp:2;font-size:14px}
.card-abs .card-text-title.text-truncate{-webkit-line-clamp:1}
.main-wrapper{padding:0 15px}
.card-abs .card-body{padding:15px!important}
.bookmark,.heart{width:35px;height:35px}
.bookmark .favorite__icon,.favorite-button .favorite__icon,.heart .favorite__icon{height:15px;width:15px}
}
@media (max-width:1024px){
.ai-banner br{display:none}
.ListPopular{white-space:nowrap;overflow-x:auto;padding:0}
.ListPopular li{padding:10px 15px;width:100%;max-width:110px;flex:0 0 110px}
.ListPopular li img{width:80px;height:80px}
.btn.btn-filtes{padding:10px 10px}
.SketchDetail .border-bottom,.VideoComty .border-bottom{padding-bottom:100px}
}
@media (max-width:991px){
.MobNav .nav-item:before{content:"";position:absolute;width:100%;height:2px;border-radius:4px;background-color:#cf0;bottom:0;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}
.MobNav .nav-item.active:before{transform-origin:left;transform:scaleX(1)}
.avx{columns:3}
.MobNav ul{white-space:nowrap;overflow-x:auto;margin:0 -15px}
.MobNav ul li{max-width:100%;margin-left:15px!important;margin-right:15px!important}
header .nav-item.dropdown:hover>.dropdown-menu{flex-direction:column}
.awards{margin-bottom:80px}
.myVideo .ratio.ratio-16x9{--bs-aspect-ratio:75%}
.SketchWork figcaption{font-size:20px}
.SketchRvw{margin-top:80px;margin-bottom:40px}
.VideoComty:before{filter:blur(70px);top:9vw;width:50vw;height:18vw}
.VideoComty:after{filter:blur(70px);top:19vw;width:50vw;height:18vw}
.VideoComty .grid-blocks-items{max-width:calc(50% - 2px);flex:0 0 50%}
.grid-blocks .grid-blocks-items:nth-child(2) .grid-item:first-child .VideOut video{border-top-right-radius: 15px;}
.grid-blocks .grid-blocks-items:nth-child(2) .grid-item:first-child .link-wrapper{border-top-right-radius: 15px;}
.grid-blocks .grid-blocks-items:nth-child(2) .grid-item:last-child .VideOut video{border-bottom-right-radius: 15px;}
.grid-blocks .grid-blocks-items:nth-child(2) .grid-item:last-child .link-wrapper{border-bottom-right-radius: 15px;}
.VideoComty .grid-blocks-items{gap:2px}
.secondBar{padding-left:40px;padding-right:40px;margin-top:-1px;padding-top:20px}
.navbar-nav .dropdown-menu .dropdown-item {flex-direction: row;align-items: center;font-size: .875rem;padding: 6px 2px;min-width: 141px;}
.navbar-nav .dropdown-menu .dropdown-item span{margin-bottom:0;margin-right:6px}
.dropdown-menu li .icon {width: 15px;height: 15px;}
.navbar-nav .dropdown-menu .dropdown-item svg{width:19px}
.navbar-nav .dropdown-menu li a:not(li:last-child a){border-bottom:1px solid #2b2b2b}
.myVideo{padding-bottom:80px}
.VideoBanner h1{font-size:40px}
.VideoText h2{font-size:30px}
.pro-photo .transmit figure.main-a:after{filter:blur(35px);opacity:1;width:120%;height:120%;top:-4%;left:-20%}
.ai-learns svg{width:180px;height:180px}
.myAi{padding-bottom:100px}
.comt-main h5{width:100%}
.navbar-nav .nav-link{font-size:14px}
.modalContent{max-width:700px}
.navbarThird .navbar-collapse{position:absolute;background:#fff;z-index:1;top:100%}
.AI-tools-menu li{width:100%}
.AI-tools-menu li a{padding:14px 15px;border-right:0;border-bottom:1px solid #eaeaea}
.topBar .nav-item{width:100%}
.SearchIconMobile .close{display:none}
.SearchIconMobile.openClose .close{display:block}
.SearchIconMobile.openClose .search{display:none}
.TopLeft{left:0}
.BottomRight{right:0}
.modal-content.modalContent{margin-left:0;margin-right:0}
.width-130{width:100%}
.h1-xl{font-size:46px}
.gallery .gallery-item{max-width:25%;flex:0 0 25%}
.ViewAll{max-height:500px;overflow-y:auto}
/* .test-popup-link{padding-top:70%} */
.BtnGenrate{font-size:15px}
.bestrated .madewith-txt img{width:35px;height:35px}
.card-abs .btm-info{margin-top:20px}
.grid-item .context h3{font-size:12px}
.SideBarLeft .dropdown-menu a.dropdown-item{font-size:13px;padding:10px 15px 10px}
.ai-heading h3{font-size:18px;line-height:1.3}
.ai-heading .h1-xxl{font-size:32px}
.ai-process article h4{font-size:30px}
.ai-process article h5{font-size:18px}
html[data-bs-theme=light] .ai-banner h1{background:linear-gradient(5112deg,#f2c94c -59%,#ff5a5e -20%,#8f6fdb 75%,#61a6f2 124%);background-clip:text;-webkit-text-fill-color:transparent}
html[data-bs-theme=light] .ai-banner .btn-white{background:#000;border-color:#000;color:#fff}
.pop{padding:15px 15px;font-size:12px}
.ChooseModel .cardPrice .card-header{padding:30px 30px}
.ChooseModel .pc{max-width:250px;margin:auto}
.bigBox-bg{background-size:33.3% 40vh}
.bigBox-bg:before{width:100%;height:30%;background-size:50vh 32%}
html[data-bs-theme=light] .MobNav .nav-item:before{background-color:#2b61ff}
.Navlogo{min-width:inherit}
.navbar-brand svg{width:60px}
}
@media (max-width:767px){
.offcanvas.SideMenu{width:220px}
.PrompIdea .Heading .BtnGenrate{width:100%;justify-content:center;margin-top:10px}
.myAi{padding-bottom:70px}
.bestrated .list-unstyled .btn-outline-secondary{padding:8px}
.bestrated .list-unstyled{gap:0 15px}
.VideoBanner .btn,.btn.btn-white:not(.cardPrice .btn-white){padding:14px 14px;font-size:14px}
.googleBtn{padding:10px 10px}
.googleBtn .font-18{font-size:14px}
.prem-btns{flex-direction:column}
.prem-btns .BtnGenrate{width:100%}
.writeProm{margin-bottom:50px}
.Mypages h4{font-size:20px}
.awards{margin-bottom:50px}
.h1-xxl{font-size:33px}
.AwardInterview p{font-size:19px}
.grid-blocks {
width: 100%;
gap: 2px;
flex-wrap: wrap;
}
.SketchComm .grid-blocks-items {
max-width: calc(50% - 2px);
flex: 0 0 50%;
gap: 2px;
}
.SketchWork .inr.lst .ratio{max-width:360px;margin:auto}
.SketchDetail .border-bottom,.VideoComty .border-bottom{padding-bottom:50px}
.VideoComty:before{filter:blur(50px);top:7vw}
.VideoComty:after{filter:blur(50px);top:14vw}
.VideoComty a{font-size:14px;line-height:1.1}
.myAi:after,.sketches:after{max-width:calc(100% - 2rem)}
.branding .ratio-16x9{--bs-aspect-ratio:60.25%}
.grid-blocks-items{flex:1 1 0%;width:100%;max-width:50%}
.imgBox{margin-top:15px}
.secondBar{padding-top:0px;padding-bottom:20px;padding-left:15px;padding-right:15px}
.secondBar .BtnGenrate {padding: 12px 18px 12px 18px;font-size: 16px;width: 100%;text-align: center;justify-content: center;}
.secondBar .HomeBar, .secondBar .nav, .secondBar .nav li {width: 100%;}
.modal200Limit .modalContent{top:20vh}
header.navbar{padding-left:.75rem;padding-right:.5rem}
.blog-title{font-size:40px}
.h2-lg{font-size:24px}
.ListPopular::-webkit-scrollbar-track{background-color:transparent}
.ListPopular::-webkit-scrollbar-track-piece{background-color:transparent}
.ListPopular{margin-left:0;margin-right:0}
.ListPopular::-webkit-scrollbar{width:0;height:0}
.modalContent{margin:50px 20px 20px;overflow:hidden;padding:30px 15px}
.max-400{max-width:100%;width:100%}
.MobileFeaturesList{display:flex;flex-direction:row;overflow-x:auto;flex-wrap:nowrap}
.MobileFeaturesList::-webkit-scrollbar{width:0;height:0}
.card-list .card-img,.card-list .card-img-top{border-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.MobileFeaturesList .card-list .card-img-top{border-bottom-left-radius:0;border-bottom-right-radius:0}
.card-abs{transform:translateY(0);opacity:1;visibility:visible; position: absolute; bottom: 0; left: 0; right: 0;}
.grid-item .context {opacity: 1;padding: 10px;padding-top: 35px;padding-right: 50px;}
.bookmark,.heart{width:30px;height:30px}
.ZoomIcon{opacity:1;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.stickyButton{padding:0}
.list-view .card-body{border-radius:0}
.h2-xl{font-size:28px}
.btnGoogle{font-size:14px}
.btnGoogle img{width:25px!important}
.stickyButton{bottom:10px}
.btnPremium{font-size:13px}
.btnPremiumXl img{width:16px}
.positionSticky{transition:all ease .2s;opacity:0;visibility:hidden;position:fixed;top:65px;z-index:22;background:#fff;left:0;right:0;width:calc(100% + 24px);width:-webkit-calc(100% + 24px);width:-moz-calc(100% + 24px);max-width:inherit;padding:10px 20px;transform:translateX(-12px);margin:0!important}
.positionSticky.show{opacity:1;visibility:visible}
.SearchIconMobile svg{stroke:#727273;fill:#fff!important}
html[data-bs-theme=light] .secondBar .nav-link svg circle{fill:inherit!important}
html[data-bs-theme=dark] .secondBar .nav-link svg circle{fill:inherit!important}
html[data-bs-theme=dark] .modalReachLogin .googleBtn{background:#050505}
html[data-bs-theme=light] .modalReachLogin .googleBtn{background:#fff}
.BadgeTags li{padding:2px 10px}
.offcanvas.admin{width:250px!important}
.offcanvas.admin .offcanvas-header .btn-close{filter:invert(1)}
.card-header{padding:10px}
.modalContent h2{font-size:30px}
.footerlinks a{font-size:13px}
.paginations .rounded-md span>span,.paginations a{padding:6px 12px!important;margin:2px 5px}
.card-list .card-body{border-top-left-radius:0;border-top-right-radius:0}
.card-abs .card-body{border-top-left-radius:0;border-top-right-radius:0;border:0}
.card-list{border-width:3px}
.Min300{min-width:inherit;width:auto}
#content{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;transition:all linear .2s}
#content.active{overflow:visible;display:block;-webkit-line-clamp:inherit;-webkit-box-orient:inherit}
#title .less{display:none}
#title.active .read{display:none}
#title.active .less{display:block}
.modal200Limit .modalContent{overflow-y:auto}
.PremiumPro .buttons{position:static}
.PremiumPro{padding:30px 20px}
.responsive-slider{margin-right:0}
.responsive-slider .UserSlide{padding-right:20px}
.priceFlex .spanMain{width:100%}
.priceFlex .badge{font-size:10px}
.priceFlex .spanMain{font-size:14px}
.navbar .navbar-brand{margin-right:10px}
.zIndex{z-index:20}
.genrateBlank{padding-top:130px;padding-bottom:130px}
.mt-6{margin-top:50px}
.btn-font-0{font-size:0}
.pt-80{padding-top:30px}
.py-100{padding-top:30px;padding-bottom:30px}
.py-50{padding-top:20px;padding-bottom:20px}
.h2-xxl{font-size:32px}
.font-22{font-size:19px}
.font-44{font-size:24px}
#gallery{flex-wrap:wrap}
.holder{width:30%!important}
.HomeTwo{padding-right:0}
.colTopsMargin{margin-top:0!important}
.HomeOne{max-width:76%}
.fontXXl{font-size:70px}
.fontNewXl{font-size:30px}
.BottomRight{bottom:0}
.HomeOne:before{top:10px;bottom:-10px;left:0;right:-10px;border-radius:20px;transform:rotate(0)}
.HomeOne{max-width:100%}
.HomeOne img{border-radius:20px}
.TopLeft{position:static}
.BottomRight{position:static}
.fontXXl{font-size:20vw;margin-bottom:0}
.SideBarLeft{width:250px!important}
.HomeNine:before{top:10px;bottom:-10px;left:10px;right:-10px;border-radius:20px;transform:rotate(0)}
.dataTables_filter{position:static}
html .Admin .card-body{background-color:transparent;padding:0}
.dataTables_paginate .paginate_button{padding:10px 9px;margin:2px}
.btn-file__actions__item{padding:70px 30px}
.Admin h2{font-size:25px;color:#000}
table.dataTable td img{height:70px;width:70px}
table.dataTable tr td{padding:10px 10px;font-size:13px}
.dataTables_filter{margin-top:5px}
div.dataTables_wrapper div.dataTables_paginate{margin:20px 0!important}
table tr th,table.dataTable tr th{padding:10px 10px;font-size:13px}
.Admin .offcanvas-body ul.dropdown-menu{position:static;background-color:transparent;padding:0;opacity:1;visibility:visible;box-shadow:none}
ul.nav.flex-column.dropdown-menu li a{border:0;border-radius:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;color:#fff}
.Admin .topBar li{padding-left:10px;padding-right:10px}
.Admin .topBar li a.dropdown-toggle{position:relative;background-color:#8279fd}
.offcanvas.admin .offcanvas-body{padding-top:0}
.btnGreen{font-size:14px}
.DetailSlider{width:100vw;position:relative;margin-left:-50vw;left:50%}
.DetailSlider .slider-nav{width:100%;max-width:100%;flex:0 0 100%;margin:0}
.DetailSlider .slick-slide{padding:0px}
.slider-for .slick-arrow {top: inherit;bottom: 10px;width: 40px;height: 40px;background-size: 14px;}
.SimilarPrompts .slick-arrow {
top: inherit;
background-size: 14px;
bottom: 10px;
}
.SimilarPrompts .slick-next{right: 10px; left: inherit;}
.SimilarPrompts .slick-prev {right: inherit;left: 10px;}
.HomeBnner img{height:250px}
.page-body{margin-left:0}
.btnNewGroup .btn{margin-left:4px!important}
.navbar-brand{padding-left:0!important}
.navbar-brand img{max-width:100%}
.loginPage{height:100%;padding-top:30px;padding-bottom:80px}
.mfp-wrap{top:0!important;height:100%!important;position:fixed!important}
.manageSearch.collapse:not(.show){opacity:0}
.manageSearch.show{opacity:1}
.btn-details{opacity:1;background-color:#020304}
.h1-xl{font-size:30px}
html[data-bs-theme=light] .card-body{background-color:#eee}
.gallery .gallery-item{max-width:33.3333%;flex:0 0 33.3333%}
.footerlinks{justify-content:center}
.btn-outline-secondary{font-size:15px}
.old figure{flex:0 0 25%}
.community{padding-bottom:70px}
.HomePage .parnt{padding-bottom:70px}
.freePrompt p,.premLogin p{font-size:16px}
.VideoBanner h1{font-size:32px}
.VideoText h2 br{display:none}
.transmit figure.main-a:before{border-width:.3rem}
.transmit figure.main-a{padding:15px 18px 13px 13px;width:70%}
.ai-up-img .transmit figure.main-a{width:50%}
.pro-photo .transmit figure.main-d{bottom:-23%}
.pro-photo .transmit figure.main-a{padding:16px 16px 10px 8px}
.font-18{font-size:16px}
.BigMenu-Body{padding:12px 10px;font-size:.925rem;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.branding svg{width:40px!important;height:40px!important}
.BigMenus img{height:30vw;object-fit:cover}
.BigMenus{border-radius:10px}
.card .copyLikes{opacity:1}
.crown {left: 27px; top: -1px;}
.manageSearch .btn-search svg{width:18px;height:18px}
.manageSearch-end .form-control {
padding-left: 15px;
}
.favorite-button {width: 30px;height: 30px;opacity: 1;}
.ListPopular img { width: 90px; height: 90px;}
.ListPopular .slick-arrow{display: none !important;}
.cardDetails { padding: 0px 0px;}
html[data-bs-theme=light] .bg-wrapper {background-color: transparent; border-color: transparent;}
.box-bg {padding-left: calc(var(--bs-gutter-x) * .5);}
.VideoText {margin-top: 40px;}
.VideoEngine .pc svg, .VideoEngine .pc img { max-width: 140px; max-height: 80px;}
.VideoEngine .pc {height: auto;}
.VideoEngine .outer { gap: 0 30px;}
.sketch-landing-page h1{font-size: 55px;}
.sketch-landing-page .h1 {
font-size: 45px;
}
/*
.sliderBrands .slide-brands {
height: auto;
width: 1060px;
}
.sliderBrands .slide-track-brands {
width: calc(1060px * 14);
}
.sliderBrands {
height: 120px;
} */
.tableCustom thead tr th {
font-size: 16px;
padding: 15px 12px;
white-space: normal;
}
.tableCustom td {
font-size: 14px;
padding: 10px 12px;
}
.accordionSketch .accordion-item {
margin-bottom: 5px;
}
.btn-purple-xl {
font-size: 16px;
}
.comimgsoon {
bottom: 2px;
font-size: 10px;
}
.topBanner .tbanner {
height: 70vw;
object-fit: cover;
}
.topBanner svg {
width: 50px!important;
height: 50px!important;
}
.branding .banner {border-radius: 15px;height: 300px;}
.aiPosition {left: 75px;}
.bgLight {border-radius: 20px;}
.bgLight2{border-radius: 20px;}
.branding video{border-radius: 20px;}
.cardPrice .card-footer {padding: 20px 30px;}
.grid-blocks .grid-blocks-items:nth-child(2) .grid-item:first-child .link-wrapper{border-top-right-radius: 15px;}
.grid-blocks .grid-blocks-items:nth-child(2) .grid-item:first-child .context{border-top-right-radius: 15px;}
.grid-blocks .grid-blocks-items:nth-child(2) .grid-item:first-child .aspect_inner .lozad { border-top-right-radius: 15px;}
.grid-blocks .grid-blocks-items:nth-child(2) .grid-item:last-child .link-wrapper{border-bottom-right-radius: 15px;}
.grid-blocks .grid-blocks-items:nth-child(2) .grid-item:last-child .context{border-bottom-right-radius: 15px;}
.grid-blocks .grid-blocks-items:nth-child(2) .grid-item:last-child .aspect_inner .lozad { border-bottom-right-radius: 15px;}
.navbar-nav.leftbar .submenu a {font-size: 15px !important;}
header .navbar-nav.leftbar .submenu {background-size: 31px;}
.navbar-nav .dropup .dropdown-menu {
top: inherit;
bottom: 100%;
}
.manageSearch-end {width: 100%;}
.ps-90 {
padding-left: 20px;
}
.main-wrapper-mobile {padding-left: 0; padding-right: 0;}
.tableCustom thead tr:first-child th:first-child {border-top-left-radius: 0;}
.tableCustom thead tr:first-child th:last-child {border-top-right-radius: 0px;}
.tableCustom tbody tr:last-child td:first-child {border-bottom-left-radius: 0px;}
.tableCustom tbody tr:last-child td:last-child {border-bottom-right-radius: 0px;}
.sketch-landing-page {background-color: #fcf5e5;}
.SketchVideo {border-color: #efe9da;}
.howIt {background-color: #efe9da;}
.card-Xl {background-color: #ffffff;}
.bg-sketch-dark {background-color: #e3dcce;}
.DetailSlider .image-wrapper img {border-radius: 0;}
.hero-content h1 {font-size: 4.3rem;line-height: 4rem;}
.ai-course-heading-title {font-size: 3rem;line-height: 3rem;}
.image-container {height: auto;border-radius: 20px;}
.content h2 {font-size: 1.8rem;}
.ad-concepts {padding: 25px;}
.ai-course-heading-subtitle {font-size: 1.4rem;line-height: 1.7rem;}
.course-st-1 h3 {font-size: 22px;}
.course-st-1 h5 {font-size: 15px;}
}
@media (max-width:575px){
.card-abs .card-text-title.text-truncate{-webkit-line-clamp:2;margin-bottom:0px!important}
.sketchGen .grid-blocks-items{max-width:calc(50% - 4px)}
.SketchComm .grid-item a{line-height:1}
.SketchPexel .nav-link{font-size:16px;padding:20px 16px}
.VideoComty:after{filter:blur(40px);top:25vw;width:50vw;height:20vw}
.VideoComty:before{filter:blur(40px);top:11vw;width:50vw;height:20vw}
#genratebtn button{width:100%;margin-top:10px}
.VideoBanner h1 br{display:none}
.VideoBanner .main-wrapper{position:static!important;margin-top:-70px}
.branding .ratio-16x9{--bs-aspect-ratio:70.25%}
.full-img-logo{max-width:60vw}
.h1-sm{font-size:14px}
.copyLikes {right: 5px;}
.myImagesUls li{max-width:50%;flex:0 0 50%}
.gallery .gallery-item{max-width:50%;flex:0 0 50%}
.sidebar{width:50%;margin-left:-50%}
.sidebar .dropdown-menu{left:50%!important;height:100vh!important;width:50%!important}
.navbar-nav.ms-auto .px-3{padding-left:14px!important;padding-right:14px!important;font-size:14px}
.HomeBnner h1{font-size:22px}
.btnNewGroup .btn-outline-primary{padding:5px;font-size:13px}
.footerlinks{margin-top:8px}
.footerlinks .px-3{padding-left:8px!important;padding-right:8px!important}
.heading2{font-size:48px}
.navbar-brand{padding-right:0!important}
.versionbtn .btn-secondary{font-size:13px}
.custom-popover{--bs-popover-max-width:auto}
.list-view .card{flex-direction:column}
.ai-process article h4{font-size:24px}
.ai-process article h5{font-size:16px}
.VideoComty .lnk .btn-dark{padding:7px 13px}
.VideoComty .lnk a{font-size:13px}
.VideoBanner article{width:100%;font-size:17px}
.VideoBanner .btn{width:100%}
.community{padding-bottom:40px}
.sketch-landing-page h1{font-size: 40px;}
.sketch-landing-page .h1 {
font-size: 36px;
}
.sketch-landing-page .h3 {
font-size: 24px;
}
.sketch-landing-page .h2 {
font-size: 26px;
}
.card-Xl {
border-radius: 15px;
}
.pricelists li {
font-size: 18px;
margin-bottom: 11px;
}
.pricelists li svg{
width: 22px;
height: 22px;
}
.accordionSketch .accordion-body {
font-size: 16px;
font-weight: 600;
}
.accordionSketch .accordion-button {
font-size: 18px;
}
.videoMax {
border-radius: 15px;
}
.sketch-landing-page h4{font-size: 20px;}
.sketch-landing-page h5{font-size: 18px;}
.sketch-landing-page h3{font-size: 22px;}
.feature {
border-radius: 50px;
font-size: 14px;
padding: 7px 25px;
}
.SketchVideo {
border-width: 10px;
border-radius: 20px;
}
.howIt {
border-radius: 20px;
overflow: visible;
height: auto !important;
margin-top: 80px;
/* margin-left: calc(-.5 * var(--bs-gutter-x)); */
/* margin-right: calc(-.5 * var(--bs-gutter-x)); */
/* text-align: center; */
}
.how-cover{
max-width: 340px;
margin: auto;
top: -60px;
position: relative;
border-radius: 20px;
overflow: hidden;
}
.how-body {
margin-top: -50px;
}
.card-Xl video{
border-radius: 15px;
}
.topBar li a {padding: 8px 9px;}
.offcanvas-body {padding-left: 10px; padding-right: 10px;}
.offcanvas.SideMenu {width: 210px;}
.topBar li {margin-left: 0;}
.navbar-nav .dropdown-menu {top: calc(100% + 2px); left: 0;}
.btn-primary, .btn-success, .btn-secondary, .btn-dark, .btn-outline-primary { font-size: 13px; padding: 11px 15px;}
.card-list p {display: none;}
.card-text-title {font-size: 12px;margin-bottom: 0 !important;}
.card-abs .card-body {padding: 10px!important;}
.VidedProm figure {width: 70px;}
.branding .banner {height: 250px;}
.aiPosition {left: 58px;font-size: 16px;}
.featuredOn {background-size: 400%;}
.featuredOn:before {
width: 18px;
height: 50px;
left: -8px;
border-radius: 0;
box-shadow: 10px 0px 13px 9px rgb(255 255 255);
}
.featuredOn:after {
width: 18px;
height: 50px;
right: -8px;
border-radius: 0px;
box-shadow: -8px 0px 13px 9px rgb(255 255 255);
}
.playIcon {
width: 35px;
height: 35px;
padding: 9px;
}
.bgLight {background-position: center;}
.smart-sec-container {border-radius: 20px;height: 470px;}
.course-skills {padding-bottom: 90px;padding-top: 70px;}
.acco-faq .accordion-button {font-size: 1.1rem;padding: 15px 15px;}
.course-skils-bottom {bottom: 30px;left: 30px;right: 30px;}
.counter-section {justify-content: center;align-items: center;}
.heading22 {font-size: 34px;}
.course-skils-bottom h6 {line-height: 1.3;font-size: 15px;}
.ai-course-heading-title {font-size: 2.2rem;line-height: 2.6rem;}
.course-st-1 h3 {font-size: 18px;}
.course-times {font-size: 13px;}
.ai-course-heading-subtitle {
font-size: 1.2rem;
line-height: 1.7rem;
}
.counter-section .counter h2 {
font-size: 20px;
}
.sm-badge {
font-size: 0.8rem;
padding: 0.4rem 1rem 0.4rem 1rem;
}
.content h2 {
font-size: 1.6rem;
}
.eael-countdown-items {
max-width: 340px;
}
.hero-content h1 {
font-size: 3.5rem;
line-height: 3.5rem;
letter-spacing: 0;
}
.hero-content h1 br, .ai-course-heading-subtitle br{display: none !important;}
.hero-btns {
width: auto;
margin: auto;
}
.cta-button {
font-size: 1rem;
line-height: 1.2rem;
padding: 1.1rem 2rem 1.1rem 2rem;
}
}
@media (max-width:480px){
.BtnGenrate{padding:8px 18px 8px 18px;font-size:13px}
.modelName{flex-wrap:wrap}
.card-abs .btn-primary {
font-size: 12px;
padding: 7px 10px;
}
.card-abs .btn-primary img{width: 15px !important;}
}