.button-class-account { background: #202E65; color: #fff; padding: 10px 16px; cursor: pointer; border: none; outline: none; border-radius: 33px; width: 100%; font-family: 'Nunito Sans', sans-serif; margin: 11px 0 13px 0;}
.account-section { background: #202E65; position: relative; overflow-y: hidden;}
.account-section > div:nth-of-type(1) { position: absolute; top:0; right: 0;}
.account-section > div:nth-of-type(2) { position: absolute; bottom:-10px; left: 0; height: 500px; width: 450px;}
.account-section > div:nth-of-type(2) img { width: 100%; height: 100%;}
.account-section-content { padding: 115px 611px 167px 142px; background: #EBD67A; margin-left: 450px;}
.account-section-content > div:nth-of-type(1) h1 { color: #202E65; font-size: 30px; font-family: 'Nunito Sans', sans-serif; padding-bottom: 54px; font-weight: 900; width: 522px;}
.inner-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 70px; }
.inner-content > div > ul { padding-left: 17px;}
.inner-content > div > ul > li { color: #202E65; font-size: 12px; list-style-type: disc;}
.inner-content > div > img {  max-width: 300px; height: auto;}
/* .inner-content > div { max-width: 300px;} */
.inner-content > div img.second{max-width: 270px;}
/* .inner-content > div:nth-of-type(1) { max-width: 350px;} */
.c-bold{font-weight: bold;}

.content-step-two .account-input > input#captcha::placeholder{font-weight: 500;}

.inner-content > div h2{color: #202E65;font-weight: 900;font-family: 'Nunito', sans-serif;font-size: 24px;padding: 16px 0px 11px;}
.button-class-holder {width: 100%;max-width: 339px;margin: 0 auto;margin-top: 28px;display: block;}
.account-section-content .button-class-holder .button-class-account {display: block; background: #202E65; color: #FFFFFF !important; padding: 10px 16px; cursor: pointer; border: none; outline: none; border-radius: 33px; width: 100%; font-family: 'Nunito Sans', sans-serif; margin: 11px 0 13px 0;text-decoration: none;text-align: center;font-size: 16px;}
.account-section-content .button-class-holder .button-class-account:hover,.account-section-content .button-class-holder .button-class-account :focus, .account-section-content .button-class-holder .button-class-account :visited {background: #202E65; color: #FFFFFF !important;text-decoration: none;font-size: 16px;}
/* step 2 */
.account-section-two { background: #202E65; position: relative; overflow-y: hidden;}
.account-section-two > div:nth-of-type(1) { position: absolute; top:0; right: 0;}

.account-section-two > div:nth-of-type(2) { position: absolute; top:-10px; left: 0; height: 500px; width: 450px;}
.account-section-two > div:nth-of-type(1) img { width: 100%; height: 100%;}
.account-section-two > div:nth-of-type(2) img { width: 100%; height: 100%;}
.account-section-step-two { padding: 40px 0 60px 68px; background: #EBD67A; margin-left: 450px;}
.account-section-step-two > div:nth-of-type(1) { max-width: 442px;}
.account-section-step-two > div:nth-of-type(1) h1 { color: #202E65; font-size: 24px; font-family: 'Nunito Sans', sans-serif; padding-bottom: 21px; font-weight: 900;}

.account-input { position: relative; border-radius: 6px; background: transparent; flex-wrap: wrap; width: 100%; display: flex; align-items: center; justify-content: space-between; font-family: 'Nunito Sans', sans-serif;}
.account-input > input::placeholder { color: #BABABA; font-family: 'Nunito Sans', sans-serif;  font-weight: normal; font-size: 17px;font: #202E65;}
.input_field { padding: 10px 8px; width: 100%; border: none; outline: none; border-radius: 6px; height: 48px; font-size: 24px; color: #202E65;}
.account-input > span { padding: 19px auto; background: transparent; height: 100%; position: absolute; top: 0; right: 0px}
.input-account-group { margin-bottom: 16px; width: 100%; max-width: 442px;}
.input-account-group > label { display: block; color: #202E65; font-size: 14px; font-family: 'Nunito Sans', sans-serif; margin-bottom: 8px;}
.password-requirements > div > span { color: #202E65; font-size: 14px !important; font-weight:400 !important; font-family: 'Nunito Sans', sans-serif;}
.password-requirements > div { margin-top: 15px; display: flex; column-gap: 15px; align-items: center;}
/* .error-class-input { border: 3px solid red;} */
/* .password-match-error { background: #CF001B; color: #fff; width: 100% !important; padding: 6px; font-size: 14px !important; margin-top: 7px;max-width: 398px; display: none;} */
.create-match-error { background: #CF001B; color: #fff; width: 100% !important; padding: 6px; font-size: 14px !important; margin-bottom: 7px;max-width: 398px;font-weight: 900;position: relative;/*top: 42px;*/}
.captcha > h6 {color: #202E65; font-size: 14px; font-family: 'Nunito Sans', sans-serif; margin-bottom: 8px;}
.captcha > h1 { font-size: 24px; padding-left: 10px;color: #202E65;font-weight: 900;font-family: 'Nunito', sans-serif;padding-bottom: 15px;}
input[type="text"].buf::placeholder{color: #202E65;font-weight: 900;font-family: 'Nunito', sans-serif;font-size: 24px;}
.regbtn{background: #202E65 0% 0% no-repeat padding-box;border-radius: 33px;width: 398px;height: 48px;color: #fff;font-size: 16px;border: none;}
.content-step-two > button { background: #202E65; color: #fff !important; padding: 10px 16px; cursor: pointer; border: none; outline: none; border-radius: 33px !important; width: 100%; font-family: 'Nunito Sans', sans-serif;font-size: 16px !important;}
.legal { padding: 0 20px; text-align: center; width: 400px;}
.legal > h3 {font-size: 14px; font-family: 'Nunito Sans', sans-serif; color: #202E65; line-height: 20px; font-weight: normal;}
.legal > h3:nth-of-type(1) { padding:15px 0}
.legal > h3:nth-of-type(1) a  { font-weight: 700;}
.legal > h3 > a { color: #202E65; text-decoration: underline;}

.input-account-group .error_label { background-color: #CF001B; width: 90%; height: 25px; font-size: 14px; color: #ffffff; padding: 4px; display: flex; align-items: center; }


/* Step Three */
.step-three-account { background: #202E65; position: relative; overflow: hidden;}
.step-three-account > img:nth-of-type(1) { position: absolute; left: -236px; top: 35px; width: 1140px; display: block;}
.step-three-account > div:nth-of-type(1) h1 { font-size: 44px; color:#E5C021; font-weight: 900; padding-bottom: 17px; font-family: 'Nunito Sans', sans-serif;}
.step-three-account > div:nth-of-type(1) h2 { font-size: 32px; color:#E5C021; font-weight: 900; margin-top: -30px; font-family: 'Nunito Sans', sans-serif;}
.step-three-account > div:nth-of-type(1) h3 { font-size: 32px; color:#E5C021; font-weight: 400; padding:19px 0; font-family: 'Nunito Sans', sans-serif; letter-spacing: 1px;}
.step-three-account > div:nth-of-type(1) { text-align: left; margin-left: 592px; padding:108px 0 368px 0;}
.account-three-adjust { text-align: center; width: 756px;}
.step-three-account > div > div> a > button  { background:  #E5C021; color: #202E65; padding: 15px 16px; cursor: pointer; border: none; outline: none; border-radius: 33px; width: 50%; font-family: 'Nunito Sans', sans-serif; margin: 11px 0 13px 0;}



/* login */
.login-section-wrapper { background: #202E65; border-top: 7px solid #202E65; position: relative; overflow-y: hidden;}
.login-section-wrapper > div:nth-of-type(1) { position: absolute; top:0; right: 0; width: 554px;}
.login-section-wrapper > div:nth-of-type(2) { position: absolute; top:-10px; left: 0; height: 500px; width: 551px;}
.login-section-wrapper > div:nth-of-type(1) img { width: 100%;  height: 100%;}
.login-section-wrapper > div:nth-of-type(2) img { width: 100%; height: 100%;}
.forgot-password { text-align: right; display: block; color: #202E65; font-size: 14px; font-family: 'Nunito Sans', sans-serif; margin: 8px 0 16px 0; text-decoration: underline;}
.login-section { padding: 56px 60px 154px 60px; background: #EBD67A; margin-left: 551px; margin-right: 554px; z-index: 9;}
.login-section > div:nth-of-type(1) h1 { color: #202E65; font-size: 24px; font-family: 'Nunito Sans', sans-serif; padding-bottom: 21px; font-weight: 900;}

.login-section .account-input .password-icon{position: absolute;right: 15px;cursor: pointer;}
.login-section .input-account-group { max-width: 100%;}




/* create account artist */

.create-account-artist-page-style { border-top: 4px solid #E5C021;}
.create-account-artist { background: #202E65; position: relative; overflow-y: hidden;}
.create-account-artist > div:nth-of-type(1) { position: absolute; top:0; right: 0; width:550px;}
.create-account-artist > div:nth-of-type(2) { position: absolute; bottom:-10px; left: 0; width: 716px;}
.create-account-artist > div:nth-of-type(1) img { width: 100%; height: 100%;}
.create-account-artist > div:nth-of-type(2) img { width: 100%; }

.select_account_option p{color: #202E65;font-size: 14px;font-family: 'Nunito Sans', sans-serif;margin-bottom: 8px;line-height: 19px;}
.select_account_option .account_type_wrapper{color: #202E65;padding-bottom: 16px;gap: 0px 22px;}
.select_account_option .account_type_wrapper .checkbox {margin: 0;}
.account-option-check{-webkit-appearance: none;-moz-appearance: none;appearance: none;display: none;}
label.acct_type{position: relative;}
label.acct_type::before{content: ' ';position: absolute;top: 0;left: 1px;border: 1px solid #202F65;background-color: transparent;width: 17px;height: 17px;cursor: pointer;}
.account_type_wrapper .checkbox input[type="checkbox"]:checked + label.acct_type::before{background-color: transparent;}
label.acct_type::after{  content: '✔';position: absolute;top: 0px;left: 4px;color: #202F65;display: none;}
.account_type_wrapper .checkbox input[type="checkbox"]:checked + label.acct_type::after{display: block;}
input.account-option-check:checked + label.acct_type:after { content: ''; display: block; position: absolute; top: 1px; left: 7px; width: 6px; height: 12px; border: solid #202F65; border-width: 0 2px 2px 0; transform: rotate(45deg); }

.select_account_option .account_type_wrapper .checkbox:checked {background: rgba(40,40,40,0.7);}

.account-artist-container   { padding: 40px 0 60px 138px; background: #202E65; margin-left: 625px;}
.account-artist-container > div:nth-of-type(1) { max-width: 398px;}
.account-artist-container > div:nth-of-type(1) h1 { color: #ffffff; font-size: 24px; /*padding-bottom: 21px;*/ font-weight: 900;}
.account-artist-container > div:nth-of-type(1) p { color: #ffffff; font-size: 14px; padding-bottom: 21px; margin-top: 16px; font-weight: 300;line-height: 19px;}
.account-artist-container > div:nth-of-type(1) h4 { color: #ffffff; font-size: 14px; padding-bottom: 21px; font-weight:300;}
.account-artist-container > div .captcha-ar h1{color: #ffffff; font-size: 24px;font-weight: 900;padding: 8px 8px 12px;}
.account-artist-container-c { padding: 40px 0 60px 138px; background: #202E65; margin-left: 625px;}
.account-artist-container-c > div:nth-of-type(1) { max-width: 398px;}
.account-artist-container-c > div:nth-of-type(1) h1 { color: #ffffff; font-size: 24px; font-family: 'Nunito Sans', sans-serif; padding-bottom: 21px; font-weight: 900;}
.account-artist-container-c > div:nth-of-type(1) h4 { color: #ffffff; font-size: 14px; font-family: 'Nunito Sans', sans-serif; padding-bottom: 21px; font-weight:300;}

.account-input { border-radius: 6px; background: #fff; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: 'Nunito Sans', sans-serif;}
.account-input > input::placeholder { color: #BABABA; font-family: 'Nunito Sans', sans-serif;}
.account-input > input {  padding: 10px 8px; width: 100%; border: none; outline: none; border-radius: 6px;}
.account-input > span { padding: 6px 0 0 0; background: #F4F4F4; }
.account-input > span .fas{color: #5667AC;cursor: pointer;}
.input-account-group-ar { margin-bottom: 16px; width: 100%;}
.input-account-group-ar > select {width: 100%; border-radius: 8px; padding:12px 6px; outline: none; border:none;}
.input-account-group-ar > textarea {width: 100%; border-radius: 8px; padding:12px 6px; outline: none; border:none;}
.input-account-group-ar > label { display: block; color: #ffffff; font-size: 14px; font-family: 'Nunito Sans', sans-serif; margin-bottom: 8px;}

.password-requirements > div > span { color: #202E65; font-size: 14px !important; font-weight:400 !important; font-family: 'Nunito Sans', sans-serif;}
.password-requirements > div { margin-top: 15px; display: flex; column-gap: 15px; align-items: center;}
/* .error-class-input { border: 3px solid #DB1F26;} */

.content-step-two .account-input > span, .content-step-two .account-input > input {background: #fff;}
.content-step-two .account-input > span {display: flex;border-radius: 6px;align-items: center; margin-right: 21px; background-color: transparent;}
.password-match-error-artist { background: #FFDEE0; color: #CF001B; width: 100% !important; padding: 6px; font-size: 12px !important; margin-top: 2px;}
.captcha-ar > h6 {color: #f8f8f8; font-size: 14px; font-family: 'Nunito Sans', sans-serif; margin-bottom: 8px;}
.captcha-ar > h1 { font-size: 23px; padding-left: 10px;}
.captcha-hd > input  {font-size: 24px;line-height: 32px;font-weight: 900;font-family: 'Nunito Sans', sans-serif;}
.artist-btn { background: #E5C021 !important; color: #202E65 !important; padding: 10px 16px; cursor: pointer; border: none; outline: none; border-radius: 33px; width: 100%; font-family: 'Nunito Sans', sans-serif;font-size: 16px;}

.legal-artist { padding: 0 40px; text-align: center; }
.legal-artist > h3 {font-size: 14px ; font-family: 'Nunito Sans', sans-serif; color: #ffffff; line-height: 20px;}
.legal-artist > h3:nth-of-type(1) { padding:15px 0}
.legal-artist > h3:nth-of-type(1) a  { font-weight: 800;}
.legal-artist > h3 > a { color: #ffffff !important; text-decoration: underline;}
.legal-artist > h3:nth-of-type(1) > a:nth-of-type(1) { color: #E5C021 ;}

.input-custom-dropdown{position: relative;}
.custom-select{padding: 14px 20px 15px;}
.custom-select p{color: #202E65 !important;font-size: 14px ; font-family: 'Nunito Sans', sans-serif;margin-bottom: 0;padding-bottom: 0px !important;margin-top: 0px !important;}
.custom-select img{width: 12px; height: auto;}
.custom-dropdown-item-wrap.hidden{display: none;}
.custom-dropdown-item-wrap {position: absolute; top: 25px;width: 100%;border-radius: 6px;box-shadow: 0px 3px 6px #00000029;background-color: #FFFFFF;padding: 15px 0px 19px;margin: 0;}
.custom-dropdown-item-wrap .custom-dropdown-item{list-style-type: none;padding: 6px 20px;color: #202E65;font-size: 14px ;cursor: pointer; font-family: 'Nunito Sans', sans-serif;}
.custom-dropdown-item:hover {background-color: #DFE3F2;font-weight: bold;transition: ease-in-out 0.3s;}


.create-account-welcome > h2 { font-size: 20px; color: #ffffff; font-family: 'Nunito Sans', sans-serif; font-weight: 400; line-height: 25px;}
.create-account-welcome > h3 { font-size: 20px; color: #ffffff; font-family: 'Nunito Sans', sans-serif; font-weight: 300; line-height: 30px; padding-right: 50px;}
.create-account-welcome > h1 { font-size: 30px; color: #ffffff; font-family: 'Nunito Sans', sans-serif; margin-bottom: 16px; line-height: 34px;}
.create-account-welcome { width: 481px; position: absolute; top: 57px; left: 184px;}
.artist-account-showcase { background: #EBD67A; padding: 43px 350px 78px 350px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.artist-account-showcase > div { text-align: center; }
.artist-account-showcase > div > img { height: 120px;}
.artist-account-showcase > div > h1 { font-size: 16px; color:#082446; font-family: 'Nunito Sans', sans-serif; padding: 29px 0 16px 0;}
.artist-account-showcase > div > p { font-size: 14px; color:#082446; font-family: 'Nunito Sans', sans-serif;}
.artist-account-showcase.hidden{display: none !important;}
 /* login artist */
 .input-account-group-ar > a { color: #fff; margin-top: 14px; margin-bottom: 16px;}
/* .create-account-artist-page-style { border-top: 6px solid #E5C021;} */
.login-artist { background: #202E65; position: relative; overflow-y: hidden; padding: 87px 0 171px 0}
.login-artist > div:nth-of-type(1) { position: absolute; top:0; right: 0; width:550px;}
.login-artist > div:nth-of-type(2) { position: absolute; bottom:-10px; left: 0; width: 716px;}
.login-artist > div:nth-of-type(1) img { width: 100%; height: 100%;}
.login-artist > div:nth-of-type(2) img { width: 100%; height: 100%;}


/* artist-upload */
.upload-bg-style { background: #202E65; color: #202E65; padding: 59px 0 39px 0;}
.yellow-base { height: 268px; background: #EBD67A; width: 100%;}
.upload-divisor { display: grid; grid-template-columns: 1fr 1.2fr; align-items:end; gap: 213px; }
.upload-divisor > div:nth-of-type(1) > img { position: absolute; bottom: -306px; right: -203px;}
.upload-divisor > div:nth-of-type(1) > p { font-family: 'Nunito Sans', sans-serif; font-size: 14px;}
.upload-divisor > div:nth-of-type(1) > h1 { font-family: 'Nunito Sans', sans-serif; font-size: 40px; padding-bottom: 7px; line-height: 48px; font-weight: 900;}
.upload-divisor > div:nth-of-type(2) > div:nth-of-type(1) > img { margin-bottom: 30px;}
.upload-btn { background: #2BA36B; color: #fff;  border:1px solid #2BA36B; outline: none; padding: 12px 36px; font-family: 'Nunito Sans', sans-serif; font-size: 18px; cursor: pointer;}
.cancel-btn { background: #fff; color:#202E65; border:1px solid gray; padding: 12px 36px ; font-size: 18px; cursor: pointer; font-family: 'Nunito Sans', sans-serif;}
.upload-divisor > div:nth-of-type(2) > div:nth-of-type(1) { text-align: center; background: transparent; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.upload-divisor > div:nth-of-type(2) > div > p > a { color:#202E65 !important; text-decoration: underline;}
.upload-divisor > div:nth-of-type(2) > div > p { padding: 8px; font-size: 13px;}
.upload-divisor > div:nth-of-type(2) > div > h2 { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 900;}
.upload-divisor > div:nth-of-type(1) { padding: 24px 58px 213px 24px; background: #E5C021; border-radius: 10px; position: relative; }
.upload-divisor > div:nth-of-type(2) > div > ul { padding-left: 20px;}
.upload-divisor > div:nth-of-type(2) > div > ul > li { list-style-type: disc; font-size: 12px;}
.upload-divisor > div:nth-of-type(2) > div { background: #EBD67A; border-radius: 6px; padding: 18px 75px 32px 31px}



/* UPLOAD_modal */
.upload-modal { position: fixed; width: 100%; top:0; left:0; height: 100vh; background-color: #202e65ba; display: none; z-index: 20;}
.upload-modal-content { padding: 33px 73px 59px 84px; background: #fff; border-radius: 10px;  min-width: 790px; margin: 0 auto; text-align: center; position: absolute; top:50%; left:50%;  transform: translate(-50%, -50%);}

.upload-modal-content > div:nth-of-type(2) > a { color:#202E65 ; text-decoration: underline;}
.upload-modal-content > div:nth-of-type(2) { background: #FFF2F2; padding: 12px 59px 12px 9px; width: 100%; color: #C93631; border-radius: 10px; font-size: 14px; margin: 9px 0 20px 0; }
.upload-modal-content > p { color: #C93631; line-height: 30px; font-size: 14px; margin-bottom: 38px; margin-top: 12px;}
.upload-modal-content > h1 { font-family: 'Nunito Sans', sans-serif; font-size: 24px; color:#202E65;}


/* uploaded-img *****************************************************************/
.uploaded-img > div:nth-of-type(1) img { background: #EFEFEF;}
.uploaded-img { display: grid; grid-template-columns: 1fr 6fr;}
.upload-string > div > img { cursor: pointer; position: absolute; bottom: 27px; right: 0;}
.upload-string { position: relative;}
.upload-string > div > h3 { color: #777777; font-size: 16px;}
.loaded-border { background: #C6C6C6; height: 3px; width: 94%; margin-top: 24px;}

.text-counter-holder-tab > h6 {
    font-size: 13px;
    color: #777777;
    display: none;
}
.text-counter-holder > h6 {
    font-size: 13px;
}
.text-counter-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #777777;
    margin-bottom: 7px;
    margin-left: 106px;

}

.checkbox-success-group > input {
    width: 25px;
    height: 25px;
}
.checkbox-success-group > label {
    margin-left: 14px;
}
.checkbox-success-group {
    font-size: 14px;
    color:#202E65;
}


/* uploaded-img-success *****************************************************************/
.uploaded-img-success > div > img { width: 80px;}
.uploaded-img-success > div:nth-of-type(1) img { background: #EFEFEF;}
.uploaded-img-success  { display: grid; grid-template-columns: 1fr 8fr; margin-top: 43px;}
.upload-string-success > div > img { cursor: pointer; position: absolute; bottom: 88px; right: 0;}
.upload-string-success { position: relative;}
.upload-string-success > div > h3 { color: #777777; font-size: 16px;}
.loaded-border-success { background: #49AD64; height: 6px; width: 94%; margin-top: 35px; border-radius: 30px;}
.upload-success-alert { background: #DFF4DB; color: #003F20; font-size: 13px; text-align: center; padding: 8px 0; margin: 40px 0 20px 0; border-radius: 7px; width: 94%;}































.new-wrapper { padding: 0 200px 0 192px }


/* media queries */
@media (min-width: 1970px) {
    .login-section { padding: 56px 54px 154px 54px;}
}
@media screen and (max-width: 1800px) {
    .login-section { padding: 56px 60px 154px 60px;}
}

@media screen and (max-width: 1700px) {

    .account-section-content { padding: 80px 391px 167px 72px }
    .login-section { padding: 56px 70px 154px 70px;}
    .new-wrapper {padding: 0 100px; }
    .create-account-welcome { left: 90px;}

    .account-artist-container { margin-left: 500px;}
    .account-artist-container-c { margin-left: 500px;}
    .create-account-artist > div:nth-of-type(2) { left: -61px;}

     /* login */
     /* .login-section-wrapper > div:nth-of-type(1) { width: 454px;}
     .login-section-wrapper > div:nth-of-type(2) { width: 451px;} */
    .login-section-wrapper > div:nth-of-type(1) {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%;  width: 200px;}
    .login-section-wrapper > div:nth-of-type(1) img {width: 100%; height: 200px;}
    .login-section-wrapper > div:nth-of-type(2) {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%;  width: 200px;}
    .login-section-wrapper > div:nth-of-type(2) img {width: 100%; height: 200px;}
     .login-section { margin-left: 451px; margin-right: 454px; }

    /* login-artist */
    .login-artist > div:nth-of-type(2) { width:600px;}
    /* .login-artist > .contact-us-img { width:600px !important;} */


}

@media screen and (max-width: 1600px) {
    .account-section-content { margin-left: 350px; }
    .account-section > div:nth-of-type(2) { width: 350px; }
    .account-section > div:nth-of-type(1) { width: 250px;;}
    .account-section > div:nth-of-type(1) img { width: 100%; }


    /* step 3 */
    .step-three-account > img:nth-of-type(1) { left: -214px; width: 940px;}
    .step-three-account > div:nth-of-type(1) { text-align: left; margin-left: 435px; padding:108px 0 368px 0;}
    .step-three-account > div:nth-of-type(1) h1 { font-size: 30px; }
    .step-three-account > div:nth-of-type(1) h2 { font-size: 20px; }
    .step-three-account > div:nth-of-type(1) h3 { font-size: 20px; }
    .step-three-account > div:nth-of-type(1) img { width: 500px; }
    .step-three-account > div > div> a > button  { padding: 10px 16px; width: 40%;}
    .account-three-adjust { width: 656px;}






    /* create-account-artist */
    .create-account-welcome { width: 380px;}
    .create-account-welcome > h1 { font-size: 24px; line-height: 25px; margin-bottom: 12px;}
    .create-account-welcome > h2 { font-size: 16px; line-height: 24px;}
    .create-account-welcome > h3 { font-size: 15px; line-height: 23px;}
    .create-account-artist > div:nth-of-type(1) { width:470px;}


    .account-artist-container { padding: 40px 0 60px 138px; margin-left: 380px;}
    .account-artist-container-c { padding: 40px 0 60px 138px; margin-left: 380px;}
    .create-account-artist > div:nth-of-type(2) { width: 500px;}
    .artist-account-showcase { padding: 43px 250px 78px 250px;}

    /* login-artist */
    .login-artist > div:nth-of-type(1) { width:480px;}
    .login-artist > div:nth-of-type(2) { width:520px; left: -18px;}
    /* .contact-us-img  { width:520px; left: -18px;} */
    .login-artist { padding: 66px 0 8px 0;  }



    /* upload-artist */
    .upload-divisor > div:nth-of-type(1) > img { bottom: -290px; width: 700px;}
    .upload-divisor > div:nth-of-type(1) > h1 { font-size: 30px; line-height: 38px;}
    .upload-divisor > div:nth-of-type(1) > p { font-size: 13px;}
    .upload-divisor > div:nth-of-type(2) > div:nth-of-type(1) > img { margin-bottom: 15px; width: 130px;}

    .upload-btn { padding: 10px 30px; font-size: 16px;}
    .upload-divisor > div:nth-of-type(2) > div { padding: 18px 75px 12px 31px}

    /* upload-modal */
    .cancel-btn { padding: 10px 30px; font-size: 16px;}
    .upload-modal-content > p { line-height: 22px; font-size: 12px; margin-bottom: 35px;}
    .upload-modal-content > div:nth-of-type(2) { padding: 12px 29px 12px 4px; font-size: 12px;}
    .upload-modal-content { padding: 33px 73px 39px 84px; }


    /* upload-modal-success */
    .success-modal-content { padding: 40px 78px 40px 43px;}
    .success-input-group > input { padding: 12px 14px; font-size: 16px; margin-bottom: 20px;}
    .success-input-group > div > h1 { font-size: 14px; margin-bottom: 4px;}
    .success-input-group > div > h2 { font-size: 12px; margin-bottom: 4px;}
    .success-input-group > textarea { padding:14px; font-size: 14px ;}
    .text-counter-holder { margin-bottom: 0px; margin-left: 93px;}
    .text-counter-holder > h6 { font-size: 11px;}
    .checkbox-success-group { font-size: 12px; }
    .checkbox-success-group > input { width: 20px; height: 20px;}
    .uploaded-img-success > div > img { width: 60px;}
    .upload-string-success > div > h3 { font-size: 13px;}
    .loaded-border-success { height: 4px;}
    .upload-success-alert { padding: 6px 0; }


}



@media screen and (max-width: 1400px) {
    .account-section-content { margin-left: 200px; }
    .account-section > div:nth-of-type(2) { width: 200px; height: 300px; }
    .account-section > div:nth-of-type(1) { width: 250px;}
    .account-section > div:nth-of-type(1) img { width: 100%; }
    .account-section-content > div:nth-of-type(1) h1 { font-size: 25px; }

    .account-section-two > div:nth-of-type(2) { height: 400px; width: 250px;}
    .account-section-step-two { padding: 40px 0 60px 38px;  margin-left: 250px}
    .account-section-two > div:nth-of-type(1) {width: 323px;}


    .step-three-account > img:nth-of-type(1) { top: 202px; width: 804px;}
    .step-three-account > div:nth-of-type(1) {margin-left: 340px; }
    .step-three-account > div:nth-of-type(1) img { width: 421px; }
    .step-three-account > div:nth-of-type(1) h1 { font-size: 34px; }
    .step-three-account > div:nth-of-type(1) h2 { font-size: 22px; }
    .step-three-account > div:nth-of-type(1) h3 { font-size: 22px; }
    .step-three-account > div > div> a > button  { font-size: 20px;}

    .login-section-wrapper > div:nth-of-type(1) { width: 354px;}
    .login-section-wrapper > div:nth-of-type(2) { width: 351px;}
    .login-section { padding: 56px 60px 154px 60px;  margin-left: 351px; margin-right: 354px;}

    /* create account artist */
    .create-account-artist > div:nth-of-type(1) { width:280px;}

     /* login artist */
     .login-artist > div:nth-of-type(1) { width:277px;}
     .login-artist > div:nth-of-type(2) { width: 516px;}
     /* .contact-us-img  { width: 516px;} */
     .artist-account-showcase { padding: 43px 150px 78px 150px; }

     .upload-modal-content {
        min-width: 690px; }

    .design-req-steps > h2 {
        display: grid;
        grid-template-columns: 9% 80%;
    }
}



@media screen and (max-width: 1200px) {
    .new-wrapper { padding: 0 50px;}
    .inner-content { grid-template-columns: 100%; gap:50px;}
    .account-section-content > div:nth-of-type(1) h1 { font-size: 25px; }
    .inner-content > div { max-width: 100%;}
    .account-section-content > div:nth-of-type(1) h1 { width: 100%;}
    .inner-content > div { width: 100%; }

    .inner-content > div:nth-of-type(1) { max-width: 100%;}
    .inner-content > div > img { width: 100%;}

    .step-three-account > img:nth-of-type(1) { top: 202px; width: 670px;}
    .step-three-account > div:nth-of-type(1) {margin-left: 227px; }
    .step-three-account > div:nth-of-type(1) img { width: 421px; }

    .login-section-wrapper > div:nth-of-type(1) { height: 400px; width: 250px;}
    .login-section-wrapper > div:nth-of-type(1) {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%;  width: 200px;}
    .login-section-wrapper > div:nth-of-type(1) img {width: 100%; height: 200px;}
    .login-section-wrapper > div:nth-of-type(2) {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%;  width: 200px;}
    .login-section-wrapper > div:nth-of-type(2) img {width: 100%; height: 200px;}
    .login-section { padding: 56px 60px 154px 60px; background: #EBD67A; margin-left: 250px; margin-right: 250px;}

    .login-artist > div:nth-of-type(2) { width: 416px;}
    .contact-us-img  { width: 416px;}
    .login-artist > div:nth-of-type(1) { width:233px;}
    .account-artist-container { margin-left: 259px;}

    .account-artist-container-c > div:nth-of-type(1) { margin: 325px 0 0 -194px;}
    .create-account-artist > div:nth-of-type(2) { width: 298px; top:0; bottom: 1100px; left:0; top:10px}
    .create-account-welcome { left: 322px }

    .upload-divisor > div:nth-of-type(1) > img { bottom: -195px; width: 500px; right: 0; left: 50px; }
    .upload-divisor { gap: 100px;}



}

@media screen and (max-width: 1024px) {
    .account-section-content { padding: 50px 243px 167px 39px; }
    .account-section > div:nth-of-type(1) { width: 150px;}
    .account-section-two > div:nth-of-type(1) {width: 200px;}

    .login-section-wrapper > div:nth-of-type(1) { width: 220px;}
    /* .login-section-wrapper > div:nth-of-type(2) { width: 220px;} */
    .login-section { padding: 56px 68px 154px 52px;  margin-left: 220px; margin-right: 220px; }

    .login-artist > div:nth-of-type(2) { width: 320px;}
    /* .contact-us-img  { width: 320px;} */
    .account-artist-container { margin-left: 170px;}
    .login-artist > div:nth-of-type(1) { width:210px;}
    .artist-account-showcase { padding: 43px 50px 78px 50px; }
    .create-account-artist > div:nth-of-type(1) { width: 180px;}

    .upload-divisor > div:nth-of-type(1) > img { bottom: 0; width: 306px; right: 0; left: 0; }
    .upload-divisor { gap: 30px;}


    .design-req-steps > h2 { grid-template-columns: 10% 80%;}

    label.acct_type::after {
        content: '✔';
        position: absolute;
        top: -2px;
        left: 4px;
        color: #202F65;
        display: none;
    }
}


@media screen and (max-width: 900px) {
    .new-wrapper { padding: 0 25px; }
    .account-section-two > div:nth-of-type(2) { width: 150px;}
    .account-section-step-two { padding: 40px 0 60px 38px;  margin-left: 150px}
    .account-section-two > div:nth-of-type(1) {width: 323px;}
    .account-section-two > div:nth-of-type(1) {width: 153px;}

    .create-account-artist > div:nth-of-type(2) {width: 235px; height: 190px;}
    .upload-divisor > div:nth-of-type(1) > img { bottom: 0; width: 306px; right: 0; left: 0; }
    .upload-divisor { gap: 30px;}
    .upload-divisor > div:nth-of-type(1) { padding: 24px 24px 213px 24px; }
    .upload-divisor > div:nth-of-type(2) > div { padding: 18px 7px 12px 10px; }
    .upd { display: none;}
    .yellow-base { display: none;}

    label.acct_type::after {
        content: '✔';
        position: absolute;
        top: 0px;
        left: 4px;
        color: #202F65;
        display: none;
    }
}


@media screen and (max-width: 850px) {
    .login-section { padding: 56px 23px 154px 25px;}

    .login-artist > div:nth-of-type(2) { width: 416px; top:590px;}
    .contact-us-img  { width: 416px; top:720px !important;}
    .login-artist > div:nth-of-type(1) { width:337px;}
    .account-artist-container { margin-left: -114px; }

    .login-artist { padding: 87px 0 331px 0}
    .artist-account-showcase > div > img { height: 80px;}
    .artist-account-showcase > div > h1 { font-size: 14px;  padding: 29px 0 10px 0;}
    .artist-account-showcase > div > p { font-size: 12px; }
    .account-artist-container-c > div:nth-of-type(1) { margin: 325px 0 0 -282px; }
    .create-account-welcome { left: 232px }
    .success-modal-content { min-width: 640px; }

    .design-req { display: grid; grid-template-columns: 1fr;}
    .design-req-steps > h1 { margin-top: 20px;}
    .design-req-steps > h2 { display: grid; grid-template-columns: 13% 91%;}

    label.acct_type::after {
        content: '✔';
        position: absolute;
        top: 0px;
        left: 4px;
        color: #202F65;
        display: none;
    }

}

@media screen and (max-width: 768px) {
    .account-section-content { padding: 50px 111px 167px 39px; }
    .account-section > div:nth-of-type(1) { width: 0px;}
    .inner-content > div { max-width: 100%;}
    .inner-content > div:nth-of-type(1) { max-width: 100%;}
    .inner-content > div > img { width: 100%; height: 65%;}
    .inner-content > div img.second, .inner-content > div img{max-width: unset;}
    .account-section-two > div:nth-of-type(1) {width: 100px;}

    .step-three-account > img:nth-of-type(1) { top: 405px; width: 510px; left: -136px;}
    .step-three-account > div:nth-of-type(1) {margin-left: 0; text-align: left; }
    .step-three-account > div:nth-of-type(1) img { width: 321px; }
    .account-three-adjust { width: 100%;}

    .step-three-account > div:nth-of-type(1) h2 { margin-top: -5px; }

    .login-section-wrapper > div:nth-of-type(1) { height: 300px; width: 120px; }
    .login-section-wrapper > div:nth-of-type(2) { width: 120px; }
    .login-section { padding: 56px 100px 154px 54px; margin-left: 120px; margin-right: 120px; }

    .login-artist > div:nth-of-type(1) { width:239px;}
    .artist-account-showcase { padding: 43px 20px 78px 20px; }

    .upload-divisor { grid-template-columns: 1fr; }
    .upload-bg-style { padding: 35px 0 39px 0; }
    .upload-divisor > div:nth-of-type(1) > h1 {text-align: center;}
    .upload-divisor > div:nth-of-type(1) img { margin: 10px auto; }
    .upload-divisor > div:nth-of-type(1) { padding: 24px 24px 267px 24px; }



}

@media screen and (max-width: 750px) {
    .create-account-artist > div:nth-of-type(1) { display: none;}
}

@media screen and (max-width: 650px) {
    .account-section > div:nth-of-type(2) { font-display: none;}
    .account-section > div:nth-of-type(2) { width: 0px;}
    .account-section-content { margin-left: 0; }
    .account-section > div:nth-of-type(2) { width: 0; height: 0;}
    .account-section-content { padding: 50px 25px 75px 25px;}

    .account-section-two > div:nth-of-type(2) {width:0;}
    .account-section-two > div:nth-of-type(2) { width: 0;}
    .account-section-step-two { padding: 51px 25px 60px 25px;  margin-left: 0;}

    .login-section-wrapper > div:nth-of-type(1) { display: none; }
    .login-section-wrapper > div:nth-of-type(2) { display: none; }
    .login-section { padding: 51px 27px 100px 27px; margin: 0;}
    .login-section-wrapper { border-top: 4px solid #202E65; }

    .login-artist > div:nth-of-type(1) { width:160px;}
    .artist-account-showcase {padding: 43px 140px 58px 140px; grid-template-columns: 100%; gap: 50px;}
    .artist-account-showcase > div > h1 {  padding: 16px 0 10px 0;}

    .account-artist-container-c > div:nth-of-type(1) { padding:0 25px 0 0; }
    .create-account-welcome { padding:0 25px 0 0; }

    .success-modal-content { min-width: 550px;}
    .upload-modal-content { min-width: 550px;}
    .text-counter-holder > h6:nth-of-type(2){ position: absolute; bottom: -13px; left:0;}
    .success-modal-content div:nth-of-type(3) { margin-top: 20px; }

    .upload-modal-content { padding: 35px 20px; }

    .create-account-welcome > h2 { font-size: 12px;}
    .create-account-welcome > h3 { font-size: 14px; }
    .create-account-welcome > h1 { font-size: 16px;}





}



@media screen and (max-width: 560px) {
    .login-artist > div:nth-of-type(1) { display: none;}
    .account-artist-container > div{ width: 100%;}
    .login-artist { padding: 51px 0 351px 0; }

    .account-artist-container > div:nth-of-type(1) { max-width: 100%; padding: 0 25px 0 0;}
    .artist-account-showcase {padding: 43px 100px 58px 100px;}
    .create-account-artist > div:nth-of-type(2) { display: none;}
    .create-account-welcome { left: 181px; top:21px; }
    .account-artist-container-c > div:nth-of-type(1) { margin: 265px 0 0 0px; }
    .create-account-welcome { padding: 0 25px; }
    .create-account-welcome { width: 100%; left: 8px; text-align: center;}
    .account-artist-container-c {  padding: 0 0 60px 0; margin-left: 0px;}
    .account-artist-container-c > div:nth-of-type(1) { max-width: 100%!important; }
    .account-artist-container-c > div:nth-of-type(1) { padding:0 25px}
    .create-account-welcome > h3 {padding-right: 0px; }
    .success-modal-content { min-width: 470px; }
    .upload-modal-content { min-width: 411px; }
    .success-modal-content { padding: 35px 20px; }

}


@media screen and (max-width: 480px) {
    .new-wrapper { padding: 0 10px; }
    .account-section-content { padding: 45px 10px 65px 10px }
    .inner-content { grid-template-columns: 100%; gap:70px;}
    .account-section-content > div:nth-of-type(1) h1 { text-align: center; }

    .account-section-step-two { padding: 51px 10px 60px 10px;  margin-left: 0;}
    .login-section { padding: 51px 10px 100px 10px; margin: 0;}
    .account-section-step-two > div:nth-of-type(1) { max-width: 100%; }

    .step-three-account > img:nth-of-type(1) { top: 372px; }
    .step-three-account > div:nth-of-type(1) img { width: 299px; }
    .step-three-account > div:nth-of-type(1) { padding:50px 0 508px 0;}
    .step-three-account > div > div> a > button  { font-size: 16px; width: 40%; }
    .step-three-account > div:nth-of-type(1) h1 { font-size: 26px; }
    .step-three-account > div:nth-of-type(1) h2 { font-size: 16px; }
    .step-three-account > div:nth-of-type(1) h3 { font-size: 16px; }

    .login-artist > div:nth-of-type(2) { width: 356px;}
    .contact-us-img  { width: 356px;}
    .login-artist { padding: 51px 0 321px 0; }
    .artist-account-showcase {padding: 43px 80px 58px 80px;}
    .account-artist-container-c > div:nth-of-type(1) { margin: 310px 0 0 0px; }
    .account-artist-container-c > div:nth-of-type(1) { padding:0 10px}
    .success-modal-content { min-width: 440px; }
    .upload-modal-content { min-width: 400px; }

    .uploaded-img-success > div > img { width: 50px; }
    .uploaded-img-success > div:nth-of-type(1) { display: flex; align-items: center; justify-content: center; }
    .uploaded-img-success  { display: grid; grid-template-columns: 1fr; margin-top: 43px;}
    .checkbox-success-group { font-size: 10px; }

    .uploaded-img { display: grid; grid-template-columns: 1fr;}
    .uploaded-img > div:nth-of-type(1) img { margin-left: -300px;}





}

@media screen and (max-width: 400px) {
    .success-modal-content { min-width: 370px}
    .success-modal-content { min-width: 370px}
 }