.integrationHubHeroSection{background-color:#141414;height:100%;overflow:hidden;position:relative;width:100%;.background{bottom:0;display:grid;grid-template-columns:33.33% 33.33% 33.34%;grid-template-rows:1fr;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:60px;width:100%;z-index:2;.col{grid-row:1;height:100%;position:relative;&:before{background:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2) 10%,transparent);content:"";height:100%;position:absolute;right:0;top:0;width:1px}}}.container{display:grid;grid-template-columns:33.33% 33.33% 33.34%;grid-template-rows:11% 11% 11% 66%;height:100%;margin:0 auto;position:relative;width:100%;.title-section{font-size:56px;grid-column:1/3;letter-spacing:-1.12px;line-height:110%;margin-left:max(32px,calc(50vw - 687.5px));min-height:80px}.desc,.title-section{align-self:end;color:#fff;font-family:Manrope;font-style:normal;font-weight:500;grid-row:2;position:relative;z-index:3}.desc{border-left:2px solid #fff;font-size:18px;grid-column:3/4;line-height:150%;max-width:370px;padding-left:40px}.button-section{align-items:center;align-self:end;border-right:2px solid #fff;display:flex;gap:8px;grid-column:1;grid-row:3;height:fit-content;margin-left:max(32px,calc(50vw - 687.5px));position:relative;z-index:3;.btn-primary{align-items:center;background:#fff;color:#141414;display:flex;font-family:Manrope;font-size:16px;font-style:normal;font-weight:500;justify-content:center;justify-content:space-between;line-height:100%;padding:8px 8px 8px 24px;position:relative;text-align:center;width:210px;.arrow{align-items:center;background:#141414;color:#fff;display:inline-flex;font-size:12px;height:32px;justify-content:center;width:32px}&:hover{backdrop-filter:blur(13.5px);background:linear-gradient(0deg,hsla(0,0%,8%,.1),hsla(0,0%,8%,.1)),#fff;cursor:pointer;.arrow{//background:#292929}}}.btn-secondary{align-items:center;background:hsla(0,0%,100%,.1);background-color:#141414;border:1px solid hsla(0,0%,100%,.3);color:#fff;display:flex;font-family:Manrope;font-size:16px;font-style:normal;font-weight:500;gap:32px;height:48px;justify-content:center;line-height:100%;padding:8px 0;position:relative;text-align:center;width:167px;&:hover{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-color:#fff;cursor:pointer}}.dot{height:4px;width:4px}.dot,.line{background:#fff}.line{height:48px;width:2px}}.tagline{align-items:center;align-self:end;display:flex;gap:40px;grid-column:3/4;grid-row:3;margin-left:-4px;position:relative;z-index:3;.dot{background-color:#ef6445;height:8px;width:8px;z-index:3}.text{color:#fff;font-family:IBM Plex Mono;font-size:18px;font-style:normal;font-weight:500;line-height:130%;text-transform:uppercase}}.hero-image{grid-column:1/4;grid-row:1/4;width:100%;img{height:auto;width:100%}.mobile{display:none}}}@media screen and (max-width:600px){.background{display:none}.container{display:flex;flex-direction:column;gap:24px;height:600px;padding:86px 0 50px;.title-section{font-size:36px;margin-left:0;padding:0 16px;width:100%}.desc{align-self:flex-start;font-size:16px;margin-left:16px;margin-top:20px;padding:0 16px}.tagline{gap:16px;padding:0 16px;width:100%}.button-section{border-right:none;flex-direction:column;gap:16px;margin-top:40px;padding:0 16px;width:100%;.dot{display:none}.btn-secondary{max-width:100%;text-align:center;width:100%}.btn-primary{align-items:center;height:48px;justify-content:center;max-width:100%;position:relative;text-align:center;width:100%;.arrow{position:absolute;right:8px}}}.hero-image{display:flex;position:absolute;top:0;width:100%;.desktop{display:none}.mobile{display:block;height:600px;img{height:100%;object-fit:cover;width:100%}}}}}@media screen and (min-width:600px) and (max-width:1024px){.container{grid-template-rows:20% 20% 20% 35%;height:700px;.title-section{font-size:36px;grid-column:1/3;margin-left:0;width:100%}.desc,.title-section{align-self:self-start;grid-row:2/3;padding:0 16px}.desc{font-size:16px;grid-column:3}.tagline{align-self:self-start;gap:16px;grid-row:1;margin-top:80px}.button-section,.tagline{grid-column:1/3;padding:0 16px;width:100%}.button-section{align-self:center;gap:25px;grid-row:3;margin-left:0}.hero-image{grid-row:1/6;img{height:100%;object-fit:cover}}}}@media screen and (min-width:1800px){.container{.button-section{border-right:0;min-width:400px}}}}