body{
    padding: 0;
    margin: 0;
}
h1  {
    margin-bottom: 0;
}
.data {
    width: 100%;
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype'),
        url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype'),
        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
.myModal
{
    margin-top: 210px;
    width: 1200px !important;
    margin-left: -350px;
}
.top-header {
    align-items: center;
}
.logo-sec {
   padding-top: 88px;
    padding-bottom: 10px
}
.logo-sec img {
   width: 120px;
}
.next-arrow {
    display: none !important;
}
.next-img {
    right: -94px;
    position: absolute;
    top: 7px;
    }
.pre-img {
    position: absolute;
    top: -28px;
    left: 40px;
}
.sign-in-form h2{
    color: #AAA2FF;
    font-family: 'Poppins-SemiBold';
    font-size: 40px;
    padding: 14px 0px;
}
.content {
    width: 100%;
    height: 100%;
}
input::placeholder {
    font-size: 20px;
    font-family: 'Poppins-Regular';
    color: #ccc !important;
}
.form-control:focus {
    border-color: #AAA2FF !important;
    box-shadow: 0 0 0 0.2rem #aaa2ff4f !important;
}
.form-select:focus {
    border-color: #AAA2FF !important;
    box-shadow: 0 0 0 0.2rem #aaa2ff4f !important;
}
.sign-up-banner{
    background-image: url(../images/bg-img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
}
.Sign-up-form form {
    padding: 11px 20px;
   width: 100%;
    margin: 0px auto;
    font-family: 'Poppins-Medium'; 
    text-align: center;
}

.sign-in-btn {
    background-color: #AAA2FF !important;
    border: 2px solid transparent !important;
    padding: 16px 22px;
    font-size: 20px;
    width: 100%;
    border-radius: 10px;
    font-family: 'Poppins-SemiBold';
    display: block;
    color: #fff;
}
.sign-in-btn:hover {
    border: 2px solid #AAA2FF  !important;
    background: transparent !important;
    color: #AAA2FF !important;
}
.button-sec {
    position: relative;
}
.sign-up-banner .active {
    background-color: #AAA2FF !important;
    border: 2px solid transparent !important;
    padding: 12px 36px !important;
    font-size:20px;
    width: 50%;
    border-radius: 10px;
    color: #fff !important;
    z-index: 1;
}
.btn-check:focus + .btn-light, .btn-light:focus {
box-shadow: none!important ;
}
.forgot-form p {
        font-size: 20px !important;
        margin: 0px;
        text-align: center !important;
}
#signup {
    width: 50%;
    padding: 14px 38px;
    border-radius: 10px;
    color: #AAA2FF ;
    position: absolute;
    right: 10px;
    font-size:20px;
}
#signin {
    width: 50%;
    padding: 14px 38px;
    border-radius: 10px;
    color: #AAA2FF ;
    font-size:20px;
}
.Sign-up-form form input{
    padding:19px;
    border-color: #ccc;
    border-radius: 10px;
    font-size: 18px;
}
.Sign-up-form form label{
    padding-bottom: 12px;
    font-size: 18px;
}

.Sign-up-form p{
font-size: 18px;
margin: 0px;
    text-align: left;
}
.Sign-up-form p a {
    color: #AAA2FF;
}

#myrequests th{
text-align:left !important;	
}
.Sign-up-form{
 background-color: #ffffff6e;
    width:100%;
    margin: 0px auto;
    border-radius: 20px;
    padding: 26px 0px;
    box-shadow: 0px 0px 5px 0px #fff;
    max-width: 560px;
}

.header {
    text-align: center;
}
.sidebar {
    background: rgb(106,88,236);
    background: linear-gradient(0deg, rgba(106,88,236,0.6979166666666667) 0%, rgb(61 91 237 / 84%) 100%);
    max-width: 300px;
    min-width: 300px;
    padding-top: 0px;
    position: fixed;
    overflow-y: auto;
    top: 220px;
    bottom: 0;
    scrollbar-width: none;
}

.header {
        background-color: #4965eee6;;
        max-width: 300px;
        position: fixed;
        width: 100%;
}
.form-sidebar {
	max-width: 120px !important;
        min-width: 120px !important;

}
.form-right-content {
   margin-left:180px !important;

}
.navbar-list li {
    margin-top: 52px;
    margin-bottom: -14px;
}
.navbar-list li a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 14px;
    font-size: 20px;
    font-family: 'Poppins-Medium';
}
.navbar-list li a span {
    width: 100%;
   display: block;
    margin-top: 15px;

}

.btn-primary:active:focus{
    box-shadow: none;
}
.btn.btn-primary:hover {
    border: 2px solid #AAA2FF  !important;
    background: transparent !important;
    color: #AAA2FF !important;
}
.edit-profile .btn.btn-primary:hover {
     background: #AAA2FF !important;
    color: #FFF !important;
}
.wrapper{
    width: 100%;
    display: flex;
    position: relative;
}
.right-content {
    width: 100%;
    margin-left:200px!important;
    margin-top: 80px;
    margin-right: 55px;
    overflow: hidden;
    padding: 5px;
}
/* .form-check-input:checked:after{
    content: "Sign-in";
    position: relative;

}
.form-check-input:checked {
    background-color: #475aed;
    border-color: #475aed;
    width: 100%!important;
    padding: 27px 0px;
}
.form-switch .form-check-input {
    width: 100%;
    padding: 27px 0px;
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked){
  position: absolute;
  left: -9999px;
} */
.checkbox:checked + label,
.checkbox:not(:checked) + label{
  position: relative;
  display: block;
  text-align: right;
  width: 100%;
  height: 16px;
  border-radius: 8px;
  padding: 26px;
  margin: 10px auto;
  cursor: pointer;
  font-size: 24px;
  color:#AAA2FF ;
  background-color: #fff;
  line-height: 1px;
}
.checkbox:checked + label:before, .checkbox:not(:checked) + label:before {
    position: absolute;
    display: block;
    width: 50%;
    height: 52px;
    border-radius: 8px;
    color: #fff;
    background-color: #AAA2FF !important;
    content: 'Sign in';
    z-index: 20;
    top: 0px;
    left: 0px;
    line-height: 45px;
    text-align: center;
    font-size: 24px;
    transition: all 0.5s ease;
}
.checkbox:checked + label:before {
  transform: translateX(250px);
}
.forgot-form {
    max-width:600px ;
}

#signup_div {
    display: none;
}

