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

    .one-3text-bottom-header {
        text-align: center !important;
        margin: 0 auto !important;
    }

    .three-3text-bottom-header {
        text-align: center !important;
    }


}


/* -xs- -col- Extra small devices (phones, 576px and down) */
@media screen and (max-width : 390px) {

    .custom-container {
        --bs-gutter-x: 3.5rem;
    }

    .header-text-top {
        --bs-gutter-x: 3.5rem;
    }

    /* ----- offcanvas ----- */
    .offcanvas {
        width: 95vw !important;
    }

    .offcanvas .offcanvas-body p {
        padding-top: 26%;
    }


    /* ----- header ------ */
    .header-text .icon-gsco {
        width: 20.7% !important;
    }


    .cap {
        top: 18% !important;
        right: -55% !important;
    }

    .cap p {
        font-size: 2em;
    }


    .carousel-control-next {
        right: 9% !important;
        top: -35% !important;
    }

    .felesh {
        width: 62% !important;
    }

    .img-ring {
        width: 72% !important;
        top: 50%;
    }

    .header-text-bt {
        --bs-gutter-x: 3.5rem;
    }

    .header-text .desc {
        margin-top: 20% !important;
    }

    .header-text .desc span {
        font-size: 1.1em !important;
    }

    .header-text .desc-2 {
        text-align: center;
        font-size: 1.3em !important;
        margin-top: -2%;
    }

    .valed-3text-bottom-header {
        text-align: center;
        margin-top: 5%;
    }

    .one-3text-bottom-header {
        font-size: 1em;
        padding: 0 5px !important;
        border-radius: 5px;
        text-align: center !important;
        margin: 0 auto !important;
    }

    .two-3text-bottom-header {
        font-size: 1.1em;
    }

    .three-3text-bottom-header {
        font-size: 0.8em;
        text-align: center !important;

    }

    /*----- section2 -----*/

    .section2 {
        height: 110vh;
    }

    .section2-icon-and-text img {
        width: 62.1% !important;
        margin-top: 6% !important;
    }

    .section2-icon-and-text p {
        font-size: 1em !important;
        margin-left: 6.6%;
    }

    .section2-number-and-fleshicon {
        margin-top: 20%;
    }

    .section2-number-and-fleshicon p {
        font-size: 2.8em !important;
    }

    .section2-number-and-fleshicon img {
        width: 12%;
        margin-top: -5%;
    }

    /* ----- bg-animation-section2 ----- */

    .bg-animation {
        margin-top: 5px !important;
    }

    .bg-animation span {
        font-size: 25px;
    }


    /*----- bg-white-section2  -----*/

    #s2-white {
        width: 100%;
        height: 210px;
        overflow-y: hidden;
        overflow-x: scroll;
        margin-top: 30px !important;
    }

    .bg-white-section2 {
        padding: 1% 0 0 0 !important;
    }


    .title-number-bg-white {
        font-size: 1.1em !important;
    }

    .title-bg-white {
        font-size: 1.3em;
    }


    .text-1-golden {
        font-size: 1em !important;
        line-height: 18px;
    }

    .text-2 {
        font-size: 1em;
        line-height: 18px;
    }


    /* ----- section2-4img-bottom ----- */

    .section2-4-img-bottom {
        bottom: -65px;
        /* نصف ارتفاع عکس بیاد پایین سکشن */
    }

    .section2-4-img-bottom img {
        width: 140px;
        margin-left: -90px;
        /* برای اینکه روی هم بیان */
    }

    /* <----- section3 -----> */

    .section3-text-top {
        font-size: 1.5em;
        margin-top: 3.5em;
    }

    .section3-icon-gold-r img {
        width: 70%;
    }

    .section3-text {
        font-size: 1.2em;
        line-height: 22px;
    }

    .section3-icon-felesh-blue-r {
        width: 8%;
    }

    .section4 {
        border-radius: 35px;
    }


    /*----- section6 -----*/

    .section6 {
        max-height: 90vh !important;
        min-height: 90vh !important;
    }

    .section6-div {
        padding-top: 14%;
    }

    .section6-text-title {
        font-size: 2.8em;
        line-height: 42px;
        font-weight: bold;
    }


    .div-text-nember {
        width: 100%;
    }

    .text-nember {
        border-radius: 50px;
        align-items: center !important;
        padding: 1.5% 4%;
    }

    .text-nember .text {
        font-size: 0.9em;
        margin-bottom: 0 !important;
    }

    .text-nember .number {
        font-size: 1.6em;
        font-weight: bold;
        margin-bottom: 0 !important;
    }

    .text-nember .number span {
        font-size: 0.6em !important;
        font-weight: bold;
        margin-bottom: 0 !important;
    }


    /* <!----- section7   -----> */

    .section7 {
        margin-top: 32% !important;
    }

    .img-bg-food {
        width: 85%;
        height: 28vh;
    }

    .section7 p {
        font-size: 1.2em;
        left: 25%;
    }


    /* ------ text brown ----- */

    .text-blak {
        margin-top: 8%;
        text-align: center;
        font-size: 1.1em;
    }

    /* ----- section8 text-submit ----- */

    .section8 {
        width: 85%;
        padding: 0.5% 1% 1.5% 0.5% !important;
        border-radius: 50px;
        align-items: center !important;
    }

    .section8-text-left {
        padding-left: 4%;
        margin: 0 auto;
        font-size: 1.2em;
        width: 100%;
        color: white;
        margin-top: 1% !important;
    }

    .section8-text-right {
        background-color: white;
        color: #98D2EB;
        padding: 1% 4% !important;
        margin: 3px 4px 0 auto;
        border-radius: 50px;
        font-size: 1.2em;
        transition: 0.5s;
    }


    /* ----- footer ----- */

    footer {
        width: 100%;
        height: auto;
        padding: 10% 0 4% 0;
    }

    footer .title-footer {
        width: 78% !important;
    }

    .icon-gsco-footer {
        width: 32% !important;
        margin-top: 5%
    }

    .font-size-text-footer {
        font-size: 1.2em !important;
        line-height: 24px;
    }

    /* ----- footer-4icon ----- */

    .footer-4icon {
        margin-left: 60%;
    }

    .footer-4icon img {
        width: 75%;
    }


    /* .icon-2 {
        margin-left: -35%;
    }

    .icon-3 {
        margin-left: -80%;
    }

    .icon-4 {
        margin-left: -127%
    } */

    .desc1-mt {
        margin-top: 16%;
    }

    .div-number-footer {
        line-height: 23px;
    }

    .number-footer {
        font-size: 1.2em;
    }

    .div-footer-t-bottom-desc {
        margin-top: 9%;
    }

    .footer-t-bottom-desc {
        font-size: 0.9em;
        line-height: 18px;
        text-align: center !important;
    }

    .name-studio {
        font-size: 0.9em;
        text-align: center !important;
    }

}

