.mern-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{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:65%}.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: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)}.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 .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;list-style-type:disc}.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: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}.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}.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}.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{font-size:1.7rem;font-weight:500;line-height:1.5rem;font-family:var(--poppins-font);text-align:center}.page5 .page5-container .content .benifits-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2.5rem}.page5 .page5-container .content .benifits-container .benifit{display:flex;gap:.5rem;align-items:center}.page5 .page5-container .content .benifits-container .benifit .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 .benifits-container .benifit 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:1200px){.page1 .text-container h1{font-size:2.4rem;font-weight:700;line-height:2.8rem}.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 .defination 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 .benifits-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}}
