/*!
Theme Name: defense
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: defense
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

defense is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url("https://fonts.googleapis.com/css2?family=Alike&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alike&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@font-face {
    font-family: "Franklin Gothic Light";
    font-style: normal;
    font-weight: normal;
    src: local("Franklin Gothic Light"),
        url("./assets/fonts/Franklin Gothic LT Condensed Regular.otf") format("woff");
}

@font-face {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: normal;
    src: local("Franklin Gothic Condensed Demi"),
        url("./assets/fonts/Franklin_Gothic_Demi_Cond_Regular.ttf") format("woff");
}

@font-face {
    font-family: "Franklin Gothic Book";
    font-style: normal;
    font-weight: normal;
    src: local("Franklin Gothic Book"),
        url("./assets/fonts/Franklin_Gothic_Book_Regular.ttf") format("woff");
}

@font-face {
    font-family: "Franklin Gothic italic";
    font-style: normal;
    font-weight: normal;
    src: local("Franklin Gothic Book"),
        url("./assets/fonts/FranklinGothicITALIC.woff") format("woff");
}

body {
    font-family: "Libre Franklin";
}

/* Header */
.navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* Navbar background color */
body>nav.navbar .container {
    background-color: #00254D !important;
    padding: 30px 20px;
    border-radius: 50px;
}

body>nav.navbar .dropdown {
    margin: 0 5px;
}

body>nav.navbar .dropdown button {
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
}

/* Space adjustments for dropdown buttons */
.nav-link {
    color: #fff;
    background: #fff;
    color: #00254D;
    border-radius: 50px;
}

/* Header End */
#masthead {
    box-shadow: 0px 4px 8px #888888;
}

#masthead .fullBG {
    background-color: #01254C;
    padding: 0.8em 0;
}

#masthead .fullBG a {
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    /*     margin: 0 1em; */
}

#masthead .fullBG a i {
    padding-right: 0.5em;
}

#masthead .NavBar {
    background-color: #ECEEF5;
    padding: 1em 0;
}

#masthead .NavBar a.nav-link {
    color: #01254C;
    font-family: "Franklin Gothic";
    font-size: 1rem;
    margin: 0 0.75em;
    font-weight: 500;
}

#masthead .NavBar li.nav-item {
    margin: 0 0px 0 0;
    display: inline-block;
    height: auto;
    vertical-align: middle;
}

#hero_section {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

#videobcg_hero {
    position: absolute;
    z-index: -100;
    background-position: center;
    width: 219.828vmin;
    height: 123.828vmin;
}

#ClientsWeWorkWith {
    z-index: 0;
    position: relative;
}

#hero_section h1 {
    position: relative;
    z-index: 5;
}

h1 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 4rem;
    margin: 0;
    text-align: center;
    color: #FFFFFF;
}

h3 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
    margin: 0;
    text-align: center;
    color: #FFFFFF;
}

.text-box p {
    font-family: "Franklin Gothic Book";
    font-weight: 500;
    font-size: 16.3125px;
    line-height: 28px;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #FFFFFF;
}

a.CTAHomePage {
    background: #FFFFFF;
    border: 3px solid #2B5677;
    border-radius: 116.5px;
    font-family: "Franklin Gothic";
    font-style: normal;
    font-size: 18.64px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.3495px;
    color: #00254D;
    text-decoration: none;
    padding: 14px 64px;
    font-weight: 500;
    margin: auto;
    width: -moz-max-content;
    width: max-content;
    display: block;
}

.CTAHomePage:hover {
    background-color: #00254D;
    color: #fff;
    border: 3px solid #00254D;
}

.social_media_icons {
    display: flex;
    justify-content: end;
}

.social_media_icons ul {
    list-style: none;
}

.social_media_icons ul li {
    margin: 5px;
}

#marquee .marqueeParent {
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#marquee .marqueeParent .marquee {
    height: 5vw;
    width: 100%;
    position: relative;
}

#marquee .marqueeParent .marquee div:hover {
    transition-duration: 200ms;
    animation-play-state: paused;
}

#marquee .marqueeParent .marquee div {
    align-items: center;
    padding: 1.2rem;
    background: #01254c;
    color: #fff;
    font-size: 3vw;
    width: 200%;
    overflow: hidden;
    animation: marquee 40s linear infinite;
    position: absolute;
    display: flex;
}

#marquee .marqueeParent .marquee div span {
    font-family: 'Franklin Gothic Book';
    margin: 0 2rem;
    font-size: 24px;
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

.social_media_icons ul li a {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 2px 2px rgba(7, 11, 15, 0.12), inset 0px 0.75px 0px rgba(255, 255, 255, 0.12);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 1536px;
    width: 40px;
    height: 40px;
    justify-content: center;
    display: flex;
    align-content: center;
    align-items: center;
}

.social_media_icons ul li a:hover {
    background-color: #00254D;
    color: #fff;
}

.social_media_icons ul li a i {
    color: #ffffff;
}

#CTA_section .container-small {
    width: 70%;
    margin: 0 auto;
    margin-top: -9rem;
    padding: 2rem 3.5rem;
    background: #F1F2F3;
    border-radius: 30px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 45% 100%;
    z-index: 9999;
    position: relative;
}

#CTA_section .container-small p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #00254D;
    justify-content: flex-start;
    text-align: left;
}

#CTA_section .container-small p::before {
    content: "";
    width: 48px;
    height: 1px;
    background: #00254D;
    margin-right: 14px;
}

#CTA_section .container-small ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    padding-left: 11px;
}

#CTA_section .container-small ul li {
    list-style: none;
    flex-direction: row;
    display: flex;
    align-items: center;
    margin: 5px 0;
}

#CTA_section .container-small ul li img {
    background: #FFFFFF;
    border-radius: 2px;
    width: 50px;
    height: 50px;
    padding: 10px;
    margin-right: 15px;
}

#CTA_section .container-small ul li h5 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 800;
    font-size: 24.5835px;
    line-height: 34px;
    display: flex;
    align-items: center;
    color: #00254D;
    margin: 0;
}

#CTA_section .container-small .text-box {
    padding: 2rem 0;
}

#CTA_section .container-small .text-box h5 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 39.375px;
    line-height: 52px;
    color: #FFFFFF;
}

#CTA_section .container-small .text-box h5 span {
    background: #00254D;
}

#CTA_section .container-small .text-box a {
    background: #FFFFFF;
    border: 3px solid #2B5677;
    border-radius: 116.5px;
    font-family: "Franklin Gothic";
    font-style: normal;
    font-size: 18.64px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.3495px;
    color: #00254D;
    text-decoration: none;
    padding: 10px 64px;
    font-weight: 500;
    margin: 0;
    margin-top: 1.5rem;
}

#CTA_section .container-small .text-box a:hover {
    background-color: #00254D;
    color: #fff;
    border: 3px solid #00254D;
}

.servic_div span {
    font-family: "Inter";
    font-size: 16.45px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #2B5677;
}

.servic_div {
    position: relative;
}

#ourServices .servic_div .line {
    position: absolute;
    width: 52px;
    height: 0.3vmin;
    background: #2b5677;
    top: 1vmin;
    left: 22%;
}

#ourServices .slick-next {
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    transform: translateY(-50%);
    top: -4%;
    border-radius: 0;
}

#ourServices .slick-prev {
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -16%;
    position: absolute;
    transform: translateY(50%);
    left: 90.5%;
    border-radius: 0;
}

#ourServices .servic_div h2 {
    text-align: left;
    color: #00254D;
    font-family: Inter;
    font-weight: 700;
    font-size: 48.85px;
    line-height: 62px;
    letter-spacing: 0%;
    width: 80%;
}

.servic_div p {
    font-family: "Inter";
    font-size: 16.31px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #6A718A !important;
}

.container .slick-slider .card {
    padding: 16px;
    border: none;
    background-color: #EBEBEB;
    border-radius: 0;
    text-align: left;
    margin: 10px;
    height: 35vmin !important;
}

.slick-dots {
    display: none;
}

.container .icon-image {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
}

.container .slick-slider .card h5 {
    font-family: "Inter";
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
    color: #00254D;
}

.container .slick-slider .card p {
    font-family: "Inter";
    font-size: 13.08px;
    font-weight: 500;
    line-height: 28px;
    color: rgba(9, 39, 76, 0.8);
}

#ourServices {
    padding: 7.323vmin;
    display: flex;
}

.container .slick-slider .card a {
    font-family: "Inter";
    font-size: 16.73px;
    font-weight: 600;
    line-height: 28px;
    color: #2B5677;
    border-radius: 116.5px;
}

.container .slick-slider .card a:hover {
    background-color: #00254D;
    color: #fff;
    border: 3px solid #00254D;
    border-radius: 116.5px;
}

#ourServices .servic_div a {
    background-color: #2B5677;
    color: #fff;
    margin: 0;
}

#ourServices .servic_div a:hover {
    background-color: #00254D;
    color: #fff;
    border: 3px solid #00254D;
}

.slider-container {
    overflow: hidden;
    white-space: nowrap;
    /*     margin: 70px 0; */
    width: 100%;
    max-width: 100%;
    background-color: #00254D;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.slider {
    display: flex;
    animation: scroll 15s linear infinite;
}

.slider img {
    width: 100%;
    margin: 0 15px;
    transition: transform 0.3s;
}

/* Keyframes for smooth scrolling */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

footer {
    background: #00254D;
    padding: 4.44rem 0 1.5rem;
}

.security img {
    width: 100%;
}

.about_div {
    background-color: #00254D;
    padding: 20px 60px;
    color: #fff;
    margin-left: -80px;
    margin-right: 80px;
    margin-top: 55px;
}

.about_div ul {
    padding: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
}

.about_div span {
    font-family: "Inter";
    font-size: 10.14px;
    font-weight: 500;
    line-height: 13.45px;
    text-align: left;
}

.about_div hr {
    width: 30%;
    height: 2px;
    background-color: #fff;
}

.about_div h2 {
    font-family: "Inter";
    font-size: 29.67px;
    font-weight: 700;
    color: #fff;
    line-height: 37.9px;
    text-align: left;
}

.about_div ul li {
    background-image: url(assets/images/tick.png);
    background-repeat: no-repeat;
    list-style-type: none;
    font-family: "Inter";
    font-size: 13.41px;
    font-weight: 500;
    line-height: 18.34px;
    text-align: left;
    padding-left: 18px;
    background-position-y: 2px;
    margin: 10px 0;
}

.prnt {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.chld_prnt {
    display: flex;
    gap: 10px;
}

.chld_prnt h4 {
    font-weight: 700;
    margin-top: -5px;
    margin-bottom: 0;
}

.chld_prnt p {
    font-family: "Inter";
    font-size: 9.97px;
    font-weight: 500;
    line-height: 13.45px;
    text-align: left;
}

#amr_sec {
    background-image: url(assets/images/Section.png);
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}

.special h2 {
    font-family: "Inter";
    font-size: 48.95px;
    font-weight: 700;
    line-height: 62px;
    text-align: left;
    color: #fff;
}

.discover_btn {
    display: flex;
    justify-content: center;
}

#amr_sec .bdr_btm {
    border-bottom: 1px solid #fff;
    padding-bottom: 25px;
}

.discover_btn a {
    font-family: "Inter";
    font-size: 16.88px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    padding: 15px 30px;
    border-radius: 50px;
    background-color: #fff;
    text-decoration: none;
    color: #00254D;
    border: 1px solid #fff;
}

.discover_btn a:hover {
    background-color: #00254D;
    color: #fff;
    border: 1px solid #fff;
}

.custom-slider .slick-arrow {
    position: relative !important;
    background: white;
    color: #00254d;
    width: 3rem;
    height: 3rem;
    border-radius: 0;
    bottom: unset;
    display: flex;
    justify-content: center;
    align-content: center;
}

.custom-slider .slick-arrow.slick-prev {
    top: -0.8rem;
    left: 90%;
}

.custom-slider .slick-arrow.slick-prev:hover {
    background: #00254D;
    color: #fff;
    border: 1px solid #fff;
}

.custom-slider .slick-arrow.slick-next:hover {
    background: #00254D;
    color: #fff;
    border: 1px solid #fff;
}

.custom-slider .slick-arrow.slick-next {
    top: -25.7rem;
    right: -95%;
}

.custom-slider .slick-arrow:hover {
    background: #00254d;
    color: #fff;
    border: 1px solid #fff;
}

.custom-slider-item {
    position: relative;
    margin-right: 15px;
    /* Add gap between items */
}

.custom-slider-item img {
    width: 100%;
    height: 375px;
    -o-object-fit: cover;
    object-fit: cover;
}

.custom-slider-item .custom-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(180deg, rgba(43, 86, 119, 0) 25%, #00254d 88%, #00254d 100%);
    opacity: 0.7;
}

.custom-slider-item .custom-content {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    z-index: 2;
    margin: 10px;
}

.custom-slider-item .custom-content h3 {
    font-family: "Inter";
    font-size: 24.23px;
    font-weight: 600;
    line-height: 26.18px;
    text-align: left !important;
}

.custom-slider-item .custom-content p {
    font-family: "Inter";
    font-size: 15.38px;
    font-weight: 500;
    line-height: 26.18px;
    text-align: left !important;
}

.custom-content {
    display: flex;
}

.inn_one {
    width: 100%;
    text-align: end;
    margin: auto;
}

/* Slick Slider Arrow Styles */
.slick-prev,
.slick-next {
    font-size: 24px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 10px;
    z-index: 2;
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.slick-prev:before,
.slick-next:before {
    color: #fff;
    /* Ensure icons are white */
    font-size: 30px;
    /* Adjust arrow size */
}

.slick-prev:hover,
.slick-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.custom-content .btn {
    font-family: "Inter";
    font-size: 15.64px;
    font-weight: 600;
    line-height: 26.18px;
    text-align: left;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 50px;
}

.custom-content .btn:hover {
    background-color: #00254D;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
}

#artical {
    background-image: url(assets/images/artical.png);
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}

.news_art {
    padding-right: 90px;
}

.news_art span {
    font-family: "Inter";
    font-size: 16.45px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #2B5677;
}

.news_art h2 {
    font-family: "Inter";
    font-size: 48.75px;
    font-weight: 700;
    line-height: 62px;
    text-align: left;
    color: #00254D;
}

.informed {
    padding-right: 160px;
}

.informed p {
    font-family: "Inter";
    font-size: 16.31px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #6A718A;
    margin-bottom: 30px;
}

.informed a {
    font-family: "Inter";
    font-size: 16.88px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    padding: 15px 30px;
    border-radius: 50px;
    background-color: #00254D;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
}

.informed a:hover {
    background-color: #fff;
    color: #00254D;
    border: 1px solid #00254D;
}

#artical .card {
    padding: 25px;
}

#artical .card h5 {
    font-family: "Inter";
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    text-align: left;
    color: #00254D;
}

#artical .card a {
    font-family: "Inter";
    font-size: 16.73px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    color: #2B5677;
    border-radius: 50px;
}

#artical .card a:hover {
    color: #fff;
    background-color: #00254D;
    border: 1px solid #fff;
    border-radius: 50px;
}

#artical .card span {
    font-family: "Inter";
    font-size: 16.17px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
}

#innovations {
    background-image: url(assets/images/stayImg.png);
    background-position: center;
    background-size: cover;
    padding: 70px 0;
}

.stay_div span {
    font-family: "Inter";
    font-size: 16.31px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    display: flex;
    justify-content: center;
    color: #00254D;
}

.stay_div h2 {
    font-family: "Inter";
    font-size: 48.34px;
    font-weight: 700;
    line-height: 62px;
    text-align: center;
    color: #00254D;
    padding-bottom: 30px;
}

#innovations .image-column img {
    width: 100%;
    margin-bottom: 15px;
    height: 370px;
    object-fit: cover;
}

#innovations .center-image {
    display: flex;
    align-items: center;
    height: 100%;
}

#innovations .center-image img {
    width: 100%;
}

.gallery {
    height: 370px;
    background-color: #00254D;
    padding: 100px 30px;
}

.gallery:hover {
    background-color: #fff;
    color: #00254D;
    border: 1px solid #00254D;
}

.gallery:hover a {
    color: #00254D;
}

.gallery a {
    font-family: "Inter";
    font-size: 40.14px;
    font-weight: 700;
    color: #fff;
    line-height: 53px;
    text-align: left;
    text-decoration: none;
}

footer p {
    margin-top: 0.91rem;
    margin-bottom: 0.88rem;
    color: #FFF;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
}