/*artistlist css start*/
.artist-text {
    margin-right: auto;
}
.artist-text h1  {
    color: #AAA2FF;
    font-size: 50px;
    font-weight: bold;
    padding-left: 5px;
    font-family: 'Poppins-SemiBold';

}
.profile-img  img {
    width: 60px;
    height: 60px;
    border-radius: 50%; 
    object-fit: cover;
	
}
.dropdown-toggle img{
	border: 1px solid #aaa2ff;
}
.search-section button {
    position: absolute;
    left:20px;
    background: transparent;
    border: 0;
    top: 18px;
}
.search-section {
    width: 370px ;
    position: relative;
    top: 6px;
}
.search-section i{
    color: #AAA2FF;
    font-size: 18px;
}
.search-section input::placeholder {
    color: #000;
    font-family: 'Poppins-Medium';
}
.search-section input {
    padding: 15px 62px;
    box-shadow: 0px 0px 7px #cccccca6;
    border: 0;
    font-size: 20px;
    border-radius: 11px;
}
.second-section {
    padding: 0px 100px;
}
.slick-prev:before, .slick-next:before {
    opacity: 0!important;
}
.slick-next {
    right: -64px !important;
}
.slick-prev {
    left: -134px !important;
}
.slick-dots {
    display: none !important;
}
.small-box {
    box-shadow: 0px 0px 7px 0px #9e9e9e8a;
    box-sizing: border-box;
    padding: 10px 22px;
    margin: 4px auto;
    align-items: center;
    max-width: 270px;
    border-radius: 8px;
}
.small-box img {
    width: 45px;
    border-radius: 50%;
    height: 45px;
}
.small-box h4 {
    font-size: 20px;
    padding-left: 17px;
}
.second-section .my-anchor {
   color:#000;
}
.card i, .Purchase-card .request-text i {
    color: #ffc107;
}
.card h4 {
    font-size: 30px;
    padding-top:20px;
    font-weight: 700;
}
.card a {
    background-color: #AAA2FF !important;
    border: 2px solid transparent !important;
    padding: 8px 38px !important;
    font-size: 20px;
    width: 100%;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
}
.card p {
    font-size:22px;
    margin-top: 2px
}
.card {
    width: 100%;
    border-radius: 16px !important;
    border: transparent !important;
    box-shadow: 0px 0px 10px 0px #9e9e9e5c;
    margin: 0px auto;
    padding: 32px;
    background-color: #f6f5f5 !important;
    height:430px !important;
}
hr:not([size]) {
    height: 2px;
    margin-top: 23px;
}
.page-item {
    margin: 0px 6px;
}
.pagination {
    margin-bottom: 40px;
}

.pagination a {
    background-color: #fff;
    padding: 2px 7px !important;
    text-decoration: none;
    border: 1px solid #aaa2ff;
    margin-left: 9px;
    border-radius: 50%;
    color: #aaa2ff !important;
    font-size:14px;
}

.pagination [rel="prev"] {
    background-color: #aaa2ff;
    color: #fff !important;
  
}
.pagination [rel="next"] {
    background-color: #aaa2ff;
    color: #fff !important;
   
}
.pagination strong{
    background-color: #aaa2ff;
    border: 2px solid #aaa2ff;
    border-radius: 50%;
    padding: 2px 7px;
    color: #fff !important;
    margin-left: 9px;
    font-size:14px;
}

.pagination .active a {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}



.dropdown-item img {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
}
/*Artist-detail*/
.detail-text img {
    position: relative;
    bottom: 136px;
    border-radius: 50%;
    width: 230px;
    height: 230px;
    object-fit:cover;
}
.Artist-Detail {
    padding-left:70px!important;
}
.btn.btn-primary{
    background-color: #AAA2FF !important;
    border: 2px solid transparent !important;
    padding: 6px 22px;
    font-size: 18px;
    border-radius: 10px;
    font-family: 'Poppins-SemiBold';
    color: #fff;
}
.detail-btn {
    padding-top:26px;
}
.contact-me {
  margin-right: 20px;
}
.about-section {
    margin-top: -60px;
}
.about-info{
    background-color: #cac4ff4d;
    padding: 40px;
    border-radius: 14px;
    position: relative;
    margin-top: 20px;
}
.detail-box{
    padding: 30px;
}
.about-section h5 {
    font-size: 30px;
    font-weight: 400;
    font-family: 'Poppins-Regular';
}
.about-section p {
    font-size: 30px;
    max-width: 95%;
    font-family: 'Poppins-Regular';
}
.gallery-section {
    margin-top: 75px;
}
.section-heading {
    font-family: 'Poppins-SemiBold';
    font-size: 40px;
    padding-bottom: 12px;
}
.gallery-section  .row .col-xxl-3 {
    padding: 0 !important;
}
.about-info:after {
    width: 360px;
    height: 380px;
    content: "";
    background: url(../images/biography.png);
    position: absolute;
    bottom: 0;
    right: 0px;
    background-repeat: no-repeat;
    background-size: contain;
}
.img-box-text small {
    font-size: 16px !important;
    color: #fff;
}
.img-box img {
    width: 100%;
}

.img-box-text {
    position: absolute;
    bottom: 0;
    color: #fff;
    left: 0;
    font-family: 'Poppins-Regular';
    width: 100%;
    background-color: #18181870;
    padding: 6px 0px;
    align-items: center;
}

.img-box-text p {
    margin-bottom: 0;
    font-size: 16px;
    line-height:18px;
}
.bi {
    vertical-align: baseline !important;
}
.load-more a {
    font-size: 24px;
    color: #AAA2FF;
    text-decoration: none;
    font-family: 'Poppins-Medium';
}
.star-icons {
    color:#F5BD06;
    font-size: 24px;
}
.progress-review span {
    color: #AAA2FF;
    font-size: 36px;
    font-family: 'Poppins-Medium';
    margin: 7px 0px;
}
.progress-bar {
    background-color: #F5BD06 !important;
}
.progress {
    width: 40%;
    margin: 30px 30px;
    border-radius: 10px !important;
}
.review-info span{
    font-size: 20px;
}
.relevant-heading:focus{
    box-shadow: none !important;
}
.relevant-heading {
    font-size: 36px !important;
    font-family: 'Poppins-Medium';
    position: relative;
    padding-bottom: 22px;
    max-width: 450px;
}
.relevant-heading option{
    font-size: 18px !important;
}
.review-box {
    padding-top: 10px;
}
.review-info h4{
    font-size: 30px !important;
    font-family: 'Poppins-Medium' !important;
}
.review-info p {
    font-size: 20px;
    font-family: 'Poppins-Regular';
    padding-top: 26px;
    margin-bottom: 0;
}
small {
    font-size: 18px !important;
    color: #4c4c4ccc;
    font-family: 'Poppins-Regular';
}
.Painting-req {
    padding: 40px !important;
}
/*profile-manmagement css*/
.profile-card {
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,.15);
    padding: 20px;
    border-radius: 11px;
    margin-top: 50px;
}
.edit-profile a {
    padding:8px 20px !important;
}
.edit-profile .btn-label {
    background-color: #f7ced4;
    color: #fff;
    padding: 12px 18px;
    border-radius: 11px;
    position: relative;
    left: -24px;
}

