*, ::after, ::before {
    box-sizing: border-box;
}

.tech-nav{
    background-color: #F9FBFF;
    color: #384967!important;
}

.tech-nav a{
    color: #384967!important;
}

.tech-nav .nav-item{
    border-left: 0.5px solid #B4B8C3;
    border-right: 0.5px solid #B4B8C3;
    margin-bottom: unset!important;
}

.tech-nav .nav-item:hover:not(.disabled){
    background-color: #F9FBFF;
    transition: all 0.2s ease;
}

.tech-nav .nav-tabs .nav-link:hover {
    border: unset;
}

.tech-nav .nav-link{
    padding: 0.36rem 1rem;
}

.tech-nav .nav-link.active{
    border-bottom: 7px solid #384967;
}

.section_anchor {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F9FBFF;
    height: 44px;
}

.section_anchor_sticky {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F9FBFF;
     /*opacity: 0;*/
}

.section_anchor_sticky.tech-nav {
    padding: 0;
    display: flex;
    /*display: none;*/
    justify-content: center;
    align-items: center;
    background-color: #F9FBFF;
    opacity: 0;
    visibility: hidden;
    /*transition: all 0.3s ease;*/
}

.anchor_disabled {
    pointer-events: none;
}

.anchor {
    font-size: 16px;
    /* font-weight: 800; */
    /* padding: 10px 20px; */
    margin: 0;
    border-left: solid 1px #B4B8C3;
    /* border-right: solid 0.5px #B4B8C3; */
    width: calc(80%/7);
    text-align: center;
    color: #697187;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.anchor:nth-of-type(4){
    border-right: solid 1px #B4B8C3;
}

.tech-nav .anchor{
    width: calc(80%/7);
}

.anchor span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.anchor span a, .anchor span button {
    color: #384967;
    width: 100%;
    padding: 15px 20px;
}

.anchor span button {
    border: none;
    background: none;
}

.anchor span a.active, .anchor span button.active {
    border-bottom: 7px solid #384967;
}

.section_anchor:not(.tech-nav) .anchor:nth-child(1) span a  {
    border-bottom: solid 5px #384967;
    padding-bottom: 10px;
}

.section_anchor_sticky .anchor span a.current, .section_anchor_sticky .anchor span button.current{
    border-bottom: solid 5px #384967;
    padding-bottom: 10px;
}

.anchor:nth-child(7), .anchor:nth-child(6) {
    border-right: solid 1px #B4B8C3;
}

.dropdown-select-wrapper:before {
    content: '';
    width: 15px;
    height: 13px;
    background-image: url("../images/almaz-hybrid/Vector.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    position: absolute;
    right: 15px;
    top: 40%;
}

.dropdown-select-wrapper {
    display: none;
    width: 85%;
    margin: 0 auto 40px;
    position: relative;

}

#dropdown-select-1 option {
    background-color: transparent;
}

#dropdown-select-1:focus-visible {
    outline: none;
}

.dropdown-select-wrapper select {
    /* text-align: center;
    text-align-last: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center; */
    width: 100%;
    height: 50px;
    font-size: 100%;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0;
    background: none;
    border: none;
    border-bottom: 5px solid #384967;
    color: white;
    appearance: none;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
    color: #697187;
    font-size: 18px;
}

/* For IE <= 11 */
.dropdown-select-wrapper select::-ms-expand {
    display: none;
}

.dropdown-select-wrapper select:hover,
.dropdown-select-wrapper select:focus {
    color: #697187;
    background-color: white;
    border-bottom-color: #384967;
}

.dropdown-select-wrapper select+i.fa {
    background: none;
    position: absolute;
    right: 20px;
    top: 30%;
    color: white;
}

.dropdown-select-wrapper select:focus select+i.fa {
    color: black;
}

.mobile-hide {
    display: none;
}

@media screen and (max-width: 1199px) {
    .main-products .specs__tab .nav.nav-tabs {
        width: 100%;
    }

    .specs__tab .m-scroll {
        display: block;
    }

    .wrapper-variant {
        padding-bottom: 50px;
    }

    .information {
        display: none;
    }

    .dropdown-select-wrapper {
        display: block;
    }

    .color-variant .variant-control-wrapper {
        background-color: #ffffff;
        padding-top: 0;
    }

    .variant-select-wrapper {
        padding: 10px 10px 0;
    }

    .variant-select-wrapper {
        margin: 0 auto 0 auto;
    }

    .variant-select {
        /* opacity: 1;
        position: relative;
        pointer-events: unset; */
    }

    .mobile-hide {
        display: block;
    }

    .desktop-hide {
        display: none;
    }

    .container {
        width: 100%;
    }

    .confero-wrapper-btn {
        position: relative;
    }

    .box-button-group {
        min-width: unset;
        width: 100%;
        max-width: 400px;
    }

    .btn-wrapper {
        padding: 0;
    }

    .section__banner .confero-wrapper-btn {
        width: 100%;
    }

    .banner-title {
        padding: 0;
    }

    .color-pick-container {
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
    }

    .color-pick,
    .color-pick:hover {
        padding: 0;
        text-align: center;
        margin-right: 0;
        width: auto;
        height: auto;
        max-width: unset;
        margin: 0;
    }

    .store-color-box {
        margin: 0;
        margin-right: 10px;
    }

    .color-variant .container {
        width: 100%;
        padding: 0;
    }

    .color-variant .variant-control-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .wrapper-galeri-btn {
        padding: 0 15px;
    }

    .wrapper-galeri-img {
        width: 100%;
        flex-direction: column;
        padding: 0 15px;
    }

    .galeri-big-img {
        width: 100%;
        padding-right: 0;
    }

    .galeri-small-img {
        width: 100%;
        padding-left: 0;
        padding-bottom: 50px !important;
    }

    .design-wrapper {
        display: flex;
        width: 100%;
        margin: auto;
        flex-direction: column-reverse;
        padding: 0 15px;
    }

    .design-img {
        width: 100%;
    }

    .design-content {
        width: 100%;
        padding: 0;
    }

    .feature-wrapper {
        display: flex;
        width: 100%;
        margin: auto;
        flex-direction: column;
        padding: 0 15px;
    }

    .feature-img {
        width: 100%;
    }

    .feature-content {
        width: 100%;
        padding: 0;
    }

    .anchor {
        /* display: none; */
        opacity: 0;
        position: absolute;
        /* pointer-events: none; */
    }

    .section_anchor {
        background-color: transparent;
        height: auto;
    }
}