@import './reset.css';
@import './variables.css';

@import '../component/Ecommerce/style.css';
@import '../component/Hero/style.css';
@import '../component/Hero2/style.css';
@import '../component/Hero3/style.css';
@import '../component/Hero4/style.css';
@import '../component/Buttons/style.css';
@import '../component/Links/style.css';
@import '../component/Features/style.css';
@import '../component/Forms/style.css';
@import '../component/Showcase/style.css';
@import '../component/Navigation1/style.css';
@import '../component/Calltoaction/style.css';
@import '../component/Content/style.css';
@import '../component/Footer/style.css';
@import '../component/Pricingtable/style.css';
@import '../component/Content2/style.css';
@import '../component/Team/style.css';

body{
    overflow-x: hidden;
}

.Hero{
    width: 100%;
}

.Hero2{
    width: 100%;  
}

.Hero3{
    width: 100%;  
}

.Hero4{
    width: 100%;  
}

.Forms{
    width: 100%;  
    margin-top: 3rem;
}

.Showcase{
    width: 100%;  
    margin-top: 3rem;
}

.Features{
    width: 100%;  
    margin-top: 3rem;
}

.Ecommerce{
    width: 100%;  
    margin-top: 3rem;
}

.Calltoaction{
    width: 100%;  
    margin-top: 3rem;
}

.Content{
    width: 100%;  
    margin-top: 3rem;
}

.Footer{
    width: 100%;  
    margin-top: 3rem;
}

.Nav1{
    width: 100%;  
    margin-top: 3rem;
}

.Pricingtable{
    width: 100%;  
    margin-top: 3rem;
}

.Content2{
    width: 100%;  
    margin-top: 3rem;
}

.Team{
    width: 100%;  
    margin-top: 3rem;
}