/*
 Theme Name:     Twenty Twenty-One Child
 Theme URI:      https://wordpress.org/themes/twentytwentyone/
 Description:    A child theme of the Twenty Twenty-One theme
 Author:         Developer
 Author URI:     https://wordpress.org
 Template:       twentytwentyone
 Version:        1.0.0
*/

/* general */
#page a,
#page button {
    transition: all 0.2s ease-in;
}

body {
    background-color: white;
    overflow-x: hidden !important;
}

.mw-100 img {
    max-width: 100% !important;
    height: auto !important;
}

#page .btn-primary a {
    background-color: #C91C21 !important;
    padding: 14px 28px;
    border-radius: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    width: fit-content;
    color: #fff !important;
    border: 1px solid #C91C21;
}
#page .btn-primary a:focus {
    outline: none;
    text-decoration: none;
    border: none;
}

#page .btn-primary.right-arrow a::after,
#page .simple-btn.right-arrow::after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background: url(https://sistagging.com/hankook/wp-content/uploads/2025/03/arrow.png) no-repeat;
    background-size: 20px;
    position: static !important;
    z-index: 1;
    opacity: 1;
}

#page .simple-btn.right-arrow.black::after {
    filter: invert(1);
}

/* #page .elementor-widget-image img{
    height: auto !important;
    max-width: 100% !important;
} */
.pre-title p {
    font-size: 25px;
    position: relative;
    color: #1e1e1e;
}

.pre-title.white p {
    color: white;
}

.pre-title p::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 30px;
    height: 23px;
    background: url(https://sistagging.com/hankook/wp-content/uploads/2025/03/Group-3.svg) no-repeat;
    background-size: 27px;
    position: static !important;
    z-index: 1;
    opacity: 1;
    background-position: bottom;
}

a.simple-btn {
    color: white;
    margin-top: 20px !important;
    display: block;
    border-bottom: 1px solid #c91c21;
    width: fit-content;
    display: flex;
    align-items: center;
}

#page .btn-primary a:hover {
    background-color: #00344b !important;
    border-color: white !important;
}

/* general */

/* header */
.header-btn.btn-primary a {
    margin-left: 25px;
}

header#masthead>.elementor>.elementor-element a.hfe-menu-item {
    background-color: transparent;
    text-decoration: none;
}

.sticky-header header#masthead>.elementor>.elementor-element {
    background-color: white;
    box-shadow: rgb(0 0 0 / 11%) 0px 1px 2px 0px;
}

.sticky-header header#masthead>.elementor>.elementor-element a.hfe-menu-item {
    color: black;
}

.img-box-anim .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-content {
    position: absolute;
    bottom: 0%;
    transform: translateY(50%);
    padding: 50px 20px 30px;
    height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 15px;
    z-index: 2;
    transition: all 0.335s ease-in;
}

.img-box-anim .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-content .simple-btn.right-arrow {
    display: none;
}


.img-box-anim .elementor-widget-container .elementor-image-box-wrapper:hover .elementor-image-box-content {
    transform: translateY(0%);
}


figure.elementor-image-box-img {
    margin: 0 !important;
}

.elementor-widget-navigation-menu ul.sub-menu a {
    color: #333 !important;
    padding: 15px 15px !important;
}

.elementor-widget-navigation-menu ul.sub-menu li {
    border: 0 !important;
}

.elementor-widget-navigation-menu ul.sub-menu {
    border-radius: 12px;
    overflow: hidden;
    padding-block: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#masthead .hfe-site-logo a:focus img {outline: none !important; }

/* header */


/* Home Page */
.img-box-anim .elementor-widget-container .elementor-image-box-wrapper {
    overflow: hidden;
    position: relative;
    border-radius: 16px;
}

.img-box-anim .elementor-widget-container .elementor-image-box-wrapper {
    position: relative;
    overflow: hidden;
}

.img-box-anim .elementor-widget-container .elementor-image-box-wrapper img {
    width: 100% !important;
    max-width: 100% !important;
}

/* .img-box-anim.col_4 .elementor-image-box-description {
    height: 160px;
}
.img-box-anim.col_4 .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-content {
    transform: translateY(48%);
}
.img-box-anim.col_4 .elementor-widget-container .elementor-image-box-wrapper:hover .elementor-image-box-content {
    transform: translateY(-5%);
} */
.img-box-anim .elementor-widget-container .elementor-image-box-wrapper::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 52, 75, 0) 38.07%, #00344B 91.23%);
    background-position: top;
