.angular-django-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 .text-container{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;padding-left:5%;z-index:1;color:var(--white);font-family:var(--poppins-font);width:50%;gap:.8rem}.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:80%}.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:fit-content;min-height:90vh}.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);justify-content:center}.page2 .text-container .details .content h2{font-size:1.8rem;font-weight:600;line-height:2.2rem}.page2 .text-container .details .content .defination p,.page2 .text-container .details .content .expertise p{font-size:.9rem;font-weight:400;line-height:1.5rem}.page2 .text-container .details .content .defination2 p{font-size:.9rem;font-weight:700;line-height:1.5rem}.page2 .text-container .details .content .key-features .key-features-list{padding:0 1.1rem;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}.page2 .text-container .details .content .key-features .key-features-list li ul li{list-style-type:disc;margin-left:1rem}.page2 .text-container .details .content .expertise h3,.page2 .text-container .details .content .why-choose h3{font-size:1rem;font-weight:600;line-height:1.5rem;margin-bottom:.5rem;font-family:var(--poppins-font)}.page2 .text-container .details .content .why-choose ul{padding:0 .9rem;font-family:var(--poppins-font)}.page2 .text-container .details .content .why-choose ul li{font-size:.9rem;font-weight:400;line-height:1.5rem;font-family:var(--poppins-font)}.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)}.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:100%;max-width:960px}.page3 .cards-container{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;gap:2rem 4rem;width:100%;max-width:70rem}.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,.6);z-index:1}.page4 .img{width:100%;height:55%;background:url("../../media/images/services/mern/mern-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:60%;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 h3{font-size:1.7rem;font-weight:500;line-height:1.5rem;font-family:var(--poppins-font);text-align:center}.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}@media screen and (max-width:500px){.page1 .text-container{width:85%}.page1 .text-container .services_text{font-size:.9rem}.page1 .text-container h1{font-size:1.8rem;line-height:2.2rem;width:100%!important}.page1 .text-container p.description{font-size:.9rem;line-height:1.2rem}.page1 .text-container .button-container button{font-size:.8rem}.page2{height:auto}.page2 .text-container .details .content{width:90%;margin-block:3rem}.page2 .text-container .details .content h2{font-size:1.6rem;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 .defination2 p{font-size:.8rem;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 .why-choose h6{font-size:.8rem;line-height:1.2rem}.page2 .text-container .details .content .why-choose ul li{font-size:.8rem;line-height:1.2rem}.page3{height:auto;width:95%}.page3 .page3-title{font-size:1.6rem;line-height:2.2rem}.page3 .description{font-size:.9rem;line-height:1.2rem}.page3 .cards-container{grid-template-columns:minmax(0,400px)}.page3 .cards-container .card .card-title{font-size:.95rem;line-height:1.5rem}.page3 .cards-container .card .card-description{font-size:.8rem;line-height:1.2rem}.page4{height:auto}.page4 .img{height:30vh}.page4 .img h2{font-size:1.6rem;line-height:2rem;width:90%}.page4 .blue-color{height:30vh}.page4 .blue-color p{font-size:.8rem;line-height:1.2rem;width:90%}.page5{margin-block:3rem;height:auto}.page5 .page5-container{width:90%}.page5 .page5-container .content{width:100%}.page5 .page5-container .content h2{font-size:1.6rem;line-height:2rem;text-align:center}.page5 .page5-container .content .benefits-container{grid-template-columns:1fr}.page5 .page5-container .content .benefits-container .benefit .image{width:2.5rem;height:2.5rem}.page5 .page5-container .content .benefits-container .benefit p{font-size:.7rem;line-height:1.1rem}.page6{height:auto;margin-block:2rem}.page6 .page6-container h2{font-size:1.6rem;line-height:2rem;text-align:center}.page6 .page6-container .reasons-container{grid-template-columns:1fr}.page6 .page6-container .reasons-container .reason{border-left-width:.3rem;max-width:400px;padding-inline:0.5rem;padding-block:1rem}.page6 .page6-container .reasons-container .reason .title{font-size:1.1rem;line-height:1.3rem;margin:0}.page6 .page6-container .reasons-container .reason .description{font-size:.8rem;line-height:1.1rem}}@media screen and (min-width:500px) and (max-width:768px){.page1 .text-container{width:85%;max-width:550px}.page1 .text-container .services_text{font-size:.9rem}.page1 .text-container h1{font-size:1.9rem;line-height:2.2rem}.page1 .text-container p.description{font-size:.9rem;line-height:1.2rem}.page2{height:auto}.page2 .text-container .details .content{width:90%;margin-block:3rem}.page2 .text-container .details .content h2{font-size:1.7rem;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 .defination2 p{font-size:.8rem;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 .why-choose h6{font-size:.8rem;line-height:1.2rem}.page2 .text-container .details .content .why-choose ul li{font-size:.8rem;line-height:1.2rem}.page3{height:auto;width:95%}.page3 .page3-title{font-size:1.6rem;line-height:2.2rem}.page3 .description{font-size:.9rem;line-height:1.2rem}.page3 .cards-container{grid-template-columns:repeat(2,minmax(0,400px));gap:2rem}.page3 .cards-container .card .card-title{font-size:.95rem;line-height:1.5rem}.page3 .cards-container .card .card-description{font-size:.8rem;line-height:1.2rem}.page4{height:auto}.page4 .img{height:30vh}.page4 .img h2{font-size:1.6rem;line-height:2rem;width:90%}.page4 .blue-color{height:30vh}.page4 .blue-color p{font-size:.8rem;line-height:1.2rem;width:90%}.page5{margin-block:3rem;height:auto}.page5 .page5-container{padding-block:2rem;width:90%}.page5 .page5-container .content{width:100%}.page5 .page5-container .content h2{font-size:1.6rem;line-height:2rem;text-align:center}.page5 .page5-container .content .benefits-container{grid-template-columns:1fr}.page5 .page5-container .content .benefits-container .benefit .image{width:2.5rem;height:2.5rem}.page5 .page5-container .content .benefits-container .benefit p{font-size:.7rem;line-height:1.1rem}.page6{height:auto;margin-block:2rem}.page6 .page6-container h2{font-size:1.6rem;line-height:2rem;text-align:center}.page6 .page6-container .reasons-container{grid-template-columns:1fr 1fr;gap:2rem}.page6 .page6-container .reasons-container .reason{border-left-width:.3rem;max-width:400px;padding-inline:0.5rem;padding-block:1rem}.page6 .page6-container .reasons-container .reason .title{font-size:1.1rem;line-height:1.3rem;margin:0}.page6 .page6-container .reasons-container .reason .description{font-size:.8rem;line-height:1.1rem}}@media screen and (min-width:768px) and (max-width:1024px){.page1 .text-container{width:85%;max-width:550px}.page1 .text-container .services_text{font-size:.9rem}.page1 .text-container h1{font-size:2.2rem;line-height:2.5rem}.page1 .text-container p.description{font-size:.9rem;line-height:1.2rem}.page2{height:auto}.page2 .text-container .details .content{width:90%;margin-block:3rem}.page2 .text-container .details .content h2{font-size:2rem;line-height:2.4rem}.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 .defination2 p{font-size:.8rem;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 .why-choose h6{font-size:.8rem;line-height:1.2rem}.page2 .text-container .details .content .why-choose ul li{font-size:.8rem;line-height:1.2rem}.page3{width:90%}.page3 .cards-container{gap:1rem 2rem}.page3 .cards-container .card .card-title{font-size:.9rem;line-height:1.2rem}.page3 .cards-container .card .card-description{font-size:.8rem;line-height:1.2rem}.page4{height:auto}.page4 .img{height:30vh}.page4 .img h2{font-size:1.8rem;line-height:2rem;width:80%}.page4 .blue-color{height:30vh}.page4 .blue-color p{font-size:.9rem;line-height:1.2rem;width:80%}.page5{margin-block:3rem;height:auto}.page5 .page5-container{padding:2rem 1rem;width:90%}.page5 .page5-container .content{width:100%}.page5 .page5-container .content h2{font-size:1.6rem;line-height:2rem;text-align:center}.page5 .page5-container .content .benefits-container{grid-template-columns:1fr 1fr}.page5 .page5-container .content .benefits-container .benefit .image{width:2.5rem;height:2.5rem}.page5 .page5-container .content .benefits-container .benefit p{font-size:.7rem;line-height:1.1rem}.page6{height:auto;margin-block:2rem}.page6 .page6-container h2{font-size:1.6rem;line-height:2rem;text-align:center}.page6 .page6-container .reasons-container{grid-template-columns:1fr 1fr;gap:2rem}.page6 .page6-container .reasons-container .reason{border-left-width:.3rem;max-width:400px;padding-inline:0.5rem;padding-block:1rem}.page6 .page6-container .reasons-container .reason .title{font-size:1.1rem;line-height:1.3rem;margin:0}.page6 .page6-container .reasons-container .reason .description{font-size:.8rem;line-height:1.1rem}}@media screen and (min-width:1024px){.page2 .text-container .details .content{padding-block:3rem}}