@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap");
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.3s;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none !important;
}
p {
margin-bottom: 0;
font-size: 16px;
}
ul {
list-style: none;
margin-bottom: 0;
}
img {
max-width: 100%;
vertical-align: middle;
}
body {
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 22px;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0;
}
p {
margin-bottom: 0;
}
.pt-10 {
padding-top: 10px;
}
.pt-20 {
padding-top: 20px;
}
.pt-30 {
padding-top: 30px;
}
.pt-40 {
padding-top: 40px;
}
.pt-50 {
padding-top: 50px;
}
.pt-60 {
padding-top: 60px;
}
.pt-70 {
padding-top: 70px;
}
.pt-80 {
padding-top: 80px;
}
.pt-90 {
padding-top: 90px;
}
.pt-100 {
padding-top: 100px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-90 {
padding-bottom: 90px;
}
.pb-100 {
padding-bottom: 100px;
}
.pb-110 {
padding-bottom: 110px;
}
.pb-120 {
padding-bottom: 120px;
}
.pr-10 {
padding-right: 10px;
}
.pr-20 {
padding-right: 20px;
}
.pr-30 {
padding-right: 30px;
}
.pr-40 {
padding-right: 40px;
}
.pr-50 {
padding-right: 50px;
}
.pr-60 {
padding-right: 60px;
}
.pr-70 {
padding-right: 70px;
}
.pr-80 {
padding-right: 80px;
}
.pr-90 {
padding-right: 90px;
}
.pr-100 {
padding-right: 100px;
}
.pl-10 {
padding-left: 10px;
}
.pl-20 {
padding-left: 20px;
}
.pl-30 {
padding-left: 30px;
}
.pl-40 {
padding-left: 40px;
}
.pl-50 {
padding-left: 50px;
}
.pl-60 {
padding-left: 60px;
}
.pl-70 {
padding-left: 70px;
}
.pl-80 {
padding-left: 80px;
}
.pl-90 {
padding-left: 90px;
}
.pl-100 {
padding-left: 100px;
}
.mt-10 {
margin-top: 10px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mt-60 {
margin-top: 60px;
}
.mt-70 {
margin-top: 70px;
}
.mt-80 {
margin-top: 80px;
}
.mt-90 {
margin-top: 90px;
}
.mt-100 {
margin-top: 100px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-90 {
margin-bottom: 90px;
}
.mb-100 {
margin-bottom: 100px;
}
.mr-10 {
margin-right: 10px;
}
.mr-20 {
margin-right: 20px;
}
.mr-30 {
margin-right: 30px;
}
.mr-40 {
margin-right: 40px;
}
.mr-50 {
margin-right: 50px;
}
.mr-60 {
margin-right: 60px;
}
.mr-70 {
margin-right: 70px;
}
.mr-80 {
margin-right: 80px;
}
.mr-90 {
margin-right: 90px;
}
.mr-100 {
margin-right: 100px;
}
.ml-10 {
margin-left: 10px;
}
.ml-20 {
margin-left: 20px;
}
.ml-30 {
margin-left: 30px;
}
.ml-40 {
margin-left: 40px;
}
.ml-50 {
margin-left: 50px;
}
.ml-60 {
margin-left: 60px;
}
.ml-70 {
margin-left: 70px;
}
.ml-80 {
margin-left: 80px;
}
.ml-90 {
margin-left: 90px;
}
.ml-100 {
margin-left: 100px;
}
.bwd-step-wrapper {
margin-bottom: 30px;
}
.bwd-step-style-1 .bwd-step-item {
padding: 5px 2px 5px 11px;
position: relative;
margin-bottom: 20px;
}
.bwd-step-style-1 .bwd-step-item .bwd-step-icon {
text-align: center;
padding: 5px 0;
border-width: 3px;
font-size: 30px;
color: #fff;
border-style: solid;
border-color: #9e43c0;
border-left-color: transparent;
border-radius: 0 50px 50px 0px;
position: relative;
}
.bwd-step-style-1 .bwd-step-item .bwd-step-icon::before {
content: "";
width: 12px;
height: 12px;
border-width: 3px;
border-style: solid;
border-color: #9e43c0;
border-radius: 50%;
position: absolute;
top: -7px;
left: -12px;
}
.bwd-step-style-1 .bwd-step-item .bwd-step-icon i {
background: #9E43C0;
line-height: 60px;
width: 60px;
height: 60px;
border-radius: 50%;
-webkit-transition: .4s linear;
transition: .4s linear;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.bwd-step-style-1 .bwd-step-item:hover .bwd-step-icon i {
-webkit-transform: rotateY(-360deg);
transform: rotateY(-360deg);
}
.bwd-step-style-1 .bwd-step-item .bwd-step-content .bwd-step-number {
text-align: center;
font-weight: bold;
font-size: 35px;
letter-spacing: 0px;
line-height: 1;
margin-bottom: 15px;
color: #333;
}
.bwd-step-style-1 .bwd-step-item .bwd-step-content {
padding: 13px 0 20px 20px;
margin: 10px 0 0 -11px;
border-width: 3px;
border-style: solid;
border-color: #9e43c0;
border-top-color: transparent;
border-right-color: transparent;
border-radius: 0 0 0 15px;
position: relative;
}
.bwd-step-style-1 .bwd-step-item .bwd-step-content::before, .bwd-step-style-1 .bwd-step-item .bwd-step-content::after {
content: "";
width: 50%;
height: 50%;
border-width: 3px;
border-style: solid;
border-color: #9e43c0;
border-right-color: transparent;
border-bottom-color: transparent;
border-radius: 14px 0 0 0;
position: absolute;
top: -16px;
left: -3px;
}
.bwd-step-style-1 .bwd-step-item .bwd-step-content::after {
background: #9E43C0;
width: 20px;
height: 22px;
bottom: -12px;
right: -7px;
top: auto;
left: auto;
-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
clip-path: polygon(100% 50%, 0 0, 0 100%);
border-radius: 0;
}
.bwd-step-style-1 .bwd-step-item .bwd-step-content .bwd-step-title {
color: #9E43C0;
font-size: 23px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 10px;
text-align: center;
}
.bwd-step-style-1 .bwd-step-item .bwd-step-content .bwd-description {
color: #777;
font-size: 14px;
letter-spacing: 0.5px;
margin: 0;
}
.bwd-step-style-1 .row > *:nth-child(2) .bwd-step-item .bwd-step-icon {
border-color: #FD442E;
border-left-color: transparent;
}
.bwd-step-style-1 .row > *:nth-child(2) .bwd-step-item .bwd-step-icon::before {
border-color: #FD442E;
}
.bwd-step-style-1 .row > *:nth-child(2) .bwd-step-item .bwd-step-icon i {
background: #FD442E;
}
.bwd-step-style-1 .row > *:nth-child(2) .bwd-step-item .bwd-step-content {
border-color: #FD442E;
border-top-color: transparent;
border-right-color: transparent;
}
.bwd-step-style-1 .row > *:nth-child(2) .bwd-step-item .bwd-step-content::before, .bwd-step-style-1 .row > *:nth-child(2) .bwd-step-item .bwd-step-content::after {
border-color: #FD442E;
border-right-color: transparent;
border-bottom-color: transparent;
}
.bwd-step-style-1 .row > *:nth-child(2) .bwd-step-item .bwd-step-content::after {
background: #FD442E;
}
.bwd-step-style-1 .row > *:nth-child(2) .bwd-step-item .bwd-step-content .bwd-step-title {
color: #FD442E;
}
.bwd-step-style-1 .row > *:nth-child(3) .bwd-step-item .bwd-step-icon {
border-color: #d99803;
border-left-color: transparent;
}
.bwd-step-style-1 .row > *:nth-child(3) .bwd-step-item .bwd-step-icon::before {
border-color: #d99803;
}
.bwd-step-style-1 .row > *:nth-child(3) .bwd-step-item .bwd-step-icon i {
background: #d99803;
}
.bwd-step-style-1 .row > *:nth-child(3) .bwd-step-item .bwd-step-content {
border-color: #d99803;
border-top-color: transparent;
border-right-color: transparent;
}
.bwd-step-style-1 .row > *:nth-child(3) .bwd-step-item .bwd-step-content::before, .bwd-step-style-1 .row > *:nth-child(3) .bwd-step-item .bwd-step-content::after {
border-color: #d99803;
border-right-color: transparent;
border-bottom-color: transparent;
}
.bwd-step-style-1 .row > *:nth-child(3) .bwd-step-item .bwd-step-content::after {
background: #d99803;
}
.bwd-step-style-1 .row > *:nth-child(3) .bwd-step-item .bwd-step-content .bwd-step-title {
color: #d99803;
}
.bwd-step-style-1 .row > *:nth-child(4) .bwd-step-item .bwd-step-icon {
border-color: #015486;
border-left-color: transparent;
}
.bwd-step-style-1 .row > *:nth-child(4) .bwd-step-item .bwd-step-icon::before {
border-color: #015486;
}
.bwd-step-style-1 .row > *:nth-child(4) .bwd-step-item .bwd-step-icon i {
background: #015486;
}
.bwd-step-style-1 .row > *:nth-child(4) .bwd-step-item .bwd-step-content {
border-color: #015486;
border-top-color: transparent;
border-right-color: transparent;
}
.bwd-step-style-1 .row > *:nth-child(4) .bwd-step-item .bwd-step-content::before, .bwd-step-style-1 .row > *:nth-child(4) .bwd-step-item .bwd-step-content::after {
border-color: #015486;
border-right-color: transparent;
border-bottom-color: transparent;
}
.bwd-step-style-1 .row > *:nth-child(4) .bwd-step-item .bwd-step-content::after {
background: #015486;
}
.bwd-step-style-1 .row > *:nth-child(4) .bwd-step-item .bwd-step-content .bwd-step-title {
color: #015486;
}
.bwd-step-style-2 .bwd-step-item {
text-align: center;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.326);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.326);
border-radius: 20px 20px;
position: relative;
margin-bottom: 50px;
padding: 27px 27px 60px;
border-bottom-left-radius: 100px;
z-index: 1;
margin-right: 15px;
-webkit-transition: .4s linear;
transition: .4s linear;
border: 3px solid #fff;
}
.bwd-step-style-2 .bwd-step-item::before {
content: "";
position: absolute;
right: -20px;
bottom: 95px;
width: 17px;
height: 30px;
background: #ed9d03;
z-index: -1;
-webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
clip-path: polygon(0 0, 100% 0, 0 100%);
}
.bwd-step-style-2 .bwd-step-item::after {
content: "";
position: absolute;
right: 67px;
bottom: -25px;
width: 45px;
height: 22px;
background: #ed9d03;
z-index: -1;
-webkit-clip-path: polygon(50% 100%, 100% 0, 0 0);
clip-path: polygon(50% 100%, 100% 0, 0 0);
}
.bwd-step-style-2 .bwd-step-item .bwd-step-content .bwd-step-icon {
display: inline-block;
width: 80px;
height: 80px;
text-align: center;
background: #fea802;
color: #fff;
border-radius: 100%;
font-size: 30px;
border: 3px solid #fff;
-webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.122);
box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.122);
margin-bottom: 20px;
position: relative;
}
.bwd-step-style-2 .bwd-step-item .bwd-step-content .bwd-step-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bwd-step-style-2 .bwd-step-item .bwd-step-content .bwd-step-title {
font-weight: bold;
font-size: 35px;
letter-spacing: 0px;
color: #fea802;
line-height: 1;
margin-bottom: 15px;
}
.bwd-step-style-2 .bwd-step-item .bwd-step-content .bwd-description {
color: #4e4d4d;
font-size: 14px;
letter-spacing: 0.5px;
margin: 0;
}
.bwd-step-style-2 .bwd-step-item .bwd-step-number {
position: absolute;
bottom: -25px;
right: -20px;
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
width: 110px;
height: 150px;
background: #fea802;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 55px 10px 10px 55px;
font-size: 38px;
font-weight: 800;
}
.bwd-step-style-2 .bwd-step-item:hover {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #fea802;
border-bottom-left-radius: 20px;
}
.bwd-step-style-2 .row > *:nth-child(2) .bwd-step-item::before, .bwd-step-style-2 .row > *:nth-child(2) .bwd-step-item::after {
background: #4c8f4c;
}
.bwd-step-style-2 .row > *:nth-child(2) .bwd-step-item .bwd-step-content .bwd-step-title {
color: #5eb25d;
}
.bwd-step-style-2 .row > *:nth-child(2) .bwd-step-item .bwd-step-content .bwd-step-icon {
background: #5eb25d;
}
.bwd-step-style-2 .row > *:nth-child(2) .bwd-step-item .bwd-step-number {
background: #5eb25d;
}
.bwd-step-style-2 .row > *:nth-child(2) .bwd-step-item:hover {
border-color: #5eb25d;
}
.bwd-step-style-2 .row > *:nth-child(3) .bwd-step-item::before, .bwd-step-style-2 .row > *:nth-child(3) .bwd-step-item::after {
background: #03596c;
}
.bwd-step-style-2 .row > *:nth-child(3) .bwd-step-item .bwd-step-content .bwd-step-title {
color: #086b80;
}
.bwd-step-style-2 .row > *:nth-child(3) .bwd-step-item .bwd-step-content .bwd-step-icon {
background: #086b80;
}
.bwd-step-style-2 .row > *:nth-child(3) .bwd-step-item .bwd-step-number {
background: #086b80;
}
.bwd-step-style-2 .row > *:nth-child(3) .bwd-step-item:hover {
border-color: #086b80;
}
.bwd-step-style-2 .row > *:nth-child(4) .bwd-step-item::before, .bwd-step-style-2 .row > *:nth-child(4) .bwd-step-item::after {
background: #0266c3;
}
.bwd-step-style-2 .row > *:nth-child(4) .bwd-step-item .bwd-step-content .bwd-step-title {
color: #0f88fb;
}
.bwd-step-style-2 .row > *:nth-child(4) .bwd-step-item .bwd-step-content .bwd-step-icon {
background: #0f88fb;
}
.bwd-step-style-2 .row > *:nth-child(4) .bwd-step-item .bwd-step-number {
background: #0f88fb;
}
.bwd-step-style-2 .row > *:nth-child(4) .bwd-step-item:hover {
border-color: #0f88fb;
}
.bwd-step-style-3 .bwd-step-item {
background-color: #fff;
-webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.349);
box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.349);
border-radius: 25px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
padding: 25px 80px 25px 20px;
margin-right: 35px;
position: relative;
}
.bwd-step-style-3 .bwd-step-item .bwd-step-content .bwd-step-icon {
text-align: center;
margin-bottom: 15px;
font-size: 35px;
}
.bwd-step-style-3 .bwd-step-item .bwd-step-content .bwd-step-title {
text-transform: capitalize;
font-weight: 700;
font-size: 28px;
line-height: 1;
display: inline-block;
margin-bottom: 5px;
color: #333;
}
.bwd-step-style-3 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 22px;
color: #606060;
}
.bwd-step-style-3 .bwd-step-item .bwd-step-number {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -35px;
-webkit-clip-path: polygon(
75% 0%,
100% 50%,
75% 100%,
0% 100%,
20% 50%,
0% 0%
);
clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 20% 50%, 0% 0%);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#e100ff),
to(#7f00ff)
);
background: linear-gradient(to bottom, #e100ff, #7f00ff);
height: 100%;
width: 120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
-webkit-transition: 0.4s linear;
transition: 0.4s linear;
}
.bwd-step-style-3 .bwd-step-item .bwd-step-number .bwd-step-title {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
font-size: 30px;
line-height: 1;
padding-left: 15px;
}
.bwd-step-style-3 .bwd-step-item .bwd-step-number .bwd-step-title:last-child {
font-size: 45px;
}
.bwd-step-style-3 .bwd-step-item:hover .bwd-step-number {
background-size: 350% 350%;
}
.bwd-step-style-3 .row > :nth-child(2) .bwd-step-item .bwd-step-number {
background: -webkit-gradient(
linear,
left top,
right top,
from(#fc4a1a),
to(#f7b733)
);
background: linear-gradient(to right, #fc4a1a, #f7b733);
}
.bwd-step-style-3 .row > :nth-child(2) .bwd-step-item:hover .bwd-step-number {
background-size: 350% 350%;
}
.bwd-step-style-3 .row > :nth-child(3) .bwd-step-item .bwd-step-number {
background: -webkit-gradient(
linear,
left top,
right top,
from(#52c234),
to(#4d7c02)
);
background: linear-gradient(to right, #52c234, #4d7c02);
}
.bwd-step-style-3 .row > :nth-child(3) .bwd-step-item:hover .bwd-step-number {
background-size: 350% 350%;
}
.bwd-step-style-4 .bwd-step-item {
text-align: center;
position: relative;
margin-right: 16px;
}
.bwd-step-style-4 .bwd-step-item .bwd-step-icon {
font-size: 40px;
font-weight: 700;
color: #9b59b6;
display: block;
width: 70px;
height: 45px;
line-height: 45px;
margin: 0 auto 55px;
}
.bwd-step-style-4 .bwd-step-item .bwd-step-number {
-webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
background: #9b59b6;
position: absolute;
top: 6px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 75%;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px;
text-transform: capitalize;
font-weight: 700;
color: #fff;
font-size: 25px;
line-height: 1.7;
display: inline-block;
letter-spacing: 0.8px;
}
.bwd-step-style-4 .bwd-step-item .bwd-step-number .bwd-step-num {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.bwd-step-style-4 .bwd-step-item .bwd-step-content-four {
border: 2px solid #9b59b6;
padding: 25px;
position: relative;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
.bwd-step-style-4 .bwd-step-item .bwd-step-content-four .show-arrow {
content: "";
position: absolute;
top: 50%;
right: -24px;
background-color: #9b59b6;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 23px;
height: 30px;
z-index: 2;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.bwd-step-style-4 .bwd-step-item .bwd-step-content-four .bwd-step-title {
text-transform: capitalize;
font-weight: 700;
font-size: 25px;
line-height: 1;
display: inline-block;
margin-bottom: 5px;
color: #484848;
}
.bwd-step-style-4 .bwd-step-item .bwd-step-content-four .bwd-description {
font-size: 13px;
font-weight: 600;
color: #222222cf;
letter-spacing: 1px;
line-height: 24px;
}
.bwd-step-style-4 .bwd-step-item:hover .bwd-step-content-four {
-webkit-box-shadow: 0 10px 10px -5px #9b59b6;
box-shadow: 0 10px 10px -5px #9b59b6;
}
.bwd-step-style-4 .row > :nth-child(2) .bwd-step-item .bwd-step-icon {
color: #f67d10;
}
.bwd-step-style-4 .row > :nth-child(2) .bwd-step-item .bwd-step-four {
background: #f67d10;
}
.bwd-step-style-4 .row > :nth-child(2) .bwd-step-item .bwd-step-content-four {
border-color: #f67d10;
}
.bwd-step-style-4
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-content-four .show-arrow {
background-color: #f67d10;
}
.bwd-step-style-4
.row
> :nth-child(2)
.bwd-step-item:hover
.bwd-step-content-four {
-webkit-box-shadow: 0 10px 10px -5px #f67d10;
box-shadow: 0 10px 10px -5px #f67d10;
}
.bwd-step-style-4 .row > :nth-child(2) .bwd-step-item .bwd-step-number {
background: #f67d10;
}
.bwd-step-style-4 .row > :nth-child(3) .bwd-step-item .bwd-step-icon {
color: #01bcff;
}
.bwd-step-style-4 .row > :nth-child(3) .bwd-step-item .bwd-step-number {
background: #01bcff;
}
.bwd-step-style-4 .row > :nth-child(3) .bwd-step-item .bwd-step-content-four {
border-color: #01bcff;
}
.bwd-step-style-4
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-content-four .show-arrow {
background-color: #01bcff;
}
.bwd-step-style-4
.row
> :nth-child(3)
.bwd-step-item:hover
.bwd-step-content-four {
-webkit-box-shadow: 0 10px 10px -5px #01bcff;
box-shadow: 0 10px 10px -5px #01bcff;
}
.bwd-step-style-4 .row > :nth-child(4) .bwd-step-item .bwd-step-icon {
color: #ff365d;
}
.bwd-step-style-4 .row > :nth-child(4) .bwd-step-item .bwd-step-number {
background: #ff365d;
}
.bwd-step-style-4 .row > :nth-child(4) .bwd-step-item .bwd-step-content-four {
border-color: #ff365d;
}
.bwd-step-style-4
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-content-four .show-arrow {
background-color: #ff365d;
}
.bwd-step-style-4
.row
> :nth-child(4)
.bwd-step-item:hover
.bwd-step-content-four {
-webkit-box-shadow: 0 10px 10px -5px #ff365d;
box-shadow: 0 10px 10px -5px #ff365d;
}
.bwd-step-style-5 .bwd-step-wrapper {
-webkit-filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.39));
filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.39));
margin-left: 65px;
margin-bottom: 50px;
margin-top: 30px;
position: relative;
}
.bwd-step-style-5 .bwd-step-wrapper .show-arrow {
content: "";
position: absolute;
top: 50%;
right: -22px;
background-color: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 23px;
height: 30px;
z-index: 2;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.bwd-step-style-5 .bwd-step-wrapper .bwd-step-item {
position: relative;
padding: 15px 20px;
padding-left: 22px;
}
.bwd-step-style-5 .bwd-step-wrapper .bwd-step-item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: -1;
}
.bwd-step-style-5 .bwd-step-wrapper .bwd-step-item::after {
position: absolute;
content: "";
top: -22px;
left: 5px;
width: 30px;
z-index: -1;
height: 22px;
-webkit-clip-path: polygon(100% 100%, 0% 100%, 100% 0);
clip-path: polygon(100% 100%, 0% 100%, 100% 0);
background: green;
transform: rotateY(180deg);
}
.bwd-step-style-5 .bwd-step-wrapper .bwd-step-item .bwd-step-icon {
font-size: 35px;
text-align: center;
color: green;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.bwd-step-style-5 .bwd-step-wrapper .bwd-step-item:hover .bwd-step-icon {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.bwd-step-style-5
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content {
margin-top: 20px;
}
.bwd-step-style-5
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
font-size: 25px;
text-transform: capitalize;
font-weight: 700;
color: green;
line-height: 1;
margin-bottom: 10px;
letter-spacing: 1px;
}
@media (min-width: 768px) and (max-width: 991px) {
.bwd-step-style-5
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
font-size: 18px;
}
}
@media (max-width: 767px) {
.bwd-step-style-5
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
font-size: 18px;
}
}
.bwd-step-style-5
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-description {
font-size: 14px;
line-height: 20px;
font-weight: 500;
letter-spacing: 1px;
}
@media (max-width: 767px) {
.bwd-step-style-5
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-description {
letter-spacing: 0;
font-size: 14px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-5
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-description {
font-size: 15px;
}
}
.bwd-step-style-5 .bwd-step-wrapper .bwd-step-item .bwd-step-number {
position: absolute;
top: -23px;
left: -70px;
height: 125%;
width: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
padding: 20px;
padding-right: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.bwd-step-style-5 .bwd-step-wrapper .bwd-step-item .bwd-step-number {
height: 122%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.bwd-step-style-5 .bwd-step-wrapper .bwd-step-item .bwd-step-number {
height: 117%;
}
}
@media (max-width: 767px) {
.bwd-step-style-5 .bwd-step-wrapper .bwd-step-item .bwd-step-number {
height: 120%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-5 .bwd-step-wrapper .bwd-step-item .bwd-step-number {
height: 116%;
}
}
.bwd-step-style-5 .bwd-step-wrapper .bwd-step-item .bwd-step-number::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(25% 0, 15% 100%, 100% 100%);
clip-path: polygon(25% 0, 15% 100%, 100% 100%);
background: green;
z-index: -1;
transform: rotateY(180deg);
}
.bwd-step-style-5 .bwd-step-wrapper .bwd-step-item .bwd-step-number .bwd-step-title {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
font-size: 40px;
line-height: 1;
padding-right: 6px;
}
.bwd-step-style-5
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number
.bwd-step-title:nth-child(2) {
font-size: 22px;
}
.bwd-step-style-5 .row > :nth-child(2) .bwd-step-wrapper .bwd-step-item::after {
background: #ee5a24;
}
.bwd-step-style-5
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-icon {
color: #ee5a24;
}
.bwd-step-style-5
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #ee5a24;
}
.bwd-step-style-5
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::before {
background: #ee5a24;
}
.bwd-step-style-5 .row > :nth-child(3) .bwd-step-wrapper .bwd-step-item::after {
background: #1b9cfc;
}
.bwd-step-style-5
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-icon {
color: #1b9cfc;
}
.bwd-step-style-5
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #1b9cfc;
}
.bwd-step-style-5
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::before {
background: #1b9cfc;
}
.bwd-step-style-6 .bwd-step-wrapper {
background: #eee;
padding: 20px;
text-align: center;
position: relative;
margin-right: 100px;
margin-bottom: 100px;
margin-top: 30px;
}
.bwd-step-style-6 .bwd-step-wrapper::before {
content: "";
position: absolute;
top: -29px;
right: -1px;
width: 26px;
height: 30px;
background: #2ba33b;
-webkit-clip-path: polygon(100% 100%, 0% 100%, 100% 0);
clip-path: polygon(100% 100%, 0% 100%, 100% 0);
z-index: 1;
}
.bwd-step-style-6 .bwd-step-wrapper .bwd-step-item::before {
content: "";
position: absolute;
background: #000000b5;
bottom: -80px;
right: -24px;
width: 60px;
height: 60px;
border-radius: 50%;
-webkit-filter: blur(30px);
filter: blur(30px);
}
.bwd-step-style-6 .bwd-step-wrapper .bwd-step-item .bwd-step-number {
width: 104px;
height: 138%;
position: absolute;
right: -104px;
top: -30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 18px;
z-index: 1;
}
@media (max-width: 767px) {
.bwd-step-style-6 .bwd-step-wrapper .bwd-step-item .bwd-step-number {
height: 130%;
}
}
.bwd-step-style-6 .bwd-step-wrapper .bwd-step-item .bwd-step-number::before {
content: "";
position: absolute;
bottom: 1px;
left: -30px;
width: 30.5px;
height: 20%;
background: #2aa03a;
z-index: -1;
-webkit-clip-path: polygon(100% 100%, 100% 0, 0 0);
clip-path: polygon(100% 100%, 100% 0, 0 0);
}
.bwd-step-style-6 .bwd-step-wrapper .bwd-step-item .bwd-step-number::after {
content: "";
background: #2ba33b;
-webkit-clip-path: polygon(0% 0%, 0% 0, 100% 50%, 0% 100%, 0% 100%);
clip-path: polygon(0% 0%, 0% 0, 100% 50%, 0% 100%, 0% 100%);
top: 0;
right: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
}
.bwd-step-style-6
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number
.bwd-step-title {
text-transform: uppercase;
font-weight: 600;
font-size: 30px;
line-height: 1;
color: #fff;
}
.bwd-step-style-6 .bwd-step-wrapper .bwd-step-item .bwd-step-icon {
font-size: 40px;
color: #2ba33b;
margin-bottom: 20px;
position: relative;
-webkit-transform: rotateY(0);
transform: rotateY(0);
-webkit-transition: 0.4s linear;
transition: 0.4s linear;
}
.bwd-step-style-6 .bwd-step-wrapper .bwd-step-item:hover .bwd-step-icon {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.bwd-step-style-6
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #2ba33b;
font-size: 23px;
font-weight: 700;
text-transform: capitalize;
}
@media (max-width: 767px) {
.bwd-step-style-6
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
font-size: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-6
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
font-size: 17px;
}
}
.bwd-step-style-6
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-description {
font-size: 14px;
line-height: 18px;
margin-top: 6px;
font-weight: 500;
letter-spacing: 0.6px;
}
.bwd-step-style-6 .row > :nth-child(2) .bwd-step-wrapper::before {
background: #f69602;
}
.bwd-step-style-6
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::before {
background: #f69602;
}
.bwd-step-style-6
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::after {
background: #f69602;
}
.bwd-step-style-6
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-icon {
color: #f69602;
}
.bwd-step-style-6
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #f69602;
}
.bwd-step-style-6 .row > :nth-child(3) .bwd-step-wrapper::before {
background: #1d9cd7;
}
.bwd-step-style-6
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::before {
background: #1d9cd7;
}
.bwd-step-style-6
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::after {
background: #1d9cd7;
}
.bwd-step-style-6
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-icon {
color: #1d9cd7;
}
.bwd-step-style-6
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #1d9cd7;
}
.bwd-step-style-6 .row > :nth-child(4) .bwd-step-wrapper::before {
background: #f35601;
}
.bwd-step-style-6
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::before {
background: #f35601;
}
.bwd-step-style-6
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::after {
background: #f35601;
}
.bwd-step-style-6
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-icon {
color: #f35601;
}
.bwd-step-style-6
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #f35601;
}
.bwd-step-style-7 .bwd-step-item {
text-align: center;
position: relative;
-webkit-filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.35));
filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.35));
margin: 0 8px 50px;
}
.bwd-step-style-7 .bwd-step-item::before {
content: "";
position: absolute;
width: 15%;
height: 40px;
background-color: #2ba33b;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
clip-path: polygon(0 0, 0% 100%, 100% 100%);
bottom: 80px;
right: 0;
z-index: -1;
}
.bwd-step-style-7 .bwd-step-item::after {
content: "";
position: absolute;
bottom: 80px;
left: 0;
width: 15%;
height: 40px;
background-color: #2ba33b;
-webkit-clip-path: polygon(100% 100%, 0% 100%, 100% 0);
clip-path: polygon(100% 100%, 0% 100%, 100% 0);
z-index: -1;
}
.bwd-step-style-7 .bwd-step-item .bwd-step-content {
-webkit-clip-path: polygon(0% 0, 100% 0, 90% 100%, 10% 100%);
clip-path: polygon(0% 0, 100% 0, 90% 100%, 10% 100%);
background: #f1f1f1;
padding: 15px 55px 25px;
margin-bottom: -10px;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
@media (max-width: 767px) {
.bwd-step-style-7 .bwd-step-item .bwd-step-content {
padding: 15px 32px 25px;
}
}
.bwd-step-style-7 .bwd-step-item .bwd-step-content .bwd-step-icon {
font-size: 42px;
color: #2ba33b;
margin-bottom: 20px;
}
.bwd-step-style-7 .bwd-step-item .bwd-step-content .bwd-step-title {
color: #2ba33b;
font-size: 25px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 10px;
}
.bwd-step-style-7 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
}
.bwd-step-style-7 .bwd-step-item:hover .bwd-step-content {
margin-bottom: 0;
}
.bwd-step-style-7 .bwd-step-item .bwd-step-number {
-webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
background: #2ba33b;
color: #fff;
padding: 15px;
height: 81px;
position: relative;
}
.bwd-step-style-7 .bwd-step-item .bwd-step-number .bwd-step-num {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.bwd-step-style-7 .bwd-step-item .bwd-step-number .bwd-step-title {
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
font-size: 32px;
line-height: 1;
color: #fff;
}
.bwd-step-style-7 .row > :nth-child(2) .bwd-step-item::before {
background: #ee5a24;
}
.bwd-step-style-7 .row > :nth-child(2) .bwd-step-item::after {
background: #ee5a24;
}
.bwd-step-style-7
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-content
.bwd-step-icon {
color: #ee5a24;
}
.bwd-step-style-7
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #ee5a24;
}
.bwd-step-style-7 .row > :nth-child(2) .bwd-step-item .bwd-step-number {
background: #f46734;
}
.bwd-step-style-7 .row > :nth-child(3) .bwd-step-item::before {
background: #b53471;
}
.bwd-step-style-7 .row > :nth-child(3) .bwd-step-item::after {
background: #b53471;
}
.bwd-step-style-7
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-content
.bwd-step-icon {
color: #b53471;
}
.bwd-step-style-7
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #b53471;
}
.bwd-step-style-7 .row > :nth-child(3) .bwd-step-item .bwd-step-number {
background: #b53471;
}
.bwd-step-style-7 .row > :nth-child(4) .bwd-step-item::before {
background: #e84118;
}
.bwd-step-style-7 .row > :nth-child(4) .bwd-step-item::after {
background: #e84118;
}
.bwd-step-style-7
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-content
.bwd-step-icon {
color: #e84118;
}
.bwd-step-style-7
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #e84118;
}
.bwd-step-style-7 .row > :nth-child(4) .bwd-step-item .bwd-step-number {
background: #e84118;
}
.bwd-step-style-8 .bwd-step-item {
text-align: center;
border: 2px solid #2ba33b;
padding: 80px 35px 30px;
border-radius: 15px;
border-right-color: transparent;
position: relative;
margin-right: 20px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.bwd-step-style-8 .bwd-step-item {
padding: 120px 20px 30px;
}
}
.bwd-step-style-8 .bwd-step-item::before {
position: absolute;
content: "";
width: 2px;
height: 140px;
bottom: 3px;
right: 2px;
background: #2ba33b;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
}
.bwd-step-style-8 .bwd-step-item .bwd-step-number-eight {
position: absolute;
top: -5px;
right: -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 70px;
height: 70px;
text-align: center;
background: #2ba33b;
border-radius: 100%;
color: #fff;
outline-offset: 8px;
-webkit-box-shadow: 4px 4px 20px rgba(142, 141, 141, 0.445);
box-shadow: 4px 4px 20px rgba(142, 141, 141, 0.445);
-webkit-transform: rotateY(0);
transform: rotateY(0);
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
.bwd-step-style-8 .bwd-step-item .bwd-step-number-eight .bwd-step-title-eight {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
font-size: 40px;
line-height: 1;
color: #fff;
}
.bwd-step-style-8 .bwd-step-item:hover .bwd-step-number-eight {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwd-step-style-8 .bwd-step-item .bwd-step-icon {
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
font-size: 35px;
line-height: 80px;
width: 80px;
height: 80px;
border-radius: 50%;
margin: 0 auto;
z-index: 1;
color: #333;
-webkit-transition: .3s linear;
transition: .3s linear;
}
.bwd-step-style-8 .bwd-step-item .bwd-step-content {
margin-top: 10px;
}
.bwd-step-style-8 .bwd-step-item .bwd-step-content .bwd-step-title {
color: #2ba33b;
font-size: 25px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 15px;
font-style: italic;
}
.bwd-step-style-8 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
}
@media (max-width: 767px){
.bwd-step-style-8 .bwd-step-item .bwd-step-icon {
top: 30px;
line-height: 70px;
width: 70px;
height: 70px;
font-size: 30px;
}
}
@media (max-width: 767px) {
.bwd-step-style-8 .bwd-step-item .bwd-step-content .bwd-description {
letter-spacing: 0;
}
}
.bwd-step-style-8 .row > :nth-child(2) .bwd-step-item {
border-color: #2980b9;
border-right-color: transparent;
}
.bwd-step-style-8 .row > :nth-child(2) .bwd-step-item::before {
background: #2980b9;
}
.bwd-step-style-8 .row > :nth-child(2) .bwd-step-item .bwd-step-number-eight {
background: #2980b9;
}
.bwd-step-style-8
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #2980b9;
}
.bwd-step-style-8 .row > :nth-child(3) .bwd-step-item {
border-color: #f39c12;
border-right-color: transparent;
}
.bwd-step-style-8 .row > :nth-child(3) .bwd-step-item::before {
background: #f39c12;
}
.bwd-step-style-8 .row > :nth-child(3) .bwd-step-item .bwd-step-number-eight {
background: #f39c12;
}
.bwd-step-style-8
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #f39c12;
}
.bwd-step-style-8 .row > :nth-child(4) .bwd-step-item {
border-color: #8e44ad;
border-right-color: transparent;
}
.bwd-step-style-8 .row > :nth-child(4) .bwd-step-item::before {
background: #8e44ad;
}
.bwd-step-style-8 .row > :nth-child(4) .bwd-step-item .bwd-step-number-eight {
background: #8e44ad;
}
.bwd-step-style-8
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #8e44ad;
}
.bwd-step-style.bwd-step-style-9 {
margin-top: 20px;
}
.bwd-step-style-9 .bwd-step-item {
color: #555;
background-color: #fff;
text-align: center;
padding: 0 0 35px;
margin-bottom: 40px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
border-radius: 20px 20px;
position: relative;
z-index: 1;
-webkit-transition: all ease .3s;
transition: all ease .3s;
}
.bwd-step-style-9 .bwd-step-item::before {
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(#FFC312), to(#F79F1F));
background: linear-gradient(to bottom, #FFC312, #F79F1F);
width: 100%;
height: 49px;
border-radius: 0 0 20px 20px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.bwd-step-style-9 .bwd-step-item .bwd-step-number .bwd-title {
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#FFC312), to(#F79F1F));
background: linear-gradient(to bottom, #FFC312, #F79F1F);
font-size: 45px;
line-height: 130px;
width: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
border-radius: 40px 0 100px 100px;
position: relative;
margin-bottom: 10px;
top: -15px;
}
.bwd-step-style-9 .bwd-step-item .bwd-step-number .bwd-title::before, .bwd-step-style-9 .bwd-step-item .bwd-step-number .bwd-title::after {
content: "";
background: #F79F1F;
width: 25px;
height: 15px;
border-radius: 50px 50px 0 0;
position: absolute;
top: 0;
left: 80px;
}
.bwd-step-style-9 .bwd-step-item .bwd-step-number .bwd-title::after {
background: #FFC312;
border-radius: 50px 0 0 0;
left: 65px;
z-index: -2;
}
.bwd-step-style-9 .bwd-step-item .bwd-step-icon {
color: #afafaf;
font-size: 60px;
position: absolute;
right: 20px;
top: 30px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.bwd-step-style-9 .bwd-step-item:hover .bwd-step-icon {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwd-step-style-9 .bwd-step-item .bwd-step-content .bwd-title {
font-size: 19px;
font-weight: 600;
text-transform: uppercase;
padding: 0 15px;
margin: 0 0 10px;
}
.bwd-step-style-9 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 15px;
text-align: center;
line-height: 25px;
padding: 0 20px;
margin: 0 0 30px;
}
.bwd-step-style-9 .row > *:nth-child(2) .bwd-step-item::before {
background: -webkit-gradient(linear, left top, left bottom, from(#B53471), to(#6F1E51));
background: linear-gradient(to bottom, #B53471, #6F1E51);
}
.bwd-step-style-9 .row > *:nth-child(2) .bwd-step-item .bwd-step-number .bwd-title {
background: -webkit-gradient(linear, left top, left bottom, from(#B53471), to(#6F1E51));
background: linear-gradient(to bottom, #B53471, #6F1E51);
}
.bwd-step-style-9 .row > *:nth-child(2) .bwd-step-item .bwd-step-number .bwd-title::before {
background: #6F1E51;
}
.bwd-step-style-9 .row > *:nth-child(2) .bwd-step-item .bwd-step-number .bwd-title::after {
background: #B53471;
}
.bwd-step-style-9 .row > *:nth-child(3) .bwd-step-item::before {
background: -webkit-gradient(linear, left top, left bottom, from(#ee3838), to(#ce1500));
background: linear-gradient(to bottom, #ee3838, #ce1500);
}
.bwd-step-style-9 .row > *:nth-child(3) .bwd-step-item .bwd-step-number .bwd-title {
background: -webkit-gradient(linear, left top, left bottom, from(#ee3838), to(#ce1500));
background: linear-gradient(to bottom, #ee3838, #ce1500);
}
.bwd-step-style-9 .row > *:nth-child(3) .bwd-step-item .bwd-step-number .bwd-title::before {
background: #ce1500;
}
.bwd-step-style-9 .row > *:nth-child(3) .bwd-step-item .bwd-step-number .bwd-title::after {
background: #ee3838;
}
.bwd-step-style-9 .row > *:nth-child(4) .bwd-step-item::before {
background: -webkit-gradient(linear, left top, left bottom, from(#00adef), to(#00689b));
background: linear-gradient(to bottom, #00adef, #00689b);
}
.bwd-step-style-9 .row > *:nth-child(4) .bwd-step-item .bwd-step-number .bwd-title {
background: -webkit-gradient(linear, left top, left bottom, from(#00adef), to(#00689b));
background: linear-gradient(to bottom, #00adef, #00689b);
}
.bwd-step-style-9 .row > *:nth-child(4) .bwd-step-item .bwd-step-number .bwd-title::before {
background: #00689b;
}
.bwd-step-style-9 .row > *:nth-child(4) .bwd-step-item .bwd-step-number .bwd-title::after {
background: #00adef;
}
.bwd-step-style-10 .bwd-step-wrapper {
-webkit-filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.39));
filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.39));
position: relative;
}
.bwd-step-style.bwd-step-style-10 {
padding-top: 20px;
}
.bwd-step-style-10 .bwd-step-wrapper .show-arrow {
content: "";
position: absolute;
top: 50%;
right: -22px;
background-color: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 23px;
height: 30px;
z-index: 2;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.bwd-step-style-10 .bwd-step-item {
position: relative;
padding: 20px 20px 20px 65px;
background-color: #fff;
text-align: center;
margin-bottom: 70px;
}
.bwd-step-style-10 .bwd-step-item::before {
content: "";
position: absolute;
top: -20px;
left: 0px;
width: 40px;
height: 100%;
background: #0a697d;
border-top-left-radius: 88px;
border-top-right-radius: 13px;
z-index: -1;
transform: rotateY(180deg);
}
.bwd-step-style-10 .bwd-step-item .bwd-step-number {
height: 120%;
top: -15px;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 85px;
position: absolute;
}
.bwd-step-style-10 .bwd-step-item .bwd-step-number::before {
position: absolute;
content: "";
-webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
clip-path: polygon(100% 0, 0 100%, 100% 100%);
background: #0a697d;
color: #fff;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotateY(180deg);
}
.bwd-step-style-10 .bwd-step-item .bwd-step-number::after {
content: "";
position: absolute;
bottom: 1px;
left: 55px;
width: 50px;
height: 100px;
background: #0a697d;
border-bottom-left-radius: 20px;
z-index: -1;
transform: rotateY(180deg);
}
.bwd-step-style-10 .bwd-step-item .bwd-step-number .bwd-step-title {
text-transform: uppercase;
font-weight: 700;
font-size: 40px;
line-height: 1;
color: #fff;
padding-right: 17px;
position: relative;
z-index: 1;
}
.bwd-step-style-10 .bwd-step-item .bwd-step-number .bwd-step-title:last-child {
padding-bottom: 25px;
}
@media (max-width: 767px) {
.bwd-step-style-10
.bwd-step-item
.bwd-step-number
.bwd-step-title:last-child {
margin-bottom: -7px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-10
.bwd-step-item
.bwd-step-number
.bwd-step-title:last-child {
margin-bottom: 10px;
}
}
.bwd-step-style-10 .bwd-step-item .bwd-step-icon {
-webkit-transform:  rotateX(0);
transform:  rotateX(0);
font-size: 32px;
font-weight: 700;
color: #0a697d;
-webkit-transition: 0.4s linear;
transition: 0.4s linear;
margin-bottom: 15px;
display: block;
}
.bwd-step-style-10 .bwd-step-item:hover .bwd-step-icon {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.bwd-step-style-10 .bwd-step-item .bwd-step-content .bwd-step-title {
color: #0a697d;
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 5px;
line-height: 1.2;
}
.bwd-step-style-10 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 13px;
font-weight: 500;
line-height: 24px;
}
.bwd-step-style-10 .row > :nth-child(2) .bwd-step-item::before {
background-color: #0d89fb;
}
.bwd-step-style-10
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-number::before {
background-color: #0d89fb;
}
.bwd-step-style-10 .row > :nth-child(2) .bwd-step-item .bwd-step-number::after {
background-color: #0d89fb;
}
.bwd-step-style-10 .row > :nth-child(2) .bwd-step-item .bwd-step-icon {
color: #0d89fb;
}
.bwd-step-style-10
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #0d89fb;
}
.bwd-step-style-10 .row > :nth-child(3) .bwd-step-item::before {
background-color: #5db15c;
}
.bwd-step-style-10
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-number::before {
background-color: #5db15c;
}
.bwd-step-style-10 .row > :nth-child(3) .bwd-step-item .bwd-step-number::after {
background-color: #5db15c;
}
.bwd-step-style-10 .row > :nth-child(3) .bwd-step-item .bwd-step-icon {
color: #5db15c;
}
.bwd-step-style-10
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #5db15c;
}
.bwd-step-style-10 .row > :nth-child(4) .bwd-step-item::before {
background-color: #fcb229;
}
.bwd-step-style-10
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-number::before {
background-color: #fcb229;
}
.bwd-step-style-10 .row > :nth-child(4) .bwd-step-item .bwd-step-number::after {
background-color: #fcb229;
}
.bwd-step-style-10 .row > :nth-child(4) .bwd-step-item .bwd-step-icon {
color: #fcb229;
}
.bwd-step-style-10
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #fcb229;
}
.bwd-step-style-11 .bwd-step-item-eleven {
-webkit-filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.39));
filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.39));
text-align: center;
position: relative;
padding: 40px 55px;
z-index: 1;
margin-right: 10px;
margin-bottom: 40px;
}
.bwd-step-style-11 .bwd-step-bg-boxb::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(
25% 0%,
75% 0%,
100% 50%,
75% 100%,
25% 100%,
0% 50%
);
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
background-color: #fff;
z-index: -1;
}
.bwd-step-style-11 .bwd-step-item-eleven::after {
position: absolute;
content: "";
top: 30px;
right: -22px;
width: 100%;
height: 80%;
background: #00c0e1;
z-index: -2;
-webkit-clip-path: polygon(
25% 0%,
75% 0%,
100% 50%,
75% 100%,
25% 100%,
0% 50%
);
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
.bwd-step-style-11 .bwd-step-item-eleven:hover::after {
top: 15px;
height: 90%;
}
.bwd-step-style-11 .bwd-step-item-eleven:hover .bwd-step-icon {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-box-shadow: none;
box-shadow: none;
}
.bwd-step-style-11 .bwd-step-item-eleven .bwd-step-icon {
position: absolute;
top: 10px;
left: 15px;
width: 65px;
height: 65px;
display: block;
background: #00c0e1;
border-radius: 100%;
color: #fff;
font-size: 40px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 60px 40px -7px;
box-shadow: rgba(0, 0, 0, 0.2) 0 60px 40px -7px;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.bwd-step-style-11 .bwd-step-item-eleven .bwd-step-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.bwd-step-style-11 .bwd-step-item-eleven .bwd-step-icon {
width: 55px;
height: 55px;
line-height: 55px;
font-size: 28px;
}
}
.bwd-step-style-11
.bwd-step-item-eleven
.bwd-step-number-eleven
.bwd-step-title-eleven {
font-size: 50px;
font-weight: 900;
color: #00c0e1;
line-height: 1;
letter-spacing: 3px;
margin-bottom: 10px;
text-transform: capitalize;
}
.bwd-step-style-11 .bwd-step-item-eleven .bwd-step-content .bwd-step-title {
text-transform: uppercase;
font-weight: 700;
font-size: 25px;
line-height: 1;
color: #00c0e1;
margin-bottom: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-11 .bwd-step-item-eleven .bwd-step-content .bwd-step-title {
font-size: 19px;
}
}
.bwd-step-style-11 .bwd-step-item-eleven .bwd-step-content .bwd-description {
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
line-height: 20px;
}
@media (max-width: 767px) {
.bwd-step-style-11 .bwd-step-item-eleven .bwd-step-content .bwd-description {
letter-spacing: 0;
}
}
.bwd-step-style-11 .row > :nth-child(2) .bwd-step-item-eleven::after {
background-color: #2e226d;
}
.bwd-step-style-11 .row > :nth-child(2) .bwd-step-item-eleven .bwd-step-icon {
background-color: #2e226d;
}
.bwd-step-style-11
.row
> :nth-child(2)
.bwd-step-item-eleven
.bwd-step-number-eleven
.bwd-step-title-eleven {
color: #2e226d;
}
.bwd-step-style-11
.row
> :nth-child(2)
.bwd-step-item-eleven
.bwd-step-content
.bwd-step-title {
color: #2e226d;
}
.bwd-step-style-11 .row > :nth-child(3) .bwd-step-item-eleven::after {
background-color: #ff3754;
}
.bwd-step-style-11 .row > :nth-child(3) .bwd-step-item-eleven .bwd-step-icon {
background-color: #ff3754;
}
.bwd-step-style-11
.row
> :nth-child(3)
.bwd-step-item-eleven
.bwd-step-number-eleven
.bwd-step-title-eleven {
color: #ff3754;
}
.bwd-step-style-11
.row
> :nth-child(3)
.bwd-step-item-eleven
.bwd-step-content
.bwd-step-title {
color: #ff3754;
}
.bwd-step-style-11 .row > :nth-child(4) .bwd-step-item-eleven::after {
background-color: #5db15c;
}
.bwd-step-style-11 .row > :nth-child(4) .bwd-step-item-eleven .bwd-step-icon {
background-color: #5db15c;
}
.bwd-step-style-11
.row
> :nth-child(4)
.bwd-step-item-eleven
.bwd-step-number-eleven
.bwd-step-title-eleven {
color: #5db15c;
}
.bwd-step-style-11
.row
> :nth-child(4)
.bwd-step-item-eleven
.bwd-step-content
.bwd-step-title {
color: #5db15c;
}
.bwd-step-style-12 .bwd-step-wrapper {
position: relative;
}
.bwd-step-style-12 .bwd-step-wrapper::after {
content: "";
position: absolute;
top: 0;
left: 0px;
width: 12px;
height: 100%;
background: #169406;
border-top-right-radius: 30px;
}
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item {
text-align: center;
position: relative;
padding: 90px 45px 40px 27px;
margin-right: 53px;
-webkit-filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.15));
filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.15));
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item {
padding: 100px 30px 40px 45px;
}
}
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f4f4f4;
-webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%);
z-index: -1;
}
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item::after {
position: absolute;
top: 62%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -60px;
content: "";
width: 80px;
height: 120px;
background: #f4f4f4;
border-radius: 0px 70px 70px 0px;
z-index: -2;
}
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item .bwd-step-icon {
position: absolute;
top: 62%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -55px;
width: 85px;
height: 85px;
line-height: 85px;
font-size: 25px;
background: #19a807;
border-radius: 100%;
display: block;
-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
color: #169406;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item .bwd-step-icon {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 28px;
}
}
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item .bwd-step-icon::before {
position: absolute;
top: 7px;
left: 7px;
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 100%;
background-color: #fafafa;
content: "";
z-index: -2;
text-align: center;
display: block;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.288);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.288);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item .bwd-step-icon::before {
top: 7px;
left: 7px;
width: 65px;
height: 65px;
line-height: 65px;
}
}
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item .bwd-step-number {
text-align: center;
margin-bottom: 15px;
}
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item .bwd-step-number .bwd-title {
text-transform: uppercase;
color: #169406;
border-radius: 30px;
display: inline-block;
width: 50px;
height: 50px;
line-height: 45px;
font-weight: 800;
text-align: center;
font-size: 25px;
box-shadow: 0 0 0 5px #0000000f;
}
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-title {
font-size: 28px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 10px;
color: #169406;
line-height: 1.2;
}
@media (min-width: 992px) and (max-width: 1199px) {
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-title {
font-size: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-title {
font-size: 18px;
margin-bottom: 5px;
}
}
.bwd-step-style-12 .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-description {
font-size: 13px;
font-weight: 500;
color: #333;
line-height: 20px;
}
.bwd-step-style-12 .row > *:nth-child(2) .bwd-step-wrapper::before {
background-color: #fe5801;
}
.bwd-step-style-12 .row > *:nth-child(2) .bwd-step-wrapper::after {
background-color: #fe5801;
}
.bwd-step-style-12 .row > *:nth-child(2) .bwd-step-wrapper .bwd-step-item .bwd-step-icon {
background-color: #fe5801;
color: #fe5801;
}
.bwd-step-style-12 .row > *:nth-child(2) .bwd-step-wrapper .bwd-step-item .bwd-step-number .bwd-title {
color: #fe5801;
border-color: #fe5801;
}
.bwd-step-style-12 .row > *:nth-child(2) .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-title {
color: #fe5801;
}
.bwd-step-style-12 .row > *:nth-child(3) .bwd-step-wrapper::before {
background-color: #00a5f8;
}
.bwd-step-style-12 .row > *:nth-child(3) .bwd-step-wrapper::after {
background-color: #00a5f8;
}
.bwd-step-style-12 .row > *:nth-child(3) .bwd-step-wrapper .bwd-step-item .bwd-step-icon {
background-color: #00a5f8;
color: #00a5f8;
}
.bwd-step-style-12 .row > *:nth-child(3) .bwd-step-wrapper .bwd-step-item .bwd-step-number .bwd-title {
color: #00a5f8;
border-color: #00a5f8;
}
.bwd-step-style-12 .row > *:nth-child(3) .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-title {
color: #00a5f8;
}
.bwd-step-style-12 .row > *:nth-child(4) .bwd-step-wrapper::before {
background-color: #ffaa11;
}
.bwd-step-style-12 .row > *:nth-child(4) .bwd-step-wrapper::after {
background-color: #ffaa11;
}
.bwd-step-style-12 .row > *:nth-child(4) .bwd-step-wrapper .bwd-step-item .bwd-step-icon {
background-color: #ffaa11;
color: #ffaa11;
}
.bwd-step-style-12 .row > *:nth-child(4) .bwd-step-wrapper .bwd-step-item .bwd-step-number .bwd-title {
color: #ffaa11;
border-color: #ffaa11;
}
.bwd-step-style-12 .row > *:nth-child(4) .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-title {
color: #ffaa11;
}
.bwd-step-style-13 .bwd-step-item-thirteen {
text-align: center;
position: relative;
-webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.615));
filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.615));
padding: 40px 25px;
margin: 0 5px;
margin-bottom: 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
.bwd-step-style-13 .bwd-step-item-thirteen {
padding: 70px 0 25px;
}
}
@media (max-width: 767px) {
.bwd-step-style-13 .bwd-step-item-thirteen {
padding: 70px 0 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-13 .bwd-step-item-thirteen {
padding: 90px 0 25px;
}
}
.bwd-step-style-13 .bwd-step-bg-boxb::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
-webkit-clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
z-index: -1;
border-bottom-left-radius: 200px;
border-bottom-right-radius: 200px;
}
.bwd-step-style-13 .bwd-step-item-thirteen .bwd-step-number-thirteen {
position: absolute;
top: 15px;
left: 20px;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
z-index: -2;
}
.bwd-step-style-13 .bwd-step-item-thirteen .bwd-step-number-thirteen::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 84%;
height: 50%;
z-index: -9;
-webkit-clip-path: polygon(0 100%, 0 0, 100% 0);
clip-path: polygon(0 100%, 0 0, 100% 0);
background: #169406;
}
.bwd-step-style-13
.bwd-step-item-thirteen
.bwd-step-number-thirteen
.bwd-step-title-thirteen {
padding: 10px;
font-size: 38px;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
}
.bwd-step-style-13 .bwd-step-item-thirteen .bwd-step-content {
padding: 70px 0 25px;
}
.bwd-step-style-13 .bwd-step-item-thirteen .bwd-step-content .bwd-step-title {
text-transform: uppercase;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
color: #169406;
}
.bwd-step-style-13 .bwd-step-item-thirteen .bwd-step-content .bwd-description {
margin-top: 5px;
font-size: 13px;
font-weight: 500;
color: #333;
letter-spacing: 0.5px;
}
.bwd-step-style-13 .bwd-step-item-thirteen .bwd-step-icon {
background: -webkit-gradient(
linear,
right top,
left top,
from(#dedfe1),
to(#f3f3f3)
);
background: linear-gradient(to left, #dedfe1, #f3f3f3);
font-size: 38px;
width: 90px;
height: 90px;
border-radius: 50%;
margin: 0 auto;
z-index: 1;
position: relative;
color: #169406;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
.bwd-step-style-13 .bwd-step-item-thirteen .bwd-step-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bwd-step-style-13 .bwd-step-item-thirteen .bwd-step-icon::before {
content: "";
background:#dedfe1;
width: 88%;
height: 88%;
border-radius: 50%;
-webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.164);
box-shadow: 5px 0 5px rgba(0, 0, 0, 0.164);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
}
.bwd-step-style-13 .bwd-step-item-thirteen:hover .bwd-step-icon {
-webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.14);
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.14);
}
.bwd-step-style-13
.row
> :nth-child(2)
.bwd-step-item-thirteen
.bwd-step-number-thirteen::before {
background: #f58e00;
}
.bwd-step-style-13
.row
> :nth-child(2)
.bwd-step-item-thirteen
.bwd-step-content
.bwd-step-title {
color: #f58e00;
}
.bwd-step-style-13 .row > :nth-child(2) .bwd-step-item-thirteen .bwd-step-icon {
color: #f58e00;
}
.bwd-step-style-13
.row
> :nth-child(3)
.bwd-step-item-thirteen
.bwd-step-number-thirteen::before {
background: #f14400;
}
.bwd-step-style-13
.row
> :nth-child(3)
.bwd-step-item-thirteen
.bwd-step-content
.bwd-step-title {
color: #f14400;
}
.bwd-step-style-13 .row > :nth-child(3) .bwd-step-item-thirteen .bwd-step-icon {
color: #f14400;
}
.bwd-step-style-13
.row
> :nth-child(4)
.bwd-step-item-thirteen
.bwd-step-number-thirteen::before {
background: #1480bc;
}
.bwd-step-style-13
.row
> :nth-child(4)
.bwd-step-item-thirteen
.bwd-step-content
.bwd-step-title {
color: #1480bc;
}
.bwd-step-style-13 .row > :nth-child(4) .bwd-step-item-thirteen .bwd-step-icon {
color: #1480bc;
}
.bwd-step-style-14 .bwd-step-item {
position: relative;
-webkit-box-shadow: -15px 5px 20px rgba(0, 0, 0, 0.233);
box-shadow: -15px 5px 20px rgba(0, 0, 0, 0.233);
text-align: center;
padding: 35px 40px 35px 30px;
background-color: #fff;
margin-right: 55px;
margin-left: 15px;
border-radius: 20px;
margin-bottom: 40px;
}
.bwd-step-style-14 .bwd-step-item::before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -60px;
content: "";
width: 80px;
height: 120px;
background: #fff;
-webkit-box-shadow: -5px 5px 25px rgba(0, 0, 0, 0.25);
box-shadow: -5px 5px 25px rgba(0, 0, 0, 0.25);
border-radius: 0 70px 70px 0;
z-index: -2;
}
.bwd-step-style-14 .bwd-step-item .bwd-step-icon-fourteen {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -50px;
width: 85px;
height: 85px;
line-height: 85px;
font-size: 25px;
background: #fa1;
border-radius: 100%;
display: block;
-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.26);
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.26);
color: #fa1;
}
.bwd-step-style-14 .bwd-step-item .bwd-step-icon-fourteen::before {
position: absolute;
top: 5px;
right: 5px;
width: 75px;
height: 75px;
line-height: 75px;
border-radius: 100%;
background-color: #fafafa;
content: "";
z-index: -2;
text-align: center;
display: block;
-webkit-box-shadow: 5px 5px 5px rgba(15, 15, 15, 0.116);
box-shadow: 5px 5px 5px rgba(15, 15, 15, 0.116);
}
.bwd-step-style-14 .bwd-step-item .bwd-step-number-fourteen {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -15px;
width: 40px;
height: 130px;
background: #fa1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.bwd-step-style-14 .bwd-step-item .bwd-step-number::before {
position: absolute;
content: "";
top: -20px;
left: 0;
z-index: -1;
width: 39%;
height: 16%;
-webkit-clip-path: polygon(100% 100%, 0% 100%, 100% 0);
clip-path: polygon(100% 100%, 0% 100%, 100% 0);
background: #fa1;
}
.bwd-step-style-14 .bwd-step-item .bwd-step-number::after {
position: absolute;
content: "";
bottom: -22px;
left: 0;
z-index: -1;
width: 39%;
height: 17%;
background: #fa1;
-webkit-clip-path: polygon(100% 100%, 100% 0, 0 0);
clip-path: polygon(100% 100%, 100% 0, 0 0);
}
.bwd-step-style-14 .bwd-step-item .bwd-step-number .bwd-step-title {
font-weight: 700;
font-size: 28px;
line-height: 1;
color: #fff;
}
.bwd-step-style-14 .bwd-step-item .bwd-step-content .bwd-step-title {
font-size: 24px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 15px;
color: #fa1;
line-height: 1.2;
}
@media (max-width: 767px) {
.bwd-step-style-14 .bwd-step-item .bwd-step-content .bwd-step-title {
font-size: 17px;
margin-bottom: 0;
}
}
.bwd-step-style-14 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 13px;
letter-spacing: 0.5px;
color: #333;
}
@media (max-width: 767px) {
.bwd-step-style-14 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 11px;
letter-spacing: 0;
}
}
.bwd-step-style-14 .row > :nth-child(2) .bwd-step-item .bwd-step-icon-fourteen {
background-color: #00a5f8;
color: #00a5f8;
}
.bwd-step-style-14 .row > :nth-child(2) .bwd-step-item .bwd-step-number {
background-color: #00a5f8;
}
.bwd-step-style-14
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-number::before {
background-color: #00a5f8;
}
.bwd-step-style-14 .row > :nth-child(2) .bwd-step-item .bwd-step-number::after {
background-color: #00a5f8;
}
.bwd-step-style-14
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #00a5f8;
}
.bwd-step-style-14 .row > :nth-child(3) .bwd-step-item .bwd-step-icon-fourteen {
background-color: #fe5801;
color: #fe5801;
}
.bwd-step-style-14 .row > :nth-child(3) .bwd-step-item .bwd-step-number {
background-color: #fe5801;
}
.bwd-step-style-14
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-number::before {
background-color: #fe5801;
}
.bwd-step-style-14 .row > :nth-child(3) .bwd-step-item .bwd-step-number::after {
background-color: #fe5801;
}
.bwd-step-style-14
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #fe5801;
}
.bwd-step-style-14 .row > :nth-child(4) .bwd-step-item .bwd-step-icon-fourteen {
background-color: #169406;
color: #169406;
}
.bwd-step-style-14 .row > :nth-child(4) .bwd-step-item .bwd-step-number {
background-color: #169406;
}
.bwd-step-style-14
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-number::before {
background-color: #169406;
}
.bwd-step-style-14 .row > :nth-child(4) .bwd-step-item .bwd-step-number::after {
background-color: #169406;
}
.bwd-step-style-14
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #169406;
}
.bwd-step-style-15 .bwd-step-item-fifteen {
position: relative;
padding: 25px 44px 25px 40px;
color: #fff;
margin-left: 56px;
margin-right: 20px;
margin-bottom: 40px;
z-index: 1;
}
@media (max-width: 767px) {
.bwd-step-style-15 .bwd-step-item-fifteen {
padding: 25px 50px 25px 55px;
}
}
.bwd-step-style-15 .bwd-step-bg-boxb::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
background: -webkit-gradient(
linear,
left top,
right top,
from(#f83600),
to(#fe8c00)
);
background: linear-gradient(to right, #f83600, #fe8c00);
z-index: -1;
-webkit-transition: 0.8s linear;
transition: 0.8s linear;
}
.bwd-step-style-15 .bwd-step-item-fifteen:hover::before {
background-size: 350%, 350%;
}
.bwd-step-style-15 .bwd-step-item-fifteen .bwd-step-number-fifteen {
font-family: "Open Sans", sans-serif;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -60px;
width: 90px;
height: 90px;
border-radius: 100%;
background: -webkit-gradient(
linear,
left top,
right top,
from(#fe8c00),
to(#f83600)
);
background: linear-gradient(to right, #fe8c00, #f83600);
font-size: 45px;
font-weight: 900;
border: 5px solid #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
-webkit-transition: 0.8 linear;
transition: 0.8 linear;
}
@media (max-width: 767px) {
.bwd-step-style-15 .bwd-step-item-fifteen .bwd-step-number-fifteen {
width: 100px;
height: 100px;
font-size: 40px;
}
}
.bwd-step-style-15 .bwd-step-item-fifteen:hover .bwd-step-number-fifteen {
background-size: 350%, 350%;
}
.bwd-step-style-15 .bwd-step-item-fifteen .bwd-step-icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -25px;
width: 70px;
height: 70px;
background:#fe8c00;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 25px;
border: 3px solid #fff;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
-webkit-transition: 0.8s linear;
transition: 0.8s linear;
}
.bwd-step-style-15 .bwd-step-item-fifteen:hover .bwd-step-icon {
background-size: 350%, 350%;
}
.bwd-step-style-15 .bwd-step-item-fifteen .bwd-step-content .bwd-step-title {
font-size: 30px;
margin-bottom: 5px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 767px) {
.bwd-step-style-15 .bwd-step-item-fifteen .bwd-step-content .bwd-step-title {
letter-spacing: 0;
font-size: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-15 .bwd-step-item-fifteen .bwd-step-content .bwd-step-title {
font-size: 30px;
}
}
.bwd-step-style-15 .bwd-step-item-fifteen .bwd-step-content .bwd-description {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.5px;
}
@media (max-width: 767px) {
.bwd-step-style-15 .bwd-step-item-fifteen .bwd-step-content .bwd-description {
letter-spacing: 0;
line-height: 20px;
font-weight: 400;
font-size: 13px;
}
}
.bwd-step-style-15 .row > :nth-child(2) .bwd-step-item-fifteen::before {
background: -webkit-gradient(
linear,
left top,
right top,
from(#f85032),
to(#e73827)
);
background: linear-gradient(to right, #f85032, #e73827);
}
.bwd-step-style-15 .row > :nth-child(2) .bwd-step-item-fifteen:hover::before {
background-size: 350%, 350%;
}
.bwd-step-style-15
.row
> :nth-child(2)
.bwd-step-item-fifteen
.bwd-step-number-fifteen {
background: -webkit-gradient(
linear,
left top,
right top,
from(#f85032),
to(#e73827)
);
background: linear-gradient(to right, #f85032, #e73827);
}
.bwd-step-style-15
.row
> :nth-child(2)
.bwd-step-item-fifteen:hover
.bwd-step-number-fifteen {
background-size: 350%, 350%;
}
.bwd-step-style-15 .row > :nth-child(2) .bwd-step-item-fifteen .bwd-step-icon {
background: -webkit-gradient(
linear,
left top,
right top,
from(#f85032),
to(#e73827)
);
background: linear-gradient(to right, #f85032, #e73827);
}
.bwd-step-style-15
.row
> :nth-child(2)
.bwd-step-item-fifteen:hover
.bwd-step-icon {
background-size: 350%, 350%;
}
.bwd-step-style-15 .row > :nth-child(3) .bwd-step-item-fifteen::before {
background: -webkit-gradient(
linear,
left top,
right top,
from(#4568dc),
to(#b06ab3)
);
background: linear-gradient(to right, #4568dc, #b06ab3);
}
.bwd-step-style-15 .row > :nth-child(3) .bwd-step-item-fifteen:hover::before {
background-size: 350%, 350%;
}
.bwd-step-style-15
.row
> :nth-child(3)
.bwd-step-item-fifteen
.bwd-step-number-fifteen {
background: -webkit-gradient(
linear,
left top,
right top,
from(#4568dc),
to(#b06ab3)
);
background: linear-gradient(to right, #4568dc, #b06ab3);
}
.bwd-step-style-15
.row
> :nth-child(3)
.bwd-step-item-fifteen:hover
.bwd-step-number-fifteen {
background-size: 350%, 350%;
}
.bwd-step-style-15 .row > :nth-child(3) .bwd-step-item-fifteen .bwd-step-icon {
background: -webkit-gradient(
linear,
left top,
right top,
from(#4568dc),
to(#b06ab3)
);
background: linear-gradient(to right, #4568dc, #b06ab3);
}
.bwd-step-style-15
.row
> :nth-child(3)
.bwd-step-item-fifteen:hover
.bwd-step-icon {
background-size: 350%, 350%;
}
.bwd-step-style.bwd-step-style-16 {
padding-top: 15px;
}
.bwd-step-style-16 .bwd-step-item {
position: relative;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
text-align: center;
padding: 80px 35px 30px;
background-color: #fff;
border-radius: 25px;
margin-left: 15px;
margin-bottom: 50px;
}
.bwd-step-style-16 .bwd-step-item .bwd-step-number {
position: absolute;
top: -15px;
left: -15px;
width: 220px;
height: 70px;
background: #873e35;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
color: #fff;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
-webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.22);
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.22);
}
.bwd-step-style-16 .bwd-step-item .bwd-step-number::before {
content: "";
position: absolute;
bottom: -24px;
left: 0;
width: 15px;
height: 25px;
background: #873e35;
-webkit-clip-path: polygon(100% 100%, 100% 0, 0 0);
clip-path: polygon(100% 100%, 100% 0, 0 0);
z-index: -1;
}
.bwd-step-style-16 .bwd-step-item .bwd-step-number .bwd-step-title {
margin-right: 25px;
width: 55px;
height: 55px;
line-height: 48px;
background: #552620;
-webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.32);
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.32);
border-radius: 50%;
border: 3px solid;
text-transform: uppercase;
font-weight: 700;
font-size: 30px;
margin-bottom: 2px;
}
.bwd-step-style-16 .bwd-step-item .bwd-step-content .bwd-step-icon {
font-size: 50px;
margin-bottom: 15px;
color: #873e35;
}
.bwd-step-style-16 .bwd-step-item .bwd-step-content .bwd-step-title {
text-transform: uppercase;
font-weight: 700;
font-size: 28px;
line-height: 1.2;
color: #873e35;
margin-bottom: 5px;
}
.bwd-step-style-16 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.bwd-step-style-16 .row > :nth-child(2) .bwd-step-item .bwd-step-number {
background-color: #fc9a1f;
}
.bwd-step-style-16
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-number::before {
background-color: #fc9a1f;
}
.bwd-step-style-16
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-number
.bwd-step-title {
background-color: #fc9a1f;
}
.bwd-step-style-16
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-content
.bwd-step-icon {
color: #fc9a1f;
}
.bwd-step-style-16
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #fc9a1f;
}
.bwd-step-style-16 .row > :nth-child(3) .bwd-step-item .bwd-step-number {
background-color: #1a6c83;
}
.bwd-step-style-16
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-number::before {
background-color: #1a6c83;
}
.bwd-step-style-16
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-number
.bwd-step-title {
background-color: #1a6c83;
}
.bwd-step-style-16
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-content
.bwd-step-icon {
color: #1a6c83;
}
.bwd-step-style-16
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #1a6c83;
}
.bwd-step-style-16 .row > :nth-child(4) .bwd-step-item .bwd-step-number {
background-color: #2abec0;
}
.bwd-step-style-16
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-number::before {
background-color: #2abec0;
}
.bwd-step-style-16
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-number
.bwd-step-title {
background-color: #2abec0;
}
.bwd-step-style-16
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-content
.bwd-step-icon {
color: #2abec0;
}
.bwd-step-style-16
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #2abec0;
}
.bwd-step-style-17 .bwd-step-wrapper {
-webkit-filter: drop-shadow(2px 4px 6px #00000059);
filter: drop-shadow(2px 4px 6px #00000059);
position: relative;
margin-bottom: 50px;
margin-right: 10px;
margin-top: 30px;
}
.bwd-step-style-17 .bwd-step-wrapper::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -10px;
background: #052e4c;
z-index: -1;
border-radius: 30px;
}
.bwd-step-style-17 .bwd-step-wrapper::after {
content: "";
background: #052e4c;
width: 40%;
height: 12px;
display: inline-block;
position: absolute;
bottom: -6px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 30px;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
.bwd-step-style-17 .bwd-step-wrapper:hover::after {
width: 80%;
}
.bwd-step-style-17
.bwd-step-wrapper:hover
.bwd-step-item
.bwd-step-number-seventeen {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwd-step-style-17 .bwd-step-wrapper .bwd-step-item {
background: #fff;
padding: 25px;
padding-bottom: 40px;
border-radius: 30px;
position: relative;
-webkit-box-shadow: 1px 1px 5px #0003;
box-shadow: 1px 1px 5px #0003;
-webkit-clip-path: polygon(
-1% 1%,
15% 20%,
0% 34%,
0% 99%,
217% 194%,
125% -17%
);
clip-path: polygon(-1% 1%, 15% 20%, 0% 34%, 0% 99%, 217% 194%, 125% -17%);
}
.bwd-step-style-17 .bwd-step-wrapper .bwd-step-item .bwd-step-number-seventeen {
-webkit-filter: drop-shadow(2px 4px 6px #00000059);
filter: drop-shadow(2px 4px 6px #00000059);
position: absolute;
top: -25px;
right: -15px;
-webkit-transition: 0.6s linear;
transition: 0.5s linear;
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.bwd-step-style-17
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number-seventeen
.bwd-step-title-seventeen {
-webkit-clip-path: polygon(
65% 0%,
100% 50%,
65% 100%,
0% 100%,
16% 50%,
0% 0%
);
clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 16% 50%, 0% 0%);
background: #052e4c;
width: 90px;
height: 80px;
text-transform: uppercase;
font-weight: 700;
font-size: 37px;
line-height: 1.1;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bwd-step-style-17 .bwd-step-wrapper .bwd-step-item .bwd-step-icon {
font-size: 27px;
border-radius: 50%;
text-align: center;
width: 80px;
height: 80px;
color: #484848;
-webkit-transition: .3s linear;
transition: .3s linear;
background:#dedfe1;
-webkit-box-shadow: 5px 0 5px rgb(0 0 0 / 16%);
box-shadow: 5px 0 5px rgb(0 0 0 / 16%);
text-align: center;
margin: 0 auto;
position: relative;
}
.bwd-step-style-17 .bwd-step-wrapper .bwd-step-item .bwd-step-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bwd-step-style-17 .bwd-step-wrapper .bwd-step-item .bwd-step-content {
padding-top: 20px;
}
.bwd-step-style-17
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
text-transform: capitalize;
font-weight: 700;
font-size: 32px;
line-height: 1.2;
color: #052e4c;
margin-bottom: 5px;
}
.bwd-step-style-17
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-description {
font-size: 15px;
letter-spacing: 0.5px;
color: #000;
}
.bwd-step-style-17 .row > :nth-child(1) .bwd-step-wrapper .bwd-step-item {
-webkit-clip-path: none;
clip-path: none;
}
.bwd-step-style-17 .row > :nth-child(2) .bwd-step-wrapper::before {
content: none;
}
.bwd-step-style-17 .row > :nth-child(2) .bwd-step-wrapper::after {
background: #fcb827;
}
.bwd-step-style-17
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number-seventeen
.bwd-step-title-seventeen {
background: #fcb827;
}
.bwd-step-style-17
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #fcb827;
}
.bwd-step-style-17 .row > :nth-child(3) .bwd-step-wrapper::before {
content: none;
}
.bwd-step-style-17 .row > :nth-child(3) .bwd-step-wrapper::after {
background: #218eab;
}
.bwd-step-style-17
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number-seventeen
.bwd-step-title-seventeen {
background: #218eab;
}
.bwd-step-style-17
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #218eab;
}
.bwd-step-style-17 .row > :nth-child(4) .bwd-step-wrapper::before {
content: none;
}
.bwd-step-style-17 .row > :nth-child(4) .bwd-step-wrapper::after {
background: #2abec0;
}
.bwd-step-style-17
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number-seventeen
.bwd-step-title-seventeen {
background: #2abec0;
}
.bwd-step-style-17
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #2abec0;
}
.bwd-step-style-18 .bwd-step-wrapper {
border: 2px dotted #3f6392;
padding: 15px;
border-radius: 22px;
margin-right: 35px;
position: relative;
margin-bottom: 40px;
}
.bwd-step-style-18 .bwd-step-wrapper::before {
content: "";
position: absolute;
top: -2px;
right: -22px;
width: 52%;
height: 102%;
background-color: #3f6392;
border-radius: 22px;
z-index: 0;
-webkit-transition: 0.4s linear;
transition: 0.4s linear;
}
.bwd-step-style-18 .bwd-step-wrapper:hover::before {
width: 70%;
}
.bwd-step-style-18 .bwd-step-wrapper .show-arrow {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -40px;
width: 20px;
height: 25px;
-webkit-clip-path: polygon(0 100%, 0 0, 100% 50%);
clip-path: polygon(0 100%, 0 0, 100% 50%);
background: #3f6392;
}
.bwd-step-style-18 .bwd-step-wrapper .bwd-step-item {
-webkit-box-shadow: -7px 2px 7px #6c6a6a96;
box-shadow: -7px 2px 7px #6c6a6a96;
background: #fff;
padding: 15px;
border-radius: 15px;
text-align: center;
position: relative;
}
.bwd-step-style-18 .bwd-step-wrapper .bwd-step-item .bwd-step-number-eighteen {
border-radius: 30px;
display: inline-block;
width: 50px;
height: 50px;
line-height: 45px;
font-weight: 800;
text-align: center;
font-size: 25px;
color: #3f6392;
box-shadow: 0 0 7px #00000036;
}
.bwd-step-style-18 .bwd-step-wrapper .bwd-step-item .bwd-step-content {
padding: 20px 10px;
}
.bwd-step-style-18
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
text-transform: capitalize;
font-weight: 700;
font-size: 28px;
line-height: 1;
margin-bottom: 5px;
color: #333;
}
@media (max-width: 767px) {
.bwd-step-style-18
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
font-size: 24px;
}
}
.bwd-step-style-18
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-description {
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
}
.bwd-step-style-18 .bwd-step-wrapper .bwd-step-item .bwd-step-icon {
font-size: 35px;
color: #3f6392;
}
.bwd-step-style-18 .row > :nth-child(2) .bwd-step-wrapper {
border-color: #f35925;
}
.bwd-step-style-18 .row > :nth-child(2) .bwd-step-wrapper::before {
background-color: #f35925;
}
.bwd-step-style-18 .row > :nth-child(2) .bwd-step-wrapper .show-arrow {
background-color: #f35925;
}
.bwd-step-style-18
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number-eighteen {
border-color: #f35925;
color: #f35925;
}
.bwd-step-style-18
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-icon {
color: #f35925;
}
.bwd-step-style-18 .row > :nth-child(3) .bwd-step-wrapper {
border-color: #e44b4f;
}
.bwd-step-style-18 .row > :nth-child(3) .bwd-step-wrapper::before {
background-color: #e44b4f;
}
.bwd-step-style-18 .row > :nth-child(3) .bwd-step-wrapper .show-arrow {
background-color: #e44b4f;
}
.bwd-step-style-18
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number-eighteen {
border-color: #e44b4f;
color: #e44b4f;
}
.bwd-step-style-18
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-icon {
color: #e44b4f;
}
.bwd-step-style-18 .row > :nth-child(4) .bwd-step-wrapper {
border-color: #fdb13b;
}
.bwd-step-style-18 .row > :nth-child(4) .bwd-step-wrapper::before {
background-color: #fdb13b;
}
.bwd-step-style-18 .row > :nth-child(4) .bwd-step-wrapper .show-arrow {
background-color: #fdb13b;
}
.bwd-step-style-18
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number-eighteen {
border-color: #fdb13b;
color: #fdb13b;
}
.bwd-step-style-18
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-icon {
color: #fdb13b;
}
.bwd-step-style-19 .bwd-step-wrapper {
-webkit-filter: drop-shadow(0px 0px 0px #00000033);
filter: drop-shadow(0px 0px 1px #00000033);
position: relative;
margin: 0 10px;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.bwd-step-style-19 .bwd-step-wrapper {
margin: 0 15px;
margin-bottom: 80px;
}
}
.bwd-step-style-19 .bwd-step-wrapper::before {
content: "";
position: absolute;
background: #000;
bottom: -22px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 50px;
height: 50px;
border-radius: 89%;
-webkit-filter: blur(24px);
filter: blur(24px);
}
.bwd-step-style-19 .bwd-step-wrapper .bwd-step-item-nineteen .bwd-step-content {
background: #fff;
padding: 60px 15px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 49% 100%, 0 80%);
clip-path: polygon(0 0, 100% 0, 100% 80%, 49% 100%, 0 80%);
text-align: center;
}
.bwd-step-style-19
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-content
.bwd-step-title {
font-size: 25px;
letter-spacing: 1.5px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 15px;
color: #099200;
}
.bwd-step-style-19
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-content
.bwd-description {
font-size: 15px;
letter-spacing: 0;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.5px;
}
.bwd-step-style-19
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-content
.bwd-step-icon {
margin-top: 25px;
font-size: 40px;
color: #099200;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.bwd-step-style-19 .bwd-step-wrapper .bwd-step-item-nineteen .bwd-step-number {
text-align: center;
font-size: 45px;
font-weight: 700;
color: #fff;
margin-left: -10px;
margin-right: -10px;
display: block;
-webkit-box-shadow: 0 30px 55px #00000033;
box-shadow: 0 30px 55px #00000033;
line-height: 1;
position: relative;
z-index: 1;
background: #099200;
padding: 5px 0;
letter-spacing: 2px;
}
.bwd-step-style-19
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-number::before {
content: "";
position: absolute;
bottom: -17px;
right: 0;
width: 10px;
height: 18px;
z-index: -1;
background: #099200;
-webkit-clip-path: polygon(0 100%, 0 0, 100% 0);
clip-path: polygon(0 100%, 0 0, 100% 0);
}
.bwd-step-style-19
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-number::after {
content: "";
position: absolute;
bottom: -20px;
left: 0;
width: 10px;
height: 21px;
background: #099200;
z-index: -1;
-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.bwd-step-style-19
.bwd-step-wrapper:hover
.bwd-step-item-nineteen
.bwd-step-content
.bwd-step-icon {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwd-step-style-19
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-content
.bwd-step-title {
color: #d71c10;
}
.bwd-step-style-19
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-content
.bwd-step-icon {
color: #d71c10;
}
.bwd-step-style-19
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-number {
background-color: #d71c10;
}
.bwd-step-style-19
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-number::before {
background-color: #d71c10;
}
.bwd-step-style-19
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-number::after {
background-color: #d71c10;
}
.bwd-step-style-19
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-content
.bwd-step-title {
color: #01a7fa;
}
.bwd-step-style-19
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-content
.bwd-step-icon {
color: #01a7fa;
}
.bwd-step-style-19
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-number {
background-color: #01a7fa;
}
.bwd-step-style-19
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-number::before {
background-color: #01a7fa;
}
.bwd-step-style-19
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-number::after {
background-color: #01a7fa;
}
.bwd-step-style-19
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-content
.bwd-step-title {
color: #ff7a06;
}
.bwd-step-style-19
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-content
.bwd-step-icon {
color: #ff7a06;
}
.bwd-step-style-19
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-number {
background-color: #ff7a06;
}
.bwd-step-style-19
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-number::before {
background-color: #ff7a06;
}
.bwd-step-style-19
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item-nineteen
.bwd-step-number::after {
background-color: #ff7a06;
}
.bwd-step-style.bwd-step-style-20 {
padding-top:15px;
}
.bwd-step-style-20 .bwd-step-wrapper {
-webkit-filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.39));
filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.39));
position: relative;
margin-bottom: 40px;
}
.bwd-step-style-20 .bwd-step-wrapper .bwd-step-number {
position: absolute;
left: 50%;
top: -4%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 70px;
height: 70px;
text-align: center;
line-height: 59px;
font-size: 40px;
font-weight: 700;
color: #fff;
background: #ffd504;
border-radius: 73px;
border: 5px solid #ffff;
-webkit-box-shadow: 0 3px 6px #00000069;
box-shadow: 0 3px 6px #00000069;
z-index: 1;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
.bwd-step-style-20 .bwd-step-wrapper:hover .bwd-step-number {
-webkit-box-shadow: 0 5px 5px #00000091;
box-shadow: 0 5px 5px #00000091;
}
.bwd-step-style-20 .bwd-step-wrapper .bwd-step-content {
padding: 40px;
padding-top: 80px;
background: #fff;
text-align: center;
-webkit-clip-path: polygon(80% 0, 100% 50%, 80% 100%, 20% 100%, 0 50%, 20% 0);
clip-path: polygon(80% 0, 100% 50%, 80% 100%, 20% 100%, 0 50%, 20% 0);
padding-bottom: 30px;
}
.bwd-step-style-20 .bwd-step-wrapper .bwd-step-content::before {
content: "";
position: absolute;
background: #ffd504;
width: 100%;
height: 18%;
top: 0;
left: 0;
}
.bwd-step-style-20 .bwd-step-wrapper .bwd-step-content .bwd-step-title {
text-transform: uppercase;
font-weight: 700;
font-size: 30px;
line-height: 1.2;
margin-bottom: 5px;
color: #5a5a5a;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-20 .bwd-step-wrapper .bwd-step-content .bwd-step-title {
font-size: 22px;
}
}
.bwd-step-style-20 .bwd-step-wrapper .bwd-step-content .bwd-description {
font-size: 14px;
color: #000;
line-height: 24px;
letter-spacing: 0.8px;
font-weight: 400;
}
.bwd-step-style-20 .bwd-step-wrapper .bwd-step-content .bwd-step-icon {
margin-top: 25px;
font-size: 45px;
color: #ffd504;
position: relative;
-webkit-transform: rotateX(0);
transform: rotateX(0);
-webkit-transition: 0.4s linear;
transition: 0.4s linear;
}
.bwd-step-style-20 .bwd-step-wrapper:hover .bwd-step-content .bwd-step-icon {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.bwd-step-style-20 .row > :nth-child(2) .bwd-step-wrapper .bwd-step-number {
background-color: #cf4d8b;
}
.bwd-step-style-20
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-content::before {
background-color: #cf4d8b;
}
.bwd-step-style-20
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-content
.bwd-step-icon {
color: #cf4d8b;
}
.bwd-step-style-20 .row > :nth-child(3) .bwd-step-wrapper .bwd-step-number {
background-color: #512984;
}
.bwd-step-style-20
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-content::before {
background-color: #512984;
}
.bwd-step-style-20
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-content
.bwd-step-icon {
color: #512984;
}
.bwd-step-style-20 .row > :nth-child(4) .bwd-step-wrapper .bwd-step-number {
background-color: #0696bb;
}
.bwd-step-style-20
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-content::before {
background-color: #0696bb;
}
.bwd-step-style-20
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-content
.bwd-step-icon {
color: #0696bb;
}
.bwd-step-style-21 .bwd-step-item {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.326);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.326);
border-radius: 20px 20px;
position: relative;
margin-bottom: 50px;
background-color: #fff;
padding: 30px 25px;
overflow: hidden;
}
.bwd-step-style-21 .bwd-step-item .bwd-step-icon {
background: #f3f3f3;
font-size: 38px;
width: 90px;
height: 90px;
display: block;
margin: 0 auto 25px;
text-align: center;
border-radius: 50%;
z-index: 1;
position: relative;
color: #ef4d00;
-webkit-transition: .3s linear;
transition: .3s linear;
}
.bwd-step-style-21 .bwd-step-item .bwd-step-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bwd-step-style-21 .bwd-step-item .bwd-step-icon::before {
content: "";
background: -webkit-gradient(linear, left top, right top, from(#dedfe1), to(#f3f3f3));
background: linear-gradient(to right, #dedfe1, #f3f3f3);
width: 88%;
height: 88%;
border-radius: 50%;
-webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.164);
box-shadow: 5px 0 5px rgba(0, 0, 0, 0.164);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
}
.bwd-step-style-21 .bwd-step-item .bwd-step-number {
height: 60px;
width: 98%;
-webkit-clip-path: polygon(0 0, 88% 0%, 100% 50%, 88% 100%, 0 100%, 0% 50%);
clip-path: polygon(0 0, 88% 0%, 100% 50%, 88% 100%, 0 100%, 0% 50%);
background: #ef4d00;
margin-left: -30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 30px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 15px;
}
.bwd-step-style-21 .bwd-step-item .bwd-step-content .bwd-step-main-title {
text-transform: capitalize;
font-weight: 700;
font-size: 27px;
line-height: 1;
display: inline-block;
margin-bottom: 8px;
color: #484848;
}
.bwd-step-style-21 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: .3px;
}
.bwd-step-style-21 .bwd-step-item:hover .bwd-step-icon {
-webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.14);
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.14);
}
.bwd-step-style-21 .row > *:nth-child(2) .bwd-step-item .bwd-step-icon {
color: #00382e;
}
.bwd-step-style-21 .row > *:nth-child(2) .bwd-step-item .bwd-step-number {
background-color: #00382e;
}
.bwd-step-style-21 .row > *:nth-child(3) .bwd-step-item .bwd-step-icon {
color: #01956e;
}
.bwd-step-style-21 .row > *:nth-child(3) .bwd-step-item .bwd-step-number {
background-color: #01956e;
}
.bwd-step-style-21 .row > *:nth-child(4) .bwd-step-item .bwd-step-icon {
color: #0177b6;
}
.bwd-step-style-21 .row > *:nth-child(4) .bwd-step-item .bwd-step-number {
background-color: #0177b6;
}
.bwd-step-style-22 {
padding-top: 35px;
}
.bwd-step-style-22 .bwd-step-item {
position: relative;
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.192);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.192);
padding: 100px 15px 90px 15px;
border-radius: 15px;
margin: 0 10px;
margin-bottom: 170px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-22 .bwd-step-item {
margin: 0 25px;
margin-bottom: 170px;
padding: 100px 15px 130px 15px;
}
}
.bwd-step-style-22 .bwd-step-item .bwd-step-number {
position: absolute;
z-index: 1;
top: -35px;
left: 50%;
-webkit-transform: translateX(-50%) rotateY(0);
transform: translateX(-50%) rotateY(0);
font-size: 42px;
color: #37b0e4;
width: 100px;
height: 100px;
text-align: center;
background: #fff;
border-radius: 50%;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 6px 11px #00000057;
box-shadow: 0 6px 11px #00000057;
-webkit-transition: 0.4s linear;
transition: 0.4s linear;
}
.bwd-step-style-22 .bwd-step-item:hover .bwd-step-number {
-webkit-transform: translateX(-50%) rotateY(180deg);
transform: translateX(-50%) rotateY(180deg);
}
.bwd-step-style-22 .bwd-step-item .bwd-step-content .bwd-step-title {
text-transform: uppercase;
font-weight: 700;
font-size: 28px;
line-height: 1.2;
margin-bottom: 5px;
text-align: center;
color: #37b0e4;
}
.bwd-step-style-22 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 13px;
color: #000;
line-height: 20px;
font-weight: 500;
}
.bwd-step-style-22 .bwd-step-item .bwd-step-icon-ttwo {
text-align: center;
width: 106%;
height: 40%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #37b0e4;
color: #fff;
margin: 0 auto;
position: absolute;
bottom: -55px;
border-radius: 0 0 100px 100px;
left: -6px;
font-size: 45px;
-webkit-transition: 0.4s linear;
transition: 0.4s linear;
}
.bwd-step-style-22 .bwd-step-item .bwd-step-icon-ttwo::before {
content: "";
position: absolute;
background: #000;
bottom: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
height: 10px;
border-radius: 80%;
-webkit-filter: blur(10px);
filter: blur(10px);
z-index: -1;
}
.bwd-step-style-22 .bwd-step-item:hover .bwd-step-icon-ttwo {
bottom: -80px;
}
.bwd-step-style-22 .row > :nth-child(2) .bwd-step-item .bwd-step-number {
color: #fbc531;
}
.bwd-step-style-22
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #fbc531;
}
.bwd-step-style-22 .row > :nth-child(2) .bwd-step-item .bwd-step-icon-ttwo {
background-color: #fbc531;
}
.bwd-step-style-22 .row > :nth-child(3) .bwd-step-item .bwd-step-number {
color: #e84118;
}
.bwd-step-style-22
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #e84118;
}
.bwd-step-style-22 .row > :nth-child(3) .bwd-step-item .bwd-step-icon-ttwo {
background-color: #e84118;
}
.bwd-step-style-22 .row > :nth-child(4) .bwd-step-item .bwd-step-number {
color: #c44569;
}
.bwd-step-style-22
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #c44569;
}
.bwd-step-style-22 .row > :nth-child(4) .bwd-step-item .bwd-step-icon-ttwo {
background-color: #c44569;
}
.bwd-step-style-23 .bwd-step-item-tthree {
position: relative;
-webkit-filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.39));
filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.39));
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
margin: 0 15px;
margin-bottom: 40px;
}
.bwd-step-style-23 .bwd-step-item-tthree:hover {
-webkit-filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.3));
filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.3));
}
.bwd-step-style-23 .bwd-step-item-tthree .show-arrow {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -24px;
width: 26px;
height: 25px;
background: #fff;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
clip-path: polygon(0 0, 0% 100%, 100% 50%);
z-index: -1;
}
.bwd-step-style-23 .bwd-step-item-tthree .bwd-step-content {
position: relative;
-webkit-clip-path: polygon(
50% 0,
100% 25%,
100% 75%,
50% 100%,
50% 100%,
1% 75%,
0 25%
);
clip-path: polygon(
50% 0,
100% 25%,
100% 75%,
50% 100%,
50% 100%,
1% 75%,
0 25%
);
padding: 125px 48px 80px;
background-color: #fff;
text-align: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-23 .bwd-step-item-tthree .bwd-step-content {
padding: 125px 37px 60px;
}
}
.bwd-step-style-23 .bwd-step-item-tthree .bwd-step-content .bwd-step-number {
position: absolute;
top: 30px;
left: -30px;
width: 100px;
height: 100px;
background: #d1268c;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 26px;
padding-top: 35px;
}
.bwd-step-style-23
.bwd-step-item-tthree
.bwd-step-content
.bwd-step-number
.bwd-step-title {
color: #fff;
font-family: Teko, sans-serif;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
font-size: 40px;
line-height: 1;
margin: 0;
}
.bwd-step-style-23 .bwd-step-item-tthree .bwd-step-content .bwd-step-icon {
position: absolute;
top: 20%;
left: 50%;
-webkit-transform: translate(-50%, -20%) rotateX(0);
transform: translate(-50%, -20%) rotateX(0);
font-size: 52px;
color: #d1268c;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
.bwd-step-style-23
.bwd-step-item-tthree
.bwd-step-content:hover
.bwd-step-icon {
-webkit-transform: translate(-50%, -50%) rotateX(180deg);
transform: translate(-50%, -50%) rotateX(180deg);
}
.bwd-step-style-23 .bwd-step-item-tthree .bwd-step-content .bwd-step-title {
font-size: 25px;
letter-spacing: 1.5px;
font-weight: 700;
text-transform: capitalize;
margin: 15px 0;
color: #5a5a5a;
}
@media (max-width: 767px) {
.bwd-step-style-23 .bwd-step-item-tthree .bwd-step-content .bwd-step-title {
font-size: 20px;
margin: 15px 0 10px;
}
}
.bwd-step-style-23 .bwd-step-item-tthree .bwd-step-content .bwd-description {
font-size: 14px;
font-weight: 500;
color: #111;
}
.bwd-step-style-23
.row
> :nth-child(2)
.bwd-step-item-tthree
.bwd-step-content
.bwd-step-number {
background: #51a3d1;
}
.bwd-step-style-23
.row
> :nth-child(2)
.bwd-step-item-tthree
.bwd-step-content
.bwd-step-icon {
color: #51a3d1;
}
.bwd-step-style-23
.row
> :nth-child(3)
.bwd-step-item-tthree
.bwd-step-content
.bwd-step-number {
background: #fc8f2d;
}
.bwd-step-style-23
.row
> :nth-child(3)
.bwd-step-item-tthree
.bwd-step-content
.bwd-step-icon {
color: #fc8f2d;
}
.bwd-step-style-23 .row > :nth-child(4) .bwd-step-item-tthree::before {
content: none;
}
.bwd-step-style-23
.row
> :nth-child(4)
.bwd-step-item-tthree
.bwd-step-content
.bwd-step-number {
background: #e84118;
}
.bwd-step-style-23
.row
> :nth-child(4)
.bwd-step-item-tthree
.bwd-step-content
.bwd-step-icon {
color: #e84118;
}
.bwd-step-style.bwd-step-style-24 {
padding-top: 20px;
}
.bwd-step-style-24 .bwd-step-item {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.326);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.326);
border-radius: 20px 20px;
position: relative;
margin: 0 25px 60px 10px;
background-color: #fff;
padding: 20px 20px 35px;
}
.bwd-step-style-24 .bwd-step-item::before {
content: "";
position: absolute;
bottom: -15px;
right: 43px;
width: 32px;
height: 50px;
background: #fea703;
z-index: -1;
border-bottom-left-radius: 15px;
}
.bwd-step-style-24 .bwd-step-item::after {
content: "";
position: absolute;
bottom: 25px;
right: -17px;
width: 50px;
height: 25px;
background: #fea703;
z-index: -1;
border-top-right-radius: 10px;
}
.bwd-step-style-24 .bwd-step-item .bwd-step-shape {
position: absolute;
width: 95%;
height: 65%;
border-width: 1px;
border-style: solid;
border-color: #fea703;
z-index: -1;
top: -15px;
left: -15px;
border-radius: 10px;
border-top-left-radius: 0;
}
.bwd-step-style-24 .bwd-step-item .bwd-step-shape::before {
content: "";
position: absolute;
top: -4px;
left: -3px;
width: 25%;
height: 6px;
background-color: #fea703;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
-webkit-transition: .4s linear;
transition: .4s linear;
}
.bwd-step-style-24 .bwd-step-item .bwd-step-shape::after {
content: "";
position: absolute;
top: -3px;
left: -4px;
width: 6px;
height: 50%;
background-color: #fea703;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
-webkit-transition: .4s linear;
transition: .4s linear;
}
.bwd-step-style-24 .bwd-step-item:hover .bwd-step-shape::before {
width: 50%;
}
.bwd-step-style-24 .bwd-step-item:hover .bwd-step-shape::after {
height: 76%;
}
.bwd-step-style-24 .bwd-step-item:hover .bwd-step-content .bwd-step-icon::before {
-webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.14);
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.14);
}
.bwd-step-style-24 .bwd-step-item .bwd-step-content .bwd-step-icon {
background: #f3f3f3;
font-size: 30px;
line-height: 80px;
width: 80px;
height: 80px;
display: block;
margin: 0 auto 10px;
text-align: center;
border-radius: 50%;
z-index: 1;
position: relative;
color: #fea703;
-webkit-transition: .3s linear;
transition: .3s linear;
}
.bwd-step-style-24 .bwd-step-item .bwd-step-content .bwd-step-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bwd-step-style-24 .bwd-step-item .bwd-step-content .bwd-step-icon::before {
content: "";
background: #f3f3f3;
width: 88%;
height: 88%;
border-radius: 50%;
-webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.164);
box-shadow: 5px 0 5px rgba(0, 0, 0, 0.164);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
-webkit-transition: .3s linear;
transition: .3s linear;
}
.bwd-step-style-24 .bwd-step-item .bwd-step-content .bwd-title {
text-transform: uppercase;
font-weight: 700;
font-size: 25px;
line-height: 1.2;
margin-bottom: 5px;
color: #5a5a5a;
}
.bwd-step-style-24 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 14px;
font-weight: 500;
color: #111;
}
.bwd-step-style-24 .bwd-step-item .bwd-step-number {
position: absolute;
bottom: -15px;
right: -17px;
background: #fea703;
width: 70px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 28px;
font-weight: 800;
color: #fff;
border-top-left-radius: 15px;
}
.bwd-step-style-24 .bwd-step-item .bwd-step-number .show-arrow {
position: absolute;
content: "";
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -19px;
width: 20px;
height: 30px;
background: #fea703;
-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.bwd-step-style-24 .row > *:nth-child(2) .bwd-step-item::before, .bwd-step-style-24 .row > *:nth-child(2) .bwd-step-item::after {
background: #66d0cc;
}
.bwd-step-style-24 .row > *:nth-child(2) .bwd-step-item .bwd-step-shape {
border-color: #66d0cc;
}
.bwd-step-style-24 .row > *:nth-child(2) .bwd-step-item .bwd-step-shape::before, .bwd-step-style-24 .row > *:nth-child(2) .bwd-step-item .bwd-step-shape::after {
background: #66d0cc;
}
.bwd-step-style-24 .row > *:nth-child(2) .bwd-step-item .bwd-step-content .bwd-step-icon {
color: #66d0cc;
}
.bwd-step-style-24 .row > *:nth-child(2) .bwd-step-item .bwd-step-number {
background: #66d0cc;
}
.bwd-step-style-24 .row > *:nth-child(2) .bwd-step-item .bwd-step-number .show-arrow {
background: #66d0cc;
}
.bwd-step-style-24 .row > *:nth-child(3) .bwd-step-item::before, .bwd-step-style-24 .row > *:nth-child(3) .bwd-step-item::after {
background: #e84118;
}
.bwd-step-style-24 .row > *:nth-child(3) .bwd-step-item .bwd-step-shape {
border-color: #e84118;
}
.bwd-step-style-24 .row > *:nth-child(3) .bwd-step-item .bwd-step-shape::before, .bwd-step-style-24 .row > *:nth-child(3) .bwd-step-item .bwd-step-shape::after {
background: #e84118;
}
.bwd-step-style-24 .row > *:nth-child(3) .bwd-step-item .bwd-step-content .bwd-step-icon {
color: #e84118;
}
.bwd-step-style-24 .row > *:nth-child(3) .bwd-step-item .bwd-step-number {
background: #e84118;
}
.bwd-step-style-24 .row > *:nth-child(3) .bwd-step-item .bwd-step-number .show-arrow {
background: #e84118;
}
.bwd-step-style-24 .row > *:nth-child(4) .bwd-step-item::before, .bwd-step-style-24 .row > *:nth-child(4) .bwd-step-item::after {
background: #0a697d;
}
.bwd-step-style-24 .row > *:nth-child(4) .bwd-step-item .bwd-step-shape {
border-color: #0a697d;
}
.bwd-step-style-24 .row > *:nth-child(4) .bwd-step-item .bwd-step-shape::before, .bwd-step-style-24 .row > *:nth-child(4) .bwd-step-item .bwd-step-shape::after {
background: #0a697d;
}
.bwd-step-style-24 .row > *:nth-child(4) .bwd-step-item .bwd-step-content .bwd-step-icon {
color: #0a697d;
}
.bwd-step-style-24 .row > *:nth-child(4) .bwd-step-item .bwd-step-number {
background: #0a697d;
}
.bwd-step-style-24 .row > *:nth-child(4) .bwd-step-item .bwd-step-number .show-arrow {
background: #0a697d;
}
.bwd-step-style-25 .bwd-step-item {
position: relative;
border: 1px solid #f45a29;
border-right-color: transparent;
padding: 65px 30px 30px;
text-align: center;
margin-right: 30px;
margin-bottom: 100px;
margin-top: 54px;
}
.bwd-step-style-25 .bwd-step-item::before {
content: "";
position: absolute;
bottom: -10px;
right: -20px;
width: 20px;
height: 18px;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
clip-path: polygon(0 0, 0% 100%, 100% 50%);
background: #f45a29;
}
.bwd-step-style-25 .bwd-step-item .bwd-step-number {
position: absolute;
top: -40px;
right: 0;
width: 80px;
height: 80px;
background: #f45a29;
border-radius: 50%;
color: #fff;
font-size: 35px;
-webkit-box-shadow: 0 6px 11px #0000003d;
box-shadow: 0 6px 11px #0000003d;
border: 10px solid #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 35px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
.bwd-step-style-25 .bwd-step-item .bwd-step-number::before {
content: "";
position: absolute;
top: -22px;
right: -20px;
width: 80%;
height: 170%;
background: #f45a29;
z-index: -1;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
-webkit-transition: .3s linear;
transition: .3s linear;
}
.bwd-step-style-25 .bwd-step-item .bwd-step-number .show-arrow {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -38px;
width: 20px;
height: 30px;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
clip-path: polygon(0 0, 0% 100%, 100% 50%);
background: #f45a29;
}
.bwd-step-style-25 .bwd-step-item:hover .bwd-step-number::before {
width: 166%;
border-radius: 100px;
}
.bwd-step-style-25 .bwd-step-item .bwd-step-content .bwd-title {
text-transform: uppercase;
font-weight: 600;
font-size: 32px;
line-height: 1.2;
margin-bottom: 5px;
color: #f45a29;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwd-step-style-25 .bwd-step-item .bwd-step-content .bwd-title {
font-size: 22px;
}
}
.bwd-step-style-25 .bwd-step-item .bwd-step-content .bwd-step-title.bwd-step-main-title {
text-transform: capitalize;
font-weight: 700;
font-size: 27px;
line-height: 1;
display: inline-block;
margin-bottom: 8px;
color: #484848;
}
.bwd-step-style-25 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 14px;
font-weight: 500;
color: #111;
}
.bwd-step-style-25 .bwd-step-item .bwd-step-icon {
margin-top: 30px;
font-size: 45px;
color: #f45a29;
}
.bwd-step-style-25 .row > *:nth-child(2) .bwd-step-item {
border-color: #299e00;
border-right-color: transparent;
}
.bwd-step-style-25 .row > *:nth-child(2) .bwd-step-item::before {
background: #299e00;
}
.bwd-step-style-25 .row > *:nth-child(2) .bwd-step-item .bwd-step-number {
background: #299e00;
}
.bwd-step-style-25 .row > *:nth-child(2) .bwd-step-item .bwd-step-number::before {
background: #299e00;
}
.bwd-step-style-25 .row > *:nth-child(2) .bwd-step-item .bwd-step-number .show-arrow {
background: #299e00;
}
.bwd-step-style-25 .row > *:nth-child(2) .bwd-step-item .bwd-step-content .bwd-title {
color: #299e00;
}
.bwd-step-style-25 .row > *:nth-child(2) .bwd-step-item .bwd-step-icon {
color: #299e00;
}
.bwd-step-style-25 .row > *:nth-child(3) .bwd-step-item {
border-color: #149acf;
border-right-color: transparent;
}
.bwd-step-style-25 .row > *:nth-child(3) .bwd-step-item::before {
background: #149acf;
}
.bwd-step-style-25 .row > *:nth-child(3) .bwd-step-item .bwd-step-number {
background: #149acf;
}
.bwd-step-style-25 .row > *:nth-child(3) .bwd-step-item .bwd-step-number::before {
background: #149acf;
}
.bwd-step-style-25 .row > *:nth-child(3) .bwd-step-item .bwd-step-number .show-arrow {
background: #149acf;
}
.bwd-step-style-25 .row > *:nth-child(3) .bwd-step-item .bwd-step-content .bwd-title {
color: #149acf;
}
.bwd-step-style-25 .row > *:nth-child(3) .bwd-step-item .bwd-step-icon {
color: #149acf;
}
.bwd-step-style-25 .row > *:nth-child(4) .bwd-step-item {
border-color: #8a3ff3;
border-right-color: transparent;
}
.bwd-step-style-25 .row > *:nth-child(4) .bwd-step-item::before {
background: #8a3ff3;
}
.bwd-step-style-25 .row > *:nth-child(4) .bwd-step-item .bwd-step-number {
background: #8a3ff3;
}
.bwd-step-style-25 .row > *:nth-child(4) .bwd-step-item .bwd-step-number::before {
background: #8a3ff3;
}
.bwd-step-style-25 .row > *:nth-child(4) .bwd-step-item .bwd-step-number .show-arrow {
background: #8a3ff3;
}
.bwd-step-style-25 .row > *:nth-child(4) .bwd-step-item .bwd-step-content .bwd-title {
color: #8a3ff3;
}
.bwd-step-style-25 .row > *:nth-child(4) .bwd-step-item .bwd-step-icon {
color: #8a3ff3;
}
.bwd-step-style-26 .bwd-step-item {
position: relative;
margin: 0 10px;
margin-bottom: 100px;
}
.bwd-step-style-26 .bwd-step-item::before {
content: "";
position: absolute;
bottom: 68px;
left: -5px;
width: 25px;
height: 60px;
z-index: -2;
-webkit-clip-path: polygon(100% 100%, 0 100%, 100% 0);
clip-path: polygon(100% 100%, 0 100%, 100% 0);
background: #24a000;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
.bwd-step-style-26 .bwd-step-item::after {
content: "";
position: absolute;
bottom: 25px;
right: -10px;
width: 20px;
height: 35px;
z-index: -1;
-webkit-clip-path: polygon(100% 100%, 0 100%, 0 0);
clip-path: polygon(100% 100%, 0 100%, 0 0);
background: #24a000;
}
.bwd-step-style-26 .bwd-step-item .bwd-step-content {
position: relative;
-webkit-clip-path: polygon(0 17%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 17%, 100% 0, 100% 100%, 0% 100%);
background-color: #ebebeb;
padding: 110px 25px 80px;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;
}
.bwd-step-style-26 .bwd-step-item .bwd-step-content::before {
content: "";
position: absolute;
bottom: 40px;
left: -7px;
width: 105%;
height: 15px;
background: #00000085;
-webkit-filter: blur(5px);
filter: blur(5px);
z-index: -1;
-webkit-transform: rotate(11deg);
transform: rotate(11deg);
}
.bwd-step-style-26 .bwd-step-item .bwd-step-content .bwd-step-icon {
position: absolute;
top: 42px;
right: 30px;
font-size: 40px;
color: #24a000;
}
.bwd-step-style-26 .bwd-step-item .bwd-step-content .bwd-step-title {
font-size: 28px;
letter-spacing: 0.5px;
line-height: 1.1;
font-weight: 700;
text-transform: capitalize;
color: #24a000;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.bwd-step-style-26 .bwd-step-item .bwd-step-content .bwd-step-title {
font-size: 22px;
margin-bottom: 8px;
}
}
.bwd-step-style-26 .bwd-step-item .bwd-step-content .bwd-description {
font-family: "Open Sans", sans-serif;
font-size: 14px;
letter-spacing: 0.5px;
font-weight: 500;
line-height: 22px;
color: #000;
}
.bwd-step-style-26 .bwd-step-item:hover .bwd-step-content {
padding: 110px 25px 100px;
}
.bwd-step-style-26 .bwd-step-item .bwd-step-number {
background: #24a000;
padding: 30px 30px 15px;
-webkit-clip-path: polygon(0 0, 100% 45%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 45%, 100% 100%, 0% 100%);
position: absolute;
bottom: -31px;
left: -10px;
right: -10px;
height: 103px;
}
.bwd-step-style-26 .bwd-step-item .bwd-step-number .bwd-step-title {
text-transform: uppercase;
font-weight: 700;
font-size: 30px;
line-height: 1;
color: #fff;
padding-right: 25px;
}
.bwd-step-style-26 .bwd-step-item .bwd-step-number .bwd-step-title:last-child {
font-size: 28px;
}
.bwd-step-style-26 .row > :nth-child(2) .bwd-step-item::before {
background: #f23e01;
}
.bwd-step-style-26 .row > :nth-child(2) .bwd-step-item::after {
background: #f23e01;
}
.bwd-step-style-26
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-content
.bwd-step-icon {
color: #f23e01;
}
.bwd-step-style-26
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #f23e01;
}
.bwd-step-style-26 .row > :nth-child(2) .bwd-step-item .bwd-step-number {
background: #f23e01;
}
.bwd-step-style-26 .row > :nth-child(3) .bwd-step-item::before {
background: #179ad0;
}
.bwd-step-style-26 .row > :nth-child(3) .bwd-step-item::after {
background: #179ad0;
}
.bwd-step-style-26
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-content
.bwd-step-icon {
color: #179ad0;
}
.bwd-step-style-26
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #179ad0;
}
.bwd-step-style-26 .row > :nth-child(3) .bwd-step-item .bwd-step-number {
background: #179ad0;
}
.bwd-step-style-26 .row > :nth-child(4) .bwd-step-item::before {
background: #fc8f2d;
}
.bwd-step-style-26 .row > :nth-child(4) .bwd-step-item::after {
background: #fc8f2d;
}
.bwd-step-style-26
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-content
.bwd-step-icon {
color: #fc8f2d;
}
.bwd-step-style-26
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #fc8f2d;
}
.bwd-step-style-26 .row > :nth-child(4) .bwd-step-item .bwd-step-number {
background: #fc8f2d;
}
.bwd-step-style-27 .bwd-step-wrapper {
position: relative;
margin: 0 10px;
margin-bottom: 30px;
padding-top: 20px;
}
.bwd-step-style-27 .bwd-step-wrapper .bwd-step-shaddow {
position: absolute;
bottom: 7px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #000;
width: 55%;
height: 15px;
z-index: 1;
-webkit-filter: blur(7px);
filter: blur(7px);
}
.bwd-step-style-27 .bwd-step-wrapper .bwd-step-shaddow::before {
content: "";
position: absolute;
bottom: -38px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #000;
width: 180%;
height: 4px;
border-radius: 70px;
}
.bwd-step-style-27 .bwd-step-wrapper .bwd-step-item {
position: relative;
background-color: #f5f5f5;
-webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.375);
box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.375);
border-radius: 25px;
padding: 55px 25px 50px;
text-align: center;
}
.bwd-step-style-27 .bwd-step-wrapper .bwd-step-item::before {
content: "";
position: absolute;
bottom: 0;
left: -11px;
width: 108%;
height: 23px;
background: #f84600;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
z-index: 1;
}
.bwd-step-style-27 .bwd-step-wrapper .bwd-step-item::after {
content: "";
position: absolute;
bottom: 20px;
left: -11px;
width: 108%;
height: 20px;
background: #f84600;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
z-index: -1;
}
.bwd-step-style-27 .bwd-step-wrapper .bwd-step-item .bwd-step-number {
position: absolute;
top: -15px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #f84600;
width: 113px;
padding: 5px;
font-size: 36px;
font-family: "Open Sans", sans-serif;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
color: #fff;
border-radius: 2px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.bwd-step-style-27 .bwd-step-wrapper .bwd-step-item .bwd-step-number::before {
content: "";
position: absolute;
top: 0;
right: -15px;
width: 30px;
height: 15px;
z-index: -1;
-webkit-clip-path: polygon(100% 100%, 0% 100%, 50% 0);
clip-path: polygon(100% 100%, 0% 100%, 50% 0);
background: #f84600;
}
.bwd-step-style-27 .bwd-step-wrapper .bwd-step-item .bwd-step-number::after {
content: "";
position: absolute;
top: 0;
left: -16px;
width: 32px;
height: 15px;
z-index: -1;
background: #f84600;
-webkit-clip-path: polygon(100% 100%, 0% 100%, 50% 0);
clip-path: polygon(100% 100%, 0% 100%, 50% 0);
}
.bwd-step-style-27 .bwd-step-wrapper .bwd-step-item .bwd-step-icon {
font-size: 45px;
margin-bottom: 20px;
color: #f84600;
position: relative;
-webkit-transform: rotateY(0);
transform: rotateY(0);
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
.bwd-step-style-27 .bwd-step-wrapper .bwd-step-item:hover .bwd-step-icon {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.bwd-step-style-27
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
font-weight: 600;
font-size: 28px;
line-height: 1.2;
margin-bottom: 5px;
color: #f84600;
text-transform: capitalize;
}
.bwd-step-style-27
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-description {
font-family: "Open Sans", sans-serif;
font-size: 14px;
letter-spacing: 0.5px;
font-weight: 500;
line-height: 22px;
color: #000;
}
.bwd-step-style-27
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item::before {
background: #0c8d16;
}
.bwd-step-style-27
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item::after {
background: #0c8d16;
}
.bwd-step-style-27
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number {
background: #0c8d16;
}
.bwd-step-style-27
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::before {
background: #0c8d16;
}
.bwd-step-style-27
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::after {
background: #0c8d16;
}
.bwd-step-style-27
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-icon {
color: #0c8d16;
}
.bwd-step-style-27
.row
> :nth-child(2)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #0c8d16;
}
.bwd-step-style-27
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item::before {
background: #f39000;
}
.bwd-step-style-27
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item::after {
background: #f39000;
}
.bwd-step-style-27
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number {
background: #f39000;
}
.bwd-step-style-27
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::before {
background: #f39000;
}
.bwd-step-style-27
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::after {
background: #f39000;
}
.bwd-step-style-27
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-icon {
color: #f39000;
}
.bwd-step-style-27
.row
> :nth-child(3)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #f39000;
}
.bwd-step-style-27
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item::before {
background: #1d9ed7;
}
.bwd-step-style-27
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item::after {
background: #1d9ed7;
}
.bwd-step-style-27
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number {
background: #1d9ed7;
}
.bwd-step-style-27
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::before {
background: #1d9ed7;
}
.bwd-step-style-27
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-number::after {
background: #1d9ed7;
}
.bwd-step-style-27
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-icon {
color: #1d9ed7;
}
.bwd-step-style-27
.row
> :nth-child(4)
.bwd-step-wrapper
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #1d9ed7;
}
.bwd-step-style-28 .bwd-step-item {
position: relative;
margin-left: 20px;
margin-bottom: 50px;
}
.bwd-step-style-28 .bwd-step-item .bwd-step-number {
position: absolute;
font-size: 50px;
text-transform: uppercase;
color: #fff;
z-index: 4;
top: 50%;
left: -1px;
width: 65px;
height: 145px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding-left: 23px;
}
.bwd-step-style-28 .bwd-step-item .bwd-step-number {
background: #1d9ed7;
}
.bwd-step-style-28 .bwd-step-item .bwd-step-number::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -5px;
background: #1d1d1d1f;
-webkit-box-shadow: 10px 0 18px #1d1d1d;
box-shadow: 10px 0 18px #1d1d1d;
width: 5px;
}
.bwd-step-style-28 .bwd-step-item .bwd-step-number::after {
content: "";
position: absolute;
top: 0;
right: -40px;
z-index: -1;
width: 41px;
height: 100%;
background: #1d9ed7;
-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.bwd-step-style-28 .bwd-step-item .bwd-step-content {
padding: 15px 5px 15px 110px;
position: relative;
z-index: 1;
text-align: center;
}
.bwd-step-style-28 .bwd-step-item::before {
width: 20px;
top: 0;
bottom: 40px;
left: -20px;
height: 100%;
content: "";
position: absolute;
border-radius: 15px;
background: #1d9ed7;
-webkit-transition: 0.4s linear;
transition: 0.4s linear;
}
.bwd-step-style-28 .bwd-step-item .bwd-step-content::after {
content: "";
position: absolute;
left: -4px;
top: 4px;
height: 98%;
width: 4px;
background: #33333336;
-webkit-box-shadow: 9px 0 11px #000;
box-shadow: 9px 0 11px #000;
z-index: -4;
bottom: 0;
border-radius: 50px;
}
.bwd-step-style-28 .bwd-step-item .bwd-step-content .bwd-step-icon {
font-size: 50px;
margin-bottom: 20px;
}
.bwd-step-style-28 .bwd-step-item .bwd-step-content .bwd-step-title {
text-transform: capitalize;
font-weight: 700;
font-size: 25px;
line-height: 1.2;
margin-bottom: 3px;
color: #1d9ed7;
}
@media (max-width: 767px) {
.bwd-step-style-28 .bwd-step-item .bwd-step-content .bwd-step-title {
font-size: 18px;
}
}
.bwd-step-style-28 .bwd-step-item .bwd-step-content .bwd-description {
font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 20px;
color: #000;
}
.bwd-step-style-28 .bwd-step-item:hover .bwd-step-content::before {
top: -10px;
height: 110%;
}
.bwd-step-style-28 .row > :nth-child(2) .bwd-step-item .bwd-step-number {
background: #f45a29;
}
.bwd-step-style-28 .row > :nth-child(2) .bwd-step-item .bwd-step-number::after {
background-color: #f45a29;
}
.bwd-step-style-28 .row > :nth-child(2) .bwd-step-item::before {
background: #f45a29;
}
.bwd-step-style-28
.row
> :nth-child(2)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #f45a29;
}
.bwd-step-style-28 .row > :nth-child(3) .bwd-step-item .bwd-step-number {
background: #299e00;
}
.bwd-step-style-28 .row > :nth-child(3) .bwd-step-item .bwd-step-number::after {
background-color: #299e00;
}
.bwd-step-style-28 .row > :nth-child(3) .bwd-step-item::before {
background: #299e00;
}
.bwd-step-style-28
.row
> :nth-child(3)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #299e00;
}
.bwd-step-style-28 .row > :nth-child(4) .bwd-step-item .bwd-step-number {
background: #fc8f2d;
}
.bwd-step-style-28 .row > :nth-child(4) .bwd-step-item .bwd-step-number::after {
background-color: #fc8f2d;
}
.bwd-step-style-28 .row > :nth-child(4) .bwd-step-item::before {
background: #fc8f2d;
}
.bwd-step-style-28
.row
> :nth-child(4)
.bwd-step-item
.bwd-step-content
.bwd-step-title {
color: #fc8f2d;
}
.bwd-step-style-29 .bwd-step-item {
color: #000;
background-color: #fff;
text-align: center;
padding: 20px 15px 30px;
margin: 20px 0 0;
border-radius: 20px 0 20px 0;
position: relative;
z-index: 1;
-webkit-transition: .4s linear;
transition: .4s linear;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
border-width: 2px;
border-style: solid;
border-color: transparent;
}
.bwd-step-style-29 .bwd-step-item::before {
content: '';
height: 13.6px;
width: 20px;
position: absolute;
left: 114px;
top: -15px;
-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
clip-path: polygon(0 0, 0 100%, 100% 100%);
background: #fdbb26;
z-index: -1;
}
.bwd-step-style-29 .bwd-step-item .bwd-step-number {
color: #fff;
background: linear-gradient(135deg, #FDBB26 25%, #ffcd44 26%, #ffcd44 40%, #FDBB26 41%, #FDBB26 47%, #ffcd44 48%, #ffcd44 60%, #FDBB26 61%);
font-size: 60px;
text-align: center;
width: 100px;
height: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: -35px 0 0 0;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
font-weight: 800;
padding-bottom: 26px;
}
.bwd-step-style-29 .bwd-step-item .bwd-step-icon {
color: #909090;
font-size: 60px;
position: absolute;
right: 20px;
top: 20px;
-webkit-transition: .4s linear;
transition: .4s linear;
}
.bwd-step-style-29 .bwd-step-item .bwd-step-content .bwd-title {
color: #fdbb26;
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 10px;
}
.bwd-step-style-29 .bwd-step-item .bwd-step-content .bwd-description {
font-size: 14px;
letter-spacing: .7px;
font-weight: 500;
line-height: 22px;
color: #000;
}
.bwd-step-style-29 .bwd-step-item:hover {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #FDBB26;
}
.bwd-step-style-29 .bwd-step-item:hover .bwd-step-icon {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.bwd-step-style-29 .row > *:nth-child(2) .bwd-step-item::before {
background: #916AF9;
}
.bwd-step-style-29 .row > *:nth-child(2) .bwd-step-item .bwd-step-number {
background: linear-gradient(135deg, #916AF9 25%, #AF7DFF 26%, #AF7DFF 40%, #916AF9 41%, #916AF9 47%, #AF7DFF 48%, #AF7DFF 60%, #916AF9 61%);
}
.bwd-step-style-29 .row > *:nth-child(2) .bwd-step-item .bwd-step-content .bwd-title {
color: #916AF9;
}
.bwd-step-style-29 .row > *:nth-child(2) .bwd-step-item:hover {
border-color: #916AF9;
}
.bwd-step-style-29 .row > *:nth-child(3) .bwd-step-item::before {
background: #FD893E;
}
.bwd-step-style-29 .row > *:nth-child(3) .bwd-step-item .bwd-step-number {
background: linear-gradient(135deg, #FD893E 25%, #ff9d60 26%, #ff9d60 40%, #FD893E 41%, #FD893E 47%, #ff9d60 48%, #ff9d60 60%, #FD893E 61%);
}
.bwd-step-style-29 .row > *:nth-child(3) .bwd-step-item .bwd-step-content .bwd-title {
color: #FD893E;
}
.bwd-step-style-29 .row > *:nth-child(3) .bwd-step-item:hover {
border-color: #FD893E;
}
.bwd-step-style-29 .row > *:nth-child(4) .bwd-step-item::before {
background: #2d91ff;
}
.bwd-step-style-29 .row > *:nth-child(4) .bwd-step-item .bwd-step-number {
background: linear-gradient(135deg, #2d91ff 25%, #59a9ff 26%, #59a9ff 40%, #2d91ff 41%, #2d91ff 47%, #59a9ff 48%, #59a9ff 60%, #2d91ff 61%);
}
.bwd-step-style-29 .row > *:nth-child(4) .bwd-step-item .bwd-step-content .bwd-title {
color: #2d91ff;
}
.bwd-step-style-29 .row > *:nth-child(4) .bwd-step-item:hover {
border-color: #2d91ff;
}
.bwd-step-style-30 .bwd-step-wrapper {
position: relative;
padding: 15px;
background-color: #fff;
border-radius: 10px;
margin: 0 10px;
margin-bottom: 60px;
}
.bwd-step-style-30 .bwd-step-wrapper .bwd-step-shape {
position: absolute;
top: 10px;
left: -6px;
width: 100%;
height: 100%;
background-color: transparent;
border: 2px solid #1eb5c6;
border-top-color: transparent;
border-right-color: transparent;
z-index: -1;
}
.bwd-step-style-30 .bwd-step-wrapper .bwd-step-shape::before {
content: "";
position: absolute;
bottom: -10px;
right: -20px;
width: 20px;
height: 17px;
-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
clip-path: polygon(100% 50%, 0 0, 0 100%);
background: #1eb5c6;
}
.bwd-step-style-30 .bwd-step-wrapper::after {
content: "";
position: absolute;
left: -12px;
bottom: -15px;
background: #1eb5c6;
width: 65%;
height: 75%;
z-index: -1;
border-bottom-left-radius: 17px;
-webkit-transition: .4s linear;
transition: .4s linear;
}
.bwd-step-style-30 .bwd-step-wrapper:hover::after {
width: 80%;
height: 85%;
}
.bwd-step-style-30 .bwd-step-wrapper .bwd-step-item {
-webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.38);
box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.38);
background: #f7f7f7;
padding: 25px;
border-radius: 15px;
text-align: center;
position: relative;
}
.bwd-step-style-30 .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-step-icon {
background: -webkit-gradient(linear, right top, left top, from(#dedfe1), to(#f3f3f3));
background: linear-gradient(to left, #dedfe1, #f3f3f3);
font-size: 30px;
width: 80px;
height: 80px;
display: block;
margin: 0 auto 10px;
text-align: center;
border-radius: 50%;
z-index: 1;
position: relative;
color: #1eb5c6;
-webkit-transition: .3s linear;
transition: .3s linear;
}
.bwd-step-style-30 .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-step-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bwd-step-style-30 .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-step-icon::before {
content: "";
background: -webkit-gradient(linear, left top, right top, from(#dedfe1), to(#f3f3f3));
background: linear-gradient(to right, #dedfe1, #f3f3f3);
width: 88%;
height: 88%;
border-radius: 50%;
-webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.164);
box-shadow: 5px 0 5px rgba(0, 0, 0, 0.164);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
-webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.14);
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.14);
}
.bwd-step-style-30 .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-step-number {
margin-bottom: 10px;
}
.bwd-step-style-30 .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-title {
display: block;
font-size: 20px;
font-weight: 700;
line-height: 1;
letter-spacing: 1px;
text-transform: uppercase;
color: #1eb5c6;
margin-top: 15px;
}
.bwd-step-style-30 .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-step-num {
font-size: 40px;
color: #1eb5c6;
font-weight: 700;
line-height: 1;
letter-spacing: 1px;
text-transform: uppercase;
}
.bwd-step-style-30 .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-description {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: #000;
letter-spacing: 0.5px;
}
.bwd-step-style-30 .row > *:nth-child(2) .bwd-step-wrapper .bwd-step-shape {
border-color: #78bc12;
border-top-color: transparent;
border-right-color: transparent;
}
.bwd-step-style-30 .row > *:nth-child(2) .bwd-step-wrapper .bwd-step-shape::before {
background: #78bc12;
}
.bwd-step-style-30 .row > *:nth-child(2) .bwd-step-wrapper::after {
background: #78bc12;
}
.bwd-step-style-30 .row > *:nth-child(2) .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-step-icon {
color: #78bc12;
}
.bwd-step-style-30 .row > *:nth-child(2) .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-step-number .bwd-title {
color: #78bc12;
}
.bwd-step-style-30 .row > *:nth-child(3) .bwd-step-wrapper .bwd-step-shape {
border-color: #f9a21a;
border-top-color: transparent;
border-right-color: transparent;
}
.bwd-step-style-30 .row > *:nth-child(3) .bwd-step-wrapper .bwd-step-shape::before {
background: #f9a21a;
}
.bwd-step-style-30 .row > *:nth-child(3) .bwd-step-wrapper::after {
background: #f9a21a;
}
.bwd-step-style-30 .row > *:nth-child(3) .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-step-icon {
color: #f9a21a;
}
.bwd-step-style-30 .row > *:nth-child(3) .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-step-number .bwd-title {
color: #f9a21a;
}
.bwd-step-style-30 .row > *:nth-child(4) .bwd-step-wrapper .bwd-step-shape {
border-color: #ef461d;
border-top-color: transparent;
border-right-color: transparent;
}
.bwd-step-style-30 .row > *:nth-child(4) .bwd-step-wrapper .bwd-step-shape::before {
background: #ef461d;
}
.bwd-step-style-30 .row > *:nth-child(4) .bwd-step-wrapper::after {
background: #ef461d;
}
.bwd-step-style-30 .row > *:nth-child(4) .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-step-icon {
color: #ef461d;
}
.bwd-step-style-30 .row > *:nth-child(4) .bwd-step-wrapper .bwd-step-item .bwd-step-content .bwd-step-number .bwd-title {
color: #ef461d;
}
.bwd-step-style-31 .bwd-step-item-tone {
position: relative;
margin: 0 15px;
margin-bottom: 50px;
}
.bwd-step-style-31 .bwd-step-item-tone::before {
content: "";
position: absolute;
background: #000;
bottom: -10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
height: 10px;
border-radius: 80%;
-webkit-filter: blur(11px);
filter: blur(11px);
z-index: -1;
}
.bwd-step-style-31 .bwd-step-item-tone .bwd-step-content {
text-align: center;
background: #fff;
padding: 40px 30px 45px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.237);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.237);
border-top-left-radius: 150px;
border-top-right-radius: 150px;
}
.bwd-step-style-31 .bwd-step-item-tone .bwd-step-content .bwd-step-icon {
font-size: 50px;
color: #0a61bf;
margin-bottom: 15px;
}
.bwd-step-style-31 .bwd-step-item-tone .bwd-step-content .bwd-step-title {
text-transform: capitalize;
font-weight: 700;
font-size: 25px;
line-height: 1.2;
margin-bottom: 5px;
color: #0a61bf;
}
.bwd-step-style-31 .bwd-step-item-tone .bwd-step-content .bwd-description {
font-size: 13px;
color: #767676;
line-height: 20px;
letter-spacing: 0.5px;
font-weight: 600;
}
.bwd-step-style-31 .bwd-step-item-tone .bwd-step-number {
position: relative;
text-align: center;
background: #0a61bf;
width: 112%;
padding: 40px 0;
top: -25px;
left: -16px;
border-bottom-left-radius: 180px;
border-bottom-right-radius: 180px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.237);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.237);
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
.bwd-step-style-31 .bwd-step-item-tone .bwd-step-number .bwd-step-title {
font-size: 30px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
.bwd-step-style-31 .bwd-step-item-tone .bwd-step-number::before {
position: absolute;
top: -20px;
left: 0;
content: "";
width: 20px;
height: 20px;
background: #0a61bf;
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
z-index: -1;
}
.bwd-step-style-31 .bwd-step-item-tone .bwd-step-number::after {
position: absolute;
top: -20px;
right: 0;
content: "";
width: 10%;
height: 20px;
background: #0a61bf;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
clip-path: polygon(0 0, 0% 100%, 100% 100%);
z-index: -1;
}
.bwd-step-style-31 .bwd-step-item-tone:hover .bwd-step-number {
top: -10px;
}
.bwd-step-style-31
.row
> :nth-child(2)
.bwd-step-item-tone
.bwd-step-content
.bwd-step-icon {
color: #f57103;
}
.bwd-step-style-31
.row
> :nth-child(2)
.bwd-step-item-tone
.bwd-step-content
.bwd-step-title {
color: #f57103;
}
.bwd-step-style-31 .row > :nth-child(2) .bwd-step-item-tone .bwd-step-number {
background-color: #f57103;
}
.bwd-step-style-31
.row
> :nth-child(2)
.bwd-step-item-tone
.bwd-step-number::before {
background-color: #f57103;
}
.bwd-step-style-31
.row
> :nth-child(2)
.bwd-step-item-tone
.bwd-step-number::after {
background-color: #f57103;
}
.bwd-step-style-31
.row
> :nth-child(3)
.bwd-step-item-tone
.bwd-step-content
.bwd-step-icon {
color: #055c04;
}
.bwd-step-style-31
.row
> :nth-child(3)
.bwd-step-item-tone
.bwd-step-content
.bwd-step-title {
color: #055c04;
}
.bwd-step-style-31 .row > :nth-child(3) .bwd-step-item-tone .bwd-step-number {
background-color: #055c04;
}
.bwd-step-style-31
.row
> :nth-child(3)
.bwd-step-item-tone
.bwd-step-number::before {
background-color: #055c04;
}
.bwd-step-style-31
.row
> :nth-child(3)
.bwd-step-item-tone
.bwd-step-number::after {
background-color: #055c04;
}
.bwd-step-style-31
.row
> :nth-child(4)
.bwd-step-item-tone
.bwd-step-content
.bwd-step-icon {
color: #ef461d;
}
.bwd-step-style-31
.row
> :nth-child(4)
.bwd-step-item-tone
.bwd-step-content
.bwd-step-title {
color: #ef461d;
}
.bwd-step-style-31 .row > :nth-child(4) .bwd-step-item-tone .bwd-step-number {
background-color: #ef461d;
}
.bwd-step-style-31
.row
> :nth-child(4)
.bwd-step-item-tone
.bwd-step-number::before {
background-color: #ef461d;
}
.bwd-step-style-31
.row
> :nth-child(4)
.bwd-step-item-tone
.bwd-step-number::after {
background-color: #ef461d;
}
.notice-board {
font-size: 16px;
background: #fff;
padding: 10px;
border-radius: 10px;
font-weight: 500;
line-height: 1.5;
text-align: center;
}