.services{background-image:url(../images/projects-bg.webp)}.services,.services-section{width:100%;background-size:cover}.services-section{height:700px;object-fit:cover;background-position:50%;background-image:url(../images/service-img-min.webp);color:#fff!important}.title-tag-card{font-family:var(--secondary-font);font-size:20px;font-weight:500}.services .row{gap:30px 0}.back-side .secondary-theme-btn:hover{border:1px solid #fff}.back-side .secondary-theme-btn:hover a{color:#fff}.service-span-1,.service-span-2,.service-span-3,.service-span-4{height:100%;width:100%;overflow-y:hidden;position:relative}.service-span-1,.service-span-2,.service-span-3{border-right:2px solid #fff}.back-side,.service-box:hover .front-side>*{opacity:0}.service-box:hover .back-side{height:100%;position:relative;z-index:999;opacity:1;animation:down-up 1s cubic-bezier(.19,1,.22,1)}.service-box:hover{background-color:#4aab3dcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.service-span-1:hover .front-side{background:url(../images/solar-panel.svg);background-repeat:no-repeat;background-size:250px;background-position:top 15% left 15%;backdrop-filter:blur(2px);width:100%;height:100%;opacity:.1}.service-span-2:hover .front-side{background:url(../images/hydropower.svg);background-repeat:no-repeat;background-size:250px;background-position:top 15% left 15%;backdrop-filter:blur(2px);width:100%;height:100%;opacity:.1}.service-span-3:hover .front-side{background:url(../images/wind.svg);background-repeat:no-repeat;background-size:250px;background-position:top 15% left 15%;backdrop-filter:blur(2px);width:100%;height:100%;opacity:.1}.service-span-4:hover .front-side{background:url(../images/resource-fosil.svg);background-repeat:no-repeat;background-size:250px;background-position:top 15% left 15%;backdrop-filter:blur(2px);width:100%;height:100%;opacity:.1}@-webkit-keyframes down-up{0%{transform:translateY(350px)}to{transform:translateY(0)}}@keyframes down-up{0%{transform:translateY(350px)}to{transform:translateY(0)}}@media (max-width:991px){.services-section{height:fit-content}.service-box{height:500px}.service-span-2{border-right:none}.service-span-1,.service-span-2{border-bottom:2px solid #fff}}@media (max-width:575px){.service-span-1,.service-span-3{border-right:none}.service-span-3{border-bottom:2px solid #fff}}
:root{--g3dafca6bf9:1}