@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
.block-related-services{
padding: 3em 0;
@include bp($lg){
padding: 6em 0;
}
.heading{
font-size: rem-calc(24);
line-height: rem-calc(32);
letter-spacing: 0.02em;
font-weight: 400;
@include bp($lg){
font-size: rem-calc(40);
line-height: rem-calc(48);
}
}
.heading-col{
margin-bottom: rem-calc(24);
@include bp($lg){
margin-bottom: rem-calc(68);
}
}
.related-link-wrap{
border-bottom: 1px solid $grey-secondary;
padding-bottom: rem-calc(16);
margin-bottom: rem-calc(16);
@include bp($lg){
padding-bottom: rem-calc(32);
margin-bottom: rem-calc(32);
}
}
.related-link{
color: $primary;
position: relative;
font-weight: 400;
font-size: rem-calc(20);
line-height: rem-calc(24);
transition: 0.3s ease all;
text-decoration: none;
display: flex;
align-items: center;
@include bp($lg){
font-size: rem-calc(24);
line-height: rem-calc(48);
}
&::before{
content: "";
width: rem-calc(40);
height: rem-calc(40);
display: inline-block;
border-radius: rem-calc(40);
border: 1px solid $orange;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.333008 6.80957H13.2038' stroke='%230D0D0D'/%3E%3Cpath d='M7.48145 1.01758L13.2065 6.80911L7.48145 12.6013' stroke='%230D0D0D'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
transition: 0.3s ease all;
margin-right: rem-calc(24);
@include bp($lg){
width: rem-calc(48);
height: rem-calc(48);
border-radius: rem-calc(48);
background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7.77173H15.4449' stroke='%230D0D0D'/%3E%3Cpath d='M8.57812 0.821045L15.4482 7.77088L8.57812 14.7215' stroke='%230D0D0D'/%3E%3C/svg%3E%0A");
}
}
&:hover,
&:focus {
font-weight: 600;
color: $black;
&::before{
background-color: $orange;
}
}
&:active{
&::before{
background-color: $orange-light;
}
}
}
}