.elementor-6939 .elementor-element.elementor-element-b1ab49c{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-cfa3476 *//* =========================================================
   CADGURU 3D PRINTING PAGE
   FUTURISTIC / ENGINEERING DESIGN
   Prefix: cg3d-
========================================================= */

:root{

    --cg3d-cyan:#42cfff;
    --cg3d-blue:#0877c9;
    --cg3d-blue-dark:#07518b;

    --cg3d-bg:#031522;
    --cg3d-bg-2:#041b2a;
    --cg3d-card:#071d2c;
    --cg3d-card-2:#0a2536;

    --cg3d-white:#ffffff;
    --cg3d-text:#d5e3ea;
    --cg3d-muted:#9db2be;

    --cg3d-border:rgba(255,255,255,.09);
    --cg3d-border-hover:rgba(66,207,255,.42);

}


/* =========================================================
   GLOBAL
========================================================= */

.cg3d-page{

    width:100%;
    overflow:hidden;

    background:
        linear-gradient(
            rgba(66,207,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(66,207,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            180deg,
            #031522 0%,
            #041a29 45%,
            #02131f 100%
        );

    background-size:
        55px 55px,
        55px 55px,
        100% 100%;

    color:var(--cg3d-text);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

}


/* Elementor / WordPress conflict protection */

.cg3d-page h1,
.cg3d-page h2,
.cg3d-page h3,
.cg3d-page h4,
.cg3d-page h5,
.cg3d-page h6{

    color:#ffffff !important;

    margin-top:0;

}


.cg3d-page p{

    color:var(--cg3d-text) !important;

}


.cg3d-page a{

    text-decoration:none !important;

}


.cg3d-container{

    width:min(1240px,92%);

    margin:0 auto;

}


/* =========================================================
   HERO
========================================================= */

.cg3d-hero{

    position:relative;

    min-height:760px;

    display:flex;

    align-items:center;

    overflow:hidden;

    padding:110px 0 90px;

    background:

        radial-gradient(
            circle at 15% 35%,
            rgba(8,119,201,.25),
            transparent 32%
        ),

        radial-gradient(
            circle at 80% 50%,
            rgba(66,207,255,.10),
            transparent 30%
        );

}


/* Grid */

.cg3d-hero-grid{

    position:absolute;

    inset:0;

    background-image:

        linear-gradient(
            rgba(66,207,255,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(66,207,255,.035) 1px,
            transparent 1px
        );

    background-size:70px 70px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 95%
        );

}


/* Hero layout */

.cg3d-hero .cg3d-container{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        1.05fr
        .95fr;

    gap:60px;

    align-items:center;

}


/* Hero content */

.cg3d-hero-content{

    max-width:760px;

}


.cg3d-eyebrow{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 16px;

    margin-bottom:24px;

    color:var(--cg3d-cyan) !important;

    border:1px solid
        rgba(66,207,255,.25);

    background:
        rgba(66,207,255,.06);

    font-size:13px;

    font-weight:800;

    letter-spacing:1.7px;

}


.cg3d-eyebrow::before{

    content:"";

    width:7px;

    height:7px;

    border-radius:50%;

    background:var(--cg3d-cyan);

    box-shadow:
        0 0 18px
        var(--cg3d-cyan);

    animation:
        cg3dPulse 1.8s infinite;

}


.cg3d-hero h1{

    font-size:
        clamp(48px,6vw,78px);

    line-height:1.02;

    letter-spacing:-2.5px;

    font-weight:900;

    margin:0 0 27px;

    color:#ffffff !important;

}


.cg3d-hero h1 span{

    color:var(--cg3d-cyan) !important;

}


.cg3d-hero-text{

    max-width:730px;

    font-size:18px;

    line-height:1.85;

    color:#bdd0da !important;

    margin:0 0 32px;

}


/* Hero buttons */

.cg3d-hero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:13px;

    margin-bottom:45px;

}


.cg3d-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:13px;

    padding:16px 25px;

    font-size:14px;

    font-weight:800;

    transition:
        .35s ease;

}


.cg3d-btn span{

    font-size:19px;

    transition:.3s ease;

}


.cg3d-btn-primary{

    color:#ffffff !important;

    background:
        linear-gradient(
            135deg,
            var(--cg3d-blue),
            #07548e
        );

    border:1px solid
        rgba(66,207,255,.35);

    box-shadow:
        0 14px 35px
        rgba(8,119,201,.20);

}


.cg3d-btn-primary:hover{

    color:#ffffff !important;

    transform:translateY(-5px);

    background:
        linear-gradient(
            135deg,
            #0a91ed,
            #08649d
        );

    box-shadow:
        0 20px 45px
        rgba(8,119,201,.35);

}


.cg3d-btn-primary:hover span{

    transform:translateX(5px);

}


.cg3d-btn-outline{

    color:#d9eaf1 !important;

    border:1px solid
        rgba(255,255,255,.16);

    background:
        rgba(255,255,255,.03);

}


.cg3d-btn-outline:hover{

    color:#ffffff !important;

    border-color:
        var(--cg3d-cyan);

    background:
        rgba(66,207,255,.07);

    transform:translateY(-5px);

}


/* Hero points */

.cg3d-hero-points{

    display:flex;

    flex-wrap:wrap;

    gap:35px;

}


.cg3d-hero-points div{

    display:flex;

    align-items:center;

    gap:11px;

}


.cg3d-hero-points strong{

    color:var(--cg3d-cyan) !important;

    font-size:12px;

}


.cg3d-hero-points span{

    color:#a9bdc8 !important;

    font-size:13px;

}


/* =========================================================
   3D VISUAL
========================================================= */

.cg3d-hero-visual{

    position:relative;

    min-height:500px;

    display:flex;

    align-items:center;

    justify-content:center;

}


/* Cube */

.cg3d-3d-object{

    position:relative;

    width:190px;

    height:190px;

    transform-style:preserve-3d;

    transform:
        rotateX(-25deg)
        rotateY(-35deg)
        rotateZ(5deg);

    animation:
        cg3dCube 12s infinite
        linear;

}


.cg3d-cube-face{

    position:absolute;

    width:190px;

    height:190px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid
        rgba(66,207,255,.42);

    background:
        linear-gradient(
            145deg,
            rgba(8,119,201,.22),
            rgba(4,28,43,.90)
        );

    color:var(--cg3d-cyan);

    font-size:26px;

    font-weight:900;

    letter-spacing:2px;

    box-shadow:
        inset 0 0 50px
        rgba(66,207,255,.04);

}


.cg3d-front{
    transform:
        translateZ(95px);
}


.cg3d-back{
    transform:
        rotateY(180deg)
        translateZ(95px);
}


.cg3d-left{
    transform:
        rotateY(-90deg)
        translateZ(95px);
}


.cg3d-right{
    transform:
        rotateY(90deg)
        translateZ(95px);
}


.cg3d-top{
    transform:
        rotateX(90deg)
        translateZ(95px);
}


.cg3d-bottom{
    transform:
        rotateX(-90deg)
        translateZ(95px);
}


/* Orbits */

.cg3d-orbit{

    position:absolute;

    border:1px solid
        rgba(66,207,255,.15);

    border-radius:50%;

    transform:rotate(-20deg);

}


.cg3d-orbit-one{

    width:440px;

    height:180px;

    animation:
        cg3dOrbit 12s linear infinite;

}


.cg3d-orbit-two{

    width:300px;

    height:440px;

    transform:rotate(50deg);

    animation:
        cg3dOrbit 15s linear infinite reverse;

}


/* Floating cards */

.cg3d-floating-card{

    position:absolute;

    padding:13px 16px;

    min-width:125px;

    background:
        rgba(5,25,39,.92);

    border:1px solid
        rgba(66,207,255,.18);

    box-shadow:
        0 18px 40px
        rgba(0,0,0,.30);

    backdrop-filter:blur(10px);

}


.cg3d-floating-card span{

    display:block;

    color:var(--cg3d-cyan);

    font-size:16px;

    font-weight:900;

}


.cg3d-floating-card small{

    color:#8ea8b5;

    font-size:10px;

}


.cg3d-float-one{

    top:50px;

    left:10px;

    animation:
        cg3dFloat 4s ease-in-out infinite;

}


.cg3d-float-two{

    right:0;

    top:150px;

    animation:
        cg3dFloat 4.8s ease-in-out infinite .5s;

}


.cg3d-float-three{

    bottom:45px;

    left:50px;

    animation:
        cg3dFloat 5.2s ease-in-out infinite 1s;

}


/* =========================================================
   SECTION COMMON
========================================================= */

.cg3d-section{

    position:relative;

    padding:105px 0;

}


.cg3d-section-label{

    display:block;

    margin-bottom:14px;

    color:var(--cg3d-cyan) !important;

    font-size:13px;

    font-weight:900;

    letter-spacing:2px;

}


.cg3d-section-heading{

    max-width:850px;

    margin-bottom:55px;

}


.cg3d-section-heading h2,
.cg3d-two-column h2,
.cg3d-material-layout h2,
.cg3d-feature-content h2,
.cg3d-contact-intro h2{

    font-size:
        clamp(35px,4vw,53px);

    line-height:1.12;

    letter-spacing:-1.2px;

    color:#ffffff !important;

    margin:0 0 20px;

}


.cg3d-section-heading h2 span,
.cg3d-two-column h2 span,
.cg3d-material-layout h2 span,
.cg3d-feature-content h2 span,
.cg3d-contact-intro h2 span{

    color:var(--cg3d-cyan) !important;

}


.cg3d-section-heading > p{

    max-width:780px;

    font-size:17px;

    line-height:1.85;

    color:#aebfc9 !important;

}


/* =========================================================
   INTRO
========================================================= */

.cg3d-intro{

    background:
        rgba(4,22,34,.65);

}


.cg3d-two-column{

    display:grid;

    grid-template-columns:
        .85fr
        1.15fr;

    gap:75px;

    align-items:start;

}


.cg3d-two-column p{

    font-size:16px;

    line-height:1.85;

    color:#b4c6cf !important;

    margin:0 0 18px;

}


.cg3d-highlight-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:18px;

    margin-top:60px;

}


