.octacon-services-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:60px 20px}.octacon-services-grid{display:grid;gap:35px;margin-bottom:50px}.octacon-services-grid[data-columns="2"]{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.octacon-services-grid[data-columns="3"]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.octacon-services-grid[data-columns="4"]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.octacon-services-grid{grid-template-columns:1fr!important;gap:25px}}.octacon-service-card{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.octacon-service-card.aos-animate{opacity:1;transform:translateY(0)}.service-card-content{background:rgba(26,26,26,.8);border-radius:24px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3);transition:all .4s cubic-bezier(.175,.885,.32,1.275);height:100%;display:flex;flex-direction:column;position:relative;border:2px solid rgba(232,88,20,.2)}.service-card-content::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#e85814 0%,#ff6b35 100%);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.65,0,.35,1)}.service-card-content:hover::before{transform:scaleX(1)}.service-card-content:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 60px rgba(232,88,20,.4);border-color:#e85814}.service-header{padding:40px 40px 20px;position:relative;background:linear-gradient(135deg,rgba(232,88,20,.05) 0%,rgba(255,107,53,.05) 100%)}.service-icon{font-size:5rem;line-height:1;display:inline-block;background:linear-gradient(135deg,#e85814 0%,#ff6b35 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:floatIcon 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(232,88,20,.5))}.service-image{width:100%;height:200px;overflow:hidden;position:relative}.service-thumb{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.service-card-content:hover .service-thumb{transform:scale(1.1)}.service-body{padding:30px 40px;flex-grow:1}.service-title{font-size:1.75rem;font-weight:700;color:#e85814;margin:0 0 15px;line-height:1.3;transition:color .3s ease}.service-card-content:hover .service-title{color:#ff6b35}.service-excerpt{font-size:1.05rem;color:rgba(224,224,224,.85);line-height:1.7;margin:0}.service-footer{padding:0 40px 40px;margin-top:auto}.service-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#e85814 0%,#ff6b35 100%);color:white;text-decoration:none;border-radius:14px;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(232,88,20,.4);position:relative;overflow:hidden}.service-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.service-btn:hover::before{left:100%}.service-btn:hover{transform:translateX(5px);box-shadow:0 8px 25px rgba(232,88,20,.6)}.arrow-icon{transition:transform .3s ease}.service-btn:hover .arrow-icon{transform:translateX(5px)}.octacon-load-more-wrapper{text-align:center;margin-top:50px}.octacon-load-more-btn{background:linear-gradient(135deg,#e85814 0%,#ff6b35 100%);color:white;border:none;padding:20px 50px;font-size:1.1rem;font-weight:700;border-radius:60px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 35px rgba(232,88,20,.4);position:relative;overflow:hidden;min-width:250px}.octacon-load-more-btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.octacon-load-more-btn:hover::before{width:400px;height:400px}.octacon-load-more-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 50px rgba(232,88,20,.6)}.octacon-load-more-btn:active{transform:translateY(-2px) scale(1.02)}.octacon-load-more-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{animation:rotate 2s linear infinite;width:24px;height:24px}.no-services{text-align:center;padding:80px 20px;font-size:1.2rem;color:rgba(255,255,255,.6);grid-column:1/-1}.octacon-service-card.new-card{animation:slideInUp .6s ease forwards}