footer h3 {
    color: var(--White-Color, #FFF);
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
}

footer .firstCol ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .firstCol ul li {
    margin: 0.5rem;
}

footer .firstCol ul li img {
    background: var(--secondary-color, #2B5677);
    padding: 0.5rem;
}

footer .seconCol ul,
footer .thridCOl ul {
    padding: 0;
    margin: 0;
    color: #fff;
    padding-left: 2.08rem;
    padding-top: 1rem;
}

footer .seconCol ul li,
footer .thridCOl ul li {
    margin-bottom: 0.19rem;
}

footer .seconCol ul li::marker,
footer .thridCOl ul li::marker {
    width: 0.1rem;
    height: 0.1rem;
}

footer .seconCol ul li a,
footer .thridCOl ul li a {
    color: var(--White-Color, #FFF);
    text-align: center;
    font-family: "Franklin Gothic Book";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem;
    text-decoration: none;
}

footer .fourthCol .address {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-start;
}

footer .fourthCol .address img {
    margin-top: 0.3rem;
    margin-right: 0.5rem;
}

footer .fourthCol .address p {
    margin: 0;
    color: #FFF;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}

footer .fourthCol .email {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-start;
}

footer .fourthCol .email img {
    margin-top: 0.3rem;
    margin-right: 0.5rem;
}

footer .fourthCol .email a {
    margin: 0;
    color: #FFF;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
}

footer .fourthCol .phone {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-start;
}

footer .fourthCol .phone img {
    margin-top: 0.3rem;
    margin-right: 0.5rem;
}

footer .fourthCol .phone a {
    margin: 0;
    color: #FFF;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}

footer .Copyright {
    margin-top: 2rem;
    border-top: 0.0625rem solid #fff;
    padding-top: 1.5rem;
    color: #fff;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}

footer .Copyright P {
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    text-align: center;
    margin: 0
}

/*======== Family Page Start ======= */
#menu_list ul {
    display: inline-flex;
    gap: 5px;
    padding: 0 10px;
    margin: 20px 0;
}

#menu_list ul li {
    font-family: "Libre Franklin";
    font-size: 12px;
    font-weight: 400;
    line-height: 25.6px;
    text-align: left;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    list-style-type: none;
    color: #00254D;
}

#menu_list ul li a {
    font-family: "Libre Franklin";
    font-size: 12px;
    font-weight: 400;
    line-height: 25.6px;
    text-align: left;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    list-style-type: none;
    color: #00254D;
}

#menu_list ul li i {
    margin-left: 10px;
}

.marine_div h2 {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 36px;
    color: #292929;
    line-height: 43.2px;
    letter-spacing: -0.005em;
    text-align: left;
}

#marine div.marine_div h3 {
    font-family: "Franklin Gothic Condensed Demi";
    color: #00254D;
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-bottom: 0.5rem;
}

.marine_div h5 {
    font-family: "Franklin Gothic Book";
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    text-align: left;
    color: #666666;
    border-bottom: 2px dashed #A3A3A3;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.marine_div h4 {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.45rem;
    line-height: 24px;
    text-align: left;
    color: #292929;
}

.marine_div p {
    text-align: left;
    color: #666;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.img_hous .icn {
    display: flex;
    flex-direction: column;
}

.img_hous .icn i {
    font-size: 20px;
    background-color: rgba(216, 216, 216, 0.3882352941);
    padding: 15px;
    border-radius: 5px;
    margin: 5px 0;
}

.set_pc {
    display: flex;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

.set_pc p {
    margin: 0;
    padding-bottom: 5px;
    color: #000;
    font-family: "Franklin Gothic Book";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.set_pc h6 {
    font-family: "Franklin Gothic Book";
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    text-align: left;
    color: #666666;
}

#pc_detail {
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 70px;
    margin-bottom: 150px;
}

#pc_detail .postChild {
    background-color: #F2F2F2;
    margin-bottom: 2em;
}

.text_pc {
    margin-top: 1rem;
}

.text_pc p {
    color: #000;
    font-family: "Franklin Gothic Book";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px;
}

.text_pc p strong {
    color: #000;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.text_pc button {
    padding: 0.625rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    background-color: #00254D;
    color: #fff;
    padding: 8px 20px;
    border-radius: 30px;
    border: 2px solid #00254D;
    color: var(--White-Color, #FFF);
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin-top: 1.5rem;
}

.postChild .text_pc button {
    margin-top: 0.7rem;
}

.text_pc select {
    background-color: transparent;
    color: #00254D;
    margin-left: 4rem;
    padding: 8px 20px;
    border-radius: 30px;
    border: 2px solid #00254D;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
}

.text_pc select option {
    font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

#fot_loog {
    background-color: #F2F2F2;
    padding: 70px 0;
}

.logo_fot {
    display: flex;
    justify-content: space-between;
    margin: auto;
}

/* ======== Single Product start ======= */
/* Custom styling for the product page */
.product_img_column .thumbnail-slider .nav-img {
    padding: 1rem;
    border-radius: 0.5rem;
    background: #F2F2F2;
    min-height: 7rem;
    margin: 5px;
    min-height: 7rem;
}

.dimensions-table.mt-3 .table-responsive {
    border-radius: 1.875rem;
}

.product_img_column .thumbnail-slider .slick-prev.slick-arrow {
    border-radius: 0.5rem;
    background: #F2F2F2;
    border: none;
    color: #0d3056;
    font-size: 13px;
    padding: 1.2rem 1.5rem;
    position: relative;
    left: 21em;
    top: -12em;
}

.product_img_column .thumbnail-slider .slick-next.slick-arrow {
    border-radius: 0.5rem;
    background: #F2F2F2;
    border: none;
    color: #0d3056;
    font-size: 13px;
    padding: 28px;
    position: relative;
    left: 21em;
    top: -19em;
}

.product_img_column .product_gallery img {
    display: flex;
    width: 28.625rem;
    padding: 6.875rem 1.4375rem 6.9375rem 2.625rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 0.5rem;
    border: 1px solid #E6E4E4;
    background: #F2F2F2;
    height: 32em;
    object-fit: contain;
}

a.shareIcon {
    display: inline-block;
    border-radius: 0.5rem;
    background: #F2F2F2;
    border: none;
    color: #0d3056;
    font-size: 13px;
    padding: 1.8rem 1.7rem;
}

a.favIcon {
    display: inline-block;
    border-radius: 0.5rem;
    background: #F2F2F2;
    border: none;
    color: #0d3056;
    font-size: 13px;
    padding: 1.8rem 1.7rem;
    margin-top: 1rem;
}

.product_det .product-title {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 36px;
    color: #292929;
    line-height: 43.2px;
    letter-spacing: -0.005em;
    text-align: left;
    margin-top: 0.7rem;
}

.product_det h5 {
    text-align: left;
    color: #666;
    font-family: "Franklin Gothic Book";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.product_det h3 {
    font-family: "Franklin Gothic Light";
    color: #292929;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    margin-top: 20px;
}

.product_det p {
    text-align: left;
    color: #666666;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.product_det a.getAQuote {
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 0.625rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    margin-top: 2.13rem;
    margin-bottom: 2.44rem;
    display: inline-block;
    cursor: pointer;
}

.cate_div {
    margin: 10px 0;
    padding: 10px;
    background-color: #F2F2F2;
    width: 100%;
}

.product-price {
    color: #ff5722;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.product-description,
.specifications-heading,
.category-heading,
.type-heading {
    text-align: left;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: unset;
    margin-bottom: 0;
}

.cate_div h4 {
    color: #00254D;
}

.cate_div i {
    padding: 6px 7px;
    border: 2px solid #00254D;
    font-size: 16px;
    border-radius: 50px;
}

.speci_icn {
    margin: auto 0;
}

.product-img {
    width: 100%;
    height: 5em;
    object-fit: contain;
}

.thumbnail-img {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.2s;
}

.thumbnail-img:hover {
    transform: scale(1.1);
}

.thumbnail-slider {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 15px;
    flex-wrap: wrap;
}

.action-buttons a {
    text-decoration: none;
    margin: 0px;
    background-color: transparent;
    display: flex;
    padding: 0.425rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 3.125rem;
    border: 1px solid #00254D;
    color: #00254D;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.product_det span {
    text-align: left;
    color: #8F8F8F;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.01rem;
    /*! text-align: left; */
}

.action-buttons .specific {
    margin: auto 0;
}

.fa-file-pdf {
    border: none !important;
    font-size: 20px !important;
}

/* ========= Collection Page Start ======= */
#collect_sec h1 {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 44px;
    font-weight: 700;
    padding: 0;
    line-height: 48.4px;
    text-align: left;
}

.cat_spn {
    border: 1px solid;
    padding: 4px 22px;
    border-radius: 50px;
    margin: 0 0.8rem;
}

.cat_spn span {
    font-family: "Franklin Gothic Book";
    font-size: 10.4px;
    font-weight: 400;
    line-height: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5199999809px;
    text-align: left;
    color: #2B5677;
}

.cat_spn p {
    font-family: "Franklin Gothic Book";
    font-size: 14.4px;
    color: #2B5677;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    margin: 0;
}

.mirn_btn {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 0;
}

.mirn_btn i {
    font-size: 1.5rem;
    color: #BCBEC0;
    font-weight: 400;
}

.btm_bdr .row {
    border-bottom: 1px solid #BCBEC0;
    padding: 40px 0;
    margin-left: 20px;
}

.border_right {
    border-right: 1px solid #BCBEC0;
}

.box_img {
    display: flex;
    gap: 20px;
}

.box_img span {
    font-family: "Franklin Gothic Light";
    font-size: 12px;
    font-weight: 500;
    line-height: 13.2px;
    letter-spacing: 0.6000000238px;
    color: #666666;
    text-transform: uppercase;
}

.box_img h3 {
    font-family: "Franklin Gothic Light";
    font-size: 17.6px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: left;
    color: #01254C;
}

.box_img p {
    font-family: "Franklin Gothic Light";
    font-size: 14.4px;
    font-weight: 400;
    line-height: 20.16px;
    text-align: left;
    color: #01254C;
}

#Categri {
    margin-top: 40px;
}

#Categri .container {
    border-top: 1px solid;
    padding-top: 30px;
}

.stock_btn p {
    font-family: "Franklin Gothic Light";
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    text-align: left;
    color: #4C7D2C;
}

.stock_btn button {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    background-color: #01254C;
    border-radius: 30px;
    color: #fff;
    padding: 6px 13px;
    margin-bottom: 10px;
}

/* ===== Collection Page Grid ====== */
.sidebar {
    border-right: 1px solid #ddd;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
}

/* Card styling */
.card-box {
    margin: 15px 0;
}

.card-img-top {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.card-box img {
    padding: 20px 0;
    width: 100%;
}

.card-box h5 {
    font-size: 13px;
    font-weight: 600;
    line-height: 15.6px;
    text-align: left;
    color: #03195a;
}

.card-box p {
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #595c60;
}

.card-box a:not(.exempt_style) {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 14.73px;
    font-weight: 400;
    line-height: 18.41px;
    text-align: center;
    padding: 10px 20px;
    background-color: #00254d;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
    border: none;
}

.accordion-button {
    background-color: #f5f5f5;
    padding: 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Franklin Gothic Medium";
    font-size: 16px;
    font-weight: 400;
    color: #00254D;
    line-height: 19.2px;
    text-align: left;
    text-transform: uppercase;
}

.accordion-body ul li {
    list-style-type: none;
    font-family: "Franklin Gothic Book";
    font-size: 13px;
    font-weight: 400;
    padding: 10px 0;
    color: #000;
    line-height: 20px;
    text-align: left;
}

.accordion-item {
    margin: 10px 0;
}

.prodcut_title span {
    font-family: "Inter";
    font-size: 16.31px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #00254D;
    display: flex;
    justify-content: center;
}

.prodcut_title h2 {
    font-family: Inter;
    font-size: 48.34px;
    font-weight: 700;
    line-height: 62px;
    margin-bottom: 25px;
    text-align: center;
    color: #00254D;
}

.product-card {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 15px;
    text-align: center;
    background: #ECECEC;
    margin: 10px;
}

.product-card img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    background: #fff;
    padding: 57px;
    height: 270px;
    width: 275px;
    border-radius: 20px;
    object-fit: cover;
}

.product-card a.btn {
    background-color: #00254D;
    color: white;
    border: none;
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    border: 1px solid transparent;
    padding: 10px 20px;
}

.product-card a.btn:hover {
    background-color: #fff;
    color: #00254D;
    border: 1px solid #00254D;
}

.product-slider .product-card h5 {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 16px;
    font-weight: 600;
    line-height: 18.24px;
    color: #000000;
    text-align: left;
    padding: 10px 0;
}

.product-card button:hover {
    background-color: #00254D;
    color: #fff;
}

.product-slider .slick-slide {
    margin: 0 10px;
}

.product-slider .slick-list {
    margin: 0 -10px;
}

.product-slider .slick-prev {
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.slick-next {
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.product-slider .slick-prev:hover,
.slick-next:hover {
    color: #fff;
    background: #00254D;
    border: 1px solid #00254D;
}

.product-slider .slick-prev {
    left: -45px;
}

.product-slider .slick-next {
    right: -45px;
}

.product-slider .slick-dots {
    display: none !important;
}

.slick-dots {
    display: none !important;
}

.dex_btn {
    margin: 50px 0;
    display: flex;
    justify-content: center;
}

.dex_btn a {
    font-family: Inter;
    font-size: 16.88px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color: #2B5677;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 50px;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .product-title {
        font-size: 1.5rem;
    }

    .thumbnail-slider {
        justify-content: flex-start;
    }

    .thumbnail-img {
        width: 60px;
        height: 60px;
    }

    .product-description,
    .specifications-heading,
    .category-heading,
    .type-heading {
        margin-top: 15px;
        font-size: 1rem;
    }

    .action-buttons {
        display: flex;
        flex-direction: column;
    }

    .action-buttons button {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 600px) {
    #qbp-floating-quote {
        position: sticky;
        margin-left: 63%;
    }

    #tables_view table tbody th {
        font-size: 13px;
    }

    #tables_view table tbody td {
        font-size: 13px;
    }

    footer .seconCol h3 {
        padding-top: 1rem;
    }

    footer .thridCOl ul {
        padding-top: 0;
        padding-bottom: 1rem;
    }

    footer .thridCOl h3 {
        display: none;
    }
}

.tab-container {
    display: inline-block;
}

.tab-content {
    margin-bottom: 2em;
}

#pc_detail .container {
    padding: 0;
}

#pc_detail table,
#pc_detail th,
#pc_detail td {
    border: 2px solid white;
}

#pc_detail table {
    width: 100%;
    text-align: left;
    overflow: hidden;
}

#pc_detail table tr {
    background: #D9D9D9;
}

#pc_detail table tr:hover {
    background: #fff;
    transform: scale(1.01);
}

#pc_detail tr:hover td {
    border: 2px solid #D9D9D9 !important;
    ;
}

#pc_detail .compare .svg-logo {
    margin: 6px 0;
    height: unset !important;
    width: unset !important;
}

#pc_detail .compare .aero-quip.svg-logo {
    margin-bottom: 10px;
    margin-top: -9px;
}

#pc_detail table th {
    color: #000;
    font-size: 1.125rem;
    font-family: "Franklin Gothic Book";
    font-style: normal;
    padding: 3px 11px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
}

#pc_detail table td {
    padding: 3px 11px;
    text-align: center;
    vertical-align: middle;
}

#pc_detail table td a {
    color: #00254d;
    display: block;
}

#pc_detail .tab-content.compare table th {
    font-size: 12px;
    padding: 3px;
    font-weight: 600;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

#pc_detail .tab-content.compare h3 {
    text-align: left;
}

#pc_detail .tab-content.compare .rightAeroQuip h3 {
    text-align: right;
}

#pc_detail .tab-content.compare table td {
    padding: 3px 4px;
    font-size: 12px;
    text-align: center;
}

#pc_detail .tab-content.compare h3.familyName {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.6em;
    color: #292929;
    line-height: 43.2px;
    letter-spacing: -0.005em;
    border-right: 4px solid black;
}

#pc_detail .tab-content.compare .equalComparison h5 {
    font-size: 14px;
    font-weight: 700;
    width: 70%;
}

#pc_detail .tab-content.compare .productName {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 36px;
    color: #292929;
    letter-spacing: -0.005em;
    margin: 0;
    margin-top: 10px;
}

#pc_detail .tab-content.compare h5.Description {
    font-family: "Franklin Gothic Book";
    font-size: 25px;
    color: #7d7979;
    font-weight: 600;
}

#pc_detail .tab-content.compare h3.skus_compar {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 30px;
    color: #000;
    margin: 5px 0;
}

#pc_detail .tab-content.compare h4.group {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 25px;
    color: #000;
}

#pc_detail .tab-content.compare h4.group-detail {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 25px;
    color: #000;
}

#pc_detail .tab-content.compare h4.relatedFamilies strong {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 20px;
    color: #000;
    font-weight: 500;
}

#pc_detail .tab-content.compare h4.relatedFamilies {
    font-family: "Franklin Gothic Book";
    font-size: 20px;
    color: #292929;
    margin-top: 20px;
    margin-bottom: 40px;
}

#pc_detail .tab-content.compare .col-md-6:nth-child(1) {
    border-left: 1.8rem #00254D solid;
    padding-left: 3rem;
}

#pc_detail .tab-content.compare .col-md-6:nth-child(2) {
    border-right: 1.8rem #d2232a solid;
    padding-right: 3rem;
}

#pc_detail .tab-content.compare .rightAeroQuip {
    text-align: right;
}

#pc_detail .tab-content.compare .rightAeroQuip h3.familyName {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.6em;
    color: #292929;
    line-height: 1em;
    letter-spacing: -0.005em;
    text-align: right;
    border-right: none;
    border-left: 4px solid black;
}

#pc_detail .tab-content.compare .rightAeroQuip .equalComparison {
    display: flex;
    justify-content: end;
}

#pc_detail table+select {
    background: #D9D9D9;
    padding: 0.36rem 3.38rem 0.36rem 1rem;
    border: none;
    margin: 1rem 0;
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
}

.dropMenu {
    position: absolute;
    background: #D9D9D9;
    width: 76em;
    margin-top: 2rem;
    padding: 3rem 2.37rem;
    border-radius: 30px;
    min-height: 56vh;
    left: -27%;
}


/*# sourceMappingURL=style.css.map */
#codepen_mega_menu *,
#codepen_mega_menu :after,
#codepen_mega_menu :before {
    box-sizing: border-box;
}

#codepen_mega_menu .clearfix:after,
#codepen_mega_menu .clearfix:before {
    content: '';
    display: table;
}

#codepen_mega_menu .clearfix:after {
    clear: both;
    display: block;
}

#codepen_mega_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#codepen_mega_menu a,
#codepen_mega_menu a:hover,
#codepen_mega_menu a.active,
#codepen_mega_menu a:active,
#codepen_mega_menu a:visited,
#codepen_mega_menu a:focus {
    color: #fefefe;
    text-decoration: none;
}

#codepen_mega_menu .content {
    display: flex;
    align-items: center;
}

#codepen_mega_menu .exo-menu>li {
    display: inline-block;
    /*float: left;*/
    /*! padding-left: 10.8125em; */
}

#codepen_mega_menu .exo-menu>li>a {
    color: #ccc;
    text-decoration: none;
    /*! text-transform: uppercase; */
    /*! border-right: 1px #365670 dotted; */
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}

#codepen_mega_menu .exo-menu>li>a.active,
#codepen_mega_menu .exo-menu>li>a:hover,
#codepen_mega_menu li.drop-down ul>li>a:hover {
    background: #01254c;
    color: #fff;
}

#codepen_mega_menu .exo-menu i {
    font-size: 15px;
    margin-left: 6px;
    line-height: 20px !important;
}

#codepen_mega_menu li.drop-down,
#codepen_mega_menu .flyout-right,
#codepen_mega_menu .flyout-left {
    position: relative;
}

#codepen_mega_menu li.drop-down:before {
    content: "\f103";
    color: #fff;
    font-family: FontAwesome;
    font-style: normal;
    display: inline;
    position: absolute;
    right: 6px;
    top: 20px;
    font-size: 14px;
}

#codepen_mega_menu li.drop-down>ul {
    left: 0px;
    min-width: 230px;
}

#codepen_mega_menu .drop-down-ul {
    display: none;
}

#codepen_mega_menu .flyout-right>ul,
#codepen_mega_menu .flyout-left>ul {
    top: 0;
    min-width: 230px;
    display: none;
    border-left: 1px solid #365670;
}

#codepen_mega_menu li.drop-down>ul>li>a,
#codepen_mega_menu .flyout-right ul>li>a,
#codepen_mega_menu .flyout-left ul>li>a {
    color: #fff;
    display: block;
    padding: 20px 22px;
    text-decoration: none;
    background-color: #365670;
    border-bottom: 1px dotted #547787;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}

#codepen_mega_menu .flyout-right ul>li>a,
#codepen_mega_menu .flyout-left ul>li>a {
    border-bottom: 1px dotted #b8c7bc;
}

#codepen_mega_menu .flyout-mega-wrap {
    top: 0;
    right: 0;
    left: 100%;
    width: 100%;
    display: none;
    height: 100%;
    padding: 15px;
    min-width: 742px;
}

#codepen_mega_menu h4.row.mega-title {
    color: #eee;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
}

#codepen_mega_menu .flyout-mega ul>li>a {
    font-size: 90%;
    line-height: 25px;
    color: #fff;
    font-family: inherit;
}

#codepen_mega_menu .flyout-mega ul>li>a:hover,
#codepen_mega_menu .flyout-mega ul>li>a:active,
#codepen_mega_menu .flyout-mega ul>li>a:focus {
    text-decoration: none;
    background-color: transparent !important;
    color: #ccc !important;
}

#codepen_mega_menu .mega-menu {
    left: 0;
    right: 0;
    padding: 15px;
    display: none;
    padding-top: 0;
    min-height: 100%;
}

#codepen_mega_menu h4.row.mega-title {
    color: #eee;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #547787;
    padding-top: 15px;
    background-color: #365670;
}

#codepen_mega_menu .mega-menu ul li a {
    line-height: 25px;
    font-size: 90%;
    display: block;
}

#codepen_mega_menu ul.stander li a {
    padding: 3px 0px;
}

#codepen_mega_menu ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

#codepen_mega_menu ul.description li span {
    color: #ccc;
    font-size: 85%;
}

#codepen_mega_menu a.view-more {
    border-radius: 1px;
    margin-top: 15px;
    background-color: #009fe1;
    padding: 2px 10px !important;
    line-height: 21px !important;
    display: inline-block !important;
}

#codepen_mega_menu a.view-more:hover {
    color: #fff;
    background: #0dadef;
}

#codepen_mega_menu ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009fe1;
    line-height: 35px !important;
}

#codepen_mega_menu ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}

#codepen_mega_menu .Blog {
    left: 0;
    display: none;
    color: #fefefe;
    padding-top: 15px;
    background: #547787;
    padding-bottom: 15px;
}

#codepen_mega_menu .Blog .blog-title {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}

#codepen_mega_menu .Blog .blog-des {
    color: #ccc;
    font-size: 90%;
    margin-top: 15px;
}

#codepen_mega_menu .Blog a.view-more {
    margin-top: 0px;
}

#codepen_mega_menu .Images {
    left: 0;
    width: 100%;
    display: none;
    color: #fefefe;
    padding-top: 15px;
    background: #547787;
    padding-bottom: 15px;
}

#codepen_mega_menu .Images h4 {
    font-size: 15px;
    margin-top: 0px;
    text-transform: uppercase;
}

#codepen_mega_menu .exo-menu>li::before {
    content: "";
    display: none;
    /* Hide by default */
}

#codepen_mega_menu .exo-menu>li.hover-before::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2240%22%20viewBox%3D%220%200%2025%2011%22%20fill%3D%22none%22%3E%3Cpath%20id%3D%22Subtract%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2010.6978H24.3659C24.1682%2010.2082%2023.8664%209.7494%2023.4602%209.35367L15.0478%201.1563C13.4656%20-0.385436%2010.9003%20-0.385432%209.31811%201.1563L0.905619%209.35368C0.499506%209.7494%200.197633%2010.2082%200%2010.6978Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.85%22%2F%3E%3C%2Fsvg%3E");
    position: absolute;
    bottom: -50px;
    padding-left: 3%;
    display: block;
}

#codepen_mega_menu .exo-menu>li::hover::before {
    display: block;
}

#codepen_mega_menu .Blog:hover,
#codepen_mega_menu .Images:hover,
#codepen_mega_menu .mega-menu:hover,
#codepen_mega_menu .drop-down-ul:hover,
#codepen_mega_menu li.flyout-left>ul:hover,
#codepen_mega_menu li.flyout-right>ul:hover,
#codepen_mega_menu .flyout-mega-wrap:hover,
#codepen_mega_menu li.flyout-left a:hover+ul,
#codepen_mega_menu li.flyout-right a:hover+ul,
#codepen_mega_menu .blog-drop-down>a:hover+.Blog,
#codepen_mega_menu li.drop-down>a:hover+.drop-down-ul,
#codepen_mega_menu .images-drop-down>a:hover+.Images,
#codepen_mega_menu .mega-drop-down a:hover+.mega-menu,
#codepen_mega_menu li.flyout-mega>a:hover+.flyout-mega-wrap,
#codepen_mega_menu .exo-menu>li:hover a::before {
    display: block;
}

@media (min-width: 767px) {
    #codepen_mega_menu .exo-menu>li>a {
        display: block;
        padding: 25px 23px;
        color: #00254D;
        text-align: center;
        font-family: "Franklin Gothic Book";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
    }

    #codepen_mega_menu .mega-menu,
    #codepen_mega_menu .flyout-mega-wrap,
    #codepen_mega_menu .Images,
    #codepen_mega_menu .Blog,
    #codepen_mega_menu .flyout-right>ul,
    #codepen_mega_menu .flyout-left>ul,
    #codepen_mega_menu li.drop-down>ul {
        position: absolute;
    }

    #codepen_mega_menu .flyout-right>ul {
        left: 100%;
    }

    #codepen_mega_menu .flyout-left>ul {
        right: 100%;
    }
}

@media (max-width: 767px) {
    #codepen_mega_menu .exo-menu {
        min-height: 58px;
        background-color: #23364b;
        width: 100%;
    }

    #codepen_mega_menu .exo-menu>li>a {
        width: 100%;
        display: none;
    }

    #codepen_mega_menu .exo-menu>li {
        width: 100%;
    }

    #codepen_mega_menu .display.exo-menu>li>a {
        display: block;
        padding: 20px 22px;
    }

    #codepen_mega_menu .mega-menu,
    #codepen_mega_menu .Images,
    #codepen_mega_menu .Blog,
    #codepen_mega_menu .flyout-right>ul,
    #codepen_mega_menu .flyout-left>ul,
    #codepen_mega_menu li.drop-down>ul {
        position: relative;
    }
}

#codepen_mega_menu a.toggle-menu {
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364b;
    top: 0px;
}

#codepen_mega_menu .blink-soft {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

#codepen_mega_menu .visit-my-blog {
    background: #379fe1;
}