/* -xs- -col- Extra small devices (phones, 576px and down) */
@media screen and (min-width : 390px) {

    .custom-container {
        --bs-gutter-x: 3.5rem;
    }

    /* ----- offcanvas ----- */

    .offcanvas .offcanvas-body p {
        padding-top: 20%;
    }

    /* ----- header ----- */

    .header-text-top {
        --bs-gutter-x: 3.5rem;
    }

    .header-text .icon-gsco {
        width: 20.7% !important;
        margin-top: 2%;
    }


    .cap {
        top: 17% !important;
        right: -58% !important;
    }

    .cap p {
        font-size: 2em;
    }

    .carousel-control-next {
        right: 6% !important;
        top: -35% !important;
    }

    .felesh {
        width: 56% !important;
    }

    .img-ring {
        width: 68% !important;
        top: 50%;

    }

    .header-text-bt {
        --bs-gutter-x: 3.5rem;
    }

    .header-text .desc {
        margin-top: 20% !important;
    }

    .header-text .desc span {
        font-size: 1.1em !important;
    }

    .header-text .desc-2 {
        text-align: center;
        font-size: 1.6em !important;
        margin-top: -2%;
    }

    .valed-3text-bottom-header {
        text-align: center;
        margin-top: 5%;
    }

    .one-3text-bottom-header {
        font-size: 1.2em;
        padding: 0 5px !important;
        border-radius: 8px;
        text-align: center !important;
    }

    .two-3text-bottom-header {
        font-size: 1.2em;
    }

    .three-3text-bottom-header {
        font-size: 0.8em;
    }


    /*----- section2 -----*/

    .section2 {
        height: 120vh;
    }

    .section2-icon-and-text img {
        width: 62.1% !important;
        margin-top: 6% !important;
    }

    .section2-icon-and-text p {
        font-size: 1.2em !important;
        margin-left: 6.6%;
        margin-top: 0.5%;
    }

    .section2-number-and-fleshicon {
        margin-top: 15%;
    }

    .section2-number-and-fleshicon p {
        font-size: 3.2em !important;
    }

    .section2-number-and-fleshicon img {
        width: 10%;
        margin-top: -5%;
    }

    /* ----- bg-animation-section2 ----- */

    .bg-animation {
        margin-top: 5px !important;
    }

    .bg-animation span {
        font-size: 25px;
    }


    /*----- bg-white-section2  -----*/

    #s2-white {
        width: 100%;
        height: 200px;
        overflow-y: hidden;
        overflow-x: scroll;
        margin-top: 30px !important;
    }

    .bg-white-section2 {
        padding: 1% 0 0 0 !important;
    }


    .title-number-bg-white {
        font-size: 1.1em !important;
    }

    .title-bg-white {
        font-size: 1.3em;
    }


    .text-1-golden {
        font-size: 1em !important;
        line-height: 18px;
    }

    .text-2 {
        font-size: 1em;
        line-height: 18px;
    }

    /* ----- section2-4img-bottom ----- */


    .section2-4-img-bottom {
        bottom: -75px;
        /* نصف ارتفاع عکس بیاد پایین سکشن */
    }

    .section2-4-img-bottom img {
        width: 160px;
        margin-left: -90px;
        /* برای اینکه روی هم بیان */
    }


    /* ----- section3 ----- */

    .section3-text-top {
        font-size: 1.8em;
        margin-top: 3.5em;
    }

    .section3-icon-gold-r img {
        width: 75%;
    }

    .section3-text {
        font-size: 1.2em;
        line-height: 22px;
    }

    .section3-icon-felesh-blue-r {
        width: 7%;
    }


    /*----- section4 -----*/

    .section4 {
        border-radius: 35px;
    }



    /*----- section6 -----*/

    .section6 {
        max-height: 90vh !important;
        min-height: 90vh !important;
    }

    .section6-div {
        padding-top: 12%;
    }

    .section6-text-title {
        font-size: 3em;
        line-height: 44px;
        font-weight: bold;
    }



    .div-text-nember {
        width: 95%;
    }

    .text-nember {
        border-radius: 50px;
        align-items: center !important;
        padding: 1% 4%;
    }

    .text-nember .text {
        font-size: 1em;
        margin-bottom: 0 !important;
    }

    .text-nember .number {
        font-size: 2em;
        font-weight: bold;
        margin-bottom: 0 !important;
    }

    .text-nember .number span {
        font-size: 0.5em !important;
        font-weight: bold;
        margin-bottom: 0 !important;
    }



    /* <!----- section7   -----> */

    .section7 {
        margin-top: 26% !important;
    }

    .img-bg-food {
        width: 85%;
        height: 28vh;
    }

    .section7 p {
        font-size: 1.4em;
        left: 25%;
    }


    /* ------ text brown ----- */

    .text-blak {
        margin-top: 8%;
        font-size: 1.1em;
    }

    /* ----- section8 text-submit ----- */

    .section8 {
        width: 85%;
        padding: 0.5% 1% 1.5% 0.5% !important;
    }

    .section8-text-left {
        padding-left: 4%;
        margin: 1.5% auto 0 auto;
        font-size: 1.2em;
        width: 100%;
    }

    .section8-text-right {
        padding: 1% 4% !important;
        margin: 1.2% 0.8% 0 auto;
        border-radius: 50px;
        font-size: 1.2em;
        transition: 0.5s;
    }


    /* ----- footer ----- */

    footer {
        width: 100%;
        height: auto;
        padding: 8% 0 4% 0;
    }

    footer .title-footer {
        width: 78% !important;
    }

    .icon-gsco-footer {
        width: 23% !important;
        margin-top: 5%
    }

    .font-size-text-footer {
        font-size: 1.2em !important;
        line-height: 24px;
    }

    /* ----- footer-4icon ----- */

    .footer-4icon {
        margin-left: 60%;
    }

    .footer-4icon img {
        width: 70%;
    }


    /* .icon-2 {
        margin-left: -35%;
    }

    .icon-3 {
        margin-left: -80%;
    }

    .icon-4 {
        margin-left: -127%
    } */

    .desc1-mt {
        margin-top: 16%;
    }

    .div-number-footer {
        line-height: 23px;
    }

    .number-footer {
        font-size: 1.2em;
    }

    .div-footer-t-bottom-desc {
        margin-top: 9%;
    }

    .footer-t-bottom-desc {
        font-size: 1em;
        line-height: 20px;
        text-align: center !important;
    }

    .name-studio {
        font-size: 1em;
        text-align: center !important;
    }

}



