
.home-banner-item {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(70%, rgba(0, 0, 0, 0.4)));
            display: flex;
         }
         .home-banner-item img {
            position: relative;
            z-index: -1;
            display: block;
            height: 500px;
            object-fit: cover;
         }
         .home-banner-heading {
            width: 100%;
            position: absolute;
            color: #ffffff;
            font-size: 80px;
            line-height: 82px;
            font-weight: bold;
            font-family: hkgroteskbold;
            align-self: center;
            padding: 10%;
            margin-bottom: 0;
         }
        .title-header p {
            color: #ffffff;
            font-size: 80px;
            font-weight: 700;
            line-height: 85px;
            font-family: hkgroteskbold;
            letter-spacing: -0.36px;
        }
        
        /* FAQs */
        .faqs-contents {
         margin-bottom: 50px; 
        }
        .faqs-contents .faqs-block-title {
            color: #1e1e1e;
            font-size: 36px;
            font-weight: 700;
            font-family: hkgroteskbold;
            letter-spacing: -0.36px;
            margin-top: 45px;
            margin-bottom: 35px;
        }
        .faqs-contents .faqs-block-title:first-child {
          margin-top: 0;
        }
        .faqs-contents .card {
            border: none;
            background: none;
        }

        .faqs-contents .card-header {
            border: 1px solid #69a5a4;
            margin-bottom: 15px;
            border-radius: 4px;
            padding: 0;
            background-color: #f8f8f8;
        }

        .faqs-contents .card-header:hover {
          background-color: #69a5a4;
        }
        .faqs-contents .card-header:hover .faqs-block-header, .faqs-contents .card-header:hover .faqs-block-header::after {
          color: #ffffff;
        }
        .faqs-contents .card-body {
            padding: 5px 0 15px 30px;
        }

        .faqs-block-header {
            color: #1e1e1e;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 0.24px;
            cursor: pointer;
            padding: 10px 20px 8px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .faqs-block-header::after {
            content: '+';
            color: #1e1e1e;
            font-size: 18px;
            font-weight: 700;
        }

        .active-accordion .faqs-block-header {
            background-color: #69a5a4;
            color: #ffffff;
        }

        .active-accordion .faqs-block-header::after {
            content: '–';
            color: #FFFFFF;
        }
        @media only screen and (max-width: 768px) {
            .home-banner-heading {
               font-size: 45px;
               line-height: 47px;
            }
         }
        @media only screen and (min-width: 360px) and (max-width: 414px) {
            .p-5-10-percent {
              padding: 50px 4% !important;
            }
            .share-section {
              padding-left: 0;
              padding-right: 0;
            }
            .home-banner-heading {
               font-size: 50px;
               line-height: 52px;
            }
            .home-banner-item {
               overflow: hidden;
            }
            .home-banner-item img {
               max-width: fit-content;
               width: auto;
            }
            .share-section {
              padding-left: 0;
              padding-right: 0;
            }
            .title-header p {
              font-size: 52px;
              line-height: 54px;
              letter-spacing: -1.5px;
            }
            .faqs-contents .faqs-block-title {
              letter-spacing: -1.5px;
            }
         }