// .custom-hero-section {
//     // padding: 0 5%;
//     width: 100%;
//     // height: 916px;
//     // background-size: cover;
//     // background-repeat: no-repeat;
//     position: relative;

//     img {
//         width: 100%;
//     }

//     .desktop-hero {
//         position: absolute;
//         height: 100%;
//         width: 100%;
//         left: 0px;
//         top: 0px;
//         padding: 0 5%;
//         display: flex;
//         // padding: 3% 0;

//         .coffee, .merch, .brash, .gift-card {
//             justify-content: end;
//             width: 25%;
//             height: 100%;
//             display: flex;
//             flex-direction: column;
//             padding-bottom: 3%;
//             position: relative;
//             bottom: 0px;
//             transition: bottom .3s ease-in-out;

//             h2 {
//                 font-family: Work Sans;
//                 font-size: 32px;
//                 font-weight: 500;
//                 line-height: 37.54px;
//                 text-align: left;
//                 color: #F0F0F0;
//                 margin: 0px;
//                 margin-bottom: 3px;

//             }

//             p {
//                 font-family: Work Sans;
//                 font-size: 16px;
//                 font-weight: 500;
//                 line-height: 18.77px;
//                 text-align: left;
//                 color: #F0F0F0;
//                 margin: 0px;
//                 margin-bottom: 3px;
//             }

//             a {
//                 opacity: 0;
//                 transition: opacity .3s ease-in-out;
//                 color: #F0F0F0;
//                 font-family: Work Sans;
//             }

//             &:hover {
//                 bottom: 20px;

//                 a {
//                     opacity: 1;
//                 }
//             }
//         }
//     }
// }



// .custom-hero-section.miguel-menendez {
//     position: relative;
//     background-color: #fff;

//     img {
//         width: 100%;
//     }

//     .container-description {
//        position: absolute;
//        top: 35%;
//        left: 2%;
//        width: 30%;

//         .title {
//             font-family: Work Sans;
//             font-size: 45px;
//             // font-size: 66px;
//             font-weight: 600;
//             line-height: 77.42px;
//             color: #fff;
//             margin-bottom: 25%;
//             white-space: nowrap;
//         }
        
//         button {
//             width: 207px;
//             height: 48px;
//             background-color: rgba(0, 0, 0, 0);
//             border: solid 1px #fff;
//             color: #fff;
//             font-family: Work Sans;
//             font-size: 16px;
//             font-weight: 600;
//             line-height: 18.77px;
//             text-align: center;
//             margin-bottom: 15%;
//         }

//         p {
//             font-family: Work Sans;
//             font-size: 31px;
//             font-weight: 400;
//             line-height: 36px;
//             text-align: left;
//             color: #F0F0F0;
//         }
//     }

//     .containers-dots {
//         width: 123px;
//         height: 48px;
//         position: absolute;
//         left: 50%;
//         bottom: 3%;
//         transform: translateX(-50%);
//         display: flex;
//         gap: 27px;

//         .dot-selection {
//             width: 48px;
//             height: 48px;
//             border-radius: 50%;
//             border: solid 1px #fff;
//             cursor: pointer;

//             &.active {
//                 background-color: #fff;
//             }
//         }

//     }

// }

/* galery section */

// .custom-galery-section.custom-section {
//     width: 100%;
//     display: table;

// }

// .custom-galery-section .galery-img {
//     width: 50%;
// }

/* download app section */

// .custom-download-app-section {
//     display: flex;
//     justify-content: space-around;

//    .container-button {
//     display: flex;
//     flex-direction: column;
//     justify-content: center;
//     align-items: flex-start;

//     h2 {
//         font-family: Work Sans;
//         font-size: 30px;
//         font-weight: 600;
//         line-height: 37.54px;
//         color: #193453;

//     }