.description-details {
    font-size: 24px;
    font-family: 'Poppins-Regular';
    padding: 24px 0px;
}
.description-details span {
    display: block;
    width: 88%;
    margin: 0px;
}
 .description-details b {
    font-family: 'Poppins-SemiBold';
    padding-right: 6px;
}
.edit-profile {
    padding: 0px 12px;
}
.about-myprofile {
    margin-top: 61px;
}
.customer-information p {
    color: #4C4C4C;
    font-size: 22px;
    font-family: 'Poppins-Medium';
    margin-top: 10px;
}
.customer-information p span {
    color:#707070;
}
.about-myprofile p {
    font-size: 20px;
    font-family: 'Poppins-Regular';
}
/*Edit-myprofile css*/
.profile-edit-btn {
    position: relative;
    top: -157px;
    left: 76px;
    max-width: 300px;
}
.edit-profile-img {
    border: 0;
    padding: 5px 11px;
    background-color: #AAA2FF;
    color: #fff;
    border-radius: 11px;
    margin-left: 5px;
}
.form-group label{
    font-size: 24px;
    padding: 20px 0px;
    font-family: 'Poppins-Medium';
}
.form-group input {
    padding: 16px 10px;
    box-shadow: 0px 0px 11px 0px #dee2e6;
    border: 0;
    border-radius: 10px;
    font-size: 20px;
}
.form-group select {
    padding: 15px 10px;
    box-shadow: 0px 0px 11px 0px #dee2e6;
    border: 0;
    border-radius: 10px;
    font-size: 20px;
    font-family: 'Poppins-Regular';
}
.form-group textarea {
    padding: 14px 10px;
    box-shadow: 0px 0px 11px 0px #dee2e6;
    border: 0;
    border-radius: 10px;
    font-size: 20px;
}
.update-btn  button {
    margin-top: 32px;
    padding: 4px 60px !important;
}
.dropdown-toggle::after {
display: none !important;
}
.edit-myprofile {
    margin-top: -90px;
    margin-left: 20px;

}
.edit-heading {
    font-size:24px;
    font-family: 'Poppins-SemiBold';
}
.dropdown-menu li a {
    font-size: 16px;
    font-family: 'Poppins-Regular';
  margin-top: 10px;
}
.dropdown-menu {
    border: 0 !important;
    box-shadow: 0px 0px 11px 0px #dee2e6;
    padding: 11px !important;
    border-radius: 11px !important;
    transform: translate(-67px, 154px) !important;
}
.painting-para {
    font-size: 28px !important;
    font-family: 'Poppins-Regular';
}
 .individual-description {
   font-size: 18px !important;
    font-family: 'Poppins-Regular';
    color:#000;
}
.painting-heading {
    font-size: 40px;
    font-family: 'Poppins-SemiBold';
    color: #AAA2FF;
    padding: 11px 0px;
}
.modal-body {
    padding: 28px 50px !important;
}
.btn-close {
    font-size: 0 !important;
    opacity: 1 !important;
}
.modal-body .review-info {
    margin: 11px 0px;
}
.modal-body .review-info span,.request-detail-slider h4  {
    font-size: 26px;
}
.modal-content {
    border-radius:22px !important;
}
.modal-btn {
    margin-bottom: 30px;
}

.modal-body input::placeholder{
    font-size: 22px;
    color:#ccc !important;
    padding-left: 11px;
}
.individual-painting .review-info {
    margin: 16px 0px;
}
.individual-painting .review-info span {
    font-size: 20px;
}
.individual-painting h3 {
    font-size: 40px;
    font-family: 'Poppins-Regular';
}
.individual-painting h2 {
    font-size: 35px;
    font-family: 'Poppins-Medium';
}
.select-images {
    padding: 24px 0px;
}

