.laravel-development-page-container{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;font-family:var(--poppins-font)}.page1{width:100%;height:100vh;position:relative}.page1 .video-container{width:100%;height:100%;position:relative}.page1 .video-container video{width:100%;height:100%;object-fit:fill;z-index:-10}.page1 .image-text-container{height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;padding-left:5%;z-index:1;column-gap:200px}.page1 .image-container{width:60%;height:60%;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;flex:1;padding-right:50px}.page1 .image-container img{margin-top:4rem;display:block;height:50%;object-fit:fill;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-25px)}100%{transform:translateY(0)}}.page1 .text-container{color:var(--white);font-family:var(--poppins-font);display:flex;flex-direction:column;gap:.8rem;flex:1}.page1 .text-container .services_text{font-size:1rem;font-weight:500;color:var(--primary-green)}.page1 .text-container h1{font-size:2.7rem;font-weight:700;line-height:3rem;width:60%}.page1 .text-container .lines-container{display:flex;gap:.4rem;margin-bottom:1rem}.page1 .text-container .lines-container .line1{width:4.5rem;height:.4rem;border-radius:5px;background-color:var(--primary-green)}.page1 .text-container .lines-container .line2{width:1.3rem;height:.4rem;border-radius:5px;background-color:var(--primary-green)}.page1 .text-container p.description{font-size:1rem;font-weight:400;color:var(--white);line-height:1.5rem}.page1 .text-container .button-container button{background-color:var(--primary-green);color:var(--white);font-family:var(--poppins-font);font-size:1rem;font-weight:500;padding:.7rem 2rem;border-radius:13px;border:none;cursor:pointer;transition:all .3s ease-in-out}.page2{width:100%;height:auto}.page2 .text-container{width:100%;height:100%;position:relative}.page2 .text-container .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;background:url("../../media/images/services/what_is_angular.webp");z-index:-3}.page2 .text-container .overlay1{top:0;left:0;width:100%;height:100%;position:absolute;background-color:var(--primary-green);opacity:.6;z-index:-2}.page2 .text-container .overlay2{top:0;left:0;width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,.55);z-index:-1}.page2 .text-container .details{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.page2 .text-container .details .content{width:75%;height:auto;display:flex;flex-direction:column;gap:.8rem;color:#fff;font-family:var(--poppins-font);padding-block:3rem}.page2 .text-container .details .content h2{font-size:1.8rem;font-weight:600;line-height:2.2rem}.page2 .text-container .details .content .definition p,.page2 .text-container .details .content .expertise p{font-size:.9rem;font-weight:400;line-height:1.5rem}.page2 .text-container .details .content .key-features .key-features-list{padding:0 1.5rem;margin-top:.3rem;display:flex;flex-direction:column;gap:1rem}.page2 .text-container .details .content .key-features .key-features-list li{font-size:.9rem;font-weight:400;line-height:1.5rem}.page3{width:100%;max-width:1440px;min-height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:6rem 0}.page3 .page3-title{font-size:2.5rem;font-weight:600;line-height:2.8rem;text-align:center;font-family:var(--poppins-font);color:var(--matt-black);width:70%}.page3 .lines-container{width:100%;display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:-.5rem;margin-bottom:1rem}.page3 .lines-container .line1{width:4.4rem;height:.4rem;background-color:var(--primary-green);border-radius:.2rem}.page3 .lines-container .line2{width:2rem;height:.4rem;background-color:var(--primary-green);border-radius:.2rem}.page3 .description{font-size:.95rem;font-weight:400;line-height:1.3rem;text-align:center;font-family:var(--poppins-font);color:var(--text-light);margin-bottom:1rem;width:90%;max-width:960px}.page3 .cards-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem 4rem;width:100%;max-width:70rem;width:90%;margin:auto}.page3 .cards-container .card{border:2px solid #ddd;border-radius:5px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease-in-out}.page3 .cards-container .card:hover{background-color:var(--primary-blue);color:var(--white)}.page3 .cards-container .card:hover .card-title{color:var(--white)}.page3 .cards-container .card:hover .card-description{color:var(--white)}.page3 .cards-container .card .card-title{color:#0b132a;font-size:1rem;font-weight:600;line-height:1.5rem;font-family:var(--poppins-font);height:2.3rem}.page3 .cards-container .card .card-description{color:#525252;font-size:.9rem;font-weight:400;line-height:1.3rem;font-family:var(--poppins-font)}.page4{width:100%;height:75vh;position:relative}.page4 .overlay{position:absolute;top:0;width:100%;height:55%;background-color:rgba(0,0,0,.5);z-index:1}.page4 .img{width:100%;height:55%;background:url("../../media/images/services/laravel/laravel-banner.webp");background-size:cover;display:flex;justify-content:center;align-items:center;z-index:0}.page4 .img h2{color:var(--white);font-size:2.5rem;font-weight:600;line-height:2.8rem;font-family:var(--poppins-font);text-align:center;width:80%;height:auto;z-index:2}.page4 .blue-color{width:100%;height:45%;background-color:var(--primary-blue);display:flex;justify-content:center;align-items:center}.page4 .blue-color p{color:var(--white);font-size:1rem;font-weight:400;line-height:1.5rem;font-family:var(--poppins-font);text-align:center;width:80%}.page5{width:100%;height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.page5 .page5-container{width:80%;height:80%;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;background:#f8f8f8}.page5 .page5-container .content{width:85%;display:flex;flex-direction:column;gap:2rem}.page5 .page5-container .content h2{text-align:center;font-size:1.7rem;font-weight:500;line-height:1.5rem;font-family:var(--poppins-font)}.page5 .page5-container .content .benefits-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2.5rem}.page5 .page5-container .content .benefits-container .benefit{display:flex;gap:.5rem;align-items:center}.page5 .page5-container .content .benefits-container .benefit .image{width:2.3rem;height:2.3rem;background-color:var(--primary-green);border-radius:8px;display:flex;justify-content:center;align-items:center;padding:.7rem}.page5 .page5-container .content .benefits-container .benefit p{font-size:.9rem;font-weight:400;line-height:1.5rem;font-family:var(--poppins-font)}.page6{width:100%;height:100vh;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:5rem}.page6 .page6-container{width:90%;display:flex;flex-direction:column;gap:5rem}.page6 .page6-container h2{font-size:2.5rem;font-weight:700;line-height:2.9rem;font-family:var(--poppins-font);text-align:center}.page6 .page6-container .reasons-container{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 3rem}.page6 .page6-container .reasons-container .reason{display:flex;flex-direction:column;gap:.5rem;border:none;border-left-width:.5rem;border-left-style:solid;border-left-color:var(--primary-green);padding-inline:1rem;padding-block:1.8rem;overflow:hidden;visibility:hidden}.page6 .page6-container .reasons-container .reason .title{font-family:var(--poppins-font);font-size:1.3rem;font-weight:500;line-height:1.5rem;margin-bottom:.7rem;z-index:-1}.page6 .page6-container .reasons-container .reason .description{font-family:var(--poppins-font);font-size:.9rem;font-weight:400;line-height:1.5rem;z-index:-1}.agile-dev-process{background-color:#101010;display:flex;flex-direction:column;align-items:center;padding:80px 60px 80px 45px;width:100%}@media (max-width:1024px){.agile-dev-process{padding:40 20px;min-height:auto}}.content-wrapper{display:flex;gap:20px;width:100%;max-width:1628px;flex-direction:column}@media (max-width:1024px){.content-wrapper{max-width:100%}}.main-title{color:#fff;font:700 60px/60px var(--poppins-font);width:70%}@media (max-width:1024px){.main-title{font-size:40px;line-height:44px;width:100%!important}}.subtitle-container{display:flex;margin-top:15px;width:100%;gap:20px}@media (max-width:1024px){.subtitle-container{flex-direction:column;align-items:center}}.subtitle-text{margin-left:600px}@media (max-width:1024px){.subtitle-text{flex-direction:column;align-items:center}}.accent-bars{align-self:start;display:flex;margin-top:4px;gap:10px}.accent-bar-long{border-radius:10px;background-color:#04e690;width:91px;height:10px}.accent-bar-short{border-radius:10px;background-color:#04e690;align-self:start;width:20px;height:9px}.subtitle-text{color:#fff;flex-grow:1;flex-basis:auto;font:500 24px Poppins,sans-serif;margin-top:20px;margin-bottom:30px}@media (max-width:1024px){.subtitle-text{font-size:18px;margin-left:0}}.main-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;color:#fff}@media (max-width:750px){.main-content{flex-direction:column;align-items:center}.circles-container{display:none!important}.process{display:flex!important;flex-direction:column!important}.step{width:100%!important}.step .feature{min-height:150px!important}}.circles-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;position:relative}.circle{display:flex;align-items:center;justify-content:start;width:25%;height:200px;margin-bottom:20px;position:relative;z-index:1}.horizontal-line{border:1.5px solid #666;width:100%;margin:auto -20px auto -20px}.circle:first-child{margin-top:-10px}.process{display:flex;flex-direction:row;justify-content:space-between;align-items:start;width:100%}.process .step{display:flex;flex-direction:column;align-items:start;justify-content:start;width:25%;font-size:16px;padding:10px}.process .step h3{font-size:24px;margin-bottom:5px}.what-you-get h4{font-size:18px;color:#04e690;margin-bottom:5px}.what-you-get ul{padding-left:20px}.feature{min-height:150px}@media (max-width:1450px){.feature{min-height:180px}}@media (max-width:1300px){.feature{min-height:200px}}@media (max-width:1150px){.feature{min-height:250px}}@media screen and (max-width:1200px){.page1 .text-container h1{font-size:2.4rem;font-weight:700;line-height:2.8rem;width:100%!important}.page3 .cards-container{grid-template-columns:1fr 1fr 1fr;gap:2rem;width:90%}}@media screen and (max-width:1000px){.page3 .cards-container{grid-template-columns:1fr 1fr}}@media screen and (min-width:700px) and (max-width:1000px){.page1 .text-container{width:85%}.page4 .img h2{font-size:2rem;line-height:2.4rem;width:95%}.page5 .page5-container{width:90%}.page6{height:auto}.page6 .page6-container{gap:3rem}.page6 .page6-container .reasons-container{grid-template-columns:1fr 1fr}}@media screen and (min-width:500px) and (max-width:700px){.page1 .text-container{width:85%}.page1 .text-container h1{font-size:1.8rem;line-height:2.3rem}.page1 .text-container p.description{font-size:1rem;line-height:1.5rem}.page2 .text-container .details .content{padding-block:3rem;height:auto;width:90%}.page3{padding:3rem 0 4rem 0}.page3 .page3-title{font-size:1.8rem;line-height:2rem;width:90%}.page4 .img h2{font-size:1.8rem;line-height:2.3rem;width:90%}.page5 .page5-container{width:100%;height:100%}.page6{height:auto;padding-block:2rem}.page6 .page6-container{gap:3rem}.page6 .page6-container h2.heading{font-size:1.8rem;line-height:2rem}.page6 .page6-container .reasons-container{grid-template-columns:1fr 1fr;gap:1.5rem}.page6 .page6-container .reasons-container .reason{border-left-width:.4rem}.page6 .page6-container .reasons-container .reason .title{font-size:1.2rem;line-height:1.5rem}.page6 .page6-container .reasons-container .reason .description{font-size:.8rem;line-height:1.3rem}}@media screen and (max-width:500px){.page1 .text-container{width:90%}.page1 .text-container h1{font-size:1.8rem;line-height:2.2rem}.page1 .text-container p.description{font-size:.9rem;line-height:1.3rem}.page1 .text-container .button-container button{font-size:.9rem;line-height:1.3rem}.page2 .text-container .details .content h2{font-size:1.5rem}.page2{height:auto}.page2 .text-container .details .content{padding-block:3rem;width:90%}.page2 .text-container .details .content .definition p,.page2 .text-container .details .content .expertise p{font-size:.8rem;font-weight:400;line-height:1.3rem}.page2 .text-container .details .content .key-features .key-features-list{padding:0 1.5rem;margin-top:.3rem;display:flex;flex-direction:column;gap:1rem}.page2 .text-container .details .content .key-features .key-features-list li{font-size:.8rem;font-weight:400;line-height:1.4rem;list-style-type:disc}.page3 .page3-title{font-size:1.5rem;line-height:2.2rem}.page3 .description{font-size:.8rem;line-height:1.3rem;width:90%}.page3 .cards-container{grid-template-columns:minmax(0,400px);justify-content:center}.page3 .cards-container .card .card-title{font-size:1rem;line-height:1.8rem;width:90%}.page3 .cards-container .card .card-description{font-size:.8rem;line-height:1.3rem;width:90%}.page4 .img h2{font-size:1.5rem;line-height:2rem;width:90%}.page4 .blue-color p{font-size:.8rem;line-height:1.3rem;width:90%}.page5{height:auto}.page5 .page5-container{width:90%;height:100%;margin-block:2rem;padding-block:2rem}.page5 .page5-container .content h2{font-size:1.5rem;font-weight:500;line-height:1.5rem;font-family:var(--poppins-font)}.page5 .page5-container .content .benefits-container{display:grid;grid-template-columns:1fr;gap:1.5rem 2.5rem}.page6{height:auto;padding-block:2rem}.page6 .page6-container{gap:3rem}.page6 .page6-container h2.heading{font-size:1.5rem;line-height:2rem}.page6 .page6-container .reasons-container{grid-template-columns:1fr;gap:1rem}.page6 .page6-container .reasons-container .reason{border-left-width:.4rem}.page6 .page6-container .reasons-container .reason .title{font-size:1.2rem;line-height:1.5rem}.page6 .page6-container .reasons-container .reason .description{font-size:.8rem;line-height:1.3rem}}@media screen and (max-width:1025px){.page1 .image-text-container{flex-direction:column}.page1 .image-container{order:-1;justify-content:center;width:100%!important;padding:0!important}.page1 .image-container img{padding:0!important;width:60%!important;height:50%!important;max-width:300px}}
