@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Karantina:wght@300;400;700&display=swap";.navbar{background:#222533;position:fixed;width:100%}.top_nav{background:#ffcb0f}.social_links{display:flex;gap:54px}.social_links p{display:flex;align-items:center;gap:8px;color:#000}.social_links p svg{color:#000;width:16px}nav{display:flex;justify-content:space-between;align-items:center}nav ul{list-style:none;display:flex;gap:44px}nav ul a{text-decoration:none;color:#fff}nav .menu{display:none;color:#fff;position:absolute;right:5px}@media (max-width: 1024px){.container{max-width:768px}}@media (max-width: 768px){.container{max-width:640px}nav ul{display:none}nav .menu{display:flex}.social_links{display:none}nav ul.open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;background:#222533;width:100%;padding:14px;gap:24px}}@media (max-width: 640px){.container{max-width:475px}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font-family:Inter}.container{max-width:1536px;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}h1{font-size:98px;font-family:Karantina;text-transform:uppercase}h2{font-size:36px;text-transform:uppercase}h3{font-size:26px;font-weight:500}h4{font-size:24px;font-weight:700}p{font-size:16px}@media (max-width: 1536px){.container{max-width:1280px}}@media (max-width: 1280px){.container{max-width:1024px}}@media (max-width: 1024px){.container{max-width:768px}p{font-size:12px}}@media (max-width: 768px){.container{max-width:640px}p{font-size:11px}}@media (max-width: 640px){.container{max-width:475px}p{font-size:16px}}@media (max-width: 475px){.container{width:100%}}.hero,.about,.why_choose_us,.services,.clients,.projects,.contact,.customer-reviews{padding:50px 0}.heading,.consultation-heading{text-align:center;display:grid;gap:20px;margin-bottom:34px}.hero{background-image:url(/images/home/hero-image.png);background-repeat:no-repeat;background-position:center;background-size:cover}.hero .cat{color:#fff;display:grid;justify-items:center;text-align:center;padding:210px 250px}.hero .cat h3{margin-bottom:8px}.hero .cat h1 span{font-family:Karantina;color:#ffcb0f}.hero .cat a{background:#ffcb0f;margin-top:48px;padding:16px;border-radius:340px;font-size:24px;text-decoration:none;color:#fff;font-weight:700}.hero .cat a:hover{background:#222533;transition:.3s}.about .heading{text-align:left}.about-wrapper{display:flex;align-items:center;gap:100px}.about_info{display:grid}.about-wrapper .about_info h3{margin-bottom:20px;margin-top:20px}.why_choose_us{background:#f2f7fa}.why_choose_us_wrapper{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:64px}.why_choose_us_wrapper .card{display:grid;justify-items:center;text-align:center;gap:20px;flex:1}.why_choose_us .card p{padding:8px;height:130px}.services-wrapper .cards-wrapper{display:flex;gap:50px;flex-wrap:wrap;justify-content:center}.services-wrapper .cards-wrapper .card{width:400px}.clients-wrapper .clients-logos{display:flex;justify-content:center;gap:50px;flex-wrap:wrap}.projects-section{display:flex;flex-wrap:wrap;margin-bottom:30px}.projects-wrapper{display:flex;flex-wrap:wrap;flex-direction:column}.project-details{display:flex;flex-wrap:wrap;align-items:center;padding:15px}.project-details h3{margin-left:10px}.project-details div{color:#ffcb0f}.project-date-and-content{padding:5px;margin-left:50px}.project-date-and-content p{margin:-15px 0 10px -5px;color:#ffcb0f;font-size:16px}.project-date-and-content ul li{margin:5px}.customer-reviews{background-image:url(/images/home/bg-image-customer-reviews.png);background-repeat:no-repeat;background-position:center;background-size:cover}.customer-reviews-cards-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.customer-reviews-card,.yellow-card{width:400px;height:314px;padding:40px;background-color:#f0f0f0;border-radius:22px;overflow:hidden;box-shadow:0 2px 4px #0003}.customer-reviews-card p{font-size:16px;margin-top:50px;text-align:center;font-weight:500;line-height:19px}.customer-reviews-card-user-info{margin-top:50px}.customer-reviews-card div:first-child{text-align:right;color:#ffcb0f;margin:-25px -25px 0 0}.yellow-card{background-color:#ffcb0f;width:400px;height:400px;margin:-20px 50px 20px}.yellow-card div:first-child{color:#fff}.yellow-card p{margin-top:80px;color:#fff;font-size:16px}.customer-reviews-card-details{margin-top:10px;margin-bottom:-5px}.customer-reviews-card-details h6{margin:-40px 0 5px 60px;font-size:16px}.customer-reviews-card-details p{margin:-3px 0 0 60px}.customer-reviews-card-details img{width:50px;height:50px}.first-card-wrapper{margin-bottom:20px}.last-card-wrapper{margin-top:20px}.contact{background-color:#ffcb0f;margin-top:50px}.contact-us-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:50px}.contact-heading h2{font-weight:700}.contact-heading h3{font-weight:500;font-size:40px}.contact-us-form{display:flex;flex-wrap:wrap;flex:1;flex-direction:column}.contact-us-form input,.email-name-input{display:flex;flex-wrap:wrap}.email-name-input input{display:flex;flex-wrap:wrap;flex:1;padding:20px;margin:10px;border-radius:8px;border:none}.message-input-box{display:flex;flex-wrap:wrap;align-items:center}.message-input-box input:first-child{display:flex;flex-wrap:wrap;flex:2;padding:20px;margin:10px;border-radius:8px;border:none}.message-input-box button{background-color:#222533;color:#fff;width:150px;height:60px;border-radius:8px;border:none;font-size:16px;text-transform:uppercase;transition:.3s}.message-input-box button:hover{cursor:pointer;background-color:#393d4e}.map-and-contact-details{display:flex;flex-wrap:wrap;align-items:center;text-align:center;padding:60px;justify-content:center;gap:80px}.map-and-contact-details iframe{display:flex;flex:1;margin-top:20px;width:50%;height:500px;border:none}.contact-details{display:flex;flex-direction:column;flex:1;gap:50px;justify-content:center;align-items:center;padding:20px}.contact-details div h4,.contact-details div p{text-align:center}.contact-email,.contact-number,.contact-address{background-color:#fff;padding:30px;border-radius:14px;width:650px}footer{width:100%;padding:30px;text-align:center;background-color:#1a1c27;color:#fff}footer a{text-decoration:none;color:#ffcb0f}footer p{font-size:16px;line-height:25px}@media (max-width: 1536px){.container{max-width:1280px}.why_choose_us .card p{height:140px}.services-wrapper .cards-wrapper .card,.services-wrapper .cards-wrapper img{width:350px}.yellow-card-customer-reviews-card-details{margin-left:45px}}@media (max-width: 1280px){.container{max-width:1024px}.hero .cat{padding:210px 20px}.why_choose_us .card p{height:180px}.services-wrapper .cards-wrapper .card,.services-wrapper .cards-wrapper img{width:300px}}@media (max-width: 1024px){.container{max-width:768px}.hero .cat{padding:50px 0}.about-wrapper img{width:340px}.about-wrapper .about_info p{font-size:12px}.hero .cat{margin-top:50px}.why_choose_us .card p{height:150px}.services-wrapper .cards-wrapper .card,.services-wrapper .cards-wrapper img{width:350px}.yellow-card{margin:0}.last-card-wrapper{margin-top:30px}.contact-us-wrapper{justify-content:center}.contact-heading h2{font-size:32px}.contact-heading h3{font-size:28px}.email-name-input input,.message-input-box input:first-child{padding:15px}.message-input-box button{height:50px;width:130px}.contact-details div p{font-size:20px}.contact-email,.contact-number,.contact-address{width:400px}.contact-email h4,.contact-number h4,.contact-address h4{font-size:18px}.yellow-card-customer-reviews-card-details{margin-left:0}}@media (max-width: 768px){.container{max-width:640px}.about-wrapper img{width:260px}.services-wrapper .cards-wrapper .card,.services-wrapper .cards-wrapper img{width:200px}}@media (max-width: 640px){.container{max-width:475px}.hero .cat h1{font-size:58px}.hero .cat a{margin-top:32px;font-size:16px;font-weight:700}.about-wrapper{flex-direction:column-reverse;flex-wrap:wrap;gap:0px;justify-content:center}.about-wrapper img{margin-top:26px}.why_choose_us_wrapper{flex-direction:column}.project-details h3{font-weight:700;font-size:16px}.yellow-card-customer-reviews-card-details{margin-left:0}.customer-reviews-card-details h6{margin-top:-45px;margin-left:50px}.customer-reviews-card-details p{margin-left:50px}.contact-details div p{font-size:16px}.contact-email,.contact-number,.contact-address{width:300px}footer p{font-size:14px}}@media (max-width: 475px){.container{width:100%}.why_choose_us .card p{height:180px}.services-wrapper .cards-wrapper .card,.services-wrapper .cards-wrapper img{width:100%}.project-details div:first-child{width:20px}.project-details h3{font-size:14px}.project-date-and-content p,.project-date-and-content ul li{font-size:12px}.customer-reviews-card,.yellow-card{width:200px;height:400px}.yellow-card{margin:-30px 20px 0 0}.customer-reviews-card p{font-size:12px;margin:0}.customer-reviews-card-details img{width:30px;height:30px}.customer-reviews-card-details h6{font-size:14px;margin:-30px 0 2px 40px}.customer-reviews-card-details p{font-size:12px;margin-left:40px}.first-card-wrapper{margin:0 30px 50px 0}.last-card-wrapper{margin:20px 20px 0 0}.last-card-wrapper .customer-reviews-card p{margin-top:25px}.contact{width:100%}.contact-heading h2{font-size:20px}.contact-heading h3{font-size:18px}.email-name-input input,.message-input-box input:first-child{padding:10px}.message-input-box button{flex:1;height:40px}.map-and-contact-details iframe{width:100%;height:100%}.contact-details h4{font-size:16px}.contact-details div p{font-size:12px}.contact-email,.contact-number,.contact-address{width:250px}footer{padding:10px}footer p{font-size:12px}}
