img{max-width:100%; height:auto;}
.details{width:1200px; padding:0;}
@media (max-width: 1200px) {
    .details{width:100%; padding:0 5px; box-sizing:border-box;}
}

.mdrp-main-title{font-size:35px; line-height:1; margin-bottom:10px; font-weight:700;}
.mdrp-main-title-hlt{font-size:21px; color:#1a7bff; display:block; padding-bottom:12px; font-weight:400;}
.mdrp-main-desc{font-size:17px; color:#868686; line-height:1.45;}

.mdrp-main-btns-x{display:flex; justify-content:center; margin-bottom:32px; flex-flow:wrap;}
.mdrp-main-down-btn, .mdrp-main-buy-btn{display:flex; justify-content:center; align-items:center; min-width:230px; padding:12px; box-sizing:border-box; color:#fff; font-size:20px; border-radius:6px; margin:16px;}
.mdrp-main-down-btn:hover, .mdrp-main-buy-btn:hover{text-decoration:none; color:#fff;}
.mdrp-main-down-btn{background-color:#80CB1B;}
.mdrp-main-buy-btn{background-color:#FEAF14;}
.mdrp-main-down-btn > img, .mdrp-main-buy-btn > img{padding-left:10px;}
.mdrp-main-btn-tip{font-size:15px; color:#666; margin-top:-10px;}
.mdrp-main-btn-tip a{color:inherit;}
.mdrp-main-btn-tip a:hover{color:#4f86eb;}
.mdrp-main-bt-icon{vertical-align:0; margin-right:5px;}
/*-----------*/

.mdrp-banner{background:linear-gradient(transparent 725px, #fff 0) no-repeat, url(../images/index-new/banner-bg.jpg) no-repeat top / cover; text-align:center; padding:52px 0;}
.mdrp-banner-title{font-size:58px; line-height:1.2; font-weight:700;}
.mdrp-banner-title-hlt{color:transparent; background:linear-gradient(to right, #7843f7, #d150bc, #ff639b, #fcb482) no-repeat; background-clip:text; -webkit-background-clip:text;}
.mdrp-banner-subtitle{font-size:27px; margin:20px 0; line-height:1;}
.mdrp-banner-desc{font-size:17px;}
.mdrp-banner-param-x{display:inline-flex; margin:20px 0 10px; mask:linear-gradient(to right, transparent 1px, #000 0, #000 calc(100% - 1px), transparent 0) no-repeat; -webkit-mask:linear-gradient(to right, transparent 1px, #000 0, #000 calc(100% - 1px), transparent 0) no-repeat; flex-flow:wrap; justify-content:center;}
.mdrp-banner-param{border:.5px solid; border-image:linear-gradient(transparent 25%, rgba(184, 184, 184, .4) 0, rgba(184, 184, 184, .4) 75%, transparent 0) 1; margin:10px 0; padding:0 30px;}
.mdrp-banner-param-title{font-size:28px;}
.mdrp-banner-param-desc{font-size:14px; color:#6b6b6b; margin-top:10px;}
.mdrp-banner-img{filter:drop-shadow(-10px 20px 30px rgba(176, 176, 176, .7)); transform:translate(9%);}
@media (max-width: 1200px) {
    .mdrp-banner-img{transform:translate(0);}
}
@media (max-width: 767px) {
    .mdrp-banner{background:url(../images/index-new/banner-bg.jpg) no-repeat top / cover;}
}
/*-----------*/

.mdrp-cards{padding:50px 0; text-align:center;}
.mdrp-cards .details{max-width:1300px; width:100%;}
.mdrp-cards-wrap{display:flex; justify-content:center; margin-top:37px;}
.mdrp-within-card{width:480px; background-color:#FAFAFA; border-radius:15px; text-align:left; margin:5px; padding:2.6%; box-sizing:border-box; display:flex; flex-flow:column; justify-content:center;}
.mdrp-within-cards{display:grid; width:320px;}
.mdrp-within-cards .mdrp-within-card{width:auto; padding:11%;}
.mdrp-within-cards .mdrp-within-card:first-of-type{padding-bottom:0;}
.mdrp-within-card-title{font-size:23px;}
.mdrp-within-card-desc{font-size:18px; margin-top:10px;}
.mdrp-wica-list-x{margin-top:10px;}
.mdrp-within-card-list{font-size:17px; color:#333; margin:10px 0; background:url(../images/index-new/yes-icon.png) no-repeat 0 6px; padding-left:20px;}
.mdrp-within-card-list:last-of-type{margin-bottom:0;}
.mdrp-within-card-items{display:flex; flex-flow:wrap; justify-content:center; margin:37px -8% 0;}
.mdrp-within-card-item{margin:5px; width:100px; display:flex; justify-content:center; align-items:center;}
.mdrp-within-card-item::after{content:''; padding-top:100%; box-shadow:inset 0 0 0 4px #E7E7E7; flex:1; border-radius:50%; background:radial-gradient(transparent 8px, #E7E7E7 9px, #E7E7E7 10px, transparent 11px, transparent 13px, #EFEFEF 14px, #EFEFEF 20px, transparent 21px) no-repeat, radial-gradient(farthest-side, #F8F8F8 53%, #EDEDED) no-repeat;}
.mdrp-cards-img1{margin-bottom:40px; text-align:center;}
.mdrp-cards-img2{margin:10px -7% 0;}
.mdrp-within-ci-span{position:absolute; font-size:15px; color:#666;}
.mdrp-cards-range-x{border:1px solid #c3c3c3; box-shadow:inset 0 0 40px #d5d5d5; width:130px; box-sizing:border-box; padding:25px 17px; border-radius:15px; margin-bottom:20px;}
.mdrp-cards-range{background-color:#DBDBDB; border-radius:100vw; height:10px; display:block; position:relative; margin-bottom:3px;}
.mdrp-cards-range ~ .mdrp-cards-range{margin-top:12px;}
.mdrp-cards-range::before, .mdrp-cards-range::after{content:''; position:absolute;}
.mdrp-cards-range::before{top:0; bottom:0; width:var(--wid); background:linear-gradient(to right, #6a696e, #b5b5b5) no-repeat; border-radius:inherit;}
.mdrp-cards-range::after{width:14px; height:14px; border-radius:50%; background-color:#434343; margin:-2px 0 0 -7px; left:var(--wid);}
.mdrp-cards-range-info{color:#797979; font-size:15px; line-height:1;}
.mdrp-wica-list-x2 .mdrp-within-card-list{padding-left:0; background:none;}
@media (max-width:1200px){
    .mdrp-within-card-items{margin-left:0; margin-right:0;}
}
@media (max-width:979px){
    .mdrp-cards-wrap{flex-flow:wrap;}
}
/*-----------*/

.mdrp-switcher{padding:30px 0 20px; text-align:center;}
.mdrp-switcher-wrap{display:grid; margin-top:27px;}
.mdrp-switcher-wrap::before{content:''; grid-area:1 / 1; background:linear-gradient(transparent 50%, rgba(0, 0, 0, .5)) no-repeat; z-index:1;}
.mdrp-switcher-imgs, .mdrp-switcher-con{grid-area:1 / 1;}
.mdrp-switcher-imgs{display:grid;}
.mdrp-switcher-picture{grid-area:1 / 1; transition:.3s;}
.mdrp-switcher-picture:not(.show){opacity:0; visibility:hidden;}
.mdrp-switcher-img{width:100%; height:100%; object-fit:cover; object-position:50% 0; aspect-ratio:16 / 6;}
.mdrp-switcher-con{display:flex; flex-flow:column; justify-content:space-between; padding:3% 5px; z-index:1;}
.mdrp-switcher-btns{flex-grow:.6; display:flex; flex-flow:column; justify-content:center;}
.mdrp-switcher-btn{position:relative; width:fit-content; width:-moz-fit-content; width:-webkit-fit-content; margin:15px 0; border-radius:13px; overflow:hidden;}
.mdrp-switcher-btn.active{outline:solid #fff; box-shadow:-5px 5px 18px rgba(0, 0, 0, .65);}
.mdrp-switcher-btn:not(.active){cursor:pointer; transition:box-shadow .3s;}
.mdrp-switcher-btn-title{font-size:17px; color:#fff; position:absolute; left:0; right:0; top:0; bottom:0; padding:12px 5px; text-align:center; display:flex; align-items:flex-end; justify-content:center; background:linear-gradient(transparent 50%, rgba(0, 0, 0, .6)) no-repeat;}
.mdrp-switcher-items{padding-top:3%; text-align:left;}
.mdrp-switcher-item{color:#fff;}
.mdrp-switcher-item:not(.show){display:none;}
.mdrp-switcher-subtitle{font-size:37px; font-weight:700; line-height:1;}
.mdrp-switcher-item-desc{font-size:20px; line-height:1.52; margin-top:20px;}
@media (max-width:767px){
    .mdrp-switcher-wrap{display:block;}
    .mdrp-switcher-btns{flex-flow:initial; order:1; margin-top:10px;}
    .mdrp-switcher-btn{margin:5px;}
    .mdrp-switcher-img{aspect-ratio:16 / 9.5;}
    .mdrp-switcher-item{color:#333;}
}
@media (max-width:479px){
    .mdrp-switcher-btns{flex-flow:wrap;}
}
/*-----------*/

.mdrp-fast{padding:80px 0; background:linear-gradient(transparent, #fff) no-repeat, linear-gradient(to right bottom, #f6f6f6, transparent) no-repeat;}
.mdrp-fast-title-x{display:flex; justify-content:space-evenly; align-items:flex-end; position:relative;}
.mdrp-fast-title-x .mdrp-main-title{font-size:40px; line-height:1.15; margin:0 5px; text-align:left;}
.mdrp-fast-title-x .mdrp-main-desc{width:785px; margin:0 5px;}
.mdrp-fast-subtitle{font-size:35px; font-weight:700; line-height:1;}
.mdrp-fast-subtitle-hlt{background:linear-gradient(to right, #7843f7, #d150bc, #ff639b, #fcb482) no-repeat; background-clip:text; -webkit-background-clip:text; color:transparent;}
.mdrp-fast-img-x{display:block; text-align:center; margin:-4% 0 -6.8%;}
.mdrp-fast-con{display:flex; justify-content:center;}
.mdrp-fast-icons, .mdrp-fast-info{margin:0 3.3%;}
.mdrp-fast-info{width:550px;}
.mdrp-fast-info-desc{font-size:17px; color:#585858; margin-top:7px;}
.mdrp-fast-items{margin-top:20px;}
.mdrp-fast-item{margin-top:13px;}
.mdrp-fast-bar-x{display:flex; align-items:center;}
.mdrp-fast-bar{height:6px; border-radius:100vw;}
.mdrp-fast-bar-num{color:#9f9fa3; font-size:35px; margin-left:12px; font-weight:400;}
.mdrp-fast-bn-x{font-style:normal; font-size:90%;}
.mdrp-fast-item.full .mdrp-fast-bar{flex:1; background:linear-gradient(to right, #ffd5be, #ff4a53, #ff4e93) no-repeat;}
.mdrp-fast-item.full .mdrp-fast-bar-num{color:#ff4c8e;}
.mdrp-fast-item.se .mdrp-fast-bar{flex:.5; background-color:#86868B;}
.mdrp-fast-item.rt .mdrp-fast-bar{flex:.2; background-color:#B8B8B8;}
.mdrp-fast-bar-title{font-size:17px; color:#585858;}
@media(max-width:1200px){
    .mdrp-fast-title-x .mdrp-main-title br{display:none;}
}
@media(max-width:479px){
    .mdrp-fast-title-x{flex-flow:wrap;}
    .mdrp-fast-img-x > img{aspect-ratio:16 / 9.5; object-fit:cover;}
    .mdrp-fast-con{flex-flow:wrap; gap:10px;}
}
/*-----------*/

.mdrp-compare{padding:30px 0; position:relative; background:linear-gradient(#fff, #F4F4F4) no-repeat;}
.mdrp-compare .mdrp-main-title{text-align:center;}
.mdrp-compare-wrap{display:grid; position:relative; mask:linear-gradient(#000 50%, transparent 92%) no-repeat; -webkit-mask:linear-gradient(#000 50%, transparent 92%) no-repeat; margin-top:30px; overflow:hidden;}
.mdrp-compare-before, .mdrp-compare-after, .mdrp-compare-range{grid-area:1 / 1;}
.mdrp-compare-before-img{height:100%; width:calc(var(--wid, .5) * 100%); object-fit:cover; object-position:0;}
.mdrp-compare-after-img{width:100%;}
.mdrp-compare-range{opacity:0; -webkit-appearance:none; appearance:none; cursor:ew-resize;}
.mdrp-compare-range::-moz-range-thumb{width:0;}
.mdrp-compare-range::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:0;}
.mdrp-compare-line{position:absolute; top:0; bottom:0; left:calc(var(--wid, .5) * 100%); pointer-events:none; display:flex; flex-flow:column; align-items:center; width:2px; margin-left:-1px;}
.mdrp-compare-line-icon{max-width:initial;}
.mdrp-compare-line::before, .mdrp-compare-line::after{content:''; flex:1; width:100%; background-color:#fff;}
.mdrp-compare-line::after{flex:2.5;}
.mdrp-compare-con{position:absolute; left:0; right:0; background-color:rgba(255, 255, 255, .74); margin:0 auto; border-radius:25px; padding:30px 6%; box-sizing:border-box; box-shadow:0 9px 27px rgba(65, 65, 65, .14); transform:translateY(-100%);}
.mdrp-compare-program{display:flex;}
.mdrp-compare-program-li{padding:0 5%;}
.mdrp-compare-program-li:nth-of-type(2){border-left:1px solid #727277; margin-left:4%; padding-left:4%;}
.mdrp-compare-program-ai{align-self:center; border:5px solid; font-size:47px; line-height:1; font-family:Arial; font-weight:700; border-radius:15px; padding:17px;}
.mdrp-compare-program-upto{font-size:17px; color:#555; display:block;}
.mdrp-compare-program-value{font-size:59px; color:transparent; display:inline-block; line-height:1; margin:6px 0;}
.mdrp-compare-program-li:nth-of-type(2) .mdrp-compare-program-value{background:linear-gradient(to right, #1d6078, #348099) no-repeat; background-clip:text; -webkit-background-clip:text;}
.mdrp-compare-program-li:nth-of-type(3) .mdrp-compare-program-value{background:linear-gradient(to right, #348099, #107801) no-repeat; background-clip:text; -webkit-background-clip:text;}
.mdrp-compare-program-li:nth-of-type(4) .mdrp-compare-program-value, .mdrp-compare-program-li:nth-of-type(4) .mdrp-compare-program-upto, .mdrp-compare-program-li:nth-of-type(4) .mdrp-compare-program-desc{background:linear-gradient(to right, #107801, #00960e) no-repeat; background-clip:text; -webkit-background-clip:text; color:transparent;}
.mdrp-compare-program-desc{font-size:17px; color:#555; text-align:left;}
.mdrp-compare-con-desc{font-size:17px; color:#555; margin:23px 0; line-height:1.35;}
.mdrp-compare-more{font-size:23px; color:#000; border:2px solid; border-radius:100vw; display:inline-block; padding:12px 20px 15px; line-height:1; min-width:225px; box-sizing:border-box; text-align:center;}
.mdrp-compare-more:hover{text-decoration:none;}
@media(max-width:1200px){
    .mdrp-compare-con{position:static; transform:translate(0); margin-top:-20%;}
}
@media(max-width:767px){
    .mdrp-compare-program{flex-flow:column;}
    .mdrp-compare-program-li:nth-of-type(2){border-left:0; border-top:1px solid #727277; margin:20px 0 0; padding-left:15px;}
    .mdrp-compare-program-li{padding:15px; text-align:center;}
    .mdrp-compare-program-desc{text-align:center;}
}
@media(max-width:479px){
    .mdrp-compare-con{margin-top:0;}
    .mdrp-compare-wrap{mask:none; -webkit-mask:none;}
}
/*-----------*/

.mdrp-game {padding: 60px 0;background-color: #F4F4F4;}
.mdrp-game-sr{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border-width:0;}
.mdrp-game .mdrp-main-title{text-align:left; line-height:1.3;}
.mdrp-game .mdrp-main-title-hlt{padding-bottom:0;}
.mdrp-game-content {width: 1200px;margin: 0 auto;display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;gap: 50px;position: relative;}
.mdrp-game-left {width: 320px;padding-top:10px;position: sticky;top: 0;}
.mdrp-game-left-list{margin:15px 0 20px;}
.mdrp-game-left-list li{font-size:19px; display:flex; align-items:center; margin:12px 0;}
.mdrp-game-left-list li svg{margin-right:10px;}
.mdrp-game .mdrp-main-btns-x{justify-content:flex-start;}
.mdrp-game .mdrp-main-down-btn{margin:10px 0;}
.mdrp-game-item {margin-bottom:60px;background-color: #fff;border-radius: 14px;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.mdrp-game-item-img {display: flex;}
.mdrp-game-item-info {padding: 34px;box-sizing: border-box;width: 412px;}
.mdrp-game-item-info h3 {font-size: 29px;color: #202020;line-height: 1.3; font-weight:700; text-align:left;}
.mdrp-game-item-info p {font-size: 17px;color: #616161;line-height: 1.4;padding-top: 18px;}
@media (max-width: 1200px) {
    .mdrp-game img:not([src$='svg']) {max-width: 100%;height: auto;}
    .mdrp-game {padding: 60px 0;}
    .mdrp-game-content {width: 96%;}
    .mdrp-game-left {position: static;padding-top: 0;width: 100%;text-align: center;}
}
@media (max-width: 800px) {
    .mdrp-game-right {width: 100%;}
    .mdrp-game-items {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;}
    .mdrp-game-item {width: 330px;margin-bottom: 0;align-items: normal;}
    .mdrp-game-item-img {width: 100%;border-radius: 14px;overflow: hidden;}
}
/*-----------*/

.mdrp-step { text-align:center;padding:60px 0 60px;background-color: #fff;}
.mdrp-step-toggles{display:flex;color:#808080;border-bottom:2px solid #E7E7E7;margin:35px 0;}
.mdrp-step-toggle{padding-bottom:15px;flex:auto;margin:0 5px -1.5px;text-decoration: none;}
.mdrp-step-toggle:hover{text-decoration:none;}
.mdrp-step-toggle.active{border-bottom:solid #FFAB1B;}
.mdrp-step-toggle-title{color:#2b2b2b;margin-bottom:5px;font-weight:700;font-size: 21px;}
.mdrp-step-toggle p {color: #616161; font-size:17px;}
.mdrp-step-imgs>li{display:none;}
.mdrp-step-imgs>li.active{display:inline-block;}
.mdrp-step-toggle-p {margin: 30px 0 10px;color: #2b2b2b; font-size:17px;}
.mdrp-step .mdrp-main-btns-x{margin-bottom:0;}
@media(max-width:479px){
    .mdrp-step-toggles{flex-flow:wrap;}
    .mdrp-step-toggle + .mdrp-step-toggle{margin-top:10px;}
}
/*-----------*/

.component-SelfIntroduce {
    text-align: center;
    padding:40px 0 100px;
    background-image:url('../images/index-new/introduce-bg.png'), linear-gradient(#fff, #fafafa);
    background-image:-webkit-image-set(url('../images/index-new/introduce-bg.webp') 1x, url('../images/index-new/introduce-bg.png') 1x), linear-gradient(#fff, #fafafa);
    background-image:image-set(url('../images/index-new/introduce-bg.webp') type('image/webp'), url('../images/index-new/introduce-bg.png') type('image/jpeg')), linear-gradient(#fff, #fafafa);
    background-repeat:no-repeat;
    background-position:bottom;
}

.component-SelfIntroduce-suhead {
    font-size: 23px;
    line-height: 1.3;
    font-weight: 400;
    color: #777777;
    margin-bottom: 10px;
}
.component-SelfIntroduce-title {
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
    color: #000000;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 20px;
}
.component-SelfIntroduce-title::after {
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    background-color: #f8e1b0;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
}

/* component-SelfIntroduce-list-BrightSpots */
.component-SelfIntroduce-list-BrightSpots {
    display: flex;
    justify-content: space-around;
    align-items: center;
    backdrop-filter: blur(4px);
    max-width: 940px;
    width: 100%;
    margin:60px auto;
    height: 110px;
    border-radius: 10px;
   box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}
.BrightSpots-name{
    font-size:40px;
    line-height: 1;
}
.BrightSpots-name span{font-size:50%;}
.BrightSpots-desc {
     font-size: 15px;
    color: #666666;
    font-weight: 400;
    line-height: 1.4;
    margin-top:5px;
}
/* component-SelfIntroduce-list-comments */
.component-SelfIntroduce-comments {
    position: relative;
}
.component-SelfIntroduce-list-comments {
    display: grid;
    grid-template-columns: repeat(2, 1fr) 750px repeat(2, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 80px;
    grid-row-gap: 0px;
    max-width: 1550px;
    width: 100%;
    align-items: center;
    margin: 0 auto;
    text-align: left;
}

.component-SelfIntroduce-item-comments.queue-current {
    display: block;
    background-color: #ffffff;
    position: relative;
    border-radius: 20px;
    padding: 40px 60px;
    box-sizing: border-box;
    width: 750px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 25px;
}
.comments-reviewer img {
    cursor: pointer;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.comments-reviewer {
    display: flex;
    align-items: center;
    gap: 10px;
}
.comments-info {
    display: none;
}
.comments-stars {
    display: none;
}
.comments-info .comments-name {
    font-size: 25px;
    font-weight: 400;
    line-height: 1.2;
    color: #000000;
}
.comments-info .comments-job {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.4;
    color: #c1c1c1;
}
.comments-desc {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.4;
    color: #666666;
    padding-left: 15px;
    display: none;
}
.comments-expert {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: -30px;
    transform: translateY(50%);
    display: none;
}
.comments-expert a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff9249;
    color: #ffffff;
    font-size: 23px;
    padding: 20px 50px;
    border-radius: 30px;
}
.comments-expert a:hover {
    text-decoration: none;
}

.queue-first { grid-area: 1 / 1 / 2 / 2; }
.queue-prev { grid-area: 1 / 2 / 2 / 3; }
.queue-current { grid-area: 1 / 3 / 2 / 4; }
.queue-next { grid-area: 1 / 4 / 2 / 5; }
.queue-final { grid-area: 1 / 5 / 2 / 6; }

.component-SelfIntroduce-item-comments.queue-current .comments-info {
    display: block;
}
.component-SelfIntroduce-item-comments.queue-current .comments-stars {
    display: block;
}
.component-SelfIntroduce-item-comments.queue-current .comments-desc {
    display: block;
}
.component-SelfIntroduce-item-comments.queue-current .comments-expert {
    display: block;
}
.component-SelfIntroduce-item-comments.queue-current .comments-reviewer img {
    cursor: auto;
    box-shadow: none;
}

.comments-control-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 850px;
    width: 100%;
}
.comments-arrow {
    cursor: pointer;
}
.comments-arrow img {
    -webkit-filter: grayscale(.95);
    filter: grayscale(.95);
}
.comments-arrow:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}



@media (max-width: 1400px) {
    .component-SelfIntroduce-list-comments {
       grid-template-columns: repeat(2, 1fr) 450px repeat(2, 1fr);
       grid-column-gap: 40px;
       padding: 0 5%;
       box-sizing: border-box;
    }
    .component-SelfIntroduce-item-comments.queue-current {
        width: 450px;
    }
    .comments-control-wrap {
        max-width: 98%;
    }
}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {
    .component-SelfIntroduce-title {
        font-size: 27px;
    }
    .component-SelfIntroduce-suhead {
        font-size: 17px;
    }
    .comments-control-wrap {
        top: 80%;
    }
}
@media (max-width: 768px) {
    .queue-first {opacity: 0;}
    .queue-prev {opacity: 0;}
    .queue-next {opacity: 0;}
    .queue-final {opacity: 0;}
    .comments-control-wrap {
        top: 50%;
    }
    .component-SelfIntroduce-list-BrightSpots {
        flex-wrap: wrap;
        height: auto;
        justify-content: space-around;
        gap: 15px;
        padding: 10px 15px;
        box-sizing: border-box;
    }
}
@media (max-width: 576px) {
    .comments-desc {
        font-size: .9375rem;
    }
    .component-SelfIntroduce-item-comments.queue-current {
        width: 100%;
    }
      .component-SelfIntroduce-list-comments {
       grid-template-columns: repeat(2, 1fr) 100% repeat(2, 1fr);
       grid-column-gap: 0px;
       padding: 0 5%;
       box-sizing: border-box;
    }
    .comments-expert {
        right: -15px;
    }
}
/*-----------*/

.mdrp-more{padding:60px 0; background-color:#F7F7F7;}
.mdrp-more .mdrp-main-title{text-align:center;}
.mdrp-more-items{display:flex; justify-content:center; margin-top:40px;}
.mdrp-more-item{width:373px; margin:10px 1%;}
.mdrp-more-img{border-radius:20px;}
.mdrp-more-subtitle{font-size:21px; margin-top:20px;}
.mdrp-more-subtitle a{color:#4f86eb;}
.mdrp-more-item-desc{font-size:17px; color:#616161; margin:7px 0 4px;}
.mdrp-more-item-link{font-size:17px; color:#21a7ff;}
@media(max-width:767px){
    .mdrp-more-items{flex-flow:wrap;}
}
/*-----------*/

.mdrp-faq {padding: 20px 0 80px;background:linear-gradient(#f7f7f7 37%, #fff 0) no-repeat;}
.mdrp-faq-content {width: 1200px;margin: 0 auto;box-sizing: border-box;background-color:#ffffff;border-radius:20px;padding:30px 50px;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;}
.mdrp-faq h2 {font-size: 45px;color: #000;line-height: 1;text-align: center;padding-bottom: 50px;}
.mdrp-faq .qes_one{border-top:1px solid #e6e6e6;padding:18px 0 8px;text-align:left;}
.mdrp-faq .qes_one .t{font-size:21px;cursor:pointer;padding-bottom:10px;position:relative;color:#333;}
.mdrp-faq .qes_one .t i{position:absolute;right:0;top:-5px;display:inline-block;width:31px;height:31px;border-radius:50%;color:#414141;background:#ffffff;}
.mdrp-faq .qes_one .t i:after{position:absolute;left:50%;top:50%;content:"";display:inline-block;width:19px;height:19px;background:linear-gradient(currentColor,currentColor) no-repeat center / 100% 3px,linear-gradient(currentColor,currentColor) no-repeat center / 3px 100%;transform:translate(-50%,-50%);}
.mdrp-faq .qes_one .qes_ans{color:#737480;display:none;}
.mdrp-faq .qes_one.focus .t i{color:#ffffff;background:#000000;}
.mdrp-faq .qes_one.focus .t i:after{background:linear-gradient(currentColor,currentColor) no-repeat center / 100% 3px;}
.mdrp-faq .qes_one.focus .qes_ans{display:block;}
.mdrp-faq a {color:#2691fc;}
@media (max-width:1200px){
    .mdrp-faq-content {width: 96%;}
}
@media (max-width:767px){
    .mdrp-faq h2 {font-size: 25px;}
    .mdrp-faq .qes_one .t{font-size:.9375rem;padding-right:40px;line-height:1.4;}
}
@media (max-width:576px){
    .mdrp-faq-content {padding:30px 10px;}
}
/*-----------*/