#codepen_mega_menu button.nav-link.active {
    background: #00254D !important;
    color: #fff;
}

#codepen_mega_menu button.nav-link {
    padding: 1.2rem;
    border-radius: 0 !important;
    padding-right: 9rem;
    color: #00254D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
    text-align: left;
    font-family: "Franklin Gothic Condensed Demi";
}

#codepen_mega_menu .dropMenu>div:first-child {
    overflow-y: scroll;
    max-height: 50vh;
    --scrollbar-width: thin;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

#codepen_mega_menu .dropMenu>div:nth-child(2) {
    overflow-y: scroll;
    --scrollbar-width: thin;
    max-height: 50vh;
    display: flex !important;
    flex-wrap: wrap;
}

#codepen_mega_menu .dropMenu>div .tab-fane {
    display: contents;
}

#codepen_mega_menu .dropMenu>div .cate_link_menu {
    position: absolute;
    bottom: 1rem;
    right: 3rem;
}

#codepen_mega_menu .dropMenu>div .cate_link_menu a {
    color: #000 !important;
}

#codepen_mega_menu .dropMenu>div .cate_link_menu a {
    color: #1C1B1F;
    text-align: center;
    font-size: 21px;
    font-style: normal;
    font-family: "Franklin Gothic Medium";
    font-weight: 400;
    border-bottom: 2px solid #1C1B1F;
    padding-bottom: 2px;
}

.nav.flex-column.nav-pills.me-3 {
    border-right: 2px solid #01254c;
    padding-right: 1rem;
}

#collect_sec .cat_spn>h3 {
    font-family: "Franklin Gothic Medium";
    font-size: 16px;
    font-weight: 400;
    color: #00254D;
    text-align: left;
    text-transform: uppercase;
    font-style: unset;
    margin: unset;
    padding-left: 9px;
    padding-top: 7px;
}

.childerinTabs h3 {
    color: #00254D;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 6px;
}

.childColumn img {
    width: 4rem;
    height: 4rem;
    margin: unset;
    margin-bottom: 0.3rem;
}

.childerinTabs h4 {
    color: #00254D;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: unset;
    margin-bottom: 0.2rem;
}

.childerinTabs p {
    color: #00254D;
    font-family: "Franklin Gothic Book";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#codepen_mega_menu .childerinTabs .childColumn p>a {
    color: #00254d !important;
    text-decoration: underline;
}

.childerinTabs.row {
    width: 46em;
}

#codepen_mega_menu button.nav-link img {
    float: left;
    margin-right: 1em;
    background: #d9d9d9;
    padding: 2px;
    border-radius: 9px;
}

#codepen_mega_menu .exo-menu>li.mega-drop-down>a::before {
    content: url("data:image/svg+xml,%3Csvg width='66' height='58' viewBox='0 0 66 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23bgblur_0_473_2465_clip_path)' data-figma-skip-parse='true'%3E%3CforeignObject x='0' y='0' width='0' height='0'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(17.5px);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3Cpath opacity='0.85' data-figma-bg-blur-radius='35' d='M33.1096 0L65.2474 57.2069H0.97168L33.1096 0Z' fill='white'/%3E%3Cdefs%3E%3CclipPath id='bgblur_0_473_2465_clip_path'%3E%3Cpath d='M33.1096 0L65.2474 57.2069H0.97168L33.1096 0Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
    position: absolute;
    bottom: -42px;
    margin-left: 30px;
    display: none;
    height: 50px;
}

#codepen_mega_menu .exo-menu>li:hover {
    background: #01254c;
}

#codepen_mega_menu .exo-menu>li:hover a {
    color: #fff;
}

.set_pc .pc_Img img {
    width: 200px;
    object-fit: contain;
}

#pc_detail .tab-content.compare img {
    max-width: 15em;
    width: 21vmin;
    height: 34vmin;
    object-fit: contain;
}

.product_img_column .thumbnail-slider .nav-img.slick-current {
    border: 3px #00254D solid;
}

.product_img_column .thumbnail-slider .nav-img {
    border: 3px transparent solid;
}

.cate_div_parent .cate_div {
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.cate_div_parent .cate_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 15px;
    cursor: pointer;
}

.cate_div_parent .action-buttons .cate_header {
    flex-wrap: wrap;
}

.cate_div_parent .action-btns {
    display: flex;
    align-items: center;
    gap: 15px;
}

.cate_div_parent .expand-list {
    /*     max-height: 0; */
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding: 0;
    margin: 0;
    list-style: none;
}

.cate_div_parent .expand-list li {
    padding: 6px 15px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
}

.cate_div_parent .expand-list li span {
    color: black;
    font-weight: 500;
}

.cate_div_parent .cate_div.active .expand-list {
    max-height: 100%;
}

.cate_div_parent .toggle-btn {
    transition: transform 0.3s ease;
}

#faq .product-title {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 4rem;
    color: #292929;
    line-height: 43.2px;
    letter-spacing: -0.005em;
    text-align: center;
    margin-top: 0.7rem;
    margin-bottom: 4rem;
}

.product_det .req-info-btn {
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 0.625rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    margin-top: 2.13rem;
    margin-bottom: 2.44rem;
    display: inline-block;
    cursor: pointer;
}

.cate_div .view {
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 0.225rem 1.25rem;
    text-decoration: none;
    cursor: pointer;
}

.page-template-tlp-family .accordion-body ul li label {
    display: flex;
    align-items: center;
}

.page-template-tlp-family button.req-info-btn {
    padding: 0.625rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    background-color: #00254D;
    color: #fff;
    padding: 8px 20px;
    border-radius: 30px;
    border: 2px solid #00254D;
    color: var(--White-Color, #FFF);
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.components-table h3 {
    text-align: left;
    color: black;
    font-size: 1.5em;
}

.dimensions-table h3 {
    text-align: left;
    color: black;
    font-size: 1.5em;
}

#tables_view table,
#tables_view th,
#tables_view td,
#tables_view tr {
    border: 2px solid white;
    border-bottom: 2px;
}

#tables_view table {
    width: 100%;
    text-align: left;
}

#tables_view table tr {
    background: #d9d9d9;
}

#tables_view table th {
    color: #000;
    font-size: 1.125rem;
    font-family: "Franklin Gothic Book";
    font-style: normal;
    font-weight: 600;
}

#tables_view table td a {
    color: #00254d;
    text-align: left !important;
}

#tables_view table th {
    font-size: 16px;
    padding: 3px;
    font-weight: 600;
}

#tables_view table td {
    font-size: 14px;
}

#content-list button {
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 0.625rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    margin-top: 1.13rem;
    margin-bottom: 1.44rem;
    display: inline-block;
    cursor: pointer;
    border: none;
}

#cartPage table {
    width: 100%;
    /*   max-width: 900px; */
    border-collapse: collapse;
    font-family: "Segoe UI", Arial, sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    margin: 20px auto;
    /* Table Header */
}

#cartPage th {
    background-color: #01254c;
    color: white;
    font-weight: 600;
    padding: 12px 15px;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /* Table Rows */
}

#cartPage tr {
    border-bottom: 1px solid #eee;
}

#cartPage tr:last-child {
    border-bottom: none;
}

#cartPage tr:nth-child(even) {
    background-color: #f9f9f9;
    /* Table Cells */
}

#cartPage td {
    padding: 12px 15px;
    vertical-align: middle;
    /* Product Cell Layout */
}

#cartPage td:first-child {
    display: flex;
    align-items: center;
    padding: 15px;
    /* Product Image */
}

#cartPage .pc_Img {
    width: 80px;
    height: 80px;
    min-width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: white;
    overflow: hidden;
}

#cartPage .pc_Img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* Product Information */
}

#cartPage td:first-child>div:nth-child(2) {
    margin-left: 15px !important;
    flex: 1;
    /* Part Number */
}

#cartPage td:first-child p:first-child {
    color: #666;
    font-size: 13px;
    margin: 0 0 5px 0;
    /* MIL Specification */
}

#cartPage td:first-child h6 {
    color: #01254c;
    font-size: 16px;
    margin: 0 0 5px 0;
    font-weight: 600;
    /* Hose Compatibility */
}

#cartPage td:first-child p strong {
    color: #01254c;
    /* Quantity Column */
}

#cartPage td:nth-child(2) {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    /* Delete Column */
}

#cartPage td:last-child {
    text-align: center;
}

#cartPage .btn-remove {
    color: #e74c3c;
    font-size: 18px;
    cursor: pointer;
    transition: transform 0.2s ease;
}

#cartPage .btn-remove:hover {
    transform: scale(1.2);
    color: #c0392b;
    /* Responsive adjustments */
}

@media (max-width: 768px) {
    #cartPage td:first-child {
        flex-direction: column;
        align-items: flex-start;
    }

    #cartPage .pc_Img {
        margin-bottom: 10px;
    }

    #cartPage td:first-child>div:nth-child(2) {
        margin-left: 0 !important;
    }

    #cartPage th {
        font-size: 12px;
        padding: 8px;
    }
}

#cartFORM {
    padding: 5rem 0;
}

#cartFORM .text-center {
    max-width: 800px;
    margin: 0 auto;
    padding: 30px 20px;
    font-family: 'Segoe UI', Arial, sans-serif;
}

#cartFORM form.validate {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

#cartFORM .form-field {
    display: flex;
    flex-direction: column;
    position: relative;
    /* Make comments and submit button span full width */
}

#cartFORM .form-field:nth-last-child(2),
#cartFORM .form-field:last-child {
    grid-column: span 2;
}

#cartFORM label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #2c3e50;
}

#cartFORM input[type="text"],
#cartFORM input[type="email"],
#cartFORM select,
#cartFORM textarea {
    padding: 12px 16px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    font-size: 15px;
    transition: border-color 0.3s, box-shadow 0.3s;
    background-color: #f9f9f9;
    width: 100%;
}

#cartFORM input[type="text"]:focus,
#cartFORM input[type="email"]:focus,
#cartFORM select:focus,
#cartFORM textarea:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
    background-color: #fff;
}

#cartFORM select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232c3e50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
}

#cartFORM textarea {
    min-height: 120px;
    resize: vertical;
}

#cartFORM input[type="submit"] {
    color: white;
    border: none;
    padding: 14px 24px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
    width: auto;
    margin: 10px auto 0;
    justify-self: center;
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 1.625rem 5.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    margin-top: 2.13rem;
    margin-bottom: 2.44rem;
    display: inline-block;
    cursor: pointer;
}

#cartFORM input[type="submit"]:hover {
    background-color: #2980b9;
    /* Empty label before submit button */
}

#cartFORM .form-field:last-child label {
    display: none;
    /* Placeholder styling */
}

#cartFORM ::placeholder {
    color: #95a5a6;
    opacity: 0.7;
    /* Responsive adjustments */
}

@media (max-width: 768px) {
    #cartFORM form.validate {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    #cartFORM .form-field:nth-last-child(2),
    #cartFORM .form-field:last-child {
        grid-column: span 1;
    }

    #cartFORM input[type="submit"] {
        width: 100%;
    }
}

.page-template-default.elementor-default #codepen_mega_menu {
    background: #FFFFFFE5;
    border-radius: 50px;
}

.page-template-default.elementor-default #codepen_mega_menu .exo-menu {
    background: transparent;
    border-radius: 50px;
}

.search-loader {
    text-align: center;
    padding: 20px;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    animation: spin 1s linear infinite;
    margin: 12vmin auto;
}

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

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

#based_on {
    padding: 6px 22px;
}

.pagination-container {
    margin: 30px 0;
    text-align: center;
}

.wp-pagenavi {
    clear: both;
    padding: 20px 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
    padding: 8px 12px;
    margin: 0 4px;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
}

.wp-pagenavi a:hover {
    background-color: #f5f5f5;
}

.wp-pagenavi span.current {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.wp-pagenavi .pages {
    margin-right: 15px;
}

/* Post Type Badge Styles */
.post-type-badge {
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
}

.post-type-badge.aeroquip {
    background-color: #0056b3;
}

.post-type-badge.hydrasearch {
    background-color: #28a745;
}

.pagination-container {
    margin: 20px 0;
}

.pagination-wrapper {
    display: inline-block;
}

.pagination-btn {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #007bff;
    padding: 6px 12px;
    margin: 0 4px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s;
}

.pagination-btn:hover {
    background-color: #e9ecef;
}

.pagination-btn.active {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
    cursor: default;
}

.pagination-dots {
    margin: 0 8px;
    color: #6c757d;
}

#pc_detail .tab-content.compare .col-md-4 img {
    display: none;
}

#pc_detail .tab-content.compare .rightAeroQuip img:first-child {
    height: unset;
    width: unset;
}

#pc_detail .tab-content.compare #makeme100 img:first-child {
    height: unset;
    width: unset;
}

/* .card-box .card-title.product-title {
    color: #03195a;
    text-align: left;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 1rem;
} */
.card-box .exempt_style {
    text-decoration: none;
}

.card-box img {
    padding: 20px 0;
    height: 40vmin;
    width: 100%;
    object-fit: contain;
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
    #pc_detail .tab-content.compare table th {
        font-size: 12px;
        padding: 0px;
        font-weight: 600;
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }

    #pc_detail .tab-content.compare table td {
        padding: 3px 2px;
        font-size: 10px;
        text-align: center;
    }
}

.searchandfilter li select:not(:has(option)) {
    display: none;
}

.searchandfilter li select {
    color: #00254D;
    text-align: left;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    padding: 0.25rem .45rem;
    text-decoration: none;
    margin-top: 1.13rem;
    margin-bottom: 1.44rem;
    display: inline-block;
    cursor: pointer;
}

.searchandfilter li input[type="submit"] {
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 0.25rem .45rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    margin-top: 1.13rem;
    margin-bottom: 1.44rem;
    display: inline-block;
    cursor: pointer;
}

.archive.search h1 {
    color: #000;
}

#collectionAccordion ul {
    margin: 10px 0;
    padding: 0;
}

.searchandfilter li {
    list-style: none;
    display: block;
    padding-right: 10px;
    text-wrap: nowrap;
}

.search .searchandfilter ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#collectionAccordion .searchandfilter h5 {
    color: #03195a;
    text-align: left;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    margin: 0.5rem 0;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    display: block;
    left: auto;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Posts and pages
  --------------------------------------------- */
.sticky {
    display: block;
}

.post,
.page {
    margin: 0 0 1.5em;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments
  --------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
  --------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media
  --------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
  --------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
  --------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
  # Plugins
  --------------------------------------------------------------*/
/* Jetpack infinite scroll
  --------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
  # Utilities
  --------------------------------------------------------------*/
/* Accessibility
  --------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
  --------------------------------------------- */
.alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

@font-face {
    font-family: "Franklin Gothic Regular";
    font-style: normal;
    font-weight: normal;
    src: local("Franklin Gothic Regular"),
        url("./assets/fonts/FranklinGothic.woff") format("woff");
}

@font-face {
    font-family: "Franklin Gothic Light";
    font-style: normal;
    font-weight: normal;
    src: local("Franklin Gothic Light"),
        url("./assets/fonts/Franklin Gothic LT Condensed Regular.otf") format("woff");
}

@font-face {
    font-family: "Franklin Gothic Condensed";
    font-style: normal;
    font-weight: normal;
    src: local("Franklin Gothic Condensed"),
        url("./assets/fonts/FRANKGO.woff") format("woff");
}

@font-face {
    font-family: "Franklin Gothic Italic";
    font-style: normal;
    font-weight: normal;
    src: local("Franklin Gothic Italic"),
        url("./assets/fonts/FranklinGothicITALIC.woff") format("woff");
}

@font-face {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: normal;
    src: local("Franklin Gothic Condensed Demi"),
        url("./assets/fonts/Franklin_Gothic_Demi_Cond_Regular.ttf") format("woff");
}

@font-face {
    font-family: "Franklin Gothic Book";
    font-style: normal;
    font-weight: normal;
    src: local("Franklin Gothic Book"),
        url("./assets/fonts/Franklin_Gothic_Book_Regular.ttf") format("woff");
}

.post,
.page {
    margin: 0;
}

#masthead .fullBG {
    background-color: #01254C;
    padding: 0.8em 0;
}

#masthead .fullBG a i {
    padding-right: 0.5em;
}

#masthead .NavBar {
    background-color: #ECEEF5;
    padding: 1em 0;
}

#masthead .NavBar #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
    color: #01254C;
    font-family: "Franklin Gothic";
    font-size: 1rem;
    margin: 0 0.75em;
    font-weight: 500;
}

#hero_section {
    padding: 8.5rem 0;
    justify-content: center;
    align-content: center;
    display: flex;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#hero_section h1 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 4rem;
    margin: 0;
    text-align: center;
    color: #FFFFFF;
}

#hero_section h3 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
    margin: 0;
    text-align: center;
    color: #FFFFFF;
}

#hero_section p {
    font-family: "Franklin Gothic Book";
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    text-align: center;
    color: #FFFFFF;
}

#hero_section a.CTAHomePage {
    background: #FFFFFF;
    border: 3px solid #2B5677;
    border-radius: 116.5px;
    font-family: "Franklin Gothic";
    font-style: normal;
    font-size: 18.64px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.3495px;
    color: #00254D;
    text-decoration: none;
    padding: 14px 64px;
    font-weight: 500;
    margin: auto;
    width: -moz-max-content;
    width: max-content;
    display: block;
}

#hero_section .social_media_icons {
    display: flex;
    justify-content: end;
}

#hero_section .social_media_icons ul {
    list-style: none;
}

#hero_section .social_media_icons ul li {
    margin: 5px;
}

#hero_section .social_media_icons ul li a {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 2px 2px rgba(7, 11, 15, 0.12), inset 0px 0.75px 0px rgba(255, 255, 255, 0.12);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 1536px;
    width: 40px;
    height: 40px;
    justify-content: center;
    display: flex;
    align-content: center;
    align-items: center;
}

#hero_section .social_media_icons ul li a i {
    color: #ffffff;
}

#ClientsWeWorkWith {
    display: block;
    width: 65%;
    margin: 0 auto;
    margin-top: -9rem;
    padding: 3rem 2.5rem;
    background: #F1F2F3;
    border-radius: 30px;
}

#ClientsWeWorkWith .container-small .slide {
    background: white;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0.5rem;
    width: 10rem !important;
    height: 10rem;
    border-radius: 50%;
    position: relative;
}

#ClientsWeWorkWith .container-small .slide img {
    width: 7em;
}

#hero_section a.CTAHomePage:hover {
    background: #00254D;
    border: 3px solid #FFFFFF;
    color: #FFFFFF;
}

.product-slider .slick-slide.product-card img {
    object-fit: contain;
}

#ClientsWeWorkWith .container-small .slide .onImageHover {
    position: absolute;
    background: rgba(0, 37, 77, 0.7882352941);
    height: 100%;
    border-radius: 50%;
    width: 100%;
    left: 0rem;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*! display: none; */
}

#ClientsWeWorkWith .container-small .slide .onImageHover h4 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    margin: 0;
    text-align: center;
    color: #FFFFFF;
}

#ClientsWeWorkWith .container-small .slide .onImageHover a.Visit {
    text-decoration: none;
    color: #fff;
    font-family: "Franklin Gothic Book";
    padding: 0.2rem 1rem;
    background: #01254c;
    border-radius: 35px;
    border: 2px solid white;
    margin-top: 1rem;
    font-size: 12px;
}

#ClientsWeWorkWith .container-small .slide .onImageHover a.Visit:hover {
    background: #fff;
    color: #01254c;
    border: #01254c 2px solid;
}

#ClientsWeWorkWithMobile {
    display: none;
    width: 65%;
    margin: 0 auto;
    margin-top: -9rem;
    padding: 3rem 2.5rem;
    background: #F1F2F3;
    border-radius: 30px;
}

#ClientsWeWorkWithMobile .container-small .slide {
    background: white;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0.5rem;
    width: 10rem !important;
    height: 10rem;
    border-radius: 50%;
    position: relative;
}

#ClientsWeWorkWithMobile .container-small .slide img {
    width: 80px;
}

#ClientsWeWorkWithMobile .container-small .slide:hover .onImageHover {
    display: flex;
}

#ClientsWeWorkWithMobile .container-small .slide .onImageHover {
    position: absolute;
    background: rgba(0, 37, 77, 0.7882352941);
    height: 100%;
    border-radius: 50%;
    width: 100%;
    left: 0rem;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#ClientsWeWorkWithMobile .container-small .slide .onImageHover h4 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    margin: 0;
    text-align: center;
    color: #FFFFFF;
}

#ClientsWeWorkWithMobile .container-small .slide .onImageHover a.Visit {
    text-decoration: none;
    color: #fff !important;
    font-family: "Franklin Gothic Book";
    padding: 0.5rem 2rem;
    background: #01254c;
    border-radius: 35px;
    border: 2px solid white;
    margin-top: 1rem;
    font-size: 12px;
}

#CaseStudies {
    padding: 2rem 0 2rem;
}

#CaseStudies .slick-arrow:hover {
    background: #fff;
    color: #01254c;
    border: #01254c 2px solid;
}

#CaseStudies .slide {
    background: white;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 1rem;
    height: 24em;
    border-radius: 152px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.custom-next.slick-arrow {
    padding: 1rem 2rem !important;
    border-radius: 30px !important;
    right: 7% !important;
    top: -15% !important;
}

.custom-prev.slick-arrow {
    padding: 1rem 2rem !important;
    border-radius: 30px !important;
    top: -15% !important;
}

#CaseStudies .slide img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

#CaseStudies .slide:hover .onImageHover {
    display: flex;
}

#CaseStudies .slide:hover {
    background-size: 110%;
    transition: all 3.4s cubic-bezier(.68, -0.55, .27, 1.55);
}