.painting-details .select-images {
    padding: 10px 0px !important;
}
.individual-painting .select-images img {
    width: 100px;
    height: 100px;
    border: 2px solid #aaa2ff;
    padding: 10px;
    margin:5px;
}
.select-images img {
    margin-left: 15px;
    margin-right: 15px;
    padding: 7px 0px;
    width: 170px;
    height: 170px;
}
.like-images {
    margin-top: 60px;
}
.complete-text {
    position: relative;
    padding: 20px 0px;
}
.complete-text span {
    top: -2px;
    z-index: 1;
    position: relative;
    font-size: 12px;
    font-family: 'Poppins-SemiBold';
    color: #fff;
    right: 27px;
}
.complete-text:after{
    content: "";
    background: url(../images/avbbn-30.png);
    width: 124px;
    height: 23px;
    position: absolute;
    right:-4px;
    top: 21px;
    background-size: cover;
    background-repeat: no-repeat;
}
.request-card small {
    font-size: 16px !important;
}
.request-card {
    padding:0px 42px 28px 42px !important;
    border-radius: 18px !important;
}
.request-card p {
    font-size: 21px;
    font-family: 'Poppins-Regular';
    padding-top: 14px;
}
.request-card h5 {
    font-size: 20px;
    font-family: 'Poppins-Medium';
    padding: 8px 0px;
}
.request-card .review-info {
    margin-left: 10px;
}
.request-card .review-info span {
    font-size: 12px;
}
.Pending-text:after {
    background: url(../images/avbbn-28.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
}
.Cancelled-text:after {
    background: url(../images/avbbn-29.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
}
.Not-assigned-text:after {
    background: url(../images/Group-2909.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    right: 5px;
}
.card-btn a {
    font-size: 16px !important;
}
.card  small{
    font-size: 22px !important;
    font-weight: 500;
    color: #000;
}
.text-Browse {
    text-decoration: none;
    color: #0000FF;
    font-size: 20px;
    font-family: 'Poppins-Medium';
}
.painting-details {
    padding:18px;
}
.p-details b {
    font-family: 'Poppins-SemiBold';
    padding-right: 6px;
}
.p-details  span{
    display: block;
    width: 89%;
}
.p-details {
    font-size: 24px;
    font-family: 'Poppins-Regular';
    padding: 24px 0px;
}
.request-text {
    align-items: center;
}
.request-text img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.request-accept {
    color: #AAA2FF;
    font-size: 18px !important;
    font-family: 'Poppins-SemiBold';
}
iframe{
    border-radius: 9px;
}
.customer-chat {
    margin-left: 34px;
}
.bi-question-circle {
    color: #c1bbff;
    padding-left:20px;
}
.draw-section .select-images {
    padding: 0px !important;
}
.painting-details p {
    padding:0px 14px !important;
}
.direct-chat-text {
    background-color: #aaa2ffba;
    padding: 6px 30px;
    max-width: 78%;
    margin-right: 31px;
    border-radius: 26px;
    position: relative;
}
.direct-chat-text  span {
    font-size: 14px;
    font-family: 'Poppins-Medium';
}
.direct-chat-text p {
    max-width: 100%;
    margin: 0px auto;
    font-size: 22px;
    color: #000;
    font-family: 'Poppins-Regular';
}
.direct-chat-text:after {
    content: "";
    width: 0;
    height:0;
    position: absolute;
   right: -12px;
    top: 25px;
    border-top: 10px solid transparent;
    border-left: 12px solid #aaa2ffba;
    border-bottom: 10px solid transparent;
}

.direct-chat-messages {
    margin-top: 24px;
    margin-bottom: 24px;
}
.reply-section  {
    position: sticky;
}
.chat-box  {
   overflow-y: auto;
    height: 400px;
   overflow-x: hidden;
}
.msg-box-2 .direct-chat-text {
    background-color: #E4E4E4 !important;
    margin-left: 40px;
}.msg-box-2 .direct-chat-text::after{
    display: none;
}
.msg-box-2 .direct-chat-text::before {
    content: "";
    width: 0;
    height:0;
    position: absolute;
  left: -12px;
    top: 25px;
    border-top: 10px solid transparent;
    border-right: 12px solid #E4E4E4;
    border-bottom: 10px solid transparent;
   
}
.customer-chat h4 {
    font-size: 30px;
    font-family: 'Poppins-Medium';
}
.reply-section .form-group input {
   padding: 24px 120px 24px 36px !important;
    border-radius: 26px !important;
}
.send-btn {
    position: absolute;
    right: 35px;
    bottom: 15px;
}
.send-btn button {
    font-size: 30px;
    color: #AAA2FF;
}
.edit-section {
   text-align: right;
   width: 100px;
position: absolute;
    z-index: 9;
   right: 4px;
    margin-top: 0px;
    top: 3px;
}
.edit-section button{
    background-color: #AAA2FF;
    border: 0;
    padding: 15px 17px;
    font-size: 24px;
    color: #fff;
    border-radius: 10px;
    margin-left: 28px;
} 
.painting-req .request-card img {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    object-fit:cover;
}
.artistpurchase-req .paintingreq-info img {
    height: 90px;
    width: 90px;
}
.add-image {
    border: 5px dashed #AAA2FF;
    padding: 25px;
    border-radius: 12px;
}
.upload-box {
    margin-right: 50px;
}
.upload-box span {
    display: block;
    margin: 28px 0px;
}
.upload-box p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    padding: 18px;
}
.upload-box label {
    font-size: 16px !important;
    padding: 4px 10px !important;
    font-family: 'Poppins-Regular' !important;
}
input[type="file"] {
    display: none;
}
.add-morefile {
    padding: 14px 45px;
    border: 2px dotted #000;
    border-radius: 9px;
    font-family: 'Poppins-Medium';
    position: relative;
    top: 33px;
    left: 15px;
}
.add-morefile span {
display: block;
}
.draw-section h4 {
    font-size: 24px;
    font-family: 'Poppins-Medium';
}
.edit-gallery {
    background-color: #fff;
    color: #AAA2FF;
    padding: 5px 10px;
    margin-bottom: 9px;
    border-radius: 7px;
    border: 0;
    font-size: 14px;
    margin-right: 6px;
}
.add-frame {
    border: 2px solid #AAA2FF;
    padding: 0px 20px;
    margin-left: 11px;
}
.edit-painting p  span{
    font-size: 20px !important;
}
.edit-painting p {
    font-size: 30px !important;
    font-family: 'Poppins-Regular';
    color: #000;
}
.edit-painting h2 {
    font-size: 40px;
    font-family: 'Poppins-Medium';
}
.edit-painting h4 {
    font-size:24px;
    font-family: 'Poppins-Medium';
}
.on-loadmorediv {
    display: none;
}
.Purchase-card {
    padding:35px 28px !important;
}
.Purchase-card h4 {
    font-size: 34px;
    padding-top: 22px;
    font-weight: 600;
}
.horizontal-line {
    color: #7f74ff;
    height: 3px !important;
}
.painting-text  {
padding-bottom: 11px;
}
.painting-text p {
    font-size: 20px;
    font-family: 'Poppins-Regular';
    margin-bottom: 4px;
}
.painting-text small{
    font-size: 16px !important;
    font-family: 'Poppins-Regular';
}
.painting-text h5 {
    font-size: 20px;
    font-family: 'Poppins-Medium';
    padding: 9px 0px;
}
.cover-btn {
    position: absolute;
    right: 30px;
    bottom: 12px;
}
.cover-img {
    position: relative;
}
.like-images h3 {
    font-size: 30px;
    font-family: 'Poppins-SemiBold';
}
.btn-primary:focus {
    box-shadow: none !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
 appearance: none;
  margin: 0;
}
.card-btn {
text-align: end;
}
.like-images  img {
    width: 100%;
}
.Purchase-card img {
    width: 100%;
   height: 400px;
}
iframe {
    width: 100%;
}
.rating-star {
    font-size: 48px;
}
.rating-star i {
    margin-left: 8px;
    margin-right: 8px;
    color: #4c4c4c45;
}
.write-review {
    position: relative;
    margin-bottom: 30px;
}
.write-review textarea {
    height: 200px;
    padding: 20px;
    font-size: 20px;
    font-family: 'Poppins-Medium';
}
.write-review button {
    position: absolute;
    right: 20px;
    bottom: 16px;
}
.customer-review {
    margin-top: 30px;
}
.customer-review h2 {
    font-size: 30px;
    font-family: 'Poppins-Medium';
}
.making-text {
    font-size: 30px;
    font-family: 'Poppins-SemiBold';
    margin-top: 33px;
}
.modal-body h2 {
    font-size: 28px;
    font-family: 'Poppins-Medium';
}
.purchase-card {
    border-radius: 50px
}
.painting-req .profile-card .card-btn {
    text-align: left !important;
}
.painting-req .profile-card .complete-text{
    padding: 0 !important;
}
.painting-req .profile-card .complete-text span {
    top: 18px !important;
}
.purchase-card h5 {
    font-size: 30px;
    font-family: 'Poppins-Medium';
}
.Purchase-card {
    padding:60px 80px !important;
    width: 100%;
    border-radius: 16px !important;
    box-shadow: 0px 0px 10px 0px #9e9e9e5c;
    margin: 0px auto;
}
.Purchase-card h4 {
    font-size: 34px;
    padding-top: 22px;
    font-weight: 600;
}
.Purchase-card  img {
    width:100%;

}
.Purchase-card p{
    font-size: 20px;
    text-align: left;
}
.Purchase-card h5 {
    font-size: 30px;
    font-family: 'Poppins-Medium';
}
.upload-btn {
    max-width: 234px;
    width: 100%;
    padding: 4px 22px !important;
}
.submitted-req a {
    font-size: 16px !important;
}
.artistprofile-info h1 {
    font-size: 40px ;
}
.detail-box h5 {
    font-size:20px ;
    font-family: 'Poppins-Regular';
}
.modal-body .add-morefile {
    padding: 40px 50px;
    left: 0px;
    line-break: anywhere;
}
.my-profile img {
    width: 260px;
   height: 260px;
    object-fit: cover;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,.15);
}

.error{
    font-size: 16px !important;
    color: red !important;
     font-family: 'Poppins-Medium';
}

.alert-danger {
    color: #842029;
    background-color: #f1a1a8;
    border-color: #ff6574;
    border-radius: 8px;
}
.progress-review:nth-child(6) {
    padding-left: 10px;
}
 
 .btn-danger {
    font-family: 'Poppins-SemiBold' !important;
    padding: 4px 18px !important;
}
.nav-pills {
    position: relative;
}
.nav-pills .nav-link {
    background-color: #fff;
    color: #000;
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #E8E8E8 !important;
    border-radius: 50% !important;
    font-family: 'Poppins-Medium';
    font-size: 26px;
    position: relative;
}
.nav-pills ul li {
    display: inline-block;
    list-style-type: none;
    margin-left:49px;
}
.nav-pills ul {
    z-index: 9;
    padding: 0;
    margin-left: -57px;
    position: relative;
}
.nav-pills  .active {
    text-align: center;
    background-color: #fff!important;
    padding: 6px 20px !important;
    border-radius: 50% !important;
border:2px solid #AAA2FF !important;
color: #000 !important;
}
.nav-pills .filled {
    background-color: #AAA2FF !important;
    color: #fff !important;
}

.nav-link:focus, .nav-link:hover {
    color: #000 !important;
}
.filled:hover{
    color: #fff !important;
}

.tab-pills:after {
    content: " ";
    width: 54px;
    height: 2px;
    background: #E8E8E8;
    position: absolute;
    left: 105%;
}

.filled:after{
    content:" ";
    width: 56px;
    height: 2px;
    background: #AAA2FF;
    position: absolute;
    left: 100%;
}

.nav-lastchild:after {
   content: none!important;
}
 
.card-footer .btn-link {
    text-decoration: none;
    color: #AAA2FF;
    font-size: 18px;
    font-family: 'Poppins-SemiBold';
    padding: 0;
}
.card-footer .btn-link:focus {
    box-shadow: none !important;
}
.step-2 h2 {
    padding: 38px 0px !important; 
    margin-right: 33px !important;
}
.step-2 label {
    padding: 8px 0px 28px 0px !important;
}
.tab-pills {
   cursor: default !important;
}
.tab .draw-section h2 {
    font-size: 40px;
    font-family: 'Poppins-Medium';
    padding: 47px 0px;
    position: relative;
    text-align: center;
    margin-right: 73px;
}
.card-footer #cancel_button {
    position: absolute;
    right: 164px;
}
.step-3 .form-group label {
    padding: 16px 21px 16px 0px !important;
}
.step-4 .form-group label {
    padding:16px 21px 20px 0px !important;
}
.step-5 .form-group label {
    padding: 9px 22px 28px 0px !important;
}
.step-5 h2 {
    margin-right: 28px !important;
}
.tab .draw-section h2  span {
    color: #AAA2FF;
   
}
.tab .draw-section h2 b {
    background-image: url(../images/Rectangle-1447.png);
    background-size: 625px 54px;
    background-repeat: no-repeat;
    background-position-x: center;
    font-size: 38px;
    margin-left: 11px;
}
.draw-section .form-group textarea {
    height: 100px;
    padding: 14px 22px;
}

