.sbAdds{width:375px;display:flex;flex-direction:column;gap:30px}.sbAdds .sb{position:relative;border-radius:6px 6px 10px 10px;box-shadow:0 3px 8px 5px rgba(0,0,0,.2)}.sbAdds .sb .head{display:flex;align-items:center;position:relative;background-image:linear-gradient(#44eaff,#23a6ff);gap:12px;height:60px;border-radius:6px 6px 0 0;padding-left:16px}.sbAdds .sb .head .topL{width:calc(100% - 12px);height:3px;top:0;left:6px;opacity:70%;border-radius:50%}.sbAdds .sb .head .halfL{background-image:linear-gradient(0deg,#141414,#222,#3c3c3c,#5f5f5f,#898989,#adadad);height:12px;width:calc(100% - 8px);left:4px;top:2px;opacity:80%}.sbAdds .sb .head .icon{position:relative;z-index:1}.sbAdds .sb .head .shadow{position:absolute;mix-blend-mode:multiply;bottom:9px;left:12px}.sbAdds .sb .head .h3{font-size:20px;font-weight:600;color:#fff}.sbAdds .sb .center{height:6px;position:relative;background-image:linear-gradient(#44eaff,#23a6ff)}.sbAdds .sb .center .centerL{width:64%;height:6px;top:0;left:18%}.sbAdds .sb .sbCont{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f1f1;position:relative;border-radius:0 0 10px 10px;box-shadow:2px 2px 5px rgba(0,0,0,.3)}.sbAdds .sb .sb1Cont,.sbAdds .sb .sb2Cont{padding:36px 34px 28px 31px;gap:38px}.sbAdds .sb .sb1Cont .add,.sbAdds .sb .sb2Cont .add{position:relative}.sbAdds .sb .sb1Cont .add .name,.sbAdds .sb .sb2Cont .add .name{position:absolute;font-size:20px;font-weight:700;color:#fff;z-index:2;top:-12px;right:8px}.sbAdds .sb .sb1Cont .add .name2,.sbAdds .sb .sb2Cont .add .name2{right:-10px}.sbAdds .sb .sb1Cont .add .link,.sbAdds .sb .sb2Cont .add .link{display:flex;position:relative;z-index:1}.sbAdds .sb .sb1Cont .add .link::before,.sbAdds .sb .sb2Cont .add .link::before{content:"";width:119px;height:118px;position:absolute;background-image:url(https://images.theengineeringprojects.com/image/theme/main/2025/06/sb-add-corner.png);background-size:100% 100%;background-repeat:no-repeat;right:-17px;top:-16px;z-index:1}.sbAdds .sb .sb1Cont .add .link .addImg,.sbAdds .sb .sb2Cont .add .link .addImg{box-shadow:0 0 8px 10px rgba(0,0,0,.3)}.sbAdds .sb .sb3Cont{position:relative;padding:6px 0 20px;gap:24px}.sbAdds .sb .sb3Cont .a{display:flex;flex-direction:column;align-items:center;position:relative;gap:25px}.sbAdds .sb .sb3Cont .a .socialCon{display:flex;flex-direction:column;gap:10px;width:86%;position:relative}.sbAdds .sb .sb3Cont .a .socialCon .h4{font-size:18px;font-weight:600;color:#1d1d1b;text-align:center}.sbAdds .sb .sb3Cont .a .socialCon .iconsCon{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px dashed #999}.sbAdds .sb .sb3Cont .a .socialCon .iconsCon .link{font-size:14px;font-weight:600;color:#1a1a1a;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px}.sbAdds .sb .sb3Cont .a .socialCon .iconsCon .hr{border-left:1px dashed #999}.sbAdds .sb .sb3Cont .a .mailCon{display:flex;flex-direction:column;align-items:center;gap:28px}.sbAdds .sb .sb3Cont .a .mailCon .box{display:flex;align-items:center;gap:12px;width:78%}.sbAdds .sb .sb3Cont .a .mailCon .box .icon{position:relative}.sbAdds .sb .sb3Cont .a .mailCon .box .span{font-size:12px;font-weight:600;color:#e94e1b;line-height:20px;text-align:center}.sbAdds .sb .sb3Cont .a .mailCon .inputCon{display:flex;flex-direction:column;width:86%;gap:12px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .form{position:relative;width:100%;height:38px;background:#fff;border-radius:22px 0 0 22px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .form .icon{position:absolute;top:0;left:0;z-index:2}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .form .shadow{position:absolute;mix-blend-mode:multiply;bottom:-6px;left:-4px;z-index:1}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .form .input{width:calc(92% - 20px);height:100%;padding-left:20px;position:relative;right:-8%;border:none;background:0 0;font-size:14px;color:#000;box-shadow:3px 3px 5px rgba(0,0,0,.3);outline:0}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .form .input::-moz-placeholder{font-size:14px;color:#706f6f}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .form .input::placeholder{font-size:14px;color:#706f6f}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .btn{font-size:16px;font-weight:600;color:#fff;height:34px;border-radius:5px;background-image:linear-gradient(#44eaff,#23a6ff);position:relative;border:none;z-index:1;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 3px 2px #c8c8c9}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .btn:hover{box-shadow:0 4px 4px #c8c8c9;transition:.3s}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .btn:active{font-size:17px;box-shadow:0 3px 2px #c8c8c9;transition:.3s}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .checkbox{display:flex;align-items:center;gap:8px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .checkbox .check{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:19px;width:19px;border:1px solid #009fe3;background-image:linear-gradient(#44eaff,#23a6ff);border-radius:3px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .checkbox .check::after{content:"";background-image:url(https://images.theengineeringprojects.com/image/theme/main/2025/06/sb-check-tick.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:4px;left:2px;border-radius:3px;height:10px;width:13px;display:none}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .checkbox .check:checked:after{display:block}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .checkbox .label{font-size:14px;font-weight:600;color:#303030;cursor:pointer}.sbAdds .sb .sb3Cont .b{position:relative}.sbAdds .sb .sb3Cont .b .rbt{position:relative;width:100%;z-index:1}.sbAdds .sb .sb3Cont .b .shadows{position:absolute;mix-blend-mode:multiply;z-index:0}.sbAdds .sb .sb3Cont .b .shadow1{right:10px;bottom:14px}.sbAdds .sb .sb3Cont .b .shadow2{left:0;bottom:0}.sbAdds .sb .sb4Cont{padding:12px 0 10px;display:flex;flex-direction:column;align-items:center;position:relative;gap:20px}.sbAdds .sb .sb4Cont .allBooks{display:flex;flex-direction:column;gap:10px;position:relative}.sbAdds .sb .sb4Cont .allBooks .books2{display:flex;justify-content:center;gap:10px}.sbAdds .sb .sb4Cont .allBooks .books2 .book{display:flex;flex-direction:column;align-items:center;padding:22px 11px 10px;gap:13px;background:#fff;border:1px solid #cbc6c6;border-radius:8px;position:relative}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon{display:flex;flex-direction:column;position:relative;padding:0 2px 0 7px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .fig .link{display:flex;position:relative}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .fig .link::before{content:"";position:absolute;background-image:url(https://images.theengineeringprojects.com/image/theme/main/2025/06/sb-books-corner.png);width:76px;height:75px;background-size:100% 100%;background-repeat:no-repeat;top:-10px;left:-11px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .fig .link .bookImg{box-shadow:0 0 6px 3px rgba(0,0,0,.3)}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .sale{font-size:17px;font-weight:700;color:#fff;position:absolute;top:-10px;left:0}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .price1{font-size:16px;color:#fff;position:absolute;top:10px;left:0}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon{display:flex;flex-direction:column;gap:5px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .bookNP{display:flex;align-items:center;position:relative;z-index:1}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .bookNP .name{font-size:13px;color:#000;text-transform:uppercase;width:115px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .bookNP .name b{font-weight:600}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .bookNP .price{font-size:13px;font-weight:600;color:#fff;border-radius:100%;display:flex;align-items:center;justify-content:center;position:relative;height:29px;width:29px;background-image:linear-gradient(#ffba00,#ff8300);text-decoration:none}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .bookNP .price .pShadow{position:absolute;bottom:-4px;left:-3px;z-index:-1}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .stars{display:flex;align-items:center;gap:3px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .stars .star{position:relative}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .stars .count{font-size:9px;font-weight:500;color:#000}.sbAdds .sb .sb4Cont .imgCon{display:flex;position:relative}.sbAdds .sb .sb4Cont .imgCon .rbt{width:100%;position:relative;z-index:1}.sbAdds .sb .sb4Cont .imgCon .shadows{position:absolute;mix-blend-mode:multiply}.sbAdds .sb .sb4Cont .imgCon .shadow1{bottom:20px;right:10px}.sbAdds .sb .sb4Cont .imgCon .shadow2{bottom:8px;left:-2px}.sbAdds .sb .sb5Cont{padding:12px;align-items:normal}.sbAdds .sb .sb5Cont .categories{display:flex;flex-direction:column;position:relative;gap:7px}.sbAdds .sb .sb5Cont .categories .ctgy{display:flex;align-items:center;padding:10px 15px 14px 10px;background:#fff;border-radius:8px;border:1px solid #cbc6c6;gap:12px;position:relative}.sbAdds .sb .sb5Cont .categories .ctgy .link{display:flex}.sbAdds .sb .sb5Cont .categories .ctgy .link .img{position:relative}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain{display:flex;flex-direction:column;gap:12px;position:relative}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .main1{display:flex;align-items:center;justify-content:space-between}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .main1 .name{font-size:18px;font-weight:600;color:#000;text-decoration:none}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .main1 .count{font-size:11px;font-weight:600;color:#fff;height:22px;width:41px;border-radius:11px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#ffad00,#ff8c00)}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .allMetas{display:flex;align-items:center;justify-content:space-between;gap:5px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .allMetas .meta{display:flex;align-items:center;justify-content:center;border:.75px solid #707070;background:#fafafa;border-radius:6px;width:54px;height:23px;gap:4px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .allMetas .meta .icon{position:relative}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .allMetas .meta .count{font-size:12px;font-weight:700;color:#1a1a1a}.sbAdds .sb .sb5Cont .categories .ctgy:hover .ctgyMain .main1 .name{text-decoration:underline}.sbAdds .sb .sb6Cont{align-items:normal;padding:13px 20px 32px}.sbAdds .sb .sb6Cont .tags{display:flex;flex-direction:column;align-items:flex-start;gap:15px;position:relative}.sbAdds .sb .sb6Cont .tags .tag{font-size:14px;font-weight:600;color:#fff;text-decoration:none;text-transform:capitalize;display:flex;align-items:center;gap:8px;background-image:linear-gradient(#44eaff,#23a6ff);border-radius:6px;padding:7px 8px 7px 10px;box-shadow:2px 2px 2px rgba(0,0,0,.16)}.sbAdds .sb .sb6Cont .tags .tag .icon{position:relative}@media (max-width:1750px){.sbAdds{width:320px;gap:28px}.sbAdds .sb .head{gap:6px;height:50px;padding-left:12px}.sbAdds .sb .head .icon{width:32px}.sbAdds .sb .head .shadow{width:38px;bottom:6px;left:9px}.sbAdds .sb .head .h3{font-size:18px}.sbAdds .sb .sb1Cont,.sbAdds .sb .sb2Cont{padding:24px 26px 24px 20px;gap:30px}.sbAdds .sb .sb1Cont .add .name,.sbAdds .sb .sb2Cont .add .name{font-size:19px}.sbAdds .sb .sb1Cont .add .link::before,.sbAdds .sb .sb2Cont .add .link::before{width:110px;height:110px;right:-16px;top:-15px}.sbAdds .sb .sb1Cont .add .link .addImg,.sbAdds .sb .sb2Cont .add .link .addImg{width:100%;height:100%}.sbAdds .sb .sb3Cont{padding:5px 0 15px;gap:20px}.sbAdds .sb .sb3Cont .a{gap:18px}.sbAdds .sb .sb3Cont .a .socialCon{gap:8px;width:90%}.sbAdds .sb .sb3Cont .a .socialCon .h4{font-size:17px}.sbAdds .sb .sb3Cont .a .socialCon .iconsCon{padding-bottom:7px}.sbAdds .sb .sb3Cont .a .socialCon .iconsCon .link{font-size:13px;gap:3px}.sbAdds .sb .sb3Cont .a .socialCon .iconsCon .link .icon{width:52px}.sbAdds .sb .sb3Cont .a .mailCon{gap:18px}.sbAdds .sb .sb3Cont .a .mailCon .box{gap:8px;width:90%}.sbAdds .sb .sb3Cont .a .mailCon .box .icon{width:48px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon{width:90%;gap:10px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .form{height:37px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .form .icon{width:37px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .form .shadow{width:45px;bottom:-5px;left:-3px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .form .input{width:calc(92% - 18px);padding-left:18px;font-size:13px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .form .input::-moz-placeholder{font-size:13px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .form .input::placeholder{font-size:13px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .btn{font-size:15px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .btn:active{font-size:16px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .checkbox .check{height:18px;width:18px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .checkbox .check::after{top:3px}.sbAdds .sb .sb3Cont .a .mailCon .inputCon .checkbox .label{font-size:13px}.sbAdds .sb .sb3Cont .b{display:flex}.sbAdds .sb .sb3Cont .b .rbt{width:96%}.sbAdds .sb .sb3Cont .b .shadow1{right:15px;bottom:18px;width:120px}.sbAdds .sb .sb3Cont .b .shadow2{left:5px;bottom:6px;width:135px}.sbAdds .sb .sb4Cont{padding:10px 0;gap:16px}.sbAdds .sb .sb4Cont .allBooks{gap:8px}.sbAdds .sb .sb4Cont .allBooks .books2{gap:6px}.sbAdds .sb .sb4Cont .allBooks .books2 .book{padding:16px 10px 8px;gap:10px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon{padding:0 1px 0 5px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .fig .link::before{width:62px;height:62px;top:-9px;left:-9px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .fig .link .bookImg{width:120px;height:auto}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .sale{font-size:15px;top:-8px;left:0}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .price1{font-size:14px;top:10px;left:0}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon{gap:4px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .bookNP .name{font-size:12px;width:95px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .bookNP .price{font-size:12px;height:26px;width:26px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .bookNP .price .pShadow{bottom:-3px;left:-3px;width:32px}.sbAdds .sb .sb4Cont .imgCon .rbt{width:96%;margin:0 auto}.sbAdds .sb .sb4Cont .imgCon .shadow1{bottom:18px;right:18px;width:100px}.sbAdds .sb .sb4Cont .imgCon .shadow2{bottom:8px;left:4px;width:115px}.sbAdds .sb .sb5Cont{padding:10px}.sbAdds .sb .sb5Cont .categories{gap:6px}.sbAdds .sb .sb5Cont .categories .ctgy{padding:8px 10px 10px 8px;gap:8px}.sbAdds .sb .sb5Cont .categories .ctgy .link .img{width:62px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain{gap:10px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .main1 .name{font-size:17px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .main1 .count{font-size:10px;height:20px;width:34px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .allMetas{gap:3px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .allMetas .meta{width:49px;height:22px;gap:3px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .allMetas .meta .icon{width:16px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .allMetas .meta .count{font-size:11px}.sbAdds .sb .sb6Cont{padding:12px 16px 26px}.sbAdds .sb .sb6Cont .tags{gap:12px}}@media (max-width:1200px){.sbAdds{width:100%;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:25px}.sbAdds .sb{width:48%}.sbAdds .sb .sbCont{justify-content:normal;height:calc(100% - 98px)}.sbAdds .sb .sb3Cont,.sbAdds .sb .sb4Cont{padding:15px 0 25px}.sbAdds .sb .sb1Cont,.sbAdds .sb .sb2Cont{padding:20px 30px}.sbAdds .sb .sb5Cont{padding:15px 6px 25px}.sbAdds .sb .sb6Cont{padding:15px 18px 25px}}@media (max-width:768px){.sbAdds{gap:20px}.sbAdds .sb .head{padding-left:10px}.sbAdds .sb .head .icon{width:30px}.sbAdds .sb .head .shadow{width:32px;bottom:7px;left:9px}.sbAdds .sb .head .h3{font-size:17px}.sbAdds .sb .sb3Cont .b{display:none}.sbAdds .sb .sb4Cont .imgCon{display:none}}@media (max-width:600px){.sbAdds{gap:16px}.sbAdds .sb{width:100%;height:-moz-fit-content;height:fit-content}.sbAdds .sb .sb4Cont .allBooks{width:90%;gap:8px}.sbAdds .sb .sb4Cont .allBooks .books2{flex-direction:column;gap:8px}.sbAdds .sb .sb4Cont .allBooks .books2 .book{width:100%;padding:15px 0 8px;gap:8px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon{padding:0}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .fig .link::before{width:76px;height:75px;top:-10px;left:-11px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .fig .link .bookImg{width:100%}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .sale{font-size:17px;top:-10px;left:-5px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .imgCon .price1{font-size:16px;top:10px;left:-5px}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .bookNP{justify-content:space-between}.sbAdds .sb .sb4Cont .allBooks .books2 .book .priceCon .bookNP .name{width:78%}.sbAdds .sb .sb5Cont{padding:8px}.sbAdds .sb .sb5Cont .categories{gap:5px}.sbAdds .sb .sb5Cont .categories .ctgy{padding:6px;gap:4px}.sbAdds .sb .sb5Cont .categories .ctgy .link .img{width:54px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain{gap:6px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .main1 .name{font-size:15px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .main1 .count{width:30px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .allMetas .meta{width:46px}.sbAdds .sb .sb5Cont .categories .ctgy .ctgyMain .allMetas .meta .icon{width:15px}.sbAdds .sb .sb6Cont{padding:10px 10px 16px}.sbAdds .sb .sb6Cont .tags{gap:8px}.sbAdds .sb .sb6Cont .tags .tag{font-size:13px;gap:6px;border-radius:4px;padding:6px 7px 6px 8px}}