/*    background-size: 100% 200%;*/
    z-index: 1;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    transition: background-position 0.335s ease-in-out;
}

.img-box-anim .elementor-widget-container .elementor-image-box-wrapper:hover::after {
    background-position: -100% 70%;
}

.benifit-card.reverse .elementor-image-box-wrapper,
.benifit-card.reverse .elementor-image-box-wrapper .elementor-image-box-content {
    display: flex;
    flex-direction: column-reverse;
}

.benifit-card.reverse .elementor-image-box-wrapper .elementor-image-box-content {
    gap: 15px;
}

.benifit-card {
    position: relative;
}

.benifit-card.reverse::before,
.benifit-card.last::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -52%;
    top: 0;
    background: url(https://sistagging.com/hankook/wp-content/uploads/2025/03/Line-116.svg) no-repeat center;
    z-index: -1;
}

.benifit-card.last::before {
    transform: rotate(125deg);
}

.proud-card .elementor-image-box-content {
    padding: 15px;
}

a.simple-btn.black {
    color: black;
}

a.simple-btn:focus { 
    outline: none !important; 
    text-decoration: none !important; 
    background: transparent !important; 
}

.proud-card .elementor-image-box-content {
    padding: 16px 16px 25px;
}


/* Home Page */



/* Footer */
.foot-social .elementor-social-icons-wrapper {
    display: flex;
    justify-content: start !important;
    gap: 10px;
}

.foot-social .elementor-social-icons-wrapper .elementor-icon {
    background-color: transparent;
}

.foot-col li a::before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    background: url(https://sistagging.com/hankook/wp-content/uploads/2025/03/Vector-2.svg) no-repeat;
    opacity: 1 !important;
    background-size: contain;
}

.foot-col li a {
    position: relative;
    padding-left: 25px !important;
}

