.aboutUs.mainBody2{display:flex;flex-direction:column;p{color:var(--gray)}.banner{display:flex;.img{flex:1 1;img{object-fit:cover}}.text{display:flex;flex-direction:column;justify-content:center;h1{text-transform:uppercase}.logo{display:flex;justify-content:center;align-items:center;border-radius:50px;background-color:var(--light-navy)}}&.animate{.img{animation:slideR 1s ease-in-out forwards}.text{animation:slideL 1s ease-in-out forwards}}}.our-story{display:flex;.text{display:flex;flex-direction:column;h2{text-transform:capitalize}}.img{display:flex;img{object-fit:cover}}&.animate{opacity:1!important;.img{animation:slideR .5s ease-in-out forwards}.text{animation:slideL .5s ease-in-out forwards}}}.our-values{display:flex;flex-wrap:wrap;.text{display:flex;flex-direction:column}.img{display:flex;overflow:hidden;img{object-fit:cover}&:after{display:block;content:"";background-color:var(--primary)}}.card-container{display:flex;flex-wrap:wrap;flex:1 1;.card{display:flex;flex-direction:column;background-color:var(--light-navy);.icon{display:flex;align-items:center;justify-content:center;background-color:var(--dark-navy);img{object-fit:contain;object-position:center;filter:sepia(1)}}}}&.animate{opacity:1!important;.text{animation:slideR .5s ease-in-out forwards}.img{animation:verticalFlip .5s ease-in-out forwards;&:after{animation:imgUnveil 1s ease-in-out forwards}}.card-container{animation:slideR .5s ease-in-out forwards}}}.start-using{display:flex;justify-content:center;.wrapper{display:flex;background-color:var(--light-navy);.text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 1}.img{flex:1 1;img{object-fit:cover}}}&.animate{opacity:1!important;.text{animation:slideR .5s ease-in-out forwards}}}.loading{align-items:center;justify-content:center;position:fixed;background-color:var(--navy);width:100vw;height:100vh;top:0;left:0;z-index:10;.logo{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:100px;background-color:var(--light-navy);transition:.5s;.img-logo{width:50%;perspective:500;animation:loading002 1s ease-in-out infinite alternate}.img-loading{position:absolute;width:inherit;height:inherit;animation:loading001 .5s linear infinite}&.hide{opacity:0;transition:.5s}}&:not(.show){display:none}&.show{display:flex}}}@media (orientation:portrait){@media (max-width:599px){.aboutUs.mainBody2{gap:112px;padding-bottom:112px;.banner{max-width:1200px;width:100%;margin:0 auto;padding:96px 0 0;flex-direction:column;.img{flex:1 1;width:100%;img{width:100%;height:100%}}.text{flex:1 1;padding:112px 16px 0;text-align:center;justify-content:center;align-items:center;gap:20px;.logo{width:96px;height:96px;margin:0 auto;img{width:50%}}}}.our-story{flex-direction:column;text-align:center;align-items:center;width:100%;max-width:400px;margin:0 auto;padding:0 20px;gap:20px;.text{flex:1 1;gap:15px;padding:0;h2{margin:0}}.img{width:calc(100% - 40px);height:calc(50vh - 10px);flex-direction:column;img{&:first-child,&:nth-child(2){height:50%}}}}.our-values{width:100%;max-width:1000px;margin:0 auto;padding:0 10%;gap:20px 40px;align-items:center;text-align:center;.text{width:100%;gap:15px}.img{width:100%;height:calc(50vh - 20px);img{width:100%;height:100%}&:after{min-width:100%;min-height:600px;margin:600px 0 -600px -100%}}.card-container{flex:1 1;gap:30px;.card{width:calc(100% - 20px);margin:0 auto;padding:32px;gap:10px;text-align:left;.icon{width:64px;min-height:64px;img{width:48px;height:48px}}}}}.start-using{.wrapper{flex-direction:column;width:calc(100% - 40px);margin:0 auto;.text{padding:48px;gap:20px;button{width:-moz-fit-content;width:fit-content;margin:30px 0}}.img{img{width:100%;height:100%}}}}}}@media (min-width:600px){.aboutUs.mainBody2{gap:112px;padding-bottom:112px;.banner{max-width:1200px;width:100%;margin:0 auto;padding:96px 0 0;flex-direction:column;.img{flex:1 1;width:100%;img{width:100%;height:100%}}.text{flex:1 1;padding:112px 64px 0;gap:20px;.logo{width:96px;height:96px;margin:0 auto 0 0;img{width:50%}}}}.our-story{flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:0 80px;gap:20px;.text{flex:1 1;gap:15px;padding:0;h2{margin:0}}.img{width:calc(100% - 0px);height:240px;img{&:first-child{width:60%;height:100%}&:nth-child(2){width:40%;height:100%}}}}.our-values{width:100%;max-width:800px;margin:0 auto;padding:0 10%;gap:40px;align-items:center;.text{width:100%;gap:15px}.img{width:100%;height:calc(50vh - 20px);img{width:100%;height:100%}&:after{min-width:100%;min-height:600px;margin:600px 0 -600px -100%}}.card-container{flex:1 1;gap:30px;.card{width:calc(100% - 20px);margin:0 auto;padding:32px;gap:10px;text-align:left;.icon{width:64px;min-height:64px;img{width:48px;height:48px}}}}}.start-using{.wrapper{flex-direction:column;width:calc(100% - 140px);max-width:540px;margin:0 auto;.text{padding:48px;gap:20px;button{margin:30px 0}}.img{img{width:100%;height:100%}}}}}}}@media (orientation:landscape){@media (max-width:1199px){.aboutUs.mainBody2{gap:112px;.banner{width:100%;margin:0 auto;flex-direction:column;.img{flex:1 1;width:100%;max-height:100vh;overflow:hidden;img{width:100%;height:100vh;object-position:center;object-fit:cover}}.text{flex:1 1;padding:112px 64px 0;gap:20px;.logo{width:96px;height:96px;img{width:50%}}}}.our-story{flex-direction:column;width:100%;max-width:1000px;margin:0 auto;padding:0 10%;.text{flex:1 1;gap:15px;padding:20px 40px 20px 20px;h2{margin:0 120px 10px 0}}.img{width:100%;height:calc(100vh - 100px);img{&:first-child{width:70%;height:100%}&:nth-child(2){height:100%}}}}.our-values{width:100%;max-width:1000px;margin:0 auto;padding:0 10%;gap:20px 40px;.text{width:100%;gap:15px}.img{width:100%;height:calc(100vh - 100px);img{width:60%;height:100%;margin:0 auto}&:after{min-width:100%;min-height:600px;margin:600px 0 -600px -100%}}.card-container{flex:1 1;gap:30px;.card{width:calc(50% - 15px);padding:32px;gap:10px;.icon{width:64px;min-height:64px;img{width:48px;height:48px}}}}}.start-using{.wrapper{flex-direction:column;width:calc(100% - 140px);max-width:540px;margin:112px auto;.text{padding:48px;gap:20px;button{margin:30px 0}}.img{img{width:100%;height:100%}}}}}}@media (min-width:1200px){.aboutUs.mainBody2{gap:112px;padding:0 0 112px;.banner{max-width:1440px;margin:0 auto;min-height:100vh;.img{flex:1 1;width:720px;img{width:100%;height:100%}}.text{flex:1 1;padding:0 64px;gap:20px;.logo{width:96px;height:96px;img{width:50%}}}}.our-story{width:100%;max-width:1440px;margin:0 auto;padding:0 10%;.text{flex:1 1;gap:15px;padding:20px 40px 20px 20px;h2{margin:0 120px 10px 0}}.img{width:340px;img{&:first-child{width:100%;height:calc(100% - 80px);margin-top:auto}&:nth-child(2){width:240px;height:180px;position:absolute;left:-120px}}}}.our-values{width:100%;max-width:1440px;margin:0 auto;padding:0 10%;gap:20px 40px;.text{width:100%;gap:15px}.img{width:345px;img{width:100%;height:100%}&:after{min-width:100%;min-height:600px;margin:600px 0 -600px -100%}}.card-container{flex:1 1;gap:30px;.card{width:calc(50% - 15px);padding:32px;gap:10px;.icon{width:64px;min-height:64px;img{width:48px;height:48px}}}}}.start-using{.wrapper{max-width:1136px;margin:0 auto;.text{padding:48px;gap:20px;button{margin:30px 0}}.img{img{width:100%;height:100%}}}}}}}