.elementor-36 .elementor-element.elementor-element-99e9f10{--display:flex;}.elementor-36 .elementor-element.elementor-element-88c51c8{--display:flex;}.elementor-36 .elementor-element.elementor-element-ad2e0aa{--display:flex;}.elementor-36 .elementor-element.elementor-element-565e2f8{--display:flex;}.elementor-36 .elementor-element.elementor-element-f5efeb0{--display:flex;}/* Start custom CSS for html, class: .elementor-element-b08e886 *//*===============================
      ABOUT HERO SECTION
================================*/

.about-hero{

    position:relative;
    overflow:hidden;
    background:#050505;
    padding:140px 8% 100px;
    color:#fff;

}

.about-hero::before{

    content:"";
    position:absolute;
    width:550px;
    height:550px;
    border-radius:50%;
    background:rgba(200,169,106,.08);
    filter:blur(120px);
    top:-180px;
    right:-150px;

}

.about-hero::after{

    content:"";
    position:absolute;
    width:400px;
    height:400px;
    border-radius:50%;
    background:rgba(255,255,255,.03);
    filter:blur(100px);
    bottom:-180px;
    left:-120px;

}

.about-hero .container{

    max-width:1400px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:80px;

    position:relative;
    z-index:2;

}

/*===============================
        LEFT CONTENT
================================*/

.hero-left{

    flex:1;

}

.hero-left span{

    display:inline-block;

    color:#C8A96A;

    letter-spacing:4px;

    font-size:14px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.hero-left h1{

    font-size:68px;

    line-height:1.08;

    margin-bottom:28px;

    font-weight:700;

}

.hero-left p{

    font-size:18px;

    line-height:1.9;

    color:#C8C8C8;

    max-width:650px;

    margin-bottom:45px;

}

/*===============================
        BUTTONS
================================*/

.hero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.gold-btn{

    padding:18px 38px;

    background:#C8A96A;

    color:#050505;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.gold-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(200,169,106,.35);

}

.outline-btn{

    padding:18px 38px;

    border:1px solid #C8A96A;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    transition:.35s;

}

.outline-btn:hover{

    background:#C8A96A;

    color:#050505;

}

/*===============================
        RIGHT IMAGE
================================*/

.hero-right{

    flex:1;

    display:flex;

    justify-content:center;

    align-items:center;

    position:relative;

}

.hero-right img{

    width:100%;

    max-width:520px;

    animation:floatTank 5s ease-in-out infinite;

    filter:drop-shadow(0 35px 60px rgba(0,0,0,.45));

}

/* Gold Ring */

.hero-right::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border:1px solid rgba(200,169,106,.15);

    border-radius:50%;

}

.hero-right::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border:1px dashed rgba(200,169,106,.12);

    border-radius:50%;

}

/*===============================
          FLOAT
================================*/

@keyframes floatTank{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-18px);

    }

    100%{

        transform:translateY(0px);

    }

}

/*===============================
      RESPONSIVE
================================*/

@media(max-width:1100px){

.about-hero .container{

flex-direction:column;

text-align:center;

}

.hero-left p{

margin:auto auto 40px;

}

.hero-buttons{

justify-content:center;

}

.hero-right{

margin-top:40px;

}

.hero-left h1{

font-size:52px;

}

}

@media(max-width:768px){

.about-hero{

padding:120px 6% 80px;

}

.hero-left h1{

font-size:38px;

}

.hero-left p{

font-size:16px;

}

.hero-right img{

max-width:340px;

}

.hero-right::before{

width:320px;

height:320px;

}

.hero-right::after{

width:250px;

height:250px;

}

}

