/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Jan 21, 2023, 9:03:37 PM
    Author     : riddick
*/

.mediaimg
{
    width: 350px;
    margin-right: 15px;
}

.mediaimg
{
    float: left;
}

.cursorpoint 
{
	cursor: pointer;
}


.vseclamain01 {
    margin-bottom: 20px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify; 
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 
	 
}


.vseclamain02
{
    margin-bottom: 20px;
    background: #F7F7F7;
    padding: 20px;
    width: 49%
}

.vseclamainimg {
width: 25%;
box-sizing: border-box;
}

.vseclamainimg img {
width: 100%;
height: 100%;
}
.spodclanmain01img img { width: 100%;}
.vseclamaintext {
    width: 75%;
    background: #EFF2F5;
    padding: 20px;
    cursor: pointer;
    box-sizing: border-box;
}

.vseclamain {

}

.vseclamainvideo {
	 margin-bottom: 20px;
  display: flex;
   display: -webkit-box;
  display: -webkit-flex;
    display: -ms-flexbox;
       justify-content: space-between;
  -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
  -ms-flex-pack: justify; 
        -ms-flex-wrap: wrap;
       -webkit-flex-wrap: wrap;
       flex-wrap: wrap; 
}

.vseclamain00
{
	  margin-bottom: 20px;
  display: flex;
   display: -webkit-box;
  display: -webkit-flex;
    display: -ms-flexbox;
       justify-content: space-between;
  -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
  -ms-flex-pack: justify; 
        -ms-flex-wrap: wrap;
       -webkit-flex-wrap: wrap;
       flex-wrap: wrap; 
}

@media (max-width: 1200px) {
    .vseclamainimg {width: 40%;}
    .vseclamaintext {width: 60%;}
    
}

@media (max-width: 700px) {
    .vseclamainimg, .vseclamaintext {width: 100%;}
    
}

.highlight-box {
    background: linear-gradient(135deg, #fff4ec 0%, #fde9dc 100%);
    
    padding: 20px;
    margin: 25px 0;
    border-radius: 0 8px 8px 0;
}
.stats {
    display: flex;
    justify-content: space-around;
    background: #fff7f1;
    padding: 20px;
    margin: 25px 0;
    border-radius: 8px;
    flex-wrap: wrap;
}
.stat-item {
    text-align: center;
    margin: 10px;
}
.stat-number {
    font-size: 2em;
    font-weight: bold;
    color: #B45309;
    display: block;
}
.stat-label {
    font-size: 0.9em;
    color: #9ca3af;
    margin-top: 5px;
}
.timeline {
    position: relative;
    padding-left: 30px;
    margin: 30px 0;
}
.timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #E67C3A;
}
.timeline-item {
    position: relative;
    margin-bottom: 30px;
    background: white;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.timeline-item::before {
    content: '';
    position: absolute;
    left: -22px;
    top: 20px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #E67C3A;
    border: 3px solid white;
}
.year {
    font-weight: bold;
    color: #B45309;
    font-size: 1.1em;
}
.quoten {
    font-style: italic;
    background: #fffaf5;
    padding: 20px;
    border-radius: 8px;
    margin: 25px 0;
    position: relative;
}
.quoten::before {
    content: '"';
    font-size: 4em;
    color: #fcd9c4;
    position: absolute;
    top: -10px;
    left: 15px;
}
.manufacturing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 25px 0;
}
.manufacturing-card {
    background: white;
    border: 1px solid #fde0cc;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.manufacturing-card h4 {
    color: #B45309;
    margin-top: 0;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    .stats {
        flex-direction: column;
    }
    .manufacturing-grid {
        grid-template-columns: 1fr;
    }
}