body{ font-family: 'Futura PT', sans-serif; color:#e6e6e6; }
.view-full{ background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(39, 39, 39, 1) 100%); background:#1D1D1D; height:100%; }
.text-center{ text-align:center; }
.topbar{ background:#0F0F0F; padding:15px 0; }
.notifyTxt{ color:#E6E6E6; padding:60px 0 45px; gap:35px; }
.titleHead{ font-size:100px; font-weight:700; line-height:1.15; }
.titleHead2{ font-size:80px; }
.sign-upContent .container{ width:1000px; }
.loginContent .container{ width:50%; }
.desc{ font-size:22px; }
.txtShadow{ text-shadow:2px 3px 4px rgba(0, 0, 0, .7); }
.desc-sm{ font-size:20px; font-weight: 450; }
.linkTxt,
.linkTxt:hover{ color:#43B2E5; }
.bg-grey{ background:#252525; }
.boxShadow{ box-shadow:0 0 10px 6px rgba(0, 0, 0, .25); }
.formData{ padding:70px; }
.gap50{ gap:50px; }
.formData input.form-control[type="text"],
.formData input.form-control[type="mail"],
.formData input.form-control[type="phone"],
.formData input.form-control[type="password"]{ background:transparent; height:48px; border:0; border-bottom:.5px solid rgba(103, 103, 103, .8); border-radius:0; font-size:20px; color:#fff; }
.formData input.form-control[type="password"]{ background:url(../images/icon-eye.png) no-repeat 95% center; background-size:26px 26px; }
.formData .form-control::placeholder{ color:#676767; font-size:24px; font-weight:450; }
.dropdownCustom{ height: 100%; }
.dropdownCustom a.btn-dropdown{ color:#676767; font-size:22px; font-weight:450; background:transparent; position:relative; display: block; top:7px; height: 41px; border:0; border-bottom:.5px solid rgba(103, 103, 103, .8); padding: 0 15px; }
.dropdownCustom a.btn-dropdown::after{ bottom: 12px; right: 20px; position: absolute; background:url(../images/icon-arrow.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; border:0; }
.dropdownCustom a.btn-dropdown:hover,
.dropdownCustom a.btn-dropdown:focus{ text-decoration:none; }
.dropdownCustom .dropdown-menu{ width:100%; }
/*Code for custo radio button*/
.formCustomCheck [type="radio"]:checked,
.formCustomCheck [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.formCustomCheck [type="radio"]:checked + label,
.formCustomCheck [type="radio"]:not(:checked) + label{
    position: relative;
    padding-left: 55px;
    cursor: pointer;
    line-height: 30px;
    display: inline-block;
    color: #E6E6E6;
}
.formCustomCheck [type="radio"]:checked + label:before,
.formCustomCheck [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    border: 1px solid #676767;
    border-radius: 100%;
    background: #676767;
}
.formCustomCheck [type="radio"]:checked + label:after,
.formCustomCheck [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #fff;
    position: absolute;
    top: 8px;
    left: 8px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.formCustomCheck [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.formCustomCheck [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.formCustomCheck label{ font-size:20px; }
.formCustomCheck label a{ color:#8F469B; }
/*Code added for custom radio button*/
.form-check.formCustomCheck{ padding-left:0; margin-top:20px; display: flex; gap:20px; }
.btn-submit{ background-color:#593060; display:flex; font-size:24px; font-weight:600; text-transform:uppercase; color:#fff; letter-spacing:.05rem; padding:15px; align-items:center; justify-content:center; border-radius:0; }
.bg-blue{ background:#43B2E5; }
.btn-submit:hover,.btn-submit:focus{ outline:0; box-shadow:none; color:#fff; }
.section-help{ padding:60px 0; flex-wrap:wrap; gap:20px; text-align:center; }
.section-help div{ width:100%; color:#E6E6E6; }
.section-help div a{ color:#B55EC3; }
.text{ color:#E6E6E6; font-size:22px; }
.text p{ margin:10px 0; }
.text p a{ color:#B55EC3; }
.loginBottom{ position:relative; }
.loginBottom::before{ position:absolute; content:''; height:1px; width:100px; background:#676767; top:50%; left:40%; }
.loginForm{ flex-direction:column; padding-bottom:40px; }
.commonContent .loginForm{ padding-bottom:80px; }
.loginForm .row.loginBottom{ gap: 60px; }
.formData input.form-control[type="text"].userName{ background:url(../images/icon-username.png) no-repeat 6px center; background-size: 20px 20px;padding-left: 50px; }
.formData input.form-control[type="password"].passIcon{ background-image:url(../images/icon-password.png), url(../images/icon-eye.png); background-repeat:no-repeat; background-position:6px center, 98% center; background-size: 20px 20px; padding-left: 50px; cursor: pointer; }
.form-control:focus{box-shadow:none; }
.formData input.form-control[type="text"].userName.noIcon{ background-image:none; padding-left:12px; }
.txtMd{ font-size:30px; color:#E6E6E6; text-align:center; font-weight:450; }
.emailSection{ gap:40px; }
.emailSection h2{ font-size:48px; line-height: 1.05; font-weight:700; color:#E6E6E6; }
/*.emailSection .txtMd{ font-size:27px; }*/
.darkColor{ color:#B55EC3; }
.txtItem{ text-decoration:underline; }
.txtItem:hover{ text-decoration:none; color:#B55EC3; }
.headBorder{ position:relative; padding-bottom:55px; margin-bottom:20px; }
.headBorder::after{ position:absolute; content:''; left:42%; width:200px; height:1px; background:#fff; bottom:0; }
.contentPlans{ margin-top:30px; }
.customBox{ border:1px solid #fff; box-shadow:0 7px 5px rgba(0, 0, 0, .32); background:url(../images/bg-textture.png); }
.boxTop{ background:#27182F; color:#fff; font-size:80px; font-weight:700; line-height:70px; text-align:center; padding:40px; border-bottom:1px solid #fff; }
.bgTexture{ position:relative; }
.panelTxt{ font-size:110px; font-family: 'Neue Haas Grotesk Display Pro', sans-serif; font-weight:700; color:#fff; line-height:1.05; padding:30px; }
.panelTxt span{ display:block; font-size:32px; font-family: 'Futura PT', sans-serif; }
.txtSubmission{ background:#7B4E9B; padding:20px 0; border-top:1px solid #fff; border-bottom:1px solid #fff; }
.title{ color:#fff; font-size:42px; font-weight:700; letter-spacing:-.07rem; }
.title span{ display:block; font-size:28px; }
.songList{ padding:20px; gap:30px; }
.listData{ text-align:left; padding-left:30px; margin:0; color:#E6E6E6; }
.listData li{ font-size:23px; font-weight:600; margin:10px 0 15px; }
.txtDetails{ font-size:36px; line-height:1.05; font-weight:600; }
.txtDetails span{ color:#E25B25; }
.choose-plan{ margin:30px 0 0; }
.proPlanBox{ padding-bottom:37px; }
.choose-plan a{ background:#543669; color:#fff; padding:15px 60px; border:1px solid #fff; border-radius:50px; display:inline-flex; font-size:32px; font-weight:450; }
.smTxt{ font-size:20px; margin-top:12px; font-weight:450; }
.linkPlan{ color:#5FC5F4; font-size:32px; font-weight:600; }
.linkPlan:hover{ color:#5FC5F4; }
.mt-80{ margin-top:90px; }
@media screen and (max-width:991px){
	.sign-upContent .container{ width:100%; }
}
@media screen and (max-width:767px){
	.proPlanBox{ margin:45px 0 0; }
	.sign-upContent .container{
		padding:0 30px;
	}
	.formData{ padding:40px; }
	.formData.gap50{ gap:30px; }
	.dataRow{ gap:30px; }
	.notifyTxt{ padding:30px 0 40px; }
	.titleHead{ font-size:75px; }
	.titleHead2{ font-size:35px; }
	.desc{ font-size:20px; }
	.desc-sm{ font-size:16px; }
	.formCustomCheck label{ font-size:16px; }
	.btn-submit{ font-size:18px; }
	.text p{ margin:5px 0; }
	.loginBottom::before{ left:30%; }
	.txtMd{ font-size:26px; }
	.headBorder::after{ left:22%; }
	.emailSection h2{ font-size:30px; line-height: 1.2; }
}
@media screen and (max-width:576px){
	.text{ font-size:19px; }
}
@media screen and (min-width:769px){
	.customForm .row{ width:100%; }
	.loginForm .row{ width:auto; gap: 40px; }
	.customForm .col{ padding-right: 25px; padding-left:25px; }
	.customForm .form-control{ padding:.375rem 1rem; }
	.formData{ flex-wrap:wrap; }
}
@media screen and (min-width: 1200px){
	.commonContent .containerCustom{ width:1140px; }
}