.location-box .elementor-icon-box-icon {
    margin: 0 !important;
    background: url(https://sistagging.com/hankook/wp-content/uploads/2025/03/placeholder-1.png) no-repeat;
    background-size: contain;
    padding: 20px;
}

.location-card {
    position: relative;
    background-color: #00344B;
    color: white;
    padding: 10px 30px 0px 110px;
    width: 290px;
    height: 90px;
    background-color: #00384D;
    clip-path: polygon(5% 0, 100% 0, 100% 80%, 95% 100%, 0 100%, 0 20%);
    border-radius: 6px;
}

.location-card::before {
    content: "";
    position: absolute;
    left: -11px;
    top: -6px;
    background: url(https://sistagging.com/hankook/wp-content/uploads/2025/03/Frame-5.png) no-repeat;
    width: 90px;
    height: calc(100% + 6px);
    z-index: 1;
    background-size: cover;
}

.custom-form .gform-body .gform_fields {
    gap: 25px;
}

.custom-form .gform-body .gform_fields input,
.custom-form .gform-body .gform_fields textarea {
    border-radius: 10px;
    border: 1px solid #00344B30;
    background: transparent;
    height: 66px;
    color: #5A5A5A;
    font-weight: 400;
    font-family: Radio Canada Big !important;
    font-size: 18px;
    padding: 25px 32px;
    transition: 0.5s all ease;
}

.custom-form .gform-body .gform_fields input:hover,
.custom-form .gform-body .gform_fields textarea:hover,
.custom-form .gform-body .gform_fields input:focus, 
.custom-form .gform-body .gform_fields textarea:focus { 
    outline: none !important; 
    border-color: #00344b; 
}

.custom-form .gform-footer input {
    background-color: #c91c21 !important;
    color: white;
    font-weight: 500 !important;
    border-radius: 30px !important;
    padding: 14px 45px 14px 28px !important;
    font-size: 18px !important;
    font-family: Radio Canada Big !important;
    background-image: url(https://sistagging.com/hankook/wp-content/uploads/2025/03/arrow.png);
    background-repeat: no-repeat;
    background-position: 85% 50%;
    transition: all 0.2s ease-in;
}
.custom-form .gform-footer input:focus {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

.custom-form .gform-footer input:hover {
    background-color: #00344b !important;
}

.testimonials-slider .testimonial-item img.testimonial-img {
    width: 80px;
    height: 80px;
}

.testimonials-slider .testimonial-item .test-upper {
    display: flex;
    gap: 25px;
    align-items: start;
    position: relative;
}

.testimonials-slider .testimonial-item .test-upper::after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    background: url(https://sistagging.com/hankook/wp-content/uploads/2025/03/Vector-6.svg) no-repeat;
    top: 10px;
    background-size: contain;
}

.testimonials-slider .testimonial-item .test-upper h3 {
    font-size: 22px;
    font-weight: 600;
}

.testimonials-slider .testimonial-item .test-upper p {
    color: #585858;
    font-size: 16px;
}

.testimonials-slider .testimonial-item {
    border: 1px solid #D7D7D7;
    border-radius: 20px;
    padding: 40px 25px;
}

.testimonials-slider .testimonial-item .test-lower {
    margin-top: 20px;

}

.testimonials-slider .testimonial-item .test-lower p {
    font-size: 16px;
}

/* Footer */


/* Client Logo Section */
#page .customer-logo>.elementor-element img {
    width: 100% !important;
    height: 60px !important;
    object-fit: contain;
}

#page .customer-logo>.elementor-element .elementor-widget-container {
    background-color: white;
    padding: 30px 20px;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

/* Client Logo Section */

.map-container iframe {
    border-radius: 14px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.cstm-prod>.elementor-element .elementor-widget-image-box {
    height: 100%;
}

.cstm-prod>.elementor-element .elementor-widget-image-box ul {
    padding: 0;
    list-style-type: none;
    font-size: 16px;
    font-weight: 400;
}

.cstm-prod>.elementor-element .elementor-widget-image-box ul li {
    padding-left: 20px;
    position: relative;
	padding-block: 4px;
}

.cstm-prod>.elementor-element .elementor-widget-image-box ul li::before {
    content: "";
    width: 5px;
    height: 5px;
    left: 5px;
    top: 16px;
    position: absolute;
    background-color: #c91c21;
    border-radius: 22px;

}

.cstm-prod>.elementor-element .elementor-image-box-img img {
    width: 100% !important;
    height: 200px !important;
    border-radius: 16px 16px 0 0;
    object-fit: cover;
}


/* Product Page */
.container {
    max-width: 1600px;
    margin: 0 auto;
    padding-inline: 40px;
    width: 100%;
}

section.product-category-section {
    background: url(https://sistagging.com/hankook/wp-content/uploads/2025/05/efebba46-c1cf-433b-93ea-3c1911c24acf-1.webp) no-repeat;
    height: 100vh;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
}

section.product-category-section::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #00344bba;
    width: 100%;
    height: 100%;
    z-index: 0;
}

section.product-category-section .container {
    position: relative;
    z-index: 1;
    color: white;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding-block: 80px;
    align-items: center;
    padding-top: 150px;
    max-height: 550px;
}

.product-category-section h2.section-title {
    font-family: "Radio Canada Big", Sans-serif;
    font-size: 64px;
    font-weight: 600;
    line-height: 1.2em;
    color: var(--e-global-color-secondary);
    text-align: center;
}

.product-category-section h2.section-title+p {
    max-width: 80%;
    color: white;
    margin: 0 auto;
    text-align: center;
}

.product-category-grid {
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap !important;
    background-color: #00344bbf;
    padding: 20px 30px;
    border-radius: 100px;
    width: 100%;
}

.product-category-grid .category-box h3 {
    font-size: 18px;
    font-weight: 600;
    color: white;
}

.product-category-grid .category-box {
    padding: 10px 30px;
    background-color: #ffffff33;
    border-radius: 80px;
}

.product-list-section {
    padding-block: 50px;
}

.product-list-section h2.section-title {
    font-size: 55px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.product-grid .product-card {
    background-color: #f6f6f6;
    border: 1px solid #ededed !important;
    padding: 20px !important;
    border-radius: 20px !important;
    width: 100% !important;
}

.product-grid .product-card img {
    width: 100% !important;
    height: 250px !important;
    border-radius: 16px !important;
}

.product-grid .product-card h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    text-align: start;
    color: #00344b;
}

.product-list-section .pagination {
    display: none;
}

.product-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
}

.product-grid .product-details p {
    font-size: 16px;
    text-align: start;
    line-height: 1.4;
    padding-top: 10px;
}

.product-grid .product-details {
    margin-top: 5px;
}

.term-naval-equipment .product-category-section {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #FFFFFFB2;
}

.term-naval-equipment .product-category-section .container {
    padding-top: 80px !important;
    max-height: unset !important;
    height: fit-content !important;
}

.term-naval-equipment .product-category-section .container h1 {
    font-weight: 500;
    margin-bottom: 25px;
}

.products-list-cst ul {
    padding: 0 !important;
    list-style-type: none !important;
}

.products-list-cst ul li {
    padding-left: 10px;
    position: relative;
    padding-block: 4px;
    font-weight: 500;
    font-size: 26px;
}

/*.products-list-cst ul li:first-child {
    color: #ffdc28;
}*/

.products-list-cst ul li::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 30px;
    height: 23px;
    background: url(https://sistagging.com/hankook/wp-content/uploads/2025/03/Group-3.svg) no-repeat;
    background-size: 27px;
    position: static !important;
    z-index: 1;
    opacity: 1;
    background-position: bottom;
}

.product-category-grid .category-box.active,
.product-category-grid .category-box:hover {
    background-color: white !important;
}

.product-category-grid .category-box.active h3,
.product-category-grid .category-box:hover h3 {
    color: #151960;
}

.archive.tax-product_category .products-list-cst {
    display: none;
}

.archive.tax-product_category.term-naval-equipment .products-list-cst {
    display: block;
}

.tax-product_category .category-header h1 {
    font-size: 36px;
    font-weight: 700;
}

.product-grid .product-card h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: #00344b;
}

.product-grid+.pagination {
    display: none;
}

.product-grid {
    margin-bottom: 60px;
}
@media(max-width: 1300px){
    .term-naval-equipment .product-category-section .container h1 {
    font-size: 62px;
}
.term-naval-equipment .product-category-section .container {
    padding-top: 200px !important;
}
}


@media (min-width: 991px) {

    .cstm-prod>.elementor-element .elementor-widget-image-box ul {min-height: 176px; }

}

@media (min-width: 768px) and  (max-width: 1023px) {

    .container { padding-inline: 20px; }
    .full-width-image img {max-width: 100% !important; }
    section.product-category-section {height: 60vh !important; }
    .product-category-section h2.section-title,
    .error-wrapper header.page-header .page-title {font-size: 52px !important; }


}

@media(max-width: 1024px) {

    .sticky-header header#masthead>.elementor>.elementor-element .hfe-nav-menu-icon path {
        fill: #1E1E1E !important;
    }

    .header-main {
        background-color: #fff !important;
    }

    .header-main nav {
        position: fixed !important;
        left: 0 !important;
        top: 65px !important;
        height: 100vh !important;
        width: 100% !important;
        transition: all 0.2s ease-in;
        transform: translateX(-100%);
        border-top: 1px solid #cecece;
    }

    .header-main nav.menu-is-active {
        transform: translateX(0);
    }

    .header-main nav ul {
        display: block !important;
        padding: 0 !important;
    }

    .header-main nav ul li a {
        color: #000 !important;
        padding-inline: 40px !important;
    }

    .header-main nav ul li:not(.header-main nav ul li:last-child) {
        border-bottom: 1px solid #dddddd75 !important;
    }

    .header-main nav ul .header-btn {
        margin-top: 15px;
    }

    .header-main nav ul .hfe-has-submenu .sub-menu li a {
        padding-inline: 50px !important;
        background-color: #f7f7f7 !important;
        border-radius: 0 !important;
    }

    .img-box-anim .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-content {
        transform: translateY(0%) !important;
    }

    .img-box-anim .elementor-widget-container .elementor-image-box-wrapper::after {
        background-position: -100% 70% !important;
    }
    .term-naval-equipment .product-category-section .container h1 {
    font-size: 46px !important;
}
.term-naval-equipment .product-category-section .container {
    padding-top: 170px !important;
}
.products-list-cst ul li {
    font-size: 22px;
}
}

@media(max-width: 992px) {
    .product-category-grid {
        flex-wrap: wrap !important;
    }
    
}

@media(max-width: 767px) {
    .header-main nav ul li a {
        padding-inline: 15px !important;
    }

    #page .btn-primary a {
        margin-left: 15px !important;
    }

    .pre-title p {
        font-size: 18px;
    }
section.product-category-section {
    height: auto;
}
section.product-category-section .container {
    gap: 50px;
}
section.product-category-section .container {
    gap: 50px;
    max-height: unset !important;
}
.product-category-grid {
        border-radius: 22px !important;
    }
.product-category-grid .category-box {
    width: 100%;
    text-align: center;
}
.product-category-section h2.section-title+p {
    max-width: 100% !important;
    font-size: 18px;
}
.product-category-section h2.section-title {
    font-size: 42px;
    margin-bottom: 20px;
}
    .products-list-cst ul li {
        font-size: 18px;
    }
        .term-naval-equipment .product-category-section .container h1 {
        font-size: 36px !important;
        margin-bottom: 10px !important;
    }
        .term-naval-equipment .product-category-section .container {
        padding-top: 140px !important;
    }


}


