@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');
:root {--primary:#6D401B;--primary-light:#e0eefc;--primary-dark:#3B2411;--success:#3CD546;--success-light:#E9FFF8;--success-dark:#33af5e;--info:#2098B8;--info-light:#F2FFFE;--info-dark:#006dbb;--warning:#11110e;--warning-light:#FFF8EC;--warning-dark:#d7a40a;--danger:#E34141;--danger-light:#FEBBBB;--danger-dark:#d7a40a;--secondary:#7494DD;--secondary-dark:#6487B2;--transparent:transparent;--static:static;--relative:relative;--absolute:absolute;--fixed:fixed;--border-solid:1px solid;--border-dashed:1px dashed;--center:center;--left:left;--right:right;--stretch:stretch;--middle :middle;--uppercase:uppercase;--underline:underline;--pointer:pointer;--none:none;--d-i-flex:inline-flex;--flex-end:flex-end;--flex-start:flex-start;--wrap:wrap;--space-between:space-between;;--d-flex:flex;--d-block:block;--d-i-block:inline-block;--pixel:2px;--percent:2%;--o-hidden:hidden; background-color: var(--light); font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6 {font-weight: 700;}h2{font-size: 70px;}
h3 {font-size: 40px;line-height: 60px;}h5 {font-size: 30px;}h6 {font-size: 22px;font-weight: 500;}p{margin: 0;}
body{font-family:'Montserrat', sans-serif;background-color: #F7F7F7;font-size: 1rem;}.body-bg{background-color: var(--bs-body-bg);}.body-bg main,.body-bg-glutfit main,.body-bg-ams main {padding: 3rem 0;position: relative;}
button,input {font:400 18px/1.7 Cereal,-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;outline: none}.body-bg-glutfit{position: relative;} .body-bg-glutfit::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 90vh; background: linear-gradient(#FFDEE7 0%, #FFF7F9 50%, #FFF 100%);}.body-bg-glutfit .header,.body-bg-glutfit .bg-body-tertiary,.body-bg-ams .header, .body-bg-ams .bg-body-tertiary{background: transparent!important;}.body-bg-ams:before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 90vh;background: linear-gradient(#C9F0FF 0%, #E7F4FF 5%, #E7F4FF 5%, #FFF 100%);}
.header {background-color: var(--bs-body-bg);position: relative;}.collapse.show{background-color: #F0F0F0;border-radius: 10px;}.glutfit-text {color: #C51450;}
.btn {border-radius: 14px;height: 50px;padding: 0;line-height: 50px;}
.bg-body-tertiary{background-color: var(--bs-body-bg)!important;}.navbar {padding: 1rem 0;}.navbar-expand-lg .navbar-nav .nav-link {padding: 0.5rem 1rem;}.hero-banner {background-color: var(--bs-body-bg);text-align: center;padding:4rem 9rem}.hero-banner h1{font-size: calc(var(--pixel)* 20);margin-top: 30px;}.hero-banner h5{font-weight: normal;font-size: 20px;}code{color: #385EF3;}.jumborton {background-color: var(--bs-body-bg); padding: 5rem;border-radius: 40px;min-height: 746px;display: var(--d-flex);gap: 3rem;flex-wrap: wrap;margin-top: 3rem;overflow: hidden;}.sanar-bg{background: linear-gradient(#00D580, #00BABD);color: var(--bs-body-bg);}.jumborton-cnt{width: 50%;position: relative;}.jumborton-img {width: calc(50% - 3rem);text-align: center;}.jumborton .title {margin: 40px 0;line-height: 54px;}.jumborton .details {background-color: #F8F8F8; border-radius: 20px;padding: 1.25rem 2rem;flex: 0 1 100%;color: var(--bs-black);height: 100%;}.jumborton .details .row {align-items: center;}.sanar-bg .details {background-color: #58D4CC;}.star-rating {display: flex;align-items: center;gap: 10px;margin-top: 5px;}.notewhisper-bg{background: linear-gradient(150deg, #02025F, #060707, #130D25, #000000, #0D3232, #017A6B);color: var(--bs-body-bg);}.notewhisper-bg .details {background: linear-gradient(150deg, #111247, #184545);color: var(--bs-body-bg);}.notewhisper-text {color: #49D0F1;}.notewhisper-bg .jumborton-cnt {background: url('../img/notewhisper.png') no-repeat right bottom;}.ams-bg{background: radial-gradient(#C9F0FF, #E7F4FF, #E7F4FF, #E6F1FF);gap: 1rem;}.ams-text{color:#2F40CD}.ams-bg .jumborton-img img {width: 160%; margin-left: -240px; margin-top: 130px;}.gstore-bg {background-color: #FFCCDB;}.fitfood-bg{position: relative;}.fitfood-bg::before {background: url('../img/fitfood-bg.png') no-repeat right;content: '';position: absolute;right: 0;top: 0;width: 648px;height: 441px;}.fitfood-bg .jumborton-img{position: relative;} .fitfood-bg .details {background-color: #FFF5F8;margin-top: -95px;}.footer {padding: 6rem 0;text-align: center;background-color: #F7F7F7;margin-top: 100px;}.social {display: flex;align-items: center;gap: 20px;justify-content: center;}.footer h3 {margin-top: 3.5rem;margin-bottom: 1.5rem;}.footer a {color: var(--bs-black);display: inline-block;text-decoration: none;}
.projects {display: flex;flex-wrap: wrap;gap: 1.25rem;margin-top: 3rem;}.projects .card {width: 30%;text-align: center;padding: 3rem 2rem;border: none;border-radius: 15px;height: 630px;overflow: hidden;cursor: pointer;text-decoration: none;}.projects .card .card-body{padding: 0;position: relative;z-index: 1;}.projects .card .card-body~img {width:92%;margin: 2rem auto 0 auto;}.projects .ams-bg .card-body~img{width: 170%; position: absolute; bottom: 0; left: -25px;}.projects .fitfood-bg .card-body~img{width: 65%; left: 50%; position: absolute; bottom: 0; transform: translateX(-50%);margin-top: 0;}.projects .card .card-body .title{font-size: 24px;margin: 1.25rem 0 1rem;line-height: 34px;}.sub-title {font-size: 20px;}.projects .fitfood-bg::before {background: url('../img/fitfood-proj-bg.png') no-repeat;background-size: 100%;right: auto; left: 0; bottom: -20px; top: auto; width: 100%;}.fitfood-bg .card-body~img {position: relative;z-index: 9;}.nav-fixed {display: flex;flex-direction: column; justify-content: center; position: sticky;top: 0;}.nav-fixed a {text-decoration: none;color: #918F8F;font-weight: 400;line-height: 3.5;display: inline-flex;align-items: center;gap: 15px;}.nav-fixed a.active {color: #000000;}.gray-text{color: #918F8F;}.zigzag{position: relative;}.zigzag:before {background: url('../img/zigzag.png') no-repeat;width: 250px;height: 335px;content: '';position: absolute;top: 0;left: 0;z-index: -1;}.note-banner-bg {width: 100%;height: 800px;;margin-bottom: 3rem;}.note-bg .header,.note-bg .bg-body-tertiary {background: transparent!important;}.note-bg .nav-link {color: #FFF;}.navbar-brand i {font-size: 50px;color: #FFF;}.note-bg {background-color: #FFF;}.note-bg::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 900px;background: url('../img/notewhisper-bg.jpg') no-repeat;background-size: 100%;}
.my-team {display: flex;align-items: center;gap: 1.25rem;margin-top: 2rem;}.my-team figure{height: 140px;width: 130px;overflow: hidden;}.my-team2 figure{height: 140px;width: 140px;}.my-team3 figure{height: 290px;width: 160px;}.my-team figure img{width: 100%;}.user-inter {margin: 2rem 0;}.user-inter p {margin: 0;position: relative; padding-left: 15px;}.user-inter p:before { content: '>'; position: absolute; left: 0; font-size: 1rem; }.impact {border-radius: 1.25rem;padding: 1.25rem;background-color: #F8F8F8;margin-top: 2rem;font-weight: 600;}
.impact-flex {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}.impact-flex-item {display: flex;gap: 1rem;align-items: center;}.impact-flex-item i{font-size: 36px;}.impact-flex-item i.icon-rating{font-size: inherit;} hr {border-top: solid #979797;margin: 2rem 0;}
.lead-app {display: inline-flex;align-items: center;gap: 15px;}.icon-trophy {font-size: 28px;}.contactus {margin: 3rem 0;}.contactus .card {margin: 0 auto;width: 50%;}.img-cover {object-fit: cover;width: 100%;}.coming-soon {color: #000000;opacity: 50%;}.notewhisper-bg .coming-soon {color: #FFF;opacity: 50%;}.app-img {height: 510px;}.mt-5 {margin-top: 5rem!important;}.mb-5 {margin-bottom: 5rem!important;}.fw-500 {font-weight: 500;}.logo-brdr {border: 1px solid #DAD9D9;border-radius: 10px;}.swiper-pagination-bullet {background: #FFF;}.shadow-cnt {background: linear-gradient(#ddd, #FFF);height: 50px;}
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px){
    .hero-banner h1 {font-size: calc(var(--pixel)* 15);}.hero-banner h5 { font-size: 16px; }h5 {font-size: 18px;}h3 {font-size: 30px;line-height: 38px;}
    .contactus .card {margin: 0 auto;width: 100%;}.projects .card,.jumborton-cnt,.app-img {width: 100%;}.hero-banner {padding: 1rem;}.jumborton {margin-top: 1rem;gap: 1rem;padding: 1rem;flex-direction: column;border-radius: 20px;}.jumborton .title{font-size: 28px;line-height: 40px;margin: 20px 0;}.jumborton-img {text-align: center;margin: auto;width: 100%;}.jumborton-img img {width: 100%;}.jumborton .details {padding: 1rem;}.lead-app {margin: 0.75rem 0;}.text-end .btn-dark {display: block;width: 100%;}.fitfood-bg .details {margin-top: -18px;}.body-bg main, .body-bg-glutfit main, .body-bg-ams main {padding: 1rem 0;}.my-team {flex-wrap: wrap;}.note-banner-bg {background-size: 100%;height: 178px;margin-bottom: 1rem;}.details .col-md-5.text-end,.details .col-md-8.text-end { margin-top: 15px; }.ams-bg .jumborton-img img {width: 100%; margin-left: 0; margin-top: 0;}.fitfood-bg::before {right: -16px;}.footer {padding: 2rem 0;margin-top: 30px;}.footer h3 { margin-top: 1rem; margin-bottom: 1rem; }.mb-5 { margin-bottom: 2rem!important; }.mt-5 { margin-top: 2rem!important; }.impact-flex {flex-direction: column;    align-items: flex-start;gap: 20px;}hr { margin: 1rem 0; }.app-img {height: auto;}.img-mob {width: 100%;}.note-bg .navbar-toggler {border-color: #FFF;background: #FFF;}.note-bg .nav-link {color: inherit;}
}
.fade-effect{
    display: block;
    position: relative;
}
.fade-effect::after{
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
bottom:0;
left: 0;
background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1) 90%);
}
/* .fade-anim{
    animation: scrollingFade linear both;
    animation-timeline: view();
    animation-range: entry 5% cover 25%;
} */
/* @keyframes scrollingFade {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  } */

  .img-screen-fit{
    width: 100%;
    object-fit: contain;
  }
  .bgc-white{
background-color: #fff;
  }
  .w-100{
    width: 100%;
  }
  .f-c-c{
    display: flex;
    justify-content: center;
    align-items:center ;
    height: 200px;
  }