/* -sm-  Small devices (portrait tablets and large phones, 576px and up) */

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


    .custom-container {
        --bs-gutter-x: 2.5rem;
    }


    /* ----- header ----- */

    .header-text-top {
        --bs-gutter-x: 2.5rem;
    }

    .header-text .icon-gsco {
        width: 15.3% !important;
        margin-top: 0;
    }

    .cap {
        top: 23% !important;
        right: -67% !important;
    }

    .cap p {
        font-size: 2.8em;
    }

    .carousel-control-next {
        right: 2% !important;
        top: -15% !important;
    }

    .felesh {
        width: 48% !important;
    }

    .header-text-bt {
        --bs-gutter-x: 2.5rem;
    }

    .header-text .desc {
        margin-top: 28% !important;
    }

    .header-text .desc span {
        font-size: 0.4em;
    }

    .header-text .desc-2 {
        text-align: center;
        font-size: 2.5em !important;
        margin-top: -2%;
    }

    .one-3text-bottom-header {
        padding: 0 10px;
        font-size: 1.6em;
        border-radius: 10px;

    }

    .two-3text-bottom-header {
        font-size: 1.4em;
    }

    .three-3text-bottom-header {
        font-size: 1em;
    }

    .valed-3text-bottom-header {
        margin-top: 0% !important;
        align-items: center;
    }

    .img-ring {
        width: 50% !important;
        top: 46%;

    }


    /*----- section2 -----*/

    .section2 {
        height: 130vh;
    }

    .section2-icon-and-text img {
        width: 45.9% !important;
    }

    .section2-icon-and-text p {
        font-size: 1.6em !important;
        margin-left: -1.5%;
    }

    .section2-number-and-fleshicon {
        margin-top: 2%;
    }

    .section2-number-and-fleshicon p {
        font-size: 3.5em !important;
    }

    .section2-number-and-fleshicon img {
        width: 7%;
        margin-top: -24px;

    }

    /* ----- bg-animation-section2 ----- */

    .bg-animation {
        margin-top: -10px !important;
    }

    .bg-animation span {
        font-size: 35px;
    }

    /*----- bg-white-section2  -----*/

    #s2-white {
        width: 100%;
        height: 230px;
        overflow-y: hidden;
        overflow-x: scroll;
        margin-top: 30px !important;
    }

    .bg-white-section2 {
        padding: 0.5% 0 0 0 !important;
    }

    .title-bg-white {
        font-size: 1.6em;
    }

    .title-number-bg-white {
        font-size: 1.2em !important;
    }

    .text-1-golden {
        font-size: 1.1em !important;
        line-height: 20px;
    }

    .text-2 {
        font-size: 1.1em;
        line-height: 20px;
    }


    /* ----- section2-4img-bottom ----- */

    .section2-4-img-bottom {
        bottom: -110px;
        /* نصف ارتفاع عکس بیاد پایین سکشن */
    }

    .section2-4-img-bottom img {
        width: 220px;
        margin-left: -120px;
        /* برای اینکه روی هم بیان */
    }


    /* <----- section3-text -----> */

    .section3-text-top {
        font-size: 3.5em;
        margin-top: 2.5em;
    }

    .section3-icon-gold-r img {
        width: 85%;
    }

    .section3-text {
        font-size: 1.2em;
    }

    .section3-icon-felesh-blue-r {
        width: 5.5%;
    }

    .section4 {
        padding: 4.8% 0 2.5% 0;
    }

    /* <!----- section5 bg blue -----> */


    .section5 {
        padding: 6% 0;
    }


    .section5-text-1 {
        font-size: 2.6em;
    }

    .section5 img {
        width: 65%;
    }

    .section5-text-2 {
        font-size: 1.2em;
        margin-top: 1.6%;
        line-height: 24px;
    }

    .section5-text-3 {
        margin-top: 1%;
        font-size: 1.6em;
        line-height: 30px;
    }



    /*----- section6 -----*/

    .section6 {
        max-height: 90vh !important;
        min-height: 90vh !important;
    }

    .section6-div {
        padding-top: 10%;
    }

    .section6-text-title {
        font-size: 3.8em;
        line-height: 58px;
        font-weight: bold;
    }



    .text-nember {
        border-radius: 50px;
        align-items: center !important;
        padding: 0 4%;
    }

    .text-nember .text {
        font-size: 1.1em;
        margin-bottom: 0 !important;
    }

    .text-nember .number {
        font-size: 2.6em;
        font-weight: bold;
        margin-bottom: 0 !important;
    }

    .text-nember .number span {
        font-size: 0.5em !important;
        font-weight: bold;
        margin-bottom: 0 !important;
    }



    /* <!----- section7 -----> */

    .section7 {
        margin-top: 15% !important;
    }

    .img-bg-food {
        width: 55%;
        height: 50vh;
    }

    .img-bg-food2 {
        width: 90%;
        height: 50vh;
        left: 9%;
    }

    .section7 p {
        font-size: 2.3em;
        left: 20%;
    }

    /* ------ text brown ----- */

    .text-blak {
        margin-top: 8%;
        text-align: center;
        font-size: 28px;
    }

    /* ----- section8 text-submit ----- */

    .section8 {
        width: 85%;
        padding: 0% 2% 0% 4.5% !important;
    }

    .section8-text-left {
        font-size: 1.6em;
        padding-left: 0;
        margin: 2% auto;
    }

    .section8-text-right {
        padding: 1.1% 4% !important;
        font-size: 1.6em;
        margin: 0 -1% 0 0;
    }


    /* ----- footer ----- */

    footer {
        width: 100%;
        height: auto;
        padding: 7% 0 3% 0;
    }

    footer .title-footer {
        width: 68% !important;
    }

    .icon-gsco-footer {
        width: 19.2% !important;
        margin-top: 4.5%
    }

    .font-size-text-footer {
        font-size: 1.1em !important;
        line-height: 24px;
    }

    /* ----- footer-4icon ----- */

    .footer-4icon {
        margin-left: 70%;
    }

    .footer-4icon img {
        width: 80%;
    }

    /* .icon-2 {
        margin-left: -20%;
    }

    .icon-3 {
        margin-left: -40%;
    }

    .icon-4 {
        margin-left: -60%
    } */

    .desc1-mt {
        margin-top: 5%;
    }

    .div-number-footer {
        line-height: 23px;
    }

    .number-footer {
        font-size: 1.1em;
    }

    .div-footer-t-bottom-desc {
        margin-top: 2%;
    }

    .footer-t-bottom-desc {
        font-size: 1.1em;
        line-height: 20px;
        text-align: left !important;
    }

    .name-studio {
        font-size: 1.1em;
        text-align: left !important;
    }
}