.cg3d-highlight-card{

    position:relative;

    padding:30px;

    min-height:230px;

    background:
        linear-gradient(
            145deg,
            #0a2232,
            #061a28
        );

    border:1px solid
        var(--cg3d-border);

    transition:.4s ease;

    overflow:hidden;

}


.cg3d-highlight-card:hover{

    transform:
        translateY(-8px);

    border-color:
        var(--cg3d-border-hover);

    box-shadow:
        0 25px 50px
        rgba(0,0,0,.25);

}


.cg3d-card-number{

    color:
        rgba(66,207,255,.40);

    font-size:12px;

    font-weight:900;

    margin-bottom:35px;

}


.cg3d-highlight-card h3{

    color:#ffffff !important;

    font-size:23px;

    margin-bottom:13px;

}


.cg3d-highlight-card p{

    color:#9fb3be !important;

    font-size:14px;

    line-height:1.75;

}


/* =========================================================
   PROCESS
========================================================= */

.cg3d-process{

    background:
        #031723;

}


.cg3d-process-layout{

    position:relative;

    display:grid;

    gap:18px;

    max-width:950px;

}


.cg3d-process-line{

    position:absolute;

    left:29px;

    top:25px;

    bottom:25px;

    width:1px;

    background:
        linear-gradient(
            to bottom,
            var(--cg3d-cyan),
            rgba(66,207,255,.05)
        );

}


