.portfolio-items-section{padding:80px 0 100px}.portfolio-items-section .portfolio-item{border-radius:10px;overflow:hidden;box-shadow:0 2px 10px 0 rgb(17 121 239 / 20%);height:100%;display:flex;flex-direction:column;cursor:pointer;margin-bottom:30px}.portfolio-items-section .portfolio-item img{width:100%;object-fit:cover}.portfolio-items-section .portfolio-item .content{padding:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.portfolio-items-section .portfolio-item .tag-list{margin:0 0 10px;padding:0;list-style:none;display:flex;gap:8px}.portfolio-items-section .portfolio-item .tag-list li{font-size:10px;text-transform:uppercase;font-weight:600;padding:0 8px;background:#dbe5ff;border-radius:4px;color:#223c81}.portfolio-items-section .portfolio-item h5{font-size:30px;font-weight:800;margin-bottom:10px;min-height:43px}.portfolio-items-section .portfolio-item p{font-size:14px;line-height:20px;margin-bottom:0;min-height:40px;display:none}.portfolio-items-section .portfolio-item .bottom-content{display:flex;justify-content:space-between;margin-top:20px;align-items:center}.portfolio-items-section .portfolio-item .bottom-content .category,.portfolio-preview .modal-header .industry span{font-size:14px;background:#dcffd7;line-height:normal;border-radius:4px;padding:5px 12px;color:#209f0b;font-weight:600}.portfolio-items-section .portfolio-item .bottom-content .preview-btn{background:0 0;border:none;font-weight:600;display:flex;align-items:center;gap:10px;padding:0;color:var(--bright-blue)}.portfolio-preview .modal-dialog{max-width:1200px}.portfolio-preview .modal-header h2{font-size:24px;font-weight:600;color:var(--PrimaryBlue)}.portfolio-preview .modal-header .industry{font-size:14px}.portfolio-preview .modal-header{position:sticky;top:0;z-index:2;background:var(--white)}.portfolio-preview h3{font-size:24px;font-weight:800;margin-bottom:10px}.feature-slider .slider-buttons .swiper-button-next,.feature-slider .slider-buttons .swiper-button-prev{position:relative;margin-top:0;left:unset;right:unset;width:40px;height:40px;border:1px solid #eee;border-radius:100%;background:#223c81}.feature-slider .slider-buttons{display:flex;justify-content:center;margin-top:10px;gap:30px}.feature-slider .slider-buttons .swiper-button-next svg,.feature-slider .slider-buttons .swiper-button-prev svg{width:15px;color:#fff}.feature-slider .feature-card{padding:30px;background:var(--ultra-light-blue);border-radius:10px}.feature-slider .feature-card h4{font-weight:600}.feature-overview ul{margin:0;padding:0;list-style:none;display:flex;gap:20px;flex-wrap:wrap}.feature-overview ul li{padding:4px 12px;background:var(--ultra-light-blue);border-radius:6px;color:var(--PrimaryBlue);font-weight:600;font-size:14px}.portfolio-preview .modal-body,.portfolio-preview .modal-header{padding-left:30px;padding-right:30px}.portfolio-preview .modal-body{padding-top:30px;padding-bottom:30px}.feature-overview .bottom-content{display:flex;justify-content:space-between;gap:10px}.feature-overview .bottom-content .live-link a{text-decoration:underline;color:var(--PrimaryBlue);font-weight:800}.portfolio-detail-section{padding:150px 0 250px;background:#000;background-size:cover;background-position:center;position:relative;z-index:1}.portfolio-about-section .container,.portfolio-features .container,.portfolio-techstack .container{max-width:1170px}.portfolio-detail-section .hero-service-banner span{font-size:16px;text-transform:uppercase}.portfolio-detail-section .hero-service-banner h1{font-size:48px;font-weight:600;margin-bottom:15px}.portfolio-detail-section img{margin:0;border-radius:14px}.portfolio-detail-section .tags{margin:0 0 20px;padding:0;list-style:none;display:flex;gap:12px;font-size:14px}.portfolio-detail-section .tags li{background:#0648ef;padding:2px 12px;border-radius:4px}.portfolio-about-section{padding-bottom:80px}.portfolio-features{padding:0;background:#fff}.portfolio-features .feature-content h2{font-size:34px;font-weight:600;margin-bottom:20px}.portfolio-features .feature-content h3{font-size:28px;font-weight:600;margin-bottom:20px}.portfolio-features .feature-content p{font-size:16px}.portfolio-features .image img{border-radius:10px}.preview-link{background:#0648ef}.preview-link .btn.preview-portfolio{background:0 0;color:#fff;padding:14px 0;display:block;width:100%}.preview-link .btn.preview-portfolio:hover{background:0 0}.feature-content ul{margin:20px 0 30px;padding:0;list-style:none}.feature-content ul li{padding-left:40px;position:relative;margin-bottom:8px}.feature-content ul li:after{content:"";position:absolute;width:24px;height:24px;left:0;top:0;background:url(../images/solutions/list-icon.svg)}.feature-content ul ul li:after{background:#09ab79;border-radius:100%;width:8px;height:8px;top:7px}.feature-content ul ul li{padding-left:20px}.portfolio-techstack{padding:80px 0}.portfolio-techstack .techstack__row{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.portfolio-techstack .techstack__row .techstack__col{display:flex;flex-direction:column;padding:4px 12px;text-align:center;gap:12px;color:var(--PrimaryBlue);border:1px solid var(--PrimaryBlue);border-radius:6px;font-size:14px;background:#fff}.portfolio-techstack .techstack-card{padding:30px;background:var(--ultra-light-blue);border-radius:20px}.portfolio-features .section-content-gap{margin-top:40px}.solution--cta{margin-bottom:120px}.solution--cta:before{background-color:#000}.portfolio-detail-section:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.85;z-index:-1}.hero-service-banner{color:#fff}.feature-image-main .main-thumb img{border:10px solid #346dff;border-radius:10px}.showcase-slider .swiper-slide{width:840px}.showcase-slider .swiper-scrollbar{position:relative;margin-top:40px}.showcase-slider .swiper-scrollbar-drag{background:-webkit-linear-gradient(45deg,#2438d3,#0ea72f 100%)}.product-showcase{position:relative;z-index:1;margin-top:-180px;padding:0 0 80px}.product-showcase img{border:3px solid #346dff;border-radius:20px}.showcase-image{background:#fff;border-radius:20px}@media (max-width:1399px){.portfolio-detail-section{padding:130px 0 180px}}@media (max-width:1199px){.portfolio-preview .modal-dialog{max-width:90%;margin-left:auto;margin-right:auto}.showcase-slider .swiper-slide{width:650px}.product-showcase{padding-bottom:60px}}@media (max-width:991px){.portfolio-items-section{padding:40px 0 200px}.portfolio-detail-section{padding:100px 0 180px}.portfolio-features{padding:50px 0 50px}.portfolio-features .right-content{padding-left:0}.portfolio-detail-section .hero-service-banner h1{font-size:36px}.portfolio-detail-section .hero-service-banner span{font-size:18px}.portfolio-features .feature-content h2{font-size:30px}.portfolio-features .feature-content h3{font-size:24px}.product-showcase{padding-bottom:40px}.portfolio-techstack{padding:50px 0}.showcase-slider .swiper-slide{max-width:550px}}@media (max-width:767px){.portfolio-preview .modal-header{flex-wrap:wrap;row-gap:10px;padding-left:15px;padding-right:15px}.portfolio-preview .modal-body{padding:15px}.portfolio-preview h3{font-size:20px}.feature-slider .feature-card{padding:15px}.feature-slider .feature-card h4{font-size:18px}.portfolio-detail-section .hero-service-banner h1{font-size:36px;line-height:42px}.showcase-slider .swiper-slide{max-width:450px}.portfolio-features .feature-content h2{font-size:24px}.portfolio-features .feature-content h3{font-size:18px}.portfolio-features .section-content-gap{margin-top:20px}.portfolio-features .feature-content p{font-size:15px}.portfolio-detail-section .hero-service-banner span{font-size:12px}}@media (max-width:575px){.portfolio-detail-section .hero-service-banner h1{font-size:28px;line-height:34px}.portfolio-detail-section{padding:90px 0 180px}.showcase-slider .swiper-slide{max-width:300px}.portfolio-detail-section{padding:90px 0 100px}.product-showcase{margin-top:-100px}.showcase-slider .swiper-scrollbar{margin-top:30px}}