.draw-section .form-group input {
    padding: 16px 22px;
}
.delete-button {
    position: absolute;
    right: 22px;
    bottom: 19px;
}
.delete-button i {
color: #AAA2FF;
font-size: 24px;
font-family: 'Poppins-SemiBold';
font-weight: bold;
}
.tab .draw-section .form-group label {
    font-size: 30px;
    padding: 0px 0px 28px 0px;
}
.request-painting-form .card-footer {
    margin: 40px 0px;
}

.request-painting-form  .card-footer .btn.btn-primary {
    padding: 8px 40px;
}
.card-footer   .btn-link:disabled {
    display: none;
}
.add-morefile img {
    width: 32px;
    height: auto;
}

.add-frame  img {
    width: 77px;
}
.Painting-req  .review-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.edit-painting .review-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.submitted-req .review-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
 .review-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit:cover;
}
.direct-chat-img img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.customer-chat img {
    width:90px;
    border-radius: 50%;
    height:90px
}
.about-info img {
    width: 45px;
}
.artist-cardimg {
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
    width:180px;
}

.img-box.position-relative {
    margin: 9px 0px;
}

.gallery-container-section {
    margin: 20px auto;
    columns:4;
    column-gap:10px;
  }
  
  .gallery-container-section .box {
    width: 100%;
    margin-bottom: 10px;
    break-inside: avoid;
    position: relative;
    border: 8px solid #aaa2ff;
    border-radius: 6px;
}
  
  .gallery-containe-sectionr .box img {
    max-width: 100%;
  }
  


  
  .gallery-container {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    border: 8px solid #aaa2ff;
    border-radius: 6px;
}
  
  .gallery-container .box img {
    max-width: 100%;
  }
  
.gallery-img {
height:280px;
}
.edit-image {
 border: 8px solid #aaa2ff;
margin:30px 0px;

}
.gallery-modal-img {
 border: 8px solid #aaa2ff;

}
.sidebar::-webkit-scrollbar {
    display: none;
}


.artist-gallery-container{
    column-count: 4;
    column-gap: 10px;
    margin: 20px auto;
}

.load-more button {
    font-size: 24px;
    color: #AAA2FF;
    text-decoration: none;
    font-family: 'Poppins-Medium';
}

.chosen-container-multi .chosen-choices {
    padding:15px 16px!important;
    box-shadow: 0px 0px 11px 0px #dee2e6!important;
    border: 0!important;
    border-radius: 10px!important;
    font-size: 20px!important;
    font-family: 'Poppins-Regular'!important;
    width: 100%!important;
     background-image:none !important;
}
.chosen-container {
 width: 100% !important;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{
color: #4C4C4C !important;
}

.chosen-container .chosen-results li{
font-size: 16px;
    font-family: 'Poppins-Medium';
}

.chosen-container-multi .chosen-choices li.search-choice{
font-size: 16px;
 font-family: 'Poppins-Regular';
}

#deleteModal .modal-body h2 {
font-size: 24px;
}
 .modal-footer a {
padding: 1px 12px !important;
}

.modal-footer button {
padding: 3px 12px !important;
}

.img-box-text h6 {
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 11px;
}
.artist-gallery .img-box-text span {
    width:40%;
    text-align: right;
    padding-bottom:4px;
    padding-top:4px;
}
.img-box-text span {
    width:250px;
}
.btn-close:focus {
   box-shadow:none !important;
}

canvas {
  position: relative;
  border-radius: 10px;
  margin: 12px;
  /* border: 1px solid gray; */
  box-shadow: 0px 0px 11px 0px #dee2e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#canvas1 {
  margin-left: 1150px;
  margin-top: 30px;
}

.controls {
  width: 60px;
  min-width:60px;
  /* border: 1px solid gray; */
  box-shadow: 0px 0px 11px 0px #dee2e6;
  border-radius: 10px;
   background: #fff;
 
  transition: all .5s ease;
  position: relative;
 
  height: 672px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  font-family: Arial;
padding: 14px 0px;
}
.controls h3 {
    color: #000;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Poppins-SemiBold';
}
.controls p, .controls p label {
    color: #fff;
    font-size: 14px;
   margin-bottom: 0;
    font-family: 'Poppins-SemiBold';
}
.lightBorder {
  margin-bottom: 9px;
  padding: 0px;

}



.lightBorder  p {
  margin: 6px;
  font-size: 14px;
  color: #fff;
 font-family: 'Poppins-Medium';
}


form input {
    border: 0;
    border-radius: 10px;
    padding: 5px 6px;
}
input[type="radio"]:checked{
  background-color: #aaa2ff;
  border: 2px solid #aaa2ff;
}

.canvas-button {
    color: #fff;
    background-color: #aaa2ff;
    border: 0;
   font-size: 18px;
    padding: 4px 9px;
    border-radius: 6px;
    margin: 8px;
    font-family: 'Poppins-SemiBold';
}

input#fillColor {
     height: 22px;
    width: 25px;
    margin-left: 6px;
}
input#strokeColor {
     height: 22px;
    width: 25px;
    margin-left: 6px;
}
input#backgroundColor {
     height: 22px;
    width: 25px;
    margin-left: 6px;
}
.backgroundColor {
    display:none;
}
input#fillBox {
    margin: 0px 10px;
    width: 16px;
    height: 16px;
position: unset;
}
input#xor {
    margin: 0px 10px;
    width: 20px;
    height: 20px;
position: unset;
}