.cg3d-process-step{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:60px 1fr;

    gap:25px;

    padding:27px;

    background:
        rgba(7,29,44,.82);

    border:1px solid
        var(--cg3d-border);

    transition:.4s ease;

}


.cg3d-process-step:hover{

    transform:
        translateX(7px);

    border-color:
        var(--cg3d-border-hover);

}


.cg3d-process-number{

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
        #06253a;

    border:1px solid
        rgba(66,207,255,.30);

    color:
        var(--cg3d-cyan);

    font-size:13px;

    font-weight:900;

}


.cg3d-process-step h3{

    color:#ffffff !important;

    font-size:21px;

    margin-bottom:10px;

}


.cg3d-process-step p{

    color:#a7bac5 !important;

    font-size:14px;

    line-height:1.75;

    margin:0;

}


/* =========================================================
   VIDEO
========================================================= */

.cg3d-video-section{

    background:
        radial-gradient(
            circle at 80% 50%,
            rgba(8,119,201,.13),
            transparent 32%
        );

}


.cg3d-video-grid{

    display:grid;

    grid-template-columns:
        .8fr
        1.2fr;

    gap:55px;

    align-items:center;

}


.cg3d-video-content p{

    font-size:16px;

    line-height:1.8;

    color:#aec1cb !important;

}


