#Services{margin-top:250px}#Services h2{margin-bottom:100px}#Services .the-arrow{width:1px;transition:all 0.2s}#Services .the-arrow.-left{position:absolute;top:60%;left:0}#Services .the-arrow.-left>.shaft{width:0;background-color:#303030}#Services .the-arrow.-left>.shaft:before,#Services .the-arrow.-left>.shaft:after{width:0;background-color:#303030}#Services .the-arrow.-left>.shaft:before{transform:rotate(0)}#Services .the-arrow.-left>.shaft:after{transform:rotate(0)}#Services .the-arrow.-right{top:1px}#Services .the-arrow.-right>.shaft{width:1px;transition-delay:0.2s}#Services .the-arrow.-right>.shaft:before,#Services .the-arrow.-right>.shaft:after{width:5px;transition-delay:0.3s;transition:all 0.5s}#Services .the-arrow.-right>.shaft:before{transform:rotate(40deg)}#Services .the-arrow.-right>.shaft:after{transform:rotate(-40deg)}#Services .the-arrow>.shaft{background-color:#303030;display:block;height:1px;position:relative;transition:all 0.2s;transition-delay:0;will-change:transform}#Services .the-arrow>.shaft:before,#Services .the-arrow>.shaft:after{background-color:#303030;content:'';display:block;height:1px;position:absolute;top:0;right:0;transition:all 0.2s;transition-delay:0}#Services .the-arrow>.shaft:before{transform-origin:top right}#Services .the-arrow>.shaft:after{transform-origin:bottom right}#Services .animated-arrow{display:inline-block;color:#303030;font-size:0.875em;font-style:normal;font-family:Manrope;font-weight:500;letter-spacing:2px;text-decoration:none;position:relative;transition:all 0.2s}#Services .animated-arrow:hover>.the-arrow.-left>.shaft{width:64px;transition-delay:0.1s}#Services .animated-arrow:hover>.the-arrow.-left>.shaft:before,#Services .animated-arrow:hover>.the-arrow.-left>.shaft:after{width:5px;transition-delay:0.1s}#Services .animated-arrow:hover>.the-arrow.-left>.shaft:before{transform:rotate(40deg)}#Services .animated-arrow:hover>.the-arrow.-left>.shaft:after{transform:rotate(-40deg)}#Services .animated-arrow:hover>.main{transform:translateX(9px);transform:translateX(72px)}#Services .animated-arrow:hover>.main>.the-arrow.-right>.shaft{width:0;transform:translateX(200%);transition-delay:0}#Services .animated-arrow:hover>.main>.the-arrow.-right>.shaft:before,#Services .animated-arrow:hover>.main>.the-arrow.-right>.shaft:after{width:0;transition-delay:0;transition:all 0.1s}#Services .animated-arrow:hover>.main>.the-arrow.-right>.shaft:before{transform:rotate(0)}#Services .animated-arrow:hover>.main>.the-arrow.-right>.shaft:after{transform:rotate(0)}#Services .animated-arrow>.main{display:flex;align-items:center;transition:all 0.2s}#Services .animated-arrow>.main>.text{margin:0 8px 0 0;line-height:1}#Services .animated-arrow>.main>.the-arrow{position:relative}#Services .container-info-services p{padding:0 20vw;margin:0;display:flex;justify-content:space-between;align-items:center;line-height:2em}#Services .container-info-services p span{font-size:2.2em}#Services .container-info-services p .underline{height:1px;width:64%;background:#303030;margin-top:8px}#Services .container-services .contain-service h3{font-size:1.5em}#Services .container-services .contain-service a{top:0;left:0}#Services .container-services .contain-service-men .animated-arrow{color:#F7F6F1}#Services .container-services .contain-service-men .animated-arrow .the-arrow.-left>.shaft{background-color:#F7F6F1}#Services .container-services .contain-service-men .animated-arrow .the-arrow>.shaft:before,#Services .container-services .contain-service-men .animated-arrow .the-arrow>.shaft:after{background-color:#F7F6F1}#Services .container-services-all{margin-top:60px;display:flex;justify-content:space-between}#Services .container-services-all .container-services{width:49.5%}#Services .container-services-all .container-services .contain-service{width:100%;height:310px;position:relative;overflow:hidden;transition:transform 0.8s ease-in-out;cursor:pointer;padding:10%}#Services .container-services-all .container-services .contain-service .service-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.2);width:100%;height:100%;display:flex;background-color:#AB9F9E;justify-content:space-between;flex-direction:column;padding:50px;opacity:0;transition:transform 0.8s ease, opacity 0.3s ease;z-index:0}#Services .container-services-all .container-services .contain-service .service-overlay h3{color:#F7F6F1;text-align:left;background:unset;background-clip:unset;-webkit-text-fill-color:unset;width:100%}#Services .container-services-all .container-services .contain-service .service-overlay .flex p{color:#303030;font-size:0.875em}#Services .container-services-all .container-services .contain-service:hover .service-overlay{transform:translate(-50%, -50%) scale(1);opacity:1;z-index:2}#Services .container-services-all .container-services .contain-service-women .service-overlay{background:#F0E4D8}#Services .container-services-all .container-services .contain-service-women .service-overlay h3{color:#303030}#Services .container-services-all .container-services .contain-service-women .service-overlay .flex p{color:#AC6650}@media only screen and (min-width: 1440px){#Services .container-services-all .container-services .contain-service{background-size:cover}}@media only screen and (min-width: 1728px){#Services{margin-top:0}#Services h2{margin-bottom:120px}#Services .container-info-services p span{font-size:2.875em}#Services .container-info-services p{padding:0 17.3vw;line-height:2.2em}#Services .container-info-services p .underline{width:67%}#Services .container-info-services p:last-of-type{margin:0}#Services .container-services-all .container-services .contain-service{height:420px;margin-bottom:20px}#Services .container-services-all .container-services{width:calc(50% - 10px)}#Services .container-services .contain-service h3{font-size:2.5em}#Services .container-services-all .container-services .contain-service .service-overlay h3{font-size:1.875em}#Services .container-services-all .container-services .contain-service .service-overlay{padding:80px 160px 80px 80px}#Services .container-services-all .container-services .contain-service .service-overlay .flex p{font-size:1.063em;line-height:1.75em;margin-bottom:30px}}@media only screen and (min-width: 2560px){#Services .container-services-all .container-services .contain-service{height:620px}#Services .container-services-all .container-services .contain-service .service-overlay{padding:120px 250px 120px 120px}}
/*# sourceMappingURL=services-display.css.map */