/*
Theme Name:     khin主题
Version:        0.1.5
*/
/* @import url("bootstrap-edraw.min.css"); */
@import url("global.css");
/* begin */
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
[hidden]{display:none!important}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:Poppins,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;line-height:1.2}
.h1,h1{font-size:2.5rem}
.h2,h2{font-size:2rem}
.h3,h3{font-size:1.75rem}
.h4,h4{font-size:1.5rem}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}
.mb-3,.my-3{margin-bottom:1rem!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.text-white{color:#fff!important}
a.text-white:focus,a.text-white:hover{color:#d9d9d9!important}
.text-white-50{color:rgba(255,255,255,.5)!important}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,.col-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}
.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}
.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}
.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}
.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}
.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}
.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}
.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

/* end */
body {
    font-family: "HarmonyOS Sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.site-content{padding-bottom:0px;}
  .try-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15rem;
    height: 4rem;
    border-radius: 48px;
    position: relative;
    z-index: 10;
    background: #fff;
    cursor: pointer;
    transition: all .3s;
  }
  .try-button:hover {
    box-shadow: 0 10.6667px 40px rgba(0, 0, 0, .3);
    -webkit-backdrop-filter: blur(109.333px);
    backdrop-filter: blur(109.333px);
    transition: all .3s;
  }
  .try-button .try-button--text {
    font-size: 1.5rem;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 1px;
    font-weight: 700;
    margin-right: 10px;
   
    background-image: -webkit-linear-gradient(left, #C800B4 10%, #0030AA 25%);
    -ms-animation: home-block1--text__animation-animation 18s;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: home-block1--text__animation-animation 18s;
    infinite: line-break;
  }
  .try-button .try-button--icon {
    width: 1.1875rem;
    position: absolute;
    right: 2.1875rem;
    top: 1.8125rem;
    -webkit-animation: bounce 1.75s infinite;
    animation: bounce 1.75s infinite;
    transition: border .15s ease-in-out, transform .3s ease-in
  }

@-webkit-keyframes bounce {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}
@keyframes bounce {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}


a {text-decoration: none;}
a:link, a:visited {
  text-decoration: none;
}
 .compare-sub-box{display:flex;flex-wrap:nowrap;justify-content:space-between;min-width:100%;overflow-x:auto;}
.compare-item{padding:12px;flex:1;}
.sub-box-primary,
.sub-box-secondary{padding:2px;font-weight:400;border-radius:24px;}
.inner-box-primary,
.inner-box-secondary{background:rgba(255, 255, 255, .05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;}
.inner-box-primary > ul,
.inner-box-secondary > ul{margin:1rem 0;}
.inner-box-primary li,
.inner-box-secondary li{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 1.5rem;border:1px solid transparent;transition:.3s;/* line-height: 56px; */}
.inner-box-primary li.hover{padding:0 1rem;margin:0 .5rem;background-color:rgba(255, 255, 255, .2);border:1px solid rgba(255, 255, 255, .2);border-radius:8px;}
.inner-box-secondary li.hover{padding:0 1rem;margin:0 .5rem;/* color: rgba(0, 0, 0, 0.36); */background-color:rgba(255, 255, 255, .8);border:1px solid rgba(255, 255, 255, .2);border-radius:8px;}
.startup-bg{height:100%;background:url('../picture/startup-bg.png') no-repeat bottom;background-position:50% 100%;background-size:cover;}
.element-bg{background:url('../picture/startup-element.png') no-repeat;background-position:100% 0%;background-size:auto 110%;}
  .border-radius-48 {border-radius: 3rem;}
  .download-btn{width: 15rem;height: 4rem;line-height: 3.75rem;border-radius: 3rem;border: 2px solid #FFFFFF;text-align: center;font-weight: 500;font-size: 1.25rem;cursor: pointer;transition: all .3s;display:inline-block;color:#fff;}
  .float-btn:hover,.download-btn:hover{background-color: #ffffff;color: #000!important;text-decoration: none;transition: all .3s;box-shadow: 0 10.6667px 40px rgb(0 0 0 / 30%);-webkit-backdrop-filter: blur(109.333px);backdrop-filter: blur(109.333px);}
  .banner-footer{position: absolute;left:50%;transform: translateX(-50%);bottom: -8rem;}
  .banner{height: 64.9rem;overflow: hidden;padding-top:6.43rem ;}
  .banner h1{margin-top: 5rem;font-size:3.75rem;}
@keyframes blink {from { opacity: 0; }to { opacity: 1; }}
.feature{margin-top:7.5rem;}
.list{list-style:none;text-align: left;font-size: 18px;line-height: 36px;padding-left: 0;padding-top: 1.5rem;}
.list li{position: relative;padding-left: .7rem;color:#666;}
.list li::before{content:'';display: inline-block;position: absolute;top:50%;transform: translateX(-50%);left:2px;width: 4px;height: 4px;border-radius: 50%;background-color: #666;}
.d-cell{display: table-cell;vertical-align: middle;}
/* .tag{padding:4px 4px 16px;background: linear-gradient(35.7deg, rgba(230, 238, 255, 0.5) -7.74%, rgba(255, 240, 255, 0.5) 132.08%);border-radius: 20px;} */
.feature-btn{margin-top: 6.25rem;font-size:1.125rem;font-weight: bold;;text-align: center;display: flex;justify-content: center;align-items: center;color:#fff;width: 12.5rem;height: 3.5rem;;background: linear-gradient(90deg, #F23DE7 0%, #5784FF 100%);border-radius: 48px;}
.feature-btn:hover{color:#fff;text-decoration: none;}
.feature-btn > svg{margin-left: .5rem;animation: bounce 1.75s infinite;animation-play-state: paused;}
.play-btn{margin-top: 6.25rem;font-size:1.125rem;font-weight: bold;;text-align: center;display: flex;justify-content: center;align-items: center;color:#fff;width: 12.5rem;height: 3.5rem;;background: linear-gradient(90deg, #F23DE7 0%, #5784FF 100%);border-radius: 48px;}
.play-btn:hover{color:#fff;text-decoration: none;}
.feature h2.display-4{margin-bottom: 0;}
.feature .row .col-md-5:nth-child(n+3){margin-top: 6.25rem;}
.feature .row .col-md-6:nth-child(n+3){margin-top: 6.25rem;}
main .font-weight-bold{font-weight: 700!important;}
.more1{margin-top: 6.25rem;}
.more1 .item{height: 100%;background: rgba(255, 255, 255, 0.3);border: 2px solid #FFFFFF;box-sizing: border-box;border-radius: 32px;padding:2.5rem 0 2.625rem;text-align: center;}
.more1 .item h4{margin-top: .75rem;}
.more1 .item p{margin-bottom:0;color: rgba(0, 0, 0, 0.6)!important;}
.more1 .row .col:nth-child(n+4){margin-top: 1.875rem;}
.order-box{display:inline-block;border-radius: 48px;background: #FFFFFF;border:none;height: 3.5rem;}
.order{display:none;border-radius: 48px;border:none;padding-left: 1.5rem;width: 100%;height: 100%;outline:none;}
.order::placeholder{font-size: 1.125rem;color:#999999}
.order:focus-visible{border:none;outline: none;}
.order-btn{position: absolute;cursor: pointer;font-weight: 500;font-size: 1.125rem;left: 0px;top: 4px;background: linear-gradient(90deg, #F23DE7 0%, #5784FF 100%);border-radius: 48px;padding:.75rem 1.875rem;width:8.25rem;height: 3rem;line-height: 1.4;}
.integration {margin-top: 9.625rem;text-align: center;}
.savetime{margin-top: 10.75rem;}
.reason{margin-top: 12.9375rem;}
.compare{margin-top:15.125rem;}
.compare .product{border-radius: 24px;background: linear-gradient(0deg, #F5F7FA, #F5F7FA);padding: 2.5rem .125rem .125rem}
.compare .product.active{background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(169.49deg, #63BDFF 0%, #546FFF 26.07%, #4939FF 73.25%, #D04BFF 112.57%);}
.compare .product .desc{padding-top: .625rem;padding-bottom: .625rem;;background: rgba(255, 255, 255, 0.05);border: 1px solid #FFFFFF;;box-sizing: border-box;backdrop-filter: blur(20px);border-radius: 22px;}
.compare .product.active .desc{background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.2);;backdrop-filter: blur(20px);}
.compare  .product .tips{display: flex;justify-content: space-between;align-items: center;padding:10px 20px;color:#000;margin-bottom: 0;}
.compare  .product.active .tips{color:#fff;position: relative;}
.compare .tips.active::before{content:'';display: inline-block;position: absolute;background: rgba(255, 255, 255, 0.2);border: 1px solid rgba(255, 255, 255, 0.2);box-sizing: border-box;
backdrop-filter: blur(20px);border-radius: 8px;margin:0 .625rem;width: 96%; height: 100%;left: -4px;}
.compare .tips.disable{color: rgba(0, 0, 0, 0.36);}
.price{margin-top: 7.625rem;}
.price .row{transform: translateX(4.375rem);}
.comment{margin:0 auto;background: #FFFFFF;box-shadow: 0px 15px 50px rgba(0, 74, 160, 0.12);border-radius: 24px;padding:2.3125rem 0 2rem 4rem;max-width: 37.5rem;}
.comment h5{color:#474747;font-weight:400;}
.comment h2{color: #474747;max-width: 20.375rem;position: relative;font-weight: 400;line-height: 150%;}
.comment h2::before{content:'';display: inline-block;position: absolute;top: -7px;left: -35px;width:1.5625rem;height: 1.5rem;background:url('../picture/quotation.png') center center/cover no-repeat}
.comments .swiper-button-next{width: 3rem;height: 3rem;border: 1px solid #000000;border-radius: 50%;right:10.25rem;;text-align: center;background: none;line-height: 2.8rem;top: 43%;z-index:1}
.comments .swiper-button-prev{width: 3rem;height: 3rem;border: 1px solid #000000;border-radius: 50%;left:10.25rem;text-align: center;background: none;line-height: 2.8rem;top: 43%;z-index:1}
.comments .commentSwiper{padding-bottom: 8.875rem;}
.try-free:hover{color: #000;background-color: #ececec; border-color: #e6e6e6;}
.try-free{width: 22.5rem;height: 4rem;display: inline-block;padding:.9375rem 0;text-align: center;background-color: #fff;border-radius: 48px;}
.more1::after{z-index: -1;;position: absolute;top: -10rem;left: 0;content: '';width: 100%;height: 114%;;background: url('../picture/center-bg.png') center center/cover no-repeat;}
.footerk::after{z-index: -1;;position: absolute;top:-20px;left:0;content:'';width: 100%;height: 104%;background: url('../picture/footer-bg.png') center top/cover no-repeat;}
.comment h2{min-height: 9.25rem;}
.comment p{min-height: 3.25rem}
.shrink{  transition:all .8s ;}
.shrink.active {transition:all .8s ;max-height: 400px;min-height:10rem;opacity: 1;}
.wsc-seasonal-container {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 108px;
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAABsAQMAAACxTT3yAAAAA1BMVEX///+nxBvIAAAAL0lEQVR42u3BAQEAAACCoP6vbojAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIOZawAAYRfpAcAAAAASUVORK5CYII=);
}
.wsc-seasonal-close {
    position: absolute !important;
    top:50%;
    transform: translateY(-50%);
    right: 3.625rem;
    width: 2.75rem;
    height: 2.75rem;
    line-height: 1.3;
    padding: 0.5rem;
    color: #ffffff!important;
    background-color: #191919;
    border-radius: 50%;
    text-align: center;
}
.wsc-seasonal-close .wsc-svg-symbol-close{width: .8125rem;height: .8125rem;margin: 0 auto}
.decoration-left{left:0;top:-71rem;position: absolute;z-index: -1;}
.decoration-right{right:0;bottom:-70rem;position: absolute;z-index: -1;}
.award-img{position: absolute;}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}
:root { --animate-duration: 1s;--animate-delay: 1s;--animate-repeat: 1}
.feature-btn:hover svg{animation-play-state:running}
.play-btn:hover svg
{   -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
   -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center}
    .award{font-size: 4.375rem;text-indent: -2.25rem;}
  @media (min-width:1600px){.feature .row .col-md-5:nth-child(2n){padding-left: 4.375rem;}
.feature .img-fluid{max-width: none;}
}
@media(min-width:1600px){
  .footer-img{position:absolute;bottom:0;right:0;}
}
  @media(max-width:1600px){
 /*   .order-btn{right: -0.375rem;} */
    .feature .img-fluid{max-width: 100%;}
    .comment{box-shadow: 5px 7px 18px 0 rgb(0 74 160 / 12%);}
  }
  @media (max-width:1760px){
    .comments .swiper-button-prev{left: 3.25rem;top:43%}
    .comments .swiper-button-next{right: 3.25rem;top:43%}
  }
  @media(max-width:1400px){
     .banner{height: 55rem;padding-top: 4rem;}
    .list{font-size:16px;}
    .comments .swiper-button-prev{left:1.25rem}
    .comments .swiper-button-next{right:1.25rem}
    .banner-footer{width: 63.6875rem;}.shrink.active{min-height:6rem}
  }
  @media(max-width:1290px){
    .title.display-3{font-size:2.75rem}
    .feature {margin-top: 5rem;}
    .feature .row .col-6:nth-child(n+3){margin-top: 3.75rem;}
    .integration{margin-top: 5rem;}
    .savetime{margin-top:1.875rem}
    .compare{margin-top:6.25rem;}
    .comments .commentSwiper {padding-bottom: 7.5rem;}
  }
  @media(max-width:1280px){
    .more1::after{height: 119%;}
 /*   .order-btn {right: -1.45rem;} */
  }
  @media(max-width:1080px){
    .price .h1{font-size:2.1rem}
    .award{font-size: 3.775rem;text-indent: -2.25rem;}
    .play-btn,.feature-btn{margin-top: 3.25rem;}
    .banner-footer {width: 58.6875rem;}
    .banner {height: 54rem;padding-top: 5rem;}
    .list li::before{top: 24%;}
  }
  @media(max-width:990px){/*.order-btn {right: -4rem;}*/
.compare .row .col:nth-child(n+3){margin-top:3rem;}
.more1 .row .col:nth-child(n+3) {
    margin-top: 1.875rem;
}
}
    .award {font-size: 3.5rem;}
  @media (min-width: 700px) and (max-width:1290px){
    .my-container{max-width: 1186px;}}
  @media (min-width:2100px){
    .comments .swiper-button-prev{left: 29.25rem;top:43%}
    .comments .swiper-button-next{right: 29.25rem;top:43%}
  }
  @media(max-width:590px){
.order-7 .list li:nth-child(n+2)::before,.order-5 .list li:nth-child(n+2)::before{top:43%}
.order::placeholder{font-size: 0.8rem;}
.footerk .try-free + img{width:100%}
    .comments .swiper-button-prev{top:57%}
    .comments .swiper-button-next{top:57%}
.award{font-size:3rem;text-indent: -0rem;}
.price .h1 { font-size: 1.5rem;}
 .h1{font-size:2.2rem}
.try-button--icon{display:none;}
.footerk .desc{margin:0 auto;} 
.price { margin-top: 0.625rem;}
    .more1 .item p{padding: 0 10px;}
    .banner { height: 48rem;padding-top: 5rem;}
    .banner h1{    font-size: 2.75rem;}
    .banner-footer{bottom:-.5rem;width: 24.6875rem;}
    .feature .row .col-md-5:nth-child(n+3){margin-top: 0rem;}
    .feature .row .col-md-6:nth-child(n+3){margin-top: 0rem;}
    .feature .row .col-md-5:nth-child(n+1){margin-top: 2rem;}
    .feature .row .col-md-6:nth-child(n+2){margin-top: 4rem;}
    .feature .row .col-md-6:last-child{margin-top: 2rem;}
    h3.display-3{font-size: 1.9rem;}
    h2.display-3{font-size:2.2rem}
    .more1 .row .col:nth-child(n+3){margin-top: 1.875rem;}
/*    .order-btn { right: 0.3rem;} */
    .more1::after {height: 111%;}
    .compare .row .col:nth-child(n+2){margin-top: 2rem;}
    .award-img{position: static;}
    .price .row{transform: translateX(0rem);}
    .comments .commentSwiper{padding-bottom: 2.5rem;}
    .float-btn{width: 20rem !important;}
    .wsc-seasonal-close{top: 15%;transform: translateY(-50%);right: -0.375rem;}
    .wsc-seasonal-container h2{font-size: 1.7rem;}
  }
.private-deploy-success-modal--container{position:fixed;top:0;z-index:1;width:100%;height:100%;}
.private-deploy-success-modal--mask{position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, .4);}
.private-deploy-success-modal--content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:609px;height:356px;margin:auto;text-align:center;background:#fff;border-radius:12px;box-shadow:0 0 35px rgba(0, 0, 0, .08);}
.private-deploy-success-modal--close-btn{display:flex;justify-content:flex-end;width:100%;padding:20px 40.37px 18.37px;}
.private-deploy-success-modal--close-btn img{cursor:pointer;}
.private-deploy-success-modal--title{padding-top:32px;padding-bottom:16px;font-family:Noto Sans SC;font-size:24px;font-style:normal;font-weight:400;line-height:35px;color:#000;}
.private-deploy-success-modal--text span{display:block;font-size:14px;line-height:20px;color:#4e4e4e;}
@media screen and (max-width: 768px){.private-deploy-success-modal--content{width:341px;height:268px;}
  .private-deploy-success-modal--close-btn img{width:10.63px;height:10.63px;}
  .private-deploy-success-modal--cover{width:221.04px;height:87.58px;}
  .private-deploy-success-modal--title{padding-top:16px;padding-bottom:8px;font-size:16px;font-weight:500;line-height:23px;}
  .private-deploy-success-modal--text span{font-size:12px;line-height:16px;}
.footerk .try-free svg{margin-top: 5px !important;}
  .private-deploy-success-modal--close-btn{padding:15px 18.37px 27.37px;}}

@media screen and (max-width: 1200px){
.compare-item {
    min-width: 300px;
}
}
@media (max-width: 590px){
.banner h1{margin-top: 8rem;}
.try-button{width: 240px;
    padding: 10px 16px}
}

  
			.pagekhin{ max-width: 1200px;   margin:20px auto;}
			.title-w1{ font-size: 3rem; text-align: center;color: #1f2329; }
			.title-w1 span{ line-height: 5rem; }
			.title-w1 p{ font-size: 2.4rem; line-height: 5rem;}
			.title-w1 p.p1{ font-size: 1.1rem; line-height: 4rem; color: #5e5e5e;}
			.brow-w1{ border: 1px solid #e3e8f0; padding: 3rem; border-radius: 2rem; clear: both; overflow: hidden; margin-bottom: 2rem; min-height: 116px;  }
			.brow-w1 .left{ width: 60%; float: left; padding-right: 10%;}
			.brow-w1 .left.l1{ width: 70%; float: left; padding-right: 0;}
			.brow-w1 .left span{ font-size: 2rem; color: #333333; line-height: 4rem; font-weight: 500;}
			.brow-w1 .right{ width: 30%; float: right; font-size: 14px; color: #8997ad; text-align: center;}
			.brow-w1:hover{ border: 1px solid #d0e1fc;-moz-box-shadow:2px 2px 20px #d0e1fc; -webkit-box-shadow:2px 2px 20px #d0e1fc; box-shadow:2px 2px 20px #d0e1fc; cursor: pointer;}
			.brow-w1 a{color: #333333;}
			.sect_w1{background: #f4f7fa; padding-top: 7rem; padding-bottom: 7rem;}
			.sect_w2{padding-top: 7rem; padding-bottom: 7rem;}
			.brow-wtit{ font-size:4rem;line-height:10rem; position: relative; font-weight: 500;}
			.brow-wtit:before{ width: 27px; height: 5px; background: #2468f2; content: ""; position: absolute;}
			.brow-w2{ list-style: none;}
			.brow-w2 li{ line-height: 4.5rem; }
			.bfont a, .a-btn{ display: inline-block;background-color: #2468f2; border-radius: 3.3rem; width: 15.5rem; height: 3.3rem; color: #fff; line-height: 3.3rem; font-size: 1.2rem; margin-top: 12rem; text-align: center;}
			.brow-w2 li i{ color: #2468f2; font-size: 2rem; padding-right: 10px;}
			.brow-w2 li span{ font-size: 1.6rem;}			
			.brow-w4{ padding-left: 5rem;}
			.fw-box2{ margin-bottom: 10px; height: 120px !important;}
			.fw-box2 .icon {background: none; width: 100%; }
			.fw-box2 .ovrly {height: 120px !important; background: #ffffff;left: 0; position: absolute;top: 20%; opacity: 0;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;}
			.fw-box2:hover .ovrly { opacity: 1;}
	
                  .adf-btn {
                      width: 150px;
                      height: 40px;
                      line-height: 40px;
                      display: inline-block;
                      font-size: 12px;
                      text-align: center;
                      cursor: pointer;
                  }
                  .adf-btn:hover {
                      background: #f8f8f8;
                  }
                  .adf-btn-cur {
                      background-color: #2468f2 !important;
                      color: #fff;
                  }