.p-relative{
    position: relative;
}

.padd-left100{
    padding-left: 100px;
}

img{
    max-width: 100%;
}

.pb-0{
    padding-bottom: 0 !important;
}


.primary-top{
    background:#F6DCBB ;
    color: #612F1C;
    font-family: 'Poppins', sans-serif;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    font-weight: 400;
    transition: all 0.2s ease;
    position: relative;
    font-size: 16px;
    z-index: 999;
    align-items: center;
    text-wrap: nowrap;
}

p{
    font-size: 18px;
    font-weight: 300;
}

.primary-top a, .primary-top a:hover{

    color: #612F1C;
    text-decoration: none;
    display: flex;
    margin: 0 5px;
    background:rgb(206 119 84 / 50%) ;
    border-radius: 6px;
    padding: 7px 15px;
}

#page-top{
    padding-top: 90px;
}

#mainNav{
    font-weight: 400;
}

.menu-section {
    width: 100%;
    height: auto;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 99;
    transition: all 0.3s ease;
}


.fixed-top {
    top: 0;
    z-index: 100;
    background-color: rgb(255, 255, 255);
    transition: all 0.3s ease;
    box-shadow: 0px 12px 24px rgb(238 238 222 / 80%);
    /* backdrop-filter: blur(20px); */
    
}

.tagline-txt{
    font-size: 24px;
    font-weight: 400;
    margin: 25px 0 10px;
    font-family: poppins;
}



.left-nav {
    border-left: 1px solid #EAEADF;
    margin-left: 20px;
    padding-left: 20px;
    display: flex;
}

.right-contact-nav{
    display: flex;
}

.btn-join-home{
    padding: 13px 30px !important;
    border-radius: 10px;
    font-size: 16px !important;
    font-weight: 600;
}

.masterheader{
    padding: 55px 0 100px;
    font-size: 48px; 
    position: relative;
}

.header-txt{
    display: flex;
    min-height: 390px;
    justify-content: center;
    align-items: center;
    
}
.header-txt h1{
font-size: 3.3rem !important;
}

.btn-join-home span{
    justify-content: center;
}



