section.hero{box-sizing:border-box;padding:0 0 130px;overflow:hidden!important;border-bottom:1px solid var(--bg-gray)}section.hero .domain-logo{width:100%;height:98px;margin-bottom:50px;background-color:#fff9;display:flex;align-items:center;justify-content:center;border-radius:15px;padding:20px;box-shadow:0 25px 46px -21px #0000001a;position:relative}section.hero .domain-logo img{max-width:155px;position:relative;z-index:5}section.hero h1{font-size:41px!important;color:var(--blue);font-weight:600;margin-bottom:25px}@media only screen and (max-width:600px){section.hero h1{margin-bottom:10px;font-size:24px!important}}section.hero h1 span{color:var(--green)}section.hero .subtitle{color:var(--blue);font-weight:light;font-size:16px}section.hero .content-domain-search{margin-bottom:25px}section.hero .content-domain-search .search input{font-size:16px;font-weight:700;height:98px;width:100%;padding-left:20px}section.hero .content-domain-search .search input::-moz-placeholder{font-weight:400}section.hero .content-domain-search .search input::placeholder{font-weight:400}section.hero .content-domain-search .search button{height:66px;right:15px;font-weight:600}section.hero .content-domain-search .search .search-icon{left:20px}section.hero .buttons{width:100%;max-width:100%;gap:10px;display:flex;align-items:center;justify-content:center}section.hero .buttons .btn{border-radius:14px;font-weight:600;cursor:help}section.hero .buttons .btn i{margin-right:7px}@media only screen and (max-width:600px){section.hero .buttons .btn{padding:10px;font-size:14px}section.hero .buttons .btn i{font-size:20px;display:block;margin:0 0 5px}}section.hero .buttons .btn.green i{color:var(--green)}section.hero .buttons .btn.green:hover,section.hero .buttons .btn.green:active,section.hero .buttons .btn.green:focus{background-color:var(--green)!important;border-color:var(--green)!important}section.hero .buttons .btn.green:hover i,section.hero .buttons .btn.green:active i,section.hero .buttons .btn.green:focus i{color:var(--white)!important}section.hero .buttons .btn.green:hover,section.hero .buttons .btn.green:active,section.hero .buttons .btn.green:focus{color:var(--white)!important}section.hero .buttons .btn.light-blue i{color:var(--light-blue)}section.hero .buttons .btn.light-blue:hover,section.hero .buttons .btn.light-blue:active,section.hero .buttons .btn.light-blue:focus{background-color:var(--light-blue)!important;border-color:var(--light-blue)!important}section.hero .buttons .btn.light-blue:hover i,section.hero .buttons .btn.light-blue:active i,section.hero .buttons .btn.light-blue:focus i{color:var(--white)!important}section.hero .buttons .btn.light-blue:hover,section.hero .buttons .btn.light-blue:active,section.hero .buttons .btn.light-blue:focus{color:var(--white)!important}section.hero .buttons .btn.orange i{color:var(--orange)}section.hero .buttons .btn.orange:hover,section.hero .buttons .btn.orange:active,section.hero .buttons .btn.orange:focus{background-color:var(--orange)!important;border-color:var(--orange)!important}section.hero .buttons .btn.orange:hover i,section.hero .buttons .btn.orange:active i,section.hero .buttons .btn.orange:focus i{color:var(--white)!important}section.hero .buttons .btn.orange:hover,section.hero .buttons .btn.orange:active,section.hero .buttons .btn.orange:focus{color:var(--white)!important}section.category .box *{transition:all .2s ease-in-out}section.category .box{background-color:var(--bg-gray-light-2);padding:100px 10px 35px;border-radius:20px;position:relative;overflow:hidden;width:300px;max-width:100%;box-sizing:border-box;color:var(--blue-darken)!important}section.category .box.green:after{background-color:var(--green)}section.category .box.light-blue:after{background-color:var(--light-blue)}section.category .box.orange:after{background-color:var(--orange)}section.category .box:after{content:"";width:130px;height:130px;position:absolute;border-radius:100%;z-index:0;top:-65px;left:50%;transform:translate(-50%)}section.category .box img{position:absolute;top:15px;left:50%;transform:translate(-50%);z-index:2;filter:brightness(125%) opacity(75%)}section.category .box.green img{top:0}section.category .box h3{text-align:center;font-size:22px;color:var(--blue-darken)!important;margin-bottom:30px;font-weight:600}section.category .box ul li:not(:first-child){border-top:1px solid var(--border-rgba)}section.category .box ul li{padding:10px 15px;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:space-between}section.category .box ul li:hover{background-color:var(--bg-gray);transform:scale(1.05)}section.category .box ul li .name i{width:22px;height:22px;border-radius:4px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--blue-light);color:var(--bg-gray-light-2)}section.category .box ul li .price{font-weight:700}section.category .box ul li div{display:inline-block}section.category .box:hover,section.category .box:active,section.category .box:focus{box-shadow:0 25px 25px -21px #0000001a}section.category .box:hover img,section.category .box:active img,section.category .box:focus img{transform:translate(-30px,-10px);filter:brightness(155%) opacity(75%)}section.register-detail{padding:100px 0;overflow:hidden}section.register-detail h2.title{color:var(--blue);margin-bottom:67px;font-weight:light;font-size:37px;position:relative}section.register-detail h2.title:after{content:"";position:absolute;bottom:-12px;left:0;background-color:var(--green);width:76px;height:5px;border-radius:5px}section.register-detail .detail{max-width:100%}section.register-detail .detail ul li{padding:20px;margin-bottom:20px;border-radius:10px;max-width:100%}section.register-detail .detail ul li .key{font-size:16px;color:var(--blue-darken);margin-bottom:12px;position:relative}section.register-detail .detail ul li .key:after{content:"";position:absolute;bottom:-12px;left:0;background-color:var(--border-rgba);width:76px;height:1px;border-radius:1px}section.register-detail .detail ul li .value{font-size:20px;padding-top:5px;font-weight:500}section.register-detail .detail ul li:hover,section.register-detail .detail ul li:active,section.register-detail .detail ul li:focus{transition:all .2s ease-in-out;cursor:pointer;background-color:var(--green)}section.register-detail .detail ul li:hover .value,section.register-detail .detail ul li:hover .key,section.register-detail .detail ul li:active .value,section.register-detail .detail ul li:active .key,section.register-detail .detail ul li:focus .value,section.register-detail .detail ul li:focus .key{color:var(--white)}html[dir=rtl] section.hero .buttons .btn.green i{margin-right:0;margin-left:7px}html[dir=rtl] section.category .box ul li .name i{margin-right:0!important;margin-left:3px}html[dir=rtl] section.register-detail h2.title:after{left:auto;right:0}html[dir=rtl] section.register-detail .detail ul li .key:after{left:auto;right:0}html[dir=rtl] section.register-detail .border-end{border-right:none!important;border-left:1px solid var(--border-rgba)!important}@media only screen and (min-width:1200px){html[dir=rtl] section.register-detail .pe-xl-5{padding-right:0!important;padding-left:3rem}html[dir=rtl] section.register-detail .ps-xl-5{padding-left:0!important;padding-right:3rem}}@media only screen and (max-width:1200px){section.hero{padding:30px 0 60px}section.hero .title{text-align:center}section.hero .domain-logo{margin:50px auto 32px}section.hero .content-domain-search{margin-top:50px}section.hero .buttons{width:100%;gap:10px}section.register-detail .border-end{border-right:none!important}}@media only screen and (max-width:768px){section.hero .domain-logo{width:70%}section.hero .title h1{line-height:1!important;font-size:32px!important}section.hero .title h1 span{display:inline-block;line-height:1}section.hero .title .subtitle{margin-top:10px}section.hero .title .subtitle span{display:inline-block}section.hero .content-domain-search{margin-top:20px}section.register-detail .detail{flex-direction:column}}@media only screen and (max-width:425px){section.hero{padding:30px 0}section.hero .content-domain-search button{padding:10px}}