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;
      }
        .top_banner_buttons_mobile{
            display: none !important;
        }
                /* MEDIA QUERIES MOBILE DESIGN STARTING FROM HERE*/

                @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;
                    }


                    #navbar {
                        display: block;
                        transition: top 0.3s;
                    }
                    .blog-section-top-addtocart-buynow-btn{
                        padding: 25px 38px;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        z-index: 1;
                        margin: auto;
                        background-color: white;
                        position: fixed;
                        display: flex !important;
                        justify-content: space-between;
                        align-items: center;
                        /*display: grid;*/
                        /*grid-template-columns: repeat(1,minmax(0,1fr));*/
                        /*gap: 28px;*/
                    }
                    .blog-section-buy-now-right-btn{
                        display: block !important;
                        color: #379273;
                        background-color: #ffffff;
                        border-radius: 10px;
                        font-family: 'Recoleta';
                        border: 2px solid #379273;
                        padding: 13px 28px 9px 30px;
                        font-size: 15px !important;
                        font-weight: 600;
                    }
                    .blog-section-addto-cart-left-btn{
                        display: block !important;
                        color: white;
                        background-color: #379273;
                        border-radius: 10px;
                        font-family: RecoletaSemiBold;
                        border: none;
                        padding: 13px 28px 9px 30px;
                        font-size: 24px;
                        font-weight: 600;
                        width: 100%;
                        margin-right: 20px;
                    }


                    .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;
                        margin-right: 0 !important;
                        margin-left: 0 !important;
                    }
                    
                    .blog-section-card-for-desktop{
                        justify-content: center;
                    }

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

                    /* BLOG SECTION CARD IS USED IN CATAGORIES + CARD SECTION */

                    .blog-section-card{
                        margin: 0 -40px;
                        border-radius: 0px !important;
                        padding: 30px 25px 25px !important;
                        width: 100% !important;
                        min-width: 295px;
                    }
                    /* .............................ALSO USED IN LAST SIMILAR CARDS */
                    .blog-section-card-heading {
                        padding-bottom: 8px !important;
                    }
                    .card-iphone-title{
                        padding-bottom: 0px !important;
                    }
                    .blog-section-card-heading h1{
                        text-align: center;
                        font-size: 20px !important;
                        font-weight: 600;
                        line-height: normal !important;
                    }
                    /* .............................ALSO USED IN LAST SIMILAR CARDS */
                    .blog-section-card h2{
                        display: none;
                        font-size: 20px !important;
                        margin-bottom: 12px !important;
                    }
                    .blog-section-card-image{
                        order: 4;
                        margin-bottom: 21px;
                    }
                    .blog-section-card-image img{
                        /*max-width: 101px !important;*/
                        height: 100% !important;
                        margin: auto;
                        margin-bottom: 21px !important;
                        object-fit: cover;
                    }
                    .blog-section-card-image-plus-detail {
                        gap: 21px !important;
                        margin-bottom: 0px !important;
                    }
                    .card-image-detail{
                        order: 2;
                        margin: auto;
                    }
                    .avl-loc-buttons{
                        display: flex;
                        flex-wrap: wrap;
                        gap: 10px;
                    }
                    .product-available-btn {
                        /*margin: auto;*/
                        margin-bottom: 0px !important;
                    }
                    .product-available-btn a{
                        align-items: center ;
                        text-align: left !important;
                        font-size: 12px !important;
                        height: 34px;
                        width: 93px;
                        font-family: GraphikSemiBold !important;
                    }
                    .product-available-btn .image1{
                        width: 20px !important;
                        margin-right: 0px !important;
                        margin-left: -2px;
                    }
                    .product-available-btn .image2{
                        width: 14px !important;
                        margin-right: 7px !important;
                    }
                    .product-location-btn {
                      display: flex !important;
                      gap: 10px;
                      flex-wrap: wrap;
                  }
                    .product-location-btn a{
                        padding: 7px 21px 7px 10px !important;
                        margin-bottom: 0px !important;
                    }
                    .blog-section-card-more-images{
                        grid-template-columns: repeat(3,minmax(0,1fr));
                        margin: 0px 0px 21px;
                    }
                    .blog-section-card-more-images img{
                        border-radius: 12px !important;
                        width: 75px !important;
                        height: 75px !important;
                    }
                    .blog-section-card-more-mobile-view{
                        display: grid !important;
                        justify-content: center;
                        gap: 8px;
                    }
                    .blog-section-card-more-mobile-view .unlocked-title{
                        text-align: Center !important;
                        margin-bottom: 8px;
                        color: gray;
                        font-size: 16px !important;
                        font-family: GraphikMedium;
                        font-weight: 600;
                    }
                    .specs-div{
                        display: flex;
                        gap: 25px;
                        color: #379273;
                        font-size: 14px !important;
                        font-family: GraphikMedium;
                        margin-bottom: 8px;
                        font-weight: 600;
                        justify-content: center;
                    }
                    .featured-checked-div{
                        display: flex;
                        gap: 10px;
                        justify-content: center !important;
                        font-size: 16px !important;
                        font-family: GraphikMedium;
                        font-weight: 600;
                    }
                    .f-c-img-div{
                        display: flex;
                        align-items: flex-end;
                        gap: 8px;
                    }

                    /* BLOG SECTION CARD LEFT IMAGES........................ */
                    .blog-section-card-left-images{
                        display: none;
                    }

                    .product-detail-titles{
                        display: none;
                    }
                    .blog-detail-section-buy-bth{
                        display: none;
                    }
                    .product-warranty-time{
                        display: none !important;
                    }
                    .hide-mobile-view{
                        display: none !important;
                    }
                    .product-detail-titles{
                        display: none !important;
                    }
                    .see-more-similar-iphone-cards{
                        margin-bottom: 181px !important;
                        display: block !important;
                    }
                    .plus_more_images{
                      display: none;
                    }
                    .more-img-btn{
                        width: 100% !important;
                        height: 100% !important;
                    }
                    .more_images_mobile{
                        width: 75px;
                        height: 75px;
                    }
                    /* DROPDOWN CATAGORIES................................... */

                    .dropdown-catagory{
                        display: flex !important;
                        justify-content: space-between;
                        border-bottom: 1px solid #93DEC5;
                        padding: 0px 0px 20px;
                    }
                    .dropdown-catagory h3{
                        font-size: 14px !important;
                        font-family: GraphikSemiBold;
                        color: #000;
                    }

                    /* DESKTOP TITLE HIDDEN................... */
                    .dropdown-title{
                        display: none;
                    }

                    /* ......................ARROW UP AND DOWN */
                    .arrow {
                        border: solid black;
                        border-radius: 2px;
                        border-width: 0 3.7px 3.7px 0;
                        display: inline-block;
                        padding: 5.5px;
                        margin-right: 10px;
                        margin-top: 5px;
                        margin-bottom: auto;
                        position: relative !important;
                    }
                    .up {
                        transform: rotate(-135deg);
                        -webkit-transform: rotate(-135deg);
                    }
                    .down {
                        transform: rotate(45deg);
                        -webkit-transform: rotate(45deg);
                    }
                    /* ............................. */


                    .grade-dropdown-link a{
                        color: #379273;
                        font-size: 14px !important;
                        font-family: GraphikMedium;
                    }

                    /* .......................CARRIER DROPDOWN  */
                    .carrier-dropdown-detail-imei{
                        font-size: 14px !important;
                        margin-bottom: 12px !important;
                    }
                    .carrier-dropdown-detail-imei img{
                        margin-left: 4px;
                        width: 16px !important;
                        height: auto;
                    }
                    .carrier-dropdown-detail-battery{
                        color: #379273;
                        font-size: 14px !important;
                        margin-bottom: 0px !important;
                        /* margin-bottom: 30px !important; */
                        font-family: GraphikMedium !important;
                    }
                    .carrier-dropdown-detail-condition {
                        width: 320px;
                        gap: 5px !important;
                        align-items: center;
                        margin-bottom: 12px !important;
                        font-family: GraphikSemiBold !important;
                    }

                    /* ....................CONDITION REPORT TITEL */
                    .condition-report-title {
                        width: 123px !important;
                        font-size: 14px !important;
                        font-family: GraphikSemiBold !important;
                    }
                    .condition-report-status {
                        font-size: 12px !important;
                        color: #379273;
                        background-color: #D5FFD4;
                        border-radius: 10px;
                    }
                    .condition-report-battery-health{
                        font-size: 12px !important;
                        width: auto;
                    }
                    .carrier-dropdown-detail-list p{
                        font-size: 14px !important;
                    }
                    .carrier-storage-p, .imei-number{
                         font-size: 14px !important;
                    }

                    /* ....................DAMAGE REPORT TITEL */
                    .damage-disc-title {
                        font-size: 14px !important;
                    }
                    .damage-disc-title {
                        font-family: GraphikSemiBold;
                        color: #379273;
                        font-size: 14px !important;
                        margin-bottom: 6px !important;
                    }
                    .damage-disc-scratches{
                        font-size: 14px !important;
                        margin-bottom: 13px !important;
                    }
                    .carrier-dropdown-detail-learn-list{
                        gap: 10px !important;
                        font-size: 14px !important;
                        margin-bottom: 13px !important;
                        align-items: self-start;
                    }
                    .carrier-dropdown-detail-learn-list p{
                        font-family: GraphikRegular;
                    }
                    .carrier-dropdown-damage-link {
                        font-family: GraphikMedium !important;
                        font-weight: 500px !important;
                    }
                    .carrier-dropdown-detail-learn-list{
                        font-size: 14px !important;
                    }
                    /* .damage-list-and-links{
                        margin-bottom: 30px;
                    } */
                    .blog-section-dropdown-catagories{
                        padding: 0px !important;
                        grid-template-columns: repeat(1,minmax(0,1fr)) !important;
                        gap: 30px !important;
                        /*margin-top: 30px !important;*/
                        margin-bottom: 45px !important;
                    }
                    .blog-section-dropdown-catagories >div{
                        display: grid;
                        gap: 14px !important;
                    }


                    .carrier-dropdown-detail{

                    }



                    /* PAYMENT CARD........................................... */
                    .blog-section-card-buyer-protection{
                    }
                    .buyer-protection-heading {
                        margin-bottom: 18px !important;
                    }
                    .image-sub-heading-dics{
                        margin-bottom: 20px !important;
                    }
                    .image-sub-heading-dics p{
                        font-size: 14px !important;
                    }
                    .buyer-protection-sub-headings{
                        font-size: 14px !important;
                    }
                    .buyer-protection-sub-headings-disc {
                        font-size: 14px !important;
                    }
                    .image-sub-heading-dics img{
                        margin-top: 1px !important;
                        width: 14px !important;
                        height: auto !important;
                    }
                    .buyer-secured-payment-title-plus-logo {
                        margin-bottom: 20px !important;
                        margin-top: 20px !important;
                    }

                    .buyer-visa-cards img{
                        width: 33px !important;

                    }

                    /* ........................... WARRANTY TITEL */
                    .warranty-dropdown-detail{
                        align-items: center;
                    }
                    .warranty-dropdown-detail-title{
                        font-size: 14px !important;
                    }
                    .rectangle-green-image{
                        display: block !important;
                    }
                    .secured-checked-image-2{
                        display: none !important;
                    }

                    /* .................... SHIPPING AND HANDLING TITLE*/

                    .shipping-and-handling-plus-link{
                        align-items: baseline;
                        gap: 0px !important;
                    }
                    .shipping-policies-link{
                        display: none;
                    }
                    .sub-title-shipping-free{
                        font-size: 14px !important;
                        margin-bottom: 18px !important;
                        margin-top: -14px !important;
                    }
                    .shipping-dropdown-detail-list{
                        gap: 10px !important;
                    }
                    .shipping-dropdown-detail-list >div{
                        align-items: center;
                        gap: 8px !important;
                    }
                    .shipping-dropdown-detail-list p{
                        font-size: 14px !important;
                    }

                    /* ..................... RETURN REFUNDS TITEL */
                    .dropdown-title-returns-refunds{
                        align-items: baseline;
                        margin-bottom: 0px !important;
                        margin-top: 0px !important;
                        display: grid !important;
                    }
                    .return-refunds-dropdown-link {
                        font-size: 14px !important;
                    }
                    .return-refunds-dropdown-detail{
                        margin-top: 10px;
                    }
                    
                    /* ..................... RETURN REFUNDS TITEL */
                    .dropdown-title-returns-grade{
                        align-items: baseline;
                        margin-bottom: 0px !important;
                        margin-top: 0px !important;
                        display: grid !important;
                    }
                    .return-grade-dropdown-link {
                        font-size: 14px !important;
                    }
                    .return-grade-dropdown-detail{
                        margin-top: 10px;
                    }

                    /* ...................SAME DAY SHIPPING TITEL */
                    .day-shipping-dropdown-detail p{
                        font-size: 14px !important;
                        margin-top: 14px !important;
                        font-family: GraphikRegular;
                    }
                    .shipping-dropdown-detail p{
                        font-size: 14px !important;
                    }
                    .carrier-storage-p, .imei-number{
                        font-size: 14px !important;
                    }
                    /* ..............72 POINT CERTIFICATION TITEL */
                    .a72-points-dropdown-detail {
                        gap: 9px !important;
                        /*margin-top: 15px !important;*/
                    }
                    .a72-points-dropdown-detail >div{
                        gap: 8px !important;
                        font-size: 14px !important;
                        font-family: GraphikMedium;
                    }
                    .item-number p{
                        font-size: 12px !important;
                        font-family: GraphikSemiBold !important;
                        color: #379273;
                    }
                    
                    /* IPHONE SIMILAR CARDS ................................... */
                    .iphone-similar-cards-mobile-padding{
                        padding: 20px 15px 20px 20px !important;
                    }
                    .iphone-similar-cards-listing-title{
                        font-size: 16px !important;

                    }
                    .iphone-similar-cards{
                        margin: auto;
                        display: grid !important;
                        gap: 12px !important;
                    }
                    .similar-card-cover-iphone-pic{
                        width: 121px !important;
                        height: 121px !important;
                        border-radius: 12px !important;
                    }
                    
                    .half-star-image{
                        width: 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 h3{
                        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;
                    }
                    .hide{
                        display: block !important;
                    }
                    .hide-desktop-view{
                        display: block !important;
                    }

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

                    .blog-section-card-image-plus-detail{
                        flex-direction: column !important;
                    }
                }

        @media (max-width: 1375px){
            .top-blog-section-cards{
                flex-wrap: wrap;
                justify-content: center !important;
            }
        }
        
        @media (max-width: 770px){
            .blog-section-card-image-plus-detail{
                flex-direction: column;
            }
            .blog-section-card-image img{
                width: 100% !important;
            }
            .blog-section-card{
                width: auto !important;
            }
        }
        @media screen and (min-width: 601px) and (max-width: 912px) {
            .blog-section-dropdown-catagories{
                grid-template-columns: repeat(2,minmax(0,1fr)) !important;
            }
          }
        @media (max-width: 950px){
            .top-blog-section-cards{
            }
        }
      /* ...................DESKTOP DESIGN STARTING FORM HERE */

      /* new page start */

        .blog-container{
            margin: auto;
            max-width: 1350px;
            height: auto;
            margin-top: 70px;
            margin-right: 64 !important;
            margin-left: 64 !important;
        }
        .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;
            font-weight: 600;
        }

        /* DIV CONTAINING CARD SECTION PLUS BUYER PROTECTION CARD........  */
        .top-blog-section-cards{
            display: flex;
            justify-content: space-between;
            gap: 30px;
        }

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

        /* BLOG SECTION CARD USED IN (CATAGORIES + CARDS + PROTECTION-CARD)  */

        .blog-section-card{
            width: 872px;
            height: auto;
            background-color: white;
            border-radius: 25px;
            padding: 44px 40px 33px;
            font-size: 12px;
            font-family: Graphik;
            box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
        }
        .blog-section-card-for-desktop {
            display: flex;
            gap: 28px;
        }

        /* BLOG SECTION CARD LEFT IMAGES........................ */

        .scrole-down-iphone-images{
            position: absolute;
            display: flex;
            left: 0;
            right: 0;
            bottom: 0;
        }
        .scrole-up-iphone-images{
            position: absolute;
            display: flex;
            left: 0;
            right: 0;
        }
        .background-opacity-gray-up{
            background-color: whitesmoke;
            position: absolute;
            display: flex;
            opacity: 0.6;
            left: 0;
            right: 0;
            height: 22px;
            border-radius: 18px 18px 0px 0px;
        }
        .background-opacity-gray-up:hover{
            background-color: #e4f9d9;
        }
        .background-opacity-gray-down{
            background-color: whitesmoke;
            position: absolute;
            display: flex;
            opacity: 0.6;
            left: 0;
            right: 0;
            height: 22px;
            bottom: 0px;
            border-radius: 0px 0px 18px 18px;
        }
        .background-opacity-gray-down:hover{
            background-color: #d9f9e5;
        }

        .arrow-scrole-up {
            border: solid #379273;
            border-radius: 2px;
            border-width: 0 3.6px 3.6px 0;
            display: inline-block;
            padding: 5.5px;
            transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
            margin-left: auto;
            margin-right: auto;
            margin-top: 8px;
        }
        .arrow-scrole-down {
            border: solid #379273;
            border-radius: 2px;
            border-width: 0 3.6px 3.6px 0;
            display: inline-block;
            padding: 5.5px;
            transform: rotate(43deg);
            -webkit-transform: rotate(43deg);
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 8px;
        }
        .image-container-scrole {
            width: 65px;
            height: 322px;
            overflow-y: hidden;
            border-radius: 18px;
            padding: 10px 0px;
        }
        .image-container-scrole img:hover{
            /*width: 48px !important;*/
            width: 60px !important;
        }

        .blog-section-card-left{

          }
        .blog-section-card-more-images{
            gap: 8px;
        }
        .blog-section-card-more-images img{
            width: 60px;
            height: 60px;
            border-radius: 18px;
            cursor: pointer;
        }

        /* ..........................................IMAGE */
        .blog-section-card-image img{
            /*width: 234px;*/
            /*height: 321px;*/
            width: 303px;
            height: 303px;
            margin: auto;
            border-radius: 16px;
            cursor: pointer;
        }
        /* ............................ IMAGE + ALL DETAIL */
        .blog-section-card-image-plus-detail {
            gap: 60px;
        }
        /* ..........................................TITLE */
        .card-iphone-title{
            font-size: 30px;
            font-family: GraphikSemiBold;
            padding-bottom: 20px;
            color: #000000;
        }
        /* ..........................................PRICE */
        .blog-section-card h2{
            color: #379273;
            font-size: 30px;
            font-weight: 600;
            font-family: GraphikSemiBold;
            margin-bottom: 20px;
        }
        /* .....................................TWO BUTTONS */
        .product-available-btn {
            max-width: fit-content ;
            margin-bottom: 10px;
        }
        .product-location-btn {
          gap: 10px !important;
          display: flex;
          flex-wrap: wrap;
      }
        .product-location-btn a{
            padding: 7px 21px 7px 12px;
            /* margin-bottom: 14px; */
        }
        .product-location-btn .image2{
            width: 21px;
            margin-right: 11px;
        }

        .product-available-btn .image1{
            width: 30px;
            margin-right: 4px;
        }
        .product-available-btn a{
            align-items: center;
            display: flex;
            text-align: right;
            background-color: #D5FFD4;
            color: #379273;
            border-radius: 10px;
            padding: 9px 16px 9px 12px;
            text-decoration: none;
            font-size: 18px;
            font-family: GraphikMedium;
            font-weight: 500;
        }
        /* ........................... MOBILE SPECIFICATION */
        .product-detail-titles{
            margin-bottom: 13px;
            display: flex;
            flex-wrap: wrap;
            gap: 10px 30px;
            text-align: center;
            color: #379273;
            font-size: 16px;
            font-family: GraphikMedium;
            /*padding: 0px 20px;*/
        }
        /* ................................. BUY NOW BUTTON */
        .blog-detail-section-buy-bth button{
            display: inline-block;
            background-color: #379273;
            border: none;
            text-decoration: none;
            width: 100%;
            padding: 14px 15px 11px;
            color: white;
            font-size: 25px;
            font-family: RecoletaSemiBold;
            border-radius: 15px;
            margin-bottom: 13px;
        }
        /* ........................... WARRANTY DISCRIPTION */
        .product-warranty-time{
            align-items: center;
            gap: 8px;
        }
        .product-warranty-time img{
            width: 20px;
        }
        .product-warranty-time p{
            font-size: 16px;
            font-family: GraphikMedium;
            color: #379273;
        }



        /* BUYER PROTECTION CARD........................................... */

        .blog-section-card-buyer-protection{
            font-family: Graphik;
        }
        .buyer-protection-heading {
            font-family: GraphikSemiBold;
            color: black;
            margin-bottom: 29px;
            margin-left: 20px;
            font-size: 20px;
            font-weight: 600;
        }
        .image-sub-heading-dics {
            align-items: flex-start;
            margin-bottom: 20px;
        }
        .image-sub-heading-dics img{
            margin-right: 6px;
        }
        .buyer-protection-sub-headings{
            font-family: GraphikSemiBold;
            font-size: 16px;
            color: #379273;
        }
        .buyer-protection-sub-headings-disc {
            font-family: GraphikRegular;
            font-size: 16px;
            margin-top: 5px;
        }
        .buyer-secured-payment-title-plus-logo {
            margin: 52px 0px 37px 20px;
        }
        .buyer-secured-payment-title {
            font-family: GraphikMedium;
            font-size: 14px;
            color: #003086;
            margin-bottom: 8px;
        }
        .buyer-secured-payment-paypal-logo{
            margin-top: 0px;
        }
        .buyer-visa-cards {
            margin-left: 20px;
            gap: 8px;
        }
        .buyer-visa-cards img{
            width: 45px;
            height: auto;

        }


        /* CLASS DROP DOWN CATAGORIE ................................... */
        .blog-section-dropdown-catagories{
            padding: 26px 9px 0px 67px;
            grid-template-columns: repeat(3,minmax(0,1fr));
            gap: 0 10px;
            margin-top: 24px;
            margin-bottom: 55px;
            /*margin-bottom: 30px;*/
        }
        .dropdown-catagory{
            display: none;
        }
        .dropdown-title{
            margin-bottom: 16px;
            font-size: 20px;
            font-family: GraphikSemiBold;
            color: #000000;
        }





        /* ........................... GRADE TITEL */
        .grade-dropdown-link a{
            font-family: GraphikMedium;
            color: #379273;
            font-size: 16px;
        }

        /* ..............SHIPPING & HANDLING TITEL */
        .shipping-and-handling-plus-link{
            align-items: baseline;
            gap: 20px;
        }
        .shipping-policies-link{
            font-size: 16px;
            color: #379273;
            font-family: GraphikMedium;
        }
        .sub-title-shipping-free{
            font-size: 16px;
            gap: 5px;
            margin-bottom: 20px;
        }
        .shipping-dropdown-detail-list >div{
            align-items: baseline;
            gap: 8px
        }
        .shipping-dropdown-detail-list{
            gap: 7px
        }
        .shipping-dropdown-detail-list p{
            margin-left: 19px;
            font-size: 16px;
            font-family: GraphikRegular;
        }
        .shipping-dropdown-detail p{
            font-size: 16px;
        }
        .carrier-storage-p, .imei-number
        {
            font-size: 16px !important;
        }
        /* .........................ITEM NUMBER TITEL */
        .item-number p{
            font-size: 16px;
            font-family: GraphikSemiBold;
            color: #379273;
        }





        /* .........................CARRIER TITEL */
        .carrier-dropdown-detail{

        }
        .carrier-dropdown-detail-imei{
            font-size: 16px;
            margin-bottom: 10px;
            font-family: GraphikRegular;
            color: black;
        }
        .carrier-dropdown-detail-imei img{
            width: 16px;
            margin-left: 2px;
        }
        .imei-number{
            margin-left: 10px;
            font-weight: bold;
            color: #379273;
        }
        .carrier-dropdown-detail-battery{
            color: #379273;
            font-size: 16px;
            font-family: GraphikMedium;
            margin-bottom: 11px;
        }
        /* ..................... RETURN REFUNDS TITEL */
        .dropdown-title-returns-refunds{
            align-items: baseline;
            gap: 20px;
            margin-bottom: 24px;
            margin-top: 47px;
        }
        .return-refunds-dropdown-link{
            font-size: 16px;
            color: #379273;
            font-family: GraphikMedium;
        }
        /* ..................... RETURN grade TITEL */
        .dropdown-title-returns-grade{
            align-items: baseline;
            gap: 20px;
            /*margin-bottom: 24px;*/
            /*margin-top: 47px;*/
        }
        .return-grade-dropdown-link{
            font-size: 16px;
            color: #379273;
            font-family: GraphikMedium;
        }

        /* ...................SAME DAY SHIPPING TITEL */
        .day-shipping-dropdown-detail{
            margin-bottom: 9px;
        }
        .day-shipping-dropdown-detail p{
            font-size: 16px;
            font-family: GraphikRegular;
        }

        /* ..............72 POINT CERTIFICATION TITEL */
        .a72-points-certification-title{
            margin-top: 31px;
        }
        .a72-points-dropdown-detail {
            gap: 10px;
        }
        .a72-points-dropdown-detail >div{
            gap: 8px;
            font-size: 16px;
            color: #379273;
            font-weight: 600;
            align-items: center;
        }






        /* ........................... WARRANTY TITEL */
        .warranty-dropdown-detail >div{
            align-items: center;
        }
        .warranty-dropdown-detail-title{
            font-size: 16px;
            font-family: GraphikMedium;
            color: #379273;
        }
        .rectangle-green-image{
            display: none;
        }

        /* ....................CONDITION REPORT TITEL */
        .carrier-dropdown-detail-condition-desktop{
            margin-top: 40px;
        }
        .carrier-dropdown-detail-condition {
            margin-bottom: 15px;
            gap: 12px;
            align-items: center;
            flex-wrap: wrap;
        }
        .condition-report-title {
            font-size: 20px;
            font-family: GraphikSemiBold;
            color: #379273;
        }
        .condition-report-status {
            font-size: 14px;
            font-family: GraphikRegular;
            color: #379273;
            background-color: #D5FFD4;
            border-radius: 8px;
            padding: 4px 10px;
        }
        .condition-report-battery-health{
            font-size: 14px;
            color: #379273;
            font-family: GraphikRegular;
            border: 1px solid #379273;
            border-radius: 10px;
            padding: 4px 10px 4px 10px;
        }
        .carrier-dropdown-detail-list{
            gap: 7px;
            /* margin-bottom: 30px; */
        }
        .carrier-dropdown-detail-list >div{
            align-items: baseline;
            gap: 10px;
        }
        .carrier-dropdown-detail-list p{
            margin-left: 19px;
            font-size: 16px;
            font-family: GraphikRegular;
        }
        .carrier-storage-p, .imei-number{
             font-size: 16px;
            font-family: GraphikRegular;
        }
        .carrier-dropdown-detail-damage-disc{
            margin-bottom: 10px;
        }

        /* ..................DAMAGE DESCRIPTION TITEL */
        .damage-disc-title {
            font-family: GraphikSemiBold;
            color: #379273;
            font-size: 20px;
            margin-bottom: 8px;
        }
        .damage-disc-scratches{
            /*border-left: 4px solid #D9D9D9;*/
            /*padding: 6px 0px 6px 9px;*/
            padding: 6px 0px 6px 6px;
            font-size: 16px;
            font-family: GraphikRegular;
            color: #231F20;
            margin-bottom: 20px;
        }
        .carrier-dropdown-detail-learn-list{
            gap: 10px;
            font-size: 16px;
            margin-bottom: 7px;
            align-items: self-start;
        }
        .carrier-dropdown-detail-learn-list p{
            font-family: GraphikRegular;
        }
        .carrier-dropdown-damage-link {
            color: #379273; font-family: GraphikMedium;
        }
        .carrier-dropdown-detail-learn-list img{
            width: 13px;
            height: 13px;
        }





        /* IPHONE SIMILAR CARDS................................... */

        .iphone-similar-cards-listing-title{
            font-family: GraphikMedium;
            color: #000000;
            font-size: 20px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-weight: 500;
        }
        .similar-card-iphone-title h3{
            font-size: 12px;
            font-family: GraphikMedium;
            color: #000;
            margin-bottom: 14px;
            font-weight: 500;
        }
        .iphone-similar-cards{
            margin: 20px 0px 20px 0px;
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
            justify-content: center;
        }
        .similar-card-cover-iphone-pic{
            width: 143px;
            height: 137px;
            border-radius: 12px !important;
        }
        .blog-section-card-iphone-details-stars{
            display: flex;
            gap: 2px;
            margin-bottom: 2px;
        }
        .blog-section-card-iphone-details-stars img{
            width: 14px;
            align-items: baseline;
        }
        .half-star-image{
            width: 14px !important;
            margin-bottom: -1px;
            margin-left: -1px;
        }
        .diff-iphones-sample-plus-details{
            align-items: self-start;
        }
        .diff-iphones-sample-plus-details img{
        }
        .iphones-profile-pic {
            margin-right: 8px;
            width: 33px;
            height: auto;
        }

        /* links css...............................................

        .heading-and-links{
            align-items: center;
            display: grid;
            grid-template-columns: repeat(2,minmax(0,1fr));
            margin: 20px 0px;
        }
        .two-headings{
            row-gap: 20px;
            font-weight: 600;
            font-size: 14px;
        }
        .two-links a{
            color: #379273;
            text-align: right;
            padding: 10px;
            font-weight: 600;
            font-family: Graphik;
            font-size: 14px;
        } */

        .see-more-similar-iphone-cards{
            /*margin-bottom: 50px;*/
            color: #379273;
            font-family: GraphikMedium;
            text-align: center;
        }



                            /* 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;
        }
        .d-none{
            display: none;
        }
        .link {
            color: #4A4A4A;
        }
        .green-background{
            background-color: #D5FFD4;
        }
        .hide{
            display: none;
        }
        .dot {
            position: absolute;
            margin-top: 3px;
            width: 9px;
            height: 9px;
            background-color: #379273;
            border-radius: 100px;
        }
        .hide-desktop-view{
            display: none;
        }
        
        
        /* POPUP WORK */

        .image-popup {
            display: none;
            position: fixed;
            z-index: 12;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(3, 4, 20, 0.7);
        }

        .popup-background {
            padding: 20px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(25, 33, 35, 0.95);
            border-radius: 5px;
            width: 96%;
            height: 96%;
            border-radius: 10px;
        }


        /* ....................CLOSE BTN */
        .close-btn {
            z-index: 12;
            position: absolute;
            top: 3px;
            right: 16px;
            cursor: pointer;
            font-size: 39px;
            color: white;
        }
        /* ............SLIDER BTNS IMAGE */
        .slider-plus-multi-imgs{
            flex-direction: column;
            height: 100%;
            width: 100%;
        }
        .slider-div{
            height: 85%; 
            margin: auto; 
            width: 92%;
        }
        /* .............ARROW SLIDER BTNS */
        .arrow-scrole-right {
            border: solid #379273;
            border-radius: 2px;
            border-width: 0 3.6px 3.6px 0;
            display: inline-block;
            padding: 5.5px;
            transform: rotate(315deg);
            -webkit-transform: rotate(315deg);
            margin-left: auto;
            margin-right: auto;
            margin-top: 8px;
        }
        .arrow-scrole-left {
            border: solid #379273;
            border-radius: 2px;
            border-width: 0 3.6px 3.6px 0;
            display: inline-block;
            padding: 5.5px;
            transform: rotate(134deg);
            -webkit-transform: rotate(134deg);
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 8px;
        }
        .scroll-right-images{
            position: absolute;
            display: flex;
            right: 5px;
            top: 40%;
            z-index: 12;
        }
        .scroll-right-images i{
            margin-top: 13px;
            margin-right: 18px;
        }
        .scroll-left-images{
            position: absolute;
            display: flex;
            left: 5px;
            top: 40%;
            z-index: 12;
        }
        .scroll-left-images i{
            margin-top: 13px;
            margin-left: 18px;
        }
        .background-opacity-right{
            background-color: #000000;
            position: absolute;
            display: flex;
            opacity: 0.6;
            top: 0;
            right: 2px;
            height: 42px;
            width: 42px;
            border-radius: 100px !important;
            border-radius: 5px 5px 5px 5px;
        }
        .background-opacity-right:hover{
            background-color: #272727;
        }
        .background-opacity-left{
            background-color: #000000;
            position: absolute;
            display: flex;
            opacity: 0.6;
            left: 2px;
            top: 0;
            height: 42px;
            width: 42px;
            border-radius: 100px !important;
            border-radius: 5px 5px 5px 5px;
        }
        .background-opacity-left:hover{
            background-color: #272727;
        }


        
        /* SINGLE IMAGE SLIDING */

        .slider-image{
            padding: 20px 5px;
            display: flex;
            align-items: center;
            margin: auto;
            overflow: hidden;
            width: 100%;
            height: 100%;
        }
        .popup-external-image{
            width: 100%;
            object-fit: contain;
            margin: auto !important;
        }


        /* ..............IMAGES CONTAINER */
        .images-container{
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            overflow-x: scroll;
            border-radius: 5px;
            padding: 10px 20px;
            margin: auto;
            display: flex;
            flex-direction: row;
            max-width: 100%;
            height: 15%;
            gap: 10px;
            background-color: #1c2326;
        }
        .images-container img{
            cursor: pointer;
            border-radius: 10px;
            max-width: 103px;
            height: 100%;
        }

        .my-custom-scrollbar::-webkit-scrollbar {
            width: 5px; /* Width of the scrollbar */
            height: 5px;
        }
        
        .my-custom-scrollbar::-webkit-scrollbar-track {
            background-color: #161616; /* Color of the scrollbar track */
            border-radius: 20px rgba(42, 42, 42, 0);
        }
        
        .my-custom-scrollbar::-webkit-scrollbar-thumb {
            background-color: rgb(25, 33, 35);
            border-radius: 20px rgba(42, 42, 42, 0);
        }
        
        
        
        
        .blog-section-card-more-mobile-view .unlocked-title{
            text-align: left;
            margin-bottom: 8px;
            color: gray;
            font-size: 18px;
            font-family: GraphikMedium;
            font-weight: 600;
        }
        .specs-div{
            display: flex;
            gap: 25px;
            color: #379273;
            font-size: 16px;
            font-family: GraphikMedium;
            margin-bottom: 8px;
            font-weight: 600;
            justify-content: flex-start;
        }
        .featured-checked-div{
            display: flex;
            gap: 10px;
            justify-content: flex-start;
            font-size: 18px;
            font-family: GraphikMedium;
            font-weight: 600;
        }
        .f-c-img-div{
            display: flex;
            align-items: flex-end;
            gap: 8px;
            color: #379273;
        }