@import "output.css";

nav.main-menu-container .main-menu div.menu-item-has-children {
    position: relative;
}

nav.main-menu-container .main-menu > div > a {
    padding: .5em 0 !important;
}

nav.main-menu-container .main-menu div.menu-item-has-children .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    transition: all ease 0.3s;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    border: 1px solid #BAC2D3;
    border-radius: 5px;
    background: #EEF2F8;
    padding: 8px;
}

nav.main-menu-container .main-menu div.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}

nav.main-menu-container .main-menu div.menu-item-has-children .sub-menu > div > a {
    text-align: left;
    display: block;
    color: #000;
    font-weight: 400;
    white-space: nowrap;
    line-height: 1.2;
    padding: 7px 8px 7px 8px !important;
    border-radius: 5px;
    text-transform: capitalize;
}

nav.main-menu-container .main-menu div.menu-item-has-children .sub-menu > div:first-child > a {
    padding-top: .9em;
}

nav.main-menu-container .main-menu div.menu-item-has-children .sub-menu > div:last-child > a {
    padding-bottom: .9em;
}

nav.main-menu-container .main-menu div.menu-item-has-children .sub-menu > div:hover > a,
nav.main-menu-container .main-menu div.menu-item-has-children .sub-menu > div.selected > a {
    background: #fff;
}

.elementor-widget-container section.not-prose {
    position: relative;
    margin-left: 50%;
    transform: translateX(-50vw);
    width: 100vw;
    overflow: hidden;
}

.testimonial-swiper .swiper-scrollbar-drag,
.manufacturer-swiper .swiper-scrollbar-drag,
.itemsSwiper .swiper-scrollbar-drag,
.logosSwiper .swiper-scrollbar-drag {
    background: #3953a4 !important;
}

.logosSwiper .swiper-slide a {
    filter: grayscale(100%);
}

.logosSwiper .swiper-slide a:hover {
    filter: grayscale(0%);
}

.prose .h-full {
    height: 100% !important;
}

.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding: 0 !important;
}

a.accord-toggler {
    font-size: 22px !important;
    color: #27303f !important;
}

.woocommerce .main img, .woocommerce-page .main img {
    height: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

.woocommerce-pagination {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.woocommerce nav.woocommerce-pagination ul {
    margin: 0;
    border: 0;
    font-size: 22px;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: 0;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: none;
}

.sambuka .wc-product-search {
    background: #fff !important;
}

@media (max-width: 767px) {
    .ui-widget.ui-widget-content {
        max-width: calc(100vw - 24px);
    }

    nav.main-menu-container .main-menu div.menu-item-has-children .sub-menu {
        display: none !important;
    }
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
}

.woocommerce-notices-wrapper li {
    margin: 0 !important;
}

.prose.telesfera-prose.zelia ol li {
    margin-top: 0;
}

.grecaptcha-badge {
    opacity: 0 !important;
    visibility: hidden !important;
}

.swiper-slide-shadow-flip {
    display: none !important;
}

#priceToggleBtn > div {
    transition: all ease 0.3s;
}

#priceToggleBtn:not(.invert-view) > div:nth-child(1) {
    color: white !important;
    background: #3953A4 !important;
}

#priceToggleBtn.invert-view > div:nth-child(2) {
    color: white !important;
    background: #3953A4 !important;
}

.leader-line {
    z-index: 10;
}

div.grids-container > div {
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 88;
    max-height: 100%;
    flex-wrap: wrap;
    gap: 4px;
}

.grid-item {
    width: 140px;
    border: 1px solid #3953A4;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    line-height: 1.1;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: all ease 0.3s;
}

.grid-item:hover,
.grid-item.hover {
    -webkit-box-shadow: 0px 0px 4px 0px #3953A4;
    background-color: #f5f7fa;
}

.grid-item.selected {
    background: #3953A4;
    color: #fff;
}

.grid-item.selected a{
    color: #fff;
}

.data-line-target {
    display: flex;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    background: #3953A4;
    color: #fff;
    margin: -13px 0 0 -13px;
}

.legend-list .selected,
.legend-list .hover {
    background-color: #f5f7fa;
    color: #3953a4;
    border: 1px solid #3953a4;
}

.flexible_blocks:last-child {
    margin-bottom: 0 !important;
}

.flexible_blocks > div:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

.testimonial-swiper .swiper-wrapper,
.manufacturer-swiper .swiper-wrapper,
.itemsSwiper .swiper-wrapper,
.logosSwiper .swiper-wrapper {
    transition-timing-function: linear !important;
}

label.styled_checkbox {
    display: inline-flex;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 1px solid #3953A4;
    border-radius: 1px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    background: #fff;
}

label.styled_checkbox i {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    opacity: 0;
    font-style: normal;
    background: #3953A4;
    color: #fff;
}

label.styled_checkbox i:after {
    content: '\f00c';
    font-family: FontAwesome;
    font-style: normal;
    font-size: 0.8em;
}

label.styled_checkbox input {
    position: absolute;
    left: -20px;
    top: -20px;
}

label.styled_checkbox input:checked + i {
    opacity: 1;
}

label.styled_radio {
    display: inline-flex;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 1px solid #3953A4;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    background: #fff;
}

label.styled_radio i {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    opacity: 0;
}

label.styled_radio i:after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #3953A4;
}

label.styled_radio input {
    position: absolute;
    left: -20px;
    top: -20px;
}

label.styled_radio input:checked + i {
    opacity: 1;
}

[title="Nothing Phone"] .brand-logo,
[title="Realme"] .brand-logo,
[title="Oppo"] .brand-logo{
    max-width: 160px !important;
}

[title="Zte"] .brand-logo{
    max-width: 88px !important;
}

@media (max-width: 767px) {
    [title="Nothing Phone"] .brand-logo,
    [title="Realme"] .brand-logo,
    [title="Oppo"] .brand-logo,
    [title="Zte"] .brand-logo{
        max-width: 100% !important;
    }
}