/* -md- Medium devices (landscape tablets, 768px and up) */

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

    .custom-container {
        --bs-gutter-x: 2.5rem;
    }

    .navbar-toggler {
        display: none !important;
    }

    .header-text-valed .nav li a {
        font-size: 1em !important;
        padding: 0 11px !important;
    }

    .header-text .icon-gsco {
        width: 11.8% !important;
    }

    .header-text .desc {
        margin-top: 30% !important;
    }

    .header-text .desc span {
        font-size: 0.4em;
    }

    .header-text .desc-2 {
        text-align: center;
        font-size: 3.2em !important;
        margin-top: -2%;
    }


    .one-3text-bottom-header {
        padding: 0 10px;
        font-size: 1.7em;
    }

    .two-3text-bottom-header {
        margin-left: 6% !important;
        font-size: 1.4em;
    }


    .cap {
        top: 30% !important;
        right: -74% !important;

    }

    .cap p {
        font-size: 3em;
    }


    .carousel-control-next {
        right: 0% !important;
        width: 12% !important;
        top: 0% !important;
    }

    .felesh {
        width: 45% !important;
    }

    .img-ring {
        width: 45% !important;
        top: 53%;

    }



    /*----- section2 -----*/

    .section2 {
        height: 135vh;
    }


    .section2 ul li a {
        font-size: 1em !important;
        padding: 0 11px !important;
    }


    .section2-icon-and-text img {
        width: 70.8% !important;
    }

    .section2-icon-and-text p {
        font-size: 1.3em !important;
        margin-left: 3.3%;
        margin-top: 0;

    }

    .section2-number-and-fleshicon {
        margin-top: 4% !important;
    }

    .section2-number-and-fleshicon p {
        font-size: 4em !important;
    }

    .section2-number-and-fleshicon img {
        width: 6%;
        margin-top: -22px;

    }

    /* ----- bg-animation-section2 ----- */

    .bg-animation {
        margin-top: -10px !important;
    }

    .bg-animation span {
        font-size: 33px;
    }


    /*----- bg-white-section2  -----*/

    #s2-white {
        width: 100%;
        height: 215px;
        overflow-y: hidden;
        overflow-x: scroll;
        margin-top: 40px !important;
    }


    .title-bg-white {
        font-size: 1.7em;
    }


    .text-1-golden {
        font-size: 1.1em !important;
        line-height: 20px;
    }

    .text-2 {
        font-size: 1.1em;
        line-height: 20px;
    }


    /* ----- section2-4img-bottom ----- */
    .section2-4-img-bottom {
        bottom: -140px;
        /* نصف ارتفاع عکس بیاد پایین سکشن */
    }

    .section2-4-img-bottom img {
        width: 280px;
        margin-left: -150px;
        /* برای اینکه روی هم بیان */
    }

    /* <----- section3-text -----> */

    .section3-text-top {
        font-size: 5em;
        margin-top: 2.2em;
    }

    .section3-icon-gold {
        width: 16%;
    }

    .section3-text {
        font-size: 1.3em;
        line-height: 24px;
    }

    .section3-icon-felesh-blue {
        width: 32%;
    }

    .section4 {
        padding: 3% 0 1.5% 0;
    }


    /* <!----- section5 bg blue -----> */

    .section5-text-1 {
        font-size: 3.5em;
    }

    .section5 img {
        width: 70%;
    }

    .section5-text-2 {
        font-size: 1.5em;
        margin-top: 1.5%;
        line-height: 28px;
    }

    .section5-text-3 {
        margin-top: 2%;
        font-size: 2em;
        line-height: 36px;
    }



    /*----- section6 -----*/

    .section6 {
        max-height: 80vh !important;
        min-height: 80vh !important;
    }

    .section6-div {
        padding-top: 12%;
    }

    .section6-text-title {
        font-size: 4em;
        line-height: 60px;
        font-weight: bold;
    }



    .text-nember {
        border-radius: 50px;
        align-items: center !important;
        padding: 0.8% 4%;
    }

    .text-nember .text {
        font-size: 1.1em;
        margin-bottom: 0 !important;
    }

    .text-nember .number {
        font-size: 2.5em;
        font-weight: bold;
        margin-bottom: 0 !important;
    }

    .text-nember .number span {
        font-size: 0.5em !important;
        font-weight: bold;
        margin-bottom: 0 !important;
    }



    /* <!----- section7 -----> */

    .img-bg-food {
        width: 45%;
        height: 50vh;
    }

    .img-bg-food2 {
        width: 78%;
        height: 50vh;
        left: 16%;
    }

    .section7 p {
        font-size: 2.8em;
        left: 25%;
    }


    /* ------ text brown ----- */

    .text-blak {
        margin-top: 6% !important;
        font-size: 34px;
    }

    /* ----- section8 text-submit ----- */

    .section8 {
        width: 80%;
        padding: 0% 1% 0% 3.5% !important;
    }

    .section8-text-left {
        font-size: 1.8em;
    }

    .section8-text-right {
        padding: 1% 4% !important;
        font-size: 1.8em;
        margin: 0;
    }



    /* ----- footer ----- */

    footer {
        width: 100%;
        height: auto;
        padding: 5.5% 0 3% 0;
    }

    footer .title-footer {
        width: 51% !important;
    }

    .icon-gsco-footer {
        width: 14.5% !important;
        margin-top: 3.3%
    }

    .font-size-text-footer {
        font-size: 1.2em !important;
        line-height: 24px;
    }

    /* ----- footer-4icon ----- */

    .footer-4icon {
        margin-left: 75%;
    }

    .footer-4icon img {
        width: 70%;
    }

    /* .icon-2 {
        margin-left: -20%;
    }

    .icon-3 {
        margin-left: -40%;
    }

    .icon-4 {
        margin-left: -60%
    } */

    .desc1-mt {
        margin-top: 5%;
    }

    .div-number-footer {
        line-height: 23px;
    }

    .number-footer {
        font-size: 1.2em;
    }

    .div-footer-t-bottom-desc {
        margin-top: 2%;
    }

    .footer-t-bottom-desc {
        font-size: 1.2em;
        line-height: 20px;
        text-align: left !important;
    }

    .name-studio {
        font-size: 1.2em;
        text-align: left !important;
    }

}



