.criet-intro{display:flex;flex-direction:row;gap:100px;padding-bottom:30px;position:relative}.criet-intro .left-content{padding:80px 0 0 80px}.criet-intro .mid-content{display:flex;flex-direction:column;gap:33px;padding-top:200px}.criet-intro .right-content{position:absolute;right:0;top:0}.criet-intro .right-content img{height:auto;max-width:500px;object-fit:cover}.criet-intro .left-content .logo{align-items:center;background-color:#f2f2f2;display:flex;flex-shrink:0;height:300px;justify-content:center;padding:28px;width:300px;z-index:1}.criet-intro .left-content .menu-links{display:flex;flex-direction:column;gap:19px;padding-top:70px;width:300px}.criet-intro .left-content .menu-links>a{color:var(--color-text-tertiary)}.criet-intro .mid-content>div{color:var(--color-text-primary);width:80%}.criet-intro .mid-content .content-with-image{width:calc(100% - 600px)}.criet-intro .left-content .menu-links>a.active-link{color:var(--color-theme-primary)}.criet-intro .mid-content h1{color:var(--color-theme-secondary)}.criet-intro .left-content .menu-links>a{display:flex;gap:20px}@media (max-width:1600px){.criet-intro .right-content img{max-width:400px}}@media (max-width:1492px){.criet-intro .left-content .logo{height:240px;width:240px}.criet-intro .mid-content>div{width:unset}.criet-intro .mid-content{padding-right:80px}.criet-intro .right-content{display:none}}@media (max-width:1200px){.criet-intro{gap:50px}}@media (max-width:992px){.criet-intro{flex-direction:column;padding-bottom:50px}.criet-intro .left-content .menu-links{display:none}.criet-intro .mid-content{padding:0 80px}}@media (max-width:768px){.criet-intro .mid-content{padding:30px}.criet-intro .left-content .logo{height:200px;width:200px}.criet-intro .left-content{padding:unset}}.criet-intro-v2{background-color:var(--color-background-primary);display:flex;flex-direction:row;gap:100px;padding-bottom:130px;position:relative}.criet-intro-v2 .left-content{padding:80px 0 0 80px}.criet-intro-v2 .mid-content{display:flex;flex-direction:column;gap:33px;padding-top:200px;width:40%;z-index:1}.criet-intro-v2 .right-content img{height:545px;object-fit:cover;width:575px}.criet-intro-v2 .left-content .logo{align-items:center;background-color:var(--white);display:flex;flex-shrink:0;height:300px;justify-content:center;padding:28px;width:300px;z-index:1}.criet-intro-v2 .left-content .menu-links{display:flex;flex-direction:column;gap:19px;padding-top:70px;width:300px}.criet-intro-v2 .right-content{height:max-content;position:absolute;right:12%}.criet-intro-v2 .right-content .image-container{position:relative}.criet-intro-v2 .right-content .gradient-overlay{background:linear-gradient(to bottom,transparent,var(--color-theme-primary) 100%);height:100%;position:absolute;top:0;width:100%}.criet-intro-v2 .left-content .menu-links>a{color:var(--color-text-tertiary)}.criet-intro-v2 .left-content .menu-links>a.active-link,.criet-intro-v2 .mid-content>div{color:var(--white)}.criet-intro-v2 .mid-content h1{color:var(--color-theme-secondary)}.criet-intro-v2 .left-content .menu-links>a{display:flex;gap:20px}@media (max-width:1492px){.criet-intro-v2 .left-content .logo{height:240px;width:240px}.criet-intro-v2 .mid-content{padding-right:80px}.criet-intro-v2 .right-content{right:0}.criet-intro-v2 .right-content img{height:auto;max-width:400px}}@media (max-width:1200px){.criet-intro-v2{gap:50px}}@media (max-width:992px){.criet-intro-v2{flex-direction:column;padding-bottom:50px}.criet-intro-v2 .left-content .menu-links{display:none}.criet-intro-v2 .mid-content{padding:0 80px;width:100%}}@media (max-width:768px){.criet-intro-v2{padding-bottom:0}.criet-intro-v2 .left-content .logo{height:200px;width:200px}.criet-intro-v2 .right-content img{height:240px;width:240px}.criet-intro-v2 .left-content{padding:unset}.criet-intro-v2 .mid-content{padding:25px}.criet-intro-v2 .right-content{display:flex;justify-content:flex-end;position:unset}}