.header {
    background-color: transparent !important;
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
    position: sticky;
    top: 0;
    z-index: 99999;
    background-color: #0E3EA0 !important;
}

.top-navbar {
    height: clamp(1px, 5.99vw, 230px);
}

.nav-item a {
    font-family: Aeonik Medium;
    text-decoration: none !important;
}

.swiper-button-next:focus-visible,
.swiper-button-prev:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(225, 225, 225, .25);
}

button:focus-visible,
a:focus-visible,
.nav-link:focus-visible{
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(225, 225, 225, .25);
}

.nav-item.active {
    border-bottom: 2px solid #FFFFFF;
}

.PGS-logo-white img {
    width: clamp(1px, 14.219vw, 546px);
}

.header-70 {
    width: 70vw !important;
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
}

.close-white-btn{
	height: 15px !important;
}

/* Products  */

/* .modal-backdrop {
    --bs-backdrop-zindex: 0 !important;
} */

.modal-backdrop {
    --bs-backdrop-zindex: 1040 !important;
    background-color: rgba(0, 0, 0, 0.8);
}

.modal {
    --bs-modal-bg: transparent !important;
    top: 0;
}

.products-modal .one {
    width: clamp(1px, 27.7vw, 1062px);
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.products-modal .one::-webkit-scrollbar {
    display: none;
}


.content-btn .arrow-black,
.content-btn .arrow-gray,
.content-btn .arrow-blue {
    display: none;
}

.content-btn .arrow-black {
    display: block;
}

.has-active .prod:not(.active),
.prod:hover,
.has-active .prod-categ:not(.active),
.prod-categ:hover {
    color: #999999 !important;
}

.has-active .prod:not(.active) .categ-btn,
.prod:hover .categ-btn {
    border: 2px solid #999999;
    color: #999999;
}

.has-active .prod-categ:not(.active) .content-btn .arrow-gray,
.prod-categ:hover .content-btn .arrow-gray {
    display: block !important;
}

.has-active .prod-categ:not(.active) .content-btn .arrow-black,
.prod-categ:hover .content-btn .arrow-black {
    display: none !important;
}

.border-top-2 {
    border-top: 1px solid #333333;
}

.border-right-2 {
    border-right: 1px solid #333333;
}

.categories.active {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #333333 !important;
    border-top: 1px solid #333333 !important;
}

.has-active .categories:not(.active),
.categories:hover .categories,
.a-categories.active .categories {
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
}


.categories {
    height: clamp(1px, 5.209vw, 200px);
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    margin-bottom: -1px;
    margin-top: -1px;
}

.close-btn,
.close-btn-m,
.close-btn-s,
.content-btn,
.search-close-btn {
    background-color: transparent !important;
    border: none !important;
    color: white;
}

.close-btn img {
    width: clamp(1px, 2.032vw, 78px);
    height: auto;
}

.content-btn img {
    width: clamp(1px, 3.334vw, 128px) !important;
    height: auto !important;
}

.categ-btn {
    background-color: transparent;
    border: clamp(1px, 0.2vw, 4px) solid #333333;
    width: clamp(1px, 1.9vw, 70px);
    height: clamp(1px, 1.9vw, 70px);
    border-radius: 100px;
}

.p-a.active .categ-btn {
    background-color: #076ABD !important;
    border: clamp(1px, 0.2vw, 4px) solid #076ABD !important;
}

.p-a.active .p-white {
    color: #FFFFFF;
}

.categories.active,
.categories.active {
    border-bottom: 1px solid #333333 !important;
    border-top: 1px solid #333333 !important;
}

.p-a.active .p-blue,
.c-a.active .c-blue {
    font-family: Aeonik Bold !important;
    color: #076ABD;
}

.c-a.active .content-btn .arrow-black,
.c-a.active .content-btn .arrow-gray {
    display: none !important;
}

.c-a.active .content-btn .arrow-blue {
    display: block !important;
}

.details-section,
.product-content {
    display: none;
    transition: all 0.3s ease-in-out;
}

.details-section.show,
.product-content.show {
    display: block;
}

@keyframes fade {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate_fade {
    animation: fade 1s ease 0s 1 normal forwards;
}

.categ-content {
    height: clamp(1px, 7.3vw, 138px);
}

.marine-img img {
    height: clamp(1px, 14.844vw, 570px);
    width: 100%;
    border-radius: 20px;
}

.contact-btn {
    width: clamp(1px, 9.636vw, 370px);
    height: clamp(1px, 3.125vw, 120px);
    border: 2px solid #FFFFFF;
    color: #FFFFFF !important;
    border-radius: 100px;
}

.contact-btn-active {
    border: 2px solid #076ABD;
    color: #076ABD !important;
}

.search-btn {
    background-color: transparent !important;
    border: none !important;
}

.search-btn:hover {
    background-color: white !important;
    border: none !important;
}

.close-btn.btn-sm {
    border: clamp(1px, 0.2vw, 4px) solid #FFFFFF !important;
}

.arrow-w {
    display: none;
}

.blue-btn-lg:hover .arrow-b {
    display: none;
}

.blue-btn-lg:hover .arrow-w {
    display: inline-block;
}

.search-white {
    background-image: url('../images/custom/H.H.F/Search.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: clamp(1px, 1.5vw, 30px);
    height: clamp(1px, 1.5vw, 30px);
}

.search-btn:hover .search-white {
    background-image: url('../images/custom/H.H.F/search-blue.svg') !important;
}

.search-blue {
    background-image: url('../images/custom/H.H.F/search-blue.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: clamp(1px, 2vw, 50px);
    height: clamp(1px, 2vw, 50px);
}

.contact-btn:hover {
    background-color: #F7F7F7 !important;
    color: #076ABD !important;
}

/* .wp-block-container {
    position: relative;
    box-sizing: border-box;
    transition-property: box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease;
} */

.bg-royal-blue-search {
    background-color: rgb(14, 62, 160, .95);
    height: clamp(1px, 22.344vw, 838px);
    z-index: 1 !important;
}

.search-modal .modal {
    --bs-modal-bg: rgb(0, 0, 0, 0.5) !important;
    top: 0;
}

.search-btn img {
    width: clamp(1px, 1.4vw, 26px);
    height: clamp(1px, 1.4vw, 26px);
}

.search-container input {
    width: clamp(1px, 39.063vw, 1500px) !important;
    height: clamp(1px, 3.386vw, 130px);
    padding: 0 clamp(1px, 2.083331vw, 80px);
    border: none !important;
    background: #F7F7F7;
    border-radius: 100px;
}

.btn-submit {
    border: none !important;
    border-radius: 100px;
    background: #F7F7F7 !important;
    padding: 0 clamp(1px, 0.4166665vw, 16px);
}

.btn-submit img {
    width: clamp(1px, 2.6042vw, 100px);
    height: clamp(1px, 2.6042vw, 100px);
}

.close-btn-arrow:hover .closed-blue {
    transform: scaleX(-1);
    display: block !important;
}

.close-btn-arrow:hover .closed-white {
    display: none !important;
}

.close-btn-arrow:hover {
    background-color: #FFFFFF !important;
}

.close-btn-arrow:hover label span {
    color: #076ABD !important;
}

/* header arrow animation */
.arrow,
.arrow-icon svg,
.blue-arrow-icon svg {
    width: clamp(1px, 1.771vw, 68px) !important;
    height: clamp(1px, 1.563vw, 60px) !important;
}

.close-btn:hover .blue-arrow-icon {
    display: block !important;
    transform: scaleX(-1);
}

#con-btn .arrow-icon,
#categ-btn .arrow-icon
{
    transform: scaleX(-1);
}

#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 99999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader {
    width: 50px;
    height: 50px;
    border: 5px solid #0E3EA0;
    border-top: 5px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.contact-btn-mob {
    width: 100%;
    /* height: 48px; */
    border: 2px solid #FFFFFF !important;
    background-color: #FFFFFF;
    color: #0E3EA0 !important;
}


.view-product-btn .arrow-product-blue,
.view-product-btn .arrow-product-white {
    width: clamp(1px,1.771vw,68px);
    height: auto;
}

.view-product-btn:hover .arrow-product-blue {
    display: none;
}

.view-product-btn:hover .arrow-product-white {
    display: block !important;
}

@media (max-width:767px) {
    .nav-item.active {
        border-bottom: none;
    }

    .nav-item a {
        font-family: Aeonik Regular !important;
    }

    .nav-item.active a {
        font-family: Aeonik Bold !important;
    }

    .top-navbar {
        height: clamp(1px, 16.28vw, 115px);
    }

    .PGS-logo-white img {
        width: clamp(1px, 32.094vw, 273px);
    }

    .btn-submit-m,
    .search-btn-m,
    .humburger-btn-m,
    .content-btn-m {
        border: none !important;
        background-color: transparent !important;
    }

    .close-btn-m {
        width: clamp(1px, 6.98vw, 50px);
        /* height: auto; */
        height: 48px;
    }

    .arrow-white {
        width: clamp(1px, 9.303vw, 50px);
    }

    .close-btn img {
        width: clamp(1px, 9.1vw, 39px);
    }

    .sidenav .modal {
        --bs-modal-bg: #0E3EA0 !important;
        top: 0;
    }

    .search-modal-mob .modal {
        top: 0;
        --bs-modal-bg: #0E3EA0 !important;
    }

    .input-group input {
        width: clamp(1px, 66.77vw, 750px) !important;
        height: clamp(1px, 12.794vw, 65px);
        padding: 0 clamp(1px, 6.97675vw, 40px);
    }

    .btn-submit {
        padding: 0 clamp(1px, 1.5vw, 8px);
    }

    .btn-submit img {
        width: clamp(1px, 9.8vw, 50px);
        height: clamp(1px, 9.8vw, 50px);
    }

    .categ-btn {
        background-color: transparent;
        border: 1.5px solid #FFFFFF;
        width: clamp(1px, 6.98vw, 35px);
        height: clamp(1px, 6.98vw, 35px);
        border-radius: 100px;
    }

    body.modal-open .header .mob-logo {
        display: none !important;
    }

    body.modal-open .header.active {
        background-color: transparent !important;
    }

}