@extends('layouts.main')
@section('content')  

<style>
#ss_top_header {
    padding: 7px 0;
    z-index: 1;
}
.textcat {
    
    text-align: center;
    padding-bottom: 32px;
}

/* Banner */

.career-banner{
    background:#dc1f2d;
    padding:25px 0;
}

.career-banner h1{
    margin:0;
    color:#fff;
    font-size:56px;
    font-weight:700;
    line-height:1.2;
}

/* Breadcrumb */

.breadcrumb-section{
    background:#eef0f3;
    padding:28px 0;
    border-bottom:1px solid #e5e5e5;
}

.breadcrumb-section a{
    text-decoration:none;
    color:#000;
    font-size:18px;
    font-weight:500;
}

.breadcrumb-section span{
    font-size:18px;
    margin:0 8px;
}

.breadcrumb-section .active{
    color:#6c757d;
}

/* Top Image */

.career-top-image img{
    width:100%;
    display:block;
}

/* Content */

.career-content{
    display:flex;
    gap:40px;
    margin-bottom:50px;
}

.career-text{
    flex:3;
}

.career-text p{
    color:#444;
    line-height:1.8;
    margin-bottom:20px;
}

.career-contact{
    flex:1;
}

.info-box{
    border-left:5px solid #d71920;
    background:#f5f5f5;
    padding:20px;
    display:flex;
    align-items:center;
    gap:15px;
}

.info-box img{
    width:45px;
}

.info-box span{
    display:block;
    font-size:14px;
    color:#666;
}

.info-box a{
    text-decoration:none;
    color:#000;
    font-weight:600;
}

/* Grid */

.career-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    margin-bottom:80px;
}

.career-card{
    position:relative;
    overflow:hidden;
}

.career-card img{
    width:100%;
    display:block;
}

.career-card span{
    position:absolute;
    left:0;
    bottom:0;
    background:#d71920;
    color:#fff;
    padding:10px 20px;
    font-size:14px;
    font-weight:600;
}

/* CTA */

.career-cta{
    position:relative;
    /*background:url('https://solitairesmile.com/wp-content/themes/Divi/images/careerPageImage-02.png');;*/
    /*padding:100px 0;*/
    text-align:center;
}

.career-cta .overlay{
    position:absolute;
    inset:0;
}

/*.career-cta .container{*/
/*    position:relative;*/
/*    z-index:2;*/
/*}*/
#main-footer {
    margin-top: 0%;
}
.career-cta h2{
    color:#fff;
    font-size:35px;
    margin-bottom:25px;
}

.apply-btn{
    display:inline-block;
    background: #d4242c;
    color: #fff;
    text-decoration:none;
    padding:9px 25px;
    font-weight:700;
}

.apply-btn:hover{
    display:inline-block;
    background: #d4242c;
    color: #fff;
    text-decoration:none;
    padding:9px 25px;
    font-weight:700;
}

.career-content,
.career-grid{
    width:1200px;
    max-width:90%;
    margin:0 auto;
    padding: 25px 0px;
}
.career-grid{
    width:1200px;
    max-width:90%;
    margin:0 auto;
    padding: 30px 0px 50px;
}

.career-texth2 {
    text-align: center;
}

/* Responsive */

@media(max-width:768px){

    .career-content{
        flex-direction:column;
    }

    .career-grid{
        grid-template-columns:1fr;
    }

     .career-banner{
        padding:18px 0;
    }

    .career-banner h1{
        font-size:38px;
    }

    .breadcrumb-section{
        padding:20px 0;
    }

    .breadcrumb-section a,
    .breadcrumb-section span{
        font-size:16px;
    }
}
</style>

<div class="maindiv" style="margin-bottom: 0.95px;">
<!--<section class="career-banner">-->
<!--    <div class="container">-->
<!--        <h1>Career</h1>-->
<!--    </div>-->
<!--</section>-->

<!--<section class="breadcrumb-section">-->
<!--    <div class="container">-->
<!--        <a href="#">Home</a>-->
<!--        <span>/</span>-->
<!--        <span class="active">Career</span>-->
<!--    </div>-->
<!--</section>-->
<section class="career-about" style=" padding:0px;">
    <div class="">

        <div class="career-top-image">
            <img src="{{ URL::to('/').'/public/assets/images/solitairesmilecareernew.png' }}" alt="Career Banner">
        </div>

        <div class="career-content">
            <div class="career-text">
                <h2 class="career-texth2">
                    Grow Beyond Boundaries <br>
Join a globally connected dental business transforming smiles through innovation.
                </h2>

                <!--<p>-->
                <!--    But Illusion is more than just a top-tier dental laboratory. We are also a-->
                <!--    leading global company committed to the advancement of cutting-edge dental-->
                <!--    technologies and groundbreaking research.-->
                <!--</p>-->

                <!--<p>-->
                <!--    Everything we manufacture has its roots in our workforce. We are continuously-->
                <!--    searching for individuals to join our team that can bring new perspectives and-->
                <!--    a wealth of life experience.-->
                <!--</p>-->

                <!--<p>-->
                <!--    Working with Illusion gives you a unique chance to collaborate with our highly-->
                <!--    skilled industry specialists, harnesses your strength, and advances your career-->
                <!--    objectives.-->
                <!--</p>-->
            </div>

            <!--<div class="career-contact">-->
            <!--    <div class="info-box">-->
            <!--        <div class="icon">-->
            <!--            <img src="https://solitairesmile.com/wp-content/themes/Divi/images/whatsupicon11.png" alt="WhatsApp" width="30">-->
            <!--        </div>-->
            <!--        <div>-->
            <!--            <span>Information Line</span>-->
            <!--            <a href="tel:+917777087084">+91 77770-87084</a>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--</div>-->
        </div>

        <!--<div class="career-grid">-->

        <!--    <div class="career-card">-->
        <!--        <img src="https://solitairesmile.com/wp-content/themes/Divi/images/CareersatIllusionDental.jpg" alt="Job opening">-->
        <!--        <span>Job Openings</span>-->
        <!--    </div>-->

        <!--    <div class="career-card">-->
        <!--        <img src="https://solitairesmile.com/wp-content/themes/Divi/images/FAQ.jpg" alt="FAQ">-->
        <!--        <span>Recruitment FAQs</span>-->
        <!--    </div>-->

        <!--    <div class="career-card">-->
        <!--        <img src="https://solitairesmile.com/wp-content/themes/Divi/images/Team.jpg" alt="Team">-->
        <!--        <span>Teams</span>-->
        <!--    </div>-->

        <!--    <div class="career-card">-->
        <!--        <img src="https://solitairesmile.com/wp-content/themes/Divi/images/LifeAtIllusion.jpg" alt="Life At Illusion">-->
        <!--        <span>Life at Illusion</span>-->
        <!--    </div>-->

        <!--</div>-->

    </div>
</section>

<section class="career-cta">
    <div class="overlay"></div>

    <div class="container textcat">
        <!--<h2>Join us today! We're hiring!</h2>-->
        <a href="https://laxmidentallimited.zohorecruit.in/jobs/Careers/162522000003192125/Solitairesmile---Job-Application-Form?source=CareerSite" class="apply-btn">APPLY NOW</a>
    </div>
</section>
</div>

@endsection