.cg3d-video-box{

    position:relative;

    padding:10px;

    background:
        rgba(66,207,255,.05);

    border:1px solid
        rgba(66,207,255,.20);

    box-shadow:
        0 25px 60px
        rgba(0,0,0,.35);

}


.cg3d-video-box video{

    display:block;

    width:100%;

    max-height:500px;

    background:#000;

}


/* =========================================================
   TECHNOLOGIES
========================================================= */

.cg3d-tech{

    background:#041a29;

}


.cg3d-tech-grid{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:18px;

}


.cg3d-tech-card{

    position:relative;

    padding:30px 25px;

    min-height:390px;

    background:
        linear-gradient(
            145deg,
            #0a2434,
            #061a28
        );

    border:1px solid
        var(--cg3d-border);

    transition:.4s ease;

}


.cg3d-tech-card:hover{

    transform:
        translateY(-9px);

    border-color:
        var(--cg3d-border-hover);

    box-shadow:
        0 25px 55px
        rgba(0,0,0,.28);

}


.cg3d-tech-icon{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:30px;

    color:var(--cg3d-cyan);

    background:
        rgba(66,207,255,.07);

    border:1px solid
        rgba(66,207,255,.18);

    font-size:12px;

    font-weight:900;

}


.cg3d-tech-card h3{

    color:#ffffff !important;

    font-size:23px;

    margin-bottom:14px;

}


.cg3d-tech-card p{

    color:#aabdc7 !important;

    font-size:14px;

    line-height:1.7;

}


.cg3d-tech-card ul{

    margin:22px 0 0;

    padding:0;

    list-style:none;

}


.cg3d-tech-card li{

    position:relative;

    padding:7px 0 7px 20px;

    color:#c0d0d8;

    font-size:13px;

}


.cg3d-tech-card li::before{

    content:"";

    position:absolute;

    left:0;

    top:14px;

    width:6px;

    height:6px;

    background:
        var(--cg3d-cyan);

    border-radius:50%;

}


/* =========================================================
   APPLICATIONS
========================================================= */

.cg3d-applications{

    background:
        rgba(3,18,29,.65);

}


.cg3d-application-grid{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:17px;

}


.cg3d-application-card{

    position:relative;

    padding:28px;

    min-height:260px;

    background:
        #071c2a;

    border:1px solid
        rgba(255,255,255,.07);

    overflow:hidden;

    transition:.4s ease;

}


.cg3d-application-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:0;

    height:3px;

    background:
        linear-gradient(
            90deg,
            var(--cg3d-blue),
            var(--cg3d-cyan)
        );

    transition:.4s ease;

}


.cg3d-application-card:hover{

    transform:
        translateY(-7px);

    border-color:
        rgba(66,207,255,.28);

}


.cg3d-application-card:hover::after{

    width:100%;

}


.cg3d-app-number{

    display:block;

    color:
        rgba(66,207,255,.45);

    font-size:11px;

    font-weight:900;

    margin-bottom:32px;

}


