@import "https://fonts.googleapis.com/css2?family=Inria+Sans:wght@300;400;700&display=swap";
@media (max-width:580px){.telepop .teleimg{width:96%}.prebtn,.nextbtn{width:15px;height:15px}}.bannerdot{z-index:999;bottom:0;left:50%}@keyframes slideLeft{0%{opacity:1;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.slide-left{animation:.7s ease-in-out slideLeft}
.what-we-do{background:#fff;padding:4rem 5rem}.what-we-do .global-heading{text-align:center;font-size:2.5rem;font-weight:700}.what-we-do .what-we-do-para{text-align:center}.what-we-container{scrollbar-width:none;overflow:scroll}.what-we-container .what-we-do-cards{justify-content:center;gap:8px;width:fit-content;margin:5rem auto;display:flex}.what-we-container .what-we-do-cards .what-we-do-card{-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);border-radius:.125rem;flex-direction:column;justify-content:end;align-items:center;gap:10px;width:6.625rem;height:29.25rem;padding:2rem;transition:all .6s linear;display:flex;position:relative;overflow:hidden}.what-we-container .what-we-do-cards .what-we-do-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#1e3a8ae6,#172554e6);transition:all .6s;position:absolute;inset:0}.what-we-container .what-we-do-cards .what-we-do-card{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-card-desc{color:#fff;text-shadow:0 3.667px 3.667px #00000040;font-family:var(--font-poppins),sans-serif;opacity:0;width:19rem;font-size:14px;font-style:normal;font-weight:300;line-height:133.567%;transition:all .3s linear}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-card-title{color:#fff;text-shadow:0 3.667px 3.667px #00000040;font-family:var(--font-poppins),sans-serif;white-space:nowrap;font-size:1.25rem;font-style:normal;font-weight:700;line-height:110%;transition:all .6s linear;transform:rotate(-90deg)}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-card-button{color:#ababab;text-align:center;text-shadow:0 3.667px 3.667px #00000040;font-family:var(--font-poppins),sans-serif;margin:20px auto auto;font-size:1rem;font-style:normal;font-weight:600;line-height:normal;position:relative}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-card-button .what-we-do-icon{aspect-ratio:30/31;flex-shrink:0;position:absolute;left:50%;transform:translate(-50%)}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-card-button span{opacity:0;transition:opacity .3s linear}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-divider{color:#fff;opacity:0;background:#fff;width:16.4394rem;height:.0625rem;transition:opacity .3s linear}.what-we-container .what-we-do-cards .what-we-do-card:first-child{z-index:1;width:23rem}.what-we-container .what-we-do-cards .what-we-do-card:first-child:before{content:"";pointer-events:none;background:linear-gradient(90deg,#1e3a8ae6,#172554e6);position:absolute;inset:0}.what-we-container .what-we-do-cards .what-we-do-card:first-child .what-we-do-card-desc{opacity:1;z-index:1;position:relative}.what-we-container .what-we-do-cards .what-we-do-card:first-child .what-we-do-card-title{z-index:1;width:100%;margin-top:1rem;font-size:2.25rem;position:relative;transform:rotate(0)}.what-we-container .what-we-do-cards .what-we-do-card:first-child .what-we-do-card-button span{opacity:1}.what-we-container .what-we-do-cards .what-we-do-card:first-child .what-we-do-divider{opacity:1;z-index:1;position:relative}.what-we-container .what-we-do-cards .what-we-do-card:first-child .what-we-do-card-button{z-index:1;position:relative}.what-we-container .what-we-do-cards .what-we-do-card:first-child .what-we-do-card-button .what-we-do-icon{position:static}.what-we-container .what-we-do-cards .what-we-do-card:hover{z-index:2;width:23rem}.what-we-container .what-we-do-cards .what-we-do-card:hover:before{content:"";opacity:.8;pointer-events:none;background:linear-gradient(#fff0,#1e3b8a,#113cb4);height:100%;position:absolute;inset:10% 0 0}.what-we-container .what-we-do-cards .what-we-do-card:hover .what-we-do-card-desc{opacity:1;z-index:1;position:relative}.what-we-container .what-we-do-cards .what-we-do-card:hover .what-we-do-card-title{z-index:1;width:100%;margin-top:1rem;font-size:2.25rem;position:relative;transform:rotate(0)}.what-we-container .what-we-do-cards .what-we-do-card:hover .what-we-do-card-button .what-we-do-icon{position:static}.what-we-container .what-we-do-cards .what-we-do-card:hover .what-we-do-card-button span{opacity:1}.what-we-container .what-we-do-cards .what-we-do-card:hover .what-we-do-card-button{z-index:1;position:relative}.what-we-container .what-we-do-cards .what-we-do-card:hover .what-we-do-divider{opacity:1;z-index:1;position:relative}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover){z-index:0;width:6.625rem;transform:translateY(0)}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover):after{content:"";pointer-events:none;background:linear-gradient(90deg,#1e3a8ae6,#172554e6);transition:all .6s;position:absolute;inset:0}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover) .what-we-do-card-desc{opacity:0}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover) .what-we-do-card-title{white-space:nowrap;margin-top:3rem;font-size:1.25rem;transform:rotate(-90deg)}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover) .what-we-do-card-button span,.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover) .what-we-do-divider{opacity:0}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover) .what-we-do-card-button .what-we-do-icon{position:absolute;left:50%;transform:translate(-50%)}@media (max-width:1120px){.what-we-do{padding:0}}@media (max-width:480px){br{display:block}.what-we-do{padding:4rem 0}.what-we-do br{display:block}.what-we-do .what-we-do-cards{margin:2.5rem 0;padding:0}.what-we-do .what-we-do-title,.what-we-do .what-we-do-para{padding:0 2rem}}