/*CSS for individualpainting Slider*/
.gallery-slider {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 0px 11px 0px #c3bebe;
    margin-bottom:24px;
}
	
.gallery-slider__images {
		margin: 0;
		position: relative;
    }
.gallery-slider__images .item {
		padding: 0;
}
.gallery-slider__images .item .img-fill {
		text-align: center;
		padding: 14px;
		height: 450px;
}			
.gallery-slider__images .item .img-fill img {
		display: inline-block;
		position: relative;
		max-width: 100%;
		max-height: 100%;
		top: 50%;
		transform: translateY(-50%);
}

.gallery-slider__images .next-next-arrow, .gallery-slider__images .prev-arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 47px;
		height: 47px;
		border-radius: 50%;
		background: #aaa2ff;
		border: 0 none;
		text-align: center;
		color: #FFF;
		z-index: 5;
		transition: all 0.5s;
		outline: 0;
}
	.gallery-slider .next-next-arrow svg, .gallery-slider .prev-arrow svg {
              width: 18px;
              height: 18px;
              position: relative;
              top: -2px;
}	
 .gallery-slider__images .next-next-arrow {
	  right: 25px;
}
.gallery-slider__images .prev-arrow {
	  left: 25px;
}

.caption {
		width: 100%;
		position: relative;
		text-align: center;
		display: block;
		opacity: 1;
		transition: opacity 0.15s;			
}
.gallery-slider__thumbnails  {
		position: relative;
		top: auto;
		left: 0px;
		width: 100%;
		z-index: 4;
		transition: all 0.8s;
		margin: 0;
		padding: 14px 0;
}
.gallery-slider__thumbnails:before, .gallery-slider__thumbnails:after  {
		content: '';
		display: block;
		width: 100px;
		height: 100%;
		position: absolute;
		top: 0;
		z-index: 10;
		pointer-events: none;
}
.gallery-slider__thumbnails:before  {
		left: 0;
		background: linear-gradient(to right, rgba(#ccc,1) 0%,rgba(#ccc,0) 100%);
}
.gallery-slider__thumbnails:after {
		right: 0;
		background: linear-gradient(to right, rgba(#ccc,0) 0%,rgba(#ccc,1) 100%);
}
	
.gallery-slider__thumbnails .item .img-fill{
		height: 100px;
		background: white;
		cursor:pointer;
		border: 5px solid white;
		text-align: center;
}
.gallery-slider__thumbnails .item .img-fill img{
                opacity: 0.5;
		transition: all 0.5s;
		display: inline-block;
		position: relative;
		max-width: 100%;
		max-height: 100%;
		top: 50%;
		transform: translateY(-50%);					
}			
.gallery-slider__thumbnails .item:hover .img-fill img{
		opacity: 1;
}
.gallery-slider__thumbnails .slick-center img {
		opacity: 1;
}
.gallery-slider__thumbnails .next-next-arrow, .gallery-slider__thumbnails .prev-arrow {
		position: absolute;
		width: 40px;
		height: 40px;
		top: 50%;
		transform: translateY(-50%);
		background:#aaa2ff;
		color: #FFF;
		border: 0 none;
		z-index: 15;
		display:block !important;
}
           svg {
		top: 2px;
			}
.gallery-slider__thumbnails .next-next-arrow {
		right: 0px;
}
.gallery-slider__thumbnails .prev-arrow {
		left: 0px;
}

.next-next-arrow, .prev-arrow {
    cursor: pointer;
	svg {
		width: 18px;
		height: 18px;
		position: relative;
	}
}
.gallery-slider__thumbnails .item.slick-center img {
    opacity: 1;
}

.img-fill {
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center
}	
.slick-slider {
	margin: 0 -7.5px;
	padding: 0!important;
}
.slick-slide {
	float: left;
	padding: 0 7.5px;
    outline: none;
}
input#textInput {
    margin-bottom: 10px;
}
.gallery-slider__thumbnails .slick-track {
    margin-left: 0 !important;
    margin-right: 0 !important;

}
/*End CSS for individualpainting  Slider*/

.individual-painting .select-images p {
  font-size: 22px !important;
}
.individual-heading {
    font-size: 36px !important;
    padding-left: 0px !important;

}
.delete-painting {
    position: absolute;
    bottom: -76px;
    right: 16px;
}

.delete-frame {
    position: absolute;
    bottom: -76px;
    right: 16px;
}

#frame_delete .modal-body h2 {
    font-size: 24px;
}
.request-details h2 {
text-align:left !important;
padding: 28px 0px !important;
}
.request-details  .draw-section {
    margin-top: 20px;
}
.request-details {
    margin-top: -36px;
}
.request-details .tab .draw-section h2 b {
   background-size: 135px 38px !important;
    padding-left: 110px;
    font-size: 33px !important;
    margin-left: -82px !important;
}

.request-step2 b {
    background-image: url(../images/Rectangle-1554.png) !important;
}
.request-details label {
    padding:0 !important;
}

.paint-process p {
     font-family: 'Poppins-Regular';
     font-size:18px;
     margin: 8px 0px;
     color:#000;
}


 .moadal-img {
     height: 600px;
    overflow-y: auto;
     margin:30px 0px;
}
button#adddiv {
    font-size:30px;
padding: 5px 15px;
}
#adddiv small {
  color:#fff !important;
   padding-top: 5px;
}



.customerlist>tbody>tr:nth-of-type(odd)>* {
    background-color: rgb(255 205 212 / 54%) !important;
}
.customerlist thead th {
   font-family: 'Poppins-SemiBold';
    font-size: 18px;
}  
.customerlist tbody tr td {
   padding: 12px 10px !important;
   font-family: 'Poppins-Regular';
   font-size: 15px;
}
.dataTables_filter  input {
    padding: 7px !important;
    margin-left: 9px !important;
    box-shadow: 0px 0px 7px #cccccca6;
    font-size: 18px;
    border-radius: 11px !important;
    margin-bottom: 12px;
    border:0 !important;
}

.dataTables_filter label,.dataTables_length label,.dataTables_info {
  font-size: 18px;
    font-family: 'Poppins-Medium';

}
.dataTables_length select {
  padding:0 !important;
  font-size:14px;
  border-radius: 10px !important;
}
table.dataTable.no-footer {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgb(0 0 0 / 15%);
}
.Purchase-card  .dataTables_paginate  a {
   color: #aaa2ff !important ;
    font-weight: 600  !important;
 cursor:pointer;
text-decoration:none;
}




.Purchase-card .dataTables_paginate  span a {
    border-radius: 50% !important;
    padding: 0px 9px!important;
     margin-right: 11px;
    cursor:pointer;
    border-color: #aaa2ff!important;
text-decoration:none;
}
.Purchase-card  .delete-btn i {
   color:#dc3545 !important;

}
.btn-icon:focus {
   box-shadow: none !important;
}
.dataTable {
    border-radius: 11px !important;
    box-shadow: 0px 0px 10px 0px #9e9e9e5c;
    border-color: #80808047 !important;
}
.customerlist thead tr th:first-child {
   border-left:none;
}  
.customerlist thead tr th:last-child {
   border-right:none;
}  
 
.table > :not(:last-child) > :last-child > * {
    border-bottom-color: rgba(0, 0, 0, 0.3) !important;
}

