/* creator center */

/* section */
.section-heading h3, .section-heading h3 span, .section-heading-top h3 {margin-bottom: 1rem;font-size: 3rem;letter-spacing: -1px;font-weight: 800;color: #242939;}
.section-heading h3 span.gdtext {margin-bottom: 1rem;font-size: 30rem;letter-spacing: -1px;font-weight: 800;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(#00c9db), to(#1e9eff));background-image: linear-gradient(90deg, #00c9db, #1e9eff);}
.section-heading p, .section-heading-top p {margin-bottom: 0;font-size: 1.5rem;color: #677788;font-weight: 500;line-height: 1.4;}
.section-heading .line {width: 120px;height: 5px;margin: 30px auto 0;border-radius: 6px;background: #1e9eff;  background: -webkit-gradient(linear, left top, right top, from(#00c9db), to(#1e9eff));background: linear-gradient(to right, #00c9db, #1e9eff);}
h3.main-text-size {font-size: 5rem;}
.section-heading h3 sup{font-size: 1.7rem; font-weight: 500;}
.creators-top-section {width: 100%; height: 100%;} 

/* Feature Box---------------------*/
.feature-box-1 {padding: 32px;box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);margin: 15px 0;position: relative;z-index: 1;border-radius: 10px;overflow: hidden;-moz-transition: ease all 0.35s;-o-transition: ease all 0.35s;-webkit-transition: ease all 0.35s;transition: ease all 0.35s;top: 0;background: #fff;}
.feature-box-1 * {-moz-transition: ease all 0.35s;-o-transition: ease all 0.35s;-webkit-transition: ease all 0.35s;transition: ease all 0.35s;}
.feature-box-1 .icon {width: 70px;color: #242939;text-align: left;border-radius: 50%;margin-bottom: 22px;font-size: 27px;}
.feature-box-1 h5 {font-weight: 700;margin-bottom: 0;  font-size: 1.8rem;  color: #242939; line-height: 1.8;}
.feature-box-1 p {margin: 0;font-size: 1.25rem;color: #8c98a4;}
.feature-box-1:after {content: "";position: absolute;top: 0;bottom: 0;left: auto;right: 0;border-radius: 10px;width: 0;background: #00c9db;background: -webkit-gradient(linear, left top, right top, from(#00c9db), to(#1e9eff));background: linear-gradient(90deg, #00c9db, #1e9eff);z-index: -1;-moz-transition: ease all 0.35s;-o-transition: ease all 0.35s;-webkit-transition: ease all 0.35s;transition: ease all 0.35s;}
.feature-box-1:hover {top: -5px;}
.feature-box-1:hover h5 {color: #ffffff;}
.feature-box-1:hover p {color: rgba(255, 255, 255, 0.8);}
.feature-box-1:hover .icon {color: #fff;}
.feature-box-1:hover:after {width: 100%;height: 100%;border-radius: 10px;left: 0;right: auto;}
.section { padding: 64px 0;  position: relative;}
.section-heading-top {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.section-heading {padding-bottom: 45px;}
.creator-go-btn {display: inline-block;padding: 0 24px;font-size: 20px;line-height: 60px;height: 60px;font-weight: 700;color: #fff;vertical-align: top;background: #1e9eff;border-radius: 4px;}
.creator-go-btn:hover {background: #007fe0; color: #fff;}

/* accordion */
.c-accordion .card, .card {background: none;border: none; box-shadow:0 0 0 0 !important;}
.c-accordion .card .card-header {background: none;border: none;padding: .4rem 0rem .4rem 1rem;}
.c-accordion .card-header h2 span {float: left;margin-top: 10px;}
.c-accordion .card-header .btn {color: #000;font-size: 20px;text-align: left;position: relative;font-weight: 700;display:flex;align-items:center; justify-content: space-between; padding:16px 8px;}
.c-accordion .card-header i {font-size: 26px;}
.c-accordion .card-header .btn:hover {color: #1e9eff;}
.c-accordion .card-body {color: #89909a;padding: 0.5rem 1rem 3.5rem 2rem;font-size: 16px;line-height: 1.6; font-weight: 400;}
.c-accordion .card-body .card-title {color:#000;}
.page-title {margin: 3rem 0 3rem 1rem;position: relative;}
.page-title::after {content: "";width: 80px;position: absolute;height: 3px;border-radius: 1px;background: #73bb2b;left: 0;bottom: -15px;}
.c-accordion .highlight .btn {color: #1e9eff; font-weight: 700;}
.c-accordion .highlight i {transform: rotate(180deg);}

.card-title-number {display:block; font-size:32px; font-weight:700; color:#000;}
.card-body .card-title {font-size:22px; color:#000; font-weight:700; margin-top:36px; line-height:1.5;}
.card-body .card-title-right {font-size:18px; color:#89909a; font-weight:500; margin-top:36px; display:flex; align-items:flex-start; line-height:1.6;}
.card-body .card-title-right sup {color:#1e9eff; font-weight:600; padding-right:16px;}
.card-body .card-text {font-size:16px; font-weight:500; color:#89909a; line-height:1.6; text-align:center;}

.fadeinleft {opacity:0;margin-bottom: -100px;    max-height:100%;transition-property: all;transition-duration: 0.1s;}

.half-highlight {  background: linear-gradient(180deg,rgba(255,255,255,0) 50%, #FFD0AE 50%);}


.btn {display: inline-block;font-weight: 600;color: #161637;text-align: center;vertical-align: middle;user-select: none;background-color: transparent;border: 1px solid transparent;padding: 17px 25px;
  font-size: 16px;line-height: 1.4286;border-radius: 4px;transition: all 0.15s ease-in-out;}
.btn.btn-dark{color: #fff;background-color: #000;border-color: #000;}
.btn.btn-outline-white {color: #000;border-color: #89909a;}



.jumbotron {max-width: 1600px; padding: 10rem 2rem; background: url(/assets/img/creator/c_center_img1.jpg) no-repeat center #000; background-image:cover; border-radius:8px; margin-bottom:0;}
.creator-center-title {color: #fff; font-size: 46px; font-weight: 700; line-height: 1.2; margin-bottom: 24px;}
.creator-center-subtitle {color: rgba(255,255,255,.5); font-size: 20px; font-weight: 400;}

.creator-mid-title {font-size: 36px; font-weight: 800; line-height: 1.2; margin-bottom: 12px; text-align: center;}
.creator-mid-subtitle {font-size: 18px; font-weight: 500; color: #6c757d; text-align: center;}

.card-title.creator-mid-title2 {font-size: 24px; font-weight: 800; line-height: 1.2; margin-bottom: 12px; text-align: center; color:#fff;}
.creator-mid-title2 {font-size: 28px; font-weight: 800; line-height: 1.3; margin-bottom: 12px; text-align: center; color:#fff;}
.creator-mid-subtitle2 {font-size: 16px; font-weight: 500; color: rgba(255,255,255,.5); text-align: center;}

.progress.creator-progress {position: relative;left: 0%;bottom: 0;max-width: 100%;width: 100%;height: 100%;margin: 0;line-height: 1.6;background: #fff;text-align: center; display: flex;flex-direction: column; justify-content: flex-start;border-radius:0;}
.progress.creator-progress .creator-left-title {font-size: 28px; font-weight: 800; margin-bottom: 56px;}
.progress.creator-progress .creator-progress-content {width: 100%;margin-bottom: 36px;cursor: pointer;color: #000; text-align: left;display: flex; flex-direction: column; justify-content: flex-start;}
.progress.creator-progress .creator-progress-content:last-child {margin-right: 0;}
.progress.creator-progress .creator-progress-content h4 {width: 100%;font-size: 22px; font-weight: 700;padding-bottom: 12px;}
.progress.creator-progress .creator-progress-content p {width: 100%;font-size: 15px;font-weight: 500;padding-bottom: 12px; color:#89909a;}
.progress.creator-progress .creator-progress-content a {display: inline-block;border: 1px solid #eee; padding: 8px 36px; margin-bottom: 24px; max-width:160px; text-align:center; font-weight:500; transition:.2s; border-radius:2px;}
.progress.creator-progress .creator-progress-content a:hover {color:#000;border-color:#000;}
.progress.creator-progress .creator-progress-content span.progressBar {display: block;width: 100%;height: 2px;background-color: rgba(0, 163, 255, 0.2);}
.progress.creator-progress .creator-progress-content span.progressBar .inProgress {display: block;width: 0%;height: 2px;background-color: rgba(0, 163, 255, 1);}

.creator-left-title {font-size: 28px; font-weight: 800; margin-bottom: 56px; line-height:1.3;}
.creator-left-title.text-white {font-weight:700;}
.creator-left-subtitle {font-size: 18px; font-weight: 500; color: #89909a; line-height:1.6;}

.slick-prev:before,
.slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s;opacity: .2;}
.slick-active {opacity: .5;}
.slick-current {opacity: 1;}

.creatorcenter-qna {padding: 40px 0; background: url(/assets/img/creator/c_center_img2.jpg) no-repeat center; border-radius:8px; margin-bottom:0;}


.creator-patent-wrap {justify-content:center !important;padding-bottom:48px;/* background:url(/assets/img/creator/c_center_bg1.png) no-repeat center;*/}
.card-img-top {width:auto;}
.patent-btn {background:#f2f2f2; border-radius:4px; color:#89909a; padding:6px 10px;font-weight:500;}
.patent-btn:hover {color:#000;}
.creator-badge {font-size:14px; font-weight:400; color:#89909a;}

.arrow-left {position:absolute;left:-53px;top:50%;transform:translateY(-50%);margin-top:-50px;}
.arrow-right {position:absolute;right:-53px;top:50%;transform:translateY(-50%);margin-top:-50px;}
.arrow-bottom {position:relative;width:100%;text-align:center;}

.creatorcenter-btn {border:2px solid #000; color:#000; width:100%; padding:16px 24px; font-size:16px; font-weight:600; text-align:center; display:block; transition:.2s;}
.creatorcenter-btn:hover {background:#000; color:#fff;}

.creatorcenter-btn.text-white {border-color:#fff;background:#000; cursor:pointer;}
.creatorcenter-btn.text-white:hover {background:#fff; color:#000 !important;;}



@media (max-width: 1640px) {
  .container.no-padding {padding:0 32px !important;}
}
@media (max-width: 1401px) {
  .container.no-padding {padding:0 32px !important;}
  .creator-patent-wrap {background-size:95%;}
  .card-img-top {width:auto;}
}
@media (max-width: 1299px) {
  .pl-32 {padding-left:32px !important;}
  .pr-32 {padding-right:32px !important;}
  .m-mb-0 {margin-bottom:0 !important;}
  .m-mb-32 {margin-bottom:32px !important;}

  .card-img-top {width:100%;}
  .arrow-left img, .arrow-right img {width:90px;}
}
@media (max-width: 991px) {
  .container.no-padding {padding:0 24px !important;max-width:100%;}
  .jumbotron {border-radius:0; margin-left:-24px; margin-right:-24px;}
  .creatorcenter-qna {padding-left:24px;padding-right:24px;}

  .progress.creator-progress .creator-progress-content a {max-width:100%}
  .card-title.creator-mid-title2, .creator-mid-title2 {font-size:24px;}
  
  .progress.creator-progress .creator-progress-content.default{display: none;}

  .section-heading h3, .section-heading h3 span, .section-heading-top h3, .section-heading h3 span.gdtext {font-size: 2.3rem;}
  .section-heading p, .section-heading-top p {font-size: 1.2rem;}
  h3.main-text-size {font-size: 2.8rem;}
  .creator-go-btn {font-size: 14px;line-height: 50px;height: 50px;}
  .feature-box-1 {padding: 20px;margin: 10px 0;}
  .feature-box-1 h5 {line-height: 1.4; margin-bottom: 10px; font-size: 1.5rem;}
  .section-heading h3 sup {font-size: 1.2rem;}
  .row.col-lg-6 {margin-left: 0;}
  .icon.mb-5 img {width: 40px;}
  .c-accordion .card-header .btn {font-size:18px; }
  .c-accordion .card-body {font-size: 16px;}
  .fadeinleft {opacity: 1;margin-bottom: 0;}
  .section-heading h3.mtext-size1 {text-align:center;}
  .section-heading p.mtext-size2 {text-align:center;}
  .span-block {display: block;}

  .arrow-left {left:-40px; margin-top:-80px;}
  .arrow-right {right:-40px; margin-top:-80px;}
  .arrow-left img, .arrow-right img {width:70px;}

  .m-pr-15 {padding-right:15px !important;}
  .m-pl-15 {padding-left:15px !important;}
  .m-mb-24 {margin-bottom:24px !important;}
  .pl-32.m-pl-15 {padding-left:15px !important;}

  .creator-center-title {font-size:32px;}
  .creator-center-subtitle {font-size:16px; line-height:1.4;}
  
  .creator-mid-title {font-size:26px;}
  .creator-mid-subtitle {font-size:14px;}
  .progress.creator-progress .creator-left-title {font-size:24px;margin-bottom:48px;}
  .progress.creator-progress .creator-progress-content h4 {font-size:18px;}
  .progress.creator-progress .creator-progress-content p {font-size:14px;}
  .progress.creator-progress .creator-progress-content a {margin-bottom:24px;}
  .creator-left-title {font-size:24px;}
  .creator-left-subtitle {font-size:14px;}
  .creator-badge {font-size:12px;}
  .card-body .card-text {font-size:14px;}
  .creatorcenter-btn {font-size:14px;}
  .creatorcenter-btn.text-white {margin-top:24px;}

  .card-title-number {font-size:28px;}
  .card-body .card-title {margin-top:16px; font-size:20px;}

  .card-body .card-title-right {font-size:14px;}
  .c-accordion .card-header .btn {font-size:16px; padding:4px 8px;}
  .display-auto {font-size:24px; }
}
@media (max-width: 768px) {

  .jumbotron {padding: 6.5rem 1rem; background-position: right; background-size:cover;}
  .container.jumbotron-padding {max-width:100% !important;}
  
  .slick-slide img {max-height:500px;}
 
  .arrow-left, .arrow-right, .arrow-bottom {display:none;}

  .card-body .card-title-right {flex-direction: column;flex-wrap: wrap;margin-top:8px;}
  .card-body .card-title-right sup {padding-bottom:12px;}

  .creatorcenter-qna {margin-left:-24px;margin-right:-24px;border-radius:0;}
  .col-lg-8.col-md-12 {padding:0 !important;}

  .c-accordion .card .card-header {padding-left:0;}
  .c-accordion .card-body {padding:0.5rem 1rem 1.5rem 1rem;}

  .m-start-btn {display:none; opacity:0;}

  .m-mt-36 {margin-top:36px !important;}
  .m-mb-36 {margin-bottom:36px !important;}

  .display-block {display:inline;}
  .display-inline {display:block;}
  .display-auto {display:none !important;;}
  .display-none {display:unset !important;;}
}