.header-content-container{transition:height .3s cubic-bezier(0,0,.5,1);height:0}.header-content-container--show{height:300px}.header-content-container--show-large{height:410px}.header-content{display:none;justify-content:center;align-items:center;transform:translate(3%);transition:all .3s cubic-bezier(0,0,.5,1);opacity:0;height:300px;gap:16px}.header-content--visible{display:flex}.header-content--fade{transform:translate(0);opacity:100%}.header-content__item:first-child{transition:transform .2s cubic-bezier(0,0,.5,1)}.header-content__item:first-child:hover{transform:scale(1.03)}.banner-card{position:relative;border-radius:14px;box-shadow:0 -3px 20px #565b8408,0 90px 321px #565b840a,0 32.8515px 117.17px #565b8407,0 15.9488px 56.884px #565b8406,0 7.81839px 27.8856px #565b8405,0 3.0914px 11.026px #565b8403;background:#fff;width:410px;height:217px;overflow:hidden;margin-right:15px}.banner-card img{-o-object-fit:cover;object-fit:cover;object-position:top right;width:420px;height:217px}.banner-card img.custom{width:100%;object-fit:contain}.nav-line{position:absolute;bottom:12px;transition:all .3s cubic-bezier(0,0,.5,1);visibility:hidden;margin:0;border:.5px solid rgba(0,0,0,.1);width:0;height:1px}.primary-navbar.active .nav-line{visibility:visible;width:100%}.banner-card__text-container{display:flex;flex-direction:column;position:absolute;bottom:18px;left:24px}.banner-card__text-container h2{color:#565b84;font-family:Erbos;font-size:14px;font-style:normal;line-height:100%;letter-spacing:-.28px;text-transform:uppercase;margin:0 0 10px;padding:0}.banner-card__text-container h1{color:#000;font-family:Arial;font-size:30px;font-weight:700;line-height:100%;letter-spacing:-.9px;margin:0 0 10px;padding:0}.banner-card__text-container p{color:#7d7d7d;font-family:Arial;line-height:normal;text-transform:capitalize;margin:0 0 20px;padding:0}.banner-card__text-container .custom-banner-main{color:#000;font-family:Arial;font-size:24px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:-.72px;margin-bottom:16px}.banner-card__text-container .custom-banner-sub{color:#7d7d7d;font-family:Arial;font-size:14px;font-weight:400;line-height:normal;text-transform:capitalize;letter-spacing:0px;margin:0 0 31px}.product-item__btn{display:flex;align-items:center;justify-content:space-between;border:1px solid black;border-radius:8px;background:#fffc;padding:0 12px;width:163px;height:39px;line-height:100%;letter-spacing:-.03em;color:#000;font-family:Arial;font-size:18px;font-weight:700;font-style:normal;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bg-blur{position:fixed;top:0;left:0;transition:all .5s cubic-bezier(0,0,.5,1);visibility:hidden;z-index:-1;width:100vw;height:100%}.bg-blur.blur{visibility:visible;background:#00000038;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dot-profile-nav-container{display:flex;gap:24px;margin-top:65px}.dot-profile-cards-main{display:flex;flex-direction:column}.dot-profile-cards-main h3{color:#979797;font-family:Arial;font-size:14px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:.14px;text-transform:uppercase;width:100%;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:6px}.dot-profile-cards-container{display:flex;gap:16px}.dot-profile-nav-card{width:238px;height:100%;border-radius:8px;display:flex;flex-direction:column;padding-top:33px;padding-left:21px;height:310px;position:relative;overflow:hidden;transition:all .2s ease-in;border:none}.dot-profile-nav-card:hover{transform:scale(1.03);transition:all .2s ease-in;cursor:pointer}.dot-profile-nav-card h1{color:#000;font-family:Arial;font-size:18px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:-.54px;text-transform:capitalize;margin:15px 0 8px}.dot-profile-nav-card p{color:#000000b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:17px;margin:0}.profile-plus-card{background:#f6f7ff;transition:all .2s ease-in;background-image:linear-gradient(to top,#bcc7f6,#f6f7ff 40%);background-size:100% 200%;background-position:0 0}.basic-profile-card{background:#f2f9ff;transition:all .2s ease-in;background-image:linear-gradient(to top,#b5ddf5,#f2f9ff 40%);background-size:100% 200%;background-position:0 0}.profile-plus-card:hover,.basic-profile-card:hover{background-position:0 100%}.nav-card-corner-tag{position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center;width:98px;height:24px;border-radius:0 0 0 3px;color:#fff;font-family:Arial;font-size:12px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.36px}.basic-profile-card .nav-card-corner-tag{background:#4fa8ed}.profile-plus-card .nav-card-corner-tag{background:#5968e5}.dot-profile-nav-card img{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.teams-card{width:490px;position:relative;display:flex;flex-direction:column;padding-top:25px;transition:all .2s ease-in}.teams-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #423B95;transition:all .2s linear;pointer-events:none;z-index:2;border-radius:8px}.teams-card:hover:before{border-width:2px}.teams-card:hover{box-shadow:0 2.828px 46.744px -19.436px #4e626ebd}.teams-card-bg{top:0!important;left:0!important;bottom:unset!important;right:unset!important;opacity:.5;transition:all .2s ease-in;transform:unset!important}.teams-card-img{bottom:0!important;right:0!important}.teams-card svg{z-index:100}.teams-card h1{margin-top:7px;margin-bottom:10px;z-index:100}.teams-card p{z-index:100}.teams-card .nav-card-corner-tag{background:#423b95;z-index:100;width:147px;display:flex;align-items:center;gap:5px}.teams-card:hover .teams-card-bg{opacity:1}.basic-profile-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #4FA8ED;transition:all .2s linear;pointer-events:none;z-index:2;border-radius:8px}.profile-plus-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #5A69E5;transition:all .2s linear;pointer-events:none;z-index:2;border-radius:8px}.basic-profile-card:hover:before,.profile-plus-card:hover:before{border-width:2px}@media screen and (max-width: 1200px){.header-content .header-content__item:nth-child(4){display:none}}
/*# sourceMappingURL=/cdn/shop/t/234/assets/component-header-content.css.map */
