.unique-hero-section {
    display:flex;
    align-items:center;
    min-height:100vh;
    padding-inline:80px;
    text-align:left
    }
    
    .unique-content-area {
    flex:1;
    padding-right:2rem
    }
    
    .unique-content-area h1 {
    font-size:2.5rem;
    margin-bottom:1rem
    }
    
    .unique-changing-text {
    font-size:1.5rem;
    color:#be1800;
    transition:opacity .5s ease
    }
    
    .text {
    color:#005081;
    font-size:20px;
    font-weight:700
    }
    
    .unique-image-area {
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
    }
    
    .unique-changing-image {
    max-width:100%;
    height:auto;
    opacity:0;
    transform:translateY(20px);
    transition:opacity .5s ease,transform .5s ease
    }
    
    span {
    color:#be1800
    }
    
    @media (max-width: 768px) {
    .text {
    font-size:16px
    }
    
    .unique-hero-section {
    flex-direction:column;
    padding-inline:20px
    }
    
    .unique-image-area {
    order:-1;
    margin-bottom:2rem
    }
    
    .unique-changing-image {
    height:300px
    }
    
    .unique-content-area {
    padding-right:0
    }
    
    .unique-content-area h1 {
    font-size:2.2rem
    }
    
    .unique-changing-text {
    font-size:1.2rem
    }
    }
    
    .container-fabrication {
    padding:40px 20px;
    max-width:1200px;
    margin:0 auto;
    background:#fff
    }
    
    .title-section {
    text-align:center;
    margin-bottom:40px
    }
    
    .title-section h1 {
    font-size:2.5rem;
    color:#be1800;
    margin-bottom:15px;
    font-weight:600
    }
    
    .title-section p {
    color:#005081;
    max-width:900px;
    margin:0 auto;
    line-height:1.6;
    font-size:1.2rem;
    font-weight:700
    }
    
    .fabrication-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    padding:20px 0
    }
    
    .fabrication-card {
    position:relative;
    aspect-ratio:4/3;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
    cursor:pointer
    }
    
    .card-image {
    width:100%;
    height:100%;
    position:relative
    }
    
    .card-image img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .3s ease
    }
    
    .card-title {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:rgba(255,255,255,0.9);
    padding:15px;
    text-align:center;
    font-weight:500;
    z-index:1;
    transition:.3s ease
    }
    
    .card-hover-content {
    position:absolute;
    bottom:-100%;
    left:0;
    right:0;
    height:calc(100% - 50px);
    background:rgba(0,0,0,0.563);
    color:#fff;
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transition:bottom .3s ease-in-out;
    z-index:2
    }
    
    .fabrication-card:hover .card-hover-content {
    bottom:0
    }
    
    .fabrication-card:hover .card-image img {
    transform:scale(1.1)
    }
    
    .card-hover-content h3 {
    margin-bottom:15px;
    font-size:1.2rem
    }
    
    .card-hover-content p {
    text-align:center;
    margin-bottom:20px;
    line-height:1.5
    }
    
    @media screen and (max-width: 1200px) {
    .fabrication-grid {
    grid-template-columns:repeat(3,1fr)
    }
    }
    
    @media screen and (max-width: 900px) {
    .fabrication-grid {
    grid-template-columns:repeat(2,1fr)
    }
    
    .title-section h1 {
    font-size:2rem
    }
    
    .title-section p {
    font-size:1rem;
    padding:0 20px
    }
    }
    
    @media screen and (max-width: 600px) {
    .fabrication-grid {
    grid-template-columns:1fr;
    gap:15px
    }
    
    .title-section h1 {
    font-size:1.8rem
    }
    
    .card-hover-content {
    padding:15px
    }
    
    .card-hover-content h3 {
    font-size:1.1rem
    }
    
    .card-hover-content p {
    font-size:.9rem
    }
    }
    
    .sub-btn button {
    background-color:#1662afe1;
    border:none;
    padding:10px 20px;
    border-radius:5px;
    cursor:pointer;
    text-decoration:none;
    color:#fff
    }
    
    .sub-btn button:hover {
    background-color:#be1800
    }
    
    .contact-container {
    display:flex;
    max-width:1200px;
    margin:2rem auto;
    padding:0 1rem
    }
    
    .contact-infoo {
    flex:1;
    padding-right:2rem
    }
    
    .contact-infoo h1 {
    font-size:2rem;
    margin-bottom:1.5rem
    }
    
    .contact-infoo p {
    margin-bottom:1rem
    }
    
    .form-containerr {
    flex:1;
    background-color:#fff;
    padding:2rem;
    border-radius:8px;
    box-shadow:0 0 10px rgba(0,0,0,0.208)
    }
    
    .form-containerr h2 {
    text-align:center;
    margin-bottom:1.5rem;
    color:#005081;
    font-weight:700;
    font-size:25px
    }
    
    .form-roww {
    display:flex;
    gap:1rem
    }
    
    .form-groupp {
    flex:1;
    position:relative
    }
    
    label {
    display:block;
    margin-bottom:.5rem
    }
    
    input,textarea {
    width:100%;
    padding:.5rem .5rem .5rem 2rem;
    background-color:#dddddd1e;
    border:1px solid #ddd;
    border-radius:4px;
    color:#000
    }
    
    textarea {
    height:100px
    }
    
    .form-groupp i {
    position:absolute;
    left:.5rem;
    top:2.7rem;
    color:#777
    }
    
    .changing-text2 {
    font-weight:700;
    font-size:2.5rem;
    color:#005081;
    margin-bottom:1rem;
    min-height:1em
    }
    
    @media (max-width: 768px) {
    .contact-container {
    flex-direction:column
    }
    
    .contact-infoo,.form-containerr {
    padding:1rem
    }
    
    .form-roww {
    flex-direction:column;
    gap:0
    }
    
    .text-content h1 {
    font-size:30px
    }
    
    .text-content p {
    font-size:16px
    }
    }
    
    .page-wrapper-transform {
    padding:20px
    }
    
    .business-container {
    max-width:1200px;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    gap:20px
    }
    
    .business-title {
    font-size:40px;
    color:#be1800;
    width:100%;
    text-align:left;
    order:1
    }
    
    .features-column {
    flex:1;
    min-width:300px;
    order:3
    }
    
    .app-preview-column {
    flex:1;
    min-width:300px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    order:2
    }
    
    .feature-item {
    background-color:#fff;
    border-radius:8px;
    margin-block:40px;
    overflow:hidden;
    box-shadow:0 2px 5px rgba(0,0,0,0.1)
    }
    
    .feature-header {
    color:#005081;
    font-size:20px;
    padding:15px;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color:#f8f8f8
    }
    
    .feature-content {
    padding:15px;
    display:none
    }
    
    .feature-item.active .feature-content {
    display:block
    }
    
    .feature-header i {
    transition:transform .3s ease
    }
    
    .feature-item.active .feature-header i {
    transform:rotate(180deg)
    }
    
    .app-preview-image {
    max-width:100%;
    height:auto
    }
    
    @media (min-width: 769px) {
    .business-container {
    flex-wrap:nowrap
    }
    
    .business-title {
    order:1
    }
    
    .features-column {
    order:2
    }
    
    .app-preview-column {
    order:3
    }
    }