.cg3d-application-card h3{

    color:#ffffff !important;

    font-size:20px;

    margin-bottom:12px;

}


.cg3d-application-card p{

    color:#9fb3be !important;

    font-size:13.5px;

    line-height:1.75;

}


/* =========================================================
   MATERIALS
========================================================= */

.cg3d-materials{

    background:
        linear-gradient(
            135deg,
            #041c2b,
            #031521
        );

}


.cg3d-material-layout{

    display:grid;

    grid-template-columns:
        .9fr
        1.1fr;

    gap:75px;

    align-items:center;

}


.cg3d-material-layout > div:first-child p{

    color:#adbec8 !important;

    font-size:16px;

    line-height:1.8;

}


.cg3d-material-list{

    display:grid;

    grid-template-columns:
        repeat(2,1fr);

    gap:12px;

}


.cg3d-material-item{

    padding:22px;

    background:
        rgba(255,255,255,.035);

    border:1px solid
        rgba(255,255,255,.08);

    transition:.35s ease;

}


.cg3d-material-item:hover{

    border-color:
        rgba(66,207,255,.30);

    transform:
        translateY(-4px);

}


.cg3d-material-item strong{

    display:block;

    color:
        var(--cg3d-cyan);

    font-size:19px;

    margin-bottom:8px;

}


.cg3d-material-item span{

    color:#9fb2bd;

    font-size:12.5px;

    line-height:1.5;

}


/* =========================================================
   ADVANTAGES
========================================================= */

.cg3d-advantage-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:18px;

}


.cg3d-advantage-grid article{

    padding:32px 28px;

    background:
        #071d2b;

    border:1px solid
        var(--cg3d-border);

    transition:.4s ease;

}


.cg3d-advantage-grid article:hover{

    transform:
        translateY(-7px);

    border-color:
        var(--cg3d-border-hover);

}


.cg3d-advantage-grid article > span{

    display:block;

    color:
        rgba(66,207,255,.45);

    font-size:11px;

    font-weight:900;

    margin-bottom:25px;

}


.cg3d-advantage-grid h3{

    color:#ffffff !important;

    font-size:20px;

    margin-bottom:10px;

}


.cg3d-advantage-grid p{

    color:#a8bbc5 !important;

    font-size:14px;

    line-height:1.75;

}


/* =========================================================
   CAD FLOW
========================================================= */

.cg3d-cad-flow{

    background:
        #031723;

}


.cg3d-flow{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    flex-wrap:wrap;

}


.cg3d-flow-item{

    min-width:150px;

    padding:24px 18px;

    text-align:center;

    background:
        #071f2e;

    border:1px solid
        rgba(66,207,255,.15);

    transition:.35s ease;

}


.cg3d-flow-item:hover{

    transform:
        translateY(-6px);

    border-color:
        var(--cg3d-cyan);

}


.cg3d-flow-item strong{

    display:block;

    color:
        rgba(66,207,255,.45);

    font-size:11px;

    margin-bottom:10px;

}


.cg3d-flow-item span{

    color:#ffffff;

    font-size:15px;

    font-weight:800;

}


.cg3d-flow-arrow{

    color:
        var(--cg3d-cyan);

    font-size:25px;

}


/* =========================================================
   FEATURE IMAGE
========================================================= */

.cg3d-feature-image{

    background:
        rgba(5,24,38,.80);

}


.cg3d-feature-image-grid{

    display:grid;

    grid-template-columns:
        1fr
        1fr;

    gap:65px;

    align-items:center;

}


.cg3d-image-wrap{

    position:relative;

    padding:10px;

    border:1px solid
        rgba(66,207,255,.18);

    background:
        rgba(66,207,255,.04);

}


.cg3d-image-wrap img{

    display:block;

    width:100%;

    height:auto;

}


.cg3d-image-label{

    position:absolute;

    left:25px;

    bottom:25px;

    padding:9px 14px;

    background:
        rgba(3,21,34,.90);

    border:
        1px solid
        rgba(66,207,255,.25);

    color:
        var(--cg3d-cyan);

    font-size:11px;

    font-weight:900;

    letter-spacing:1.5px;

}