#artist-table_wrapper .previous,#artist-table_wrapper .next {
  color:#aaa2ff !important;
}

span.description {
    color: #5b73f0;
    font-size: 23px;
    font-family: 'Poppins-Medium';
}
.form-check-input:checked {
    background-color: #aaa2ff !important;
    border-color: #aaa2ff !important;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: center !important;
}
#myTable123 table.dataTable thead th
{
	text-align: left !important;
}

  .reuestform-script {
     font-family: 'Poppins-Regular';
}
input.checkbox {
    position: absolute;
    top: 8px;
    right: 15px;
}
.slickbtn3  .pre-img {
    position: absolute;
   top: -9px;
    left: 90px;
    width: 35px !important;
}
.slickbtn3 .next-img {
     right: 22px;
    position: absolute;
    top: -10px;
    width: 35px !important;
}

.slick-slider3 .slick-slide img {
    display: block;
    width: 230px;
    border: 4px solid #aaa2ff;
    padding: 4px;
   height: 185px;
   object-fit:cover;
}
.request-detail-profile {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
}
.request-detail-profile-card {
padding: 35px 25px;
    width: 262px;
    text-align: center;
border-radius: 16px !important;
    border: transparent !important;
    box-shadow: 0px 0px 10px 0px #9e9e9e5c;

}
.add-painting-img img {
    border: 3px solid #aaa2ff;
    padding: 5px;
    margin-bottom: 18px;
}

.request-detail {
    border-radius: 16px !important;
    border: transparent !important;
    box-shadow: 0px 0px 10px 0px #9e9e9e5c;


}

/* CSS for selected-card  */
.selected-card input {
    position: absolute;
    top: 15px;
    right: 28px;
    z-index: 9;
    height: 25px;
    width: 25px;
}
.selected-card input:checked + label {
      border:3px solid #aaa2ff;
      border-radius: 16px;
}
.selected-card  label {
    display: block;
    width: 100%;
    text-align: center;
    transition: box-shadow .15s linear, transform .15s linear;
  }
   .selected-card label:hover { 
      border-radius: 16px;
      -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
      transition: box-shadow .15s linear, transform .15s linear;
      
      -webkit-transform:  scale(1);
      -moz-transform:  scale(1);
      -ms-transform:  scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    
   .selected-card span.spec {
      display: block;
      text-transform: uppercase;
      margin: 0 auto 30px;
      font-size: 10px;
    }
.selected-card {
    margin-bottom: 26px;
}

/*End CSS for selected-card  */
.carousel-control-prev  .pre-img {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 35px;
}
.carousel-control-next  .next-img {
    right: 18px;
    position: absolute;
    top:50%;
    width: 35px;
}
.requested-painting{
   height: 230px;
}
.requested-painting h4 {
   word-wrap: break-word;
}
.request-detail-slider a {
  background-color:transparent !IMPORTANT;

}
 .submited-review {
    background-color: #fff;
    padding: 10px 22px;
    display: none;
    position: absolute;
    right: 26px;
    z-index: 9;
    border: 3px solid #4b4b4b;
    border-radius: 17px;
    width:500px;
    bottom: 80px;
}
.submit-btn:hover  .submited-review  {
    display:block;
}
.submited-review p {
        font-size: 20px !important;
    }
   .submited-review .rating-star {
    font-size: 28px  !important;
}
.submited-review .rating-star i,.request-detail  .rating-star i {
    margin-left: 4px;
    margin-right: 4px;
}
.slick-slider3 {
   width: 1110px;
}
.slick-slider3 .slick-list  {
    margin-left: 78px;
}
.request-detail-slider {
 height:100% !important;
}
.request-detail .request-detail-slider h4 {
   font-size:24px;
}
.request-detail .review-section .section-heading,.request-detail  .rating-star {
   font-size:24px;

}
.gallery-section .request-detail-slider .artist-text a {
  color:#aaa2ff;
  padding: 0 !important;
  font-size: 30px;
}
.rating-star i:first-child {
  margin-left:0px !important;
}

 .lightBorder  img {
    margin: -2px 8px 10px 9px;
    color: #000;
    border-radius: 6px;
    width: 42px;
     cursor: pointer;
}

.line-box {
    width: 160px;
    background: #2c3e50;
    position: absolute;
    top: 8px;
    left: 62px;
    transition: left 0.5s ease;
    background-color: #aaa2ff;
    padding: 5px 10px;
    display: none;
    z-index: 99;
    border-radius: 10px;
}

.resize-box {
  width: 160px;
    background: #2c3e50;
    position: absolute;
    top: 420px;
    left: 62px;
    transition: left 0.5s ease;
    background-color: #aaa2ff;
    padding: 5px 10px;
    display: none;
    z-index: 99;
    border-radius: 10px;

}

.resize-box input {
   padding: 0px 10px;
   margin: 5px 0px;
}
.resize-box input::placeholder  {
  font-size:14px;
}
 .hide {
  display:block;

}

.close-icon i:hover {
 background-color: transparent;
}
span.close-icon {
    font-size: 18px;
 cursor: pointer;
}

.resize-button {
    border-radius: 10px;
    margin: 9px 35px;
    padding: 5px 14px;
    background-color: #f7ced4;
    border: none;
    font-family: 'Poppins-SemiBold';
    font-size: 14px;
    float: right;
    box-shadow: 0px 0px 11px 0px #a9a9a9;
}
.painting_row .update-btn button {
    margin-top: 32px;
    padding: 14px 18px !important;
}
.edit-myprofile .edit-heading {
    font-size: 32px;

}
.media-images div {
    width: 250px;
    word-wrap: break-word;
    padding: 0px 20px;
}

#submited_painting .delete-icon {
   bottom: -48px;
    right: 22px;
    background-color: #aaa2ff !important;
    border: 0;
    font-size: 18px;
    width: auto;
    padding: 0px 7px !important;
}

.delete-icon i {
	color:#fff !important;
}
.media-slider {
    margin: 16px 0px;
}

.media-images img {
    border: 4px solid #aaa2ff;
    padding: 4px;
    object-fit:cover;
}
.assigned-artist-name h4 {
   font-size:22px !important;
}

.payment-card label {

   font-size:20px !important;
}
.payment-card p {
    font-family: 'Poppins-Medium';
    color: #000;
    font-size: 16px;
    margin: 12px 0px;
}
.media-images span {
    font-family: 'Poppins-Medium';
    margin-right: 40px;
}
.payment-painting h1 {
  font-size: 30px;
}
.payment-painting p {
    margin: 8px 0px;
   
    font-size: 16px !important;
}
.star-icons  i:nth-child(2)  {
  padding-left:0 !important;
}
.buy-now {
  padding: 8px 14px;
font-family: 'Poppins-Medium'; 
text-decoration:none;
}
.buy-now:hover{
  color:#fff !important;
}
.dataTables_length,.dataTables_info {
float: left;
}
.dataTables_filter,.dataTables_paginate {
float: right;
}
.billing-checkbox {
    accent-color: #aaa2ff;
    height: 18px;
    width: 18px;
    margin: 0px 6px;
}

