#divLoading123 {
    display: block;
    position: fixed;
    z-index: 100;
    background-image: url('3.gif');
    background-color: #fff;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}


/* --------------------------------------------------------------------------------------------

            01-04-2024 (----------Sudhit Changes--------)

--------------------------------------------------------------------------------------------- */


.memberitem > .image {
    width: 170px;
    height: 170px;
    min-width: 170px;
    float: left; 
    margin-right: 15px;
    margin-bottom: 10px;
}


.memberitem > .image::before {
    width: 3px;
}
.memberitem h5.title {
    font-size: 20px;
    margin-top: 6px;
}

.memberitem h5.subtitle {
    font-size: 18px;
    margin-bottom: 10px;
}

.memberitem p.desc {
    font-size: 14px;
    line-height: 20px;
}

.memberitem .content {
    padding-left: 22px;
}

.aboutlinkli.active {
    background: #373737;
    color: #fff;
}

.memberitem .content {
    padding-left: 0;
}

.navbar-nav .nav-link {
    font-size: 16px;
}

.memberitem {
    display: block;
}

.navbar-nav .dropdown-menu {
    overflow: unset;
    padding: 0;
}

.navbar .nav-item:hover>.dropdown-menu, .navbar .dropend:hover>.dropdown-menu {
    display: block;
}

.payment-anchor {
    display: inline-block;
    color: #fff !important;
    text-align: center;
}


@media all and (min-width: 1200px) {
	.navbar .dropdown-menu-end{ 
        right:0; left: auto;  
    }
	.navbar .nav-item .dropdown-menu{  
        display:block; 
        opacity: 0;  
        visibility: hidden; 
        transition:.5s; 
        margin-top:0;  
    }
	.navbar .nav-item:hover .nav-link{ 
        color: #fff;  
    }
	.navbar .dropdown-menu.fade-down{ 
        top:90%; 
        transform: rotateX(-75deg); 
        transform-origin: 0% 0%; 
    }
	.navbar .dropdown-menu.fade-up{ 
        top:180%;  
    }
	.navbar .nav-item:hover>.dropdown-menu, .navbar .dropend:hover>.dropdown-menu { 
        transition: .5s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); 
    }
    .navbar .dropend .dropdown-menu {
        right: auto;
        left: 100%;
        top: 0 !important;
    }
    .dropend .dropdown-toggle::after {
        vertical-align: 0;
        position: absolute;
        right: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: fit-content;
    }
}	

@media screen and (max-width: 1920px){
    .navbar-nav .nav-link {
        font-size: 14px;
    }

    .navbar-nav {
        gap: 0px;
    }
}
.button-container {
    text-align: center;
    margin: 5px;
}

.new-connection .form-group {
    margin-bottom: 14px;
}

.new-connection label {
    color: #000;
    font-size: 16px;
    margin-bottom: 4px;
}
.connection_form_table th {
    font-size: 13px;
    font-weight: 600;
}


.new-connection .para-small {
    padding-bottom: 10px;
}

.demandass {
    text-decoration: underline;
    text-underline-offset: 12px;
    margin-bottom: 35px;

}

.per_degi_cont_table {
    width: 100%;
}

.per_degi_cont_table td, .per_degi_cont_table th {
    padding: 10px;
    text-align: center;
    border: 1px solid #dee2e6;
}

.per_degi_cont_table th {
    font-weight: 400;
    font-size: 16px;
    padding: 6px;
}

.connection_title {
    font-weight: 600;
    padding: 16px 0 8px;
}

.content-main-title h1 {
    font-size: 28px;
    color: #f47421;
    border-bottom: 2px solid #7fb141;
    text-transform: none;
    margin-bottom: 10px;
}

@media screen and (max-width: 1399px){
    #faqsAccordion .accordion-item {
        margin-bottom: 25px;
    }

    #faqsAccordion .accordion-button {
        font-size: 18px;
        padding: 18px 30px;
    }

    .demandass {
        font-size: 17px;
    }

    .per_degi_cont_table th, .new-connection label  {
        font-size: 14px;
    }
}


/* --------------------------------------------------------------------------------------------

            03-05-2024 (----------Sudhit Changes--------)

--------------------------------------------------------------------------------------------- */
.cng_current_price .slide-content {
    padding-left: 0;
}

.cngprices, .pngprices {
    position: relative;
    padding-left: 180px;
    padding-right: 180px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: auto;
} 

.cngprices {
    background: url('../assets/HCG_CNG.jpg');
}

.pngprices {
    background: url('../assets/HCG_PNG.jpg');
}

.cng_current_price .ComnTitle > span {
    color: #fff !important;
    font-size: 36px;
}

.cng_current_price select.form-control {
    margin-bottom: 20px;
    padding: 12px 20px;
    border-radius: 10px;
}

.price-card {
    background-color: #ffffff1c;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 10px;
    padding: 12px 18px;
    border: 2px solid #ffffff;
    color: #ffffff;
}

.price-card h3 {
    font-size: 22px;
    font-weight: 700;
}

.price-card p {
    font-size: 15px;
    text-transform: capitalize;
    margin-bottom: 8px;
    font-weight: 400;
}

.price-card p:last-child {
    margin-bottom: 2px;
}
/* .cngprices::before, .pngprices::before {
    content: "";
    position: absolute;
    inset:  0 0 0 0;
    z-index: 1;
} */

/* .cngprices::before {
    background: transparent linear-gradient(0deg, rgb(143 72 12 / 80%), rgb(215 120 39 / 80%), rgb(249 185 130 / 80%));
}

.pngprices::before {
    background: transparent linear-gradient(0deg, rgb(77 115 25 / 80%), rgb(119 171 49 / 80%), rgb(141 199 63 / 80%));
} */

.navbar-nav .nav-item:last-child .nav-link {
    margin-left: 0;
}

.customer-zone {
    background: transparent linear-gradient(0deg, #6e9f2c, #8dc73f, #6e9f2c);
    padding: 0 6px;
    margin-left: 8px;
}

.navbar-nav {
    gap: 0px !important;
}

.navbar-nav li.nav-item {
    padding: 0 5px;
}
.navbar-nav li.nav-item:last-child {
    padding: 0;
}
.customer-zone ul.dropdown-menu.fade-down {
    right: 100%;
    left: auto;
}
.customer-zone.nav-item .dropdown-menu {
    right: 0;
    left: auto;
}
@media screen and (max-width: 1600px){
    .navbar-nav li.nav-item  {
        padding: 0;
    }

    .cngprices, .pngprices  {
        padding-left: 120px;
        padding-right: 120px;
    }
}

@media screen and (max-width: 767px){
    .cng_current_price .ComnTitle > span {
        font-size: 26px;
    }

    .price-card h3 {
        font-size: 18px;
    }

    .cngprices, .pngprices  {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width:525px) {
    .locationList>li {
        width: calc(100% - 0px);
    }
}