#CaseStudies .slide .onImageHover {
    position: absolute;
    background: rgba(0, 37, 77, 0.7882352941);
    height: 100%;
    border-radius: 152px;
    width: 100%;
    left: 0rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#CaseStudies .slide .onImageHover h4 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
    margin: 0;
    text-align: center;
    color: #FFFFFF;
    width: 60%;
}

#CaseStudies .slide .onImageHover a.Visit {
    text-decoration: none;
    color: #01254c;
    font-family: "Franklin Gothic";
    padding: 0.5rem 2rem;
    background: #fff;
    border-radius: 35px;
    border: 2px solid #01254c;
    margin-top: 1rem;
    font-size: 12px;
    font-weight: 600;
}

#CaseStudies .slide .onImageHover a.Visit:hover {
    background: #01254c;
    color: #fff;
    border: #FFF 2px solid;
}

#marquee .marqueeParent {
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#marquee .marqueeParent .marquee {
    height: 5vw;
    width: 100%;
    position: relative;
}

#marquee .marqueeParent .marquee div:hover {
    transition-duration: 200ms;
    animation-play-state: paused;
}

#marquee .marqueeParent .marquee div {
    align-items: center;
    padding: 1.2rem;
    background: #01254c;
    color: #fff;
    font-size: 3vw;
    width: 200%;
    overflow: hidden;
    animation: marquee 40s linear infinite;
    position: absolute;
    display: flex;
}

#marquee .marqueeParent .marquee div span {
    font-family: "Franklin Gothic Book";
    margin: 0 2rem;
    font-size: 24px;
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

#weedManagement {
    padding: 2rem 0 4rem;
    display: none;
}

#weedManagement .bgImgWithHoverAnimation {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    transition: all 0.5s ease-in-out;
}

#weedManagement .bgImgWithHoverAnimation:hover {
    animation: scaleBackground 55555555s linear;
    border-radius: 0 50px;
}

#weedManagement .bgImgWithHoverAnimation:hover #overlay {
    display: block;
}

@keyframes scaleBackground {
    100% {
        background-size: 150%;
    }

    0% {
        background-size: cover;
    }
}

#weedManagement .bgImgWithHoverAnimation #overlay {
    background: linear-gradient(90deg, rgba(0, 37, 77, 0.85) 15%, rgba(0, 37, 77, 0.289) 73%, rgba(43, 86, 119, 0) 100%);
    z-index: 999;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0 50px;
    display: none;
}

#weedManagement .pristine_column {
    padding: 6em 0;
    padding-left: 20px;
}

#weedManagement .pristine_column .heading {
    font-style: normal;
    font-weight: lighter;
    font-size: 50px;
    margin: 0;
    text-align: left;
    color: #00254D;
    font-family: "Franklin Gothic";
    line-height: 55px;
}

#weedManagement .pristine_column p {
    font-size: 22px;
    margin: 10px 0 0;
    text-align: left;
    color: #2B5677;
    font-family: "Franklin Gothic Book";
}

#weedManagement .pristine_column a {
    display: inline-block;
    margin-top: 20px;
    background: linear-gradient(145.56deg, #00254D 0%, #2B5677 97.42%);
    border: 2px solid #FFFFFF;
    border-radius: 116.5px;
    color: #fff;
    font-family: "Franklin Gothic Book";
    padding: 1rem 62px;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0.35px;
}

#weedManagement .pristine_column a:hover {
    background: #fff;
    color: #01254c;
    border: #01254c 2px solid;
}

#achievement {
    padding: 2rem 0;
    background: #E5E5EA;
    display: none;
}

#achievement .achievementParent {
    padding: 0 10rem;
}

#postListin {
    padding: 90px 0;
}

#postListin .featured_post .card {
    border: none;
}

#postListin .featured_post .card .card-body {
    display: flex;
    flex-direction: row-reverse;
    background: #00254D;
}

#postListin .featured_post .card .card-body .content {
    width: 70%;
}

#postListin .featured_post .card .card-body .content h5 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 48.3438px;
    line-height: 62px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

#postListin .featured_post .card .card-body .content a {
    box-sizing: border-box;
    background: linear-gradient(145.56deg, #00254D 0%, #2B5677 97.42%);
    border: 2px solid #FFFFFF;
    border-radius: 92.035px;
    text-decoration: none;
    font-style: 14.73px;
    font-weight: 600;
    letter-spacing: 0.28px;
    color: #fff;
    padding: 1rem 3rem;
    margin: 1rem 0 3rem;
    display: inline-block;
}

#postListin .featured_post .card .card-body .content a:hover {
    background: #fff;
    color: #01254c;
    border: #01254c 2px solid;
}

#postListin .colum-post {
    width: 100%;
    min-width: 100%;
    padding: 65px 68px;
    background: #E5E5EA;
    position: relative;
    right: -21%;
    z-index: 99;
    top: 6rem;
}

#postListin .colum-post .card {
    padding: 1rem 0;
}

#postListin .colum-post .card img {
    margin-left: 1rem;
    width: 100%;
}

#postListin .colum-post .card p {
    margin: 0;
    margin-bottom: 0.5rem;
}

#postListin .colum-post .card p .card-text>small {
    font-family: "Franklin Gothic Book";
    font-style: normal;
    font-weight: 500;
    font-size: 16.4531px;
    display: flex;
    align-items: center;
    color: #6A718A;
}

#postListin .colum-post .card h5 {
    font-family: "Franklin Gothic Book";
    font-style: normal;
    font-weight: 600;
    font-size: 23.9688px;
    display: flex;
    align-items: center;
    color: #09274C;
    margin-bottom: 2rem;
}

#postListin .colum-post .card a {
    font-family: "Franklin Gothic Book";
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #09274C;
}

#OurMission {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#OurMission h2 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 4rem;
    margin: 0;
    text-align: center;
    color: #01254C;
    margin-bottom: 5rem;
}

#OurMission .cardSvg {
    height: 15rem;
    padding: 1.5rem;
    border-bottom: 1px solid #2B5677;
}

#OurMission .cardSvg img {
    margin-bottom: 1.2rem;
}

#OurMission .cardSvg h4 {
    color: #2B5677;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 23px;
    margin-bottom: 1rem;
}

#OurMission .cardSvg p {
    color: #2B5677;
    font-size: 1rem;
    width: 70%;
    font-family: "Franklin Gothic Book";
}

#OurMission .cardSvg:hover {
    border-radius: 1rem;
    background: #2B5677;
}

#OurMission .cardSvg:hover h4 {
    color: #fff;
}

#OurMission .cardSvg:hover p {
    color: #fff;
}

#OurMission .cardSvg:hover img {
    filter: brightness(100%) contrast(200%) invert(1) saturate(0);
}

#JoinForces {
    display: none;
}

#JoinForces h2 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 4rem;
    margin: 0;
    text-align: left;
    color: #01254C;
    margin-bottom: 1rem;
}

#JoinForces p {
    font-size: 22px;
    font-family: "Franklin Gothic Book";
    color: #2B5677;
}

#JoinForces p+a {
    display: inline-block;
    background: linear-gradient(145.56deg, #00254D 0%, #2B5677 97.42%);
    border: 2px solid #FFFFFF;
    border-radius: 116.5px;
    color: #fff;
    font-family: "Franklin Gothic Book";
    padding: 1rem 62px;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0.35px;
    width: -moz-max-content;
    width: max-content;
}

#JoinForces p+a:hover {
    background: #fff;
    color: #01254c;
    border: #01254c 2px solid;
}

#JoinForces .item img {
    margin-bottom: 10px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 200px;
    width: 13em;
}

#certification {
    padding: 2rem 0 4rem;
}

#certification h2 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 4rem;
    margin: 0;
    text-align: center;
    color: #01254C;
    margin-bottom: 1.5rem;
}

#certification .cardCertHover {
    height: 100%;
    width: 100%;
    background: rgba(235, 235, 235, 0.768627451);
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

#certification .cardCertHover a {
    background: #fff;
    border-radius: 116.5px;
    color: #00254D;
    font-family: "Franklin Gothic Book";
    padding: 0px 6px;
    font-weight: 600;
    text-decoration: none;
    font-size: 8px;
    letter-spacing: 0.35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#certification .cardCertHover a img {
    margin-right: 5px;
}

#certification .cardCertHover a:hover {
    color: #fff;
    background: linear-gradient(145.56deg, #00254D 0%, #2B5677 97.42%);
}

#certification .cardCertHover a:hover img {
    filter: brightness(100%) contrast(200%) invert(1) saturate(0);
}

#certification .certColumn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}

#certification .certColumn:hover .cardCertHover {
    display: flex;
}

#OurProduct {
    padding: 3rem 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.smuac_multiaccounts_container_top_button {
    background: #01254c !important;
}

.woocommerce-info {
    border-color: #01254c !important;
}

.woocommerce-info::before {
    color: #01254c;
}

#OurProduct .product {
    position: relative;
    margin-bottom: 1.4rem;
}

#OurProduct .product:hover .inner_hover_box {
    display: flex;
}

#OurProduct .product span.dot {
    width: 26px;
    height: 9.23px;
    left: 48%;
    bottom: 18px;
    background: linear-gradient(145.56deg, #00254D 0%, #2B5677 97.42%);
    border: 0.0741783px solid #FFFFFF;
    border-radius: 4.32088px;
    display: inline-block;
    position: relative;
}

#OurProduct h2 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 4rem;
    margin: 0;
    margin-bottom: 0px;
    text-align: center;
    color: #01254C;
    margin-bottom: 5rem;
}

#OurProduct a.Visit_Store {
    box-sizing: border-box;
    width: 227.56px;
    height: 60px;
    background: linear-gradient(145.56deg, #00254D 0%, #2B5677 97.42%);
    border: 2px solid #FFFFFF;
    border-radius: 116.5px;
    padding: 1rem 62px;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0.35px;
    color: #FFFFFF;
}

#OurProduct a.Visit_Store:hover {
    background: #fff;
    color: #01254c;
    border: #01254c 2px solid;
}

#OurProduct .product_info,
#OurProduct .product_info_tall {
    padding: 2rem 1.5rem;
    background-size: cover;
    width: 402px;
    height: 350px;
    display: flex;
    align-items: end;
}

#OurProduct .product_info .inner_text,
#OurProduct .product_info_tall .inner_text {
    background-color: #FFFFFF;
    width: -moz-max-content;
    width: max-content;
    padding: 10px 1rem;
}

#OurProduct .product_info .inner_text h3,
#OurProduct .product_info_tall .inner_text h3 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 37.5px;
    line-height: 38px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #2B5677;
}

#OurProduct .product_info .inner_text p,
#OurProduct .product_info_tall .inner_text p {
    font-family: unset;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 38px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    color: #000;
}

#OurProduct .product_info_tall {
    width: 402px;
    height: 748px;
}

#OurProduct .inner_hover_box {
    z-index: 999;
    position: absolute;
    width: 402px;
    height: 350px;
    top: 0;
    justify-content: center;
    display: none;
}

#OurProduct .inner_hover_box a.Visit {
    box-sizing: border-box;
    background: linear-gradient(145.56deg, #00254D 0%, #2B5677 97.42%);
    border: 2px solid #FFFFFF;
    border-radius: 116.5px;
    padding: 8px 46px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0.35px;
    color: #FFFFFF;
    text-align: center;
}

#OurProduct .inner_hover_box a.Visit:hover {
    background: #fff;
    color: #01254c;
    border: #01254c 2px solid;
}

#OurProduct .product:has(.product_info_tall) .inner_hover_box {
    height: 748px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slide-in-bottom {
    animation: slide-in-bottom 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.scale-up-bottom {
    animation: scale-up-bottom 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/* ----------------------------------------------
   * Generated by Animista on 2024-10-17 19:38:34
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info. 
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */
/**
   * ----------------------------------------
   * animation slide-in-bottom
   * ----------------------------------------
   */
@keyframes slide-in-bottom {
    0% {
        transform: translateY(300px);
        opacity: 0;
    }

    100% {
        transform: translateY(250px);
        opacity: 1;
    }
}

/* ----------------------------------------------
   * Generated by Animista on 2024-10-17 19:39:48
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info. 
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */
/**
   * ----------------------------------------
   * animation scale-up-bottom
   * ----------------------------------------
   */
@keyframes scale-up-bottom {
    0% {
        transform: scale(0.5);
        transform-origin: 50% 200%;
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 0%;
    }
}

main {
    overflow-x: hidden;
}

footer {
    background: #00254D;
    padding: 4.44rem 0 1.5rem;
}

footer p {
    margin-top: 0.91rem;
    margin-bottom: 0.88rem;
    color: #FFF;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
}

footer h3 {
    color: var(--White-Color, #FFF);
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

footer .firstCol ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .firstCol ul li {
    margin: 0.5rem;
}

footer .firstCol ul li img {
    background: var(--secondary-color, #2B5677);
    padding: 0.5rem;
    border: transparent 2px solid;
}

footer .firstCol ul li img:hover {
    border: #fff 2px solid;
}

footer .seconCol ul {
    padding: 0;
    margin: 0;
    color: #fff;
    padding-left: 2.08rem;
    padding-top: 1rem;
}

footer .seconCol ul li {
    margin-bottom: 0.19rem;
}

footer .seconCol ul li::marker {
    width: 0.1rem;
    height: 0.1rem;
}

footer .seconCol ul li a {
    color: var(--White-Color, #FFF);
    text-align: center;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem;
    text-decoration: none;
}

footer .thridCOl ul {
    padding: 0;
    margin: 0;
    color: #fff;
    padding-left: 2.08rem;
    padding-top: 1rem;
}

footer .thridCOl ul li {
    margin-bottom: 0.19rem;
}

footer .thridCOl ul li::marker {
    width: 0.1rem;
    height: 0.1rem;
}

footer .thridCOl ul li a {
    color: var(--White-Color, #FFF);
    text-align: center;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem;
    text-decoration: none;
}

footer .fourthCol .address {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-start;
}

footer .fourthCol .address img {
    margin-top: 0.3rem;
    margin-right: 0.5rem;
}

footer .fourthCol .address p {
    margin: 0;
    color: #FFF;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}

footer .fourthCol .email {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-start;
}

footer .fourthCol .email img {
    margin-top: 0.3rem;
    margin-right: 0.5rem;
}

footer .fourthCol .email a {
    margin: 0;
    color: #FFF;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
}

footer .fourthCol .phone {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-start;
}

footer .fourthCol .phone img {
    margin-top: 0.3rem;
    margin-right: 0.5rem;
}

footer .fourthCol .phone a {
    margin: 0;
    color: #FFF;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}

footer .Copyright {
    margin-top: 2rem;
    border-top: 0.0625rem solid #fff;
    padding-top: 1.5rem;
    color: #fff;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}

footer .Copyright P {
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    text-align: center;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #masthead .fullBG a {
        font-size: 0.9rem !important;
        ;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle:has(.mega-menu-open) {
        width: 100% !important;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle,
    #mega-menu-wrap-menu-1 .mega-menu-toggle:has(.mega-menu-open) {
        background: #01254c;
    }

    #mega-menu-wrap-menu-1 {
        position: absolute;
        right: 4%;
        top: 0;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
        background: #01254c;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle:has(.mega-menu-open) ul#mega-menu-menu-1 {
        width: 100%;
    }

    #masthead .NavBar #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
        color: #fff;
    }

    #masthead .fullBG .col-md-6:has(a) {
        display: flex;
        justify-content: space-between;
    }

    #hero_section h1 {
        font-size: 1.8rem;
    }

    #hero_section p {
        font-size: 15px;
        margin: 6px 34px 10px;
    }

    #hero_section p>br {
        display: none;
    }

    #hero_section a.CTAHomePage {
        padding: 0.2rem 0.8rem;
        font-size: 0.8rem;
    }

    #hero_section .social_media_icons ul {
        flex-direction: row;
        display: flex;
        margin: auto;
        margin-bottom: 2rem;
        margin-top: 1rem;
        padding: 0;
    }

    #ClientsWeWorkWith {
        display: none;
        width: 90%;
        margin-top: -6rem;
        padding: 0.5rem 1rem;
    }

    #ClientsWeWorkWith .container-small .slide:focus .onImageHover {
        display: flex;
    }

    #ClientsWeWorkWith .container-small .slide .onImageHover h4 {
        font-size: 1rem;
    }

    #ClientsWeWorkWith .container-small .slide .onImageHover a.Visit {
        padding: 0.5rem 2rem;
        font-size: 12px;
    }

    #ClientsWeWorkWith .container-small .slide {
        width: 8rem !important;
        height: 8rem;
    }

    #ClientsWeWorkWithMobile {
        display: block;
        width: 90%;
        margin-top: -6rem;
        padding: 0.5rem 1rem;
        position: relative;
    }

    #ClientsWeWorkWithMobile #logoslider .slick-arrow {
        display: none !important;
    }

    #ClientsWeWorkWithMobile .container-small .slide:focus .onImageHover {
        display: flex;
    }

    #ClientsWeWorkWithMobile .container-small .slide .onImageHover h4 {
        font-size: 1rem;
    }

    #ClientsWeWorkWithMobile .container-small .slide .onImageHover a.Visit {
        padding: 0.5rem 2rem;
        font-size: 12px;
    }

    #ClientsWeWorkWithMobile .container-small .slide {
        width: 8rem !important;
        height: 8rem;
    }

    #CaseStudies {
        padding: 4rem 0 1rem;
    }

    #CaseStudies .custom-prev.slick-arrow {
        right: 22% !important;
        padding: 0.6rem 1.2rem !important;
    }

    #CaseStudies .custom-next.slick-arrow {
        padding: 0.6rem 1.2rem !important;
    }

    #CaseStudies .slide {
        height: 12em;
    }

    #CaseStudies .slide .onImageHover {
        display: flex;
    }

    #CaseStudies .slide .onImageHover h4 {
        font-size: 1.1rem;
    }

    #marquee .marqueeParent .marquee {
        height: 17vw;
    }

    #marquee .marqueeParent .marquee div span {
        font-size: 1rem;
    }

    #weedManagement .bgImgWithHoverAnimation {
        height: 250px;
    }

    #weedManagement .pristine_column {
        padding: 2rem 0;
    }

    #weedManagement .pristine_column .heading {
        font-size: 2.5rem;
        line-height: unset;
    }

    #weedManagement .pristine_column p {
        font-size: 1rem;
    }

    #weedManagement .pristine_column a {
        padding: 0.5rem 2rem;
        margin: 1rem 0;
        font-size: 1rem;
    }

    #achievement .achievementParent {
        padding: 0;
    }

    #achievement .achievementParent .col-md-3.col-sm-12 {
        display: flex;
        justify-content: center;
    }

    #achievement .achievementParent .col-md-3.col-sm-12 img {
        width: 50%;
    }

    #postListin {
        padding: 0;
    }

    #postListin .colum-post {
        width: 100%;
        min-width: 100%;
        padding: 65px 39px;
        background: #E5E5EA;
        position: relative;
        right: 0;
        z-index: 99;
        top: 0;
    }

    #postListin .colum-post .card img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 95%;
        margin: 0 0.5rem;
        margin-top: -0.5rem;
    }

    #postListin .featured_post .card .card-body .content {
        width: 100%;
    }

    #postListin .featured_post .card .card-body .content h5 {
        font-size: 2rem;
        line-height: unset;
    }

    #postListin .featured_post .card .card-body .content a {
        padding: 0.5rem 2rem;
    }

    #OurMission {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    #OurMission h2 {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }

    #OurMission .cardSvg {
        margin: 10px 0;
    }

    #OurMission .cardSvg:focus {
        border-radius: 1rem;
        background: #2B5677;
    }

    #OurMission .cardSvg:focus h4 {
        color: #fff;
    }

    #OurMission .cardSvg:focus p {
        color: #fff;
    }

    #OurMission .cardSvg:focus img {
        filter: brightness(100%) contrast(200%) invert(1) saturate(0);
    }

    #JoinForces h2 {
        font-size: 2.5rem;
    }

    #JoinForces p {
        font-size: 1rem;
    }

    #JoinForces a {
        padding: 0.5rem 2rem;
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    #JoinForces p+a {
        padding: 0.5rem 2rem;
        font-size: 1rem;
    }

    #JoinForces .item img {
        height: 11em;
        width: 22em;
    }

    #JoinForces .p-sm-0 {
        padding: 0;
    }

    #certification {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    #certification h2 {
        font-size: 2.5rem;
    }

    #certification .certColumn:active .cardCertHover {
        display: flex;
    }

    #OurProduct {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #OurProduct h2 {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }

    .product-prev.slick-arrow {
        z-index: 1;
        padding: 1rem 1.4rem !important;
        left: -5.7%;
    }

    .slick-dots {}

    .product-next.slick-arrow {
        z-index: 1;
        padding: 1rem 1.4rem !important;
        right: -6.7%;
    }

    #OurProduct .product_info,
    #OurProduct .product_info_tall {
        width: 100%;
        height: 350px;
    }

    #OurProduct a.Visit_Store {
        padding: 0.5rem 2rem;
        font-size: 1rem;
        width: unset;
        height: unset;
    }

    footer .seconCol h3 {
        padding-top: 1rem;
    }

    footer .thridCOl ul {
        padding-top: 0;
        padding-bottom: 1rem;
    }

    footer .thridCOl h3 {
        display: none;
    }
}

body {
    font-family: "Libre Franklin";
}

/* Header */
.navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* Navbar background color */
body>nav.navbar .container {
    background-color: #00254D !important;
    padding: 30px 20px;
    border-radius: 50px;
}

body>nav.navbar .dropdown {
    margin: 0 5px;
}

body>nav.navbar .dropdown button {
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
}

/* Space adjustments for dropdown buttons */
.nav-link {
    color: #fff;
    background: #fff;
    color: #00254D;
    border-radius: 50px;
}

/* Header End */
#masthead {
    box-shadow: 0px 4px 8px #888888;
}

