body {
        background-color: #F6F6FB;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
        font-family: "inter", "Montserrat", sans-serif;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      p {
        margin: 0px;
        padding: 0px;
      }
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

        tr{
          cursor: pointer;
        }
            /* MEDIA QUERIES MOBILE DESIGN STARTING FROM HERE*/

            @media (max-width: 350px){
                .blog-section-card{
                    flex-wrap: wrap;
                }
                .blog-section-card-image{
                    margin: auto;
                    margin-bottom: 20px;
                }
             }
            @media (max-width: 600px) {

                .blog-section{
                    padding: 0px 0px !important;
                }

                .blog-section-top-sell-buy-btn{
                    display: grid !important;
                    justify-content: space-between;
                    display: grid;
                    grid-template-columns: repeat(2,minmax(0,1fr));
                    gap: 18px;
                    margin-bottom: 30px;
                    margin-top: 8px;
                }
                .blog-section-sell-left-btn{
                    display: block !important;
                    color: white;
                    background-color: #379273;
                    border-radius: 10px;
                    font-family: 'Recoleta';
                    border: none;
                    padding: 11px 49px;
                    font-size: 20px;
                    font-weight: 600;
                }
                .blog-section-buy-right-btn{
                    display: block !important;
                    color: #379273;
                    background-color: #F6F6FB;
                    border-radius: 10px;
                    font-family: 'Recoleta';
                    border: 2px solid #379273;
                    padding: 11px 49px;
                    font-size: 20px;
                    font-weight: 600;
                }

                .blog-menu{
                    align-items: flex-end;
                    margin-bottom: 30px !important;
                }
                .blog-menu img{
                    height: 8px !important;
                    margin: 0px 10px;
                }
                /* .before-artical{
                    display: none;
                }
                .artical{
                    display: none;
                } */

                .container-for-mobile-padding-1 {
                    padding: 0px 40px 0px 40px;
                }
                .blog-container{
                    width: auto !important;
                    margin-top: 0px !important;
                }

                /* DIV CONTAINING CARD SECTION PLUS FOUR LINKS  */

                .blog-section-card-plus-four-links{
                    margin-bottom: 20px !important;
                }

                /* CARD SECTION ............................................*/

                /* ..............................blog-section-card is used in catagories+card section */

                .grid-for-mobile{
                    justify-content: center !important;
                    display: flex !important;
                    flex-direction: column;
                }
                .blog-section-card{
                    width: 100% !important;
                    background-color: white;
                    border-radius: 25px;
                    padding: 20px 20px !important;
                    font-size: 12px;
                    font-family: Graphik;
                    box-shadow: 1px 1px 10px rgb(214, 214, 214);
                    flex-direction: column;
                    align-items: center;
                }
                .blog-section-card-image img{
                    max-width: 100% !important;
                    height: auto !important;
                    margin-bottom: 20px !important;
                }
                
                .card-image-detail{
                    width: 100%;
                }
                /* ..........................................H1 TITLE */
                .card-image-detail h1{
                    margin-bottom: 10px !important;
                    font-size: 16px !important;
                    line-height: normal !important;
                    color: #000;
                    text-align: center;
                }
                .price-plus-rating{
                    display: flex;
                    justify-content: space-between;
                }
                .card-image-detail .title-discription{
                    margin-bottom: 20px !important;
                }
                /* ..........................................P PRICE */
                .card-image-detail-title-price {
                    display: block !important;
                    margin-bottom: 0px !important;
                }
                .card-image-detail-title-price .title{
                    font-size: 12px !important;
                    font-family: GraphikMedium;
                    margin-bottom: 4px;
                }
                .card-image-detail-title-price .price{
                    color: #000000 !important;
                    font-size: 14px !important;
                    font-family: GraphikSemiBold;
                }
                /* ..........................................REVIEW AND STARS */
                .card-image-detail-reviews-images{
                    display: grid !important;
                    gap: 0px !important;
                }
                .card-image-detail-reviews-images p{
                    color: #379273 !important;
                    font-size: 12px !important;
                    font-family: GraphikMedium;
                }
                .card-image-detail-images .full-star-image{
                    width: 18.77px !important;
                }
                .half-star-image{
                    width: 18.77px !important;
                    margin-top: 0px;
                }

                /* LINKS CSS...............................................*/

                .four-links{
                    display: grid !important;
                    /*grid-template-columns: repeat(2,minmax(0,1fr)) !important;*/
                    margin: 16px 0px 20px 0px!important;
                }
                .four-links a{
                    font-size: 14px !important;
                    color: #379273;
                    margin: auto !important;
                    padding: 5px !important;
                }

                /* LINKS CSS HIDDEN .......................................*/
                .four-links-for-desktop{
                    order: -1;
                }
                .four-links >div{
                    display: grid !important;
                    gap: 10px;
                    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
                    height: -webkit-fit-content;
                }
                .four-links-for-desktop .gray-link-for-mobile{
                    display: block !important;
                }
                /*.four-links-for-desktop .gray-link{*/
                /*    display: none !important;*/
                /*}*/

                /* CATAGORIES CARD........................................*/

                /*........................................... CATAGORIES CARD WITH SELECT TAG...........*/

                .blog-section-card-catagories-select-design{
                    display: grid !important;
                    gap: 0px !important;
                    justify-content: center !important;
                    border-radius: 16px;
                    border: 2px solid #379273;
                    background-color: white;
                    margin-bottom: 0px !important;
                    width: fit-content;
                    margin: auto;
                }
                .blog-section-card-catagories-select-design select{
                    width: 255px !important;
                    border-radius: 0px;
                    padding: 14px 10px !important;
                    border-top: 0px !important;
                    border-left: 0px !important;
                    border-right: 0px !important;
                    border-bottom: 2px solid #379273;
                    font-size: 14px;
                    font-family: GraphikMedium;
                }
                .blog-section-card-catagories-select-design option{
                    padding: 20px ;
                }


                /* STARTING TESTING SELECTION TAGS FOR MOBILE................  */


                .custom-select-down:last-child .select-selected{
                    border-radius: 0px 0px 15px 15px !important;
                    border-bottom: none !important;
                }

                .select-selected {
                    position: relative;
                    border-radius: 14px 14px 0px 0px !important;
                    background-color: none !important;
                    border-bottom: 2px solid #379273 !important;
                    border-top: 0px solid #379273 !important;
                    border-left: 0px solid #379273 !important;
                    border-right: 0px solid #379273 !important;
                    width: 234px;
                    padding: 13px 20px !important;
                    font-family: GraphikMedium;
                    font-size: 14px;
                    z-index: 1 !important;
                }

                /*style items (options):*/
                .select-items {
                    position: absolute;
                    border: 2px solid #379273;
                    border-top: transparent;
                    background-color: white;
                    border-radius: 0px 0px 15px 15px;
                    display: block;
                    margin-top: 2px !important;
                    left: 0;
                    right: 0;
                    font-family: GraphikRegular;
                    font-size: 14px;
                    z-index: 2 !important;
                    padding-top: 10px !important;
                    width: 238px;
                    margin-left: -2px;
                }
                .select-items div, .same-as-selected {
                    border-bottom: 2px solid #379273 !important;
                }
                .select-items div:last-child, .same-as-selected {
                    border-bottom: 0px !important;
                    border-radius: 0px 0px 14px 14px;
                }
                .select-items div:first-child{
                    border-radius: 0px 0px 0px 0px;
                    border-top: 2px solid #379273;
                }

                /* ENDING TESTING SELECTION TAGS................  */



                /*............................................ CATAGORIES CARD WITH-OUT SELECT TAG........*/

                .blog-section-card-catagories-setting{
                    display: grid !important;
                    border: 2px solid #379273;
                    border-radius: 16px;
                    width: fit-content;
                    background-color: white;
                    margin: auto;

                }
                .blog-section-card-catagories{
                    padding: 20px !important;
                    background-color: #D5FFD4;
                    display: grid;
                    gap: 15px;
                }
                .custom-arrow{
                    position: absolute;
                    left: 0;
                    right: 0;
                }
                .custom-select{
                    align-items: center;
                    width: 234px;
                    border-radius: 0px !important;
                    padding: 10px;
                    border-left: none !important;
                    border-top: none !important;
                    border-right: none !important;
                    border-bottom: 2px solid #379273 !important;
                    justify-content: space-between;
                    background-color: none !important;
                    font-size: 14px !important;
                    font-family: GraphikMedium;
                    margin: auto;
                }
                .custom-select-mobile-1{
                    border-radius: 16px 16px 0px 0px !important;
                }
                .custom-select-mobile-2{
                    border-radius:0px !important;
                }
                .custom-select-mobile-4{
                    border-bottom: none !important;
                    border-radius: 0px 0px 16px 16px !important;
                }
                .blog-section-card-catagories-more-filters a{

                }
                .blog-section-card-catagories-more-filters img{
                    height: 10px;
                }

                .arrow {
                    border: solid #379273;
                    border-radius: 2px;
                    border-width: 0 3.6px 3.6px 0;
                    display: inline-block;
                    padding: 5.5px;
                    margin-right: 5px;
                    margin-top: 0px;
                }
                .up {
                    transform: rotate(43deg);
                    -webkit-transform: rotate(43deg);
                }
                .down {
                    transform: rotate(-43deg);
                    -webkit-transform: rotate(-43deg);
                }

                /*BLOG TOGGLE SECTION .....................................*/
                .blog-toggal-section-setting{
                    display: grid !important;
                    gap: 15px !important;
                }
                .blog-toggal-section{
                    font-size: 14px !important;
                    gap: 40px !important;
                    font-weight: 600;
                }


                /* SHOW ALL DEVICES DETAIL .................................*/

                .show-all-devices-detail{
                }
                .show-all-devices-detail a{
                    font-family: GraphikMedium;
                }

                /* ALL DEVICES WITH DETAILS ................................*/
                .all-devices-with-details{
                    overflow-x: scroll;

                }
                .all-devices-with-details-table{
                    padding: 0px 200px !important;
                    border-collapse: collapse;
                    text-align: center;
                }
                .all-devices-with-details-table .rounde-left{
                    border-radius: 0px !important;
                }
                .all-devices-with-details-table .rounde-right{
                    border-radius: 0px !important;
                }
                .all-devices-with-details-table th{
                    padding: 14px 25px !important;
                    font-size: 14px !important;
                    background-color: #D5FFD4;
                }
                .all-devices-with-details-table td{
                    font-size: 12px !important;
                }


                /* ALL DEVICES FIRST TO LAST ...............................*/
                .all-devices-first-to-last{
                    gap: 15px !important;
                    align-items: center;
                    margin: 30px auto 40px !important;
                    justify-content: center;
                }
                .all-devices-first-to-last p{
                    font-size: 14px !important;
                    font-family: GraphikMedium !important;
                }
                .all-devices-first-to-last img{
                    width: 14px !important;
                    height: 14px !important;
                }
                .page-1-selected{
                    width: 21px !important;
                    padding: 3px 3px 2px !important;
                }

                /* DISCRIPTION USED IPHONE FOR SALE....................... */

                .discription-used-iphone-for-sale{
                    gap: 15px !important;
                    font-family: Graphik;
                    margin-bottom: 50px;
                }
                .used-iphone-for-sale-disc-1{
                    text-align: center;
                    padding: 20px 50px !important;
                }
                .used-iphone-for-sale-disc-1-heading{
                    font-size: 16px !important;
                    margin-bottom: 10px;
                }
                .used-iphone-for-sale-disc-1-para{
                    font-size: 14px !important;
                }
                .used-iphone-for-sale-disc-2{
                    display: grid;
                    grid-template-columns: repeat(1,minmax(0,1fr)) !important;
                    gap: 15px !important;
                }
                .used-iphone-for-sale-disc-2 >div{
                    display: grid;
                    gap: 15px ;
                }
                .used-iphone-for-sale-disc-2-heading{
                    font-size: 14px !important;
                }
                .used-iphone-for-sale-disc-2-para{
                    font-size: 14px !important;
                }



                                                /* OTHER CLASSES */
                .size{
                    font-size: 15px !important;
                    width: 296px;
                    /* font-family: "Recoleta"; */
                }


                                            /* SING IN*/

                .mobile-trader-footer{
                    display: block !important;
                    padding: 56px 30px 30px 30px ;
                    background-color: black;
                    color: white;
                    border-radius: 50px 50px 0px 0px;
                    height: auto;
                    width: auto;
                }
                .mobile-trader-footer h1{
                    margin-bottom: 20px;
                    font-size: 30px;
                    font-family: Recoleta;
                }
                .mobile-trader-footer a{
                    color: white;
                    font-size: 15px;
                    font-family: Graphik;
                }
                .enter-email-section{
                    margin: 30px auto;
                }
                .enter-email-section-form input{
                    border: none;
                    border-radius: 10px;
                    padding: 20px;
                    background-color: #E9E9E9;
                    color: #868485;
                    font-family: Graphik;
                    font-size: 14px;
                }
                .enter-email-section-btn{
                    align-items: center;
                    margin-left: -20px;
                    padding: 15px;
                    border-radius: 10px;
                    border: none;
                    background-color: #379273;
                    color: white;
                    font-family: Recoleta;
                    font-size: 20px;

                }
                .social-media-icons {
                    align-items: flex-end;
                    justify-content: center;
                }
                .social-media-icons img{
                    margin: 0px 20px;
                }

                /* .blog-detail-section-right{
                    display: none;
                } */

            }

            @media (max-width: 1187px){
        .blog-section-card-plus-four-links{
            justify-content: center !important;
        }
        }


      /* ...................DESKTOP DESIGN STARTING FORM HERE */


      .blog-container{
            margin: auto;
            max-width: 1230px;
            height: auto;
            margin-top: 70px;
        }
        .blog-section-top-sell-buy-btn{
            display: none;
        }
        .blog-section-sell-left-btn{
            display: none;
        }
        .blog-section-buy-right-btn{
            display: none;
        }

        .blog-section{
            padding: 0px 63px ;
        }

        .blog-menu{
            align-items: flex-end;
            margin-bottom: 40px;
        }
        .blog-menu img{
            height: 12.5px;
            margin: 0px 10px;
        }
        .blog-menu a{
            text-decoration: none;
            color: #379273;
            font-family: 'Graphik';
            font-size: 14px;
        }


        /*.four-links-for-desktop .gray-link-for-mobile{*/
        /*    display: none;*/
        /*}*/
        /* DIV CONTAINING CARD SECTION PLUS FOUR LINKS  */

        .blog-section-card-plus-four-links{
            justify-content: space-between; 
            margin-bottom: 20px;
            flex-wrap: wrap;
        }

        /* CARD SECTION ............................................*/

        /* ..............................blog-section-card is used in catagories+card section */

        .blog-section-card{
            background-color: white;
            border-radius: 25px;
            padding: 20px 25px;
            font-size: 12px;
            font-family: Graphik;
            box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
        }

        /* ..........................................IMAGE */
        .blog-section-card-image img{
            max-width: 100%;
            height: auto;
            margin-right: 20px;
        }
        /* .......................................H1 TITLE */
        .card-iphone-title{
            color: #000000;
            margin-bottom: 10px;
            font-size: 20px;
            font-family: graphikSemiBold;
        }
        .card-image-detail .title-discription{
            margin-bottom: 10px;
        }
        /* ........................................P PRICE */
        .card-image-detail-title-price {
            display: flex;
            align-items: flex-end;
            gap: 5px;
            margin-bottom: 12px;
        }
        .card-image-detail-title-price .title{
            font-size: 20px;
            font-family:GraphikMedium;
        }
        .card-image-detail-title-price .price{
            color: #379273;
            font-size: 25px;
            font-family:GraphikSemiBold;
        }

        /* .................................REVIEW AND STARS */
        .card-image-detail-reviews-images{
            gap: 19px;
            display: flex;
            align-items: center;
        }
        .card-image-detail-reviews-images p{
            font-family: GraphikMedium;
            color: #000000;
            font-size: 20px;
            width: max-content;
        }
        .card-image-detail-images .full-star-image{
            width: 30px;
        }
        .half-star-image{
            width: 29px;
        }

        /* LINKS CSS...............................................*/

        .four-links >div{
            display: flex;
            max-width: 420px;
            min-width: 250px;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
        }
        .four-links{
            display: grid;
            gap: 10px;
            justify-content: center;
            /*margin: auto 87px auto auto;*/
            /*flex-direction: column;*/
            /*flex-wrap: wrap;*/
            /*justify-content: space-evenly;*/
        }
        .four-links a{
            color: #379273;
            /*margin: auto;*/
            padding: 20px;
            font-family: GraphikMedium;
            font-size: 16px;
            text-decoration: underline;
        }
        .gray-link{
            text-align: center;
        }




        /* CATAGORIES CARD ........................................*/



        /*............................................ CATAGORIES CARD WITH SELECT TAG........*/

        .blog-section-card-catagories-select-design{
            gap: 20px 40px;
            /*justify-content: space-between;*/
            /*margin-bottom: 323px;*/
            justify-content: space-evenly;
            flex-wrap: wrap;
        }
        /* .blog-section-card-catagories-select-design select{
            width: 100%;
            border-radius: 12px;
            padding: 13px 12px;
            border: 2px solid #379273;
            font-size: 14px;
            font-family: GraphikMedium;
        }
        .blog-section-card-catagories-select-design option{
            padding: 20px auto;
            background-color: white;
            font-family: GraphikRegular;
            color: #000000;
        }
        .blog-section-card-catagories-select-design option:hover{
            background-color: #93DEC5;
            border: 2px solid #000000;
        } */

        /* STARTING TESTING SELECTION TAGS................  */

        .custom-select-down {
            position: relative;
            font-family: Arial;
          }

          .custom-select-down select {
            display: none; /*hide original SELECT element:*/
          }

          .select-selected {
            position: relative;
            background-color: white;
            border: 2px solid #379273;
            border-radius: 12px;
            width: 234px;
            padding: 13px 20px !important;
            font-family: GraphikMedium;
            font-size: 14px;
            z-index: 2;
          }

          /*style the arrow inside the select element:*/
          .select-selected:after {
            position: absolute;
            right: 20px;
            content: "";
            border: solid #379273;
            border-radius: 2px;
            border-width: 0 3.8px 3.8px 0;
            float: inline-end;
            padding: 5.5px;
            margin-right: 5px;
            top: 12px;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);

          }
          .select-items option{
            border-bottom: 2px solid #379273;
          }

          /*point the arrow upwards when the select box is open (active):*/
          .select-selected.select-arrow-active:after {
            border-color: transparent transparent #379273 transparent;
            top: 7px;
            border: solid #379273;
            border-radius: 2px;
            border-width: 0 3.8px 3.8px 0;
            display: inline-block;
            padding: 5.5px;
            margin-right: 5px;
            top: 18px;
            transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
          }

          /*style the items (options), including the selected item:*/
          .select-items div,.select-selected {
            color: #000000;
            padding: 13px 21px;
            cursor: pointer;
            user-select: none;
          }

          /*style items (options):*/
          .select-items {
            max-height: 234px;
            overflow: scroll;
            scrollbar-width: none;
            position: absolute;
            border: 2px solid #379273;
            border-top: transparent;
            background-color: white;
            border-radius: 0px 0px 15px 15px;
            top: 32px;
            left: 0;
            right: 0;
            font-family: GraphikRegular;
            font-size: 14px;
            z-index: 1;
            padding-top: 13px;
          }

          /*hide the items when the select box is closed:*/
          .select-hide {
            display: none;
          }

          .select-items div:hover, .same-as-selected {
            background-color: #93DEC5;
          }
          .select-items div, .same-as-selected {
            border-bottom: 2px solid #379273;
            border-radius: 0px;
          }
          .select-items div:last-child, .same-as-selected {
            border-bottom: 0px;
            border-radius: 0px 0px 14px 14px;
          }

          .last-padding-option{
          }

          /* ENDING TESTING SELECTION TAGS................  */







        /*............................................ CATAGORIES CARD WITH-OUT SELECT TAG........*/

        .blog-section-card-catagories-setting{
            display: none !important;
            justify-content: space-between;
        }
        .blog-section-card-catagories{
            border-radius: 16px;
            margin: auto;
            padding: 27px 0px 27px;
            background-color: #D5FFD4;
            display: grid;
            gap: 32px;
            box-shadow: none;
        }
        .custom-select{
            width: 234px;
            border-radius: 10px;
            padding: 10px;
            border: 2px solid #379273;
            justify-content: space-between;
            background-color: white;
            font-size: 16px;
            font-family: Graphik;
            margin: auto;
        }
        .blog-section-card-catagories-more-filters a{
            position: relative;
            margin: auto;
            text-decoration: underline;
            font-size: 16px;
            color: #379273;
            font-family: GraphikMedium;
            display: flex;
            align-items: center;
        }
        .blog-section-card-catagories-more-filters img{
            width: 21px;
        }

        /* BLOG TOGGAL SECTION .....................................*/
        .blog-toggal-section-setting{
            margin: auto;
            gap: 30px 70px;
            justify-content: space-evenly;
            flex-wrap: wrap;
            padding: 0 20px;
        }
        .blog-toggal-section{
            justify-content: space-between;
            align-items: center;
            font-size: 16px;
            font-family: GraphikMedium;
            gap: 20px;
        }
        .switch {
            position: relative;
            display: inline-block;
            width: 36px;
            height: 21px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 1px;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 34px;
            border: 2px solid #93DEC5;
            bottom: -2px !important;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: -1px;
            bottom: -0.5px;
            background-color: #93DEC5;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
            border-color: #93DEC5;
        }
        input:checked + .slider:before {
            -webkit-transform: translateX(15px);
            -ms-transform: translateX(15px);
            transform: translateX(15px);
            background: #000000;
        }
            input:checked + .slider {
            background-color: white;
            border-color: #000000;
        }


        /* SHOW ALL DEVIDES DETAIL .................................*/

        .show-all-devices-detail{
            gap: 20px;
            justify-content: center;
            font-size: 14px;
            margin-top: 20px;
            margin-bottom: 20px;
            font-family: GraphikSemiBold;
        }
        .show-all-devices-detail a{
            color: #379273;
        }

        /* ALL DEVIDES WITH DETAIL ................................*/
        .all-devices-with-details{
            overflow-x: auto;
        }
        .all-devices-with-details-table{
            border-collapse: collapse;
            text-align: center;
            margin: auto;
            width: 100%;
        }
        .all-devices-with-details-table .rounde-left{
            border-radius: 16px 0px 0px 16px;
        }
        .all-devices-with-details-table .rounde-right{
            border-radius: 0px 16px 16px 0px;
        }
        .all-devices-with-details-table th{
            padding: 14px;
            font-size: 16px;
            font-family: GraphikMedium;
            background-color: #D5FFD4;
        }
        .devices_row:hover{
            background-color: #d5ffd466;
        }
        .all-devices-with-details-table td{
            font-size: 16px;
            font-family: GraphikRegular;
            padding: 15px 15px;
            border-bottom: 1px solid #C1F4E2;
        }
        .all-devices-with-details-table img{
            width: 54px;
            height: auto;
        }
        .table-green-s-p{
            color: #379273;
            font-family: GraphikMedium !important;
        }

        /* ALL DEVICES FIRST TO LAST ...............................*/
        .all-devices-first-to-last{
            gap: 20px;
            align-items: center;
            margin: 40px auto;
            justify-content: center;
            font-size: 20px;
            font-family: GraphikSemiBold;
        }
        .all-devices-first-to-last p{
            font-size: 20px;
            font-family: GraphikSemiBold;
        }
        .all-devices-first-to-last img{
            width: 15px;
        }
        .page-1-selected{
            background-color: #379273;
            color: white;
            border-radius: 7px;
            width: 30px;
            padding:4px 3px 2px;
            text-align: center;
        }

        /* DISCRIPTION OF USED IPHONE FOR SALE....................... */
        .discription-used-iphone-for-sale{
            display: grid;
            gap: 80px;
        }
        .used-iphone-for-sale-disc-1{
            text-align: center;
            padding: 33px 40px;
        }
        .used-iphone-for-sale-disc-1-heading{
            color: #000000;
            font-size: 25px;
            margin-bottom: 12px;
            font-family: GraphikSemiBold;
        }
        .used-iphone-for-sale-disc-1-para{
            font-size: 16px;
            font-family: GraphikRegular;
        }
        .used-iphone-for-sale-disc-2{
            display: grid;
            grid-template-columns: repeat(2,minmax(0,1fr));
            gap: 75px;
        }
        .used-iphone-for-sale-disc-2 >div{
            display: grid;
            gap: 16px;
        }
        .used-iphone-for-sale-disc-2-heading{
            color: #000000;
            font-size: 20px;
            font-family: GraphikSemiBold;
        }
        .used-iphone-for-sale-disc-2-para{
            font-size: 16px;
            font-family: GraphikRegular;
        }


                            /* OTHER CLASSES */
        .heading{
            color: #379273;
            margin-bottom: 30px;
            font-size: 40px;
            font-weight: 600;
            font-family: 'Recoleta';
        }
        .sing-up-section{
            display: none;
        }
        .size{
            font-size: 16px;
            font-weight: 500;
            /* font-family: "Recoleta"; */
        }
        .m-b{
            margin-bottom: 9px;
        }
        .m-r{
            margin-right: 4px;
        }
        .m-t{
            margin-top: 4px;
        }

        .flex{
            display: flex;
        }
        .grid{
            display: grid;
        }
        .block{
            display: block;
        }
        .link {
            color: #4A4A4A;
        }
        .green-background{
            background-color: #D5FFD4;
        }
        .green{
            color: #379273;
        }
        .hide{
            display: none;
        }
        .dot {
            width: 8px;
            height: 8px;
            background-color: #379273;
            border-radius: 5px;
        }
        
        .z-i-4{
            z-index: 4 !important;
        }
        .z-i-6{
            z-index: 6 !important;
        }
        .z-i-8{
            z-index: 8 !important;
        }