#index-services{padding:70px 0;background:url('/assets/images/serv-background.webp');background-attachment:fixed;background-size:cover;position:relative;overflow:visible}
#index-services h2{color:var(--hover-link-color)}
#index-services .container{position:relative;z-index:5}
#index-services .person-image{width:40%;height:100%;position:absolute;bottom:0;left:60%;z-index:4}
#index-services .person-image img{width:100%;position:sticky;height:100vh;object-fit:contain;object-position:right bottom;top:0;display:block;right:0}
#index-services .service-card{background:var(--white-color);color:var(--color-63);position:relative;overflow:hidden;transition:0.3s;height:210px}
#index-services .service-card:before{position:absolute;content:'';z-index:1;background:var(--link-color);height:100%;width:35%;top:0;left:-20%;transform:skewX(-30deg);transition:0.3s}
#index-services .service-card:after{position:absolute;content:'';z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);height:100%;width:35%;top:0;left:-20%;transform:skewX(30deg);transition:0.3s}
#index-services .service-card a.main-link{display:flex;flex-direction:column;justify-content:center;text-decoration:none;position:relative;z-index:2;padding:35px 35px 35px 125px}
#index-services .service-card .icon{width:90px;height:90px;background:var(--muted-main-color);border-radius:45px;position:absolute;top:50%;left:15px;transform:translateY(-50%);overflow:hidden;z-index:6}
#index-services .service-card .icon img{width:100%;height:100%;object-fit:cover}
#index-services .service-card .title{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:12px}
#index-services .service-card .details{font-size:16px;color:var(--color-63)}
#index-services .service-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:18px 18px 25px rgba(0,0,0,.3)}
#index-services .service-card:hover .icon{box-shadow:10px 10px 18px rgba(0,0,0,.3)}
#index-services .service-card:hover:before{width:200%;left:-50%}
#index-services .service-card:hover a.main-link,
#index-services .service-card:hover .details{color:var(--white-color)}section#services{padding:0 0 70px 0}
section#services .quote{display:flex;align-items:center;gap:15px;animation-duration:1s}
section#services .quote img{width:100px;flex:0 0 auto}
section#services .quote .text{flex:1 0 0;font-size:26px;font-weight:bold;font-style:italic;line-height:1.2}section#services .warning-box{background:var(--red-warning-color);color:var(--white-color);padding:25px;position:relative;z-index:5;margin:15px 0 50px 0;box-shadow:10px 15px 25px rgba(0,0,0,0.4);border-radius:20px}
section#services .warning-box h3{text-transform:uppercase;margin-bottom:20px}
section#services .warning-box .warinig-phone{font-size:26px;font-weight:bold}section#services .service-card{background:var(--white-color);padding:0;border-radius:20px;color:var(--color-63);position:relative;overflow:hidden;transition:0.3s}
section#services .service-card:hover{transform:translateY(-10px)}
section#services .service-card .main-link{color:var(--color-63);text-decoration:none;display:block;padding:10px 10px 25px 10px}
section#services .service-card .icon{height:200px;border-radius:20px;overflow:hidden}
section#services .service-card .icon img{width:100%;height:100%;object-fit:cover;transition:0.6s}
section#services .service-card:hover img{transform:scale(1.05)}
section#services .service-card .title{font-size:24px;font-weight:bold;color:var(--hover-link-color);margin-bottom:10px}
section#services .service-card .title:hover{color:var(--hover-color)}section#services.on-page.single .service-page-image{margin-bottom:30px}
section#services.on-page.single .service-page-image img{width:100%}
section#services.on-page.single .service-aside-menu{display:flex;flex-direction:column}@media (max-width:575.9px){#index-services .service-card .title{font-size:20px}#index-services .service-card .details{font-size:14px}#index-services{overflow:hidden}}
@media (min-width:768px) and (max-width:991px){#index-services .service-card:before{width:30%}#index-services .service-card:after{width:30%}}@media (min-width:992px) and (max-width:1400px){#index-services .service-card .details{font-size:13px}}
section#map{position:relative;background:var(--muted-main-color);z-index:2}
section#map .map-canvas{height:510px;z-index:4;position:relative}
section#map .container{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:0;z-index:5}
section#map .map-contacts{position:absolute;top:50%;left:0;width:100%;padding:35px 20px 25px 20px;background:var(--fb-color);border-radius:25px 25px 0 0;transform:translateY(-100%);box-shadow:12px 15px 18px rgba(0,0,0,0.2)}
section#map .socail-icons a{font-size:42px}
section#map .contacts-logo{text-align:center;margin-bottom:20px}
section#map .contacts-logo img{width:140px}
section#map .contacts-name{text-align:center;margin:20px 0}
section#map .contacts-name h5{margin:0;color:var(--color-9);margin-bottom:5px}
section#map .contacts-name h2{color:var(--hover-link-color);margin:0;font-size:40px;font-weight:900}
section#map .contacts-name h3{color:var(--color-63);font-size:26px;font-weight:700}
section#map .contacts-phone{margin:30px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:18px;line-height:1.2}
section#map .contacts-phone .phone{font-size:28px;font-weight:900}
section#map .contacts-address{text-align:center;font-size:16px;color:var(--color-6);text-transform:uppercase;margin-bottom:20px;font-weight:900;line-height:1.3}section#contacts .map-canvas{height:550px;z-index:4;position:relative}
section#contacts h1{color:var(--link-color)}
section#contacts .contacts-box{margin:0.5rem 0;margin-bottom:1rem;padding:0 1rem;font-size:1.1rem}
section#contacts .contacts-box .label{color:var(--link-color);font-weight:bold}
section#contacts .contacts-box a.tel,
section#contacts .contacts-box a.email{font-size:1.3rem;color:var(--main-text-color);text-decoration:none;font-weight:bold}
section#contacts .contacts-box a.tel:hover,
section#contacts .contacts-box a.email:hover{color:var(--hover-color)}
section#contacts .contacts-box .worktime{font-size:1rem;font-weight:bold}section#contacts .loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(255,255,255,0.5)}@media (max-width:991px){section#map{overflow:hidden}section#map .map-canvas,section#contacts .map-canvas{height:350px}section#map .container{position:relative;top:0;left:0;height:auto;transform:translateY(-70px);margin-bottom:-70px}section#map .map-contacts{position:static;transform:none}}