.fixGaryPattern {
    text-align: center;
    padding: var(--spacing2);
    border-radius: var(--radius2);
    border: 1px solid var(--border);
    background-color: var(--bgcolor1);
}

.flatBox {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: var(--spacing2);
    border-radius: var(--radius2);
    border: 0.0625vw dashed #1e3f7173;
    background-color: var(--bgcolor1);
}

.flatBox .ftext1 {
    padding-bottom: 0.1vw;
}

.flatBox .ftext2 {
    font-weight: 600;
    color: var(--secondary) !important;
}

.fixImage img {
    max-width: 100%;
}

.market-view-main-page .fgrow1 {
    display: flex;
    align-items: center;
}

.market-view-main-page .sortBy select{
    gap: 0;
    overflow: hidden;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background-color: var(--bgcolor1);
}
.market-view-main-page .sortBy i {
    padding-left: 0.3vw;
    color: var(--color);
    font-size: 0.972vw;
}


.market-view-main-page .sortBy .newInputGroup {
    margin-bottom: 0px;
}

.market-view-main-page .sortBy > div {
    align-items: center;
}

.market-view-main-page .sortBy label {
    white-space: nowrap;
}

.market-view-main-page .sortBy select {
    padding: var(--spacing2);
    margin: 0;
    min-height: 0px!important;
}

.market-view-main-page .sortBy .active {
    border-color: var(--secondary) !important;
    background-color: var(--secondary) !important;
}
.market-view-main-page .sortBy .active svg {
    fill: white !important;
}
.market-view-main-page .sortBy .active i {
    color: white;
}

.market-view-main-page .sortBy .tabBtn {
    border: 0;
    padding: 0;
    height: 2vw;
    width: 1.8vw;
    display: flex;
    cursor: pointer;
    min-height: unset;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background-color: var(--bgcolor1);
}
.market-view-main-page .sortBy .tabBtn:hover {
    border-color: var(--border) !important;
}

.market-view-main-page .sortBy .tabBtn svg {
    fill: var(--color);
    width: 1.4vw;
    height: 1.4vw;
}
.market-view-main-page .sortBy .tabBtn i {
    color: var(--color);
    font-size: 1.11vw;
}

.dot_circule_box {
    display: flex;
}

.dot_circule_box > span {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    align-items: center;
    color: var(--color);
    justify-content: center;
    padding: var(--spacing1) var(--spacing2);
    border-radius: var(--radius);
    background-color: var(--bgcolor1);
}

.dot_circule_box > span i {
    color: var(--color);
}

.dot_circule_box i {
    font-size: 1vw;
}

.dot_circule_box .active {
    color: white;
    background-color: var(--secondary);
}

.dot_circule_box .active i {
    color: white;
}

.insight_extra .news_box {
    cursor: pointer;
    overflow: hidden;
    background-color: white;
    border-radius: var(--radius2);
    border: 1px solid var(--border);
}

.insight_extra .news_box .separator {
    margin: 0;
}

.insight_extra p {
    text-align: center;
}

.insight_extra svg {
    width: 1.2vw;
    height: 1.2vw;
}

.insight_extra .news_container .f-padding {
    padding: var(--spacing2);
}

.insight_extra .news_container h5 {
    padding: var(--spacing3);
}

.insight_extra .news_container img {
    width: 100%;
    height: 7vw;
}

.report_container {
    position: relative;
}

.report_container .fixButton {
    text-align: center;
}

.report_container .fixBgImage {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
}

.report_container .report-items {
    display: grid;
    grid-gap: var(--spacing3);
    grid-template-columns: 1fr 1fr 1fr;
}

.report_container .report-items .col2 {
    align-items: flex-end;
}
.report_container .report-items .col2 .fixWithFlex {
    gap: var(--spacing1);
    align-items: flex-end;
}

.report_container .report-items .data {
    display: flex;
    flex-flow: column;
    gap: var(--spacing2);
}


/*.report_container .report-items > div {
    display: grid;
    cursor: pointer;
    grid-gap: var(--spacing2);
    grid-template-columns: 10vw 1fr;    
}*/

.report_container .report-items > div .type {
    padding-top: var(--spacing1);
    color: var(--secondary);
}

.report_container .report-items > div .fixWithGrid div:nth-child(2) {
    text-align: right;
}