#masthead .fullBG {
    background-color: #01254C;
    padding: 0.8em 0;
}

#masthead .fullBG a {
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    /*     margin: 0 1em; */
    font-family: "Franklin Gothic Condensed Demi";
}

#masthead .fullBG a i {
    padding-right: 0.5em;
}

#masthead .NavBar {
    background-color: #ECEEF5;
    padding: 1em 0;
}

#masthead .NavBar a.nav-link {
    color: #01254C;
    font-family: "Franklin Gothic";
    font-size: 1rem;
    margin: 0 0.75em;
    font-weight: 500;
}

#masthead .NavBar li.nav-item {
    margin: 0 0px 0 0;
    display: inline-block;
    height: auto;
    vertical-align: middle;
}

#banner {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

#videobcg {
    position: absolute;
    z-index: -100;
    background-position: center;
    width: 219.828vmin;
    height: 123.828vmin;
}

h1 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 4rem;
    margin: 0;
    text-align: center;
    color: #FFFFFF;
}

h3 {
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
    margin: 0;
    text-align: center;
    color: #FFFFFF;
}

.text-box p {
    font-family: "Franklin Gothic Book";
    font-weight: 500;
    font-size: 16.3125px;
    line-height: 28px;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #FFFFFF;
}

a.CTAHomePage {
    background: #FFFFFF;
    border: 3px solid #2B5677;
    border-radius: 116.5px;
    font-family: "Franklin Gothic";
    font-style: normal;
    font-size: 18.64px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.3495px;
    color: #00254D;
    text-decoration: none;
    padding: 14px 64px;
    font-weight: 500;
    margin: auto;
    width: -moz-max-content;
    width: max-content;
    display: block;
}

.CTAHomePage:hover {
    background-color: #00254D;
    color: #fff;
    border: 3px solid #00254D;
}

.social_media_icons {
    display: flex;
    justify-content: end;
}

.social_media_icons ul {
    list-style: none;
}

.social_media_icons ul li {
    margin: 5px;
}

#marquee .marqueeParent {
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#marquee .marqueeParent .marquee {
    height: 5vw;
    width: 100%;
    position: relative;
}

#marquee .marqueeParent .marquee div:hover {
    transition-duration: 200ms;
    animation-play-state: paused;
}

#marquee .marqueeParent .marquee div {
    align-items: center;
    padding: 1.2rem;
    background: #01254c;
    color: #fff;
    font-size: 3vw;
    width: 200%;
    overflow: hidden;
    animation: marquee 40s linear infinite;
    position: absolute;
    display: flex;
}

#marquee .marqueeParent .marquee div span {
    font-family: 'Franklin Gothic Book';
    margin: 0 2rem;
    font-size: 24px;
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

.social_media_icons ul li a {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 2px 2px rgba(7, 11, 15, 0.12), inset 0px 0.75px 0px rgba(255, 255, 255, 0.12);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 1536px;
    width: 40px;
    height: 40px;
    justify-content: center;
    display: flex;
    align-content: center;
    align-items: center;
}

.social_media_icons ul li a:hover {
    background-color: #00254D;
    color: #fff;
}

.social_media_icons ul li a i {
    color: #ffffff;
}

#CTA_section .container-small {
    width: 70%;
    margin: 0 auto;
    margin-top: -9rem;
    padding: 2rem 3.5rem;
    background: #F1F2F3;
    border-radius: 30px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 45% 100%;
    z-index: 9999;
    position: relative;
}

#CTA_section .container-small p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #00254D;
    justify-content: flex-start;
    text-align: left;
}

#CTA_section .container-small p::before {
    content: "";
    width: 48px;
    height: 1px;
    background: #00254D;
    margin-right: 14px;
}

#CTA_section .container-small ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    padding-left: 11px;
}

#CTA_section .container-small ul li {
    list-style: none;
    flex-direction: row;
    display: flex;
    align-items: center;
    margin: 5px 0;
}

#CTA_section .container-small ul li img {
    background: #FFFFFF;
    border-radius: 2px;
    width: 50px;
    height: 50px;
    padding: 10px;
    margin-right: 15px;
}

#CTA_section .container-small ul li h5 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 800;
    font-size: 24.5835px;
    line-height: 34px;
    display: flex;
    align-items: center;
    color: #00254D;
    margin: 0;
}

#CTA_section .container-small .text-box {
    padding: 2rem 0;
}

#CTA_section .container-small .text-box h5 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 39.375px;
    line-height: 52px;
    color: #FFFFFF;
}

#CTA_section .container-small .text-box h5 span {
    background: #00254D;
}

#CTA_section .container-small .text-box a {
    background: #FFFFFF;
    border: 3px solid #2B5677;
    border-radius: 116.5px;
    font-family: "Franklin Gothic";
    font-style: normal;
    font-size: 18.64px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.3495px;
    color: #00254D;
    text-decoration: none;
    padding: 10px 64px;
    font-weight: 500;
    margin: 0;
    margin-top: 1.5rem;
}

#CTA_section .container-small .text-box a:hover {
    background-color: #00254D;
    color: #fff;
    border: 3px solid #00254D;
}

.servic_div span {
    font-family: "Inter";
    font-size: 16.45px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #2B5677;
}

.servic_div {
    position: relative;
}

#ourServices .servic_div .line {
    position: absolute;
    width: 52px;
    height: 0.3vmin;
    background: #2b5677;
    top: 1vmin;
    left: 22%;
}

#ourServices .slick-next {
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    /* transform: translateY(-50%); */
    top: -6%;
    border-radius: 0;
}

#ourServices .slick-prev {
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* top: -6vmin; */
    position: absolute;
    /* transform: translateY(50%); */
    left: 97vmin;
    top: -14%;
    border-radius: 0;
    margin: 0;
    margin-top: 0.4rem;
}

#ourServices .servic_div h2 {
    text-align: left;
    color: #00254D;
    font-family: Inter;
    font-weight: 700;
    font-size: 48.85px;
    line-height: 62px;
    letter-spacing: 0%;
    width: 80%;
}

.servic_div p {
    font-family: "Inter";
    font-size: 16.31px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #6A718A !important;
}

.container .slick-slider .card {
    padding: 2rem 1rem;
    border: none;
    background-color: #EBEBEB;
    border-radius: 0;
    text-align: left;
    margin: 6px;
    height: 45vh !important;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}

.slick-dots {
    display: none;
}

.container .icon-image {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
}

.container .slick-slider .card h5 {
    font-family: "Inter";
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    color: #00254D;
}

.container .slick-slider .card p {
    font-family: "Inter";
    font-size: 13.08px;
    font-weight: 500;
    line-height: 17px;
    color: rgba(9, 39, 76, 0.8);
}

#ourServices {
    padding: 7.323vmin;
    display: flex;
}

.container .slick-slider .card a {
    font-family: "Inter";
    font-size: 16.73px;
    font-weight: 600;
    line-height: 28px;
    color: #2B5677;
    border-radius: 116.5px;
}

.container .slick-slider .card a:hover {
    background-color: #00254D;
    color: #fff;
    border: 3px solid #00254D;
    border-radius: 116.5px;
}

#ourServices .servic_div a {
    background-color: #2B5677;
    color: #fff;
    margin: 0;
}

#ourServices .servic_div a:hover {
    background-color: #00254D;
    color: #fff;
    border: 3px solid #00254D;
}

.slider-container {
    overflow: hidden;
    white-space: nowrap;
    /*     margin: 70px 0; */
    width: 100%;
    max-width: 100%;
    background-color: #00254D;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.slider {
    display: flex;
    animation: scroll 15s linear infinite;
}

.slider img {
    width: 100%;
    margin: 0 15px;
    transition: transform 0.3s;
}

/* Keyframes for smooth scrolling */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

footer {
    background: #00254D;
    padding: 4.44rem 0 1.5rem;
}

.security img {
    width: 100%;
}

.about_div {
    background-color: #00254D;
    padding: 20px 60px;
    color: #fff;
    margin-left: -80px;
    margin-right: 80px;
    margin-top: 55px;
}

.about_div ul {
    padding: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
}

.about_div span {
    font-family: "Inter";
    font-size: 10.14px;
    font-weight: 500;
    line-height: 13.45px;
    text-align: left;
}

.about_div hr {
    width: 30%;
    height: 2px;
    background-color: #fff;
}

.about_div h2 {
    font-family: "Inter";
    font-size: 29.67px;
    font-weight: 700;
    color: #fff;
    line-height: 37.9px;
    text-align: left;
}

.about_div ul li {
    background-image: url(assets/images/tick.png);
    background-repeat: no-repeat;
    list-style-type: none;
    font-family: "Inter";
    font-size: 13.41px;
    font-weight: 500;
    line-height: 18.34px;
    text-align: left;
    padding-left: 18px;
    background-position-y: 2px;
    margin: 10px 0;
}

.prnt {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.chld_prnt {
    display: flex;
    gap: 10px;
}

.chld_prnt h4 {
    font-weight: 700;
    margin-top: -5px;
    margin-bottom: 0;
}

.chld_prnt p {
    font-family: "Inter";
    font-size: 9.97px;
    font-weight: 500;
    line-height: 13.45px;
    text-align: left;
}

#amr_sec {
    background-image: url(assets/images/Section.png);
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}

.special h2 {
    font-family: "Inter";
    font-size: 48.95px;
    font-weight: 700;
    line-height: 62px;
    text-align: left;
    color: #fff;
}

.discover_btn {
    display: flex;
    justify-content: center;
}

#amr_sec .bdr_btm {
    border-bottom: 1px solid #fff;
    padding-bottom: 25px;
}

.discover_btn a {
    font-family: "Inter";
    font-size: 16.88px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    padding: 15px 30px;
    border-radius: 50px;
    background-color: #fff;
    text-decoration: none;
    color: #00254D;
    border: 1px solid #fff;
}

.discover_btn a:hover {
    background-color: #00254D;
    color: #fff;
    border: 1px solid #fff;
}

.custom-slider .slick-arrow {
    position: relative !important;
    background: white;
    color: #00254d;
    width: 3rem;
    height: 3rem;
    border-radius: 0;
    bottom: unset;
    display: flex;
    justify-content: center;
    align-content: center;
}

.custom-slider .slick-arrow.slick-prev {
    top: -0.8rem;
    left: 90%;
}

.custom-slider .slick-arrow.slick-prev:hover {
    background: #00254D;
    color: #fff;
    border: 1px solid #fff;
}

.custom-slider .slick-arrow.slick-next:hover {
    background: #00254D;
    color: #fff;
    border: 1px solid #fff;
}

.custom-slider .slick-arrow.slick-next {
    top: -25.7rem;
    right: -95%;
}

.custom-slider .slick-arrow:hover {
    background: #00254d;
    color: #fff;
    border: 1px solid #fff;
}

.custom-slider-item {
    position: relative;
    margin-right: 15px;
    /* Add gap between items */
}

.custom-slider-item img {
    width: 100%;
    height: 375px;
    -o-object-fit: cover;
    object-fit: cover;
}

.custom-slider-item .custom-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(180deg, rgba(43, 86, 119, 0) 25%, #00254d 88%, #00254d 100%);
    opacity: 0.7;
}

.custom-slider-item .custom-content {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    z-index: 2;
    margin: 10px;
}

.custom-slider-item .custom-content h3 {
    font-family: "Inter";
    font-size: 24.23px;
    font-weight: 600;
    line-height: 26.18px;
    text-align: left !important;
}

.custom-slider-item .custom-content p {
    font-family: "Inter";
    font-size: 15.38px;
    font-weight: 500;
    line-height: 26.18px;
    text-align: left !important;
}

.custom-content {
    display: flex;
}

.inn_one {
    width: 100%;
    text-align: end;
    margin: auto;
}

/* Slick Slider Arrow Styles */
.slick-prev,
.slick-next {
    font-size: 24px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 10px;
    z-index: 2;
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.slick-prev:before,
.slick-next:before {
    color: #fff;
    /* Ensure icons are white */
    font-size: 30px;
    /* Adjust arrow size */
}

.slick-prev:hover,
.slick-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.custom-content .btn {
    font-family: "Inter";
    font-size: 15.64px;
    font-weight: 600;
    line-height: 26.18px;
    text-align: left;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 50px;
}

.custom-content .btn:hover {
    background-color: #00254D;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
}

#artical {
    background-image: url(assets/images/artical.png);
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}

.news_art {
    padding-right: 90px;
}

.news_art span {
    font-family: "Inter";
    font-size: 16.45px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #2B5677;
}

.news_art h2 {
    font-family: "Inter";
    font-size: 48.75px;
    font-weight: 700;
    line-height: 62px;
    text-align: left;
    color: #00254D;
}

.informed {
    padding-right: 160px;
}

.informed p {
    font-family: "Inter";
    font-size: 16.31px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #6A718A;
    margin-bottom: 30px;
}

.informed a {
    font-family: "Inter";
    font-size: 16.88px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    padding: 15px 30px;
    border-radius: 50px;
    background-color: #00254D;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
}

.informed a:hover {
    background-color: #fff;
    color: #00254D;
    border: 1px solid #00254D;
}

#artical .card {
    padding: 25px;
}

#artical .card h5 {
    font-family: "Inter";
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    text-align: left;
    color: #00254D;
}

#artical .card a {
    font-family: "Inter";
    font-size: 16.73px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    color: #2B5677;
    border-radius: 50px;
}

#artical .card a:hover {
    color: #fff;
    background-color: #00254D;
    border: 1px solid #fff;
    border-radius: 50px;
}

#artical .card span {
    font-family: "Inter";
    font-size: 16.17px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
}

#innovations {
    background-image: url(assets/images/stayImg.png);
    background-position: center;
    background-size: cover;
    padding: 70px 0;
}

.stay_div span {
    font-family: "Inter";
    font-size: 16.31px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    display: flex;
    justify-content: center;
    color: #00254D;
}

.stay_div h2 {
    font-family: "Inter";
    font-size: 48.34px;
    font-weight: 700;
    line-height: 62px;
    text-align: center;
    color: #00254D;
    padding-bottom: 30px;
}

#innovations .image-column img {
    width: 100%;
    margin-bottom: 15px;
    height: 370px;
    object-fit: cover;
}

#innovations .center-image {
    display: flex;
    align-items: center;
    height: 100%;
}

#innovations .center-image img {
    width: 100%;
}

.gallery {
    height: 370px;
    background-color: #00254D;
    padding: 100px 30px;
}

.gallery:hover {
    background-color: #fff;
    color: #00254D;
    border: 1px solid #00254D;
}

.gallery:hover a {
    color: #00254D;
}

.gallery a {
    font-family: "Inter";
    font-size: 40.14px;
    font-weight: 700;
    color: #fff;
    line-height: 53px;
    text-align: left;
    text-decoration: none;
}

footer p {
    margin-top: 0.91rem;
    margin-bottom: 0.88rem;
    color: #FFF;
    font-family: "Franklin Gothic Book";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
}

