:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#060707;color:#fff;--base-width: 1200px;--base-heigth: 100vh;--base-color: #060707;--border-color: #1c1d1d;--primar-color: #0c0c0c;--heading-secondary-color: #6d6d6d;--heading-primary-color: #ffffff;--heading-font-size: 38px;--heading-line-height: 40px;--text-font-color: #c5c5c5;--image-bg: #08090a;--secondary-font-color: #6d6d6d;--blog-column1-width: 15%;--blog-column2-width: 63%;--blog-column3-width: 22%;--blog-columns: 15% 63% auto;--blue-bg: #001923;--blue-fg: #d9eaf2;--blue-border: #003346;--grey-bg: #070707;--grey-border: #2f2f2f;--orange-bg: #312210;--orange-fg: #ffe17f;--orange-border: #624520;--green-bg: #0d1f0d;--green-fg: #d4f2d4;--green-border: #1a4d1a;--default-grid-columns: 1fr 1fr 1fr 1fr}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}.image-style{background-color:#08090a;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px}.strips-spaced{background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px);z-index:8}.strips-close{background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 5px);z-index:8}.blog-grid{display:grid;grid-template-columns:var(--blog-columns)}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.gutter{padding-left:30px;padding-right:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.gutter .children{width:1200px;max-width:1200px;height:100%;min-height:100vh;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);z-index:1}.intro-section-container{height:var(--base-heigth);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;border-bottom:1px solid var(--border-color);grid-template-areas:"spacer spacer spacer description" "spacer spacer spacer description" "name name name name"}.intro-section-container .spacer{z-index:3;grid-area:spacer}.intro-section-container .description-section{width:100%;z-index:3;grid-area:description;display:flex;justify-content:center;align-items:end}.intro-section-container .description-section .description-section-wrapper{width:88%;display:flex;flex-direction:column}.intro-section-container .name-section{z-index:3;grid-area:name}.intro-section-container .name-section .greeting{font-size:28px;color:#777}.intro-section-container .name-section .name{font-size:clamp(3rem,14.5vw,11.5rem);font-weight:600;background:linear-gradient(to top,#575757 20%,#fff 50%,#fff);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.intro-backgroud{height:100%;min-height:100vh;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2}.intro-backgroud .intro-section{height:100%;width:100%;border-right:1px solid var(--border-color);z-index:3;position:relative}.intro-backgroud .intro-section-last{z-index:3;height:100%;width:100%;transform:translate(1px);border-right:none;background-color:#060707;background-color:red;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px);mask-image:linear-gradient(to bottom,transparent 5%,black 80%);-webkit-mask-image:linear-gradient(to bottom,transparent 5%,black 80%)}.intro-backgroud .blur-layer{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0%;right:50%;z-index:1;transform:translate(50%) translateY(50%);background-color:var(--base-color);filter:blur(100px)}.intro-backgroud .blur-layer .circle{height:900px;width:900px;border-radius:50%;background:radial-gradient(circle,#121315,#060707 80%);mask-image:radial-gradient(circle,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(circle,black 60%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:destination-in;filter:blur(100px)}.project-intro-backgroud{height:100%;min-height:100vh;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2}.project-intro-backgroud .section{border-right:1px solid var(--border-color);z-index:3}.project-intro-backgroud .section:last-child{border-right:none;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px);mask-image:linear-gradient(to bottom,transparent 5%,black 80%);-webkit-mask-image:linear-gradient(to bottom,transparent 5%,black 80%)}.project-intro-backgroud .blur-layer{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:absolute;left:0%;right:50%;z-index:1;transform:translate(50%);background-color:var(--base-color);filter:blur(100px)}.project-intro-backgroud .blur-layer .circle{height:600px;width:600px;border-radius:50%;background:radial-gradient(circle,#C34600 0%,transparent 80%);mask-image:radial-gradient(circle,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(circle,black 60%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:destination-in;filter:blur(100px)}.project-intro-section{height:var(--base-heigth);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:1fr 1fr;border-bottom:1px solid var(--border-color);grid-template-areas:"left-spacer content right-spacer" "left-spacer content right-spacer" "left-spacer content right-spacer"}.project-intro-section .left-spacer{grid-area:left-spacer}.project-intro-section .right-spacer{grid-area:right-spacer}.project-intro-section .content-contianer{width:100%;z-index:3;grid-area:content;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-intro-section .content-contianer .content-text-container{position:relative}.project-intro-section .content-contianer .content-text-container .content-text{color:#fff;font-size:38px;font-size:clamp(3rem,11.2vw,8.2rem);font-weight:600;margin-top:-20px}.project-intro-section .content-contianer .content-text-container .left-description{width:200px;position:absolute;top:20px;right:-210px}.project-intro-section .content-contianer .content-text-container .top-description{width:50px;position:absolute;top:-40px;left:10px}.project-intro-section .content-contianer .content-description{padding:10px}.project-intro-section .content-contianer .actions-buttons-container{height:60px;width:100%;display:flex;margin-top:20px}.project-intro-section .content-contianer .actions-buttons-container .action-buttons{width:50%;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.project-large-container{height:auto;min-height:200vh;width:100%;position:relative;overflow:hidden;z-index:6;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--border-color)}.project-large-container .project-large-intro-container{height:391px;width:100%;z-index:6;position:relative;display:flex;flex-direction:column;align-items:center}.project-large-container .project-large-intro-container .project-large-intro-heading-container{width:91%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:20px;color:#6d6d6d}.project-large-container .project-large-intro-container .project-large-intro-heading-container .project-large-intro-heading{font-size:42px;font-weight:600;line-height:45px}.project-large-container .project-large-intro-container .project-large-intro-heading-container .project-large-intro-heading span{color:#fff}.project-large-container .project-large-intro-container .project-large-intro-description-btns-container{height:60px;width:100%;display:flex;align-items:end}.project-large-container .project-large-intro-container .project-large-intro-description-btns-container .project-large-intro-description{height:60px;width:50%;display:flex;align-items:center;justify-content:center}.project-large-container .project-large-intro-container .project-large-intro-description-btns-container .project-large-intro-description .description{width:81%}.project-large-container .project-large-intro-container .project-large-intro-description-btns-container .project-large-intro-btns{height:100%;width:50%;display:flex;align-items:end}.project-large-container .project-large-intro-container .project-large-intro-description-btns-container .project-large-intro-btns .project-large-intro-btn{height:60px;width:50%;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);display:flex;align-items:end}.project-large-container .project-large-preview-container{width:100%;height:100vh;position:relative;z-index:5;display:flex;align-items:center;justify-content:center}.project-large-container .project-large-preview-container .project-large-preview-container{width:90%;height:90%;background-color:#08090a;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px;margin-top:30px}.project-large-container .project-large-description-carousal-container{width:90%;height:auto;position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.project-large-container .project-large-description-carousal-container .project-large-description-container{display:flex;align-items:center;justify-content:center;gap:80px;margin-top:40px}.project-large-container .project-large-description-carousal-container .project-large-description-container .project-large-description{display:flex;flex-direction:column;gap:30px}.project-large-container .project-large-description-carousal-container .project-large-description-container .project-large-description .project-large-description-extra{color:#6d6d6d}.project-large-container .project-large-description-carousal-container .carousal-header-container{width:100%;height:60px;background-color:var(--base-color);border:1px solid var(--border-color);margin-top:40px}.project-large-container .project-large-description-carousal-container .carousal-content-container{width:100%;height:100vh;position:relative;z-index:5;display:flex;align-items:start;justify-content:center;overflow:hidden}.project-large-container .project-large-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container{width:100%;height:90%;background-color:#08090a;overflow:hidden;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px;position:relative}.project-large-container .project-large-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens{display:flex;flex-direction:row-reverse;gap:30px;margin-right:30px}.project-large-container .project-large-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip{display:flex;gap:30px;flex-direction:column}.project-large-container .project-large-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip-1{transform:translateY(-120px)}.project-large-container .project-large-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip-2{transform:translateY(100px)}.project-large-container .project-large-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip-3{transform:translateY(300px)}.project-large-container .project-large-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip-4{transform:translateY(450px)}.project-large-container .project-large-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .mobile-screen{height:440px;width:220px;background-color:#060707;border:1.5px solid var(--border-color);border-radius:30px;box-shadow:#000 0 5px 20px}.project-large-container .project-large-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-contianer{width:50%;position:absolute;display:flex;flex-direction:column;justify-content:center;height:40%;align-items:center}.project-large-container .project-large-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-contianer .carousal-content-slider-count,.project-large-container .project-large-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-contianer .carousal-content-sub-heading,.project-large-container .project-large-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-contianer .carousal-content-description{width:75%}.porject-large-backgroud{height:100%;min-height:200vh;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2;border-bottom:1px solid var(--border-color)}.porject-large-backgroud .section{border-right:1px solid var(--border-color);z-index:3}.porject-large-backgroud .section:last-child{border-right:none;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px);mask-image:linear-gradient(to bottom,transparent 5%,black 80%);-webkit-mask-image:linear-gradient(to bottom,transparent 5%,black 80%)}.porject-large-backgroud .blur-layer{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:absolute;top:0%;right:50%;z-index:1;transform:translate(50%) translateY(-50%);background-color:var(--base-color);filter:blur(100px)}.porject-large-backgroud .blur-layer .circle{height:900px;width:900px;border-radius:50%;background:radial-gradient(circle,#121315,#060707 80%);mask-image:radial-gradient(circle,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(circle,black 60%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:destination-in;filter:blur(100px)}.porject-large-backgroud .project-section{position:absolute;top:0;left:0;width:100%;z-index:5;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"intro intro intro intro" "preview preview preview preview" "description description description description"}.porject-large-backgroud .project-section .project-list-intro-section{height:391px;width:100%;grid-area:intro}.porject-large-backgroud .project-section .project-list-preview-section{height:100vh;width:100%;grid-area:preview;display:grid;grid-template-rows:1fr 1fr}.porject-large-backgroud .project-section .project-list-preview-section .preview-section-top{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.porject-large-backgroud .project-section .project-list-preview-section .preview-section-top .top-section{height:100%;width:100%;border-bottom:1px solid var(--border-color)}.porject-large-backgroud .project-section .project-list-preview-section .preview-section-top .top-section:last-child{border-right:none;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px)}.porject-large-backgroud .project-section .project-list-preview-section .preview-section-bottom{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.porject-large-backgroud .project-section .project-list-description-section{height:40vh;width:100%;grid-area:description}.porject-large-backgroud .project-section .project-list-extend-section{height:100vh;width:100%}.porject-large-backgroud .project-section .project-list-extend-section .project-list-extend-half{height:50%;width:100%;border-bottom:1px solid var(--border-color)}.porject-large-backgroud .project-section .project-list-extend-section .project-list-extend-half:last-child{border-bottom:none}.project-compact-container{height:90vh;width:100%;position:relative;overflow:hidden;z-index:6;align-items:center;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;flex-direction:column}.project-compact-container .project-compact-wrapper{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:2fr 1fr;z-index:7;grid-template-areas:"intro intro preview preview" "features features preview preview"}.project-compact-container .project-compact-wrapper .project-intro-with-actions-btns-section{grid-area:intro;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.project-compact-container .project-compact-wrapper .project-intro-with-actions-btns-section .project-intro-section{width:87%;height:80%;display:flex;flex-direction:column;justify-content:end;border:none;gap:15px}.project-compact-container .project-compact-wrapper .project-intro-with-actions-btns-section .project-intro-section .project-type-sub-heading,.project-compact-container .project-compact-wrapper .project-intro-with-actions-btns-section .project-intro-section .project-sub-heading{color:var(--secondary-font-color)}.project-compact-container .project-compact-wrapper .project-intro-with-actions-btns-section .project-intro-section .project-heading{font-size:var(--heading-font-size);line-height:var(--heading-line-height);font-weight:700;color:var(--heading-secondary-color)}.project-compact-container .project-compact-wrapper .project-intro-with-actions-btns-section .project-intro-section .project-heading span{color:var(--heading-primary-color)}.project-compact-container .project-compact-wrapper .project-intro-with-actions-btns-section .project-intro-action-btn-section{height:60px;width:100%;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.project-compact-container .project-compact-wrapper .project-intro-with-actions-btns-section .project-intro-action-btn-section .project-action-btn-wrapper{width:50%;display:flex;align-items:center;padding-left:40px}.project-compact-container .project-compact-wrapper .project-features-carousal-section{width:100%;height:100%;display:flex;overflow-x:scroll;grid-area:features;background-color:var(--base-color);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.project-compact-container .project-compact-wrapper .project-features-carousal-section .project-feature-container{width:250px;min-width:250px;height:100%;border-right:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-compact-container .project-compact-wrapper .project-features-carousal-section .project-feature-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#141414,#141414 1px,#060707 1px,#060707 6px);opacity:0;transition:opacity .2s ease-in-out;z-index:1}.project-compact-container .project-compact-wrapper .project-features-carousal-section .project-feature-container:hover:before{opacity:1}.project-compact-container .project-compact-wrapper .project-features-carousal-section .project-feature-container .project-feature-wrapper{width:80%;height:70%;display:flex;flex-direction:column;justify-content:end;gap:20px}.project-compact-container .project-compact-wrapper .project-features-carousal-section .project-feature-container .project-feature-wrapper .project-feature-num,.project-compact-container .project-compact-wrapper .project-features-carousal-section .project-feature-container .project-feature-wrapper .project-feature-heading,.project-compact-container .project-compact-wrapper .project-features-carousal-section .project-feature-container .project-feature-wrapper .project-feature-description{position:relative;z-index:2}.project-compact-container .project-compact-wrapper .project-features-carousal-section .project-feature-container .project-feature-wrapper .project-feature-num{color:var(--secondary-font-color)}.project-compact-container .project-compact-wrapper .project-features-carousal-section::-webkit-scrollbar{display:none}.project-compact-container .project-compact-wrapper .project-preview-section{height:100%;width:100%;display:flex;align-items:center;justify-content:center;grid-area:preview}.project-compact-container .project-compact-wrapper .project-preview-section .project-preview{height:92%;width:90%;background-color:#08090a;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px}.porject-compact-backgroud{height:100%;min-height:100vh;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2;border-bottom:1px solid var(--border-color)}.porject-compact-backgroud .section{border-right:1px solid var(--border-color);z-index:3}.porject-compact-backgroud .section:last-child{border-right:none;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px)}.porject-compact-backgroud .blur-layer{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:absolute;top:0%;right:50%;z-index:1;transform:translate(50%) translateY(-50%);background-color:var(--base-color);filter:blur(100px)}.porject-compact-backgroud .blur-layer .circle{height:900px;width:900px;border-radius:50%;background:radial-gradient(circle,#121315,#060707 80%);mask-image:radial-gradient(circle,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(circle,black 60%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:destination-in;filter:blur(100px)}.porject-compact-backgroud .project-section{position:absolute;top:0;left:0;width:100%;z-index:5;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"intro intro intro intro" "preview preview preview preview" "description description description description"}.porject-compact-backgroud .project-section .project-list-intro-section{height:391px;width:100%;grid-area:intro}.porject-compact-backgroud .project-section .preview-section{height:100vh;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.porject-compact-backgroud .project-section .preview-section .section{height:100%;width:100%;border-bottom:1px solid var(--border-color)}.porject-compact-backgroud .project-section .preview-section .section:last-child{border-right:none;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px)}.porject-compact-backgroud .project-section .preview-section-bottom{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.grid-box-background-container{height:100%;width:100%;border-top:1px solid var(--border-color);position:absolute;top:0;left:0;z-index:5;display:grid;grid-template-columns:var(--default-grid-columns)}.grid-box-background-container .grid-box-background-section{border-right:1px solid var(--border-color)}.grid-box-background-container .grid-box-background-section:last-child{border-right:none}.grid-box-container{width:100%;position:relative}.grid-box-container .grid-box-wrapper{display:flex;flex-wrap:wrap;gap:1px;position:relative;z-index:10}.grid-box-container .grid-box-wrapper .grid-item-container{width:calc(25% - 1px);height:300px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-top:-2px;background-color:var(--base-color);position:relative;z-index:10}.grid-box-container .grid-box-wrapper .grid-item-container:hover .grid-item-wrapper .grid-item-heading{bottom:150px}.grid-box-container .grid-box-wrapper .grid-item-container:hover .grid-item-wrapper .grid-item-description{bottom:100px}.grid-box-container .grid-box-wrapper .grid-item-container .grid-item-wrapper{height:calc(100% - 40px);padding:20px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative}.grid-box-container .grid-box-wrapper .grid-item-container .grid-item-wrapper .grid-item-index{font-weight:700;margin-bottom:10px}.grid-box-container .grid-box-wrapper .grid-item-container .grid-item-wrapper .grid-item-heading{height:50px;width:calc(100% - 40px);display:flex;align-items:end;position:absolute;bottom:20px;transition:bottom .3s ease;font-size:20px}.grid-box-container .grid-box-wrapper .grid-item-container .grid-item-wrapper .grid-item-description{height:fit-content;position:absolute;bottom:-80px;transition:bottom .3s ease}.project-container{height:auto;width:100%;position:relative;overflow:hidden;z-index:6;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--border-color)}.project-container .project-intro-container{height:391px;width:100%;z-index:6;position:relative;display:flex;flex-direction:column;justify-content:end;align-items:center}.project-container .project-intro-container .project-intro-heading-container{width:100%;height:50%;display:flex;flex-direction:row;align-items:center;gap:20px;color:#6d6d6d}.project-container .project-intro-container .project-intro-heading-container .project-intro-heading{width:50%;font-size:118px;font-weight:600;color:#fff}.project-container .project-intro-container .project-intro-heading-container .project-intro-description{width:50%;color:#fff}.project-container .project-intro-container .project-intro-description-btns-container{height:60px;width:100%;display:flex;align-items:end}.project-container .project-intro-container .project-intro-description-btns-container .project-intro-description{height:60px;width:calc(50% - 20px);display:flex;align-items:center;justify-content:start;padding-left:20px}.project-container .project-intro-container .project-intro-description-btns-container .project-intro-description .description{color:var(--secondary-font-color);width:81%}.project-container .project-intro-container .project-intro-description-btns-container .project-intro-btns{height:100%;width:50%;display:flex;align-items:end}.project-container .project-intro-container .project-intro-description-btns-container .project-intro-btns .project-intro-btn{height:60px;width:50%;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);display:flex;align-items:end}.project-container .project-preview-container{width:100%;height:100vh;position:relative;z-index:5;display:flex;align-items:center;justify-content:center}.project-container .project-preview-container .project-preview-container{width:90%;height:90%;background-color:#08090a;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px;margin-top:30px}.project-container .project-description-carousal-container{width:90%;height:auto;position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.project-container .project-description-carousal-container .project-description-container{display:flex;align-items:center;justify-content:center;gap:80px;margin-top:40px}.project-container .project-description-carousal-container .project-description-container .project-description{display:flex;flex-direction:column;gap:30px}.project-container .project-description-carousal-container .project-description-container .project-description .project-description-extra{color:#6d6d6d}.project-container .project-description-carousal-container .carousal-header-container{width:100%;height:60px;background-color:var(--base-color);border:1px solid var(--border-color);margin-top:40px}.project-container .project-description-carousal-container .carousal-content-container{width:100%;height:100vh;position:relative;z-index:5;display:flex;align-items:start;justify-content:center;overflow:hidden}.project-container .project-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container{width:100%;height:90%;background-color:#08090a;overflow:hidden;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px;position:relative}.project-container .project-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens{display:flex;flex-direction:row-reverse;gap:30px;margin-right:30px}.project-container .project-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip{display:flex;gap:30px;flex-direction:column}.project-container .project-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip-1{transform:translateY(-120px)}.project-container .project-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip-2{transform:translateY(100px)}.project-container .project-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip-3{transform:translateY(300px)}.project-container .project-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip-4{transform:translateY(450px)}.project-container .project-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .mobile-screen{height:440px;width:220px;background-color:#060707;border:1.5px solid var(--border-color);border-radius:30px;box-shadow:#000 0 5px 20px}.project-container .project-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-contianer{width:50%;position:absolute;display:flex;flex-direction:column;justify-content:center;height:40%;align-items:center}.project-container .project-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-contianer .carousal-content-slider-count,.project-container .project-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-contianer .carousal-content-sub-heading,.project-container .project-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-contianer .carousal-content-description{width:75%}.porject-backgroud{height:100%;min-height:200vh;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2;border-bottom:1px solid var(--border-color)}.porject-backgroud .section{border-right:1px solid var(--border-color);z-index:3}.porject-backgroud .section:last-child{border-right:none;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px);mask-image:linear-gradient(to bottom,transparent 5%,black 80%);-webkit-mask-image:linear-gradient(to bottom,transparent 5%,black 80%)}.porject-backgroud .blur-layer{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:absolute;top:0%;right:50%;z-index:1;transform:translate(50%) translateY(-50%);background-color:var(--base-color);filter:blur(100px)}.porject-backgroud .blur-layer .circle{height:900px;width:900px;border-radius:50%;background:radial-gradient(circle,#121315,#060707 80%);mask-image:radial-gradient(circle,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(circle,black 60%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:destination-in;filter:blur(100px)}.porject-backgroud .project-section{position:absolute;top:0;left:0;width:100%;z-index:5;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"intro intro intro intro" "preview preview preview preview" "description description description description"}.porject-backgroud .project-section .project-list-intro-section{height:391px;width:100%;grid-area:intro}.porject-backgroud .project-section .project-list-preview-section{height:100vh;width:100%;grid-area:preview;display:grid;grid-template-rows:1fr 1fr}.porject-backgroud .project-section .project-list-preview-section .preview-section-top{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.porject-backgroud .project-section .project-list-preview-section .preview-section-top .top-section{height:100%;width:100%;border-bottom:1px solid var(--border-color)}.porject-backgroud .project-section .project-list-preview-section .preview-section-top .top-section:last-child{border-right:none;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px)}.porject-backgroud .project-section .project-list-preview-section .preview-section-bottom{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.porject-backgroud .project-section .project-list-description-section{height:40vh;width:100%;grid-area:description}.porject-backgroud .project-section .project-list-extend-section{height:100vh;width:100%}.porject-backgroud .project-section .project-list-extend-section .project-list-extend-half{height:50%;width:100%;border-bottom:1px solid var(--border-color)}.porject-backgroud .project-section .project-list-extend-section .project-list-extend-half:last-child{border-bottom:none}.section-header-large-container{height:90vh;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.section-header-large-container .section-header-large-wrapper{width:100%;height:100%;z-index:6;display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-rows:1fr 1fr 1fr 2fr;grid-template-areas:"image image header" "image image header" "image image sub" "image image main"}.section-header-large-container .section-header-large-wrapper .section-header-large-image-container{height:100%;width:100%;grid-area:image;display:flex;align-items:center;justify-content:center}.section-header-large-container .section-header-large-wrapper .section-header-large-image-container .section-header-large-image{width:92%;height:90%;background-color:#08090a;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px}.section-header-large-container .section-header-large-wrapper .section-header-large-heading-wrapper{height:100%;width:calc(80% - 60px);padding:0 30px;grid-area:header;display:flex;align-items:end}.section-header-large-container .section-header-large-wrapper .section-header-large-heading-wrapper .section-header-large-heading{font-size:62px;font-weight:700;line-height:65px;color:var(--heading-secondary-color)}.section-header-large-container .section-header-large-wrapper .section-header-large-heading-wrapper .section-header-large-heading span{display:inline;color:#fff}.section-header-large-container .section-header-large-wrapper .section-header-large-sub-description{height:100%;width:calc(100% - 60px);padding:0 30px;grid-area:sub;display:flex;align-items:center;justify-content:center;color:#6d6d6d}.section-header-large-container .section-header-large-wrapper .section-header-large-main-description{height:25vh;width:calc(100% - 60px);padding:0 30px;grid-area:main;display:flex;align-items:center;justify-content:center}.section-header-minimal-left-container{height:60vh;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.section-header-minimal-left-container .section-header-minimal-wrapper{width:100%;height:100%;z-index:6;display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-rows:1fr 1fr;grid-template-areas:"image image header" "image image header" "image image main"}.section-header-minimal-left-container .section-header-minimal-wrapper .section-header-minimal-image-container{height:100%;width:100%;grid-area:image;display:flex;align-items:center;justify-content:center}.section-header-minimal-left-container .section-header-minimal-wrapper .section-header-minimal-image-container .section-header-minimal-image{width:92%;height:90%;background-color:#08090a;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px}.section-header-minimal-left-container .section-header-minimal-wrapper .section-header-minimal-heading-wrapper{height:100%;width:calc(80% - 60px);padding:0 30px;grid-area:header;display:flex;align-items:center}.section-header-minimal-left-container .section-header-minimal-wrapper .section-header-minimal-heading-wrapper .section-header-minimal-heading{font-size:62px;font-weight:700;line-height:65px;color:var(--heading-secondary-color)}.section-header-minimal-left-container .section-header-minimal-wrapper .section-header-minimal-heading-wrapper .section-header-minimal-heading span{display:inline;color:#fff}.section-header-minimal-left-container .section-header-minimal-wrapper .section-header-minimal-main-description{height:25vh;width:calc(100% - 60px);padding:0 30px;grid-area:main;display:flex;align-items:center;justify-content:center}.section-header-porject-minimal-backgroud{height:100%;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2}.section-header-porject-minimal-backgroud .section-header-strips-at-bottom{width:110%;height:25vh;position:absolute;bottom:0;left:-50px;border-right:1px solid var(--border-color);z-index:1;border-right:none;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px)}.section-header-porject-minimal-backgroud .section-header-section{border-right:1px solid var(--border-color);z-index:3}.section-header-minimal-container{height:60vh;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.section-header-minimal-container .section-header-minimal-wrapper{width:100%;height:100%;z-index:6;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 2fr;grid-template-areas:"header image image" "header image image " "sub image image" "main image image"}.section-header-minimal-container .section-header-minimal-wrapper .section-header-minimal-image-container{height:100%;width:100%;grid-area:image;display:flex;align-items:center;justify-content:center}.section-header-minimal-container .section-header-minimal-wrapper .section-header-minimal-image-container .section-header-minimal-image{width:92%;height:90%;background-color:#08090a;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px}.section-header-minimal-container .section-header-minimal-wrapper .section-header-minimal-right-heading-wrapper{height:150%;width:calc(80% - 60px);padding:0 30px;grid-area:header;display:flex;align-items:center}.section-header-minimal-container .section-header-minimal-wrapper .section-header-minimal-right-heading-wrapper .section-header-minimal-heading{font-size:62px;font-weight:700;line-height:65px;color:var(--heading-secondary-color)}.section-header-minimal-container .section-header-minimal-wrapper .section-header-minimal-right-heading-wrapper .section-header-minimal-heading span{display:inline;color:#fff}.section-header-minimal-container .section-header-minimal-wrapper .section-header-minimal-main-description{height:25vh;width:calc(100% - 60px);padding:0 30px;grid-area:main;display:flex;align-items:center;justify-content:center}.section-header-porject-large-backgroud{height:100%;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2}.section-header-porject-large-backgroud .section-header-strips-at-bottom{width:110%;height:25vh;position:absolute;bottom:75px;left:-50px;border-right:1px solid var(--border-color);z-index:1;border-right:none;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px)}.section-header-porject-large-backgroud .section-header-section{border-right:1px solid var(--border-color);z-index:3}.section-headerlarge-right-right-container{height:90vh;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.section-headerlarge-right-right-container .section-headerlarge-right-wrapper{width:100%;height:100%;z-index:6;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 2fr;grid-template-areas:"header image image" "header image image " "sub image image" "main image image"}.section-headerlarge-right-right-container .section-headerlarge-right-wrapper .section-headerlarge-right-image-container{height:100%;width:100%;grid-area:image;display:flex;align-items:center;justify-content:center}.section-headerlarge-right-right-container .section-headerlarge-right-wrapper .section-headerlarge-right-image-container .section-headerlarge-right-image{width:92%;height:90%;background-color:#08090a;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px}.section-headerlarge-right-right-container .section-headerlarge-right-wrapper .section-headerlarge-right-heading-wrapper{height:100%;width:calc(80% - 60px);padding:0 30px;grid-area:header;display:flex;align-items:end}.section-headerlarge-right-right-container .section-headerlarge-right-wrapper .section-headerlarge-right-heading-wrapper .section-headerlarge-right-heading{font-size:62px;font-weight:700;line-height:65px;color:var(--heading-secondary-color)}.section-headerlarge-right-right-container .section-headerlarge-right-wrapper .section-headerlarge-right-heading-wrapper .section-headerlarge-right-heading span{display:inline;color:#fff}.section-headerlarge-right-right-container .section-headerlarge-right-wrapper .section-headerlarge-right-sub-description{height:100%;width:calc(100% - 60px);padding:0 30px;grid-area:sub;display:flex;align-items:center;justify-content:center;color:#6d6d6d}.section-headerlarge-right-right-container .section-headerlarge-right-wrapper .section-headerlarge-right-main-description{height:25vh;width:calc(100% - 60px);padding:0 30px;grid-area:main;display:flex;align-items:center;justify-content:center}.image-description-porject-large-backgroud{height:100%;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2}.image-description-porject-large-backgroud .image-description-section{border-right:1px solid var(--border-color);z-index:3}.image-and-description-container{height:100vh;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.image-and-description-container .image-and-description-wrapper{height:100%;width:100%;z-index:6;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"image image description description"}.image-and-description-container .image-and-description-wrapper .image-and-description-image-wrapper{grid-area:image;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.image-and-description-container .image-and-description-wrapper .image-and-description-image-wrapper .image-and-description-image{width:92%;height:90%}.image-and-description-container .image-and-description-wrapper .image-and-description-description-container{grid-area:description;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-and-description-container .image-and-description-wrapper .image-and-description-description-container .image-and-description-description-wrapper{width:100%;height:90%;display:flex;flex-direction:row;gap:30px;flex-wrap:wrap}.image-and-description-container .image-and-description-wrapper .image-and-description-description-container .image-and-description-description-wrapper .image-and-description-description{width:calc(50% - 30px)}.image-and-description-right-container{height:100vh;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.image-and-description-right-container .image-and-description-wrapper{height:100%;width:100%;z-index:6;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"description description image image "}.image-and-description-right-container .image-and-description-wrapper .image-and-description-image-wrapper{grid-area:image;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.image-and-description-right-container .image-and-description-wrapper .image-and-description-image-wrapper .image-and-description-image{width:92%;height:90%}.image-and-description-right-container .image-and-description-wrapper .image-and-description-description-container{grid-area:description;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-and-description-right-container .image-and-description-wrapper .image-and-description-description-container .image-and-description-description-wrapper{width:100%;height:90%;display:flex;flex-direction:row;gap:30px;flex-wrap:wrap}.image-and-description-right-container .image-and-description-wrapper .image-and-description-description-container .image-and-description-description-wrapper .image-and-description-description{width:calc(50% - 30px)}.image-and-description-top-container{height:90vh;width:100%;position:relative;z-index:6;padding-bottom:10vh;display:flex;flex-direction:column;align-items:center}.image-and-description-top-container .image-and-description-top-wrapper{height:100%;width:100%;z-index:6;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:4fr 1fr;grid-template-areas:"image image image image" "heading description description description"}.image-and-description-top-container .image-and-description-top-wrapper .image-and-description-top-image-wrapper{grid-area:image;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.image-and-description-top-container .image-and-description-top-wrapper .image-and-description-top-image-wrapper .image-and-description-top-image{width:120%;height:90%;transform:translate(45px)}.image-and-description-top-container .image-and-description-top-wrapper .image-and-description-top-heading{width:calc(100% - 55px);padding:0 10px 0 45px;grid-area:heading}.image-and-description-top-container .image-and-description-top-wrapper .image-and-description-top-description-container{grid-area:description;width:100%;height:100%;display:flex}.image-and-description-top-container .image-and-description-top-wrapper .image-and-description-top-description-container .image-and-description-top-description-wrapper{width:100%;height:90%;display:flex;flex-direction:row;gap:30px;flex-wrap:wrap}.image-and-description-top-container .image-and-description-top-wrapper .image-and-description-top-description-container .image-and-description-top-description-wrapper .image-and-description-top-description{width:30.303030303%}.three-column-left-description-container{height:auto;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.three-column-left-description-container .three-column-left-description-wrapper{width:100%;height:100%;display:flex}.three-column-left-description-container .three-column-left-description-wrapper .three-column-left-descriptions{width:75%;grid-area:description;display:flex;flex-direction:column}.three-column-left-description-container .three-column-left-description-wrapper .spacer{width:25%;grid-area:spacer}.two-column-left-description-container{height:auto;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.two-column-left-description-container .two-column-left-description-wrapper{width:100%;height:100%;display:flex}.two-column-left-description-container .two-column-left-description-wrapper .two-column-left-descriptions{width:50%;grid-area:description;display:flex;flex-direction:column}.two-column-left-description-container .two-column-left-description-wrapper .spacer{width:25%;grid-area:spacer}.three-column-right-description-container{height:auto;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.three-column-right-description-container .three-column-right-description-wrapper{width:100%;height:100%;display:flex}.three-column-right-description-container .three-column-right-description-wrapper .three-colum-rightn-descriptions{width:75%;grid-area:description;display:flex;flex-direction:column}.three-column-right-description-container .three-column-right-description-wrapper .spacer{width:25%;grid-area:spacer}.two-column-right-description-container{height:auto;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.two-column-right-description-container .two-column-right-description-wrapper{width:100%;height:100%;display:flex}.two-column-right-description-container .two-column-right-description-wrapper .two-column-right-descriptions{width:50%;grid-area:description;display:flex;flex-direction:column}.two-column-right-description-container .two-column-right-description-wrapper .spacer{width:25%;grid-area:spacer}.two-column-center-description-container{height:auto;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.two-column-center-description-container .two-column-center-description-wrapper{width:100%;height:100%;display:flex}.two-column-center-description-container .two-column-center-description-wrapper .two-column-center-descriptions{width:50%;grid-area:description;display:flex;flex-direction:column}.two-column-center-description-container .two-column-center-description-wrapper .spacer{width:25%;grid-area:spacer}.description-porject-large-backgroud{height:100%;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2}.description-porject-large-backgroud .description-section{border-right:1px solid var(--border-color);z-index:3}.two-column-left-heading-description-container{height:auto;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.two-column-left-heading-description-container .two-column-left-heading-description-wrapper{width:100%;height:100%;display:flex}.two-column-left-heading-description-container .two-column-left-heading-description-wrapper .two-column-left-heading-descriptions{width:50%;grid-area:heading-description;display:flex;flex-direction:column}.two-column-left-heading-description-container .two-column-left-heading-description-wrapper .spacer{width:25%;grid-area:spacer}.carousel-large-container{height:100vh;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:7}.carousel-large-container .carousel-large-wrapper{height:80%;width:100%;display:flex;flex-direction:row;z-index:7;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.carousel-large-container .carousel-large-wrapper::-webkit-scrollbar{display:none}.carousel-large-container .carousel-large-wrapper .carousel-element-container{width:25%;min-width:25%;background-color:var(--base-color);padding:20px 30px 30px;flex-direction:column;gap:30px;border:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;align-items:start;justify-content:space-between;flex-shrink:0;transition:width .3s ease-in-out,min-width .3s ease-in-out;cursor:pointer}.carousel-large-container .carousel-large-wrapper .carousel-element-container.expanded{width:50%;min-width:50%}.carousel-large-container .carousel-large-wrapper .carousel-element-container.expanded:before{opacity:1}.carousel-large-container .carousel-large-wrapper .carousel-element-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#141414,#141414 1px,#060707 1px,#060707 6px);opacity:0;transition:opacity .2s ease-in-out;z-index:1}.carousel-large-container .carousel-large-wrapper .carousel-element-container:before .carousel-element-image{box-shadow:#000 0 5px 20px}.carousel-large-container .carousel-large-wrapper .carousel-element-container:hover:before{opacity:1}.carousel-large-container .carousel-large-wrapper .carousel-element-container:hover .carousel-element-image{box-shadow:#000 0 5px 20px}.carousel-large-container .carousel-large-wrapper .carousel-element-container .carousel-element-heading{font-size:48px;color:gray;z-index:7}.carousel-large-container .carousel-large-wrapper .carousel-element-container .carousel-element-sub-heading,.carousel-large-container .carousel-large-wrapper .carousel-element-container .carousel-element-description{color:gray;z-index:7}.carousel-large-container .carousel-large-wrapper .carousel-element-container .carousel-element-image{width:100%;height:200px;background-color:var(--image-bg);border:1.5px solid var(--border-color);border-radius:7px;cursor:pointer;z-index:7;transform-origin:left top;transition:transform .3s ease-in-out,height .3s ease-in-out}.carousel-large-container .carousel-large-wrapper .carousel-element-container.expanded .carousel-element-image{height:300px}.carousel-content-left-container{height:100vh;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:gray}.carousel-content-left-container .carousel-content-left-wrapper{height:80%;width:100%;display:flex;flex-direction:row;z-index:7}.carousel-content-left-container .carousel-content-left-wrapper .carousel-left-column{width:calc(50% - 40px);flex:1;display:flex;flex-direction:column;justify-content:start;gap:30px}.carousel-content-left-container .carousel-content-left-wrapper .carousel-left-column .carousel-main-heading{font-size:52px;font-weight:700;line-height:1.2;margin-bottom:10px}.carousel-content-left-container .carousel-content-left-wrapper .carousel-left-column .carousel-main-description{font-size:18px;line-height:1.6}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column{width:50%;flex:1;display:flex;align-items:center;position:relative}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-elements-wrapper{width:100%;height:100%;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-elements-wrapper::-webkit-scrollbar{display:none}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-elements-wrapper .carousel-element-container{width:50%;min-width:50%;background-color:var(--base-color);padding:20px 25px 25px;display:flex;flex-direction:column;gap:20px;border:1px solid var(--border-color);position:relative;overflow:hidden;align-items:start;justify-content:end;flex-shrink:0;cursor:pointer}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-elements-wrapper .carousel-element-container:first-child{border-left:none}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-elements-wrapper .carousel-element-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#141414,#141414 1px,#060707 1px,#060707 6px);opacity:0;transition:opacity .2s ease-in-out;z-index:1}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-elements-wrapper .carousel-element-container:hover:before{opacity:1}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-elements-wrapper .carousel-element-container:hover .carousel-element-image{box-shadow:#000 0 5px 20px}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-elements-wrapper .carousel-element-container .carousel-element-heading{font-size:32px;font-weight:700;z-index:7;position:relative}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-elements-wrapper .carousel-element-container .carousel-element-sub-heading{font-size:16px;z-index:7;position:relative}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-elements-wrapper .carousel-element-container .carousel-element-description{font-size:14px;z-index:7;position:relative;line-height:1.5}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-elements-wrapper .carousel-element-container .carousel-element-image{width:100%;height:150px;background-color:var(--image-bg);border:1.5px solid var(--border-color);border-radius:7px;cursor:pointer;z-index:7;position:relative;transform-origin:left top;transition:transform .3s ease-in-out,height .3s ease-in-out,box-shadow .3s ease-in-out}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-navigation{position:absolute;bottom:-44px;right:0;display:flex;z-index:10}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-navigation .carousel-nav-button{width:44px;height:44px;border:1px solid var(--border-color);background-color:var(--base-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-navigation .carousel-nav-button:hover:not(.disabled){background-color:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-navigation .carousel-nav-button.disabled{opacity:.4;cursor:not-allowed}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-navigation .carousel-nav-button.disabled:hover{background-color:var(--base-color);border-color:var(--border-color);transform:none;box-shadow:0 4px 12px #0000004d}.carousel-content-left-container .carousel-content-left-wrapper .carousel-right-column .carousel-navigation .carousel-nav-button svg{width:16px;height:16px}.carousel-features-wrapper{display:flex;flex-direction:row;margin-top:40px}.carousel-features-wrapper .carousel-features-column{width:50%;flex:1;display:flex;flex-direction:column;gap:30px;padding-right:20px}.carousel-features-wrapper .carousel-features-column .carousel-feature-item{display:flex;flex-direction:column;gap:8px}.carousel-features-wrapper .carousel-features-column .carousel-feature-item .carousel-feature-heading{font-size:20px;font-weight:700;margin:0;line-height:1.3}.carousel-features-wrapper .carousel-features-column .carousel-feature-item .carousel-feature-description{font-size:14px;margin:0;line-height:1.5}.features-selector-right-container{height:100vh;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:gray}.features-selector-right-container .features-selector-right-wrapper{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;z-index:7}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-preview{height:60%;width:100%;background-color:#08090a;border:1.5px solid var(--border-color);box-shadow:#000 0 5px 20px;transform:translate(-2px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-preview .preview-content{font-size:1.2rem;font-weight:500;color:#fff;text-align:center;opacity:.8;transition:opacity .3s ease}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-container{width:100%;height:auto;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-areas:"heading desc_a desc_b";gap:1rem;margin-top:-40px}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-container .features-selector-right-content-heading{grid-area:heading;font-size:1.5rem;font-weight:600;color:#fff;display:flex;align-items:center}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-container .features-selector-right-content-description-1{grid-area:desc_a;line-height:1.6;color:#ccc}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-container .features-selector-right-content-description-2{grid-area:desc_b;line-height:1.6;color:#ccc;font-weight:500}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-selection-container{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-selection-container .features-selector-right-content-selection-item{height:120px;width:380px;background-color:#08090a;border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:10px;box-sizing:border-box}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-selection-container .features-selector-right-content-selection-item:hover{box-shadow:#00000080 0 8px 25px;border-color:#ffffff4d}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-selection-container .features-selector-right-content-selection-item.selected:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-selection-container .features-selector-right-content-selection-item .selection-item-content-image{height:100%;width:150px}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-selection-container .features-selector-right-content-selection-item .selection-item-content{z-index:2;position:relative}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-selection-container .features-selector-right-content-selection-item .selection-item-content h4{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .5rem;transition:color .3s ease}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-selection-container .features-selector-right-content-selection-item .selection-item-content p{font-size:.9rem;color:#aaa;margin:0;line-height:1.4;transition:color .3s ease}.features-selector-right-container .features-selector-right-wrapper .features-selector-right-content-selection-container .features-selector-right-content-selection-item.selected .selection-item-content p{color:#ccc}.carousel-large-backgroud{height:100vh;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2}.carousel-large-backgroud{height:200vh;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2}.carousel-large-backgroud .carousel-section{border-right:1px solid var(--border-color);z-index:3}.feature-with-media-contianer{height:167vh;width:100%;position:relative;z-index:7;color:gray;display:flex;flex-direction:column;align-items:center;padding-top:60px}.feature-with-media-contianer .feature-with-media-wrapper{width:80%;z-index:7;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:3fr 1fr;grid-template-areas:"header header header header" "featureOne featureOne featureTwo featureTwo"}.feature-with-media-contianer .feature-with-media-wrapper .feature-with-media__header-contianer{height:100%;width:100%;grid-area:header;display:flex;flex-direction:column;gap:50px}.feature-with-media-contianer .feature-with-media-wrapper .feature-with-media__header-contianer .feature-with-media__content{width:50%;display:flex;flex-direction:column;gap:30px}.feature-with-media-contianer .feature-with-media-wrapper .feature-with-media__header-contianer .feature-with-media__content .feature-with-media__heading{font-size:48px;font-weight:500}.feature-with-media-contianer .feature-with-media-wrapper .feature-with-media__header-contianer .feature-with-media__content .feature-with-media__description{width:100%}.feature-with-media-contianer .feature-with-media-wrapper .feature-with-media__header-contianer .feature-with-media__image-container{width:100%;height:100%}.feature-with-media-contianer .feature-with-media-wrapper .feature-with-media__feature-section-one{height:30vh;width:calc(100% - 40px);grid-area:featureOne;padding-top:40px}.feature-with-media-contianer .feature-with-media-wrapper .feature-with-media__feature-section-one .feature-with-media__feature-heading{font-size:32px;margin-bottom:20px}.feature-with-media-contianer .feature-with-media-wrapper .feature-with-media__feature-section-one .feature-with-media__feature-image{height:100%;width:100%;margin-top:40px}.feature-with-media-contianer .feature-with-media-wrapper .feature-with-media__feature-section-two{height:30vh;width:calc(100% - 40px);grid-area:featureTwo;padding-top:40px;padding-left:40px}.feature-with-media-contianer .feature-with-media-wrapper .feature-with-media__feature-section-two .feature-with-media__feature-heading{font-size:32px;margin-bottom:20px}.feature-with-media-contianer .feature-with-media-wrapper .feature-with-media__feature-section-two .feature-with-media__feature-image{height:100%;width:100%;margin-top:40px}.carousel-some-large-backgroud{height:113vh;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2}.carousel-some-large-backgroud .carousel-some-section{border-right:1px solid var(--border-color);z-index:3}.feature-just-content-contianer{min-height:103vh;width:100%;position:relative;z-index:7;color:gray;display:flex;flex-direction:column;align-items:center;padding-top:60px}.feature-just-content-contianer .feature-just-content-wrapper{width:80%;z-index:7;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header header header" "featureOne featureOne featureTwo featureTwo"}.feature-just-content-contianer .feature-just-content-wrapper .feature-just-content__header-contianer{width:100%;grid-area:header;display:flex;flex-direction:column;gap:50px;padding-bottom:40px}.feature-just-content-contianer .feature-just-content-wrapper .feature-just-content__header-contianer .feature-just-content__content{width:50%;display:flex;flex-direction:column;gap:30px}.feature-just-content-contianer .feature-just-content-wrapper .feature-just-content__header-contianer .feature-just-content__content .feature-just-content__heading{font-size:48px;font-weight:500}.feature-just-content-contianer .feature-just-content-wrapper .feature-just-content__header-contianer .feature-just-content__content .feature-just-content__description{line-height:1.5}.feature-just-content-contianer .feature-just-content-wrapper .feature-just-content__feature-section-one{width:calc(100% - 40px);grid-area:featureOne;padding-top:40px;display:flex;flex-direction:column}.feature-just-content-contianer .feature-just-content-wrapper .feature-just-content__feature-section-one .feature-just-content__feature-heading{font-size:32px;margin-bottom:20px}.feature-just-content-contianer .feature-just-content-wrapper .feature-just-content__feature-section-one .feature-just-content__feature-description{margin-bottom:20px}.feature-just-content-contianer .feature-just-content-wrapper .feature-just-content__feature-section-one .feature-just-content__feature-image{flex:1;width:100%;margin-top:40px;min-height:300px}.feature-just-content-contianer .feature-just-content-wrapper .feature-just-content__feature-section-two{width:calc(100% - 40px);grid-area:featureTwo;padding-top:40px;padding-left:40px;display:flex;flex-direction:column}.feature-just-content-contianer .feature-just-content-wrapper .feature-just-content__feature-section-two .feature-just-content__feature-heading{font-size:32px;margin-bottom:20px}.feature-just-content-contianer .feature-just-content-wrapper .feature-just-content__feature-section-two .feature-just-content__feature-description{margin-bottom:20px}.feature-just-content-contianer .feature-just-content-wrapper .feature-just-content__feature-section-two .feature-just-content__feature-image{width:100%;margin-top:40px;min-height:300px}.items-viewer-backgroud{height:113vh;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2;position:relative}.items-viewer-backgroud .items-viewer-section{border-right:1px solid var(--border-color);z-index:3}.items-viewer-backgroud .items-viewer-section-strips{height:80%;width:50%;transform:translateY(5%);position:absolute;right:0;border-right:none;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px);z-index:8}.items-viewer-section-strips-marks{position:absolute;width:20px;height:20px;z-index:8}.items-viewer-section-strips-marks-1{height:20px;width:2px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8}.items-viewer-section-strips-marks-2{height:2px;width:20px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8}.items-viewer-section-strips-marks.top-left{top:-10px;left:-11px}.items-viewer-section-strips-marks.top-right{top:-10px;right:-10px}.items-viewer-section-strips-marks.bottom-left{bottom:-10px;left:-11px}.items-viewer-section-strips-marks.bottom-right{bottom:-10px;right:-10px}.item-viewer-container{height:100vh;width:100%;position:relative}.item-viewer-container .item-viewer-wrapper{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"selector _ content content" "selector _ content content";position:absolute;z-index:8}.item-viewer-container .item-viewer-wrapper .item-viewer-selector-wrapper{height:100vh;width:100%;grid-area:selector;display:flex;flex-direction:column;justify-content:center}.item-viewer-container .item-viewer-wrapper .item-viewer-selector-wrapper .item-itself-container{width:calc(100% - 2px);display:flex;flex-direction:column;justify-content:flex-start;border-top:1px solid var(--border-color);border-left:2px solid transparent;cursor:pointer;transition:all .3s ease;overflow:hidden;min-height:70px}.item-viewer-container .item-viewer-wrapper .item-viewer-selector-wrapper .item-itself-container.active{border-left:2px solid white}.item-viewer-container .item-viewer-wrapper .item-viewer-selector-wrapper .item-itself-container:last-child{border-bottom:1px solid var(--border-color)}.item-viewer-container .item-viewer-wrapper .item-viewer-selector-wrapper .item-itself-container .item-heading{padding:20px;font-weight:500;font-size:16px;transition:all .3s ease}.item-viewer-container .item-viewer-wrapper .item-viewer-selector-wrapper .item-itself-container .item-details{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,padding .3s ease;opacity:0;padding:0 20px}.item-viewer-container .item-viewer-wrapper .item-viewer-selector-wrapper .item-itself-container .item-details.expanded{max-height:200px;opacity:1;padding:0 20px 20px}.item-viewer-container .item-viewer-wrapper .item-viewer-selector-wrapper .item-itself-container .item-details .item-short-description{font-size:14px;color:#fffc;margin-bottom:10px;line-height:1.4}.item-viewer-container .item-viewer-wrapper .item-viewer-selector-wrapper .item-itself-container .item-details .item-link{font-size:14px;text-decoration:none;cursor:pointer;transition:color .2s ease}.item-viewer-container .item-viewer-wrapper .item-viewer-selector-wrapper .item-viewer-selector-heading{font-size:38px;font-weight:600;margin-bottom:40px}.item-viewer-container .item-viewer-wrapper .item-viewer-content-wrapper{height:70%;width:115%;position:absolute;right:-30px;top:9%;background-color:var(--primar-color);grid-area:content;padding:40px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.item-viewer-container.transform-based .item-itself-container .item-details{max-height:none;transform:scaleY(0);transform-origin:top;transition:transform .3s ease,opacity .3s ease}.item-viewer-container.transform-based .item-itself-container .item-details.expanded{transform:scaleY(1);opacity:1}.item-viewer-container.staggered .item-itself-container .item-details.expanded .item-short-description{animation:slideInFromLeft .4s ease forwards;animation-delay:.1s}.item-viewer-container.staggered .item-itself-container .item-details.expanded .item-link{animation:slideInFromLeft .4s ease forwards;animation-delay:.2s}.quotes-backgroud{height:100vh;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2;position:relative}.quotes-backgroud .quotes-section{border-right:1px solid var(--border-color);z-index:3}.quotes-backgroud .quotes-section-strips{height:50%;width:100%;transform:translateY(50%);position:absolute;right:0;border-right:none;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px);z-index:8}.quotes-section-strips-marks{position:absolute;width:20px;height:20px;z-index:8}.quotes-section-strips-marks-1{height:20px;width:2px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8}.quotes-section-strips-marks-2{height:2px;width:20px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8}.quotes-section-strips-marks.top-left{top:-10px;left:-11px}.quotes-section-strips-marks.top-right{top:-10px;right:-10px}.quotes-section-strips-marks.bottom-left{bottom:-10px;left:-11px}.quotes-section-strips-marks.bottom-right{bottom:-10px;right:-10px}.quotes-contianer{height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.quotes-contianer .quotes-wrapper{height:50%;width:85%;position:absolute;z-index:7;display:flex;align-items:center}.logos-backgroud{height:300px;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;position:absolute;top:0;left:0;z-index:2;position:relative}.logos-backgroud .logos-section{height:100%;border-right:1px solid var(--border-color);z-index:3}.logos-backgroud .logos-section:last-child{border-right:none}.logos-backgroud .grid-description-section{width:40%;height:300px;display:flex;align-items:center;font-size:28px;font-weight:600;position:absolute;left:0;z-index:3}.logos-container{height:auto;position:relative;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr}.logos-container .grid-description-section{width:40%;height:300px;display:flex;align-items:center;font-size:28px;font-weight:600;position:absolute;left:0;z-index:3}.logos-container .grid-logos-section{width:calc(50% + 3px);height:auto;display:flex;flex-wrap:wrap;position:absolute;right:-3px}.logos-container .grid-logos-section .grid-logo{width:149px;height:149px;border:1px solid var(--border-color)}.logos-container .grid-logos-section .grid-logo.strip{width:148px;transform:translate(0);border-right:1.5px solid var(--border-color);background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px)}.cta-backgroud{height:50vh;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2;position:relative}.cta-backgroud .cta-section{border-right:1px solid var(--border-color);z-index:3}.cta-backgroud .cta-section-strips{height:82%;width:calc(25% + 50px);transform:translateY(5%) translate(50px);position:absolute;right:0;border-right:none;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px);z-index:8}.cta-section-strips-marks{position:absolute;width:20px;height:20px;z-index:8}.cta-section-strips-marks-1{height:20px;width:2px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8}.cta-section-strips-marks-2{height:2px;width:20px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8}.cta-section-strips-marks.top-left{top:-10px;left:-11px}.cta-section-strips-marks.top-right{top:-10px;right:-10px}.cta-section-strips-marks.bottom-left{bottom:-10px;left:-11px}.cta-section-strips-marks.bottom-right{bottom:-10px;right:-10px}.cta-container{height:50vh;width:100%;position:relative}.cta-container .cta-wrapper{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"selector _ content content" "selector _ content content";position:absolute;z-index:8}.cta-container .cta-wrapper .cta-selector-wrapper{height:50vh;width:100%;grid-area:selector;display:flex;flex-direction:column;justify-content:center}.cta-container .cta-wrapper .cta-selector-wrapper .item-itself-container{width:calc(100% - 2px);display:flex;flex-direction:column;justify-content:flex-start;border-top:1px solid var(--border-color);border-left:2px solid transparent;cursor:pointer;transition:all .3s ease;overflow:hidden;min-height:70px}.cta-container .cta-wrapper .cta-selector-wrapper .item-itself-container.active{border-left:2px solid white}.cta-container .cta-wrapper .cta-selector-wrapper .item-itself-container:last-child{border-bottom:1px solid var(--border-color)}.cta-container .cta-wrapper .cta-selector-wrapper .item-itself-container .item-heading{padding:20px;font-weight:500;font-size:16px;transition:all .3s ease}.cta-container .cta-wrapper .cta-selector-wrapper .item-itself-container .item-details{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,padding .3s ease;opacity:0;padding:0 20px}.cta-container .cta-wrapper .cta-selector-wrapper .item-itself-container .item-details.expanded{max-height:200px;opacity:1;padding:0 20px 20px}.cta-container .cta-wrapper .cta-selector-wrapper .item-itself-container .item-details .item-short-description{font-size:14px;color:#fffc;margin-bottom:10px;line-height:1.4}.cta-container .cta-wrapper .cta-selector-wrapper .item-itself-container .item-details .item-link{font-size:14px;text-decoration:none;cursor:pointer;transition:color .2s ease}.cta-container .cta-wrapper .cta-selector-wrapper .cta-selector-heading{font-size:38px;font-weight:600;margin-bottom:40px}.cta-container .cta-wrapper .cta-content-wrapper{height:50%;width:86.7%;position:absolute;top:9%;background-color:var(--primar-color);grid-area:content;padding:40px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.cta-container.transform-based .item-itself-container .item-details{max-height:none;transform:scaleY(0);transform-origin:top;transition:transform .3s ease,opacity .3s ease}.cta-container.transform-based .item-itself-container .item-details.expanded{transform:scaleY(1);opacity:1}.cta-container.staggered .item-itself-container .item-details.expanded .item-short-description{animation:slideInFromLeft .4s ease forwards;animation-delay:.1s}.cta-container.staggered .item-itself-container .item-details.expanded .item-link{animation:slideInFromLeft .4s ease forwards;animation-delay:.2s}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.image-center-description{height:100vh;width:100%;position:relative;z-index:6;display:flex;flex-direction:column;align-items:center}.image-center-description .image-center-wrapper{height:100%;width:100%;z-index:6;display:flex;align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"content image image feature"}.image-center-description .image-center-wrapper .content-container{grid-area:content;height:90%;width:100%}.image-center-description .image-center-wrapper .image-container{grid-area:image;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.image-center-description .image-center-wrapper .image-container .image{height:90%;width:90%}.image-center-description .image-center-wrapper .features-content-container{grid-area:feature;height:90%;width:100%;display:flex;flex-direction:column;align-items:start;gap:50px}.lisitng-backgroud{height:100%;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2}.lisitng-backgroud .lisitng-section{border-right:1px solid var(--border-color);z-index:3}.lisitng-backgroud .lisitng-section-strips{height:82%;width:calc(25% + 50px);transform:translateY(5%) translate(50px);position:absolute;right:0;border-right:none;background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px);z-index:8}.lising-horizontal-contianer{min-height:100vh;height:fit-content;width:100%;position:relative}.lising-horizontal-contianer .lising-horizontal-wrapper{width:100%;height:100%;z-index:8;display:flex;flex-wrap:wrap;align-content:flex-start}.lising-horizontal-item-container{width:50%;height:180px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:20px;transform:translate(-.5px);display:flex;flex-direction:row;align-items:start;position:relative;z-index:10}.lising-horizontal-item-container:hover{background-image:repeating-linear-gradient(-45deg,#141414,#141414 1PX,#060707 1px,#060707 4px)}.lising-horizontal-item-container .lising-horizontal-item-image{height:100%;width:50%;background-color:var(--primar-color);border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color)}.lising-horizontal-item-container .lising-horizontal-item-content{width:calc(50% - 40px);height:100%;padding:20px;display:flex;flex-direction:column;align-items:start;gap:10px;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.lising-horizontal-item-container .lising-horizontal-item-content .lising-horizontal-item-heading{font-size:22px;font-weight:600}.lising-horizontal-item-container .lising-horizontal-item-content .lising-horizontal-item-description{color:var(--text-font-color)}.lising-vertical-contianer{min-height:100vh;height:fit-content;width:100%;position:relative}.lising-vertical-contianer .lising-vertical-wrapper{width:100%;height:100%;z-index:8;display:flex;flex-wrap:wrap;align-content:flex-start}.lising-vertical-item-container{width:calc(25% - 1px);height:300px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:20px;margin-right:.5px;margin-left:.5px;transform:translate(-.5px);display:flex;flex-direction:column;align-items:start;position:relative;z-index:10}.lising-vertical-item-container:hover{background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 7px)}.lising-vertical-item-container .lising-vertical-item-image{height:70%;width:100%;background-color:var(--primar-color);border-bottom:1px solid var(--border-color)}.lising-vertical-item-container .lising-vertical-item-content{width:calc(100% - 40px);height:30%;padding:20px;display:flex;flex-direction:column;align-items:start;gap:10px}.lising-vertical-item-container .lising-vertical-item-content .lising-vertical-item-heading{font-size:22px}.lising-vertical-item-container .lising-vertical-item-content .lising-vertical-item-description{color:var(--text-font-color)}h1{margin:0}.heading{width:100%}.heading .heading-number{width:15%;display:inline-block;text-align:end}.heading .heading-text{width:calc(15% - 20px);padding-left:20px}.paragraph{width:calc(var(--blog-column2-width) - 40px);padding-left:calc(15% + 20px)}.blog-p-notes-container{width:calc(100% - 32px);display:flex;padding-left:calc(15% + 20px)}.blog-p-notes-container p{margin-top:0}.blog-p-notes-container .decription{width:calc(var(--blog-column2-width) - 20px);padding-right:20px}.blog-p-notes-container .notes{width:calc(var(--blog-column3-width) - 20px);height:fit-content;color:var(--secondary-font-color);display:flex;gap:20px}.blog-p-notes-container .notes p{margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.blog-p-notes-container .notes .marker{width:20px;background-color:var(--border-color)}.blog-p-pointer-container{width:calc(100% - 20px);display:flex;padding-left:calc(15% + 20px)}.blog-p-pointer-container .decription{width:calc(var(--blog-column2-width) - 20px);padding-right:20px}.blog-p-pointer-container .pointer{width:calc(var(--blog-column3-width) - 30px);display:flex;gap:8px;padding-right:20px;padding-left:5px;color:var(--secondary-font-color)}.blog-p-pointer-container .pointer span{display:inline-block}.blog-p-pointer-container .pointer .arrow-content{margin-top:-3px}.blog-p-pointer-container p{margin:0}.blog-backgroud{height:100%;width:var(--base-width);display:grid;grid-template-columns:var(--blog-columns);position:absolute;top:0;left:0;z-index:2;border-bottom:1px solid var(--border-color)}.blog-content-container{height:100%;width:100%;position:relative}.code-block-with-pointer-container{position:relative;width:100%;padding-left:15%;margin:20px 0;z-index:8}.code-block-with-pointer-container .code-block-container{width:var(--blog-column2-width);padding-left:0;margin:0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.code-block-with-pointer-container .code-block-container pre{margin:0!important;padding:16px 0!important;border-radius:0!important;background-color:#0c0c0c!important;border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important}.code-block-with-pointer-container .code-block-container pre code{font-family:JetBrainsMono,Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:15px!important}.code-block-with-pointer-container .code-block-container pre .react-syntax-highlighter-line-number{color:#6a737d!important}.code-block-with-pointer-container .code-block-pointer{position:absolute;left:calc(var(--blog-column2-width) + 60px);width:calc(var(--blog-column3-width) - 80px);display:flex;gap:8px;padding-right:20px;padding-left:20px;color:var(--secondary-font-color);align-items:flex-start}.code-block-with-pointer-container .code-block-pointer .pointer-icon{display:inline-block;flex-shrink:0}.code-block-with-pointer-container .code-block-pointer .pointer-content{display:inline-block;margin-top:-3px;font-size:14px;line-height:1.4}.blog-quotes-container{display:grid;grid-template-columns:var(--blog-columns);grid-template-areas:". quote ." ". quote ."}.blog-quotes-container .blog-quotes-wrapper{grid-area:quote;padding:50px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:20px}.blog-quotes-container .blog-quotes-wrapper .blog-quotes-itself{font-size:24px;font-weight:600}.blog-quotes-container .blog-quotes-wrapper .blog-quotes-author{width:100%}.callouts-container{grid-template-areas:". content .";padding:30px}.callouts-container .callouts-wrapper{grid-area:content;width:calc(100% - 64px);height:fit-content;background-color:var(--grey-bg);border:1.5px solid var(--grey-border);padding:20px 30px;border-radius:3px}.callouts-container .callouts-wrapper.info{background-color:var(--blue-bg);border:1.5px solid var(--blue-border);color:var(--blue-fg)}.callouts-container .callouts-wrapper.warning{background-color:var(--orange-bg);border:1.5px solid var(--orange-border);color:var(--orange-fg)}.callouts-container .callouts-wrapper.note{background-color:var(--green-bg);border:1.5px solid var(--green-border);color:var(--green-fg)}.code-container{background-color:#222;border:1.5px solid #2f2f2f;display:inline-block;border-radius:3px;padding:2px 5px}.table-container{grid-template-areas:". table ."}.table-container .table-wrapper{grid-area:table;padding-left:20px;padding-right:20px}.table-container .table-wrapper table{border-collapse:collapse;width:100%}.table-container .table-wrapper table tbody tr:nth-child(2n){background-color:#111}.table-container .table-wrapper table tbody tr:hover{background-color:#1c1d1d}.table-container .table-wrapper table th,.table-container .table-wrapper table td{padding:12px;text-align:left}.table-container .table-wrapper table th{background-color:#181818;color:#fff;font-weight:700}.table-container .table-wrapper table td{color:#fff}.blog-image-container{grid-template-areas:". image .";margin-bottom:20px}.blog-image-container .blog-image-wrapper{grid-area:image;min-height:400px;width:100%;background-color:var(--image-bg);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.related-blogs-container{height:100%;width:var(--blog-column2-width);grid-template-areas:". content .";margin-left:var(--blog-column1-width);margin-bottom:20px;position:relative;z-index:8}.related-blogs-container .related-blog-item{grid-area:content;width:100%;height:200px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);position:relative;z-index:8;display:flex}.related-blogs-container .related-blog-item:hover{background-image:repeating-linear-gradient(-45deg,#202020,#202020 1px,#060707 1px,#060707 5px);border-right:1px solid var(--border-color)}.related-blogs-container .related-blog-item:last-child{border-top:none}.related-blogs-container .related-blog-item .blog-content{display:flex;flex-direction:column;padding:40px}.related-blogs-container .related-blog-item .blog-image{width:40%;height:100%;background-color:var(--image-bg)}.blog-backgroud{height:100%;width:var(--base-width);display:grid;grid-template-columns:15% 63% auto;position:absolute;top:0;left:0;z-index:2;border-bottom:1px solid var(--border-color)}.blog-backgroud .section{height:100%;border-right:1px solid var(--border-color);z-index:3}.blog-backgroud .blur-layer{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:absolute;top:0%;right:50%;z-index:1;transform:translate(50%) translateY(-50%);background-color:var(--base-color);filter:blur(100px)}.blog-backgroud .blur-layer .circle{height:900px;width:900px;border-radius:50%;background:radial-gradient(circle,#121315,#060707 80%);mask-image:radial-gradient(circle,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(circle,black 60%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:destination-in;filter:blur(100px)}.blog-backgroud .blog-section{position:absolute;top:0;left:0;width:100%;z-index:5;grid-template-columns:15% 63% auto;grid-template-areas:"intro intro intro intro" "preview preview preview preview" "description description description description"}.blog-backgroud .blog-section .blog-list-intro-section{height:391px;width:100%;grid-area:intro}.blog-backgroud .blog-section .blog-list-preview-section{height:80vh;width:100%;grid-area:preview;display:grid;grid-template-rows:1fr 1fr}.blog-backgroud .blog-section .blog-list-preview-section .preview-section-top{height:100%;width:100%;display:grid;grid-template-columns:15% 63% auto}.blog-backgroud .blog-section .blog-list-preview-section .preview-section-top .top-section{height:100%;width:100%}.blog-backgroud .blog-section .blog-list-preview-section .preview-section-bottom{height:100%;width:100%;display:grid;grid-template-columns:15% 63% auto}.blog-backgroud .blog-section .blog-list-description-section{height:40vh;width:100%;grid-area:description}.blog-backgroud .blog-section .blog-list-extend-section{height:100vh;width:100%}.blog-backgroud .blog-section .blog-list-extend-section .blog-list-extend-half{height:50%;width:100%;border-bottom:1px solid var(--border-color)}.blog-backgroud .blog-section .blog-list-extend-section .blog-list-extend-half:last-child{border-bottom:none}.blog-container{height:auto;width:85%;position:relative;overflow:hidden;z-index:6;display:flex;flex-direction:column;align-items:center;padding-left:15%}.blog-container .blog-intro-container{height:auto;width:100%;z-index:6;position:relative;display:flex;flex-direction:column;align-items:start;padding-top:100px}.blog-container .blog-intro-container .blog-intro-heading-container{width:100%;height:50%;display:flex;flex-direction:row;align-items:center;gap:20px;color:#6d6d6d}.blog-container .blog-intro-container .blog-intro-heading-container .blog-intro-heading{width:100%;font-size:52px;font-weight:600;color:#fff}.blog-container .blog-intro-container .blog-intro-heading-container .blog-intro-description{width:25%;color:#fff}.blog-container .blog-intro-container .blog-intro-description-btns-container{height:60px;width:63%}.blog-container .blog-intro-container .blog-intro-description-btns-container .blog-intro-description{height:60px;width:100%}.blog-container .blog-intro-container .blog-intro-description-btns-container .blog-intro-description .description{color:var(--secondary-font-color);width:95%}.blog-container .blog-intro-container .blog-intro-description-btns-container .blog-intro-btns{height:100%;width:50%;display:flex;align-items:end}.blog-container .blog-intro-container .blog-intro-description-btns-container .blog-intro-btns .blog-intro-btn{height:60px;width:50%;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);display:flex;align-items:end}.blog-container .blog-preview-container{width:100%;height:80vh;position:relative;z-index:5;display:flex;align-items:center;justify-content:center}.blog-container .blog-preview-container .blog-preview-image-container{width:100%;height:90%;background-color:#08090a;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);border-right:1px solid var(--border-color)}.blog-container .blog-description-carousal-container{width:90%;height:auto;position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.blog-container .blog-description-carousal-container .blog-description-container{display:flex;align-items:center;justify-content:center;gap:80px;margin-top:40px}.blog-container .blog-description-carousal-container .blog-description-container .blog-description{display:flex;flex-direction:column;gap:30px}.blog-container .blog-description-carousal-container .blog-description-container .blog-description .blog-description-extra{color:#6d6d6d}.blog-container .blog-description-carousal-container .carousal-header-container{width:100%;height:60px;background-color:var(--base-color);border:1px solid var(--border-color);margin-top:40px}.blog-container .blog-description-carousal-container .carousal-content-container{width:100%;height:100vh;position:relative;z-index:5;display:flex;align-items:start;justify-content:center;overflow:hidden}.blog-container .blog-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container{width:100%;height:90%;background-color:#08090a;overflow:hidden;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px;position:relative}.blog-container .blog-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens{display:flex;flex-direction:row-reverse;gap:30px;margin-right:30px}.blog-container .blog-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip{display:flex;gap:30px;flex-direction:column}.blog-container .blog-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip-1{transform:translateY(-120px)}.blog-container .blog-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip-2{transform:translateY(100px)}.blog-container .blog-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip-3{transform:translateY(300px)}.blog-container .blog-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .strip-4{transform:translateY(450px)}.blog-container .blog-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-mobile-screens .mobile-screen{height:440px;width:220px;background-color:#060707;border:1.5px solid var(--border-color);border-radius:30px;box-shadow:#000 0 5px 20px}.blog-container .blog-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-contianer{width:50%;position:absolute;display:flex;flex-direction:column;justify-content:center;height:40%;align-items:center}.blog-container .blog-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-contianer .carousal-content-slider-count,.blog-container .blog-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-contianer .carousal-content-sub-heading,.blog-container .blog-description-carousal-container .carousal-content-container .carousal-content-mobile-screens-container .carousal-content-contianer .carousal-content-description{width:75%}.blog-compact-container{height:52.5vh;width:100%;background-color:var(--base-color);position:relative;overflow:hidden;z-index:6;align-items:center;border:1px solid var(--border-color);display:flex;flex-direction:column}.blog-compact-container .blog-compact-wrapper{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:2fr 1fr;z-index:7;grid-template-areas:"intro intro preview preview" "features features preview preview"}.blog-compact-container .blog-compact-wrapper .blog-intro-with-actions-btns-section{grid-area:intro;height:calc(117% - 20px);width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-top:20px}.blog-compact-container .blog-compact-wrapper .blog-intro-with-actions-btns-section .blog-intro-section{width:87%;height:70%;display:flex;flex-direction:column;justify-content:space-around;border:none;gap:15px}.blog-compact-container .blog-compact-wrapper .blog-intro-with-actions-btns-section .blog-intro-section .blog-type-sub-heading,.blog-compact-container .blog-compact-wrapper .blog-intro-with-actions-btns-section .blog-intro-section .blog-sub-heading{color:var(--secondary-font-color)}.blog-compact-container .blog-compact-wrapper .blog-intro-with-actions-btns-section .blog-intro-section .blog-heading{font-size:var(--heading-font-size);line-height:var(--heading-line-height);font-weight:700;color:var(--heading-secondary-color)}.blog-compact-container .blog-compact-wrapper .blog-intro-with-actions-btns-section .blog-intro-section .blog-heading span{color:var(--heading-primary-color)}.blog-compact-container .blog-compact-wrapper .blog-intro-with-actions-btns-section .blog-intro-action-btn-section{height:60px;width:100%;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;background-color:var(--base-color)}.blog-compact-container .blog-compact-wrapper .blog-intro-with-actions-btns-section .blog-intro-action-btn-section .blog-action-btn-wrapper{width:50%;display:flex;align-items:center;justify-content:center}.blog-compact-container .blog-compact-wrapper .blog-features-carousal-section{width:100%;height:100%;display:flex;overflow-x:scroll;grid-area:features;background-color:var(--base-color);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.blog-compact-container .blog-compact-wrapper .blog-features-carousal-section .blog-feature-container{width:250px;min-width:250px;height:100%;border-right:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.blog-compact-container .blog-compact-wrapper .blog-features-carousal-section .blog-feature-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#060707;background-image:repeating-linear-gradient(-45deg,#141414,#141414 1px,#060707 1px,#060707 6px);opacity:0;transition:opacity .2s ease-in-out;z-index:1}.blog-compact-container .blog-compact-wrapper .blog-features-carousal-section .blog-feature-container:hover:before{opacity:1}.blog-compact-container .blog-compact-wrapper .blog-features-carousal-section .blog-feature-container .blog-feature-wrapper{width:80%;height:70%;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.blog-compact-container .blog-compact-wrapper .blog-features-carousal-section .blog-feature-container .blog-feature-wrapper .blog-feature-num,.blog-compact-container .blog-compact-wrapper .blog-features-carousal-section .blog-feature-container .blog-feature-wrapper .blog-feature-heading,.blog-compact-container .blog-compact-wrapper .blog-features-carousal-section .blog-feature-container .blog-feature-wrapper .blog-feature-description{position:relative;z-index:2}.blog-compact-container .blog-compact-wrapper .blog-features-carousal-section .blog-feature-container .blog-feature-wrapper .blog-feature-num{color:var(--secondary-font-color)}.blog-compact-container .blog-compact-wrapper .blog-features-carousal-section::-webkit-scrollbar{display:none}.blog-compact-container .blog-compact-wrapper .blog-preview-section{height:100%;width:100%;display:flex;align-items:center;justify-content:center;grid-area:preview}.blog-compact-container .blog-compact-wrapper .blog-preview-section .blog-preview{height:100%;width:90%;background-color:#08090a;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px;margin-bottom:-45px}.blog-compact-backgroud{height:100%;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2;border-bottom:1px solid var(--border-color)}.blog-compact-backgroud .section{border-right:1px solid var(--border-color);z-index:3}.blog-compact-backgroud .section:first-child{border-right:none}.blog-compact-backgroud .blur-layer{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:absolute;top:0%;right:50%;z-index:1;transform:translate(50%) translateY(-50%);background-color:var(--base-color);filter:blur(100px)}.blog-compact-backgroud .blur-layer .circle{height:900px;width:900px;border-radius:50%;background:radial-gradient(circle,#121315,#060707 80%);mask-image:radial-gradient(circle,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(circle,black 60%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:destination-in;filter:blur(100px)}.blog-compact-backgroud .blog-section{position:absolute;top:0;left:0;width:100%;z-index:5;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"intro intro intro intro" "preview preview preview preview" "description description description description"}.blog-compact-backgroud .blog-section .blog-list-intro-section{height:391px;width:100%;grid-area:intro}.blog-compact-backgroud .blog-section .preview-section{height:100vh;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.blog-compact-backgroud .blog-section .preview-section .section{height:100%;width:100%;border-bottom:1px solid var(--border-color)}.blog-compact-backgroud .blog-section .preview-section-bottom{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.blog-compact-backgroud .blog-section .project-preview-section{height:100%;width:100%;display:flex;align-items:center;justify-content:center;grid-area:preview}.blog-compact-backgroud .blog-section .project-preview-section .project-preview{height:92%;width:90%;background-color:#08090a;border:1.5px solid var(--border-color);border-radius:7px;box-shadow:#000 0 5px 20px}.blogs-listing-backgroud{height:100%;width:var(--base-width);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:absolute;top:0;left:0;z-index:2}.blogs-listing-backgroud .blogs-listing-section{height:100%;width:150%;z-index:3;margin-left:-50px}.blogs-listing-backgroud .blogs-listing-section:last-child{border-right:none}.blogs-listin-container{height:100%;width:100%;display:flex;padding-top:30px;position:relative;z-index:7}.blogs-listin-container .blogs-listing-wrapper{height:auto;width:100%;display:flex;flex-direction:column;gap:30px;z-index:7;border:1px solid var(--border-color)}