@font-face{font-family:"Barlow";src:url(../font/Barlow-Regular.woff2) format("woff2"),url(../font/Barlow-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Barlow";src:url(../font/Barlow-Medium.woff2) format("woff2"),url(../font/Barlow-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Barlow";src:url(../font/Barlow-SemiBold.woff2) format("woff2"),url(../font/Barlow-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Barlow";src:url(../font/Barlow-Bold.woff2) format("woff2"),url(../font/Barlow-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Barlow";src:url(../font/Barlow-ExtraBold.woff2) format("woff2"),url(../font/Barlow-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}:root{--body-font:"Barlow";--title-font:"Barlow";--content-font:"Barlow";--meta-font:"Barlow";--primary:#670069;--secondary:#000;--title-color:#670069;--meta-color:#670069;--border-color:#670069;--content-color:#929292;--button-color:#670069;--white-color:#fff;--black-color:#000}*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent}html{font-family:var(--body-font);-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:400;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;min-height:100%;height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--body-font);color:var(--content-color);background:var(--white-color);font-weight:400;margin:0;padding:0;line-height:1.5;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}input,optgroup,select,textarea{padding:10px 20px;border-radius:10px;background:var(--white-color);border:1px solid var(--border-color);font-family:var(--body-font);font-size:18px;line-height:28px;font-weight:400;color:var(--content-color);outline:none;box-shadow:none;width:100%;margin-bottom:10px}::-webkit-input-placeholder{font-family:var(--body-font);color:var(--content-color);opacity:.75;font-size:16px}:-ms-input-placeholder{font-family:var(--body-font);color:var(--content-color);opacity:.75;font-size:16px}::-ms-input-placeholder{font-family:var(--body-font);color:var(--content-color);opacity:.75;font-size:16px}::placeholder{font-family:var(--body-font);color:var(--content-color);opacity:.75;font-size:16px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,footer .copyright-footer .copyright p a,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;font-size:100%;list-style:none;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}a{font-family:var(--body-font);color:var(--content-color);font-size:20px;font-weight:400;line-height:24px;padding:0;background-color:transparent;text-decoration:none;transition:all .3s}a:active,a:focus,a:hover{text-decoration:none;outline:0 none;color:var(--content-color)}b{font-weight:bolder}img{max-width:100%}strong{font-weight:bolder}.container{max-width:1320px}.section-wrapper{position:relative;padding:100px 0;overflow:hidden}h1{font-family:var(--title-font);color:var(--title-color);font-size:64px;line-height:76px;font-weight:800;font-style:normal;margin:0 0 15px}h2{font-family:var(--title-font);color:var(--title-color);font-size:54px;line-height:64px;font-weight:700;font-style:normal;margin:0 0 15px}h3{font-family:var(--title-font);color:var(--title-color);font-size:44px;line-height:52px;font-weight:700;font-style:normal;margin:0 0 15px}h4{font-family:var(--title-font);color:var(--title-color);font-size:38px;line-height:58px;font-weight:600;font-style:normal;margin:0 0 15px}h5{font-family:var(--title-font);color:var(--title-color);font-size:32px;line-height:38px;font-weight:600;font-style:normal;margin:0 0 15px}h6{font-family:var(--title-font);color:var(--title-color);font-size:26px;line-height:32px;font-weight:600;font-style:normal;margin:0 0 15px}p{font-family:var(--content-font);color:var(--content-color);font-size:20px;line-height:24px;font-weight:400;padding:0;margin:0 0 15px}.section-title{margin-bottom:48px;text-align:center}.section-title h2{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px;margin:0}.section-title p{margin:0}.theme-button{display:inline-block}.theme-button .btn{font-family:var(--body-font);font-size:20px;font-weight:600;line-height:24px;text-align:center;padding:11px 32px;background:transparent;border:3px dotted #670069;color:#670069;border-radius:0;box-shadow:none;outline:none;text-shadow:none;transition:all .3s}.theme-button .btn:hover{color:var(--white-color);background:var(--primary)}header{background:#fffaff}.header{position:relative;z-index:11;position:fixed;top:0;left:0;width:100%;transition:top .3s}.header.fixed-header{box-shadow:0 1px 7px 0 rgba(0,0,0,.2)}header .navbar{padding:10px 15px}header .navbar .navbar-collapse{max-width:1240px;margin:0 auto;justify-content:center}header .navbar .navbar-collapse .logo{margin-left:auto;margin-right:auto}header .navbar .navbar-collapse .logo img{display:block;max-width:200px}header .navbar .navbar-collapse ul li a.nav-link{font-family:var(--title-font);color:#929292;font-size:26px;font-weight:600;line-height:30px;padding:0 32px;margin:0}header .navbar .navbar-collapse ul li a.nav-link.active,header .navbar .navbar-collapse ul li a.nav-link:focus,header .navbar .navbar-collapse ul li a.nav-link:hover{color:#670069}.main-wrapper{margin-top:92px}.banner{background:url(../image/banner-bg.webp);background-repeat:no-repeat;background-size:cover;background-position:50%}.banner .banner-content{max-width:540px}.banner .banner-content h1{color:#000;margin:0 0 48px}.banner .banner-content .checkbox{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:0 0 48px}.banner .banner-content .checkbox input{flex:0 0 20px;position:relative;border:2px solid #000;border-radius:2px;background:none;cursor:pointer;line-height:0;margin:0 .6em 0 0;outline:0;padding:0!important;vertical-align:text-top;height:20px;width:20px;-webkit-appearance:none}.banner .banner-content .checkbox input[type=checkbox]:checked{background-color:#000;opacity:1}.banner .banner-content .checkbox input[type=checkbox]:before{content:"";position:absolute;right:50%;top:50%;width:4px;height:10px;border:solid #fff;border-width:0 2px 2px 0;margin:-1px -1px 0;transform:rotate(45deg) translate(-50%,-50%);z-index:2}.banner .banner-content .banner-btn{display:flex;flex-direction:row;align-items:center;gap:30px}.banner .banner-content .banner-btn .theme-button a{border-style:solid;border-radius:40px;background:#670069;color:#fff}.banner .banner-content .banner-btn .theme-button a:focus,.banner .banner-content .banner-btn .theme-button a:hover{background:#fff;color:#670069}.banner .banner-content .banner-btn .theme-button.gender{position:relative}.banner .banner-content .banner-btn .theme-button.gender select{font-family:var(--body-font);font-size:20px;font-weight:600;line-height:24px;text-align:center;background:#670069;background-image:url(../image/select-arrow.svg);background-repeat:no-repeat;background-size:14px;background-position:92% 20px;border-radius:40px;margin:0;color:#fff;-webkit-appearance:none;min-width:120px;padding-left:65px;padding-right:40px}.banner .banner-content .banner-btn .theme-button.gender select option{text-align:left}.banner .banner-content .banner-btn .theme-button.gender .select-image{position:absolute;top:0;right:auto;left:20px;bottom:0;width:30px;background-image:url(../image/male.svg);background-repeat:no-repeat;background-size:30px;background-position:50%}.banner .banner-content .banner-btn .theme-button.gender select #select-box{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:5px 30px 5px 5px;width:100%;border:1px solid #ccc;border-radius:4px;cursor:pointer}.banner .banner-content .banner-btn .theme-button.gender select #select-box::-ms-expand{display:none}.random .random-content h2{margin:0 0 32px}.random .random-content p{margin:0 0 32px}.random .random-image img{display:block;margin:0 auto}.choose{background:#fff8ff}.choose .choose-item{padding:32px 8px;border:2px solid transparent;border-radius:50px;text-align:center;transition:all .3s}.choose .choose-item:hover{box-shadow:0 0 14px 0 rgba(0,0,0,.1411764705882353);border-left:2px solid #670069;transition:all .3s;background:#fff}.choose .choose-item img{display:block;margin:0 auto 24px}.choose .choose-item h5{color:#000;margin:0 0 20px}.choose .choose-item p{margin:0 0 24px}.choose .choose-item a{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;color:#670069;font-weight:600}.choose .choose-item a img{margin:0;max-width:30px}.choose .choose-item a:focus,.choose .choose-item a:hover{color:#670069}.install .install-image img{display:block;margin:0 auto}.install .install-content{margin:40px 0}.install .install-content h2{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:30px;margin:0 0 48px}.install .install-content h3{margin:0 0 20px}.install .install-content ul{padding:0 0 0 20px;margin:0}.install .install-content ul li{list-style-type:disc;margin:0 0 16px}.install .install-content ul li:last-of-type{margin:0}.install .install-content p{margin:0 0 32px}.install .chat-rules{margin-top:100px}.features{padding:0}.features .container{max-width:100%;padding:0}.features .tabs-content{height:100%}.features .tabs-content *{height:100%}.features .tabs-content .tab-pane img{object-fit:cover;width:100%}.features .right-tabs{padding:0 15px}.features .right-tabs h2{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:30px;margin:0 0 48px}.features .right-tabs .nav-pills li a{border-left:2px solid #929292;padding:24px 0 24px 30px;border-radius:0;background:transparent}.features .right-tabs .nav-pills li a.active{color:#670069;background-color:transparent;border-left:3px solid #670069}.features .right-tabs .nav-pills li a .tab-item{display:flex;flex-direction:row;align-items:flex-start;gap:22px}.features .right-tabs .nav-pills{max-width:480px}.features .right-tabs .nav-pills li a .tab-item .item-icon img{display:block}.features .right-tabs .nav-pills li a .tab-item .item-icon svg{max-width:47px;max-height:47px}.features .right-tabs .nav-pills li a .tab-item .item-icon svg path{fill:#929292;stroke:#929292}.features .right-tabs .nav-pills li a.active .tab-item .item-icon svg path{fill:#670069;stroke:#670069}.features .right-tabs .nav-pills li a .tab-item .item-content h5{color:#929292}.features .right-tabs .nav-pills li a .tab-item .item-content p{color:#929292;margin:0}.features .right-tabs .nav-pills li a.active{border-radius:0;background:transparent}.features .right-tabs .nav-pills li a.active .tab-item .item-content h5{color:#670069}.security .security-inner{text-align:center}.security .security-inner img{display:block;margin:0 auto 32px}.security .security-inner h5{margin:0 0 32px}.security .security-inner p{margin:0}.footer{background:#fff8ff}.footer .footer-top{padding:100px 0}footer .footer-top .footer-title h5{color:#000}footer .footer-top ul{margin:0;padding:0}footer .footer-top ul li{margin:0 0 24px}footer .footer-top ul li:last-of-type{margin:0}footer .footer-top ul li a{word-wrap:break-word;word-break:break-all;transition:color .2s ease-in;color:#000}footer .footer-top ul li a:focus,footer .footer-top ul li a:hover{transition:color .2s ease-in;color:#670069}footer .footer-top .footer-title{margin:0 0 48px}footer .footer-top .footer-title h5{margin:0}footer .footer-about .footer-logo{margin:0 0 32px}footer .footer-about .footer-logo a,footer .footer-about .footer-logo a img{display:block;max-width:200px}footer .footer-about p{margin:0 0 32px}footer .footer-about .social-media ul{padding:0;margin:0}footer .footer-about .social-media ul li{display:inline-block;width:32px;margin:0 32px 0 0}footer .footer-about .social-media ul li:last-of-type{margin:0}footer .footer-about .social-media ul li a{display:block;transition:color .2s ease-in}footer .footer-about .social-media ul li a svg path{transition:all .5s ease-out}footer .footer-about .social-media ul li a:hover svg path{transition:all .5s ease-out;fill:#670069}footer .footer-contact ul{padding:0;margin:0}footer .footer-contact ul li{display:flex;flex-direction:row;align-items:center;gap:12px;margin:0 0 24px}footer .footer-contact ul li:last-of-type{margin:0}footer .footer-contact ul li .icon img{display:block}footer .footer-contact ul li .content p{margin:0}footer .footer-contact ul li svg g path{transition:all .5s ease-out}footer .footer-contact ul li:hover svg g path{transition:all .5s ease-out;fill:#000}footer .footer-contact ul li:hover a{transition:all .5s ease-out;color:#000}footer .footer-contact.download ul li:hover a{color:#670069}footer .footer-contact.download ul li:hover svg g path{transition:all .5s ease-out;fill:#670069}footer .footer-contact.download ul li:hover svg g path.color-white{fill:#fff}footer .copyright .copyright-text p{color:var(--secondary);text-align:center;margin:0}footer .copyright{border-top:1px solid #929292;padding:32px 0}#button-scroll-top{display:inline-block;background:var(--primary);border:1px solid var(--primary);width:40px;height:40px;text-align:center;border-radius:50px;position:fixed;bottom:20px;right:15px;-webkit-transition:background-color .3s,opacity .5s,visibility .5s;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000;cursor:pointer}#button-scroll-top:after{display:block;content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;height:12px;width:12px;transform:rotate(225deg);margin:14px auto}#button-scroll-top.show{opacity:1;visibility:visible}@media screen and (min-width:1200px){.banner{padding:200px 0}.features .right-tabs h2{font-size:40px;line-height:48px}.features .right-tabs .nav-pills li a .tab-item .item-content h5{font-size:26px;line-height:32px}footer .footer-top .row{gap:50px;justify-content:space-between}footer .footer-top .row .col-lg-4{width:calc(30% - 40px)}footer .footer-top .row .col-lg-3{width:calc(25% - 40px)}footer .footer-top .row .col-lg-2{width:calc(20% - 40px)}}@media screen and (min-width:992px) and (max-width:1199px){.section-wrapper{padding:60px 0}h1{font-size:46px;line-height:52px}h2{font-size:40px;line-height:46px}h3{font-size:34px;line-height:40px}h4{font-size:30px;line-height:36px}h5{font-size:26px;line-height:32px}h6{font-size:22px;line-height:28px}.install .chat-rules{margin-top:60px}.footer .footer-top{padding:60px 0}.features{padding:0}.features .right-tabs h2{font-size:30px;line-height:36px;margin:0 0 30px}.features .right-tabs .nav-pills li a .tab-item .item-content h5{font-size:24px;line-height:30px}}@media screen and (max-width:991px){.section-wrapper{padding:40px 0}.section-wrapper.banner{padding:60px 0}.section-title{margin-bottom:40px}h1{font-size:46px;line-height:52px}h2{font-size:40px;line-height:46px}h3{font-size:34px;line-height:40px}h4{font-size:30px;line-height:36px}h5{font-size:26px;line-height:32px}h6{font-size:22px;line-height:28px}a,p{font-size:18px;line-height:22px}.random .random-content{text-align:center}.choose .choose-item{margin-bottom:30px;padding:20px 10px;border-radius:20px}.install .install-content{margin:30px 0;text-align:center}.install .install-content h2{justify-content:center;margin:0 0 30px}.install .install-content ul{display:inline-block;text-align:left}.install .chat-rules{margin-top:30px}.security .security-inner h5,.security .security-inner img{margin-bottom:20px}.main-wrapper{margin-top:60px}header .navbar .logo img{max-width:180px;display:block;max-height:40px}header .navbar .navbar-toggler{border:1px solid #000;border-radius:5px;outline:none;box-shadow:none;width:36px;height:36px;padding:4px}header .navbar .navbar-collapse{position:absolute;top:60px;left:0;right:0;background:#fffaff;padding:10px 0;z-index:1}header .navbar .navbar-collapse ul li a.nav-link{padding:10px 15px;font-size:20px;line-height:24px}footer .footer-top .footer-title{margin:0 0 30px}footer .footer-top .footer-inner{margin-bottom:40px}.footer .footer-top{padding:40px 0 0}footer .copyright{padding:20px 0}footer .copyright .copyright-text p{font-size:16px;line-height:20px}.features{padding:0}.features .right-tabs h2{margin:0 0 30px}.features .right-tabs{margin:40px 0}.features .right-tabs .nav-pills{max-width:100%}.features .right-tabs .nav-pills li a .tab-item .item-icon img{max-width:50px}.features .right-tabs .nav-pills li a{padding-left:20px}}@media screen and (max-width:767px){h1{font-size:36px;line-height:44px}h2{font-size:32px;line-height:38px}h3{font-size:30px;line-height:34px}h4{font-size:26px;line-height:32px}h5{font-size:22px;line-height:26px}h6{font-size:20px;line-height:24px}.banner{background-position:0}.banner .banner-content{max-width:460px}.banner .banner-content .checkbox,.banner .banner-content h1{margin:0 0 30px}.banner .banner-content .banner-btn{gap:20px;flex-wrap:wrap}.install .install-content h2,.section-title h2{gap:15px}.install .install-content h2 img,.section-title h2 img{max-width:30px}.random .random-content h2,.random .random-content p{margin:0 0 20px}.features .right-tabs h2{font-size:26px;line-height:28px;gap:20px}.features .right-tabs h2 img{max-width:30px}.features .right-tabs .nav-pills li a .tab-item{gap:15px}.features .right-tabs .nav-pills li a .tab-item .item-icon img{max-width:40px}}