.offer_grid {
    padding: var(--spacing2);
    border-radius: var(--radius2);
    border: 0.0625vw solid var(--border);
}

.offer_grid:hover .hover_screen {
    display: flex !important;
}

.hot_offer_card {
    position: relative;
    overflow: hidden;
}

.hover_screen {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    padding: var(--spacing3);
    background-color: rgba(0, 0, 0, 0.85);
    justify-content: center;
}

.hover_screen .data_info {
    text-align: center;
}

.hover_screen .data_info .title {
    font-weight: 600;
    color: var(--secondary);
}

.hover_screen .data_info .spec {
    color: white;
}

.hot_offer_card:hover .hover_screen {
    display: block;
}

.offer_detail_page .gallery_container {
    display: grid;
    grid-gap: var(--spacing3);
    grid-template-columns: repeat(7, 1fr);
}

.offer_detail_page .gallery_container img {
    width: 8vw;
    height: 8vw;
    object-fit: cover;
    border-radius: var(--radius2);
    border: 1px solid var(--border);
}

.fixTimerBox .fixTimerBox2 .timerBox2 {
    display: flex;
    gap: var(--spacing1);
}

.fixTimerBox .fixTimerBox2 .sperator {
    color: var(--secondary);
    font-size: 1.2vw;
}

.fixTimerBox .fixTimerBox2 .tickValue {
    font-weight: normal !important;
    font-size: var(--fsize6) !important;
    color: var(--color) !important;
}
.fixTimerBox .fixTimerBox2 .tickName {
    font-size: var(--fsize6);
    font-weight: normal;
    color: var(--color) !important;
}

.specTable1 .timerContainer2 .fixTimerBox2 {
    width: 60%;
    /* !important; */
}

.info_box label,
.info_box .title {
    font-family: "Titillium Web";
    color: var(--primary) !important;
    font-weight: 600;
}

.info_box .fixBig {
    font-weight: bold;
    font-size: var(--fsize6);
    color: var(--secondary);
}

.offer_sidebar {
    border-radius: var(--radius2);
    border: 1px solid var(--border);
}
.offer_sidebar > .offer_item:last-child {
    border-bottom: 0;
}

.offer_sidebar .offer_item {
    cursor: pointer;
    transition: 500ms;
    padding: var(--spacing2);
    border-bottom: 1px solid var(--border);
}
.offer_sidebar .offer_item:hover {
    background-color: var(--bgcolor1);
}

.offer_sidebar .offer_item h6 {
    color: var(--primary);
}

.offer_sidebar .offer_item .text2 {
    font-weight: 600;
    text-transform: capitalize;
    color: var(--secondary);
}

.offer_sidebar .offer_item .text1 {
    font-weight: 600;
    color: var(--color_buy);
}

.offer_sidebar .offer_item .text1 span {
    font-weight: 500;
    color: var(--secondary);
}

.price_page_new .price_tab_container_outer .price_tab_container_outer_header > div:first-child {
    margin-left: var(--spacing3);
}

.price_page_new .price_tab_container_outer .price_tab_container_outer_header {
    display: flex;
    gap: var(--spacing2);
}

.price_page_new .price_tab_container_outer .price_tab_container_outer_header .active {
    color: white !important;
    font-weight: 500;
    border-color: var(--secondary) !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: var(--secondary) !important;
}

.price_page_new .price_tab_container_outer .price_tab_container_outer_header > div:hover {
    color: white !important;
    border-color: var(--primary);
    background-color: var(--primary);
}