.cg3d-feature-content p{

    color:#adbec8 !important;

    font-size:16px;

    line-height:1.8;

}


.cg3d-check-list{

    list-style:none;

    padding:0;

    margin:25px 0 0;

}


.cg3d-check-list li{

    position:relative;

    padding:10px 0 10px 30px;

    color:#d0dfe5;

    font-size:14px;

}


.cg3d-check-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:9px;

    color:
        var(--cg3d-cyan);

    font-weight:900;

}


/* =========================================================
   CHALLENGES
========================================================= */

.cg3d-challenges{

    background:
        linear-gradient(
            135deg,
            rgba(8,119,201,.08),
            transparent
        );

}


/* =========================================================
   WHY CADGURU
========================================================= */

.cg3d-why{

    background:
        #041a29;

}


.cg3d-why-grid{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:18px;

}


.cg3d-why-card{

    padding:30px;

    background:
        #071d2b;

    border:1px solid
        rgba(255,255,255,.08);

    transition:.4s ease;

}


.cg3d-why-card:hover{

    transform:
        translateY(-8px);

    border-color:
        rgba(66,207,255,.35);

}


.cg3d-why-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:48px;

    height:48px;

    margin-bottom:25px;

    background:
        rgba(66,207,255,.07);

    border:1px solid
        rgba(66,207,255,.16);

    color:
        var(--cg3d-cyan);

    font-size:11px;

    font-weight:900;

}


.cg3d-why-card h3{

    color:#ffffff !important;

    font-size:20px;

    margin-bottom:12px;

}


.cg3d-why-card p{

    color:#a7bac4 !important;

    font-size:14px;

    line-height:1.75;

}


/* =========================================================
   FAQ
========================================================= */

.cg3d-faq{

    background:
        #031521;

}


.cg3d-faq-list{

    max-width:1000px;

    display:grid;

    gap:12px;

}


.cg3d-faq-list details{

    background:
        #071d2b;

    border:1px solid
        rgba(255,255,255,.08);

    transition:.3s ease;

}


.cg3d-faq-list details:hover{

    border-color:
        rgba(66,207,255,.25);

}


.cg3d-faq-list summary{

    position:relative;

    cursor:pointer;

    list-style:none;

    padding:23px 60px 23px 25px;

    color:#ffffff !important;

    font-size:16px;

    font-weight:800;

}


.cg3d-faq-list summary::-webkit-details-marker{

    display:none;

}


.cg3d-faq-list summary::after{

    content:"+";

    position:absolute;

    right:25px;

    top:17px;

    color:
        var(--cg3d-cyan);

    font-size:27px;

    font-weight:300;

}


.cg3d-faq-list details[open] summary::after{

    content:"−";

}


.cg3d-faq-list details p{

    padding:0 25px 25px;

    margin:0;

    color:#a9bdc7 !important;

    font-size:14.5px;

    line-height:1.8;

}


/* =========================================================
   CONCLUSION
========================================================= */

.cg3d-conclusion{

    padding:110px 0;

}


.cg3d-conclusion-box{

    position:relative;

    padding:70px;

    text-align:center;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(66,207,255,.12),
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #07243a,
            #041925
        );

    border:1px solid
        rgba(66,207,255,.18);

}


.cg3d-conclusion-box h2{

    max-width:850px;

    margin:0 auto 20px;

    color:#ffffff !important;

    font-size:
        clamp(35px,4vw,55px);

    line-height:1.12;

}


.cg3d-conclusion-box h2 span{

    color:
        var(--cg3d-cyan) !important;

}


.cg3d-conclusion-box p{

    max-width:800px;

    margin:0 auto 15px;

    color:#aec0ca !important;

    font-size:16px;

    line-height:1.8;

}


.cg3d-conclusion-box .cg3d-btn{

    margin-top:20px;

}


/* =========================================================
   CONTACT
========================================================= */