/* -lg- Large devices (laptops/desktops, 992px and up) */

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

    .custom-container {
        --bs-gutter-x: 2.5rem;
    }

    .header-text-valed .nav li a {
        font-size: 1.1em !important;
        padding: 0 10.5px !important;
    }

    .header-text .icon-gsco {
        width: 11.8% !important;
    }

    .header-text .desc {
        margin-top: 18% !important;
    }

    .header-text .desc span {
        font-size: 0.5em;
    }

    .header-text .desc-2 {
        text-align: center;
        font-size: 4.8em !important;
        margin-top: -2%;
    }

    .cap {
        top: 30% !important;
        right: -74% !important;

    }

    .carousel-control-next {
        right: 0% !important;
        width: 12% !important;

    }

    .felesh {
        width: 42% !important;
    }

    .img-ring {
        width: 42% !important;
        top: 53%;
    }

    .one-3text-bottom-header {
        padding: 0 15px;
        font-size: 1.9em;
    }

    .two-3text-bottom-header {
        margin-left: 4% !important;
        font-size: 1.5em;
    }

    .valed-3text-bottom-header {
        margin-top: 0% !important;
    }

    .valed-3text-bottom-header {
        margin-top: -0.5% !important;
        text-align: center;
    }


    /*----- section2 -----*/

    .section2 {
        height: 145vh;
    }


    .section2 ul li a {
        font-size: 1.1em !important;
        padding: 0 10.5px !important;
    }


    .section2-icon-and-text img {
        width: 70.8% !important;
    }

    .section2-icon-and-text p {
        font-size: 1.5em !important;
        margin-left: 3.3%;
    }

    .section2-number-and-fleshicon {
        margin-top: 3% !important;
    }


    .section2-number-and-fleshicon p {
        font-size: 4.2em !important;
    }

    .section2-number-and-fleshicon img {
        width: 5.5%;
        margin-top: -18px;

    }

    /* ----- bg-animation-section2 ----- */

    .bg-animation {
        margin-top: -15px !important;
    }

    .bg-animation span {
        font-size: 35px;
    }


    /*----- bg-white-section2  -----*/

    #s2-white {
        width: 100%;
        height: 215px;
        overflow-y: hidden;
        overflow-x: scroll;
        margin-top: 30px !important;
    }


    .title-bg-white {
        font-size: 1.7em;
        margin: 1% 4%;
    }


    .text-1-golden {
        font-size: 1.1em !important;
        line-height: 20px;
    }

    .text-2 {
        font-size: 1.1em;
        line-height: 20px;
    }


    /* ----- section2-4img-bottom ----- */

    .section2-4-img-bottom {
        bottom: -165px;
        /* نصف ارتفاع عکس بیاد پایین سکشن */
    }

    .section2-4-img-bottom img {
        width: 335px;
        margin-left: -150px;
        /* برای اینکه روی هم بیان */
    }


    /* <----- section3-text -----> */


    .section3-text-top {
        font-size: 6.5em;
        margin-top: 2em;
    }

    .section3-icon-gold {
        width: 15%;
    }

    .section3-text {
        font-size: 1.6em;
        line-height: 28px;
    }

    .section3-icon-felesh-blue {
        width: 50%;
    }

    .section4 {
        padding: 2.4% 0 1.1% 0;
    }

    /* <!----- section5 bg blue -----> */


    .section5-text-1 {
        font-size: 4.4em;
    }

    .section5 img {
        width: 85%;
    }

    .section5-text-2 {
        font-size: 1.7em;
        margin-top: 1.9%;
        line-height: 30px;
    }

    .section5-text-3 {
        font-size: 2.5em;
        line-height: 40px;
    }



    /*----- section6 -----*/

    .section6 {
        max-height: 92vh !important;
        min-height: 92vh !important;
    }


    .section6-div {
        padding-top: 12%;
    }

    .section6-text-title {
        font-size: 4.7em;
        line-height: 66px;
        font-weight: bold;
    }



    .text-nember {
        border-radius: 50px;
        align-items: center !important;
        padding: 0 4%;
    }

    .text-nember .text {
        font-size: 1.2em;
        margin-bottom: 0 !important;
    }

    .text-nember .number {
        font-size: 3em;
        font-weight: bold;
        margin-bottom: 0 !important;
    }

    .text-nember .number span {
        font-size: 0.6em !important;
        font-weight: bold;
        margin-bottom: 0 !important;
    }


    /* <!----- section7 -----> */

    .img-bg-food {
        width: 45%;
        height: 62vh;
    }

    .img-bg-food2 {
        width: 77%;
        height: 62vh;
        left: 15%;
    }

    .section7 p {
        font-size: 3.5em;
        left: 25%;
    }

    /* ------ text brown ----- */

    .text-blak {
        font-size: 34px;
    }

    /* ----- section8 text-submit ----- */

    .section8 {
        width: 70%;
        padding: 0% 1% 0% 3.5% !important;
    }

    .section8-text-left {
        font-size: 1.9em;
    }

    .section8-text-right {
        padding: 0.8% 4% !important;
        font-size: 1.9em;
    }


    /* ----- footer ----- */

    footer {
        width: 100%;
        height: auto;
        padding: 5% 0 4% 0;
    }

    footer .title-footer {
        width: 47% !important;
    }


    .text-top-left-footer {
        margin-top: 2% !important;
    }

    .icon-gsco-footer {
        width: 13.3% !important;
        margin-top: 0%
    }

    .font-size-text-footer {
        font-size: 1.1em !important;
        line-height: 23px;
        margin-left: 22.1% !important;
    }

    .div-number-footer {
        margin-top: 2.6%;
        line-height: 22px;
        margin-left: 6%;
    }

    .number-footer {
        font-size: 1.1em;
    }

    /* ----- footer-4icon ----- */

    .footer-4icon {
        margin-top: 2.9%;
        margin-left: -16%;
    }

    .footer-4icon img {
        width: 60%;
    }


    .icon-2 {
        margin-left: -22%;
    }

    .icon-3 {
        margin-left: -43%;
    }

    .icon-4 {
        margin-left: -65%
    }

    /* ----- text-bottom-footer ----- */

    .name-studio {
        font-size: 1.1em;
        margin-left: 0 !important;
    }

    .text-bottom-footer {
        margin-top: 3% !important;
    }


    .footer-t-bottom-desc {
        margin-left: -4.3% !important;
    }


}



