* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; }
header { box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 1000; }
.header-top { padding: 10px 0; font-size: 14px; }
.header-top .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.header-top i { margin-right: 8px; }
nav { padding: 15px 0; }
.nav-container { display: flex; justify-content: space-between; align-items: center; }
.logo { display: flex; align-items: center; gap: 12px; font-size: 24px; font-weight: bold; }
.logo i { font-size: 32px; }
.nav-menu { display: flex; list-style: none; gap: 30px; }
.nav-menu a { text-decoration: none; font-weight: 500; transition: color 0.3s; }
.menu-toggle { display: none; font-size: 24px; background: none; border: none; cursor: pointer; }
.hero { padding: 120px 0; padding-bottom: 140px; text-align: center; }
.hero h1 { font-size: 48px; margin-bottom: 20px; animation: fadeInUp 1s; }
.hero p { font-size: 20px; margin-bottom: 30px; animation: fadeInUp 1.2s; }
.btn { display: inline-block; padding: 15px 35px; text-decoration: none; border-radius: 50px; font-weight: bold; transition: transform 0.3s, box-shadow 0.3s; animation: fadeInUp 1.4s; }
.btn:hover, .social-links a:hover { transform: translateY(-3px); }
.btn-primary { margin-right: 15px; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
section { padding: 80px 0; padding-bottom: 100px; }
.section-title { text-align: center; font-size: 36px; margin-bottom: 50px; }
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.service-card { padding: 40px 30px; border-radius: 15px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s; }
.service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 25px rgba(0,0,0,0.15); }
.service-card i { font-size: 48px; margin-bottom: 20px; }
.service-card h3 { font-size: 22px; margin-bottom: 15px; }
.about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.about-content-2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; align-items: center; }
.about-content-3 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px; align-items: center; }
.about-content-2 .about-text p, .about-content-3 .about-text p { margin-bottom: 0px; }
.about-content-2 .about-text h3, .about-content-2 .about-text p, .about-content-3 .about-text h3, .about-content-3 .about-text p { text-align: center; }
.about-image { width: 100%; height: 100%; }
.about-text h3 { font-size: 28px; margin-bottom: 20px; }
.about-text p { margin-bottom: 15px; }
.about-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; }
.feature-item { display: flex; align-items: center; gap: 15px; }
.feature-item i { font-size: 24px; color: #2db742; }
.rating-summary { text-align: center; margin-bottom: 60px; }
.rating-number { font-size: 48px; font-weight: bold; }
.stars { font-size: 24px; margin: 10px 0; }
.reviews-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.review-card { padding: 30px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s; }
.review-card:hover { transform: translateY(-10px); box-shadow: 0 15px 25px rgba(0,0,0,0.15); }
.review-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }
.review-avatar { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 20px; }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; }
.contact-info { display: flex; flex-direction: column; gap: 30px; }
.contact-item { display: flex; gap: 20px; align-items: flex-start; }
.contact-icon { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.contact-details h4 { margin-bottom: 5px; }
.contact-details a { text-decoration: none; font-weight: 500; }
.map-container { border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.15); }
.map-container iframe { width: 100%; height: 300px; border: none; }
footer { padding: 50px 0 20px; }
.footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; }
.footer-section h3 { margin-bottom: 20px; }
.footer-section p, .footer-section a { text-decoration: none; display: block; margin-bottom: 10px; }
.footer-section a:hover { color: white; }
.social-links { display: flex; gap: 15px; margin-top: 20px; }
.social-links a { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background 0.3s; }
.footer-bottom { text-align: center; padding-top: 20px; border-top: 1px solid #334155; }
.whatsapp-float { position: fixed; bottom: 10px; right: 10px; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; cursor: pointer; transition: transform 0.3s; z-index: 1000; text-decoration: none; }
.whatsapp-float:hover { transform: scale(1.1); }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.justify { text-align: justify; }
.hero, .services, .about, .reviews, .contact { scroll-margin-top: 100px; }
@media (max-width: 768px) {
    .menu-toggle { display: block; }
    .nav-menu { position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; padding: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); display: none; }
    .nav-menu.active { display: flex; }
    .hero h1 { font-size: 32px; }
    .about-content, .about-content-2, .about-content-3, .contact-grid { grid-template-columns: 1fr; }
    .about-features { grid-template-columns: 1fr; }
    .btn { display: block; margin: 10px 0; }
    .header-top .container { font-size: 12px; }
    .name { display: none; }
    .first-button { margin-bottom: 20px; }
    .about-image { height: 288px; }
}

