/*!
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: 0.9rem;
    text-decoration: none;
    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 #ffff;
}

.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: 999;
    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 p.line::before {
    position: absolute;
    width: 52px;
    height: 0.3vmin;
    background: #2b5677;
    top: 1vmin;
    left: 22%;
}

#ourServices .servic_div p.line {
    position: relative;
}

#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: 31vh !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: 27px;
    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;
    margin-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;
    flex-direction: column;
}

.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; */
    text-align: left;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
}

/* 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;
    width: max-content;
}

.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.8rem;
    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: 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;
    margin: 0;
}

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

#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;
	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
  	align-content: center;
  	align-items: flex-start;
  	height: 81%;
}

.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: center;
    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: 2px solid #9a9696;
    background: #fff;
    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: 36px;
    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%;
    margin: 1rem 0;
}

.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: left;
    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: contain;
}

.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>a {
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 16px;
    font-weight: 600;
    line-height: 20.24px;
    color: #000000;
    text-align: left;
    padding: 10px 0;
	height: 53px;
    display: block;
    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;
    border: 3px solid transparent;
}

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

/* 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;
    }
}

#mobileFloatProductCat {
    display: none;
}

/* Mobie Query shakalaka boom boom*/
@media only screen and (max-width: 600px) {
	#certification h2 {
      font-size: 2.5rem;
      line-height: 2rem;
      padding: 10px;
	}
    #codepen_mega_menu .exo-menu {
        display: none;
    }

    #mobileFloatProductCat {
        display: unset;
    }

    .set_pc {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-content: flex-start;
    }

    .set_pc div:last-child {
        margin: 0 !important;
        ;
    }

    .postChild .text_pc button,
    .postChild .text_pc div.tab-container {
        width: 100% !important;
        margin: 3px 0;
    }

    .text_pc select {
        margin: 0;
        width: 100%;
    }

    #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; */
        padding: 1rem 0;
    }
}

.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;
    padding: 1rem 1.37rem;
    left: -27%;
    background: #fff;
    margin-top: 0.7rem;
    border-radius: 25px;
    box-shadow: 0px 1px 2px 1px #888888;
}

#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: 100%;
    float: right;
    list-style: none;
    position: relative;
    background: #FFFFFFE5;
    display: flex;
    justify-content: end;
    /*   padding: 7px 0; */
}

#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 .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: 25px 23px; */
        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: 0rem;
    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: auto;
    --scrollbar-width: thin;
    max-height: 80vh;
    display: flex !important;
    /* flex-wrap: wrap; */
    overflow-x: hidden;
}

#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: 25px;
    height: 25px;
    margin: unset;
    margin-bottom: 0.3rem;
    object-fit: contain;
    margin: 8px 4px;
}

.childerinTabs h4 {
    border-image: none 100% 1 0 stretch;
    box-shadow: none;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
    text-align: left;
    color: var(--Gray-900, #111B29);
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 14px;
    margin: 0 0 8px 7px !important;
}

.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;
    height: 38vh;
    display: flex;
    align-content: baseline;
    justify-content: flex-start;
}

#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>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;
}

#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: 8px;
    font-weight: 600;
}

#tables_view table td {
    font-size: 14px;
    text-align: left !important;
}

#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;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    margin-top: 0.53rem;
    margin-bottom: 0.44rem;
    display: inline-block;
    cursor: pointer;
}

/* .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) {
    #banner h1 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    #banner p {
        font-size: 0.9rem;
        line-height: 18px;
    }

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

    .social_media_icons {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-direction: row;
    }

    .social_media_icons ul {
        flex-direction: row;
        display: flex;
        justify-content: center;
        margin: 20px 0;
        padding: 0;
    }

    #banner {
        height: 57vh;
    }

    #CTA_section .container-small {
        margin-top: -5rem;
        width: 100%;
        padding: 1rem;
        background-position: center;
        background-size: cover;
    }

    #CTA_section .container-small p {
        color: #fff;
        font-size: 15px;
        padding: 10px;
    }

    #CTA_section .container-small p::before {
        background: #fff;
    }

    #CTA_section .container-small p br {
        display: none;
    }

    #CTA_section .container-small ul li h5 {
        color: #fff;
        font-size: 20px;
    }

    #CTA_section img.Mask_Hydra {
        display: none;
    }

    #CTA_section .container-small .text-box h5 {
        color: #fff;
        font-size: 20px;
        line-height: 27px;
    }

    #CTA_section .container-small .text-box a {
        padding: 0.2rem 0.8rem;
        font-size: 0.8rem;
    }

    #ourServices .servic_div h2 {
        font-size: 1.5rem;
        line-height: 1.7rem;
    }

    #ourServices .servic_div .line {
        display: none;
    }

    .servic_div p {
        font-size: 16px;
        line-height: 16px;
    }

    #ourServices .slick-next {
        top: 50%;
        right: -9%;
    }

    #CTA_section+#ourServices .slick-prev {
        top: 43%;
        left: -9%;
    }

    .about_div {
        margin: 0;
        margin-top: 46px;
        padding: 22px;
    }

    .about_div h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    #amr_sec {
        padding: 2rem 0;
    }

    #ourServices {
        padding: 2rem 0;
    }

    .special h2 {
        font-size: 1.5rem;
        line-height: 2rem;
        padding: 10px;
    }

    .discover_btn a {
        padding: 0.2rem 0.8rem;
        font-size: 0.8rem;
        text-align: left;
    }

    .discover_btn {
        justify-content: flex-start;
        padding: 0 10px;
    }

    #amr_sec .py-5 {
        padding: 0rem 0 !important;
    }

    .prodcut_title h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .prodcut_title span {
        font-size: 13px;
    }

    .product-card a {
        padding: 0.2rem 0.8rem;
        font-size: 0.8rem;
    }

    .dex_btn a {
        padding: 0.2rem 0.8rem;
        font-size: 0.8rem;
    }

    .dex_btn {
        margin: 1.4rem 0;
    }

    .product-slider .slick-slide {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1rem;
    }

    #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;
    }

    #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%;
    }
}

/* one day this will be revealed lets hope I won't bw here then */
main {
    overflow-x: hidden;
}