footer h3 {
    color: var(--White-Color, #FFF);
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
}

footer .firstCol ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .firstCol ul li {
    margin: 0.5rem;
}

footer .firstCol ul li img {
    background: var(--secondary-color, #2B5677);
    padding: 0.5rem;
}

footer .seconCol ul,
footer .thridCOl ul {
    padding: 0;
    margin: 0;
    color: #fff;
    padding-left: 12px;
    padding-top: 1rem;
}

footer .seconCol ul li,
footer .thridCOl ul li {
    margin-bottom: 0.19rem;
}

footer .seconCol ul li::marker,
footer .thridCOl ul li::marker {
    width: 0.1rem;
    height: 0.1rem;
}

footer .seconCol ul li a,
footer .thridCOl ul li a {
    color: var(--White-Color, #FFF);
    text-align: center;
    font-family: "Franklin Gothic Book";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem;
    text-decoration: none;
}

footer .fourthCol .address {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-start;
}

footer .fourthCol .address img {
    margin-top: 0.3rem;
    margin-right: 0.5rem;
}

.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button {
    background: #01254c !important;
    ;
}

.elementor-widget-woocommerce-cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward) {
    color: #01254c !important;
    ;
}

.elementor-widget-woocommerce-cart .woocommerce button.button {
    border-color: #01254c !important;
    ;
    color: #000 !important;
    ;
}

footer .fourthCol .address p {
    margin: 0;
    color: #FFF;
    font-family: "Franklin Gothic Book";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

footer .fourthCol .email {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-start;
}

footer .fourthCol .email img {
    margin-top: 0.3rem;
    margin-right: 0.5rem;
}

footer .fourthCol .email a {
    margin: 0;
    color: #FFF;
    font-family: "Franklin Gothic Book";
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
}

footer .fourthCol .phone {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-start;
}

footer .fourthCol .phone img {
    margin-top: 0.3rem;
    margin-right: 0.5rem;
}

footer .fourthCol .phone a {
    margin: 0;
    color: #FFF;
    font-family: "Franklin Gothic Book";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}

footer .Copyright {
    margin-top: 2rem;
    border-top: 0.0625rem solid #fff;
    padding-top: 1.5rem;
    color: #fff;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}

footer .Copyright P {
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    text-align: center;
}

.marine_div h2 {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 36px;
    color: #292929;
    line-height: 43.2px;
    letter-spacing: -0.005em;
    text-align: left;
}

#marine div.marine_div h3 {
    font-family: "Franklin Gothic Condensed Demi";
    color: #00254D;
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-bottom: 0.5rem;
}

.marine_div h5 {
    font-family: "Franklin Gothic Book";
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    text-align: left;
    color: #666666;
    border-bottom: 2px dashed #A3A3A3;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.marine_div h4 {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.45rem;
    line-height: 24px;
    text-align: left;
    color: #292929;
}

.marine_div p {
    text-align: left;
    color: #666;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.img_hous .icn {
    display: flex;
    flex-direction: column;
}

.img_hous .icn i {
    font-size: 20px;
    background-color: rgba(216, 216, 216, 0.3882352941);
    padding: 15px;
    border-radius: 5px;
    margin: 5px 0;
}

.set_pc {
    display: flex;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

.set_pc p {
    margin: 0;
    padding-bottom: 5px;
    color: #000;
    font-family: "Franklin Gothic Book";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.set_pc h6 {
    font-family: "Franklin Gothic Book";
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    text-align: left;
    color: #666666;
}

#pc_detail {
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 70px;
    margin-bottom: 150px;
}

#pc_detail .postChild {
    background-color: #F2F2F2;
    margin-bottom: 2em;
}

.text_pc {
    margin-top: 1rem;
}

.text_pc p {
    color: #000;
    font-family: "Franklin Gothic Book";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px;
}

.text_pc p strong {
    color: #000;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.text_pc button {
    padding: 0.625rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    background-color: #00254D;
    color: #fff;
    padding: 8px 20px;
    border-radius: 30px;
    border: 2px solid #00254D;
    color: var(--White-Color, #FFF);
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin-top: 1.5rem;
}

.postChild .text_pc button {
    margin-top: 0.7rem;
}

.text_pc select {
    background-color: transparent;
    color: #00254D;
    margin-left: 4rem;
    padding: 8px 20px;
    border-radius: 30px;
    border: 2px solid #00254D;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
}

.text_pc select option {
    font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

#fot_loog {
    background-color: #F2F2F2;
    padding: 70px 0;
}

.logo_fot {
    display: flex;
    justify-content: space-between;
    margin: auto;
}

/* ======== Single Product start ======= */
/* Custom styling for the product page */
.product_img_column .thumbnail-slider .nav-img {
    padding: 1rem;
    border-radius: 0.5rem;
    background: #F2F2F2;
    margin: 5px;
}

.product_img_column .thumbnail-slider .slick-prev.slick-arrow {
    border-radius: 0.5rem;
    background: #F2F2F2;
    border: none;
    color: #0d3056;
    font-size: 13px;
    padding: 1.2rem 1.5rem;
    position: relative;
    left: 21em;
    top: -12em;
}

.product_img_column .thumbnail-slider .slick-next.slick-arrow {
    border-radius: 0.5rem;
    background: #F2F2F2;
    border: none;
    color: #0d3056;
    font-size: 13px;
    padding: 28px;
    position: relative;
    left: 21em;
    top: -19em;
}

.product_img_column .product_gallery img {
    display: flex;
    width: 28.625rem;
    padding: 6.875rem 1.4375rem 6.9375rem 2.625rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 0.5rem;
    border: 1px solid #E6E4E4;
    background: #F2F2F2;
    height: 32em;
    object-fit: contain;
}

a.shareIcon {
    display: inline-block;
    border-radius: 0.5rem;
    background: #F2F2F2;
    border: none;
    color: #0d3056;
    font-size: 13px;
    padding: 1.8rem 1.7rem;
}

a.favIcon {
    display: inline-block;
    border-radius: 0.5rem;
    background: #F2F2F2;
    border: none;
    color: #0d3056;
    font-size: 13px;
    padding: 1.8rem 1.7rem;
    margin-top: 1rem;
}

.product_det .product-title {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 36px;
    color: #292929;
    line-height: 43.2px;
    letter-spacing: -0.005em;
    text-align: left;
    margin-top: 0.7rem;
}

.product_det h5 {
    text-align: left;
    color: #666;
    font-family: "Franklin Gothic Book";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.product_det h3 {
    font-family: "Franklin Gothic Light";
    color: #292929;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    margin-top: 20px;
}

.product_det p {
    text-align: left;
    color: #666666;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.product_det a.getAQuote {
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 0.625rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    margin-top: 2.13rem;
    margin-bottom: 2.44rem;
    display: inline-block;
    cursor: pointer;
}

.cate_div {
    margin: 10px 0;
    padding: 10px;
    background-color: #F2F2F2;
    width: 100%;
}

.product-price {
    color: #ff5722;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.product-description,
.specifications-heading,
.category-heading,
.type-heading {
    text-align: left;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: unset;
    margin-bottom: 0;
}

.cate_div h4 {
    color: #00254D;
}

.cate_div i {
    padding: 6px 7px;
    border: 2px solid #00254D;
    font-size: 16px;
    border-radius: 50px;
}

.speci_icn {
    margin: auto 0;
}

.product-img {
    width: 100%;
    height: 5em;
    object-fit: contain;
}

.thumbnail-img {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.2s;
}

.thumbnail-img:hover {
    transform: scale(1.1);
}

.thumbnail-slider {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 15px;
    flex-wrap: wrap;
}

.action-buttons a {
    text-decoration: none;
    margin: 0px;
    background-color: transparent;
    display: flex;
    padding: 0.425rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 3.125rem;
    border: 1px solid #00254D;
    color: #00254D;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.product_det span {
    text-align: left;
    color: #8F8F8F;
    font-family: "Franklin Gothic Book";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.01rem;
    /*! text-align: left; */
}

.action-buttons .specific {
    margin: auto 0;
}

.fa-file-pdf {
    border: none !important;
    font-size: 20px !important;
}

/* ========= Collection Page Start ======= */
#collect_sec h1 {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 44px;
    font-weight: 700;
    padding: 0;
    line-height: 48.4px;
    text-align: left;
}

.cat_spn {
    border: 1px solid;
    padding: 4px 22px;
    border-radius: 50px;
    margin: 0 0.8rem;
}

.cat_spn span {
    font-family: "Franklin Gothic Book";
    font-size: 10.4px;
    font-weight: 400;
    line-height: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5199999809px;
    text-align: left;
    color: #2B5677;
}

.cat_spn p {
    font-family: "Franklin Gothic Book";
    font-size: 14.4px;
    color: #2B5677;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    margin: 0;
}

.mirn_btn {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 0;
}

.mirn_btn i {
    font-size: 1.5rem;
    color: #BCBEC0;
    font-weight: 400;
}

.btm_bdr .row {
    border-bottom: 1px solid #BCBEC0;
    padding: 40px 0;
    margin-left: 20px;
}

.border_right {
    border-right: 1px solid #BCBEC0;
}

.box_img {
    display: flex;
    gap: 20px;
}

.box_img span {
    font-family: "Franklin Gothic Light";
    font-size: 12px;
    font-weight: 500;
    line-height: 13.2px;
    letter-spacing: 0.6000000238px;
    color: #666666;
    text-transform: uppercase;
}

.box_img h3 {
    font-family: "Franklin Gothic Light";
    font-size: 17.6px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: left;
    color: #01254C;
}

.box_img p {
    font-family: "Franklin Gothic Light";
    font-size: 14.4px;
    font-weight: 400;
    line-height: 20.16px;
    text-align: left;
    color: #01254C;
}

#Categri {
    margin-top: 40px;
}

#Categri .container {
    border-top: 1px solid;
    padding-top: 30px;
}

.stock_btn p {
    font-family: "Franklin Gothic Light";
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    text-align: left;
    color: #4C7D2C;
}

.stock_btn button {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    background-color: #01254C;
    border-radius: 30px;
    color: #fff;
    padding: 6px 13px;
    margin-bottom: 10px;
}

/* ===== Collection Page Grid ====== */
.sidebar {
    border-right: 1px solid #ddd;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
}

/* Card styling */
.card-box {
    margin: 15px 0;
}

.card-img-top {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.card-box img {
    padding: 20px 0;
    width: 100%;
}

.card-box h5 {
    font-size: 13px;
    font-weight: 600;
    line-height: 15.6px;
    text-align: left;
    color: #03195a;
}

.card-box p {
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #595c60;
}

.card-box a:not(.exempt_style) {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 14.73px;
    font-weight: 400;
    line-height: 18.41px;
    text-align: center;
    padding: 10px 20px;
    background-color: #00254d;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
}

.accordion-button {
    background-color: #f5f5f5;
    padding: 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Franklin Gothic Medium";
    font-size: 16px;
    font-weight: 400;
    color: #00254D;
    line-height: 19.2px;
    text-align: left;
    text-transform: uppercase;
}

.accordion-body ul li {
    list-style-type: none;
    font-family: "Franklin Gothic Book";
    font-size: 13px;
    font-weight: 400;
    padding: 10px 0;
    color: #000;
    line-height: 20px;
    text-align: left;
}

.accordion-item {
    margin: 10px 0;
}

.prodcut_title span {
    font-family: "Inter";
    font-size: 16.31px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #00254D;
    display: flex;
    justify-content: center;
}

.prodcut_title h2 {
    font-family: Inter;
    font-size: 48.34px;
    font-weight: 700;
    line-height: 62px;
    margin-bottom: 25px;
    text-align: center;
    color: #00254D;
}

.product-card {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 15px;
    text-align: center;
    background: #ECECEC;
    margin: 10px;
}

.product-card img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    background: #fff;
    padding: 57px;
    height: 270px;
    width: 275px;
    border-radius: 20px;
    object-fit: cover;
}

.product-slider .product-card h5 a {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 16px;
    font-weight: 600;
    line-height: 18.24px;
    color: #000000;
    text-align: left;
    padding: 10px 0;
    text-decoration: none;
}

.product-card button:hover {
    background-color: #00254D;
    color: #fff;
}

.product-slider .slick-slide {
    margin: 0 10px;
}

.product-slider .slick-list {
    margin: 0 -10px;
}

.product-slider .slick-prev {
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.slick-next {
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.product-slider .slick-prev:hover,
.slick-next:hover {
    color: #fff;
    background: #00254D;
    border: 1px solid #00254D;
}

.product-slider .slick-prev {
    left: -45px;
}

.product-slider .slick-next {
    right: -45px;
}

.product-slider .slick-dots {
    display: none !important;
}

.slick-dots {
    display: none !important;
}

.dex_btn {
    margin: 50px 0;
    display: flex;
    justify-content: center;
}

.dex_btn a {
    font-family: Inter;
    font-size: 16.88px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color: #2B5677;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 50px;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .product-title {
        font-size: 1.5rem;
    }

    .thumbnail-slider {
        justify-content: flex-start;
    }

    .thumbnail-img {
        width: 60px;
        height: 60px;
    }

    .product-description,
    .specifications-heading,
    .category-heading,
    .type-heading {
        margin-top: 15px;
        font-size: 1rem;
    }

    .action-buttons {
        display: flex;
        flex-direction: column;
    }

    .action-buttons button {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 600px) {
    footer .seconCol h3 {
        padding-top: 1rem;
    }

    footer .thridCOl ul {
        padding-top: 0;
        padding-bottom: 1rem;
    }

    footer .thridCOl h3 {
        display: none;
    }
}

.tab-container {
    display: inline-block;
}

.tab-content {
    margin-bottom: 2em;
}

#pc_detail .container {
    padding: 0;
}

#pc_detail table,
#pc_detail th,
#pc_detail td {
    border: 2px solid white;
}

#pc_detail table {
    width: 100%;
    text-align: left;
    /* overflow: scroll; */
}

#pc_detail table tr {
    background: #D9D9D9;
}

#pc_detail table tr:hover {
    background: #fff;
    transform: scaleY(1.01);
}

#pc_detail tr:hover td {
    border: 2px solid #D9D9D9 !important;
    ;
}

#pc_detail .compare .svg-logo {
    margin: 6px 0;
    height: unset !important;
    width: unset !important;
}

#pc_detail .compare .aero-quip.svg-logo {
    margin-bottom: 10px;
    margin-top: -9px;
}

#pc_detail table th {
    color: #000;
    font-size: 1.125rem;
    font-family: "Franklin Gothic Book";
    font-style: normal;
    /*! padding: 3px 11px; */
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
}

#pc_detail table td {
    padding: 3px 11px;
    /*! text-align: center; */
    vertical-align: middle;
}

#pc_detail table td a {
    color: #00254d;
    display: block;
}

#pc_detail .tab-content.compare table th {
    font-size: 12px;
    /*! padding: 3px; */
    font-weight: 600;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    text-wrap: nowrap;
}

#pc_detail .tab-content.compare h3 {
    text-align: left;
}

#pc_detail .tab-content.compare .rightAeroQuip h3 {
    text-align: right;
}

#pc_detail .tab-content.compare table td {
    padding: 3px 4px;
    font-size: 12px;
    width: 100%;
    white-space: normal;
    text-align: center;
    text-wrap: nowrap;
}

#pc_detail .tab-content.compare h3.familyName {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.6em;
    color: #292929;
    line-height: 43.2px;
    letter-spacing: -0.005em;
    border-right: 4px solid black;
}

#pc_detail .tab-content.compare .equalComparison h5 {
    font-size: 14px;
    font-weight: 700;
    width: 70%;
}

#pc_detail .tab-content.compare .productName {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 36px;
    color: #292929;
    letter-spacing: -0.005em;
    margin: 0;
    margin-top: 10px;
}

#pc_detail .tab-content.compare h5.Description {
    font-family: "Franklin Gothic Book";
    font-size: 25px;
    color: #7d7979;
    font-weight: 600;
}

#pc_detail .tab-content.compare h3.skus_compar {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 30px;
    color: #000;
    margin: 5px 0;
}

#pc_detail .tab-content.compare h4.group {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 25px;
    color: #000;
}

#pc_detail .tab-content.compare h4.group-detail {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 25px;
    color: #000;
}

#pc_detail .tab-content.compare h4.relatedFamilies strong {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 20px;
    color: #000;
    font-weight: 500;
}

#pc_detail .tab-content.compare h4.relatedFamilies {
    font-family: "Franklin Gothic Book";
    font-size: 20px;
    color: #292929;
    margin-top: 20px;
    margin-bottom: 0px;
}

#pc_detail .tab-content.compare .col-md-6:nth-child(1) {
    border-left: 1.8rem #00254D solid;
    padding-left: 3rem;
}

#pc_detail .tab-content.compare .col-md-6:nth-child(2) {
    border-right: 1.8rem #d2232a solid;
    padding-right: 3rem;
}

#pc_detail .tab-content.compare .rightAeroQuip {
    text-align: right;
}

#pc_detail .tab-content.compare .rightAeroQuip h3.familyName {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.6em;
    color: #292929;
    line-height: 1em;
    letter-spacing: -0.005em;
    text-align: right;
    border-right: none;
    border-left: 4px solid black;
}

#pc_detail .tab-content.compare .rightAeroQuip .equalComparison {
    display: flex;
    justify-content: end;
}

#pc_detail table+select {
    background: #D9D9D9;
    padding: 0.36rem 3.38rem 0.36rem 1rem;
    border: none;
    margin: 1rem 0;
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
}

.dropMenu {
    position: absolute;
    background: #D9D9D9;
    width: 76em;
    margin-top: 2rem;
    padding: 3rem 2.37rem;
    border-radius: 30px;
    min-height: 56vh;
    left: -27%;
}

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

#codepen_mega_menu .clearfix:after,
#codepen_mega_menu .clearfix:before {
    content: '';
    display: table;
}

#codepen_mega_menu .clearfix:after {
    clear: both;
    display: block;
}

#codepen_mega_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#codepen_mega_menu a,
#codepen_mega_menu a:hover,
#codepen_mega_menu a.active,
#codepen_mega_menu a:active,
#codepen_mega_menu a:visited,
#codepen_mega_menu a:focus {
    color: #fefefe;
    text-decoration: none;
}

#codepen_mega_menu .exo-menu {
    width: 85%;
    list-style: none;
    position: relative;
    background: #FFFFFFE5;
    padding-right: 12px;
    display: flex;
    justify-content: end;
    align-items: center;
}

#codepen_mega_menu .content {
    display: flex;
    align-items: center;
}

#codepen_mega_menu .exo-menu>li {
    display: inline-block;
    /*float: left;*/
    /*! padding-left: 10.8125em; */
}

#codepen_mega_menu .exo-menu>li>a {
    color: #ccc;
    text-decoration: none;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}

#codepen_mega_menu .exo-menu>li>a.active,
#codepen_mega_menu .exo-menu>li>a:hover,
#codepen_mega_menu li.drop-down ul>li>a:hover {
    background: #01254c;
    color: #fff;
}

#codepen_mega_menu .exo-menu i {
    font-size: 15px;
    margin-left: 6px;
    line-height: 20px !important;
}

#codepen_mega_menu li.drop-down,
#codepen_mega_menu .flyout-right,
#codepen_mega_menu .flyout-left {
    position: relative;
}

#codepen_mega_menu li.drop-down:before {
    content: "\f103";
    color: #fff;
    font-family: FontAwesome;
    font-style: normal;
    display: inline;
    position: absolute;
    right: 6px;
    top: 20px;
    font-size: 14px;
}

#codepen_mega_menu li.drop-down>ul {
    left: 0px;
    min-width: 230px;
}

#codepen_mega_menu .drop-down-ul {
    display: none;
}

#codepen_mega_menu .flyout-right>ul,
#codepen_mega_menu .flyout-left>ul {
    top: 0;
    min-width: 230px;
    display: none;
    border-left: 1px solid #365670;
}

#codepen_mega_menu li.drop-down>ul>li>a,
#codepen_mega_menu .flyout-right ul>li>a,
#codepen_mega_menu .flyout-left ul>li>a {
    color: #fff;
    display: block;
    padding: 20px 22px;
    text-decoration: none;
    background-color: #365670;
    border-bottom: 1px dotted #547787;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}

#codepen_mega_menu .flyout-right ul>li>a,
#codepen_mega_menu .flyout-left ul>li>a {
    border-bottom: 1px dotted #b8c7bc;
}

#codepen_mega_menu .flyout-mega-wrap {
    top: 0;
    right: 0;
    left: 100%;
    width: 100%;
    display: none;
    height: 100%;
    padding: 15px;
    min-width: 742px;
}

#codepen_mega_menu h4.row.mega-title {
    color: #eee;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
}

#codepen_mega_menu .flyout-mega ul>li>a {
    font-size: 90%;
    line-height: 25px;
    color: #fff;
    font-family: inherit;
}

#codepen_mega_menu .flyout-mega ul>li>a:hover,
#codepen_mega_menu .flyout-mega ul>li>a:active,
#codepen_mega_menu .flyout-mega ul>li>a:focus {
    text-decoration: none;
    background-color: transparent !important;
    color: #ccc !important;
}

#codepen_mega_menu .mega-menu {
    left: 0;
    right: 0;
    padding: 15px;
    display: none;
    padding-top: 0;
    min-height: 100%;
}

#codepen_mega_menu h4.row.mega-title {
    color: #eee;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #547787;
    padding-top: 15px;
    background-color: #365670;
}

#codepen_mega_menu .mega-menu ul li a {
    line-height: 25px;
    font-size: 90%;
    display: block;
}

#codepen_mega_menu ul.stander li a {
    padding: 3px 0px;
}

#codepen_mega_menu ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

#codepen_mega_menu ul.description li span {
    color: #ccc;
    font-size: 85%;
}

#codepen_mega_menu a.view-more {
    border-radius: 1px;
    margin-top: 15px;
    background-color: #009fe1;
    padding: 2px 10px !important;
    line-height: 21px !important;
    display: inline-block !important;
}

#codepen_mega_menu a.view-more:hover {
    color: #fff;
    background: #0dadef;
}

#codepen_mega_menu ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009fe1;
    line-height: 35px !important;
}

#codepen_mega_menu ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}

#codepen_mega_menu .Blog {
    left: 0;
    display: none;
    color: #fefefe;
    padding-top: 15px;
    background: #547787;
    padding-bottom: 15px;
}

#codepen_mega_menu .Blog .blog-title {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}

#codepen_mega_menu .Blog .blog-des {
    color: #ccc;
    font-size: 90%;
    margin-top: 15px;
}

#codepen_mega_menu .Blog a.view-more {
    margin-top: 0px;
}

#codepen_mega_menu .Images {
    left: 0;
    width: 100%;
    display: none;
    color: #fefefe;
    padding-top: 15px;
    background: #547787;
    padding-bottom: 15px;
}

#codepen_mega_menu .Images h4 {
    font-size: 15px;
    margin-top: 0px;
    text-transform: uppercase;
}

#codepen_mega_menu .flyout-right ul>li>a,
#codepen_mega_menu .flyout-left ul>li>a,
#codepen_mega_menu .flyout-mega-wrap,
#codepen_mega_menu .mega-menu {
    /*background-color: #547787;*/
}

#codepen_mega_menu .exo-menu>li::before {
    content: "";
    display: none;
    /* Hide by default */
}

#codepen_mega_menu .exo-menu>li.hover-before::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2240%22%20viewBox%3D%220%200%2025%2011%22%20fill%3D%22none%22%3E%3Cpath%20id%3D%22Subtract%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2010.6978H24.3659C24.1682%2010.2082%2023.8664%209.7494%2023.4602%209.35367L15.0478%201.1563C13.4656%20-0.385436%2010.9003%20-0.385432%209.31811%201.1563L0.905619%209.35368C0.499506%209.7494%200.197633%2010.2082%200%2010.6978Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.85%22%2F%3E%3C%2Fsvg%3E");
    position: absolute;
    bottom: -50px;
    padding-left: 3%;
    display: block;
}

#codepen_mega_menu .exo-menu>li::hover::before {
    display: block;
}

#codepen_mega_menu .Blog:hover,
#codepen_mega_menu .Images:hover,
#codepen_mega_menu .mega-menu:hover,
#codepen_mega_menu .drop-down-ul:hover,
#codepen_mega_menu li.flyout-left>ul:hover,
#codepen_mega_menu li.flyout-right>ul:hover,
#codepen_mega_menu .flyout-mega-wrap:hover,
#codepen_mega_menu li.flyout-left a:hover+ul,
#codepen_mega_menu li.flyout-right a:hover+ul,
#codepen_mega_menu .blog-drop-down>a:hover+.Blog,
#codepen_mega_menu li.drop-down>a:hover+.drop-down-ul,
#codepen_mega_menu .images-drop-down>a:hover+.Images,
#codepen_mega_menu .mega-drop-down a:hover+.mega-menu,
#codepen_mega_menu li.flyout-mega>a:hover+.flyout-mega-wrap,
#codepen_mega_menu .exo-menu>li:hover a::before {
    display: block;
}

@media (min-width: 767px) {
    #codepen_mega_menu .exo-menu>li>a {
        display: block;
        padding: 1.2rem 1rem;
        color: #00254D;
        text-align: center;
        font-family: "Franklin Gothic Condensed Demi";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
    }

    #codepen_mega_menu .mega-menu,
    #codepen_mega_menu .flyout-mega-wrap,
    #codepen_mega_menu .Images,
    #codepen_mega_menu .Blog,
    #codepen_mega_menu .flyout-right>ul,
    #codepen_mega_menu .flyout-left>ul,
    #codepen_mega_menu li.drop-down>ul {
        position: absolute;
    }

    #codepen_mega_menu .flyout-right>ul {
        left: 100%;
    }

    #codepen_mega_menu .flyout-left>ul {
        right: 100%;
    }
}

@media (max-width: 767px) {
    #codepen_mega_menu .exo-menu {
        min-height: 58px;
        background-color: #23364b;
        width: 100%;
    }

    #codepen_mega_menu .exo-menu>li>a {
        width: 100%;
        display: none;
    }

    #codepen_mega_menu .exo-menu>li {
        width: 100%;
    }

    #codepen_mega_menu .display.exo-menu>li>a {
        display: block;
        padding: 20px 22px;
    }

    #codepen_mega_menu .mega-menu,
    #codepen_mega_menu .Images,
    #codepen_mega_menu .Blog,
    #codepen_mega_menu .flyout-right>ul,
    #codepen_mega_menu .flyout-left>ul,
    #codepen_mega_menu li.drop-down>ul {
        position: relative;
    }
}

#codepen_mega_menu a.toggle-menu {
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364b;
    top: 0px;
}

#codepen_mega_menu .blink-soft {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

#codepen_mega_menu .visit-my-blog {
    background: #379fe1;
}

#codepen_mega_menu button.nav-link.active {
    background: #00254D !important;
    color: #fff;
}

#codepen_mega_menu button.nav-link {
    padding: 1.2rem;
    border-radius: 0 !important;
    padding-right: 9rem;
    color: #00254D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
    text-align: left;
    font-family: "Franklin Gothic Condensed Demi";
}

#codepen_mega_menu .dropMenu>div:first-child {
    overflow-y: scroll;
    max-height: 50vh;
    --scrollbar-width: thin;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

#codepen_mega_menu .dropMenu>div:nth-child(2) {
    overflow-y: scroll;
    --scrollbar-width: thin;
    max-height: 50vh;
    display: flex !important;
    flex-wrap: wrap;
}

#codepen_mega_menu .dropMenu>div .tab-fane {
    display: contents;
}

#codepen_mega_menu .dropMenu>div .cate_link_menu {
    position: absolute;
    bottom: 1rem;
    right: 3rem;
}

#codepen_mega_menu .dropMenu>div .cate_link_menu a {
    color: #000 !important;
}

#codepen_mega_menu .dropMenu>div .cate_link_menu a {
    color: #1C1B1F;
    text-align: center;
    font-size: 21px;
    font-style: normal;
    font-family: "Franklin Gothic Medium";
    font-weight: 400;
    border-bottom: 2px solid #1C1B1F;
    padding-bottom: 2px;
}

.nav.flex-column.nav-pills.me-3 {
    border-right: 2px solid #01254c;
    padding-right: 1rem;
}

#collect_sec .cat_spn>h3 {
    font-family: "Franklin Gothic Medium";
    font-size: 16px;
    font-weight: 400;
    color: #00254D;
    text-align: left;
    text-transform: uppercase;
    font-style: unset;
    margin: unset;
    padding-left: 9px;
    padding-top: 7px;
}

.childerinTabs h3 {
    color: #00254D;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 6px;
}

.childColumn img {
    width: 4rem;
    height: 4rem;
    margin: unset;
    margin-bottom: 0.3rem;
}

