/* First Section - Location Data  Grid Css*/

#cellcashr-location>.e-con-inner>div>.e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    column-gap:20px;
    row-gap:0px !important;
}

#cellcashr-location>div.e-con-inner{
row-gap:0px !important;
column-gap:0px !important;
}

#cellcashr-location>div.e-con-inner:nth-child(1){
column-gap:20px !important;
}

/* box shadow and border radius css */

#cellcashr-location>.e-con-inner>div>.e-con-inner>.elementor-element {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 10px;
    gap:10px;
}


/* title css */

#cellcashr-location>.e-con-inner>div>.e-con-inner>.elementor-element h3 {
    font-size: 18px;
    text-align: center;
    color: black;
}


/* sub title css */

#cellcashr-location>.e-con-inner>div>.e-con-inner>.elementor-element h2 {
    font-size: 18px;
    text-align: center;
    color: black;
    font-weight: 400;
}


/* Remaing Sections - Location Data Grid Css*/

#cellcashr-location>.e-con-inner>.elementor-element:not(:first-child) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    column-gap: 20px;
}

#cellcashr-location>.e-con-inner>.elementor-element:not(:first-child)>div {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 10px;
    gap:10px;
}


/* title css */

#cellcashr-location>.e-con-inner>.elementor-element:not(:first-child)>div h3 {
    font-size: 18px;
    text-align: center;
    color: black;
}


/* sub title css */

#cellcashr-location>.e-con-inner>.elementor-element:not(:first-child)>div h2 {
    font-size: 18px;
    text-align: center;
    color: black;
    font-weight: 400;
}


/** iPhone Models CSS */

#cat-models-container div.model-sel-wrap {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
}

#cat-models-container div.model-sel-wrap>div.model-sel-item {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 10px;
    background-color: white;
}

#cat-models-container div.model-sel-wrap>div.model-sel-item div.model-sel-thumb{
    text-align:center !important;
}

#cat-models-container div.model-sel-wrap>div.model-sel-item img {
    border-radius: 12px;
    width:85%;
}

#cat-models-container div.model-sel-wrap>div.model-sel-item h5.model-title {
    font-size: 16px;
    text-align: center;
    color: black;
}




/** Mobile Section Styles */

@media only screen and (max-width:767px) {
    #mobile-loc-cellcashr {
        padding: 0px;
    }
    /** first section - location data grid css */
    #mobile-loc-cellcashr>.e-con-inner>div:first-child {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        /* row-gap: 10px; */
        column-gap: 10px;
    }
    /* remaing sections - location data grid css */
    #mobile-loc-cellcashr>.e-con-inner>.elementor-element:not(:first-child) {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        row-gap: 10px;
        column-gap: 10px;
        width: 100%;
    }
    /** Box Shadow Column 1 */
    #mobile-loc-cellcashr>div.e-con-inner>div>div.e-child {
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        border-radius: 10px;
    }
    /** Heading Styles */
    #mobile-loc-cellcashr>.e-con-inner>.elementor-element h3.elementor-heading-title {
        font-size: 11px;
        text-align: center;
        color: black;
    }
    /** Subheading Styles Column 1 */
    #mobile-loc-cellcashr>.e-con-inner>.elementor-element h2.elementor-heading-title {
        font-size: 11px;
        text-align: center;
        font-weight: 400;
        color: black;
    }
    #mobile-loc-cellcashr>.e-con-inner>.elementor-element:last-child {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        row-gap: 10px;
        column-gap: 10px;
        width: 100%;
    }
    #mobile-loc-cellcashr>.e-con-inner>.elementor-element:last-child>div:first-child {
        width: 10%;
        box-shadow: none;
    }
    #mobile-loc-cellcashr>.e-con-inner>.elementor-element:last-child>div:nth-child(2) {
        width: 80%;
    }
    #mobile-loc-cellcashr>.e-con-inner>.elementor-element:last-child>div:last-child {
        width: 10%;
        box-shadow: none;
    }
     #cat-models-container div.model-sel-wrap {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}