//     button {
//         display: flex;
//         align-items: center;
//         width: 207px;
//         height: 48px;
//         justify-content: center;
//         gap: 16px;
//         border: 1px solid #193453;
//         font-family: Work Sans;
//         font-size: 16px;
//         font-weight: 600;
//         line-height: 18.77px;
//         text-align: left;
//         background-color: rgba(0, 0, 0, 0);

//         svg {
            
//         }

//         span {

//         }
//     }

//    }

//    .container-video {
//     width: 50%;
//     display: flex;
//     justify-content: center;
//     padding-top: 5%;
    
//     img {
//         width: 60%;
//     }
//    }

// }

/* custum location section */

// .custom-location-section {
//     display: flex;
//     flex-wrap: wrap;

//     .container-image {
//         width: 33.33%;
//         position: relative;

//         &:hover {
//             .container-description {
//                 background: rgba(25, 52, 83, 0.8);
//                 height: 100%;

//                 .description {
//                     opacity: 1;
//                 }
//             }
//         }

//         img {
//             width: 100%;
//         }

//         .container-description {
//             position: absolute;
//             bottom: 0;
//             left: 0;
//             background: rgba(25, 52, 83, 0.2);
//             color: #fff;
//             transition: all .5s ease-in-out;
//             height: 30%;
//             width: 100%;
//             padding-left: 3%;

//             h2 {
//                 color: #fff;
//                 font-family: Work Sans;
//                 font-size: 32px;
//                 font-weight: 600;
//                 line-height: 37.54px;
//                 position: relative;
//                 top: 50%;
//                 margin: 0px;
//                 transform: translateY(-50%);
//             }

//             .description {
//                 position: absolute;
//                 bottom: 5%;
//                 opacity: 0;
//                 transition: opacity .5s ease-in-out;

//                 p {
//                     color: #fff;
//                     list-style: none;
//                     padding: 0px;
//                     font-family: Work Sans;
//                     font-size: 18px;
//                     font-weight: 400;
//                     width: 57%;
//                     margin-bottom: 6%;
//                 }
    
//                 ul {
//                     list-style: none;
//                     color: #fff;
//                     list-style: none;
//                     padding: 0px;
//                     font-family: Work Sans;
//                     font-size: 18px;
//                     font-weight: 400;
                
//                     li {
    
//                     }
//                 }
//             }
//         }
//     }
// }


/* custom footer section */

// .custom-footer {
//     background: #193453;
//     padding: 7%;
//     padding-bottom: 2%;

//     .footer-link {
//         display: flex;

//         .customer-service, .learn, .get-a-latest-offer, .follow-us {
//             width: 25%;
    
//             &.follow-us {
//                 padding-left: 10%;
//             }
    
//             h2 {
//                 font-family: Work Sans;
//                 font-size: 16px;
//                 font-weight: 600;
//                 line-height: 18.77px;
//                 color: #fff;
//             }
    
//             ul {
//                 list-style: none;
//                 padding: 0px;
//                 padding-top: 12px;
    
//                 li {
//                     font-family: Work Sans;
//                     font-size: 16px;
//                     font-weight: 400;
//                     line-height: 18.77px;
//                     color: #fff;
//                     margin-bottom: 12px;
//                     cursor: pointer;
//                 }
//             }
    
//             p {
//                 font-family: Work Sans;
//                 font-size: 16px;
//                 font-weight: 400;
//                 line-height: 18.77px;
//                 color: #fff;
//             }
    
//             svg {
//                 margin-right: 10%;
//                 cursor: pointer;
//             }
    
//             input {
//                 width: 100%;
//                 height: 44px;
//                 margin-top: 5%;
//                 font-size: 16px;
//                 outline: none;
//                 color: #000;
//             }
//         }
//     }

//     p.author {
//         font-family: Work Sans;
//         font-size: 16px;
//         font-weight: 600;
//         line-height: 18.77px;
//         text-align: left;
//         color: #fff;
//         text-align: center;
//         margin-top: 5%;
//     }
// }