.childerinTabs h4 {
    color: #00254D;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: unset;
    margin-bottom: 0.2rem;
}

.childerinTabs p {
    color: #00254D;
    font-family: "Franklin Gothic Book";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#codepen_mega_menu .childerinTabs .childColumn p>a {
    color: #00254d !important;
    text-decoration: underline;
}

.childerinTabs.row {
    width: 46em;
}

#codepen_mega_menu button.nav-link img {
    float: left;
    margin-right: 1em;
    background: #d9d9d9;
    padding: 2px;
    border-radius: 9px;
    /* 	width: 4rem; */
}

#codepen_mega_menu .exo-menu>li:has(.mega-drop-down)>a::before {
    content: url("data:image/svg+xml,%3Csvg width='66' height='58' viewBox='0 0 66 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23bgblur_0_473_2465_clip_path)' data-figma-skip-parse='true'%3E%3CforeignObject x='0' y='0' width='0' height='0'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(17.5px);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3Cpath opacity='0.85' data-figma-bg-blur-radius='35' d='M33.1096 0L65.2474 57.2069H0.97168L33.1096 0Z' fill='white'/%3E%3Cdefs%3E%3CclipPath id='bgblur_0_473_2465_clip_path'%3E%3Cpath d='M33.1096 0L65.2474 57.2069H0.97168L33.1096 0Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
    position: absolute;
    bottom: -42px;
    margin-left: 30px;
    display: none;
}

.product_img_column .thumbnail-slider .product-img {
    max-height: 7rem;
}

#codepen_mega_menu .exo-menu>li:hover {
    background: #01254c;
}

#codepen_mega_menu .exo-menu>li:hover a {
    color: #fff;
}

.set_pc .pc_Img img {
    width: 200px;
    object-fit: contain;
}

#pc_detail .tab-content.compare img {
    max-width: 15em;
    width: 21vmin;
    height: 34vmin;
    object-fit: contain;
}

.product_img_column .thumbnail-slider .nav-img.slick-current {
    border: 3px #00254D solid;
}

.product_img_column .thumbnail-slider .nav-img {
    border: 3px transparent solid;
}

.cate_div_parent .cate_div {
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.cate_div_parent .cate_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 15px;
    cursor: pointer;
}

.cate_div_parent .action-buttons .cate_header {
    flex-wrap: wrap;
}

.cate_div_parent .action-btns {
    display: flex;
    align-items: center;
    gap: 15px;
}

.cate_div_parent .expand-list {
    /*     max-height: 0; */
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding: 0;
    margin: 0;
    list-style: none;
}

.cate_div_parent .expand-list li {
    padding: 6px 15px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
}

.cate_div_parent .expand-list li span {
    color: black;
    font-weight: 500;
}

.cate_div_parent .cate_div.active .expand-list {
    max-height: 100%;
}

.cate_div_parent .toggle-btn {
    transition: transform 0.3s ease;
}

.cate_div_parent .cate_div.active .toggle-btn {
    /* transform: rotate(45deg); */
}

#faq .product-title {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 4rem;
    color: #292929;
    line-height: 43.2px;
    letter-spacing: -0.005em;
    text-align: center;
    margin-top: 0.7rem;
    margin-bottom: 4rem;
}

.product_det .req-info-btn {
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 0.625rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    margin-top: 2.13rem;
    margin-bottom: 2.44rem;
    display: inline-block;
    cursor: pointer;
}

.cate_div .view {
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 0.225rem 1.25rem;
    text-decoration: none;
    cursor: pointer;
}

.page-template-tlp-family .accordion-body ul li label {
    display: flex;
    align-items: center;
}

.page-template-tlp-family button.req-info-btn {
    padding: 0.625rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    background-color: #00254D;
    color: #fff;
    padding: 8px 20px;
    border-radius: 30px;
    border: 2px solid #00254D;
    color: var(--White-Color, #FFF);
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.components-table h3 {
    text-align: left;
    color: black;
    font-size: 1.5em;
}

.dimensions-table h3 {
    text-align: left;
    color: black;
    font-size: 1.5em;
}

#tables_view table,
#tables_view th,
#tables_view td,
#tables_view tr {
    border: 2px solid white;
    border-bottom: 2px;
}

#tables_view table {
    width: 100%;
    text-align: left;
}

#tables_view table tr {
    background: #d9d9d9;
}

#tables_view table th {
    color: #000;
    font-size: 1.125rem;
    font-family: "Franklin Gothic Book";
    font-style: normal;
    font-weight: 600;
}

#tables_view table td a {
    color: #00254d;
}

#tables_view table th {
    font-size: 16px;
    padding: 3px;
    font-weight: 600;
    padding: .5rem .5rem;
}

#tables_view table td {
    font-size: 14px;
}

#content-list button {
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 0.95rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 0.525rem 1.05rem;
    text-decoration: none;
    margin-top: 0.53rem;
    margin-bottom: 0.44rem;
    display: inline-block;
    cursor: pointer;
}

.wp-pagenavi span.current {
    font-weight: bold;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    border-color: #000;
}

.wp-pagenavi span.current {
    background: #00254d;
}

.wp-pagenavi span.current {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}


/* .single.single-product .breadcrumbs {
    display: none !important;
} */
#cartPage {
    /* Product Table Styles */
}

#cartPage table {
    width: 100%;
    /*   max-width: 900px; */
    border-collapse: collapse;
    font-family: "Segoe UI", Arial, sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    margin: 20px auto;
    /* Table Header */
}

#cartPage th {
    background-color: #01254c;
    color: white;
    font-weight: 600;
    padding: 12px 15px;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /* Table Rows */
}

#cartPage tr {
    border-bottom: 1px solid #eee;
}

#cartPage tr:last-child {
    border-bottom: none;
}

#cartPage tr:nth-child(even) {
    background-color: #f9f9f9;
    /* Table Cells */
}

#cartPage td {
    padding: 12px 15px;
    vertical-align: middle;
    /* Product Cell Layout */
}

#cartPage td:first-child {
    display: flex;
    align-items: center;
    padding: 15px;
    /* Product Image */
}

#cartPage .pc_Img {
    width: 80px;
    height: 80px;
    min-width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: white;
    overflow: hidden;
}

#cartPage .pc_Img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* Product Information */
}

#cartPage td:first-child>div:nth-child(2) {
    margin-left: 15px !important;
    flex: 1;
    /* Part Number */
}

#cartPage td:first-child p:first-child {
    color: #666;
    font-size: 13px;
    margin: 0 0 5px 0;
    /* MIL Specification */
}

#cartPage td:first-child h6 {
    color: #01254c;
    font-size: 16px;
    margin: 0 0 5px 0;
    font-weight: 600;
    /* Hose Compatibility */
}

#cartPage td:first-child p strong {
    color: #01254c;
    /* Quantity Column */
}

#cartPage td:nth-child(2) {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    /* Delete Column */
}

#cartPage td:last-child {
    text-align: center;
}

#cartPage .btn-remove {
    color: #e74c3c;
    font-size: 18px;
    cursor: pointer;
    transition: transform 0.2s ease;
}

#cartPage .btn-remove:hover {
    transform: scale(1.2);
    color: #c0392b;
    /* Responsive adjustments */
}

@media (max-width: 768px) {
    #cartPage td:first-child {
        flex-direction: column;
        align-items: flex-start;
    }

    #cartPage .pc_Img {
        margin-bottom: 10px;
    }

    #cartPage td:first-child>div:nth-child(2) {
        margin-left: 0 !important;
    }

    #cartPage th {
        font-size: 12px;
        padding: 8px;
    }
}

#cartFORM {
    padding: 5rem 0;
}

#cartFORM .text-center {
    max-width: 800px;
    margin: 0 auto;
    padding: 30px 20px;
    font-family: 'Segoe UI', Arial, sans-serif;
}

#cartFORM form.validate {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

#cartFORM .form-field {
    display: flex;
    flex-direction: column;
    position: relative;
    /* Make comments and submit button span full width */
}

#cartFORM .form-field:nth-last-child(2),
#cartFORM .form-field:last-child {
    grid-column: span 2;
}

#cartFORM label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #2c3e50;
}

#cartFORM input[type="text"],
#cartFORM input[type="email"],
#cartFORM select,
#cartFORM textarea {
    padding: 12px 16px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    font-size: 15px;
    transition: border-color 0.3s, box-shadow 0.3s;
    background-color: #f9f9f9;
    width: 100%;
}

#cartFORM input[type="text"]:focus,
#cartFORM input[type="email"]:focus,
#cartFORM select:focus,
#cartFORM textarea:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
    background-color: #fff;
}

#cartFORM select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232c3e50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
}

#cartFORM textarea {
    min-height: 120px;
    resize: vertical;
}

#cartFORM input[type="submit"] {
    color: white;
    border: none;
    padding: 14px 24px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
    width: auto;
    margin: 10px auto 0;
    justify-self: center;
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 1.625rem 5.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    margin-top: 2.13rem;
    margin-bottom: 2.44rem;
    display: inline-block;
    cursor: pointer;
}

#cartFORM input[type="submit"]:hover {
    background-color: #2980b9;
    /* Empty label before submit button */
}

#cartFORM .form-field:last-child label {
    display: none;
    /* Placeholder styling */
}

#cartFORM ::placeholder {
    color: #95a5a6;
    opacity: 0.7;
    /* Responsive adjustments */
}

@media (max-width: 768px) {
    #cartFORM form.validate {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    #cartFORM .form-field:nth-last-child(2),
    #cartFORM .form-field:last-child {
        grid-column: span 1;
    }

    #cartFORM input[type="submit"] {
        width: 100%;
    }
}

.page-template-default.elementor-default #codepen_mega_menu {
    background: #FFFFFFE5;
    border-radius: 50px;
}

.page-template-default.elementor-default #codepen_mega_menu .exo-menu {
    background: transparent;
    border-radius: 50px;
}

.search-loader {
    text-align: center;
    padding: 20px;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    animation: spin 1s linear infinite;
    margin: 12vmin auto;
}

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

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

#based_on {
    padding: 6px 22px;
}

.pagination-container {
    margin: 30px 0;
    text-align: center;
}

.wp-pagenavi {
    clear: both;
    padding: 20px 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
    padding: 8px 12px;
    margin: 0 4px;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
}

.wp-pagenavi a:hover {
    background-color: #f5f5f5;
}

.wp-pagenavi span.current {
    background-color: #00254d;
    color: white;
    border-color: #007bff;
}

.wp-pagenavi .pages {
    margin-right: 15px;
}

/* Post Type Badge Styles */
.post-type-badge {
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
}

.post-type-badge.aeroquip {
    background-color: #0056b3;
}

.post-type-badge.hydrasearch {
    background-color: #28a745;
}

.pagination-container {
    margin: 20px 0;
}

.pagination-wrapper {
    display: inline-block;
}

.pagination-btn {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #007bff;
    padding: 6px 12px;
    margin: 0 4px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s;
}

.pagination-btn:hover {
    background-color: #e9ecef;
}

.pagination-btn.active {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
    cursor: default;
}

.pagination-dots {
    margin: 0 8px;
    color: #6c757d;
}

#pc_detail .tab-content.compare .col-md-4 img {}

#pc_detail .tab-content.compare .rightAeroQuip img:first-child {
    height: unset;
    width: unset;
    min-height: 52px;
}

#pc_detail .tab-content.compare .rightAeroQuip .col-md-12 img:first-child,
#pc_detail .tab-content.compare #makeme100 img:first-child {
    height: 38vh;
    width: 100%;
    max-width: unset;
    object-fit: cover;
}

.card-box .card-title.product-title {
    color: #03195a;
    text-align: left;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 1rem;
    line-height: 1;
    min-height: 2rem;
}

.card-box .exempt_style {
    text-decoration: none;
}

#pc_detail .tab-content.compare .col-md-4 img,
#pc_detail .tab-content.compare .rightAeroQuip .col-md-4 img {
    height: 100% !important;
    width: 100% !important;
    max-width: unset !important;
    object-fit: contain !important;
}

#content-list .card.card-box img {
    padding: 3rem 3rem;
}

.card-box img {
    padding: 20px 0;
    height: 40vmin;
    width: 100%;
    object-fit: contain;
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
    #ourServices .slick-prev {
        font-size: 24px;
        z-index: 2;
        color: #00254D;
        background: #fff;
        border: 1px solid #ddd;
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        top: -7vmin;
        position: absolute;
        transform: translateY(50%);
        left: 97vmin;
        border-radius: 0;
    }

    #pc_detail .tab-content.compare table th {
        font-size: 12px;
        padding: 0px;
        font-weight: 600;
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }

    #pc_detail .tab-content.compare table td {
        padding: 5px 4px;
        font-size: 10px;
        text-align: center;
    }
}

.searchandfilter li select:not(:has(option)) {
    display: none;
}

.searchandfilter li select {
    color: #00254D;
    text-align: left;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    padding: 0.25rem .45rem;
    text-decoration: none;
    margin-top: 1.13rem;
    margin-bottom: 1.44rem;
    display: inline-block;
    cursor: pointer;
}

.searchandfilter li input[type="submit"] {
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 0.25rem .45rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    margin-top: 1.13rem;
    margin-bottom: 1.44rem;
    display: inline-block;
    cursor: pointer;
}

.archive.search h1 {
    color: #000;
}

#collectionAccordion ul {
    margin: 10px 0;
    padding: 0;
}

.searchandfilter li {
    list-style: none;
    display: block;
    padding-right: 10px;
    text-wrap: nowrap;
}

.search .searchandfilter ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#collectionAccordion .searchandfilter h5 {
    color: #03195a;
    text-align: left;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    margin: 0.5rem 0;
}

/* Hide empty aeroquip sections */
.rightAeroQuip:has(img[src=""]),
.rightAeroQuip:has(table.table-responsive tbody tr:only-child:empty) {
    display: none;
}

/* Alternative approach with more specific targeting */
.rightAeroQuip:has(img[src=""]):has(.row:empty),
.rightAeroQuip:has(table.table-responsive tbody tr:only-child:not(:has(*))) {
    display: none;
}

.tab-content.compare .table>tbody {
    vertical-align: inherit;
    max-width: 100%;
    display: block;
}

/* Only add horizontal scroll when table content exceeds viewport width */
.tab-content.compare .table {
    width: 100%;
    table-layout: auto;
    /* overflow-x: auto; */
    display: block;
}

/* For tables that don't need scrolling */
@media (min-width: 768px) {
    .tab-content.compare .table {
        display: table;
    }

    .tab-content.compare .table>tbody {
        display: table-row-group;
        overflow-x: auto;
        width: 44vw;
        display: block;
    }
}

.tab-content.compare .table-responsive {
    overflow: unset;
}

#collectionAccordion ul {
    margin: 10px 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

/* Universal Search Styling */
.universal-acf-search {
    margin: 10px 0;
}

.search-form-container {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    width: 400px;
}

.search-field {
    flex: 1;
    padding: 0px 14px;
    border: 2px solid #ddd;
    border-right: none;
    border-radius: 4px 0 0 4px;
    font-size: 14px;
    outline: none;
    border-radius: 30px 0px 0px 30px;
    width: 100%;
}

.search-field:focus {
    border-color: #01254c;
    box-shadow: 0 0 0 1px #01254c;
    border: 2px solid white;
}

.search-submit {
    padding: 7px 20px;
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 0.95rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    background: #00254D;
    border-radius: 00px 30px 30px 0px;
    border: 2px solid #fff;
}

.search-submit:hover {
    background: #005a87;
}

.search-results {
    position: absolute;
    background: white;
    border: none;
    border-top: none;
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
    z-index: 1000;
    /*     box-shadow: 0 2px 5px rgba(0,0,0,0.2); */
}

.search-result-item {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.search-result-item:hover {
    background: #f5f5f5;
}

.search-result-item:last-child {
    border-bottom: none;
}

/* Add to your theme's style.css */
.woocommerce div.product form.cart .button {
    background-color: red;
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
}

.woocommerce div.product form.cart .button:hover {
    background-color: black;
}

/* Header Cart Styles */
.header-cart {
    position: relative;
    display: inline-block;
    margin-left: 20px;
}

.cart-icon {
    position: relative;
    color: #333;
    font-size: 20px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.cart-icon:hover {
    color: #007cba;
}

.cart-count {
    position: absolute;
    top: -8px;
    right: -10px;
    background-color: #e74c3c;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Hide count when cart is empty */
.cart-count:empty,
.cart-count[data-count="0"] {
    display: none;
}

.header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.header-actions a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: all 0.3s ease;
    padding: 8px 12px;
    border-radius: 4px;
}

.header-actions a:hover {
    background-color: #f8f9fa;
    color: #007cba;
}

.user-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    min-width: 200px;
    z-index: 1000;
    display: none;
}

.user-dropdown-menu.active {
    display: block;
}

.cart-count {
    background: #dc3545;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    min-width: 18px;
    text-align: center;
}

div#distributorMenu.col-md-8 {
    padding-right: 0px;
}

#distributorMenu .header-top-bar {
    background: #1e3a5f;
    color: white;
    padding: 8px 0;
    font-size: 14px;
}

#distributorMenu .contact-info span {
    margin-right: 20px;
}

#distributorMenu .contact-info i {
    margin-right: 5px;
}

#distributorMenu .header-user-section {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

#distributorMenu .header-link {
    color: white;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 3px;
    transition: background 0.3s;
}

#distributorMenu .header-link:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

#distributorMenu .apps-menu {
    position: relative;
}

#distributorMenu .apps-toggle {
    background: none;
    border: none;
    color: white;
    font-size: 16px;
    padding: 8px;
    cursor: pointer;
    border-radius: 3px;
}

#distributorMenu .apps-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
}

#distributorMenu .apps-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    min-width: 200px;
    z-index: 1021;
}

#distributorMenu .apps-dropdown a {
    display: block;
    padding: 10px 15px;
    color: #01254c;
    text-decoration: none;
    border-bottom: 1px solid #eee;
    font-weight: 600;
}

#distributorMenu .apps-dropdown a:hover {
    background: #f5f5f5;
}

#distributorMenu .user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 12px;
}

#distributorMenu .customer-id {
    font-weight: bold;
    color: #fff;
}

#distributorMenu .user-role {
    background: #dc3545;
    color: white;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    text-transform: uppercase;
}

#distributorMenu .user-avatar {
    position: relative;
}

#distributorMenu .user-avatar button {
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
}

#distributorMenu .user-avatar img {
    border-radius: 50%;
}

#distributorMenu .user-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    min-width: 200px;
    z-index: 1035;
}

#distributorMenu .user-info-header {
    padding: 15px;
    border-bottom: 1px solid #eee;
    color: #333;
    padding-top: 10px;
}

#distributorMenu .user-info-header strong {
    display: block;
}

#distributorMenu .user-info-header span {
    font-size: 12px;
    color: #666;
}

#distributorMenu .user-menu a {
    display: block;
    padding: 10px 15px;
    color: #01254c;
    text-decoration: none;
    border-bottom: 1px solid #eee;
    font-weight: 600;
}

#distributorMenu .user-menu a:hover {
    background: #f5f5f5;
}

#distributorMenu .login-btn {
    background: #007cba;
    color: white;
    padding: 8px 15px;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s;
}

#distributorMenu .login-btn:hover {
    background: #005a87;
    color: white;
}

/* WooCommerce My Account Page Styling */
.woocommerce {
    /* max-width: 1200px; */
    /* margin: 0 auto; */
    /* padding: 20px; */
    /* font-family: Arial, sans-serif; */
}

/* Main Account Container */
.woocommerce-MyAccount-navigation {
    background: #ffffff;
    border: 2px solid #00254D;
    border-radius: 8px;
    margin-bottom: 30px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 37, 77, 0.1);
}

/* Navigation List */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    /*! display: flex; */
    flex-wrap: wrap;
}

/* Navigation Items */
.woocommerce-MyAccount-navigation-link {
    flex: 1;
    min-width: 150px;
    border-right: 1px solid #00254D;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation-link:last-child {
    border-right: none;
}

/* Navigation Links */
.woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: 10px 26px;
    color: #00254D;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    text-align: left;
}

/* Link Hover Effect */
.woocommerce-MyAccount-navigation-link a:hover {
    background: #00254D;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 37, 77, 0.2);
}

/* Active Link */
.woocommerce-MyAccount-navigation-link.is-active a {
    background: #00254D;
    color: #ffffff;
    border-bottom-color: #ffffff;
    font-weight: 600;
}

/* Content Area */
.woocommerce-MyAccount-content {
    background: #ffffff;
    border: 2px solid #00254D;
    border-radius: 8px;
    padding: 30px;
    min-height: 300px;
    box-shadow: 0 4px 10px rgba(0, 37, 77, 0.1);
}

/* Entry Header */
.entry-header {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid #00254D;
    margin-top: 3rem;
}