.masterheader .hdr-img{
    background: url(../images/food-chain.svg) no-repeat  center bottom;
    background-size: 100%;
    display: flex;
    min-height: 500px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.hdr-bg{
    background: url(../images/headerbg.png) no-repeat center right;
}

h1, h2,h3,h4,h5{
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
}

 h1{
    font-size: 3rem;

}
 h2{
    font-size: 38px;
}

.highlight {
    display: inline-flex;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

.rsp-item{
    display: none;
}

.news-media img{
    padding: 0 20px ;
    height: 26px;
    max-width: max-content;
    margin: 0 auto 10px;
}

.min-h500{
    min-height: 500px;
}

.hlt-item{
    position: absolute;
    z-index: -1;
    height: 83px;
    left: -20px;
    top: -10px;
    width: 113%;
}

.customli{
    margin: 30px 0 40px;
    font-size: 18px;
}

.customli li{
    margin: 0 0 15px;
}

.decimallist, .dotlist {
    margin-left: 50px;
} 


.decimallist li{
    list-style: decimal;
}

.dotlist li{
    list-style: disc;
}

.customli .hdr1{
    padding: 10px 0 ;
}


.hiring {
    position: absolute;
    font-size: 9px;
    background: url(../images/logo-tag-bg.svg) no-repeat;
    padding: 5px 8px;
    border-radius: 0;
    line-height: 1;
    font-weight: 400;
    right: 6px;
    bottom: -14px;
    color: #612F1C;
    overflow: visible;
    height: 18px;
}


.comodity-hlt {
    background: url(../images/commodity-hlt.png) no-repeat;
}

.comodity2-hlt {
    background: url(../images/commodity2-hlt.png) no-repeat;
    top: 10px;
}

.india-agri-hlt {
    background: url(../images/complication-hlt.png) no-repeat;
    background-size: contain;
    top: -4px;
    left: -27px;
}

.trade-hlt {
    background: url(../images/trading-hlt.png) no-repeat;
}

.complication-hlt {
    background: url(../images/complication-hlt.png) no-repeat;
}

.signle-sol-hlt {
    background: url(../images/single-sol-hlt.png) no-repeat;
}

.organisation-hlt {
    background: url(../images/org-support-hlt.png) no-repeat;
}

.investor-hlt {
    background: url(../images/investor-hlt.png) no-repeat;
    background-size: contain;
    left: -12px
}

.team-hlt {
    background: url(../images/team-hlt.png) no-repeat;
    background-size: contain;
    left: -10px;
}

.value-hlt {
    background: url(../images/values-hlt.png) no-repeat;
    background-size: contain;
    left: -10px;
}

.join-hlt {
    background: url(../images/join-hlt.png) no-repeat;
    background-size: contain;
    left: -10px;
}

.life-hlt{
    background: url(../images/life-hlt.png) no-repeat;
    background-size: contain;
    left: -10px;
    
}

.playstore, .playstore:hover, .playstore:focus {
    font-size: 16px;
    text-decoration: none;
    color: #612F1C;
}

.playstore img{
    margin-right: 5px;
}


.news-media span{
    font-size: 16px;
    font-weight: 400;
}

.news-media marquee div {
    display: inline-flex;
    width: 290px;
    flex-direction: column;
    text-wrap: wrap;
}

.news-media span {
    font-size: 14px;
    font-weight: 400;
    display: inline-flex;
    text-align: center;
    padding: 0 10px;
    width: 280px;
    margin: 0 auto;
    justify-content: center;
}

.news-media marquee {
    display: flex;
    max-width: 100%;
    margin-bottom: 30px;
}

.news-media marquee a {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.investor-mapping a, .org-mapping a{
    background: transparent;
    position: absolute;
    width: 100px;
    height: 50px;
}

.prm-link {
    left: 39%;
    top: 2%;
}

.zep-link{
    left: 10%;
    top: 20%;
}

.lab-ind-link{
    left: 66%;
    top: 20%;
}

.p-one-link {
    left: 70%;
    top: 48%;
}
.alt-cap{
  left: 10%;
    top: 48%;  
}

.dst-link {
    left: 46%;
    top: 33%;
}

.dst-link2{
    left: 10%;
    top: 67%;
}

.indigram-link{
    left: 63%;
    top: 66%;
}

.msme-link {
    left: 20%;
    top: 37%;
}

.isap-link {
    left: 32%;
    top: 2%;
}

.dpiit-link {
    left: 36%;
    top: 68%;
}

.icon-item{
    display: flex;
    flex-direction: column;
}
.icon-item a{
display: flex;
align-items: flex-end;
}


.icon-item i {
    display: block;
    width: 25px;
    height: 21px;
    background: url(../images/mail.png) no-repeat left center;
}

.icon-pdf.icon-item i{
    display: block;
    background: url(../images/pdf-file.svg) no-repeat left top;
    background-size: 20px;
}

.icon-item .small{
    font-size: 10px;
    margin-left: 25px;

}



.chall-bg1{
    background: url(../images/complication-left-bg1.svg) no-repeat ;
    position: absolute;
    width: 480px;
    height: 780px;
    top: 30px;
    left: 0;
    background-size: contain;
    z-index: -1;
}

.chall-bg2{
    background: url(../images/complication-right-bg1.svg) no-repeat right;
    position: absolute;
    width: 480px;
    height: 420px;
    top: 850px;
    right: 0;
    background-size: contain;
    z-index: -1;
}

.ecosys-bg{
    background: url(../images/complication-right-bg1.svg) no-repeat right;
    position: absolute;
    width: 480px;
    height: 420px;
    top: 430px;
    right: 0;
    background-size: contain;
    z-index: -1;
}


.single-solution h1{
    margin-top: 120px;
    margin-bottom: 80px !important;
}

.single-solution p {
    font-size: 18px;
    font-weight: 300;
    padding: 0 100px;
}

.complication-img img {
    margin-top: 0px;
}

.eco-greybox{
    min-height: 500px;
    background: #F6F6EF;
}

.eco-system{
    margin-bottom: 100px;
}

.eco-diagram {
    width: 974px;
    margin: 0 auto;
}

.eco-system-img{
    background: url(../images/poshn-ecosystem-diagram.svg) no-repeat;
    width: 900px;
    margin: 0 auto;
    height: 500px;
    background-size: contain;
}

.eco-system img {
    max-width: 100%;
    margin: 0 auto;
    
}

.part-eco{
    margin-top: 50px;
}

.part-cat-content {
    min-height: 261px;
}

.part-cat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 620px;
    justify-content: space-around;
}

.part-cat h4{
    font-size: 28px;
}


.part-cat ul{
    list-style: none;
    padding: 0;
    font-weight: 300;
}

.part-cat li{
    position: relative;
    padding: 0 0px 10px 25px;
    list-style: 1.3;
    font-size: 18px;

}

.part-cat li::before{
    content: "";
    width: 15px;
    height: 18px;
    left: 0;
    background:url(../images/ear-of-wheat.png) no-repeat;
    top: 6px;
    
    position: absolute;
}

.buyer-flare{
    background: url(../images/buyer-reliefbg.svg) no-repeat;
    position: absolute;
    width: 500px;
    height: 400px;
    left: 0;
    top: 0px;
}

.seller-flare{
    background: url(../images/seller-upside-bg.svg) no-repeat right;
    position: absolute;
    width: 500px;
    height: 400px;
    right: 0;
    bottom: -380px;
}

.concept-spacer{
    min-height: 1000px;
    position: relative;
}

.buyer-relief {
    background: url(../images/the-buyer-step.svg) no-repeat;
    position: absolute;
    width: 820px;
    height: 550px;
}

.ref-opt span, .update-opt span  {
    background: #f9f9f9;
    padding: 10px 18px;
    border-radius: 10px;
    position: absolute;
    font-weight: 400;
}

.opt-digi {
    left: 260px;
    top: 40px;
}

.opt-price {
    left: 260px;
    top: 500px;
}

.opt-purchase {
    top: 130px;
    left: 395px;
}

.opt-sale {
    top: 230px;
    left: 475px;
}

.opt-cap {
    top: 400px;
    left: 430px;
}

.procurement{
    top: 20px;
    right: 260px;
}
.demand-full{
    top: 120px;
    right: 390px;
}

.tracking{
    top: 280px;
    right: 450px;
}
.emb-finance{
    top: 430px;
    right: 420px;
}
.imd-pay{
    top: 540px;
    right: 240px;
}

.buyer-relief .txtmain{
    font-weight: 400;
    font-size: 38px;
    position: absolute;
    top: 200px;
}

.buyer-relief .txtmain span, .seller-upside .txtmain span{
    font-weight: 500;
}

.seller-upside {
background: url(../images/seller-upside.svg) no-repeat right; 
position: absolute;
width: 820px;
height: 550px;
bottom: 0;
right: 0;
}

.seller-upside .txtmain {
    font-weight: 400;
    font-size: 38px;
    position: absolute;
    right: 40px;
    top: 210px;
}



.btn-partof, .btn-partof:hover{
    background: #A27764;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

footer li{
    margin: 0 0 15px 0;
}

.org-support{
    width: 1000px;
    margin: 96px auto 0;
}

.org-support h1{
    margin: 0 !important;
}

.ft-nav-main {
    padding: 15px 0 0 0;
}

footer{
    border-top: 1px solid #FB7901;
    padding: 50px 0 0;
}

.ft-nav-main p {
    font-size: 23px;
    font-weight: 500;
}

.f-bg{
    background: url(../images/footerbg.svg) no-repeat bottom;
}

.ft-logo img{
    margin-bottom: 20px;
}

.ft-left-nav {
    font-size: 16px;
    font-weight: 300;
}

.ft-left-nav a, .ft-left-nav li {
    display: flex;
    align-items: center;
}

.ft-left-nav i{
    display: block;
    width: 30px;
    height: 21px;
    background: url(../images/mail.png) no-repeat left center;
}

.ft-left-nav .phone i{
    background: url(../images/call.png) no-repeat left center;
}

.ft-left-nav .location i{
    background: url(../images/location.png) no-repeat left center;
}

.ft-social-nav ul{
    display: flex;
    margin: 0;
}

.ft-social-nav i{
    display: block;
    width: 30px;
    height: 21px;
    background: url(../images/facebook.png) no-repeat left center;
}

.ft-social-nav .ins i{
    background: url(../images/instagram.png) no-repeat left center;
}

.ft-social-nav .link i{
    background: url(../images/LinkedinLogo.png) no-repeat left center;
}

.footer-bottom {
    margin: 50px 0 0;
}

.ft-social-nav {
    justify-content: flex-end;
    display: flex;
}

.ft-social-nav li {
    margin-left: 30px;
}

.ft-social-nav li a {
    display: flex;
    flex-direction: row;
}

.location span {
    display: flex;
}

.add-info{
    padding-left: 30px;

}


/****Testimonial scroll css*****/

.outer-wrapper {
    max-width: 100vw;
    overflow-x: scroll;
    position: relative;
    scrollbar-color: #d5ac68 #f1db9d;
    scrollbar-width: thin;
    -ms-overflow-style: none;
  }
  
  .pseduo-track {
    background-color: #f1db9d;
    height: 2px;
    width: 100%;
    position: relative;
    top: -3px;
    z-index: -10;
    margin: 0 auto;
  }
  
  @media (any-hover: none) {
    .pseduo-track {
      display: none;
    }
  }
  
  .outer-wrapper::-webkit-scrollbar {
    height: 5px;
  }
  
  .outer-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  }
  
  .outer-wrapper::-webkit-scrollbar-thumb {
    height: 5px;
    background-color: #d5ac68;
  }
  
  .outer-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #f1db9d;
  }
  
  .outer-wrapper::-webkit-scrollbar:vertical {
    display: none;
  }
  
  .inner-wrapper {
    display: flex;
    padding-bottom: 50px;
  }
  
  .testimoni-item {
    position: relative;
    width: 470px;
    margin-right: 10px;
    flex-shrink: 0;

    padding-left: 90px;
  }

  .testimoni-item:first-child .avatar {
    left: 0;
}

  .testimoni-item:first-child {
    padding-left: 60px;
}

  .testimoni-item .avatar{
    position: absolute;
    left: 30px;
    top: calc(50% - 60px);
  }

  .testcontent{
    min-height: 200px;
    background-color:#F6F6EF;
    border-radius: 10px;
    padding-left: 90px;
    font-size: 18px;
    font-weight: 400;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding-right: 15px;
  }

  /* .people-say {
    margin-right: -85px;
} */

  .hdr {
    font-size: 32px;
    font-weight: 400;
    margin: 0 0 10px;
}

.testimoni-bg{
    background: url(../images/people-say-bg.png) no-repeat;
    width: 360px;
    height: 430px;
    position: absolute;
    left: 0;
    top: 0;
}
 

/****Testimonial scroll css*****/

.audiojs {
    float: left;
    width: 50px;
    height: 50px;
    position: absolute;
    background:#E2E2D6;
    border-radius: 30px;
    box-shadow: unset;
    left: 35px;
    top: 90px;
}

.audiomask {
   
    width: 100%;
    background: #FEFEF8;
    border-radius: 100px;
    position: absolute;
    margin-bottom: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.audiojs .play-pause {
    
    margin: 0.2rem;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: none;
    /* box-shadow: 0 1px 6px #ccc; */
}

.audiojs .play {
    background: url(../images/play.svg) center center no-repeat;

}

.audiojs p {
    width: 33px;
    height: 33px;

}

.audiojs .pause {
    background: url(../images/pause.svg) center center  no-repeat;
}

.audiojs .loaded, .audiojs .scrubber, .audiojs .time{
    display: none;
}

.about-hdr{
    background: url(../images/about-header-flare.svg) no-repeat center;
    font-size: 54px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    min-height: 510px;
    background-size: contain;
}

.about-hdr b{
    font-weight: 500 !important;
}

.about-hdr .hdr-txt{
    min-height: 550px;
    display: flex;
}

.about-hdr h1{
    line-height: 1.3;
    width: 920px;
    margin: 0 auto;
    font-size: 3.3rem;
    font-weight: 400;
}

.

.about-hdr span{
    font-weight: 500;
}

.growth-mkt-lvl {
    font-weight: 500;
    color: #A27764;
}

.growth-mkt-lvl p{
    font-size: 18px;
    font-weight: 300;
}

.growth-mkt-lvl span{  
    font-weight: 600;
}

.growth-mkt-lvl .level1{
    font-size: 48px;
}

.growth-mkt-lvl .level2{
    font-size: 38px;
}
.growth-mkt-lvl .level3{
    font-size: 32px;
}

.growth-industry{
    font-size: 18px;
    font-weight: 300;
    width: 500px;
}

.growth-industry a{
    position: relative;
}

.growth-industry .learn{
    background: url(../images/learn-more-hlt.svg) no-repeat;
    height: 34px;
    top: -5px;
    left: -9px;

 }

.growth-industry span{
    font-weight: 600;
}


.partposhn-bg{
    background: url(../images/part-poshn-bg.png) no-repeat ;
    position: absolute;
    width: 480px;
    height: 920px;
    top: 1550px;
    left: 0;
    background-size: contain;
    z-index: -1;

}

.member-info{
    font-size: 15px;
    font-weight: 300;
    min-height: 490px;
    padding: 50px 20px;
    border: 1px solid #EAEADF;
    border-radius: 16px;
    background: #fff;
}

.member-info p{
    font-size: 16px;
    margin: 0;
}

.member-info h4{
    font-size: 28px;
    font-weight: 400;
    color: #EB8031;
}

.member-info .desig{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
}

.mem-pic {
    margin-bottom: 35px;
}

.mem-pic img{
    border-radius: 50%;
}


.tagline, .part-poshn{
    font-weight: 300;
}

.part-poshn span{
    font-weight: 600;
}

.team-work-img{
    display: flex;

    justify-content: flex-end;
}

.value-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.value-item {
    width: calc(35% - 33px);
    margin:0 0 20px;
    border: 1px solid #EAEADF;
    padding: 40px 20px;
    background: #fff;
    font-weight: 300;
    border-radius: 16px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.value-item p{
    font-size: 16px !important;
}

.value-item i{
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    background-image: url(../images/icon-entrepreneurship.svg) ;
}

.value-item.autonomy i{
    background-image: url(../images/icon-autonomy.svg) !important ;
}

.value-item.transparency i{
    background-image: url(../images/icon-transparency.svg) !important ;
}
.value-item.learning i{
    background-image: url(../images/icon-learning.svg) !important ;
}
.value-item.autonomy i{
    background-image: url(../images/icon-autonomy.svg) !important ;
}
.value-item.team-work i{
    background-image: url(../images/icon-team-work.svg) !important ;
}


.testimoni-target { scroll-margin-top: 50px; }
.investor-target { scroll-margin-top: 80px; }

#joinus{
    padding-top: 50px;
    padding-bottom: 50px;
}

.value-item h4{
    color: #EB8031;
    margin: 0 0 20px;
}

.value-item.alt {
    background: #EAEADF;
}

/* #valuesabide{
    background:url(../images/the-value-sec-bg.svg) no-repeat center ;
} */

.glimpses-img img{
    border-radius: 10px;
}

.join-with-us{
    background: url(../images/joinus-flare.svg) no-repeat left center #F6F6EF;
    padding: 50px;
    border-radius: 16px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.join-with-us p{
font-family: 'Rubik', sans-serif;
font-size: 28px;
font-weight: 400;
padding: 0.5em 0 1.5em;
}

.what-we-do-sec{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.we-do-item{
    width: calc(27% - 40px);
    margin: 0 0 0px;
    border: 1px solid #EAEADF;
    padding: 40px 20px;
    opacity: 0.91;
    font-weight: 300;
    border-radius: 16px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    background: #fff;
    text-align: center;
}

.we-do-item i {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    background-image: url(../images/icon-demand-aggr.svg);
}


.we-do-item.emb-fin i {
    background-image: url(../images/icon-embeded-fin.svg);
}

.we-do-item.vas i {
    background-image: url(../images/icon-vas.svg);
}

.we-do-item.saas-eco i {
    background-image: url(../images/icon-saas-eco.svg);
}

.we-do-item h4 {
    color: #EB8031;
    
}

.we-do-item p {
    font-size: 16px !important;
    margin: 0;
}

.business-sec-items{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.business-sec-items .col{
    width: calc(25% - 30px);
    text-align: center;
}

.business-sec-items h4{
    color: #EB8031;
    font-size: 54px;
    font-weight: 500;
}

.business-sec-items span{
    font-size: 20px;
    font-weight: 400;
}

.feature-col-left, .feature-col-right {
    min-height: 450px;
    position: relative;
    width: 50%;
}


.feature-col-right .feature-icon {
    right: 0;
}

.feature-icon {
    display: flex;
    position: absolute;
    top: calc(50% - 48px);
    padding: 70px 0 0;
}

.feature-icon {
    background: url(../images/icon-buyer.svg) no-repeat center top;
    background-size: 80%;
}

.sellers {
    background-image: url(../images/icon-sellers.svg);
}

.supply {
    background-image: url(../images/icon-supply.svg);
}

.demand {
    background-image: url(../images/icon-demand.svg);
    background-size: 65%;
}


.client-speaks ul{
    margin: 0 !important;
}

.feature-col-left li, .feature-col-right li {
    padding: 10px 0 10px 70px;
    border: 1px solid #ededed;
    border-radius: 35px;
    position: absolute;
    width: 380px;
    min-height: 64px;
    display: flex;
    align-items: center;
    font-weight: 400;
}

.feature-col-left li{
    background: url(../images/icon-feature-capacity.svg) no-repeat 10px center;
    background-size: 48px;
}

.feature-col-right li {
    padding: 10px 70px 10px 10px;
    background: url(../images/icon-feature-capacity.svg) no-repeat #fff ;
    background-position: calc(100% - 12px) center;
    background-size: 48px;
    justify-content: flex-end;
    text-align: right;
}

.fe-eco{
    background: url(../images/icon-feature-fragment.svg) no-repeat 10px center #fff !important ;
}

.fe-credit{
    background: url(../images/icon-feature-credit.svg) no-repeat 10px center #fff !important;
}

.fe-capacity{
    background: url(../images/icon-feature-capacity.svg) no-repeat 10px center #fff !important;
}
.fe-exposure{
    background: url(../images/icon-feature-exposure.svg) no-repeat 10px center #fff !important;
}

.fe-price{
    background-image: url(../images/icon-feature-price.svg)  !important;
}

.fe-quality{
    background-image: url(../images/icon-feature-quality.svg) !important;
}

.fe-fullfilment{
    background-image: url(../images/icon-feature-fullfil.svg)  !important;
}
.fe-stakeholder{
    background-image: url(../images/icon-feature-stakeholder.svg)  !important;
}

.fe-best-price{
    background-image: url(../images/icon-feature-best-price.svg)  !important;
}

.fe-quality-goods{
    background-image: url(../images/icon-feature-goods.svg)  !important;
}

.fe-fulfilment{
    background-image: url(../images/icon-feature-fullfil.svg)  !important;
}

.fe-tracking{
    background-image: url(../images/icon-feature-tracking.svg)  !important;
}

.fe-facilities{
    background-image: url(../images/icon-feature-credit-facility.svg)  !important;
}

.fe-demand{
    background-image: url(../images/icon-feature-demand-aggr.svg)  !important;
}

.fe-embedded{
    background-image: url(../images/icon-feature-embeded-fin.svg)  !important;
}

.fe-digital-book{
    background-image: url(../images/icon-feature-digital-book.svg)  !important;
}

.fe-analytics{
    background-image: url(../images/icon-feature-smart-analytics.svg)  !important;
}

.fe-forcasting{
    background-image: url(../images/icon-feature-forcasting.svg)  !important;
}

.feature-sec-home{
    padding-bottom: 0px !important;
}

.feature-sec-home h3, .feature-sec2 h3{
    margin-bottom: 30px;
}


.feature-col-left li:nth-child(1) {
    top: 20px;
    left: 65px;
}

.feature-col-left li:nth-child(2) {
    top: 115px;
    left: 135px;
}

.feature-col-left li:nth-child(3) {
    top: 210px;
    left: 135px;
}

.feature-col-left li:last-child {
    top: 305px;
    left: 65px;
}

.feature-col-right li:nth-child(1) {
    top: 20px;
    right: 65px;
}

.feature-col-right li:nth-child(2) {
    top: 115px;
    right: 135px;
}

.feature-col-right li:nth-child(3) {
    top: 210px;
    right: 135px;
}

.feature-col-right li:last-child {
    top: 305px;
    right: 65px;
}

.feature-sec2 .feature-col-left li:nth-child(1){
    top: 20px;
    left: 65px;
}

.feature-sec2 .feature-col-left li:nth-child(2){
    top: 108px;
    left: 110px;
}

.feature-sec2 .feature-col-left li:nth-child(3){
    top: 195px;
    left: 170px;
}

.feature-sec2 .feature-col-left li:nth-child(4){
    top: 283px;
    left: 110px;
}
.feature-sec2 .feature-col-left li:last-child{
    top: 370px;
    left: 65px;
}

.feature-sec2 .feature-col-right li:nth-child(1){
    top: 20px;
    right: 65px;
}

.feature-sec2 .feature-col-right li:nth-child(2){
    top: 108px;
    right: 110px;
}

.feature-sec2 .feature-col-right li:nth-child(3){
    top: 195px;
    right: 170px;
}

.feature-sec2 .feature-col-right li:nth-child(4){
    top: 283px;
    right: 110px;
}
.feature-sec2 .feature-col-right li:last-child{
    top: 370px;
    right: 65px;
}

.testimonial {
    display: flex;
    justify-content: space-between;
}

.testimonial-item {
    border-radius: 16px;
    padding: 50px 40px ;
    border: 1px solid #EAEADF;
    min-height: 290px;
    background: #fff;
  
}

.client-info {
    display: flex;
    margin: 0 0 20px;
    justify-content: space-between;
    align-items: center;
}

.testimonial-item h4 {
    font-size: 28px;
    color: #EB8031;
}

.testimonial-item h5 {
    color: #612F1C;
    font-size: 18px;
}

.testimonial-item p {
    font-size: 16px;
    margin: 0;
}

.carousel-wrapper  {
    width: 100%;
    position: relative;
}

.carousel .slide-item {
  scroll-snap-align: start;

  list-style: none;
  cursor: pointer;
  padding-bottom: 0px;
  flex-direction: column;
  border-radius: 8px;
}
.carousel .slide-item .img {
  background: #8B53FF;
  height: 148px;
  width: 148px;
  border-radius: 50%;
}
.slide-item .img img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #fff;
}
.carousel .slide-item h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carousel .slide-item span {
  color: #6A6D78;
  font-size: 1.31rem;
}
.carousel-wrapper   i {
  height: 42px;
  width: 42px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  background: #fff;
  border-radius: 50%;
  
}

.carousel-wrapper i:first-child{
    right: 90px;
    top: -100px;
    left: inherit;
  
  background-image: url(../images/left-arrow.svg) ;
    border-radius: 50%;
    
}
.carousel-wrapper i:last-child{
   right: 30px;
    top: -100px;
  background-image: url(../images/right-arrow.svg) ;
}
 .carousel{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 2) - 12px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.carousel::-webkit-scrollbar {
  display: none;
}
.carousel.no-transition {
  scroll-behavior: auto;
}
.carousel.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carousel.dragging .slide-item {
  cursor: grab;
  user-select: none;
}

.carousel-control-prev, .carousel-control-next{
    bottom: inherit;
    width: 50px;
}

.carousel-control-prev-icon{
    right: 0;
    top: -20px;
}
.sr-only {
    display: none;
}

.carousel-control-prev {
    right: 90px;
    top: -100px;
    left: inherit;
}
.carousel-control-next {
    right: 30px;
    top: -100px;
}

.carousel-control-prev-icon {
    background-image: url(../images/left-arrow.svg) ;
    border-radius: 50%;
    border: 1px solid #EB8031;
}

.carousel-control-next-icon {
    background-image: url(../images/right-arrow.svg) ;
}

.investor-home{
    display: flex;
    align-items: center;
    margin:60px auto 100px ;
    justify-content: center;
}

.investor-home a {
    margin: 0 0 0 30px;
}

.eco-system{
    
    padding: 120px 0 0px;
    
    background-size: 80%;
}

.eco-system-flare{
    background: url(../images/flare-techno-bg.png) no-repeat center 50px;
    position: absolute;
    width: 100%;
    height: 740px;
    top: 0;
    z-index: -1;
    background-size: 870px;
    left: 0;
}

.techno-info {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 20px;
}

.techno-info h1 {
    margin-bottom: 20px;
}

.techno-info p{
    font-size: 24px;
    padding: 0 0 20px 0;
    font-weight: 400;
}

.techno-info li{
    list-style: none;
    background: url(../images/checkbox.svg) no-repeat left 7px ;
    padding: 5px 0 5px 30px;
    font-size: 18px;
}


/******************************************
* Resonsive Menu css
*******************************************/

.m-menu-content {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    height: auto;
    padding: 10px 12px;
    width: 100%;
    background-color: #fff;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .5s ease;
    transition: .5s ease;
    border-top: 1px solid var(--v-border-base);
    will-change: transform;
}

.m-menu-content.open {
    height: auto;
    -webkit-transform: translateY(0); 
     transform: translateY(0);
}

.v-application .d-lg-none {
     display: none!important;
}

.v-item-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative;
    max-width: 100%;
    -webkit-transition: .3s cubic-bezier(.25,.8,.5,1);
    transition: .3s cubic-bezier(.25,.8,.5,1);
    font-size: 20px;
}

.v-expansion-panels {
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    width: 100%;
    z-index: 1;
}

.menu {
    --color: #fff;;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    outline: none;
    position: relative;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-appearence: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 99;
    display: none;
}

.menu svg {
    width: 48px;
    height: 36px;
    top: -6px;
    left: -14px;
    stroke: #4d3327;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    display: block;
    position: absolute;
}

.menu.active svg path:first-child, .menu.active svg path:nth-child(3) {
    --delay: 0.15s;
    --easing: cubic-bezier(0.2,0.4,0.2,1.1);
}

.menu.active svg path {
    --offset: 46px;
}
.menu.active svg path:nth-child(2) {
    --duration: 0.4s;
    --offset: 2px;
    --array-1: 1px;
}

.menu svg path:nth-child(2) {
    --duration: 0.7s;
    --easing: ease-in;
    --offset: 100px;
    --array-2: 74px;
}

.menu.active svg path:first-child, .menu.active svg path:nth-child(3) {
    --delay: 0.15s;
    --easing: cubic-bezier(0.2,0.4,0.2,1.1);
}

.menu.active svg path:nth-child(3) {
    --offset: 58px;
}

.menu svg path:nth-child(3) {
    --offset: 133px;
    --array-2: 107px;
}

.menu svg path {
    -webkit-transition: stroke-dasharray var(--duration,.85s) var(--easing,ease) var(--delay,0s),stroke-dashoffset var(--duration,.85s) var(--easing,ease) var(--delay,0s);
    transition: stroke-dasharray var(--duration,.85s) var(--easing,ease) var(--delay,0s),stroke-dashoffset var(--duration,.85s) var(--easing,ease) var(--delay,0s);
    stroke-dasharray: var(--array-1,26px) var(--array-2,87px);
    stroke-dashoffset: var(--offset,126px);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.eco-sytem-hdr h1{
    font-size: 3.3rem;
}



.gallery-row{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.team-gallery img {
    border-radius: 16px;
}

.team-img.tm1 {
    width: calc(47.9% - 10px);
    margin-bottom: 20px;
}

.team-img.tm2 {
    width: calc(51.3% - 10px);
}

.team-img.tm3 {
    width: calc(38.5% - 20px);
}

.team-img.tm4 {
    width: calc(24.6%);
}
.team-img.tm5 {
    width: calc(36.8% - 20px);
}


/******************************************
* Resonsive Menu css end
*******************************************/


/******************************************
* FAQs Accordion Styles 
*******************************************/
.Accordions {
    display: block;
    margin: auto;
    margin-bottom: 50px;
  }
  
  .Accordion_item {
    width: 100%;
    height: auto;
    margin: 5px 0;
  }


  .Accordion_item:first-child {
    margin-top: 50px;
  }
  .Accordion_item .title_tab {
    width: 100%;
    border: 1px solid #612F1C;

    
    padding: 15px;
    cursor: pointer;
    transition: background-color 0.3s ease-in;
    border-radius: 4px;
  }
  .Accordion_item .title_tab .title {
    font-size: 24px;
    letter-spacing: 1px;
    position: relative;
    margin: 0;
  }
  .Accordion_item .title_tab .title .icon {
    position: absolute;
    right: 1%;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    background-color: transparent;
    transform: rotate(-90deg);
    transition: transform 0.3s ease-in;
  }
  .Accordion_item .title_tab .title .icon:before, .Accordion_item .title_tab .title .icon:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: #612F1C;
  }
  .Accordion_item .title_tab .title .icon:before {
    top: 0;
    left: 2px;
    transform: rotate(-45deg);
  }
  .Accordion_item .title_tab .title .icon:after {
    top: 0;
    right: 2px;
    transform: rotate(45deg);
  }
  
  .inner_content {
    width: 100%;
    height: auto;
    display: none;
    overflow: hidden;
    padding: 30px 0;
  }
  .inner_content p {
    width: 98%;
    margin: auto;

    
    opacity: 0;
    transform: translate3d(0px, 60px, 0px);
    transition: transform 0.6s cubic-bezier(0, 0.99, 0.44, 1.01), opacity 0.8s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
  }
  
  /* ================================= */
  .Accordion_item .title_tab.active {
    background-color:transparent;
    transition: background-color 0.3s ease-in;
    border: 1px solid #612F1C;
  }
  .Accordion_item .title_tab.active .title .icon {
    transform: rotate(0deg);
    transition: transform 0.3s ease-in;
  }
  .Accordion_item .title_tab:hover {
    background-color:transparent;
    transition: background-color 0.3s ease-in;
  }
  .Accordion_item .inner_content p.show {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition: opacity 0.8s cubic-bezier(0, 0.99, 0.44, 1.01), transform 0.6s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
  }
  
  /* ================================= */
  .inner_content p span {
    font-size: 16px;
    line-height: 30px;
  }
  .inner_content p b {
    color: #F44336;
    font-size: 18px;
  }
/******************************************
* FAQs Accordion Styles end
*******************************************/



/***********************************
* Resonsive Styles
************************************/
@media (max-width: 1280px){
    .container{
        max-width: 1180px;
        padding: 0 2rem !important;
    
    }

    .business-sec-items h4{
        font-size: 49px;
    }

    .business-sec-items span{
        font-size: 18px;
    }
}



@media (max-width: 991px){
   .menu{
       display: block;
   }

   .rsp-none{
    display: none;
}

   .rsp-item{
    display: inline-flex;
}

.menu-section.rsp-item{
    flex-direction: column;
}

.m-menu-content{
    padding-top: 140px;
    height: 100%!important;
    overflow: auto;
}

.org-support, .investor-home{
    width: 100%;
    margin: 80px auto 40px;
}

.single-solution h1{
    margin-top: 80px;
    margin-bottom: 50px !important;
}

.eco-diagram-mbl.rsp-item {
    display: flex;
}

}


@media (max-width: 768px){

    .main-wrapper{
        margin-top: 20px;
    }

    .px-5{
        padding-right: 20px !important;
    padding-left: 20px !important;
    }

    .masterheader .row {
        flex-direction: column;
    }

    .mh-bg {
        background: none;
        background-size: contain;
    }

  
    body, p, .growth-mkt-lvl p, .customli, .lead{
        font-size: 16px;  
        font-weight: 400;
    }

    .member-info h4{
       font-size: 24px;
    }

    .about-hdr h1{
        width: 100%;
    }

    .g-lvl{
        margin: 0 0 30px;
        text-align: center;
        line-height: 1.8;
    }

    .masterheader .hdr-img{
        background: url(../images/food-chain-mobile.svg) no-repeat  center top;
        background-size: 100%;
    }
    


    .masterheader .hdr-img{
        position: relative;
        max-width: 100%;
        right: 0px;
        top: 0px;
        width: auto;
        min-height: 490px;
    }

    .masterheader h1{
        text-align: left !important;
        width: 350px;
       
    }

    .we-do-item{
        width: 100%;
        min-height: auto;
        padding: 30px 20px;
        margin-bottom: 20px;
    }

    .lead{
        font-size: 1rem;
        padding-right: 0;
        
    }

    .hlt-item{
        background-size: 100%;
    }

    .rsp-br{
        display: flex;
    }

     img{
        max-width: 100%;
    }

    .complication-img img {
        margin-top: 0px;
    }

  .carousel {
        grid-auto-columns: 100%;
      }

      .carousel .slide-item{
        height: auto;
      }

      .carousel-wrapper{
        margin-top: 40px;
        padding-bottom: 40px;
      }

      .carousel-wrapper i:first-child{
        right: calc(25%);
        top: -80px;
      }

      .carousel-wrapper i:last-child{
        top: -80px;
      }

      .org-support{
        margin-top: 0;
      }

      .org-support h2 {
        font-size: 36px;
    }

 

    .single-solution p{
        font-size: 1rem;
        padding: 0 0px;
    }

    .partposhn-bg{
        width: 100%;
    }

    .part-cat li{
        font-size: 16px;
     }

     .part-cat {
     min-height: auto;
    justify-content: space-around;
    margin-bottom: 3rem;
     }

     .part-cat-content{
        min-height: auto;
     }
 

    .part-cat h4{
       font-size: 20px;
    }

    .buyer-flare {
        width: 80%;
        height: 400px;
        left: 0;
        top: -54px;
        z-index: -1;
        background-size: contain;
    }

    .testimoni-bg{
        top: -60px;
    }

    .about-hdr, .about-hdr span{
        font-size: 36px;
    }

    .about-hdr{
        min-height: auto;
        background-size: cover;
        margin: 50px 0 20px;
    }

    .about-hdr .row{
        min-height: auto;   
    }

    .about-hdr p{
        margin: 0 0 4rem 0;
        width: 100%; 
        font-size: 36px;  
    }

    .investor-home {
        flex-wrap: wrap;
    }

    .investor-home img {
        max-width: 80%;
    }

    .investor-home div {
        width: 50%;
        margin: 0 0 20px;    
    }

    .team-img.tm3 {
        width: calc(40.2% - 20px);
    }

    .team-img.tm4 {
        width: calc(23.4%);
    }

    .team-img.tm5 {
        width: calc(38.5% - 20px);
    }

    .testimonial-item{
        width: 100%;
        padding: 30px 20px;
        min-height: 350px;
    }

    .client-info{
    flex-direction: column-reverse;
    align-items: flex-start;
    }

    .primary-top{
        font-size: 12px;
    }


    .feature-icon{
        background: none;
        position: static;
        padding: 0;
        
    }

    .feature-col-right .feature-icon{
        display: flex;
        justify-content: flex-end;
    }

    .team-gallery{
        border-radius: 16px;
    }

    .header-txt{
        min-height: auto;
    }


    .btn-join-home {
        margin: 20px 0 0;
    }

.client-info img{
    margin: 0 0 20px;
}

.chall-bg2{
    background-size: 80%;
    width: 360px;
    right: -4px;
}

.buyer-flare {
    width: 64%;    
    top: 2666px;
}

.seller-flare {
    display: none;
}

.value-item{
    padding: 30px 20px;
}

    .growth-mkt-lvl .level1{
       font-size: 30px;
    }

    .growth-mkt-lvl .level2{
        font-size: 24px;
     }

     .growth-mkt-lvl .level3{
        font-size: 20px;
     }

     .team-img-small{
        margin: 0 0 10px 0;
     }

     .join-with-us, .team-gallery img{
        border-radius: 8px;
     }

    .glimpses-play{
        flex-direction: column;
    }

    .part-poshn .row {
        flex-direction: column-reverse;
    }


     .seller-upside, .growth-industry, .value-item{
        width: 100%;
    }

    .single-solution h1{
        margin-top: 100px;
    }

    aside, section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .concept-spacer {
        min-height: 1110px;
    }

    .seller-flare {
        bottom: -140px;
        width: 289px;
    background-size: contain;
    }
    

    .buyer-relief {
        background: url(../images/the-buyer-step-mbl.svg) no-repeat 10px 80px;
        height: 550px;
        top: 80px;
        width: 102%;
        left: -40px;
    }

    .seller-upside {
        background: url(../images/seller-upside-mbl.svg) no-repeat right 150px;
        position: absolute;
        bottom: -120px;
        right: -20px;
        width: 110%;
        height: 690px;
    }

    .eco-system {
        margin-bottom: 30px;
        padding: 0 0 0;
        min-height: auto;
        background-size: contain;
    }

    .eco-system-flare{
        background-size: contain;
        top: 70px;
    }

    .eco-sytem-hdr h1{
        padding: 50px 0 0;
    }
    
    .techno-sec1 img, .techno-sec2 img {
        padding-bottom: 40px;
    }

    .techno-sec1 .row{
        flex-direction: column-reverse;
    }

    .techno-info h1 {
        margin-bottom: 30px;
    }

    .techno-info p{
        font-size: 20px;
    }

    .techno-info ul{
        margin-bottom: 30px;
    }

    .techno-info li{
        font-size: 16px;
    }

    .business-sec-items h4{
        font-size: 36px;
    }

    .business-sec-items span{
        font-size: 18px;
    }


    .tagline-txt{
        font-size: 20px;
    }

    .testimonial-item h4{
        font-size: 24px;
    }

    .testimonial-item h5{
        font-size: 16px;
    }

    .feature-col-right li, .feature-col-left li{
        font-size: 14px;
    }

    .feature-sec-home h4, .feature-sec2 h4{
        font-size: 24px;
    }

    .eco-system-img{
        
        width: 100%;
        background-size: 100%;
        height: 820px;
    }

    .ref-opt span, .update-opt span{
        padding: 5px 10px;
    }

    .buyer-relief .txtmain {
        left: 30px;
        font-size: 28px;
        top: -40px;
    }

    .ref-opt {
        font-size: 16px;
    }

    .demand-full {
        top: 210px;
        right: 160px;
    }

    .tracking {
        top: 320px;
        right: 200px;
    }

    .emb-finance {
        top: 425px;
        right: 165px;
    }

    .imd-pay {
        top: 485px;
        right: 70px;
    }

    .opt-digi {
        left: 70px;
        top: 75px;
    }

    .opt-price {
        left: 85px;
        top: 395px;
    }

    .opt-purchase {
        top: 140px;
        left: 175px;
    }

    .opt-sale {
        top: 215px;
        left: 220px;
    }

    .opt-cap {
        top: 325px;
        left: 192px;
    }

    .seller-upside .txtmain{
        font-size: 28px;
        right: 40px;
        top: 10px;
        text-align: right;
    }

    .procurement {
        top: 160px;
        right: 70px;
    }

    .business-sec-items .col {
        width: 100%;
        flex: auto;
        padding: 10px 0 20px;
    }

    .business-sec-items .col:last-child {
        padding: 10px 0 0;
    }

    .feature-col-left li:last-child, .feature-col-left ul{
        margin: 0;
    }

    .feature-col-left, .feature-col-right{
        width: 100%;
        margin: 50px 0 0;
        min-height: 340px;
    }

    .feature-col-left li, .feature-col-right li, .feature-col-left h4, .feature-col-right h4{
        position: static;
        width: auto;
    margin: 0 0 20px;
    }

    .feature-col-left {
        margin-bottom: 50px;
        margin-top: 50px;
    }
    .feature-sec-home {
        padding-bottom: 50px !important;
    }

    .feature-sec-home h3, .feature-sec2 h3 {
        margin-bottom: 0;
    }

    .chall-bg1 {
        background-size: 250px;
        top: 70px;
        width: 100%;
    }

    .testimoni-item{
        padding-left: 50px;
        width: 340px;
    }

    .testimoni-item:first-child{
        padding-left: 35px;
    }

    .testimoni-item .avatar{
        left: 10px;
        top: calc(50% - 40px);
        width: 80px;
    }

    .testcontent{
        min-height: 140px;
        padding-left: 60px;
        padding-right: 15px;
        font-size: 16px;
    }

    .audiojs {
        width: 38px;
    height: 38px;
    left: 24px;
    top: 61px;
    }

    .audiojs p {
        width: 24px;
        height: 24px;
    }

    .investor-home .row {
        flex-flow: column-reverse;
    }

    .investor-home h2{
        padding-left: 0;
    }

    .hdr {
        font-size: 20px;
    
    }

    .ft-social-nav li {
        margin-left: 0;
    }

    .ft-social-nav ul {
        flex-direction: column;
    }

    .footer-bottom .row{
        flex-direction: column-reverse;
    }

    .ft-social-nav{
        justify-content: flex-start;
    }

    .footer-bottom{
        padding-bottom: 30px;
    }

 

    .v-item-group{
        text-align: center;
    }

    .nav-link{
        padding: 0.75rem 0rem;
    }

    .btn-join-home{
        width: 300px;
        text-align: center;
    }

    .glimpses-play{
        font-size: 32px;
    }

    .member-info {
        padding: 30px 20px;
        width: 330px;
        margin: 0 auto 20px;
        min-height: auto;
    }
    
    .team-work-img{
        justify-content: center;
    }

    .value-item {
        margin: 10px 0;
    }

    .news-media {
        display: flex;
        overflow: auto;
        margin-top: 0;
       
    }

    .news-media img{ 
        max-width: inherit;
        padding: 0 7px;
        height: 35px;
    }

    .masterheader .mb-5{ 
        margin-bottom: 1rem !important;
    }

    .news-media{ 
        justify-content: center;
    }

    .playstore, .playstore:hover, .playstore:focus {
        display: flex;
        align-items: center;
        background: #fde7ca;
        border-radius: 8px;
        padding: 12px;
        font-weight: 500;
        width: 210px;
        margin-top: 25px;
    }


 
}

@media (max-width: 480px){
     h1{
        width: 100%;
        font-size: 2.25rem;
    }

    .masterheader h1{
        width: 100%;
    }

    .news-media img{ 
    
        padding: 0px 5px;
        height: 30px;
    }

    .member-info, .btn-join-home{
        width: 100%;
    }

    .tracking {
        top: 338px;
        right: 170px;
    }

}

@media (max-width: 400px){
    h1{
       width: 100%;
       font-size: 2.1rem;
   }

   h2{
    font-size: 1.9rem;
    }

   .chall-bg1 {
    background-size: 210px;
    top: 50px;
}


   .member-info, .btn-join-home{
       width: 100%;
   }


}