/* -xl- Extra large devices (large laptops and desktops, 1200px and up) */

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

    .custom-container {
        --bs-gutter-x: 2.5rem;
    }

    .header-text-valed .nav li a {
        font-size: 1.2em !important;
        padding: 0 10.5px !important;
    }

    .header-text .icon-gsco {
        width: 14.2% !important;
    }

    .cap {
        top: 30% !important;
        right: -75% !important;
    }

    .carousel-control-next {
        right: 0% !important;
        width: 11% !important;

    }

    .felesh {
        width: 38% !important;
    }


    .img-ring {
        width: 42% !important;
        top: 52%;

    }

    .header-text .desc {
        margin-top: 10% !important;
    }

    .header-text .desc-2 {
        text-align: center;
        font-size: 5.9em !important;
        margin-top: -2%;
    }

    .one-3text-bottom-header {
        padding: 0 18px;
        font-size: 2em;
    }


    .two-3text-bottom-header {
        margin-left: 7% !important;
    }


    /*------ section2 ------ */

    .section2 {
        height: 145vh;
    }

    .section2 ul li a {
        padding: 0 10px !important;
    }

    .section2-icon-and-text img {
        width: 85% !important;
    }

    .section2-icon-and-text p {
        font-size: 2.2em !important;
        margin-left: 7.3%;
    }

    .section2-number-and-fleshicon p {
        font-size: 5.5em !important;
    }

    .section2-number-and-fleshicon img {
        width: 5%;
        margin-top: -10px;

    }

    /* ----- bg-animation-section2 ----- */

    .bg-animation {
        margin-top: -25px !important;
    }

    .bg-animation span {
        font-size: 40px;
    }


    /*----- bg-white-section2  -----*/

    #s2-white {
        width: 100%;
        height: 145px;
        overflow-y: hidden;
        overflow-x: scroll;
        margin-top: 40px !important;
    }


    .bg-white-section2 {
        padding: 0 !important;
    }


    .text-1-golden {
        font-size: 1.1em !important;
        line-height: 20px;
    }

    .text-2 {
        font-size: 1.1em;
        line-height: 20px;
    }


    /* ----- section2-4img-bottom ----- */

    .section2-4-img-bottom {
        bottom: -180px;
        /* نصف ارتفاع عکس بیاد پایین سکشن */
    }

    .section2-4-img-bottom img {
        width: 360px;
        margin-left: -150px;
        /* برای اینکه روی هم بیان */
    }

    /* <----- section3-text -----> */

    .section3-text-top {
        font-size: 8em;
        margin-top: 1.8em;
    }

    .section3-icon-gold {
        width: 16%;
    }

    .section3-text {
        font-size: 1.8em;
        line-height: 34px;
    }

    .section3-icon-felesh-blue {
        width: 50%;
    }

    .section4 {
        padding: 2.2% 0 1.1% 0;
    }

    /* <!----- section5 bg blue -----> */


    .section5-text-1 {
        font-size: 5em;
    }

    .section5 img {
        width: 80%;
    }

    .section5-text-2 {
        font-size: 1.7em;
        margin-top: 1.8%;
        line-height: 30px;
    }

    .section5-text-3 {
        font-size: 2.8em;
        line-height: 48px;
    }



    /*----- section6 -----*/

    .section6-div {
        padding-top: 10%;
    }

    .section6-text-title {
        font-size: 5.2em;
        line-height: 72px;
        font-weight: bold;
    }



    .text-nember {
        border-radius: 50px;
        align-items: center !important;
        padding: 0 4%;
    }

    .text-nember .text {
        font-size: 1.4em;
        margin-bottom: 0 !important;
    }

    .text-nember .number {
        font-size: 3.6em;
        font-weight: bold;
        margin-bottom: 0 !important;
    }

    .text-nember .number span {
        font-size: 0.6em !important;
        font-weight: bold;
        margin-bottom: 0 !important;
    }


    /* <!----- section7 -----> */

    .img-bg-food {
        width: 45%;
        height: 72vh;
    }

    .img-bg-food2 {
        width: 78%;
        height: 72vh;
        left: 11%;
    }

    .section7 p {
        font-size: 4em;
        left: 22%;
    }

    /* ------ text brown ----- */

    .text-blak {
        font-size: 36px;
    }


    /* ----- section8 text-submit ----- */

    .section8 {
        width: 60%;
        padding: 0% 1% 0% 3.5% !important;
    }

    .section8-text-left {
        font-size: 2em !important;
    }

    .section8-text-right {
        padding: 0.6% 4% !important;
        font-size: 2em !important;
    }

    /* ----- footer ----- */

    footer {
        width: 100%;
        height: auto;
        padding: 6% 0 3.5% 0;
    }

    footer .title-footer {
        width: 50% !important;
    }


    .text-top-left-footer {
        margin-top: 3% !important;
    }

    .icon-gsco-footer {
        width: 14.2% !important;
    }

    .font-size-text-footer {
        font-size: 1.2em;
        line-height: 24px;
        margin-left: 23.5% !important;
    }

    .div-number-footer {
        margin-top: 1.4%;
        line-height: 24px;
        margin-left: 8%;
    }

    .number-footer {
        font-size: 1.2em;
    }

    /* ----- footer-4icon ----- */

    .footer-4icon {
        margin-top: 1.7%;
        margin-left: -6%;
    }

    .footer-4icon img {
        width: 70%;
    }


    .icon-2 {
        margin-left: -12%;
    }

    .icon-3 {
        margin-left: -26%;
    }

    .icon-4 {
        margin-left: -39%
    }

    /* ----- text-bottom-footer ----- */

    .name-studio {
        font-size: 1.2em;
        margin-left: 0 !important;
    }

    .text-bottom-footer {
        margin-top: 4% !important;
    }


    .footer-t-bottom-desc {
        margin-left: 12.5% !important;
    }


}



