body{
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
}
div{
    display: block;
}

h1, h2{
    font-family: "Bebas Neue", sans-serif;
    font-size: 80px;
    color: #363958;
}

.custom-highlight {
    color: #ff8367;
}

h4 {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 1000;
    color: #363958;
}
h5 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 1000;
    color: #363958;
}
a:hover {
    transition: 1s;
     box-shadow: 20px 20px 30px #3D4FF3;
}

/* header */
#header {
    height: auto;
    padding: 50px 0px 70px 0px;
    background-color: #fff9f4;
}
/* navbar start */
.custom-navbar{
    background-color:#fff9f4;
}
.shadow{
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.fixed-top{
position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index:1030;
}
.custom-logo{
    /* width: 15%; */
}

.custom-ul {
    text-align: center;
    background-color: #fff9f4;
}
.custom-li {
    font-weight: 500;
    padding: 0px 25px;
}
img{
    vertical-align: middle;
}
/* navbar end */

.custom-btn {
    background-color: #3D4FF3;
    padding: 10px;
    border: none;
}
.rounded-3{
 border-radius: .3rem !important;
}
   
/* end header, casual shoes, formal shoes */

/* casual shoes, formal shoes */
.custom-card {
    border-radius: 20px;
    padding: 12px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
    border: none;
}
.custom-footer {
    background-color: transparent;
    border: none;
}
/* end casual shoes, formal shoes */

/* casual shoes */
.custom-bg {
    height: 350px;
    background: #F1F1F1;
    border-radius: 12px;
}
/* end casual shoes */

/* services section */
.custom-img-width {
    width: 80px;
    /* border: 1px solid; */
}
.custom-service-card {
    border-radius: 10px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
    border: none;
}
/* end services section */

/* subscribe */
/* end subscribe */

/* footer */
#footer {
    padding: 25px 0px;
}
footer h5 {
    padding: 10px 0px;
    /* border: 1px solid; */
}
#footer li a {
    text-decoration: none;
}
/* end footer */