.price_page_new .price_tab_container_outer .price_tab_container_outer_header > div {
    min-width: 6vw;
    cursor: pointer;
    text-align: center;
    border-radius: var(--radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: var(--spacing1) var(--spacing2);
    border: 1px solid var(--border);
    border-bottom: 0;
    transition: 500ms;
}

.price_page_new .price_tab_container_outer .price_tab_container_outer_body {
    padding: var(--spacing3);
    border-radius: var(--radius2);
    border-top: 1px solid var(--secondary);
    background: linear-gradient(to bottom, var(--bgcolor1), white);
}

.price_page_new .price_tab_container_item_scroll::-webkit-scrollbar {
    display: none;
}

.price_page_new .price_tab_container_item_scroll {
    min-height: 3vw;
    display: flex;
    overflow: hidden;
    overflow-x: scroll;
    gap: var(--spacing2);
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.price_page_new .price_tab_container_item_scroll:hover .arrow {
    visibility: visible;
}

.price_page_new .price_tab_container_item_scroll .arrow:hover {
    color: var(--secondary);
    border-color: var(--secondary);
}

.price_page_new .price_tab_container_item_scroll .arrow svg,
.price_page_new .price_tab_container_item_scroll .arrow i {
    width: 1.5vw;
    height: 1.5vw;
    display: flex;
    // padding: 0.5vw;
    fill: var(--primary);
    font-size: 1.5vw;
    border-radius: 50%;
    align-items: center;
    color: var(--secondary);
    justify-content: center;
    background-color: white;
    border: 0.0625vw solid var(--border);
}

.price_page_new .price_tab_container_item_scroll .arrow {
    z-index: 1;
    cursor: pointer;
    position: sticky;
    transition: 500ms;
    visibility: hidden;
    padding: 0px;
    background-color: transparent;
    border: 0px;
}

.price_page_new .price_tab_container_item_scroll .left {
    left: 0;
}

.price_page_new .price_tab_container_item_scroll .right {
    right: 0;
}

.price_page_new .price_tab_container_item_scroll > div:nth-child(3) {
    margin-left: 0.2vw;
}

.price_page_new .price_tab_container_item_scroll > div:hover {
    color: var(--secondary);
}

.price_page_new .price_tab_container_item_scroll > div {
    height: 90%;
    display: flex;
    cursor: pointer;
    min-width: 7vw;
    text-align: center;
    align-items: center;
    padding: var(--spacing2);
    justify-content: center;
    background-color: white;
    border-radius: var(--radius);
    border: 0.0625vw solid var(--border);
}

.price_tab_container_item_scroll .active {
    left: 0;
    right: 0;
    font-weight: 600;
    position: sticky;
    color: white !important;
    border-color: var(--secondary) !important;
    background-color: var(--secondary) !important;
}

.price_tab_container_item_scroll .active::after {
    left: 50%;
    content: "";
    bottom: -1.48vw;
    position: absolute;
    border: 1vw solid var(--secondary);
    border-top-color: var(--secondary);
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    transform: translateX(-50%);
}

.price_page_new .commodityFilterContainer > div {
    flex-grow: 1;
}

.price_page_new .commodityFilterContainer {
    display: flex;
    gap: var(--spacing2);
    align-items: flex-end;
}

.price_page_new .bottomContainer .priceTable ._data .inLoss {
    color: var(--cError);
}

.price_page_new .bottomContainer .priceTable ._data .inGain {
    color: var(--cSuccess);
}

.price_page_new .bottomContainer .priceTable ._data:last-child {
    border-bottom: 0.14vw solid var(--bgcolor1) !important;
}

.price_page_new .bottomContainer .priceTable ._data .col1 img {
    max-width: 100%;
    max-height: 100%;
}
.price_page_new .bottomContainer .priceTable ._data .col1 {
    display: grid;
    grid-gap: var(--spacing2);
    grid-template-columns: 1.5vw 1fr;
    align-items: flex-start;
}

.selectBoMContainer {
    margin-top: var(--spacing3);
}

.selectBoMContainer .AmzTabHeadings {
    display: flex;
}

.selectBoMContainer .AmzTabHeadings .active {
    color: white !important;
    border-color: var(--secondary) !important;
    background-color: var(--secondary) !important;
}

.selectBoMContainer .AmzTabHeadings > div:first-child {
    margin-left: var(--spacing3);
}

.selectBoMContainer .AmzTabHeadings > div:hover {
    background-color: var(--bgcolor1);
}

.selectBoMContainer .AmzTabHeadings > div {
    font-weight: 500;
    transition: 500ms;
    background-color: white;
    margin-right: var(--spacing2);
    border-top-left-radius: var(--radius2);
    border-top-right-radius: var(--radius2);
    padding: var(--spacing2) var(--spacing3);
    border: 1px solid var(--border);
    border-bottom: 0;
}

.selectBoMContainer .AmzTabContainer {
    min-height: 18vw;
    padding: var(--spacing3);
    background-color: white;
    border-radius: var(--radius2);
    border: 1px solid var(--secondary);
}

.mainBuyDialog {
    padding: var(--spacing3);
}


.addressContainer {
    display: grid;
    border-radius: var(--radius2);
    grid-template-columns: 1fr 1fr 1fr;
    border: 1px solid var(--border);
    
}
.billTo-shipTo{
    transition: 500ms;
    border-radius:var(--radius2);
    background-color: white;
    padding: var(--spacing2);       
}

.billTo-shipTo:hover{
    background-color: var(--bgcolor1);
    justify-content: center;
    cursor: pointer;
    color:var(--primary);
}


.addressContainer .twoContainer i {
    cursor: pointer;
}

.addressContainer .twoContainer i:hover {
    color: var(--secondary);
}

.addressContainer .twoContainer {
    display: grid;
    color: var(--primary);
    grid-template-columns: 1fr 5vw;
}

.addressContainer .twoContainer .title {
    font-weight: 600;
}

.addressContainer > div {
    padding: var(--spacing3);
    border-right: 1px solid var(--border);
}


.newSelectDialogContainer {
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
    background-color: rgb(0, 0, 0, 0.6);
}

.newSelectDialogContainer .active .title {
    color: var(--secondary) !important;
}

.newSelectDialogContainer .active {
    border-color: var(--secondary) !important;
    box-shadow: 0 2px 8px #ccc !important;
}

@keyframes fadeIn {
    from {
        transform: scale(0.4);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.newSelectDialogContainer .newSelectDialog {
    width: 75vw;
    overflow: hidden;
    border-radius: var(--radius2);
    animation: fadeIn 500ms;
}

.newSelectDialogContainer .newSelectDialog .header h4 {
    color: white;
}

.newSelectDialogContainer .newSelectDialog .header {
    padding: 1vw;
    background-color: var(--primary);
}

.newSelectDialogContainer .newSelectDialog .header img {
    width: 1vw;
    height: 1vw;
    transition: 600ms;
    cursor: pointer;
}

.newSelectDialogContainer .newSelectDialog .header img:hover {
    transform: rotate(180deg);
}

.newSelectDialogContainer input {
    width: 100%;
    border: 0px;
    font: normal var(--fsize6) Roboto;
    border-radius: var(--radius);
    color: var(--color);
    padding: var(--spacing2) var(--spacing2);
}

.newSelectDialogContainer .newSelectDialog .body {
    display: grid;
    min-height: 32vw;
    max-height: 32vw;
    overflow-y: scroll;
    padding: var(--spacing3);
    grid-gap: var(--spacing3);
    grid-auto-rows: min-content;
    grid-template-columns: 1fr 1fr 1fr;
    background-color: var(--bgcolor1);
}

.newSelectDialogContainer .newSelectDialog .footer {
    padding: 0.5vw 1vw;
    background-color: white;
    border-top: 0.0625vw solid var(--gBorderColor);
}

.newSelectDialogContainer .newSelectDialog .product_box h5 {
    font-size: var(--fsize5);
}

.newSelectDialogContainer .newSelectDialog .product_box {
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    transition: 500ms;
    display: inline-block;
    padding: var(--spacing3);
    background-color: white;
    border-radius: var(--radius2);
    border: 0.0625vw solid var(--border);
}

.newSelectDialogContainer .newSelectDialog .product_box img {
    width: 4vw;
    height: 4vw;
    max-width: 100%;
    border-radius: var(--radius2);
}

.newSelectDialogContainer .newSelectDialog .product_box .title {
    color: var(--primary);
}

.newSelectDialogContainer .newSelectDialog .product_box .specTable1 th {
    text-align: left;
}

.newSelectDialogContainer .newSelectDialog .product_box .specTable1 td {
    text-align: left;
}

.newSelectDialogContainer .newSelectDialog .product_box .specTable1 {
    background-color: transparent;
}

.newSelectDialogContainer .MuiTypography-root {
    color: white !important;
}

.newSelectDialogContainer .MuiStepIcon-text {
    font-weight: bold;
    font-size: 0.9vw !important;
    fill: var(--gBlue) !important;
}

.newSelectDialogContainer .MuiStepIcon-root {
    color: white !important;
}

.newSelectDialogContainer .MuiStepLabel-label.MuiStepLabel-active {
    color: white !important;
}

.newSelectDialogContainer .MuiStepIcon-root.MuiStepIcon-active {
    color: var(--secondary) !important;
}

.newSelectDialogContainer .MuiStepIcon-active .MuiStepIcon-text {
    fill: white !important;
}

.newSelectDialogContainer .MuiStepIcon-root.MuiStepIcon-completed {
    color: var(--color_buy) !important;
}

.newSelectDialogContainer .MuiStepper-root {
    padding: 0px !important;
    background-color: transparent !important;
}

.newSelectDialogContainer .MuiTypography-body2 {
    font-size: var(--fsize6);
}

.newSelectDialogContainer .newSelectDialog .product_box2 {
    /* height: 13.4vw; */
    cursor: pointer;
    transition: 500ms;
    overflow: hidden;
    background-color: white;
    border-radius: var(--radius2);
    border: 1px solid var(--border);
}

.product_box2:ho

.newSelectDialogContainer .newSelectDialog .product_box2 .title {
    min-height: 2vw;
    display: flex;
    padding: var(--spacing2) !important;
    align-items: center;
    color: var(--primary);
    justify-content: flex-start;
    /* font-size: var(--fsize6); */
    /* padding: var(--spacing); */
    background-color: white;
}

.newSelectDialogContainer .newSelectDialog .product_box2 img {
    width: 100%;
    height: 9vw;
    object-fit: cover;
}

.newSelectDialogContainer .footer input:disabled {
    cursor: not-allowed;
    background-color: var(--bgcolor1) !important;
}

.newSelectDialogContainer .footer input {
    border: 0.0625vw solid var(--border);
}

.search_result_comp {
    display: flex;
    align-items: center;
}

.myListBox .fix1 {
    display: flex;
    align-items: center;
}

.myListBox svg {
    width: 1.8vw;
    height: 1.9vw;
    fill: var(--color);
    padding-right: 0.5vw;
}

.adjustAndFix {
    text-align: center;
    padding-top: 1vw;
}

.search_result_comp .breadCrumb {
    display: flex;
    padding: 0vw;
    font-size: 0.8vw;
    align-items: center;
}

.search_result_comp .breadCrumb svg {
    font-size: 1vw;
}

.bottomDivsSection {
    width: 100%;
    display: block;
    padding-left: 0.1vw;
}

.resultHeader {
    text-align: right;
}

.resultText {
    padding-top: 0.5vw;
    font-size: 0.9vw;
    padding-bottom: 0.5vw;
}

.myBox {
    padding: 0.5vw;
    margin-bottom: 0vw;
    background-color: white;
    border: 0.1vw solid var(--gLightGray);
}

.active svg {
    fill: white;
}

.active .badge {
    color: white;
    text-align: right;
    background-color: var(--secondary);
}

.badge {
    margin: 0 auto;
    display: flex;
    width: 1.5vw;
    height: 1.5vw;
    color: white;
    /* font-size: 0.6vw; */
    /* font-weight: bold;     */
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary);
}


.searchResultBox {
    width: 100%;
}

.mainContainer .col2 {
    grid-template-columns: 1fr 1fr;
}

.mainContainer .col1 {
    grid-template-columns: 1fr;
}

.resultBoxMain {
    display: grid;
    grid-gap: var(--spacing2);
}

.resultItem:hover h5 {
    color: var(--secondary) !important;
    /* background-color: var(--gBgColor2); */
}

.resultItem:hover {
    border-color: var(--secondary) !important;
}

.resultItem {
    height: 100%;
    display: grid;
    cursor: pointer;
    transition: 500ms;
    padding: var(--spacing2);
    background-color: white;
    border-radius: var(--radius2);
    margin-bottom: 0vw !important;
    border: 1px solid var(--border);
    grid-template-columns: 3vw 1fr;
}

.resultItem img {
    min-width: 3.5vw;   
    min-height:3.5vw ;
    
}

.resultItem .box2 {
    width: 100%;
    padding-right: 0.5vw;
    align-content: center;
    display: grid;
}

.resultItem .box2 .text1 {
    transition: 500ms;
    font-weight: 600;
    color: var(--primary);
    margin-left:15px;
}

.resultItem .box2 p {
    padding-top: var(--spacing2);
    /* font-size: 0.75vw; */
    text-align: justify;
    /* line-height: 1.125vw; */
}

.resultItem .box2 .text3 {
    font-size: 0.8vw;
    color: rgb(80, 80, 80);
    padding-top: 0.3vw;
}

/* .resultItem .box2 .text2 {
} */

.deal_karo_container .timerContainer2 .fixTimerBox2 {
    width: 100%;
}

.addressContainer .date {
    color: var(--primary);
    background-color: var(--bgcolor0);
    border-right:none;
}

.buySection .marketSellTile:hover {
    box-shadow: 1px 1px 2px green;
}

.buySection .marketSellTile {
    transition: 500ms;
}

.buySection .specTable1,
.sellSection .specTable1 {
    transition: 500ms;
}

.buySection .specTable1:hover {
    box-shadow: 1px 1px 2px var(--secondary) !important;;
}

.sellSection .marketSellTile:hover {
    box-shadow: 1px 1px 2px var(--secondary) !important;;
}

.sellSection .specTable1:hover {
    box-shadow: 1px 1px 2px var(--secondary) !important;;
}
.marketSellTile img {
    max-width: 100%;
    max-height: 100%;
    border-radius: var(--radius2);
}

.marketSellTile {
    height: 100%;
    cursor: pointer;
    transition: 500ms;
    box-sizing: border-box;
    padding: var(--spacing2);
    border-radius: var(--radius2);
    border: 1px solid var(--border);
}
.marketSellTile:hover{
    box-shadow: 0 0 15px #21212133; 
    border-radius: var(--radius2);
    border: 0.0625vw solid var(--secondary);
}   
.marketSellTile .text2 {
    text-align: left;
    font-weight: 600;
    color: var(--primary);
    padding-bottom: 0.5vw;
    text-transform: capitalize;
}

.mainBuyDialog .bill_to_box {
    height: 100%;
    padding: var(--spacing2);
    background-color: white;
    border-radius: var(--radius2);
    border: 0.0625vw solid var(--border);
}

.mainBuyDialog .bill_to_box .title {
    font-weight: 600;
    color: var(--primary);
}

.mainBuyDialog .bill_to_box i {
    cursor: pointer;
    color: var(--primary);
    display: flex;
    transition: 500ms;
    align-items: center;
    justify-content: center;
}

.mainBuyDialog .bill_to_box i:hover {
    color: var(--secondary);
}

.news_container .news_box h6 {
    text-align: left;
    /* color: var(--primary); */
    padding: var(--spacing3);
    background-color: white;
}

.news_container .news_box h5 {
    transition: 500ms;
    align-items: flex-start;
}

.news_container .news_box:hover h5 {
    color: var(--secondary) !important;
}

.news_container .news_box {
    height: 100%;
    display: flex;
    cursor: pointer;
    overflow: hidden;
    flex-flow: column;
    background-color: white;
    border-radius: var(--radius2);
    border: 0.0625vw solid var(--border);
}

.news_container .news_box img {
    object-fit: cover;
    max-width: unset;    
    height: 9vw;
}

.news_container {
    display: grid;
    align-items: flex-start;
    grid-gap: var(--spacing3);
    grid-template-columns: 1fr 1fr 1fr;
}

.news_container .news_box > h5 {
    flex-grow: 1;
    height: 100%;
    display: flex;
    align-items: flex-start;
    padding: var(--spacing3);
}

.news_container svg {
    width: 1.2vw;
    height: 1.2vw;
}

.news_container .news_box .fixWithFlex{
    padding: var(--spacing2);
    align-items: center;
}

.opinion_sidebar_container > div .fixUpperCase {
    text-transform: uppercase;
}

.opinion_sidebar_container > div h5 {
    transition: 500ms;
}

.opinion_sidebar_container > div:hover {
    border-color: var(--secondary);
}

.opinion_sidebar_container > div:hover h5 {
    color: var(--secondary) !important;
}

.opinion_sidebar_container > div img {
    height: 4.5vw;
    max-width: 100%;
    object-fit: cover;
    border-radius: var(--radius2);
}

.opinion_sidebar_container > div {
    cursor: pointer;
    transition: 500ms;
    padding: var(--spacing2);
    border-radius: var(--radius2);
    border: 1px solid var(--border);
    margin-bottom: var(--spacing2);
    display: grid;
    grid-gap: var(--spacing2);
    grid-template-columns: 4.5vw 1fr;
}


.opinion-page h3{
    text-transform: uppercase;
}


.opinion-page .fix-image-left{
    float: left;        
    max-width: 100%;
    text-align: left;
    margin-right: var(--spacing3);
    margin-bottom: var(--spacing3);
    border-radius: var(--radius2);        
}

.opinion-page .fix-p{
    text-align: justify;
}

/* filter styling */

.myFlitterContainer {
    width: 61vw;
    padding: var(--spacing3);
    overflow-y: scroll;
}
.myFlitterContainer .fixHeight {
    height: 100% !important;
}
.myFlitterContainer .container {
    display: block;
    cursor: pointer;
    font-size: 0.875vw;
    position: relative;
    padding-left: 2.1875vw;
}
.myFlitterContainer .sectionData {
    height: 29.8vw;
    overflow-y: scroll;
    background-color: white;
    border-radius: var(--radius2);
    border: 0.0625vw solid var(--border);
}
.myFlitterContainer .sectionData > div:hover, .myFlitterContainer .sectionData .active {
    cursor: pointer;
    background-color: var(--bgcolor1);
}
.myFlitterContainer .sectionData > div {
    padding: 0.625vw;
    align-items: center;
}
.myFlitterContainer .sections {
    max-height: 80%;
    overflow-y: scroll;
    border-radius: var(--radius2);
    border: 0.0625vw solid var(--border);
}
.myFlitterContainer .sections .sbox {
    display: grid;
    height: unset !important;
    background-color: white;
    grid-template-columns: 1fr 0.5vw;
}
.myFlitterContainer .sections .sbox i {
    font-size: 1.2vw;
    color: transparent;
}
.myFlitterContainer .sections .sbox sup {
    font-weight: 500;
    color: var(--secondary);
}
.myFlitterContainer .sections .sbox sup i {
    font-size: 0.3vw;
    color: #19a23a;
}
.myFlitterContainer .sections .active:hover {
    border-color: var(--secondary) !important;
    background-color: var(--secondary) !important;
}
.myFlitterContainer .sections .active:hover i {
    color: white !important;
}
.myFlitterContainer .sections .active {
    color: white;
    font-weight: 500;
    border-color: var(--secondary);
    background-color: var(--secondary);
}
.myFlitterContainer .sections .active i {
    color: white;
}
.myFlitterContainer .sections .active:hover {
    display: grid;
    color: #fff;
}
.myFlitterContainer .sections > div {
    display: flex;
    cursor: pointer;
    height: 1.5625vw;
    font-size: 0.85vw;
    transition: 500ms;
    font-weight: normal;
    align-items: center;
    padding: var(--spacing2);
    color: var(--gfColor1);
    text-transform: capitalize;
    background-color: var(--gBoxBgColor);
}
.myFlitterContainer .sections > div:hover {
    color: var(--secondary);
    background-color: var(--gBgColor2);
}
.myFlitterContainer .sections > div:hover i {
    color: black;
}
.myFlitterContainer .sections > div:last-child {
    border-bottom-left-radius: var(--radius2);
    border-bottom-right-radius: var(--radius2);
}
.myFlitterContainer .sections > div:first-child {
    border-top-left-radius: var(--radius2);
    border-top-right-radius: var(--radius2);
}
.myFlitterContainer .sections .active sup {
    color: var(--primary) !important;
}
.myFlitterContainer .searchBar {
    top: 0;
    z-index: 1;
    display: flex;
    overflow: hidden;
    position: sticky;
    align-items: center;
    background-color: white;
    border-radius: var(--radius2);
    border: 0.0625vw solid var(--border);
}
.myFlitterContainer .searchBar > input {
    width: 100%;
    border: 0px;
    font-size: var(--fsize5);
    color: var(--color);
    padding: var(--spacing2);
}
.myFlitterContainer .searchBar .btns {
    font-size: 1.2vw;
    padding-right: var(--spacing2);
    color: var(--border);
}
.newsFilterDialog .dialogOverlay .dialogContainer .body {
    overflow: hidden;
}
.squareChip {
    cursor: pointer;
    padding: 0.0625vw;
    margin-right: 0.3vw;
    display: inline-block;
    color: #1e1e1e;
    border-radius: var(--radius2);
    background-color: var(--border);
}
.squareChip .box {
    background-color: #fff;
    display: flex;
    align-items: center;
    padding-left: 0.3vw;
}
.squareChip .title {
    font-size: 0.8vw;
}
.squareChip .close {
    font-size: 0.8vw;
    padding: 0vw 0.3vw;
    margin-left: 0.3vw;
    background-color: var(--gBoxBgColor);
}
.squareChip:hover {
    background-color: var(--gOrange);
}
.squareChip:hover .title, .squareChip:hover .close {
    color: var(--gOrange);
}

/* Price filter */

.price_table_filter_container .fixForNotHover {
    overflow: hidden;
}
.price_table_filter_container .fixForNotHover > div {
    padding-bottom: 0;
    padding-right: 0;
}
.price_table_filter_container .fixForNotHover > div:hover {
    background-color: transparent !important;
}
.price_table_filter_container .region_folder_view_container {
    height: 100% !important;
}
.price_table_filter_container .region_folder_view_container .menu {
    height: 100% !important;
}
.price_table_filter_container .region_folder_view_container .fixDropdown {
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    position: static !important;
    visibility: visible !important;
    height: 100% !important;
    border: 0 !important;
}

.region_folder_view_container {
    min-width: 20vw;
}
.region_folder_view_container .menu {
    position: relative;
}
.region_folder_view_container .menu .regionInput {
    height: 2.7vw;
    display: grid;
    cursor: pointer;
    align-items: center;
    font-size: var(--fsize6);
    background-color: white;
    padding: 0 var(--spacing2);
    border-radius: var(--radius);
    grid-template-columns: 1fr 1vw;
    border: 1px solid var(--border);
}
.region_folder_view_container .menu .regionInput i {
    font-size: var(--fsize4);
}
.region_folder_view_container .menu .dropdown {
    left: 0;
    z-index: 1;
    top: 4.25vw;
    width: 100%;
    height: 18vw;
    border-right: 0;
    border-bottom: 0;
    overflow: scroll;
    position: absolute;
    visibility: hidden;
    padding: var(--spacing2);
    background-color: white;
    border: 0.0625vw solid var(--border);
    box-shadow: 1px 1px 2px var(--border);
}
.region_folder_view_container .menu .dropdown .FolderTree .TreeNode {
    display: flex;
}
.region_folder_view_container .menu .dropdown .FolderTree .TreeNode .typeIconContainer {
    width: var(--spacing1);
}
.region_folder_view_container .menu .dropdown .FolderTree .CheckBox {
    margin: 0px;
    height: 1.4vw;
}
.region_folder_view_container .menu .dropdown .FolderTree .TreeNode .iconContainer {
    padding: 0px;
}
.region_folder_view_container .menu .dropdown .displayName {
    font-size: 0.9vw;
    font-weight: 400;
    font-family: Roboto !important;
    color: var(--primary) !important;
}
.region_folder_view_container .menu .dropdown .iconContainer > svg {
    fill: var(--primary);
}
.region_folder_view_container .menu .dropdown input {
    transition: none !important;
}

.opinion-page .price_section .price_item {
    display: flex;
    cursor: pointer;
    transition: 500ms;
    padding: var(--spacing2);
    border-radius: var(--radius2);
    margin-bottom: var(--spacing2);
    border: 1px solid var(--border);
}
.opinion-page .price_section .price_item img {
    width: 4vw;
    object-fit: cover;
    border-radius: var(--radius2);
}
.opinion-page .price_section .price_item .ta-right {
    text-align: right;
}
.opinion-page .price_section .price_item:hover {
    border-color: var(--secondary);
}

.news_details_page .view_more {
    cursor: pointer;
    color: var(--secondary);
}
.news_details_page .view_more a, .news_details_page .view_more a:hover, .news_details_page .view_more a:visited, .news_details_page .view_more a:active {
    color: var(--secondary);
}
.news_details_page .view_more a {
    display: flex;
    gap: var(--spacing1);
    color: var(--secondary) !important;
}
.news_details_page .view_more svg {
    fill: var(--secondary);
    width: 1.2vw;
    height: 1.2vw;
}
.news_details_page .increase_gap {
    grid-gap: var(--spacing3);
}
.news_details_page .bottom_heading {
    text-align: center;
    padding: var(--spacing3);
    background-color: var(--bgcolor1);
}