.service-back{width:1300px;margin:30px auto;border-radius:15px}.services{padding:clamp(1rem,5vw,2rem);max-width:1200px;margin:0 auto}.services h2{text-align:center;font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:clamp(1.5rem,4vw,3rem);color:#1e3a8a}.hero{padding:15rem 10% 5rem;background-image:url(https://ipbazzaar.com/wp-content/uploads/2025/07/new-svr-scaled.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;position:relative;overflow:hidden}.hero h1{color:#e0f7fa;font-size:42px;font-weight:600;margin-bottom:10px}.hero p{font-size:18px;margin-bottom:30px;color:#e0f7fa}.hero .btn{padding:12px 28px;background:#fc0;border:none;color:#000;font-weight:600;border-radius:5px;cursor:pointer;text-decoration:none}.services-head{display:flex;justify-content:space-between;padding:60px 10%;color:#000}.service-box{flex:1;background:0 0;margin:0 15px;padding:30px;border-radius:12px;box-shadow:0 5px 15px rgb(0 0 0/44%);transition:transform .3s}.service-box:hover{transform:translateY(-10px)}.service-box h3{font-size:22px;margin-bottom:15px;color:#fafafa}.service-box p{font-size:16px;color:#fff;margin-bottom:20px}.service-box a{background:#005b96;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:600}.service-pair{display:flex;flex-wrap:wrap;gap:clamp(1rem,3vw,2rem);margin-bottom:clamp(1.5rem,4vw,3rem)}.service{flex:1;min-width:clamp(250px,45%,550px);height:clamp(300px,50vw,340px);margin:clamp(1rem,3vw,1.5rem) auto;border-radius:16px;box-shadow:0 0 20px rgb(0 0 0 / .1),0 0 4px rgb(0 0 0 / .23);overflow:hidden;transition:height 1s}.service__image{background-color:#000;position:relative;border-radius:16px 16px 0 0;height:60%}.service__image img{width:100%;height:100%;object-fit:cover;transition:transform .7s,opacity .7s}.service__content__box{width:100%;height:40%;background-color:#fff;border-radius:0 0 16px 16px;box-shadow:0 10px 20px rgb(0 0 0 / .19),0 6px 6px rgb(0 0 0 / .23);padding:clamp(15px,3vw,30px);transition:transform .8s,height .8s}.service__content__box h1{margin:0;font-weight:900;font-size:clamp(1.2rem,3vw,1.4rem);color:#1e3a8a;margin-bottom:.75rem}.service__content__box p{font-size:clamp(.85rem,2.5vw,.95rem);color:#666;font-weight:600;margin:15px 0}.service__content__box .hide-text{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.service:hover{height:clamp(350px,60vw,450px)}.service:hover img{transform:scale(1.2);opacity:.7}.service:hover .service__content__box{transform:translateY(-48%);animation:slide .8s ease .2s forwards}.service:not(:hover) .hidden{height:0;opacity:0;animation:fade-out .5s}.service:hover .hidden{opacity:1;color:grey;animation:fade-in 1.5s}@-webkit-keyframes slide{from{height:40%}to{height:70%}}@keyframes slide{from{height:40%}to{height:70%}}.service__content ul{list-style-type:disc;padding-left:1.5rem;color:#555;font-size:clamp(.8rem,2.5vw,0 9rem)}.download-btn{display:inline-block;margin-top:10px;padding:clamp(6px,2vw,8px) clamp(10px,3vw,15px);background-color:#d93;color:#fff;font-size:clamp(.75rem,2vw,.85rem);text-decoration:none;font-weight:700;border-radius:5px;transition:background-color .3s ease}.download-btn:hover{background-color:#2b9ec9}@media (max-width:768px){.service-pair{flex-direction:column;gap:clamp(2rem,5vw,3.5rem)}.service{min-width:100%}}@media (max-width:480px){.service-head{padding:clamp(5rem,15vw,8rem) 1rem}}