/*—————————————MAIN BANNER—————————————*/
.main-banner {
background-image: url(‘https://beulah.rcm-test-web.co.za/delta-rubber/wp-content/uploads/2021/06/Delta-Rubber-main-banner.jpg’);
background-position: center;
background-size: cover;
height: 400px;
background-repeat: no-repeat;
position: relative;
.banner-content {
position: absolute;
top: 50%;
left: 5%;
transform: translateY(-50%);
.banner-intro {
font-size: 15px;
color: #8b2b37;
font-weight: 600;
margin-bottom: 1rem;
}
.banner-heading-main {
font-size: 30px;
line-height: 35px;
color: $colorb;
font-weight: normal;
letter-spacing: 0;
}
.banner-buttons {
display: flex;
margin-top: 2rem;
}
}
}
/*————————————BUTTONS————————————*/
.primary-button {
background-color: $colora;
padding: 10px 18px;
color: $colorc;
font-size: 13px;
transition: all 0.4s ease-in;
font-weight: 600;
&:hover{
background-color: #000;
color: $colorb;
transition: all 0.4s ease-in;
}
}
.secondary-button {
background-color: $colorb;
padding: 10px 18px;
color: $colorc;
font-size: 13px;
transition: all 0.4s ease-in;
font-weight: normal;
&:hover{
background-color: $colora;
colour: #000;
transition: all 0.4s ease-in;
}
}