.blog-header h1{font-size:32px;font-weight:700;line-height:40px;margin-bottom:16px}.blog-header p{font-size:18px;font-weight:400;line-height:24px}.blog-header p a{color:#328fde}.blog-header p a:hover{text-decoration:underline}@media screen and (max-width: 1000px){.blog-header h1{font-size:24px;font-weight:700;line-height:28px;margin-bottom:16px}.blog-header p{font-size:17px;font-weight:400;line-height:22px}}.dropdown{position:relative;display:inline-block;min-width:200px}.dropdown .header{height:48px;padding:8px 16px;background-color:#fff;border:1px solid #b2b2b2;border-radius:8px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.dropdown .header span{font-size:18px;font-weight:500;line-height:22px}.dropdown .header:hover{border-color:#328fde}.dropdown .header:hover span{color:#328fde;border-right:1px solid #328fde}.dropdown .header:hover img{filter:invert(38%) sepia(54%) saturate(571%) hue-rotate(179deg) brightness(92%) contrast(89%)}.dropdown .header span{font-size:18px;font-weight:500;line-height:22px;color:#565656;flex:1;border-right:1px solid #d7d7d7;white-space:nowrap;width:50px;overflow:hidden}.dropdown .header img{min-width:24px;transform:rotate(90deg);transition:transform .3s}.dropdown .header img.isOpen{transform:rotate(270deg)}.dropdown .list{position:absolute;width:100%;background-color:#fff;border:1px solid #dfdfdf;list-style-type:none;border-radius:8px;padding:0;max-height:400px;margin:0;z-index:10;top:calc(100% + 7px);overflow-y:auto;box-shadow:0 4px 8px #0003}.dropdown ul::-webkit-scrollbar-thumb{background-color:#c7c7c7;border:4px solid transparent;border-radius:8px;background-clip:padding-box}.dropdown ul::-webkit-scrollbar{width:16px}.dropdown .item{padding:10px;cursor:pointer;font-size:16px;font-weight:500;line-height:20px;color:#000}.dropdown .item:hover{color:#328fde}.dropdown .item.selected,.dropdown .item.selected:hover{background-color:#328fde;color:#fff}.dropdown .item:first-child{border-top-left-radius:8px}.dropdown .item:last-child{border-bottom-left-radius:8px}.dropdown .arrow{margin-left:10px}@media screen and (max-width: 1000px){.dropdown .header span{font-size:17px;font-weight:500;line-height:22px;color:#565656}}.input-wrapper{position:relative;transition:all .3s ease}.input-wrapper .input{width:100%;border:1px solid #b2b2b2;border-radius:8px;padding:12px 16px;font-size:18px;font-weight:500;line-height:22px;outline:none;color:#565656;caret-color:#328fde}.input-wrapper .input:hover{border-color:#328fde;color:#328fde}.input-wrapper .input:focus{color:#565656}.input-wrapper .input.has-suffix{padding-right:80px}.input-wrapper .input+.input-suffix{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:gray;font-size:18px;font-weight:400;line-height:22px}.input-wrapper .input.error{border-color:red;color:red}.input-wrapper .text-error{color:red;font-size:14px;font-weight:400;line-height:18px;margin-top:8px}@media screen and (max-width: 1000px){.input-wrapper .input{font-size:17px;font-weight:500;line-height:22px;color:#565656}.input-wrapper .input+.input-suffix{font-size:17px;font-weight:400;line-height:22px}}