.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;
}

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

.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;
}

table th {
    background: #d9d9d9;
}

.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;
}

.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: 5px 0;
}

.search-form-container {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    border-radius: 3.125rem;
}

.search-field {
    font-size: 14px;
    outline: none;
    border-radius: 30px 0px 0px 30px;
    border: 2px solid #ddd;
}

.search-field:focus {
    border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
}

.search-submit {
    color: #01254C;
    text-align: center;
    font-family: "Franklin Gothic Condensed Demi";
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    border-radius: 3.125rem;
    background: #FFF;
    padding: 0.725rem 1.85rem;
    margin-left: -6rem;
}

.search-submit:hover {
    background: #005a87;
}

.search-results {
    position: absolute;
    background: white;
    /*     border: 1px solid #ddd; */
    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;
}

.thumbnail-slider .slick-slide.slick-current {
    border: 2px solid #0073aa;
    opacity: 1;
}

.thumbnail-slider .slick-slide {
    opacity: 0.6;
    cursor: pointer;
    transition: opacity .2s;
}

.thumbnail-slider .slick-slide:hover {
    opacity: 0.9;
}

.card.card-box .cate_div {
    display: none;
}

#content-list .card.card-box img {
    padding: 3rem 3rem;
}

.product_img_column .thumbnail-slider .nav-img {
    border: 2px solid #9a9696;
    width: 9rem !important;
    background: #fff;
}

.thumbnail-slider .slick-track {
    width: 100% !important;
}

.wp-pagenavi span.current {
    background: #00254d;
}

.wp-pagenavi a,
.wp-pagenavi span {
    color: #00254d;
}

.prodcut_title {
    padding: 50px 0 0 0;
}

.banner h1 {
    text-shadow: 4px 5px BLACK;
}

.banner p {
    text-shadow: 2px 2px 2px BLACK;
}

.container-xxl.new-container {
    width: 100% !important;
    max-width: 100% !important;
}

button.product-prev.slick-arrow {
    position: absolute;
    left: -45px;
    /* right: auto; */
    top: 50%;
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
}

button.product-next.slick-arrow {
    position: absolute;
    right: -47px;
    left: auto;
    top: 50%;
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
}

.search-field {
    padding: 19px 16px;
}

.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;
    z-index: 11;
    margin: 0;
}

.custom-slider .slick-arrow {
    align-items: center;
}

button.custom-prev.slick-arrow {
    position: absolute;
    right: auto;
    left: -76px;
    top: 220px;
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
}

button.custom-next.slick-arrow {
    position: absolute;
    left: 1310px;
    right: auto;
    bottom: 203px;
    font-size: 24px;
    z-index: 2;
    color: #00254D;
    background: #fff;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
}

#ourServices .slick-prev {
    left: 8px;
    top: -11.5%;
}

.container .slick-slider .card a:hover {
    border: none !important;
}

.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: 32px;
    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: 17.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:has(:not(.dropMenu)){
    background: #fff;
    margin-top: 0.7rem;
    border-radius: 25px;
    min-height: 14.2em;
    box-shadow: 0px 1px 2px 1px #888888;
} */
#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;
}

#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;
    height: 50px;
}

@media only screen and (max-width: 768px) {
    #distributorMenu .search-form-container {
        flex-direction: row;
    }

    #distributorMenu .search-form-wrapper {
        width: 300%;
    }

    #distributorMenu .search-submit {
        margin-left: -8px;
    }

    #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: center;
    }

    .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;
    }
}

#codepen_mega_menu .exo-menu>li:not(.mega-drop-down)>a::before {
    display: none;
}

.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;
}

#collectionAccordion .badge {
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    background-color: #01254c !important;
    border-radius: 12px;
    padding: 3px 4px;
    font-weight: 600;
    text-decoration: none;
    padding: 4px;
}

.acf-flexible-filters .form-check-input:checked {
    background-color: #01254c;
    border-color: #01254c;
}

.col-md-3.childColumn {
    text-align: center;
    border-radius: 25px;
    margin: 2px 3px;
    width: 31%;
    padding: 1px 7px;
    display: flex;
    flex-direction: revert;
    justify-content: revert-layer;
    align-items: center;
}

.childerinTabs a.menu-card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5px;
    width: 23%;
}

.quadmenu-description {
    display: none !important;
}

#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;
}

#content-list .ajax-pagination li span.current {
    background-color: #005A87;
    color: #fff;
    border-color: #005A87;
    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;
    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 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;
}

@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;
    }

    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;
    }

    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;
	margin-bottom: 1rem;
}

#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;
    }
}
#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;
}