/* waves */
.homepage-footer {
    background: url(../images/Path-32808.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 30px;
}
.homepage-vedio-section ul li a {
    font-size: 24px;
    font-family: 'Poppins-Medium';
    text-decoration: none;
    color: #000;
}
.homepage-menu  li a {
    font-size: 24px;
    font-family: 'Poppins-Regular';
    text-decoration: none;
    color: #000;

}
.homepage-menu  li  {
    padding-top: 16px;
    border-bottom: 3px solid transparent;
}
.homepage-menu  .active{
    border-bottom: 3px solid #aaa2ff;
}
.homepage-footer-logo ul li a {
    font-size: 20px;
    font-family: 'Poppins-Regular';
    padding: 10px 0px;
    text-decoration: none;
    color: #000;
}
.close-btn img {
	width: 25px;
}
.close-btn {
    position: absolute;
    top: 8px;
    right: 4px;
}
.homepage-form-group input:focus {
  
    box-shadow: none !important;
}
.homepage-form-group input {
   border: 0;
    border-radius: 8px;
    padding: 20px 26px;
    margin: 12px 0px;
box-shadow: 0px 0px 11px 0px #ccc;
}

.ocean {
    height:400px;
    width: 100%;
    position: relative;
    top: 100%;
    left: 0;
    right: 0;
    overflow-x: hidden;
    margin-top: -128px;
  }
  .logo-section-layer  img {
    width: 600px;
   
  }
  .vedio-section img {
  
    z-index: 9;
  }
  .vedio-section:after{
    content: "";
    background-image: url(../images/Group-2446.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -22px;
    left: -107px;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
 
  .wave {
    background:url(../images/wave-6.png);   
    position: absolute;
    width: 200%;
    height: 100%;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
  }
  
  .wave:nth-of-type(2) {
    bottom: 0;
    animation: wave 18s linear reverse infinite;
    opacity: 0.5;
  }
  
  .wave:nth-of-type(3) {
    bottom: 0;
    animation: wave 20s -1s linear infinite;
    opacity: 0.5;
  }
  .homepage-header {
    position: relative;
}
  .homepage-menu {
    position:fixed;
    top:0px;
    width:300px;
    height:auto;
    box-shadow: 0px 0px 11px 0px #cccccc;
    background-color:#e9e9e9;
    padding-top:80px !important;
    padding: 25px;
    z-index: 1;
    right:0;
    border-bottom-left-radius: 14px;

}

.about-bgcolor-box {
    background-color:#aaa2ff29;
    padding: 30px 34px;
}
.menu-btn {
    z-index: 99;
    position: fixed;
    right: 34px;
}
.menu-btn img {
    width: 40px;
}


.ocean::-webkit-scrollbar {
    display: none;
}
  
  @keyframes wave {
      0% {transform: translateX(0);}
      50% {transform: translateX(-25%);}
      100% {transform: translateX(-50%);}
  }
  .menu-btn img {
width:40px;
}
.homepage-menu li:hover {
    border-bottom: 3px solid #aaa2ff;
}
.contact-us-section {
    background-image: url(../images/contact.png)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
    
}


#loading {
position: fixed;
width: 100%;
height: 100vh;
background: #fff url('images/loader.gif') no-repeat center center;
z-index: 9999;
}
.contact-us-section .artist-text {
    z-index: 9;

}
.homepage-form-group textarea {
    border: 0 !important;
    border-radius: 8px!important;
    padding: 20px 26px!important;
    margin: 12px 0px!important;
    height: 120px;
    box-shadow: 0px 0px 11px 0px #ccc;
}
 textarea::-webkit-input-placeholder {
  line-height:20px;
}
.contact-us-section .vedio-section:after {
   left:0!important;
}
.homepage-form-group textarea:focus {
   box-shadow:none !important;
}

.about-us-section {
    background-image: url(../images/Group-2937.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
}
.bg-color-heading b {
    background-color: #f7ced4;
    padding-left: 40px;

}
.vedio-section h1 {
   font-size: 78px;
}
.about-us-section .section-heading {
    color:#000;
    font-size: 33px;
}
.about-us-section .vedio-section:after {
    left: -65px;
    top: 0px;
    z-index: -1;
    background-size: 20%;
}

        /* Loader CSS */
        #loader {
            display: none; /* Hidden by default */
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 9999;
        }

.about-us-img:after {
    width: 57%;
    height: 100%;
    content: "";
    background: url(../images/Group-2947.png);
    position: absolute;
    top: -74px;
    left: 94%;
    background-repeat: no-repeat;
    z-index: -1;
    
}
.ocean::-webkit-scrollbar {
    display: none;
}
  
  @keyframes wave {
      0% {transform: translateX(0);}
      50% {transform: translateX(-25%);}
      100% {transform: translateX(-50%);}
  }
  .menu-btn img {
     width:40px;
}

/*POP up style */
.modal-header{
	background-color: #e4e4e4;
    border-radius: 22px 22px 0px 0px !important;
}
.mod-header {
    width: 100%;
    text-align: center;
}
h1.modal-title {
    color: #AAA2FF;
}
button#close,button#closetour {
    border: none;
    background: no-repeat;
    font-size: 34px;
    color: #626262;
}
button#close:hover,button#closetour:hover {
    color: #000;
    
    
}
.modal-footer {
    padding-left: 50px!important;
}
input#popupMaintenanceCheckbox, input#popupMaintenanceCheckboxtour {
    margin-right: 10px;
   
}
.modal-body{
    overflow-y: auto;
    height: 500px;
    
}

.fa-eye-slash:before{
    top: 15px;
    position: relative;
}

.fa-eye:before{
    top: 15px;
    position: relative;
}

.btn.btn-danger {
    padding: 3px 17px !important;
    font-size:18px;
  border:2px solid transparent !important;
    border-radius: 10px;
}

.btn.btn-danger:hover {
   background:transparent;
   color:#b02a37;
font-size:18px;
   border:2px solid #b02a37 !important;
}


table#myrequests th:last-child {
    text-align: center !important;
}






/*span#togglePassword12.fa-eye-slash:before{
    position: relative;
    top: -47px;
    border: 2px solid black;
    left: 44%;
    /* right: 0;
}
span#togglePassword12.fa-eye:before{
    position: relative;
    top: -47px;
    border: 2px solid black;
    left: 44%;
    /* right: 0;
}*/
span#togglePassword12 {
    POSITION: relative;
    top: -66px;
    left: 46%;
    padding: 6px 12px;
    height: 66px;
    border-bottom-right-radius: 10%;
    border-top-right-radius: 10%;
}
span#togglePassword12 .fa-eye:before {
    top: 20px;
    position: relative;
}
span.description:before {
    content: "\0023";
}
 
        #modalview {
            display: none; 
        }

.line-width{
width:100%
}

.switch{
  -webkit-appearance: none;
  height: 1rem;
  width: 3rem;
  background-color: #8581c1;
  border-radius: 43px;
  position: relative;
  cursor: pointer;
  &::after {
    top: 1px;
    left: 2px;
    content: '';
    width: 0.8rem;
    height:0.8rem;
    background-color:lightgray;
    position: absolute;
    border-radius: 100%;
    transition: 1s;
  }
  &:checked {
    background-color: #b59aae;
    &::after {
      transform: translateX(2rem);
    }
  }
  &:focus {
    outline-color: transparent;
  }
}