.cg3d-contact{

    background:
        linear-gradient(
            135deg,
            #041c2b,
            #03131f
        );

}


.cg3d-contact-grid{

    display:grid;

    grid-template-columns:
        .9fr
        1.1fr;

    gap:70px;

}


.cg3d-contact-intro p{

    max-width:650px;

    color:#afc1ca !important;

    font-size:16px;

    line-height:1.8;

    margin-bottom:28px;

}


.cg3d-contact-info{

    display:grid;

    grid-template-columns:
        repeat(2,1fr);

    gap:14px;

}


.cg3d-contact-item{

    display:flex;

    gap:17px;

    padding:25px;

    background:
        rgba(255,255,255,.035);

    border:1px solid
        rgba(255,255,255,.08);

    transition:.35s ease;

}


.cg3d-contact-item:hover{

    transform:
        translateY(-5px);

    border-color:
        rgba(66,207,255,.30);

}


.cg3d-contact-icon{

    width:42px;

    height:42px;

    flex:0 0 42px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
        rgba(66,207,255,.08);

    color:
        var(--cg3d-cyan);

    border:1px solid
        rgba(66,207,255,.15);

    font-weight:900;

}


.cg3d-contact-item small{

    display:block;

    margin-bottom:9px;

    color:
        rgba(66,207,255,.70);

    font-size:10px;

    font-weight:900;

    letter-spacing:1.4px;

}


.cg3d-contact-item p{

    margin:0;

    color:#c5d5dc !important;

    font-size:13px;

    line-height:1.7;

}


.cg3d-contact-item a{

    display:block;

    color:#d8e7ed !important;

    font-size:14px;

    margin-bottom:5px;

}


.cg3d-contact-item a:hover{

    color:
        var(--cg3d-cyan) !important;

}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes cg3dPulse{

    0%,
    100%{

        opacity:1;

        transform:scale(1);

    }

    50%{

        opacity:.4;

        transform:scale(.7);

    }

}


@keyframes cg3dFloat{

    0%,
    100%{

        transform:
            translateY(0);

    }

    50%{

        transform:
            translateY(-12px);

    }

}


@keyframes cg3dOrbit{

    from{

        transform:
            rotate(0deg);

    }

    to{

        transform:
            rotate(360deg);

    }

}


@keyframes cg3dCube{

    0%{

        transform:
            rotateX(-25deg)
            rotateY(-35deg)
            rotateZ(5deg);

    }

    50%{

        transform:
            rotateX(10deg)
            rotateY(145deg)
            rotateZ(-5deg);

    }

    100%{

        transform:
            rotateX(-25deg)
            rotateY(325deg)
            rotateZ(5deg);

    }

}


/* =========================================================
   LARGE TABLET
========================================================= */

