html,
body {
    overflow-x: hidden;
    overscroll-behavior-x: none;
}

.TextShadowMaker {
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 5px #000;
}

.TextShadowMaker2 {
    text-shadow: 1px 0 0 #00000033, -1px 0 0 #00000033, 0 1px 0 #00000033, 0 -1px 0 #00000033, 1px 1px 0 #00000033, -1px -1px 0 #00000033, 1px -1px 0 #00000033, -1px 1px 0 #00000033, 1px 1px 5px #00000033;
}

.lineShadow {
    background: linear-gradient(180deg, rgb(55 46 40 / 50%) 0%, rgb(55 46 40) 50%, rgb(55 46 40 / 50%) 100%) 0 50% / 2px 60% no-repeat;
}

.iconeLine {
    filter: drop-shadow(1px 1px 1px rgba(158, 49, 39, 4));
}

.pointer {
    cursor: pointer;
}

.brownColor {
    color: #a37e5c;
}

.brownColor2 {
    color: #cb845b;
}

.glass {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-align: right;
    padding: 20px;
}

.iconsSlider {
    display: block;
    position: relative;
    z-index: 1;
    margin-top: -250px;
    background-image: url(/companies/azarakhsh/assets/img/pattern3.jpg);
    background-repeat: repeat;
}

.positionProducts {
    margin-top: 0px;
}

.arrowPosition {
    margin-top: -13px
}

.maskFade1 {
    height: 100px;
    background: linear-gradient(to bottom, rgba(43, 15, 8, 0) 0%, rgb(38 25 19) 40%, rgb(37 24 18) 60%, rgba(43, 15, 8, 0) 100%);
    position: relative;
    margin-top: -60px;
    z-index: 3;
}

.maskFade2 {
    display:block;
    height: 100px;
    background: linear-gradient(to bottom, rgba(43, 15, 8, 0) 0%, rgb(38 25 19) 40%, rgb(37 24 18) 60%, rgba(43, 15, 8, 0) 100%);
    position: relative;
    margin-top: -40px;
    z-index: 3;
}

.maskFade {
    height: 100px;
    background: linear-gradient(to bottom, rgba(43, 15, 8, 0) 0%, rgb(38 25 19) 40%, rgb(37 24 18) 60%, rgba(43, 15, 8, 0) 100%);
    position: relative;
    margin-top: -60px;
    z-index: 3;
}

.backProducts {
    background-image: url(/companies/azarakhsh/assets/img/pattern3.jpg);
    background-repeat: repeat;
    background-position: right;
    background-size: contain;
    background-color: #010005 !important;
    padding-top: 100px;
    padding-bottom: 50px;
    position: relative;
    margin-top: -20px;
}

.backProjects {
    background-image: url(/companies/azarakhsh/assets/img/pattern3.jpg);
    background-repeat: repeat;
    background-position: right;
    background-size: contain;
    background-color: #010005 !important;
    padding-bottom: 100px;
    position: relative;
    margin-top: -40px;
    z-index: 1;
}

.backDown {
    background-image: url(/companies/azarakhsh/assets/img/picAzarakhsh.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    background-color: #010005 !important;
    position: relative;
    margin-top: -40px;
}

@media screen and (min-width:290px) {
    .iconsSlider {
        display: block;
        position: relative;
        z-index: 1;
        margin-top: -50px;
        background-image: url(/companies/azarakhsh/assets/img/pattern3.jpg);
        background-repeat: repeat;
    }

    .lineShadow {
        background: transparent;
    }

    .positionProducts {
        margin-top: 30px;
    }

    .arrowPosition {
        margin-top: 0px
    }

    .maskFade2 {
        display: block;
        height: 100px;
        background: linear-gradient(to bottom, rgba(43, 15, 8, 0) 0%, rgb(38 25 19) 40%, rgb(37 24 18) 60%, rgba(43, 15, 8, 0) 100%);
        position: relative;
        margin-top: -40px;
        z-index: 3;
    }

    .backProducts {
        background-image: url(/companies/azarakhsh/assets/img/pattern3.jpg);
        background-repeat: repeat;
        background-position: right;
        background-size: contain;
        background-color: #010005 !important;
        padding-top: 100px;
        padding-bottom: 50px;
        position: relative;
        margin-top: -40px;
    }
}

@media screen and (min-width:440px) {
}

@media screen and (min-width:481px) {
}

@media screen and (min-width:500px) {
}

@media screen and (min-width:530px) {
}

@media screen and (min-width:578px) {
}

@media screen and (min-width:700px) {
}

@media screen and (min-width:768px) {
}

@media screen and (min-width:945px) {
}

@media screen and (min-width:961px) {
}

@media screen and (min-width:992px) {

    .iconsSlider {
        display: none;
        position: relative;
        z-index: 1;
        margin-top: -250px;
        background-image: url(/companies/azarakhsh/assets/img/pattern3.jpg);
        background-repeat: repeat;
    }

    .lineShadow {
        background: transparent;
    }

    .positionProducts {
        margin-top: 0px;
    }

    .arrowPosition {
        margin-top: -13px
    }

    .maskFade1 {
        height: 100px;
        background: linear-gradient(to bottom, rgba(43, 15, 8, 0) 0%, rgb(38 25 19) 40%, rgb(37 24 18) 60%, rgba(43, 15, 8, 0) 100%);
        position: relative;
        margin-top: -40px;
        z-index: 3;
    }

    .maskFade2 {
        display: none;
        height: 100px;
        background: linear-gradient(to bottom, rgba(43, 15, 8, 0) 0%, rgb(38 25 19) 40%, rgb(37 24 18) 60%, rgba(43, 15, 8, 0) 100%);
        position: relative;
        margin-top: -40px;
        z-index: 3;
    }
}

@media screen and (min-width:1000px) {
}

@media screen and (min-width:1024px) {

    .iconsSlider {
        display: block;
        position: relative;
        z-index: 1;
        margin-top: -270px;
        background-image: none;
        background-repeat: repeat;
    }

    .lineShadow {
        background: linear-gradient(180deg, rgb(55 46 40 / 50%) 0%, rgb(55 46 40) 50%, rgb(55 46 40 / 50%) 100%) 0 50% / 2px 60% no-repeat;
    }

    .maskFade {
        height: 100px;
        background: linear-gradient(to bottom, rgba(43, 15, 8, 0) 0%, rgb(38 25 19) 40%, rgb(37 24 18) 60%, rgba(43, 15, 8, 0) 100%);
        position: relative;
        margin-top: -60px;
        z-index: 3;
    }

    .backProducts {
        background-image: url(/companies/azarakhsh/assets/img/pattern3.jpg);
        background-repeat: repeat;
        background-position: right;
        background-size: contain;
        background-color: #010005 !important;
        padding-top: 100px;
        padding-bottom: 50px;
        position: relative;
        margin-top: -20px;
    }    
}

@media screen and (min-width:1077px) {
}

@media screen and (min-width:1200px) {

    .iconsSlider {
        display: block;
        position: relative;
        z-index: 1;
        margin-top: -270px;
        background-image: none;
        background-repeat: repeat;
    }
}

@media screen and (min-width:1250px) {
}

@media screen and (min-width:1300px) {
}

@media screen and (min-width:1400px) {
}

@media screen and (min-width:1500px) {
}

@media screen and (min-width:1475px) {
    .iconsSlider {
        display: block;
        position: relative;
        z-index: 1;
        margin-top: -250px;
        background-image: none;
        background-repeat: repeat;
    }
}

@media screen and (min-width:1500px) {
}

@media screen and (min-width:1600px) {
}

@media screen and (min-width:1700px) {
}