.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;
         }
         .p-lr-20 {
            padding-right: 20px;
            padding-left: 20px;
         }
         .our-approach-top-content {
            background-color: #3f575e;
            color: #ffffff;
            padding: 45px 10%;
         }
         .our-approach-content-left, .our-approach-content-right {
            display: flex;
            flex-flow: column;
            justify-content: center;
         }
         .our-approach-top-content h4 {
            font-family: "hkgrotesk";
            font-weight: 400;
            margin-bottom: 0;
         }
         .our-approach-content {
            background-color: #69a5a4;
            color: #1e1e1e;
         }
         .our-approach-content-left h1 {
            color: #ffffff;
            font-family: hkgroteskbold;
            font-size: 36px;
            font-weight: 700;
         }
         .our-approach-content-left p {
            font-family: proximanova;
            font-size: 16px;
            font-weight: 400;
            text-align: left;
            color: #ffffff;
         }
         .our-approach-content-bottom {
            color: #ffffff;
         }
         .our-approach-content-bottom-left, .our-approach-content-bottom-right {
            margin-bottom: 0;
         }
         
         .our-approach-content-bottom-right .share-section p {
           color: #FFFFFF;
         }
         .our-approach-content-bottom-left {
            background-color: #77594b;
         }
         .our-approach-content-bottom-heading {
            padding-bottom: 20px;
         }
         .our-approach-content-bottom-heading h2 {
            font-family: hkgroteskbold;
            font-size: 36px;
            font-weight: 700;
         }
         .our-approach-content-bottom-values h6 {
            font-family: proximanovabold;
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
         }
         .our-approach-content-bottom-values p {
            font-family: proximanova;
            font-size: 16px;
            font-weight: 400;
         }
         .our-approach-content-bottom-right {
            background-color: #602928;
            position: relative;
         }
         
         .our-approach-content-bottom-right .share-section {
            position: absolute;
            bottom: 50px;
            right: 10%;
         }
         .our-approach-content-reverse {
            flex-direction: row-reverse;
         }
         .m-b-70 {
            margin-bottom: 70px;
         }
         .p-50-10p {
            padding: 50px 10%;
         }
         .our-approach-content-bottom-button {
            padding-top: 50px;
            margin-bottom: 30px;
         }
         .slide-btn-read-more {
            border: 2px solid #ffffff;
            border-radius: 5px;
            color: #ffffff;
            font-family: proximanovabold;
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            text-decoration: none;
            padding: 12px;
         }
         .slide-btn-read-more:hover {
           color: #ffffff;
           text-decoration: none;
         }
         .share-section{
           margin-top: 85px !important;
         }
         .share-section p{
           color: #f8f8f8 !important;
           font-size: 16px;
           font-weight: 700;
         }
         @media only screen and (max-width: 768px) {
            .home-banner-heading {
               font-size: 60px;
               line-height: 62px;
               min-width: 100%;
            }
         }
         @media only screen and (min-width: 360px) and (max-width: 414px) {
            .home-banner-heading {
               font-size: 50px;
               line-height: 52px;
               letter-spacing: -1.5px;
            }
            .home-banner-item {
               overflow: hidden;
            }
            .home-banner-item img {
               max-width: fit-content;
               width: auto;
            }
            .p-lr-20 {
               padding-right: 0;
               padding-left: 0;
            }
            .our-approach-top-content {
               padding: 45px 6%;
            }
            .our-approach-content-bottom-right .share-section {
              padding: 5% 0% 0;
            }
            .p-5-10-percent {
              padding: 50px 4% !important;
            }
            .share-section {
              padding-left: 0;
              padding-right: 0;
            }
            .our-approach-content-left h1 {
              letter-spacing: -1.5px;
            }
         }