@media(max-width:1100px){

    .cg3d-hero .cg3d-container{

        grid-template-columns:1fr;

    }


    .cg3d-hero-content{

        max-width:850px;

    }


    .cg3d-hero-visual{

        min-height:430px;

    }


    .cg3d-tech-grid{

        grid-template-columns:
            repeat(2,1fr);

    }


    .cg3d-application-grid{

        grid-template-columns:
            repeat(2,1fr);

    }


    .cg3d-why-grid{

        grid-template-columns:
            repeat(2,1fr);

    }


    .cg3d-highlight-grid{

        grid-template-columns:
            repeat(2,1fr);

    }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:850px){

    .cg3d-section{

        padding:80px 0;

    }


    .cg3d-two-column,
    .cg3d-video-grid,
    .cg3d-material-layout,
    .cg3d-feature-image-grid,
    .cg3d-contact-grid{

        grid-template-columns:1fr;

        gap:40px;

    }


    .cg3d-contact-info{

        grid-template-columns:
            repeat(2,1fr);

    }


    .cg3d-flow{

        justify-content:flex-start;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){

    .cg3d-container{

        width:90%;

    }


    .cg3d-hero{

        min-height:auto;

        padding:90px 0 65px;

    }


    .cg3d-hero h1{

        font-size:42px;

        letter-spacing:-1.2px;

    }


    .cg3d-hero-text{

        font-size:15.5px;

        line-height:1.75;

    }


    .cg3d-eyebrow{

        font-size:10px;

        letter-spacing:1px;

        line-height:1.5;

    }


    .cg3d-hero-buttons{

        flex-direction:column;

        align-items:stretch;

    }


    .cg3d-btn{

        width:100%;

    }


    .cg3d-hero-points{

        gap:18px;

        flex-direction:column;

    }


    .cg3d-hero-visual{

        min-height:370px;

        transform:scale(.78);

        margin-top:-20px;

        margin-bottom:-50px;

    }


    .cg3d-3d-object,
    .cg3d-cube-face{

        width:150px;

        height:150px;

    }


    .cg3d-cube-face{

        font-size:20px;

    }


    .cg3d-front{

        transform:
            translateZ(75px);

    }


    .cg3d-back{

        transform:
            rotateY(180deg)
            translateZ(75px);

    }


    .cg3d-left{

        transform:
            rotateY(-90deg)
            translateZ(75px);

    }


    .cg3d-right{

        transform:
            rotateY(90deg)
            translateZ(75px);

    }


    .cg3d-top{

        transform:
            rotateX(90deg)
            translateZ(75px);

    }


    .cg3d-bottom{

        transform:
            rotateX(-90deg)
            translateZ(75px);

    }


    .cg3d-floating-card{

        transform:scale(.9);

    }


    .cg3d-float-one{

        left:-5px;

    }


    .cg3d-float-two{

        right:-10px;

    }


    .cg3d-float-three{

        left:10px;

    }


    .cg3d-section{

        padding:70px 0;

    }


    .cg3d-section-heading{

        margin-bottom:38px;

    }


    .cg3d-section-heading h2,
    .cg3d-two-column h2,
    .cg3d-material-layout h2,
    .cg3d-feature-content h2,
    .cg3d-contact-intro h2{

        font-size:33px;

    }


    .cg3d-section-heading > p{

        font-size:15px;

    }


    .cg3d-highlight-grid,
    .cg3d-tech-grid,
    .cg3d-application-grid,
    .cg3d-advantage-grid,
    .cg3d-why-grid{

        grid-template-columns:1fr;

    }


    .cg3d-highlight-card{

        min-height:auto;

    }


    .cg3d-process-step{

        grid-template-columns:48px 1fr;

        gap:17px;

        padding:22px;

    }


    .cg3d-process-number{

        width:46px;

        height:46px;

    }


    .cg3d-process-line{

        left:23px;

    }


    .cg3d-process-step h3{

        font-size:19px;

    }


    .cg3d-material-list{

        grid-template-columns:1fr;

    }


    .cg3d-conclusion-box{

        padding:45px 24px;

    }


    .cg3d-conclusion-box h2{

        font-size:33px;

    }


    .cg3d-contact-info{

        grid-template-columns:1fr;

    }


    .cg3d-flow{

        flex-direction:column;

        align-items:stretch;

    }


    .cg3d-flow-item{

        width:100%;

    }


    .cg3d-flow-arrow{

        transform:rotate(90deg);

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:420px){

    .cg3d-hero h1{

        font-size:36px;

    }


    .cg3d-hero-visual{

        transform:scale(.65);

        margin-top:-45px;

        margin-bottom:-80px;

    }


    .cg3d-section-heading h2,
    .cg3d-two-column h2,
    .cg3d-material-layout h2,
    .cg3d-feature-content h2,
    .cg3d-contact-intro h2{

        font-size:30px;

    }


    .cg3d-tech-card,
    .cg3d-application-card,
    .cg3d-why-card{

        padding:25px 22px;

    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media(prefers-reduced-motion:reduce){

    .cg3d-page *,
    .cg3d-page *::before,
    .cg3d-page *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        scroll-behavior:auto !important;

        transition-duration:.01ms !important;

    }

}/* End custom CSS */