@charset "UTF-8";

header.background{
    height:100vh;
    min-height:600px;

    & h5{
        color:#fff;

        & span{
            color:var(--secondary-color);
        }
    }

    & p{
        color:#fff;
    }

    & .separator{
        margin:1rem 0;
        width:50px;
    }
}

#about{
    & #aboutMain{
        & h3{
            margin-top:2rem;
            font-family:"DesuzaPro";
            text-transform:uppercase;
            color:#fff;

            & b{
                color:var(--secondary-color);
            }
            
            & span{
                margin-right:-7px;
                display:inline-block;
            }
        }

        & .box{
            --border-color:rgba(255,255,255,0.1);

            min-height:350px;
            border-right:0;

            & figure{
                margin-bottom:1rem;

                & img{
                    filter:invert();
                }
            }

            & h4{
                margin-bottom:0;
                font-family:var(--zeta-title-font);
                font-weight:600;
                font-size:1rem;
                text-transform:uppercase;
                color:#fff;
                letter-spacing:.5rem;
            }

            & .separator{
                margin:1rem 0;
            }
        }
    }
}

#products{
    & #productsMain{
        & #owlServices{
            & .owl-stage-outer{
                border-color:rgba(255,255,255,.1);
            }

            & .box{
                border-color:rgba(255,255,255,.1);

                & h4{
                    color:#fff;
                }
            }
        }
    }

    & #productsServices{
        & .box{
            padding-top:3rem;

            & .background{
                height:400px;

                & img{
                    object-fit:contain;
                    object-position:center;
                }
            }

            & .button{
                margin-bottom:1rem;
            }
        }
    }
}

#contact{
    & #contactInfo{
        & .contact-info{
            & .box{
                --border-color:rgba(255,255,255,.1);

                border-right:0;

                &:last-child{
                    border-right:1px solid var(--border-color);
                }

                & figure{
                    & img{
                        filter:invert();
                    }
                }

                & h4{
                    color:#fff;
                }
            }
        }
    }
}

@media(max-width:1199px){
    #about{
        & #aboutMain{
            & .col-sm-6{
                & .box{
                    border-bottom:0;
                }

                &:nth-child(2){
                    & .box{
                        border-right:1px solid #ddd;
                    }
                }
            }
        }
    }

    #contact{
        & #contactInfo{
            & .contact-info{
                & .box{
                    &:first-child{
                        border-bottom:0;
                    }

                    &:nth-child(2){
                        border-right:1px solid var(--border-color);
                        border-bottom:0;
                    }
                }
            }
        }
    }
}

@media(max-width:575px){
    #about{
        & #aboutMain{
            & .col-sm-6{
                &:first-child{
                    & .box{
                        border-right:1px solid #ddd;
                    }
                }
            }
        }
    }

    #contact{
        & #contactInfo{
            & .contact-info{
                & .box{
                    border-right:1px solid var(--border-color);

                    &:last-child{
                        border-top:0;
                    }
                }
            }
        }
    }
}