@media (min-width: 100px) and (max-width: 768px) {
	.whatsappo {
		display: block !important;
	}
}
.wptwa-container,.wptwa-container *{-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.wptwa-container{position:fixed;top:auto;left:auto;bottom:0;right:0;text-align:right;font-family:helvetica;font-size:13px;line-height:1.4em;max-width:400px;max-height:100%;overflow-y:auto;z-index:9999}.wptwa-container.left-side{right:auto;left:0;text-align:left}.wptwa-container p:first-child{margin-top:0}.wptwa-container p:last-child{margin-bottom:0}.wptwa-container a{text-decoration:none}.wptwa-container .wptwa-clearfix:before,.wptwa-container .wptwa-clearfix:after{content:'';display:block;clear:both}.wptwa-container .wptwa-box{text-align:left;background:url(https://i.imgur.com/iIsud20.png);box-shadow:3px 3px 3px rgba(0,0,0,.02);padding:20px 20px 10px;margin:20px 20px 0;border-radius:2px;position:relative;border-radius:6px 6px 0 0;display:none;transition:all .2s}.wptwa-container .wptwa-box.show{display:block}.wptwa-container .wptwa-box:before,.wptwa-container .wptwa-box:after{content:'';position:absolute;bottom:-7px;right:22px;width:13px;height:13px;background:white;transform:rotate(45deg);z-index:1;border:1px solid #f5f5f5;box-shadow:3px 3px 3px rgba(0,0,0,.02)}.wptwa-container.left-side .wptwa-box:before,.wptwa-container.left-side .wptwa-box:after{right:auto;left:22px}.wptwa-container .wptwa-box:before{z-index:2;box-shadow:none;background:white;transform:none;bottom:0;width:19px;right:17px;border-color:white}.wptwa-container .wptwa-box ul{list-style:none;padding:0;margin-top:15px}.wptwa-description{border-radius:6px 6px 0 0;background:rgba(69,90,100,.9);padding-left:14px;padding-right:15px;padding-top:12px;padding-bottom:10px;padding-right:30px;margin:-20px -20px 10px;color:white}.wptwa-description p{color:inherit}.wptwa-container .wptwa-account{color:inherit;display:block;padding:10px 10px;margin:0 -10px -1px;border-radius:6px;position:relative;z-index:3}.wptwa-container .wptwa-account:not(:last-child):after{content:'';display:block;background:#f5f5f5;height:1px;width:100%;max-width:calc(100% - 20px);position:absolute;bottom:0;left:10px}.wptwa-container .wptwa-account:first-child{margin-top:-10px}.wptwa-container .wptwa-description~.wptwa-people .wptwa-account:first-child{margin-top:0}.wptwa-container .wptwa-account:last-child{margin-bottom:0;border-bottom:0}.wptwa-container .wptwa-account:hover{background:#f5f5f5;border-color:transparent}.wptwa-container .wptwa-account .wptwa-face{width:40px;height:40px;margin-right:15px;float:left;position:relative}.wptwa-container .wptwa-account .wptwa-face.no-image:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:transparent url(https://www.astraps.com/images/logo-green-small.png) center center no-repeat;background-size:100%;z-index:1}.wptwa-container .wptwa-account.wptwa-group .wptwa-face.no-image:before{background:transparent url(https://www.astraps.com/images/logo-group.png) center center no-repeat}.wptwa-container .wptwa-account .wptwa-face:after{content:'';display:block;width:15px;height:15px;position:absolute;bottom:0;right:-5px;background:transparent url(https://www.astraps.com/images/logo-green-small.png) center center no-repeat;background-size:cover;z-index:4}.wptwa-container .wptwa-account.wptwa-group .wptwa-face:after{background:transparent url(https://www.astraps.com/images/logo-group.png) center center no-repeat;background-size:contain}.wptwa-container .wptwa-account .wptwa-face.no-image:after{content:none}.wptwa-container .wptwa-account .wptwa-info{position:relative;top:2px;color:inherit;float:left;width:calc(100% - 55px)}.wptwa-container .wptwa-account .wptwa-title{font-size:11px;line-height:100%;color:#535362 !important;}.wptwa-container .wptwa-account .wptwa-name{font-weight:bold;display:block}.wptwa-container .wptwa-account .wptwa-name:only-child{position:relative;top:10px}.wptwa-container .wptwa-account img{width:100%;height:100%;display:block;border-radius:50px;overflow:hidden;position:relative;z-index:2}.wptwa-container .wptwa-handler{display:inline-block;vertical-align:top;text-decoration:none;color:white;background:rgba(69,90,100,.9);padding:10px 15px;border-radius:50px;line-height:120%;white-space:nowrap;text-align:center;transition:all .3s;position:relative;margin:20px;z-index:3}.wptwa-container.circled-handler .wptwa-handler{width:60px;height:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 20px rgba(0,0,0,.16)}.wptwa-container.circled-handler .wptwa-handler:hover{box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 20px rgba(0,0,0,.24)}.wptwa-container .wptwa-handler:hover{box-shadow:3px 3px 3px rgba(0,0,0,.05);cursor:pointer}.wptwa-container .wptwa-box ul a{padding:7px 14px;background:#445963}.wptwa-container .wptwa-handler svg{max-width:15px;fill:#fff;display:inline-block;vertical-align:top;margin-right:5px}.wptwa-container.circled-handler svg{margin:0;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%) scale(1.7)}.wptwa-container .wptwa-close{display:block;width:15px;height:15px;position:absolute;top:6px;right:7px;opacity:.5;visibility:hidden;transition:opacity .3s}.wptwa-container .wptwa-description+.wptwa-close{visibility:visible}.wptwa-container .wptwa-close:hover{cursor:pointer;opacity:1}.wptwa-container .wptwa-close:before,.wptwa-container .wptwa-close:after{content:'';display:block;background:white;width:15px;height:3px;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%) rotate(45deg)}.wptwa-container .wptwa-close:after{transform:translateY(-50%) translateX(-50%) rotate(-45deg)}.whatsapp-custom-styled{display:inline-block;line-height:100%;padding:10px 15px;margin:2px 0;border-radius:2px;text-decoration:none !important;border:0 !important;transition:background .15s,color 0s}.whatsapp-custom-styled:hover{text-decoration:none !important;border:0 !important;box-shadow:3px 3px 3px rgba(0,0,0,.1)}.whatsapp-custom-styled svg{position:relative;top:2px;margin-right:5px}.whatsapp-custom-styled svg:only-child{margin-right:0}.whatsapp-custom-styled.no-icon{padding:13px 15px}.whatsapp-custom-styled.no-icon svg{display:none}.widget .whatsapp-custom-styled{transition:background .15s,color 0s}.whatsapp-custom-styled.block-level{display:block;text-align:center;line-height:1.3em;padding-top:10px;padding-bottom:10px}.whatsapp-custom-styled.block-level.align-left{text-align:left}@media screen and (min-width :1025px){.wptwa-flag:after{content:'desktop';display:none}}@media screen and (max-width :782px){.wptwa-flag:after{content:'mobile';display:none}}
.wptwa-container .wptwa-handler,.wptwa-description{background-color:#2db742;color:white;}.wptwa-container .wptwa-handler svg{fill:white;}.wptwa-container .wptwa-box{background-color:rgba(255,255,255,1);color:rgba(85,85,85,1)}.wptwa-container .wptwa-box:before,.wptwa-container .wptwa-box:after{background-color:#e3dcd4;border-color:#e3dcd4}.wptwa-container .wptwa-close:before,.wptwa-container .wptwa-close:after{background-color:rgba(0,0,0,1)}.wptwa-container{max-width:400px}@media screen and (max-width :400px){.wptwa-container{max-width:100%}}.wptwa-container .wptwa-box{width:calc(400px - 80px);max-width:calc(100% - 40px)}.wptwa-container .wptwa-account:hover{background-color:rgb}