/*18-June-2025*/
.footer-main .hfe-nav-menu li a:focus,
.header-main .hfe-nav-menu li a:focus { background: transparent !important; text-decoration: none !important; outline: none !important; }

/*--Start 404 page--*/
.error-wrapper {background: #F5FCFF; padding: 80px 0}
.error404 .header-main,
.search .header-main { position: static; }
.error404 .header-main .hfe-nav-menu li a,
.search .header-main .hfe-nav-menu li a {color: #000 !important; }
.error-wrapper header.page-header {text-align: center; border: none; padding: 0; margin: 0 auto 15px !important; }
.error-wrapper header.page-header .page-title {line-height: 1.1; font-family: "Radio Canada Big"; font-size: 54px; font-weight: 400; font-style: normal; letter-spacing: normal; color: #00344b; }
.error-wrapper .page-content {text-align: center; margin-top: 0 !important; }
.error-wrapper .page-content p {font-size: 18px; line-height: 1.5; margin-bottom: 20px; }
.error-wrapper .search-form label {display: none; }
.error-wrapper .search-form input {border: 1px solid #aaa; border-radius: 30px; height: 50px; padding: 12px 36px; margin: 0 5px !important; }
.error-wrapper .search-form input:hover, 
.error-wrapper .search-form input:focus {outline: none; text-decoration: none; border-color: #00344b; }
.error-wrapper .search-form input.search-submit {background: #c91c21 !important; color: #fff !important; border: none; font-family: "Radio Canada Big";font-size: 18px; font-weight: 700; }
.error-wrapper .search-form input.search-submit:hover {background: #00344b !important; border: none; color: #fff; }
.error-wrapper .search-result-count header.page-header {text-align: center; max-width: 100%; }
.error-wrapper .search-result-count p.disc {text-align: center; font-family: "Radio Canada Big"; font-weight: 300; font-size: 18px; line-height: 1.4; letter-spacing: normal; color: #D9DADA; }
.error-wrapper .search-result-count article {background: linear-gradient(91.97deg, #ffffff 0%, #ffffff 20%, #ffffff 90.28%); box-shadow: 0px 0px 0px 0px #0707074D; padding: 30px; margin-top: 20px; border-radius: 0px; }
.error-wrapper .search-result-count article .entry-header {margin: 0 0 15px; }
.error-wrapper .search-result-count article .entry-header .entry-title, 
.error-wrapper .search-result-count article .entry-header .entry-title a {line-height: 1.1;     font-family: "Radio Canada Big"; font-size: 26px; font-weight: 600; font-style: normal; color: #00344b; max-width: 100%; text-decoration: none; }
.error-wrapper .search-result-count article figure.post-thumbnail .wp-post-image {margin-top: 0; margin-left: 0; }
.error-wrapper .search-result-count article .entry-content {margin-top: 0; margin-bottom: 0 !important; }
.error-wrapper .search-result-count article .entry-content p {max-width: 100% !important; }
.error-wrapper .search-result-count article .entry-content p {font-family: "Radio Canada Big"; font-weight: 400; font-size: 18px; line-height: 1.4; letter-spacing: normal; text-align: left; color: #5E5E5E; }
.error-wrapper .search-result-count article .entry-content p a {font-family: "Radio Canada Big";}
.error-wrapper .search-result-count article footer.entry-footer {display: none; }
.error-wrapper .search-result-count nav.navigation.pagination {display: none; }
.error-wrapper .search-result-count .search-results {text-align: center; }
/*--End 404 page--*/


@media (max-width: 767px) {

    .container {padding-inline: 15px; }
    .full-width-image img {max-width: 100% !important; }
    .certification-sec .gallery {margin: 0 !important; }
    .certification-sec .gallery .gallery-item {padding-right: 0 !important; }
    .tax-product_category .category-header h1 {font-size: 32px;}
    .error-wrapper header.page-header .page-title {font-size: 42px !important; }
    .error-wrapper .search-form input.search-submit {width: 100% !important; margin-top: 20px !important; }
}