.page1{width:100%;height:100vh;position:relative;overflow:hidden}.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:0 5%;z-index:1;column-gap:200px}.page1 .image-container{width:100%;height:100%;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;flex:1}.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)}.gradient-text{background:linear-gradient(90deg,#e100ff 0,#7f00ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page1 .text-container h1{font-size:2.7rem;font-weight:700;line-height:3rem;width:50%}.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:100vh}.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:-4}.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;z-index:3}.page2 .text-container .details .content{width:75%;height:auto;display:flex;flex-direction:column;gap:.8rem;color:#fff;font-family:var(--poppins-font)}.page2 .text-container .details .content h2{font-size:1.8rem;font-weight:600;line-height:2.2rem}.page2 .text-container .details .content .defination p{font-size:.9rem;font-weight:400;line-height:1.5rem}.page2 .text-container .details .content .key-features h3{font-size:1rem;font-weight:600;line-height:1.5rem}.page2 .text-container .details .content .key-features .key-features-list{padding:0 1.5rem;margin-top:.3rem}.page2 .text-container .details .content .key-features .key-features-list li{font-size:.9rem;font-weight:400;line-height:1.5rem}.page2 .text-container .details .content .why-choose{display:flex;flex-direction:column}.page2 .text-container .details .content .why-choose h3{font-size:1rem;font-weight:600;line-height:1.5rem}.page2 .text-container .details .content .why-choose .why-choose-listing{padding:0 1.5rem;margin-top:.3rem;display:flex;flex-direction:column}.page2 .text-container .details .content .why-choose .why-choose-listing li{font-size:.9rem;font-weight:400;line-height:1.5rem;list-style-type:disc}.page3{width:100%;height:100vh;max-width:1440px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 0;background-color:var(--white)}.page3-sub-container{width:80%;height:90%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url("../../media/images/services/angular_background_image.webp");background-repeat:no-repeat;background-position:center;background-size:100% 100%}.pro-cons-container{width:60%;margin:auto;position:relative}.pro-cons-container .titles-container{display:flex;gap:.1rem}.pro-cons-container .titles-container .title{font-size:1.5rem;font-weight:600;line-height:1.5rem;font-family:var(--poppins-font);color:var(--matt-black);color:var(--white);background-color:var(--accent-red);padding:1rem;text-align:center}.pro-cons-container .titles-container .pros-title{background-color:var(--primary-green);text-align:right;padding-right:2.5rem;width:50%;clip-path:polygon(9% 0,100% 0%,100% 100%,8% 99%,0 51%)}.pro-cons-container .titles-container .cons-title{text-align:left;padding-left:2.5rem;width:50%;clip-path:polygon(0% 0%,89% 0,100% 49%,90% 100%,0% 100%)}.pro-cons-container .pro-cons-listing{display:grid;align-items:center;grid-template-columns:1fr 1fr;margin-top:1rem;gap:1rem}.pro-cons-container .pro-cons-listing .point{font-size:1.1rem;font-weight:600;line-height:1.5rem;font-family:var(--poppins-font);opacity:0}.pro-cons-container .pro-cons-listing .point:nth-child(odd){text-align:right;padding-right:1.5rem;position:relative}.pro-cons-container .pro-cons-listing .point:nth-child(2n){text-align:left;padding-left:1.5rem}.pro-cons-container .pro-cons-listing .point:nth-child(odd)::after{content:"";width:.5rem;height:.5rem;background-color:var(--matt-black);border-radius:50%;display:inline-block;position:absolute;top:50%;right:-.8rem;transform:translateY(-50%);z-index:5!important}.page3-sub-container .line{width:3px;height:285px;background-color:#d8cece;position:absolute;right:49.4%;top:-40px;transform:translatex(-50%);z-index:1}.page3-sub-container .line::before{content:"";width:.5rem;height:.5rem;background-color:var(--matt-black);border-radius:50%;display:inline-block;position:absolute;top:0;right:-2.6px;z-index:2}.page4{width:96%;max-width:1440px;min-height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 0}.page4 .page4-title{font-size:1.6rem;font-weight:600;line-height:2.8rem;text-align:center;font-family:var(--poppins-font);color:var(--matt-black)}.page4 .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:100%;max-width:960px}.page4 .cards-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem 4rem;width:100%;max-width:70rem;margin:auto}.page4 .cards-container .card{border:2px solid #ddd;border-radius:5px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;opacity:0;transition:all .3s ease-in-out}.page4 .cards-container .card:hover{background-color:var(--primary-blue);color:var(--white)}.page4 .cards-container .card:hover .card-title{color:var(--white)}.page4 .cards-container .card:hover .card-description{color:var(--white)}.page4 .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}.page4 .cards-container .card .card-description{color:var(--text-light);font-size:.9rem;font-weight:400;line-height:1.3rem;font-family:var(--poppins-font)}.page5{width:100%;height:100vh;max-height:600px}.page5 .div1{width:100%;height:50%;display:flex;position:relative}.page5 .div1 .image{width:100%;height:100%;background-image:url("../../media/images/services/angular_approach-1.webp");background-size:cover}.page5 .div1 .text{display:flex;width:80%;height:100%;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page5 .div1 .text h2{color:var(--white);font-size:2.5rem;font-weight:600;line-height:2.8rem;font-family:var(--poppins-font);text-align:center}.page5 .div2{width:100%;height:50%;background-color:var(--primary-blue);position:relative;display:flex;justify-content:center;align-items:center}.page5 .div2 p{position:absolute;top:50%;transform:translateY(-50%);color:var(--white);font-size:1rem;font-weight:400;line-height:1.5rem;font-family:var(--poppins-font);width:80%;color:var(--white);text-align:center}.page6{width:100%;height:100vh;max-width:1440px;margin:auto;display:flex;justify-content:center;align-items:center;gap:1rem;padding:3rem 0;background-color:#f8f8f8}.page6 .features{width:66%;height:80%;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.page6 .features .feature{display:flex;gap:.4rem;align-items:center;font-family:var(--poppins-font)}.page6 .features .feature .image{width:3rem;height:3rem;background-color:var(--primary-green);border-radius:8px;display:flex;justify-content:center;align-items:center;padding:.8rem}.page6 .features .feature .text p{font-size:.9rem;font-weight:400;line-height:1.1rem;color:var(--text-light)}.page7{width:100%;height:100vh;max-width:1440px;margin:auto;display:flex;justify-content:center;align-items:center;gap:1rem;padding:3rem 0}.page7-content-container{width:70%;height:fit-content}.page7-heading{font-family:var(--poppins-font);font-size:2.5rem;font-weight:600;line-height:3rem}.page7 .lines-container{display:flex;gap:.2rem;align-items:center;margin-bottom:.6rem}.page7 .lines-container .line1{width:4.5rem;height:.4rem;border-radius:5px;background-color:var(--primary-green)}.page7 .lines-container .line2{width:1.3rem;height:.4rem;border-radius:5px;background-color:var(--primary-green)}.testimonial-section .testimonial-container{width:100%;height:100%;position:relative}.testimonial-section .testimonial-container .arrows{cursor:pointer;display:flex;width:100px;align-items:center;justify-content:center;border-radius:8px;transition:.3s ease-in-out;background:0 0;outline:0;border:none}.testimonial-section .testimonial-container .inner{display:flex;align-items:center}.testimonial-section .testimonial-container .inner .t-image{position:relative;width:500px;height:500px;display:flex;justify-content:center}.testimonial-section .testimonial-container .inner .t-image ul{display:flex;position:absolute;overflow:hidden;height:460px;width:460px;padding:0;margin:0}.testimonial-section .testimonial-container .inner .t-image ul li{list-style:none;height:460px;width:460px}.testimonial-section .testimonial-container .inner .t-image ul li img{height:420px;width:410px}.testimonial-section .testimonial-container .t-content{width:650px;height:500px;display:flex;padding:1.5rem 0;justify-content:center}.testimonial-section .testimonial-container .t-content .content-inner{width:100%;display:flex;flex-direction:column;gap:1rem}.testimonial-section .testimonial-container .t-content .content-inner .title{font-size:1.2rem;font-weight:500;line-height:2rem;color:var(--text-light);font-family:var(--poppins-font)}.testimonial-section .testimonial-container .t-content .content-inner .read_more_btn{margin-top:1rem;align-self:flex-start;margin-bottom:1rem;font-size:.9rem;font-weight:400;line-height:1.5rem;color:var(--white);background-color:var(--primary-green);padding:.5rem 1rem;border:none;outline:0;cursor:pointer;font-family:var(--poppins-font)}.testimonial-section .testimonial-container .t-content .content-inner .button-container{display:flex;align-items:center;gap:.5rem}.testimonial-section .testimonial-container .t-content .content-inner .button-container button{border:1px solid var(--primary-green);width:2.5rem;height:2.5rem;outline:0;border-radius:8px;padding:.5rem .5rem;background:0 0;cursor:pointer;color:var(--text-light);font-family:var(--poppins-font)}@media screen and (max-width:1000px) and (min-width:600px){.page1 .image-container{margin-top:1.5rem;height:350px}.page1 img{width:350px!important;height:280px!important}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}100%{transform:translateY(0)}}.page1 .text-container{margin-top:-.5rem;padding-left:.8rem;gap:.4rem}.page1 .text-container .services_text{font-size:.8rem}.page1 .text-container h1{font-size:2rem;line-height:2.5rem;width:100%!important}.page1 .text-container .lines-container{margin-bottom:.5rem}.page1 .text-container .lines-container .line1{width:3.5rem;height:.3rem}.page1 .text-container .lines-container .line2{width:1.2rem;height:.3rem}.page1 .text-container p.description{font-size:.9rem;line-height:1.3rem}.page1 .text-container .button-container button{font-size:.9rem;padding:.5rem 1.5rem;border-radius:7px;margin-top:.5rem}.page2{height:100vh}.page2 .text-container .details .content{width:95%}.page2 .text-container .details .content h2{font-size:1.5rem}.page2 .text-container .details .content .defination p{font-size:.84rem;line-height:1.3rem}.page2 .text-container .details .content .key-features .key-features-list li{font-size:.8rem;font-weight:400;line-height:1.3rem}.page2 .text-container .details .content .why-choose h3{font-size:.9rem}.page2 .text-container .details .content .why-choose .why-choose-listing li{font-size:.8rem;line-height:1.3rem}.page3-sub-container{width:90%;height:70%;background-size:cover}.pro-cons-container{width:95%;max-width:600px}.pro-cons-container .titles-container{margin:auto}.pro-cons-container .pro-cons-listing{display:grid;grid-template-columns:1fr 1fr;margin-top:1rem;gap:1rem}.pro-cons-container .pro-cons-listing .point{font-size:.9rem}.pro-cons-container .pro-cons-listing .point:nth-child(odd){text-align:right;padding-right:.7rem;position:relative}.pro-cons-container .pro-cons-listing .point:nth-child(2n){text-align:left;padding-left:.7rem}.page3-sub-container .line{width:3px;height:302px;background-color:#d8cece;position:absolute;right:49.4%;top:-40px;transform:translatex(-50%);z-index:1}.page4 .cards-container{grid-template-columns:1fr 1fr}}@media screen and (max-width:1025px){.page1 .image-text-container{flex-direction:column}.page1 .image-container{order:-1;justify-content:center}.page1 .image-container img{height:90%}.page5 .div2 p{top:30%!important}}@media screen and (max-width:600px){.page1 .image-container{margin-top:1.5rem;height:350px}.page1 img{width:350px!important;height:280px!important}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}100%{transform:translateY(0)}}.page1 .text-container{margin-top:-.5rem;padding-left:.8rem;gap:.4rem}.page1 .text-container .services_text{font-size:.8rem}.page1 .text-container h1{font-size:2rem;line-height:2.5rem}.page1 .text-container .lines-container{margin-bottom:.5rem}.page1 .text-container .lines-container .line1{width:3.5rem;height:.3rem}.page1 .text-container .lines-container .line2{width:1.2rem;height:.3rem}.page1 .text-container p.description{font-size:.9rem;line-height:1.3rem}.page1 .text-container .button-container button{font-size:.9rem;padding:.5rem 1.5rem;border-radius:7px;margin-top:.5rem}.page2{height:auto}.page2 .text-container .details .content{width:95%;padding-block:3rem}.page2 .text-container .details .content h2{font-size:1.5rem}.page2 .text-container .details .content .defination p{font-size:.84rem;line-height:1.3rem}.page2 .text-container .details .content .key-features .key-features-list li{font-size:.8rem;font-weight:400;line-height:1.3rem}.page2 .text-container .details .content .why-choose h3{font-size:.9rem}.page2 .text-container .details .content .why-choose .why-choose-listing li{font-size:.8rem;line-height:1.3rem}.page3-sub-container{width:90%;height:70%;background-size:cover}.pro-cons-container{width:95%}.pro-cons-container .pro-cons-listing{display:grid;grid-template-columns:1fr 1fr;margin-top:1rem;gap:1rem}.pro-cons-container .pro-cons-listing .point{font-size:.9rem}.pro-cons-container .pro-cons-listing .point:nth-child(odd){text-align:right;padding-right:.7rem;position:relative}.pro-cons-container .pro-cons-listing .point:nth-child(2n){text-align:left;padding-left:.7rem}.page3-sub-container .line{width:3px;height:302px;background-color:#d8cece;position:absolute;right:49.4%;top:-40px;transform:translatex(-50%);z-index:1}.page5 .div1 .text{width:95%;margin-left:0}.page5 .div1 .text h2{font-size:1.8rem}.page5 .div2 p{font-size:.9rem;line-height:1.3rem;width:90%}.page6{padding:0;height:auto;padding-block:3rem}.page6 .features{width:90%;height:90%;grid-template-columns:1fr}.page6 .features .feature .image{width:2.5rem;height:2.5rem}.page6 .features .feature .text p{font-size:.8rem;font-family:var(--poppins-font)}.page7{height:auto;padding-block:3rem}.page7-content-container{width:90%;height:fit-content}.page7-heading{font-size:2rem;line-height:2.5rem}.testimonial-section .testimonial-container .arrows{width:90px}.testimonial-section .testimonial-container .inner{display:flex;flex-direction:column-reverse;align-items:center;margin-top:2rem}.testimonial-section .testimonial-container .inner .t-image{width:90%;max-width:450px;height:400px;max-height:450px;aspect-ratio:1/1}.testimonial-section .testimonial-container .inner .t-image ul{width:100%;display:flex;justify-content:center}.testimonial-section .testimonial-container .inner .t-image ul li{list-style:none;height:400px;max-height:460px;width:90%;max-width:460px}.testimonial-section .testimonial-container .inner .t-image ul li img{width:100%;height:100%;object-fit:fill}.testimonial-section .testimonial-container .t-content{width:90%;height:auto}.testimonial-section .testimonial-container .t-content .content-inner{width:100%;display:flex;flex-direction:column;gap:1rem}.testimonial-section .testimonial-container .t-content .content-inner .title{font-size:1.2rem;font-weight:500;line-height:2rem;color:var(--text-light);font-family:var(--poppins-font)}.testimonial-section .testimonial-container .t-content .content-inner .read_more_btn{margin-top:1rem;align-self:flex-start;margin-bottom:1rem;font-size:.9rem;font-weight:400;line-height:1.5rem;color:var(--white);background-color:var(--primary-green);padding:.5rem 1rem;border:none;outline:0;cursor:pointer;font-family:var(--poppins-font)}.testimonial-section .testimonial-container .t-content .content-inner .button-container{display:flex;align-items:center;gap:.5rem}.testimonial-section .testimonial-container .t-content .content-inner .button-container button{border:1px solid var(--primary-green);width:2.5rem;height:2.5rem;outline:0;border-radius:8px;padding:.5rem .5rem;background:0 0;cursor:pointer;color:var(--text-light);font-family:var(--poppins-font)}.testimonial-section .testimonial-container .t-content .content-inner .title{font-size:1rem;line-height:1.5rem}}@media screen and (max-width:600px) and (min-width:500px){.page4 .cards-container{grid-template-columns:1fr 1fr;gap:2rem 1rem}}@media screen and (max-width:500px){.page2{height:130vh}.page2 .text-container .content{width:90%}.page2 .text-container .details .content{width:90%}.page2 .text-container .details{padding-block:1.5rem}.page2 .text-container .details .content h2{font-size:1.5rem;line-height:2rem}.page2 .text-container .details .content .defination p,.page2 .text-container .details .content .expertise p{font-size:.8rem;line-height:1.2rem}.page2 .text-container .details .content .key-features h3{font-size:.9rem;line-height:1.2rem}.page2 .text-container .details .content .key-features .key-features-list li{font-size:.8rem;line-height:1.2rem}.page2 .text-container .details .content .common-technique h4{font-size:.9rem;line-height:1.2rem}.page2 .text-container .details .content .common-technique .common-technique-listing li{font-size:.8rem;line-height:1.2rem}.pro-cons-container .pro-cons-listing .point{font-size:.8rem}.pro-cons-container .pro-cons-listing .point:nth-child(odd)::after{right:-.7rem}.page4{padding:1rem}.page4 .description{font-size:.8rem}.page4 .page4-title{font-size:1.5rem;line-height:1.8rem}.page4 .cards-container{grid-template-columns:1fr;gap:2rem}.page4 .cards-container .card .card-title{font-size:.9rem}.page4 .cards-container .card .card-description{font-size:.8rem}}@media screen and (max-width:415px){.page3-sub-container .line{height:290px}.pro-cons-container .pro-cons-listing .point{line-height:1rem}}@media screen and (max-width:380px){.page2{height:150vh}}@media screen and (max-width:305px){.page2{height:180vh}}@media screen and (min-width:1000px) and (max-width:1100px){.page7-content-container{width:90%;height:fit-content}.testimonial-section .testimonial-container .t-content .content-inner .title{width:90%}}@media screen and (min-width:1000px) and (max-width:1260px){.page3-sub-container .line{height:304px}}