.entry-title {
    color: #00254D;
    font-size: 2.5rem;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Notices */
.woocommerce-notices-wrapper {
    margin-bottom: 20px;
}

/* Info Message */
/* .woocommerce-info {
    background: #ffffff;
    border: 2px solid #00254D;
    border-left: 5px solid #00254D;
    color: #00254D;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 16px;
    box-shadow: 0 2px 5px rgba(0, 37, 77, 0.1);
} */

/* Buttons */
/* .woocommerce-Button,
.wc-forward,
.button {
    background: #ffffff;
    border: 2px solid #00254D;
    color: #00254D;
    padding: 12px 25px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-left: 10px;
} */
.woocommerce-Button:hover,
.wc-forward:hover,
.button:hover {
    background: #00254D;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 37, 77, 0.3);
}

/* Entry Footer */
.entry-footer {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #00254D;
}

.post-edit-link {
    color: #00254D;
    text-decoration: none;
    font-weight: 500;
    padding: 8px 15px;
    border: 1px solid #00254D;
    border-radius: 3px;
    transition: all 0.3s ease;
}

.post-edit-link:hover {
    background: #00254D;
    color: #ffffff;
}

/* Responsive Design */
@media (max-width: 768px) {
    .search-form-container {
        display: flex;
        max-width: 600px;
        margin: 0 auto;
        width: 295px;
    }

    .woocommerce-MyAccount-navigation ul {
        flex-direction: column;
    }

    .woocommerce-MyAccount-navigation-link {
        border-right: none;
        border-bottom: 1px solid #00254D;
    }

    .woocommerce-MyAccount-navigation-link:last-child {
        border-bottom: none;
    }

    .entry-title {
        font-size: 2rem;
    }

    /* 
    .woocommerce {
        padding: 15px;
    } */
    .woocommerce-MyAccount-content {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .woocommerce-MyAccount-navigation-link a {
        padding: 12px 15px;
        font-size: 14px;
    }

    .entry-title {
        font-size: 1.8rem;
    }

    .woocommerce-Button,
    .wc-forward,
    .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-left: 0;
        margin-top: 10px;
        display: block;
        text-align: center;
    }
}

/* Animation for page load */
.woocommerce {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Loading Animation for Navigation Items */
.woocommerce-MyAccount-navigation-link {
    animation: slideInDown 0.5s ease-out forwards;
    display: block;
    width: 100%;
}

.woocommerce-MyAccount-navigation-link:nth-child(1) {
    animation-delay: 0.1s;
}

.woocommerce-MyAccount-navigation-link:nth-child(2) {
    animation-delay: 0.2s;
}

.woocommerce-MyAccount-navigation-link:nth-child(3) {
    animation-delay: 0.3s;
}

.woocommerce-MyAccount-navigation-link:nth-child(4) {
    animation-delay: 0.4s;
}

.woocommerce-MyAccount-navigation-link:nth-child(5) {
    animation-delay: 0.5s;
}

.woocommerce-MyAccount-navigation-link:nth-child(6) {
    animation-delay: 0.6s;
}

.woocommerce-MyAccount-navigation-link:nth-child(7) {
    animation-delay: 0.7s;
}

.woocommerce-MyAccount-navigation-link:nth-child(8) {
    animation-delay: 0.8s;
}

.woocommerce-MyAccount-navigation-link:nth-child(9) {
    animation-delay: 0.9s;
}

@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Focus States for Accessibility */
.woocommerce-MyAccount-navigation-link a:focus,
.woocommerce-Button:focus,
.button:focus {
    outline: 3px solid #00254D;
    outline-offset: 2px;
}

/* Custom Scrollbar */
.woocommerce-MyAccount-content::-webkit-scrollbar {
    width: 8px;
}

.woocommerce-MyAccount-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.woocommerce-MyAccount-content::-webkit-scrollbar-thumb {
    background: #00254D;
    border-radius: 4px;
}

.woocommerce-MyAccount-content::-webkit-scrollbar-thumb:hover {
    background: #001a35;
}

.woocommerce-MyAccount-navigation-link a br {
    display: none;
}

.cart-count {
    background: #ff4444;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 11px;
    /*     margin-left: 5px; */
    position: relative;
    top: -2px;
}

.guest-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

button.single_add_to_cart_button.button.alt {
    background: #01254c;
    margin: 10px 0;
    padding: 1rem 3rem;
    font-size: 1.4rem;
    border-radius: 0.7rem;
}

.single-product .product_det .amount bdi,
.single-product .product_det .amount span {
    font-family: "Franklin Gothic Light";
    color: #292929;
    font-size: 28px;
    line-height: 24px;
    text-align: left;
    margin: 0.5rem 0 0 0;
    display: inline-block;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
    background-color: #007cba;
}

.woocommerce-single-product-summary .product_title.entry-title {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 36px;
    color: #292929;
    line-height: 43.2px;
    letter-spacing: -0.005em;
    text-align: left;
    margin-top: 0.7rem;
}

.afrfqbt_single_page.wp-element-button.button.single_add_to_cart_button.alt.product_type_simple {
    padding: 12px 20px;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    background: #00254D;
    border-radius: 30px;
    margin: 1rem 0;
    margin-left: 0 !important;
}

button.single_add_to_cart_button.button.alt {
    text-transform: capitalize;
    padding: 12px 20px;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    background: #00254D;
    border-radius: 30px;
    margin: 1rem 0;
}

.elementor-element.elementor-element-71de45af.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded .e-con-inner {
    margin: 0 auto;
    width: 100%;
}

.button.alt.addify_checkout_place_quote {
    padding: 12px 20px;
    border: none;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 30px;
    background-color: #00254d !important;
}

.product-next.slick-arrow {
    right: -9%;
    position: absolute;
    top: 50%;
    padding: 0.7rem 2rem !important;
    border-radius: 30px !important;
    background: #00254d;
    color: #fff;
    border: none;
    font-size: 19px;
}

.product-prev.slick-arrow {
    left: -9%;
    position: absolute;
    top: 50%;
    padding: 0.7rem 2rem !important;
    border-radius: 30px !important;
    background: #00254d;
    color: #fff;
    border: none;
    font-size: 19px;
}

.product-slider .slick-slide {
    min-height: 7rem;
    height: 27em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 1rem;
}

.dex_btn a {
    background: #00254d;
}

.case_study_slider .slick-track {
    margin-left: 0 !important;
    padding-right: 50px;
    /* Controls visible "half-slide" on right */
}

.case_study_slider {
    overflow: visible;
}

.universal-acf-search .nav-item a {
    border-radius: 1.6rem;
}

.universal-acf-search .nav-item a.active {
    background: #01254c;
    color: #fff;
    border: 2px solid #bcbec0;
    border-bottom: none;
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(4, 2fr);
    gap: 10px;
    padding: 24px 19px;
}

.menu-card {
    border-radius: 8px;
    text-align: center;
    padding: 3px;
    transition: transform 0.2s ease-in-out;
    /*   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); */
}

/* .menu-card:hover {
    transform: translateY(-3px);
} */
.menu-card img {
    max-width: 50px;
    margin-bottom: 10px;
}

.menu-card h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
}

.menu-card p {
    font-size: 13px;
    color: #555;
}

.menu-nav-btn {
    grid-column: span 4;
    justify-self: end;
    background: #003366;
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.2s;
}

.menu-nav-btn:hover {
    background: #0055aa;
}

.mega-menu-pane {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #f4f4f4;
    z-index: 999;
    padding: 20px;
    box-sizing: border-box;
    flex-shrink: 0;
}

.mega-menu-pane.active {
    display: block;
    opacity: 1;
}

.mega-menu-page {
    display: none;
}

.mega-slider-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 15.2em;
}

.mega-slider-track {
    display: flex;
    transition: transform 0.4s ease-in-out;
    width: 200%;
}

.mega-pagination-nav {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}

.mega-pagination-nav button {
    background: #01254c;
    border: 3px solid #2B5677;
    border-radius: 116.5px;
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.3495px;
    color: #fff;
    padding: 0.2rem 1.8rem;
    font-weight: 500;
    text-decoration: none;
}

.mega-pagination-nav button:disabled {
    background-color: #999;
    cursor: not-allowed;
}

#codepen_mega_menu .category-grid .menu-card h4 {
    border-image: none 100% 1 0 stretch;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
    text-align: left;
    color: var(--Gray-900, #111B29);
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

#codepen_mega_menu .exo-menu .mega-menu-wrap {
    background: #fff;
    margin-top: 0.7rem;
    border-radius: 25px;
    min-height: 14.2em;
    box-shadow: 0px 1px 2px 1px #888;
}

#codepen_mega_menu .category-grid a.menu-card {
    display: flex;
    align-items: center;
    gap: 10px;
}

#codepen_mega_menu .category-grid a.menu-card img {
    width: 25px;
}

@media only screen and (max-width: 768px) {
    #menu_list ul.breadcrumbs {
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
    }

    #menu_list ul.breadcrumbs li {
        height: 11px;
    }

    button.apps-toggle {
        display: none;
    }

    #codepen_mega_menu .content span:has(.custom-logo-link) {
        padding: 0 !important;
        padding: 1.2rem 2rem 1.2rem 0.5rem !important;
    }

    #codepen_mega_menu .content button.btn {
        background: #01254C;
        border: #01254C;
        border-radius: 28px;
        padding: 0.4rem 1.3rem;
    }

    #hero_section {
        padding: 0 !important;
        height: 51vh;
    }

    #distributorMenu .user-info {
        display: none;
    }

    .mobile_data {
        justify-content: space-between;
        margin-bottom: 9px;
    }

    #distributorMenu {
        padding: 0;
    }

    #distributorMenu .header-user-section {
        gap: 5px;
        margin: 0px 7px;
        justify-content: space-between;
    }

    .mobile_data_parent.row.align-items-center {
        display: flex;
        width: 100% !important;
        padding-left: 14px !important;
        padding: 0;
    }

    #quadmenu {
        margin: 0;
        width: 100%;
        background-color: #01254c !important;
        padding: 0;
    }

    #codepen_mega_menu {
        padding: 0;
    }

    #codepen_mega_menu .content {
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    footer .seconCol ul,
    footer .thridCOl ul {
        padding-left: 20px;
    }

    footer {
        padding: 4.44rem 0 .5rem;
    }

    #fot_loog .logo_fot img {
        width: 54vmin !important;
        display: flex;
        justify-content: center;
        margin: auto;
    }
}

/* Reset basic styling */
.product_det .input-text.qty.text {
    width: 80px;
    height: 40px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    background-color: #fff;
    color: #212529;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    margin: 1em 0 0;
}

/* Focus effect */
.product_det .input-text.qty.text:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    outline: none;
}

/* Chrome, Safari, Edge — show spinner */
.product_det .input-text.qty.text::-webkit-outer-spin-button,
.product_det .input-text.qty.text::-webkit-inner-spin-button {
    -webkit-appearance: auto;
    /* Default appearance */
    margin: 0;
}

/* Firefox — show spinner */
.product_det .input-text.qty.text[type=number] {
    -moz-appearance: number-input;
}

/* Optional: handle disabled state */
.product_det .input-text.qty.text:disabled {
    background-color: #e9ecef;
    cursor: not-allowed;
}

#codepen_mega_menu .exo-menu .header-link.cart-link {
    padding: 6.4px 18.6px;
    color: #00254D;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    border: 2px solid #01254c;
    margin: 0.9rem 0;
    border-radius: 25px;
    margin-left: 1rem;
}

.pdf-buttons a {
    text-transform: capitalize;
    padding: 12px 20px;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 30px;
}

.children-taxonomy-list ul li a {
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    background: #01254c;
    border-radius: 12px;
    padding: 3px 4px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
}

.children-taxonomy-list ul li a:hover {
    background: #fff;
    border: 1px solid #01254c;
    color: #01254c;
}

.children-taxonomy-list ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.children-taxonomy-list h4 {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 36px;
    color: #292929;
    line-height: 43.2px;
    letter-spacing: -0.005em;
    text-align: left;
}

.pagination-wrap .wp-pagenavi {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.pagination-wrap .wp-pagenavi a,
.pagination-wrap .wp-pagenavi span {
    padding: 3px 20px;
}

.pagination-wrap .wp-pagenavi a.page.larger {
    color: #00254d;
}

.pagination-wrap .wp-pagenavi a,
.pagination-wrap .wp-pagenavi span {
    padding: 5px 20px;
}

.pagination-wrap .wp-pagenavi a {
    color: #00254d;
}

.pdf-buttons a:first-child {
    background: #005a87;
}

#fot_loog .logo_fot .slick-track {
    display: flex;
    justify-content: space-between;
    margin: auto;
}

#fot_loog .logo_fot {
    display: flex;
    justify-content: center;
    margin: auto;
}

.dex_btn a {
    border: 3px solid #00254D;
}

.dex_btn a:hover {
    background: #FFF;
    border: 3px solid #00254D;
    color: #00254D;
}

.thumbnail-slider .slick-track {
    width: 1000px !important;
}

#post-2796 textarea {
    width: 100%;
    border: 1px solid #00254d;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 14px;
    color: #00254d;
    outline: none;
    background-color: white;
    box-sizing: border-box;
    appearance: none;
    min-height: 7em;
    border-left-color: unset !important;
}

#post-2796 p input {
    width: 100%;
    border: 1px solid #00254d;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 14px;
    color: #00254d;
    outline: none;
    background-color: white;
    box-sizing: border-box;
    appearance: none;
    border-left-color: unset !important;
}

#post-2796 .quote-fields {
    width: 100%;
}

#post-2796 .addify-quote-form.template_one .af-quote-field-table {
    max-width: 100% !important;
    margin: auto !important;
}

#post-2796 .addify-quote-form.template_one .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    line-height: unset;
    width: 100%;
    border: 1px solid #00254d;
    border-left-color: rgb(0, 37, 77);
    padding: 9px 18px;
    font-size: 14px;
    color: #00254d;
    outline: none;
    background-color: white;
    box-sizing: border-box;
    appearance: none;
    border-left-color: unset !important;
    border-radius: 30px;
}

#post-2796 .select2-selection.select2-selection--single {
    border: none !important;
}

#post-2796 .adf-request-quote-page.template_one {
    width: 100% !important;
    max-width: 100% !important;
}

#post-2796 .entry-footer {
    display: none;
}

.bg-primary {
    background: #01254c !important;
}

#content-list .ajax-pagination li a,
#content-list .ajax-pagination li span {
    background-color: #005A87;
    color: #fff;
    border-color: #005A87;
    color: #FFF;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 0.95rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #00254D;
    padding: 0.525rem 1.05rem;
    text-decoration: none;
    margin-top: 0.53rem;
    margin-bottom: 0.44rem;
    display: inline-block;
    cursor: pointer;
}

#content-list .ajax-pagination li span.current {
    background: #005a87;
}

.children-taxonomy-list ul li a:hover {
    color: #01254c;
    background: white;
    border: 1px solid #01254c;
}

.acf-flexible-filters .form-check-input:checked {
    background-color: #01254c;
    border-color: #01254c;
}

#codepen_mega_menu .exo-menu .mega-menu-wrap-1 {
    box-shadow: 0px 1px 2px 1px #888;
}

@media (max-width: 768px) {
    #open-filter-drawer {
        width: 92%;
        margin: 0px 4%;
        font-size: 17px;
        line-height: 17px;
        color: #fff;
        background: #01254c;
        border-radius: 12px;
        font-weight: 600;
        text-decoration: none;
        border: 1px solid transparent;
        font-family: "Franklin Gothic Condensed Demi";
        padding: 8px 9px;
        letter-spacing: 1px;
    }
}

#thumbnailSlider .slider-container {
    width: 600px;
    text-align: center;
}

#thumbnailSlider .main-image img {
    width: 100%;
    border: 3px solid #d9d9d9;
    transition: opacity 0.4s ease;
    border-radius: 5px;
    max-height: 26em;
    object-fit: contain;
}

#thumbnailSlider .slider-container {
    background: transparent;
    padding: 0;
    box-shadow: none;
}

#thumbnailSlider .thumbnails {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#thumbnailSlider .thumbnail {
    width: 100px;
    height: 5em;
    padding: 1em;
    object-fit: contain;
    border-radius: 6px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s;
    border: 1px solid #000;
}

#thumbnailSlider .thumbnail.active,
#thumbnailSlider .thumbnail:hover {
    opacity: 1;
    border-color: #01254c;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--request-quote {
    display: none;
}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
    height: auto;
    padding: 1em;
    width: 50%;
    background: #01254c;
    border: 3px solid #2B5677;
    border-radius: 116.5px;
    font-family: "Franklin Gothic Condensed Demi";
    font-style: normal;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.3495px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}

@media only screen and (max-width: 600px) {
    .about_div {
        margin: 0px;
        margin-top: 0px;
        padding: 20px;
        margin-bottom: 10px;
    }

    #CTA_section+#ourServices .slick-prev {
        top: 43%;
        left: -5%;
    }

    #ourServices .slick-next {
        top: 50%;
        right: -5%;
    }

    .custom-slider-item .custom-overlay {
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 0px;
        height: 100%;
        background: linear-gradient(180deg, rgba(43, 86, 119, 0) 25%, #00254d 88%, #00254d 100%);
        opacity: 0.7;
    }

    .prodcut_title {
        padding: 1px 0 0 0;
    }

    .product-slider .product-card h5 {
        font-family: "Franklin Gothic Condensed Demi";
        font-size: 16px;
        font-weight: 600;
        line-height: 18.24px;
        color: #000000;
        text-align: left;
        padding: 10px 0;
        text-align: center;
    }

    button.product-prev.slick-arrow {
        position: absolute;
        left: 0px;
        /* right: auto; */
        top: 50%;
        font-size: 24px;
        z-index: 2;
        color: #00254D;
        background: #fff;
        border: 1px solid #ddd;
        height: 40px;
        width: 40px;
        padding: 0;
        padding: 0.1rem 0 !important;
    }

    button.product-next.slick-arrow {
        position: absolute;
        right: 1px;
        left: auto;
        top: 50%;
        font-size: 24px;
        z-index: 2;
        color: #00254D;
        background: #fff;
        border: 1px solid #ddd;
        height: 40px;
        width: 40px;
        padding: 0.1rem 0 !important;
    }

    button.product-prev.slick-arrow i {}

    footer .Copyright p a {
        font-family: "Franklin Gothic Book";
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.375rem;
        text-align: center;
        color: white;
        text-decoration: none;
    }

    footer .fourthCol .address p {
        font-size: 14px;
    }

    footer .fourthCol .email a {
        font-size: 14px;
    }

    footer .fourthCol .phone a {
        font-size: 14px;
    }

    #marquee .marqueeParent .marquee {
        height: 15vw;
    }

    #marquee .marqueeParent .marquee div span {
        font-size: 0.8rem;
    }

    section#marquee+section {
        margin-top: 0.8rem;
    }

    .custom-slider-item {
        margin-left: 15px;
    }

    .custom-slider-item .custom-overlay {
        width: 100%;
    }

    .custom-slider-item .custom-overlay {
        left: unset;
    }

    section#amr_sec+section {
        padding: 2rem 0;
    }

    .product-card img {
        width: 100%;
        border-radius: 20px 20px 0 0;
    }

    .product-card {
        padding: 0;
    }

    #CTA_section .container-small .text-box h5 br {
        display: none;
    }

    .card-box .card-title.product-title {
        text-align: center;
    }

    .card-box p {
        text-align: center;
    }

    .card-box .card-body {
        text-align: center;
    }

    #menu_list {
        margin: 0 0 45px;
    }
}

#codepen_mega_menu .content button.btn {
    background: #01254C;
    border: #01254C;
    border-radius: 28px;
    padding: 0.4rem 1.3rem;
}

#codepen_mega_menu .content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 0;
}

#quadmenu.quadmenu-default_theme.quadmenu-is-horizontal.js .quadmenu-navbar-nav>li.quadmenu-item {
    width: 100%
}

.mega-slider-container {
    min-height: 17.2em;
}

footer .Copyright p a {
    color: #fff;
    text-decoration: none;
}

#ourServices button.custom-next {
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
}

#ourServices .custom-arrows {
    display: flex;
    justify-content: end;
    align-items: center;
}

#ourServices .custom-prev {
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
    margin-right: 12px;
}

#amr_sec .custom-arrows {
    justify-content: end;
    display: flex;
    align-items: center;
}

#amr_sec .custom-next {
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
}

#amr_sec .custom-prev {
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

@media (min-width: 768px) and (max-width: 1440px) {
    #CTA_section .container-small {
        width: 95%;
    }

    .Mask_Hydra {
        display: none;
    }

    #CTA_section .container-small .text-box h5 br {
        display: none;
    }

    #marquee .marqueeParent .marquee {
        height: 5em;
    }

    .dropMenu {
        left: -47%;
    }

    .container .slick-slider .card {
        height: 47vh !important;
    }
}

@media only screen and (max-width: 600px) {
    #codepen_mega_menu .exo-menu {
        display: none;
    }
	.product-slider .slick-slide.product-card a:has(img) {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1350px) {
    #codepen_mega_menu .exo-menu>li>a {
        font-size: 13px;
    }

    #codepen_mega_menu .category-grid .menu-card h4 {
        font-size: 13px;
    }

    #masthead .fullBG a {
        font-size: 13px;
    }

    #codepen_mega_menu .exo-menu .mega-menu-wrap-1 {
        min-width: 50em;
        left: -13em;
        position: relative;
    }

    #codepen_mega_menu .exo-menu .mega-menu-wrap {
        min-width: 50em;
        left: -13em;
        position: relative;
    }

    #ClientsWeWorkWith {
        max-height: 36vh;
    }

    .custom-prev.slick-arrow {
        top: -14.7% !important;
        right: 13.4% !important;
    }

    #certification .certColumn img {
        max-width: 100%;
    }

    .product-slider .slick-slide a:has(img) {
        width: 100%;
    }
}

.woocommerce img,
.woocommerce-page img {
    object-fit: contain;
}

.qbp-drawer-header button {
    background: #fff;
    padding: 0rem 0.9rem;
    font-size: 1.4rem;
    border: none;
    border-radius: 25px;
    color: #00254d;
}

.qbp-remove {
    border-radius: 25px;
}

#qbp-request-quote {
    border-radius: 25px;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.2rem;
}

#qbp-clear-quote {
    border-radius: 25px;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.2rem;
}

#qbp-quote-toggle {
    letter-spacing: 0.6px;
}

.woocommerce form .form-row .input-text {
    height: 100%;
}

#certification .certColumn img {
/*     max-width: 7rem; */
}

.product-slider .slick-slide a:has(img) {
  width: 100%;
}

.product-slider .slick-slide a img {
  width: 100%;
  border-radius: 25px 25px 0 0px;
}


.product-slider .product-card h5 {
  padding:0 10px;
	text-align:center
}