/* -xxl- Extra Extra large devices ( desktops and large desktops, 1400px and up) */

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

    .custom-container {
        max-width: 1400px !important;
        --bs-gutter-x: 1.5rem;
    }

    .header-text-top {
        max-width: 1400px !important;
        --bs-gutter-x: 1.5rem;
    }

    .header-text-valed .nav li a {
        font-size: 1.4em !important;
        padding: 0 10.5px !important;
    }

    .header-text-valed .nav {
        margin-top: 8px !important;
    }

    .header-text .icon-gsco {
        width: 11.8% !important;

    }

    .cap {
        top: 32% !important;
        right: -69% !important;
    }

    .felesh {
        width: 24% !important;
    }

    .carousel-control-next {
        right: 01% !important;
        width: 15% !important;
    }

    .img-ring {
        width: 38% !important;
        top: 53%;
    }

    .header-text-bt {
        max-width: 1400px !important;
        --bs-gutter-x: 1.5rem;
    }

    .header-text .desc {
        margin-top: 15% !important;

    }

    .header-text .desc-2 {
        text-align: center !important;
        font-size: 6.8em !important;
        margin-top: -2%;
    }

    .valed-3text-bottom-header {
        margin-top: -1.5% !important;
        text-align: center;
    }

    .two-3text-bottom-header {
        margin-left: 8% !important;
    }

    /*------ section2 ------ */

    .section2 {
        height: 145vh;
    }

    .section2 ul li a {
        font-size: 1.4em !important;
        padding: 0 10.5px !important;
    }

    .section2-icon-and-text img {
        width: 71% !important;
    }

    .section2-icon-and-text p {
        font-size: 2.4em !important;
        margin-left: 3.3%;
    }

    .section2-number-and-fleshicon p {
        font-size: 6em !important;
    }

    .section2-number-and-fleshicon .text-2 {
        margin-left: -15px !important;
        font-size: 1em !important;
    }

    .section2-number-and-fleshicon img {
        width: 6%;
        margin-top: -15px;
    }


    /* ----- bg-animation-section2 ----- */
    .bg-animation {
        margin-top: -30px !important;
    }

    .bg-animation span {
        font-size: 45px;
    }


    /*----- bg-white-section2  -----*/
    #s2-white {
        width: 100%;
        height: 150px;
        overflow-y: hidden;
        overflow-x: scroll;
        margin-top: 50px !important;
    }


    .text-1-golden {
        font-size: 1.1em !important;
        line-height: 22px;
    }

    .text-2 {
        font-size: 1.1em;
        line-height: 22px;
    }


    /* ----- section2-4img-bottom ----- */


    .section2-4-img-bottom {
        bottom: -200px;
        /* نصف ارتفاع عکس بیاد پایین سکشن */
    }

    .section2-4-img-bottom img {
        width: 420px;
        margin-left: -180px;
        /* برای اینکه روی هم بیان */
    }


    /* <----- section3-text -----> */

    .section3-text-top {
        font-size: 8.4em;
        margin-top: 1.6em;
    }

    .section3-icon-gold {
        width: 15%;
    }

    .section3-text {
        font-size: 2em;
        line-height: 36px;
    }

    .section3-icon-felesh-blue {
        margin-left: 20px;
    }

    .section4 {
        padding: 2% 1.5% 1.3% 2%;
        border-radius: 30px;

        max-width: 1400px !important;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100% !important;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

    /* ----- section5 bg blue ----- */

    .section5 {
        max-width: 1400px !important;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100% !important;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

    .section5-text-1 {
        font-size: 5em;
    }

    .section5 img {
        width: 90%;
    }

    .section5-text-2 {
        font-size: 1.7em;
        margin-top: 1.6%;
        line-height: 30px;
    }

    .section5-text-3 {
        margin-top: 4%;
        font-size: 2.9em;
        line-height: 48px;
    }


    /*----- section6 -----*/

    .section6-div {
        padding-top: 10%;
    }

    .section6-text-title {
        font-size: 5.2em;
        line-height: 72px;
        font-weight: bold;
    }



    .text-nember {
        border-radius: 50px;
        align-items: center !important;
        padding: 0 4%;

    }

    .text-nember .text {
        font-size: 1.5em;
        margin-bottom: 0 !important;
    }

    .text-nember .number {
        font-size: 3.6em;
        font-weight: bold;
        margin-bottom: 0 !important;
    }

    .text-nember .number span {
        font-size: 0.6em !important;
        font-weight: bold;
        margin-bottom: 0 !important;
    }



    /* <!----- section7 -----> */

    .img-bg-food {
        border-top-left-radius: 400px;
        border-bottom-left-radius: 400px;
        width: 50%;
        height: 70vh;
        position: relative;
        z-index: 2;
    }

    .img-bg-food2 {
        width: 90%;
        height: 70vh;
        position: absolute;
        left: 8%;
        border-radius: 400px
    }

    .section7 p {
        font-size: 4.2em;
        left: 18%;
    }

    /* ------ text brown ----- */

    .text-blak {
        margin-top: 6%;
        font-size: 35px;
    }


    /* ----- section8 text-submit ----- */

    .section8 {
        width: 50% !important;
        padding: 0% 1% 0% 2.5% !important;
    }

    .section8-text-left {
        font-size: 2em;
        margin-top: 1%;
    }

    .section8-text-right {
        padding: 0.4% 4% !important;
        font-size: 2em;
    }


    /* <!----- <footer> -----> */

    footer {
        width: 100%;
        height: auto;
        padding: 5.5% 0 3% 0;
    }

    footer .title-footer {
        width: 45.3% !important;
    }

    /* ----- text-top-left-footer -----  */

    .text-top-left-footer {
        margin-top: 3% !important;
    }

    .icon-gsco-footer {
        width: 12.8% !important;
    }

    .font-size-text-footer {
        font-size: 1.2em !important;
        line-height: 24px;
        margin-left: 21.4% !important;
    }

    .div-number-footer {
        line-height: 24px;
        margin-top: 1.8%;
    }

    .number-footer {
        font-size: 1.2em;
    }

    /* ----- footer-4icon ----- */

    .footer-4icon {
        margin-top: 2%;
    }

    .footer-4icon img {
        width: 68%;
    }


    .icon-2 {
        margin-left: -13%;
    }

    .icon-3 {
        margin-left: -27%;
    }

    .icon-4 {
        margin-left: -40%
    }

    /* ----- text-bottom-footer ----- */

    .name-studio {
        font-size: 1.2em !important;
        margin-left: 0 !important;
    }


    .text-bottom-footer {
        margin-top: 3% !important;
    }


    .footer-t-bottom-desc {
        margin-left: 8.6% !important;
    }


}