*:root{--circle-size: 650px}.home-container{width:100%;min-height:100vh;display:flex;padding:0% 5% 0% 10%;align-items:center}.home-container .home-section{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;margin-top:-5rem}.home-container .home-section.home-left{align-items:flex-start;margin-left:5%;opacity:0;animation:fade 1s ease-out forwards}.home-container .home-section.home-right{align-items:center;padding:5% 0%;animation:fade 1s ease-out forwards;position:relative}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.home-container .home-section.home-right .circle{width:var(--circle-size);height:var(--circle-size);border-radius:50%;background-image:conic-gradient(from var(--angle),transparent 60%,var(--primary-green));display:flex;justify-content:center;align-items:center;animation:10s spin linear infinite;position:relative;z-index:0;margin-top:10%}.home-container .home-section.home-right .circle:after{content:"";width:var(--circle-size);height:var(--circle-size);border-radius:50%;background-image:conic-gradient(from var(--angle),transparent 60%,var(--primary-green));display:flex;justify-content:center;align-items:center;animation:10s spin linear infinite;filter:blur(1.5rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.home-container .home-section.home-right .circle .inner-circle{width:calc(var(--circle-size) - 10px);height:calc(var(--circle-size) - 10px);border-radius:50%;background-color:#2a2727}.home-container .home-section.home-right .circle .inner-circle img{width:100%;height:100%}.home-container .home-section.home-left h1{font-family:Protest Riot;font-size:72px;letter-spacing:8px;margin:0;color:var(--primary-green)}.home-container .home-section.home-left h3{font-family:Poppins;font-size:32px;margin:0;opacity:.8;letter-spacing:3px;color:var(--white)}.home-container .home-section.home-left>p{font-family:Poppins;font-size:14px;margin-top:5%;max-width:60%;opacity:.8;color:var(--white);transition:opacity .3s linear}.home-container .home-section.home-left>p span{font-weight:400;font-size:14px;transition:font-weight .3s linear,font-size .3s linear}.home-container .home-section.home-left>p:hover span{font-weight:700;font-size:16px}.home-container .home-section.home-left>p:hover{opacity:1}.home-container .home-section.home-left .socials{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 25px;position:absolute;bottom:0;left:0;right:0;width:100%;margin-bottom:2%;padding:0 30px}.home-container .home-section.home-left .socials a .social-icon{width:30px;height:30px;transform:scale(1);transition:transform .3s linear;border-radius:5px;border:1px solid rgb(196,196,196)}.home-container .home-section.home-left .socials a .social-icon:hover{transform:scale(1.5)}@keyframes spin{0%{--angle: -0deg}to{--angle: 360deg}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 1400px){*:root{--circle-size: 450px}.home-container .home-section.home-left{width:70%}.home-container .home-section.home-left h1{font-size:65px}}@media screen and (max-width: 1200px){*:root{--circle-size: 300px}.home-container .home-section.home-left{width:70%}.home-container .home-section.home-left h1{font-size:58px}}@media screen and (max-width: 1000px){*:root{--circle-size: 270px}.home-container .home-section.home-left{width:80%;padding-left:5%}.home-container .home-section.home-left h1{font-size:50px;letter-spacing:4px}.home-container .home-section.home-left h3{font-size:22px}.home-container .home-section.home-left p{max-width:100%}}@media screen and (max-width: 800px){.home-container{flex-direction:column;min-height:100vh;padding:5% 2% 0% 5%}.home-container .home-section{width:100%;height:max-content;display:flex;flex-direction:column;justify-content:center;margin-top:0rem}.home-container .home-section.home-left{order:2;align-items:center;text-align:center;width:80%;margin-left:0;margin-top:3rem}.home-container .home-section.home-right{order:1;width:80%;padding:0}}@media screen and (max-width: 550px){*:root{--circle-size: 300px}.home-container{flex-direction:column;justify-content:center;min-height:100vh;padding:0% 10px}.home-container .home-section.home-left{width:100%}.home-container .home-section.home-left>p{opacity:1}.home-container .home-section.home-left h1{font-size:40px;letter-spacing:8px}.home-container .home-section.home-left h3{font-size:16px}}@media screen and (max-width: 400px){.home-container .home-section.home-left>p{font-size:12px}.home-container .home-section.home-left h1{font-size:32px;letter-spacing:8px}.home-container .home-section.home-left .socials{gap:10px 15px}.home-container .home-section.home-left .socials a .social-icon{width:22px;height:22px}}[dir=rtl] .home-container{width:100%;min-height:100vh;display:flex;padding:0% 15% 0% 5%;align-items:center}[lang=ar] .home-container .home-section.home-left h1,[lang=ar] .home-container .home-section.home-left h3,[lang=ar] .home-container .home-section.home-left>p{font-family:Cairo}[lang=ur] .home-container .home-section.home-left h1,[lang=ur] .home-container .home-section.home-left h3,[lang=ur] .home-container .home-section.home-left>p{font-family:Noto Nastaliq Urdu;line-height:2.7}