@media(max-width:480px){

.hero-left h1{

font-size:32px;

}

.gold-btn,
.outline-btn{

width:100%;

text-align:center;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-668b44b */.about-company{

    background:#0B0B0B;
    padding:120px 8%;
    color:#fff;

}

.about-company .container{

    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;

}

.about-image{

    position:relative;

}

.about-image img{

    width:100%;
    border-radius:20px;
    display:block;

}

.experience-box{

    position:absolute;
    bottom:30px;
    right:-30px;

    background:#C8A96A;
    color:#050505;

    padding:25px 35px;

    border-radius:18px;

    text-align:center;

    max-width:220px;

}

.experience-box h2{

    font-size:48px;
    margin-bottom:8px;

}

.experience-box span{

    font-size:15px;
    line-height:1.6;
    font-weight:600;

}

.section-tag{

    display:inline-block;
    color:#C8A96A;
    letter-spacing:4px;
    text-transform:uppercase;
    font-size:14px;
    margin-bottom:18px;

}

.about-content h2{

    font-size:48px;
    line-height:1.2;
    margin-bottom:28px;

}

.about-content p{

    color:#C7C7C7;
    line-height:1.9;
    margin-bottom:22px;
    font-size:17px;

}

.about-features{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:40px;

}

.feature{

    background:#111;
    border:1px solid rgba(200,169,106,.15);
    padding:18px 22px;
    border-radius:12px;
    transition:.3s;

}

.feature:hover{

    border-color:#C8A96A;
    transform:translateX(6px);

}

@media(max-width:991px){

.about-company .container{

grid-template-columns:1fr;

}

.about-content{

order:2;

}

.about-image{

order:1;

}

.experience-box{

right:20px;

}

}

@media(max-width:768px){

.about-content h2{

font-size:36px;

}

.about-features{

grid-template-columns:1fr;

}

.experience-box{

position:relative;
right:0;
bottom:0;
margin-top:20px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42a270a */.journey-section{

    background:#050505;
    color:#fff;
    padding:120px 8%;

}

.journey-section .container{

    max-width:1400px;
    margin:auto;

}

.section-header{

    text-align:center;
    margin-bottom:80px;

}

.section-header span{

    color:#C8A96A;
    letter-spacing:4px;
    text-transform:uppercase;
    font-size:14px;

}

.section-header h2{

    font-size:52px;
    margin:20px 0;

}

.section-header p{

    color:#BFBFBF;
    max-width:760px;
    margin:auto;
    line-height:1.9;

}

.timeline{

    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;

}

.timeline-line{

    position:absolute;
    top:42px;
    left:0;
    width:100%;
    height:2px;
    background:rgba(200,169,106,.25);

}

.timeline-item{

    position:relative;
    z-index:2;

}

.year{

    color:#C8A96A;
    font-size:34px;
    font-weight:700;
    margin-bottom:20px;

}

.circle{

    width:18px;
    height:18px;
    background:#C8A96A;
    border-radius:50%;
    margin-bottom:35px;
    box-shadow:0 0 0 8px rgba(200,169,106,.12);

}

.content{

    background:#111;
    border:1px solid rgba(200,169,106,.15);
    border-radius:18px;
    padding:30px;
    transition:.35s;

}

.content:hover{

    transform:translateY(-10px);
    border-color:#C8A96A;

}

.content h3{

    margin-bottom:15px;
    font-size:24px;

}

.content p{

    color:#C7C7C7;
    line-height:1.8;

}

@media(max-width:991px){

.timeline{

grid-template-columns:1fr;
gap:30px;

}

.timeline-line{

display:none;

}

.circle{

margin-bottom:20px;

}

.section-header h2{

font-size:42px;

}

}

@media(max-width:768px){

.section-header h2{

font-size:34px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fad3b82 */.mission-section{

    background:#0A0A0A;
    padding:120px 8%;
    color:#fff;

}

.mission-section .container{

    max-width:1400px;
    margin:auto;

}

.section-heading{

    text-align:center;
    margin-bottom:80px;

}

.section-heading span{

    color:#C8A96A;
    letter-spacing:4px;
    text-transform:uppercase;
    font-size:14px;

}

.section-heading h2{

    font-size:52px;
    margin:20px 0;

}

.section-heading p{

    color:#BDBDBD;
    max-width:760px;
    margin:auto;
    line-height:1.9;

}

.mission-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;

}

.mission-card{

    background:#111;

    border:1px solid rgba(200,169,106,.15);

    border-radius:22px;

    padding:50px 40px;

    transition:.35s;

}

.mission-card:hover{

    transform:translateY(-10px);

    border-color:#C8A96A;

    box-shadow:0 20px 45px rgba(200,169,106,.12);

}

.featured{

    border:2px solid #C8A96A;

}

.icon{

    width:80px;

    height:80px;

    border-radius:50%;

    background:#C8A96A;

    color:#050505;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:30px;

}

.mission-card h3{

    font-size:28px;

    margin-bottom:20px;

}

.mission-card p{

    color:#CFCFCF;

    line-height:1.9;

}

.mission-card ul{

    list-style:none;

    margin-top:20px;

    padding:0;

}

.mission-card li{

    padding:10px 0;

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

    color:#D9D9D9;

}

.mission-card li:last-child{

    border:none;

}

@media(max-width:991px){

.mission-grid{

grid-template-columns:1fr;

}

.section-heading h2{

font-size:42px;

}

}

@media(max-width:768px){

.section-heading h2{

font-size:34px;

}

.mission-card{

padding:40px 30px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-787e7c7 */.manufacturing{

    background:#050505;
    color:#fff;
    padding:120px 8%;

}

.manufacturing .container{

    max-width:1400px;
    margin:auto;

}

.section-title{

    text-align:center;
    margin-bottom:70px;

}

.section-title span{

    color:#C8A96A;
    letter-spacing:4px;
    text-transform:uppercase;
    font-size:14px;

}

.section-title h2{

    font-size:52px;
    margin:20px 0;

}

.section-title p{

    color:#BFBFBF;
    max-width:760px;
    margin:auto;
    line-height:1.9;

}

.manufacturing-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}

.manufacturing-card{

    background:#111;

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

    border-radius:20px;

    padding:45px;

    transition:.35s;

}

.manufacturing-card:hover{

    transform:translateY(-10px);

    border-color:#C8A96A;

    box-shadow:0 20px 45px rgba(200,169,106,.15);

}

.manufacturing-card .icon{

    width:70px;

    height:70px;

    background:#C8A96A;

    color:#050505;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    font-size:28px;

    margin-bottom:25px;

}

.manufacturing-card h3{

    font-size:24px;

    margin-bottom:18px;

}

.manufacturing-card p{

    color:#C8C8C8;

    line-height:1.8;

}

@media(max-width:991px){

.manufacturing-grid{

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

}

.section-title h2{

font-size:42px;

}

}

@media(max-width:768px){

.manufacturing-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:34px;

}

.manufacturing-card{

padding:35px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-857fff7 */.leadership{

    padding:120px 8%;
    background:#0A0A0A;
    color:#fff;

}

.leadership .container{

    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:450px 1fr;
    gap:80px;
    align-items:center;

}

.leader-image{

    position:relative;

}

.leader-image img{

    width:100%;
    border-radius:24px;
    display:block;
    border:2px solid rgba(200,169,106,.15);

}

.leader-content span{

    color:#C8A96A;
    letter-spacing:4px;
    text-transform:uppercase;
    font-size:14px;

}

.leader-content h2{

    font-size:52px;
    margin:20px 0;

}

.quote{

    font-size:24px;
    line-height:1.7;
    color:#fff;
    font-style:italic;
    border-left:4px solid #C8A96A;
    padding-left:25px;
    margin:35px 0;

}

.leader-content p{

    color:#C7C7C7;
    line-height:1.9;

}

.leader-content h3{

    margin-top:35px;
    font-size:30px;

}

.leader-content small{

    color:#C8A96A;
    font-size:15px;

}

@media(max-width:991px){

.leadership .container{

grid-template-columns:1fr;
text-align:center;

}

.quote{

border:none;
padding:0;

}

.leader-image{

max-width:420px;
margin:auto;

}

}

@media(max-width:768px){

.leader-content h2{

font-size:36px;

}

.quote{

font-size:20px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8614cc8 */.partnerships{

    background:#050505;
    padding:120px 8%;
    color:#fff;

}

.partnerships .container{

    max-width:1400px;
    margin:auto;

}

.partner-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}

.partner-card{

    background:#111;
    border:1px solid rgba(200,169,106,.15);
    border-radius:22px;
    padding:40px;
    transition:.35s;

}

.partner-card:hover{

    transform:translateY(-10px);
    border-color:#C8A96A;

}

.partner-card.featured{

    border:2px solid #C8A96A;

}

.partner-icon{

    width:72px;
    height:72px;
    border-radius:50%;
    background:#C8A96A;
    color:#050505;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:25px;

}

.partner-card h3{

    font-size:24px;
    margin-bottom:18px;

}

.partner-card p{

    color:#C8C8C8;
    line-height:1.8;

}

@media(max-width:991px){

.partner-grid{

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

}

}

@media(max-width:768px){

.partner-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f09b789 */.about-cta{

    background:#050505;
    padding:120px 8%;

}

.about-cta .container{

    max-width:1200px;
    margin:auto;

}

.cta-box{

    background:linear-gradient(135deg,#111,#1b1b1b);
    border:1px solid rgba(200,169,106,.2);
    border-radius:28px;
    padding:80px 60px;
    text-align:center;

}

.cta-box span{

    color:#C8A96A;
    letter-spacing:4px;
    text-transform:uppercase;
    font-size:14px;

}

.cta-box h2{

    color:#fff;
    font-size:52px;
    margin:20px 0;

}

.cta-box p{

    color:#c8c8c8;
    max-width:760px;
    margin:auto;
    line-height:1.9;

}

.cta-buttons{

    margin-top:45px;
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;

}

.btn-primary{

    background:#C8A96A;
    color:#050505;
    padding:18px 40px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;

}

.btn-secondary{

    border:1px solid #C8A96A;
    color:#fff;
    padding:18px 40px;
    border-radius:50px;
    text-decoration:none;

}

.btn-secondary:hover{

    background:#C8A96A;
    color:#050505;

}

.cta-contact{

    display:flex;
    justify-content:center;
    gap:80px;
    margin-top:60px;
    flex-wrap:wrap;

}

.cta-contact h4{

    color:#C8A96A;
    margin-bottom:10px;

}

.cta-contact a{

    color:#fff;
    text-decoration:none;

}

@media(max-width:768px){

.cta-box{

padding:50px 30px;

}

.cta-box h2{

font-size:36px;

}

.cta-contact{

gap:30px;

}

}/* End custom CSS */