body {
    overflow-x: hidden;
}
.heading-container .h4-style {
    color: #20C4F4;
}
.category-item .category-item-content {
    margin: 0 auto;
    max-width: 104px;
    text-align: center;
}
.category-item span {
    display: inline-block;
    min-width: 140px;
    text-align: center;
}
.heading-container {
    margin-top: 48px;
}
.about-section {
    background: linear-gradient(170.2deg, #20C4F4 -3.65%, #66C7C5 42.91%, #EFC648 99.1%);    
}
.wrapper-section .about-section .container p {
    max-width: 520px;
}
.about-section .container:first-child {
    margin-bottom: 102px;
    padding-top: 62px;
}
.about-section .container:last-child {
    padding-bottom: 160px;
}
.about-section .container .h1-style {
    margin-bottom: 46px;
}
.about-section .last-about-paragraph {
    margin-bottom: 0;
}
.truly-bg-container {
    height: 100%;
    max-height: 1027px;
    width: 200px;
}
.instagram-section {
    background-color: #1D1D26;
    padding-bottom: 134px;
}
.instagram-section .h5-style {
    color: #F47A62;
}
.instagram-section .h2-style {
    color: #ffffff;    
}
.wrapper-section {
    -ms-overflow-style: none;  /* IE and Edge */
    height: 1213px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 111px;    
    scrollbar-width: none;
}
.wrapper-section:after {
    background: #1d1d26;
    bottom: -61px;    
    content: "";
    height: 61px;
    left: 0;
    position: absolute;
    width: 100%;    
    z-index: -1;
}
.wrapper-section::-webkit-scrollbar {
    display: none;
}
@media only screen and (max-width: 992px) {
    .about-section .container p.h5-style {
        max-width: 196px;
    }
    .instagram-section {
        padding-bottom: 111px;
        padding-top: 64px;
    }
    .categories-container {
        margin-bottom: 184px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .about-section:after {
        background-size: contain;
        right: -38%;
        width: 100%;
    } 
}
@media only screen and (min-width: 1200px) {
    .about-section:after {
        right: -145px;        
    }
}
@media only screen and (min-width: 992px) {
    .inst:before {
        background: #1d1d26;    
        content: "";
        height: 100%;
        position: absolute;
        top: -250px;    
        width: 100%;    
        z-index: -1;
    }
}
@media only screen and (max-width: 768px) {    
    .category-item {
        width: 50%;
    }
    .about-section {
        z-index: 999;
    }
}
.truly-bg-container-desktop img,
.about-section .small-container img {
    position: absolute;
    transition: 2s ease;
}
.truly-bg-container-desktop .can-01 {
    max-width: 300px;
    right: 25%;
    top: -62px;    
}
.truly-bg-container-desktop .can-02 {
    max-width: 238px;
    right: -53px;
    top: 66px;
}
.truly-bg-container-desktop .can-03 {
    max-width: 250px;
    right: 131px;
    top: 25%;
}
.truly-bg-container-desktop .can-04 {
    bottom: -44px;
    max-width: 208px;
    right: -40px;
}
.truly-bg-container-desktop .can-05 {
    max-width: 206px;
    right: 25%;  
    top: 50%;
}
.small-container .paragraph-style {
    max-width: 192px;
}
.small-container .container:last-child {
    position: relative;
}
.small-container .can-01 {
    max-width: 150px;
    right: 0;
    top: -25%;
}
.small-container .can-02 {
    max-width: 110px;
    right: -41px;
    top: 19px;
}
.small-container .can-03 {
    max-width: 129px;
    right: 53px;
    top: 25%;
}
.small-container .can-04 {
    max-width: 105px;
    right: -9px;
    top: 43%;
        
        
}
.small-container .can-05 {
    bottom: 0;
    max-width: 78px;
    right: 89px;
        
}
.about-section.d-lg-none {
    overflow-y: scroll;
    overflow-x: hidden;    
}