.search{padding-bottom:120px}@media (max-width: 1024px){.search{padding-bottom:50px}}.search .content{display:flex;justify-content:center}@media (max-width: 1024px){.search .content form{width:100%}}.search .content .input{width:800px;display:flex;justify-content:space-between;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0;transition:.3s}@media (max-width: 1024px){.search .content .input{width:100%;justify-content:center;align-items:center}}.search .content .input input{width:calc(100% - 60px);height:60px;border:none;outline:none;padding-left:20px;font-size:18px}@media (max-width: 1024px){.search .content .input input{height:50px}}.search .content .input input::placeholder{transition:.2s}.search .content .input input:focus::placeholder{opacity:0}.search .content .input:focus-within{box-shadow:0 0 15px #96969640}.search .content .input button{width:60px;background-color:#00196c;height:60px;border:none;display:flex;justify-content:center;align-items:center;padding:0;border-radius:0;transition:.3s;cursor:pointer}.search .content .input button img{height:30px;width:30px}.search .content .input button:hover{background-color:#000d38}.widthBox{width:100%;background-color:#f5f5f5;padding:120px 0}@media (max-width: 1024px){.widthBox{padding:50px 0}}.widthBox:has(.blogContent){background-color:#fff}.productContent{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:min(1440px,100%);margin:0 auto}.productContent *{transition:.3s}.productContent .left{width:20%;padding:50px;background-color:#fff;border-radius:24px}@media (max-width: 1024px){.productContent .left{display:none}}.productContent .left .head{color:#222;font-size:20px;font-weight:500}.productContent .left .filterBlock{margin-top:50px;padding-top:50px;border-top:1px solid #ddd}.productContent .left .filterBlock .title{color:#222;font-size:20px;font-weight:500}.productContent .left .filterBlock .items{display:flex;flex-direction:column;gap:10px;margin-top:30px}.productContent .left .filterBlock .items .item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer}.productContent .left .filterBlock .items .item .icon{border:1px solid #222;background-color:#fff;width:18px;height:18px;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer}.productContent .left .filterBlock .items .item.active .icon,.productContent .left .filterBlock .items .item:hover .icon{background-color:#222}.productContent .left .filterBlock .items .item.active .name,.productContent .left .filterBlock .items .item:hover .name{color:#001b71}.productContent .left .filterBlock .items .item .name{width:calc(100% - 30px);color:#222}.productContent .left .filterBlock .colorItems{margin-top:30px;display:flex;flex-direction:row;justify-content:flex-start;gap:10px;flex-wrap:wrap}.productContent .left .filterBlock .colorItems .item{height:25px;width:25px;border-radius:99px;flex-shrink:0;flex-grow:0;display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid #e0e0e0}.productContent .left .filterBlock .colorItems .item svg{display:none}.productContent .left .filterBlock .colorItems .item.active svg{display:block}.productContent .left .filterBlock .colorItems .item:hover{transform:scale(1.1) translateY(-3px);box-shadow:3px 3px 3px #5e5e5e8d}.productContent .right{width:70%;position:relative}@media (max-width: 1024px){.productContent .right{width:100%}}.productContent .right .background{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background-color:#fff;z-index:9}.productContent .right .background.active{display:flex;overflow:hidden}.productContent .right .background .loader{width:45px;aspect-ratio:1;--c: no-repeat linear-gradient(#000 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 100%;animation:l1 1s infinite linear}@keyframes l1{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10%,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10%,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}to{background-size:20% 100%,20% 100%,20% 100%}}.productContent .right.loading{height:600px;overflow:hidden}.productContent .right.loading .background{display:flex}.productContent .right .productList{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px}@media (max-width: 1024px){.productContent .right .productList{row-gap:50px;padding:0 15px}}@media (max-width: 768px){.productContent .right .productList{row-gap:30px}}.productContent .right .productList .item{width:30%;display:flex;flex-direction:column;text-decoration:none;border-radius:24px}@media (max-width: 1024px){.productContent .right .productList .item{width:48%}}@media (max-width: 768px){.productContent .right .productList .item{width:100%}}.productContent .right .productList .item:hover{transform:translateY(-8px);background-color:#fff;box-shadow:5px 4px 20px #94949413}.productContent .right .productList .item .image{width:100%;aspect-ratio:1;display:block;position:relative;background-color:#fff;border-radius:24px;padding:20px;box-sizing:border-box}.productContent .right .productList .item .image img{height:100%;width:100%;aspect-ratio:1}.productContent .right .productList .item .content{padding:20px}.productContent .right .productList .item .content .title{font-size:20px;font-weight:600;color:#222}.productContent .right .productList .item .viewMore{margin-top:20px;display:flex;justify-content:flex-start}.productContent .right .productList .item .viewMore div{display:block;background-color:#001b71;color:#fff;border-radius:999px;padding:10px 25px;font-size:16px;cursor:pointer;text-decoration:none}.productContent .right .productList .item .viewMore div:hover{background-color:#001b71}.productContent .right .pagesControl{display:flex;justify-content:flex-end;align-items:center;margin-top:50px;column-gap:100px}@media (max-width: 768px){.productContent .right .pagesControl{justify-content:center}}.productContent .right .pagesControl .pages{display:flex;justify-content:flex-start;column-gap:20px}.productContent .right .pagesControl .pages .prev,.productContent .right .pagesControl .pages .next{background-color:#ddd;border-radius:999px;display:flex;justify-content:center;align-items:center;height:40px;width:40px;cursor:pointer}.productContent .right .pagesControl .pages .prev path,.productContent .right .pagesControl .pages .next path{stroke:#666}.productContent .right .pagesControl .pages .prev:hover,.productContent .right .pagesControl .pages .next:hover{background-color:#222}.productContent .right .pagesControl .pages .prev:hover path,.productContent .right .pagesControl .pages .next:hover path{stroke:#fff}.productContent .right .pagesControl .pages .num{background-color:transparent;border-radius:999px;display:flex;justify-content:center;align-items:center;height:40px;width:40px;color:#666;cursor:pointer}.productContent .right .pagesControl .pages .num:hover,.productContent .right .pagesControl .pages .num.active{background-color:#222;color:#fff}@media (max-width: 767px){.productContent .right .pagesControl .switchPage{display:none}}.productContent .right .pagesControl .switchPage input{width:60px;height:30px;text-align:center;padding:0;border-radius:8px;padding-inline:0;padding-block:0;color:#666;border:1px solid #666}.productContent .right .pagesControl .switchPreView{display:flex;justify-content:flex-end}@media (max-width: 1024px){.productContent .right .pagesControl .switchPreView{display:none}}.productContent .right .pagesControl .switchPreView select{width:100px;height:30px;text-align:center;padding:0;border-radius:8px;color:#666;border:1px solid #666}