:root { --primary: #076a75;
 --nav-bg: #002448;
 --white-65: rgba(255, 255, 255, 0.65);
 --white: rgb(255, 255, 255);
 --black: #444444;
 --black-65: rgba(0, 0, 0, 0.65);
 --section-gray-bg: #f4f4f4;
}
 @media (min-width: 992px) and (max-width: 1199px) {
.homeBanner .hero-banner { border-top-left-radius: 50% 40%; border-top-right-radius: 50% 40%; }
.homeBanner .hero-banner h2 { font-size: 45px; }
.homeBanner .hero-banner::after { border-top-left-radius: 50% 40%; border-top-right-radius: 50% 40%; }
}
 @media (min-width: 992px) {
header .navbar { margin-left: 50px; margin-right: 50px; }
header .navbar .navbar_right .navbar-collapse ul { padding-left: 60px !important; }
.newsEvent-Detail .investor-toggle { display: none; }
.newsEvent-Detail .investor-list { display: block !important; transform: none; opacity: 1; visibility: visible; box-shadow: none; border: none; background: transparent; position: relative !important; inset: 0 !important; transform: none !important; }
}
 @media (min-width: 1200px) {
.investorDetail .investor-toggle { display: none; }
.investorDetail .investor-list { display: block !important; transform: none; opacity: 1; visibility: visible; box-shadow: none; border: none; background: transparent; position: relative !important; inset: 0 !important; transform: none !important; }
.investorDetail .investor-list li a { display: block; }
}
 @media (min-width: 1236px) and (max-width: 1400px) {
.hero-banner h2 { font-size: 45px; }
footer .footer-wrap h2 { white-space: pre-line !important; }
}
 @media (min-width: 1200px) and (max-width: 1236px) {
.homeBanner .hero-banner h2 { font-size: 45px; padding-left: 115px; padding-right: 115px; }
footer .footer-wrap h2 { white-space: pre-line !important; }
}
 @media (min-width: 1400px) and (max-width: 1716px) {
header .navbar .navbar-brand { max-width: 230px; }
header .navbar .navbar_right .navbar-collapse ul li a { padding: 20px 8px; }
}
 @media (min-width: 1400px) and (max-width: 1492px) {
header .navbar .navbar-brand { max-width: 190px; }
header .navbar .navbar_right .navbar-collapse ul li a { font-size: 14px; }
header .navbar .navbar_right .right-menu .quote-btn { font-size: 14px }
}
 @media (min-width: 1400px) {
.container, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { max-width: 1374px; margin: 0 auto; padding: 0; }
header .navbar .navbar_right .navbar-collapse ul { gap: 20px; }
header .navbar .navbar_right .navbar-collapse ul li { display: flex; align-items: center; }
header .navbar .navbar_right .navbar-collapse ul li:hover button::before { height: 7px; top: 2px; left: 10px; transform: rotate(45deg); }
header .navbar .navbar_right .navbar-collapse ul li:hover button::after { width: 8px; top: 5px; left: 3px; transform: rotate(45deg); }
header .navbar .navbar_right .navbar-collapse ul .dropdown .dropdown-menu .dropdown-item:hover, header .navbar .navbar_right .navbar-collapse ul .dropdown .mega-menu .product-list li a:hover { color: var(--primary); transform: translateX(5px); }
header .navbar .navbar_right .navbar-collapse ul .dropdown .dropdown-menu { position: absolute; top: 55px; display: inline-block; opacity: 0; z-index: 1; visibility: hidden; transform: scaleY(0.7); transform-origin: top; transition: all 0.5s; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1) !important; border: 1px solid rgba(7, 106, 117, 0.2) !important; border-radius: 0px; overflow: hidden; padding-block: 20px; padding-left: 0px !important; }
header .navbar .navbar_right .navbar-collapse ul .dropdown .mega-menu { width: 800px; padding: 0px; border: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); }
header .navbar .navbar_right .navbar-collapse ul .dropdown:hover .dropdown-menu { padding-block: 0px; opacity: 1; visibility: visible; transform: scaleY(1); }
header .navbar .navbar_right .navbar-collapse ul .dropdown:hover .dropdown-menu.mega-menu { padding-block: 20px; }
header .navbar .navbar_right .right-menu .top-links { border: 1px solid #c8c8c8; }
.companyCore { padding: 167px 0 200px 0; }
.companyCore::after { height: 20%; width: 155%; }
.companyCore::before { height: 15%; width: 110%; }
}
 @media (max-width: 1716px) {
.homeBanner-contant { padding-top: 168px; }
.otherBanner { margin-top: 85px; }
}
 @media (max-width: 1600px) {
header .navbar { margin-left: 40px; margin-right: 40px; }
header .navbar .navbar_right .navbar-collapse ul { gap: 10px; }
header .navbar .navbar_right .navbar-collapse ul li a { font-size: 16px; }
.homeBlog { padding-bottom: 90px; }
footer::before { width: 118vw; }
footer::after { width: 120vw; }
}
 @media (max-width: 1500px) {
header .navbar { margin-left: 30px; margin-right: 30px; }
header .navbar .navbar_right .navbar-collapse ul li a { font-size: 16px; }
header .navbar .navbar_right .right-menu .top-links ul li a { padding: 0px 8px; }
header .navbar .navbar_right .right-menu .quote-btn { font-size: 15px; padding: 13px 20px 13px 75px; }
.otherBanner { margin-top: 73px; }
.homeBanner .homeBanner-contant { padding-top: 158px; }
}
 @media (max-width: 1399px) {
body.no-scroll { overflow: hidden; height: 100vh; }
header .navbar .navbar-brand img { max-width: 230px; width: 100%; }
header .navbar .navbar_right .navbar-collapse ul li { padding-block: 0px; }
header .navbar .navbar_right .navbar-collapse ul li a { color: rgba(255, 255, 255, 0.85); text-transform: uppercase; font-size: 25px; padding: 8px 0; display: inline-flex; }
header .navbar .navbar_right .navbar-collapse { position: fixed; top: 30px; right: -50%; left: auto; display: block; max-width: 550px; width: 100%; height: calc(100% - 50px); background: #1b3c6b; background: linear-gradient( 0deg, rgb(27, 60, 107) 0%, rgb(0, 143, 124) 100% ); z-index: 9999; transition: all 0.5s; overflow-y: auto; opacity: 0; border-radius: 25px; visibility: hidden; }
header .navbar .navbar_right .navbar-collapse::after { position: fixed; content: ""; background: url("../img/pattern.svg") no-repeat center center; bottom: 20px; opacity: 0.1; width: 20.6vw; aspect-ratio: 511/527; z-index: -1; background-size: contain; }
header .navbar .navbar_right .navbar-collapse ul li a.active, header .navbar .navbar_right .navbar-collapse ul li a.show, header .navbar .navbar_right .navbar-collapse ul li:hover a { color: var(--white); }
header .navbar .navbar_right .navbar-collapse ul li .mega-menu .product-list { margin: 0; }
header .navbar .navbar_right .navbar-collapse ul .dropdown .dropdown-menu { box-shadow: none !important; background: transparent; transition: all 0.5s; display: block; overflow: hidden; border: none; padding: 0; transform-origin: top; max-height: 0; position: static; padding-left: 0px !important; }
header .navbar .navbar_right .navbar-collapse ul .dropdown .dropdown-menu.show { transform: scaleY(1); visibility: visible; padding-block: 0px; max-height: 400px; }
header .navbar .navbar_right .navbar-collapse ul .dropdown .dropdown-menu .dropdown-item, header .navbar .navbar_right .navbar-collapse ul .dropdown .mega-menu .product-list li a { color: var(--white-65); padding: 7px 45px 7px 10px; }
header .navbar .navbar_right .navbar-collapse ul li:hover button[aria-expanded="true"]::before { height: 7px; top: 8px; left: 14px; transform: rotate(45deg); }
header .navbar .navbar_right .navbar-collapse ul li:hover button[aria-expanded="true"]::after { width: 8px; top: 11px; left: 6px; transform: rotate(45deg); }
header .navbar .navbar_right .navbar-collapse ul li .mega-menu .product-list li { color: var(--white); }
header .navbar .navbar_right .navbar-collapse ul.navbar-nav { position: relative; padding-left: 27px; margin: 60px 30px; }
header .navbar .navbar_right .navbar-collapse ul li button::after, header .navbar .navbar_right .navbar-collapse ul li button::before { background: rgba(255, 255, 255, 0.85); }
header .navbar .navbar_right .navbar-collapse ul li button { width: 13px; height: 13px; margin-left: 6px; border-left: 1px solid white; padding: 20px 0px 0px; }
header .navbar .navbar_right .navbar-collapse ul li button::after { width: 10px; height: 2px; top: 11px; left: 10px; }
header .navbar .navbar_right .navbar-collapse ul li button::before { width: 2px; height: 10px; top: 7px; left: 14px; }
header .navbar .navbar_right .navbar-collapse.show { right: 30px; opacity: 1; visibility: visible; box-shadow: -90vw 0 0 100vw rgb(0 0 0 / 43%); }
header .navbar .navbar_right .right-menu .top-links { padding: 10px 9px 10px 15px; margin-right: -58px; }
header .navbar .navbar_right .right-menu .top-links { padding: 9px 9px 10px 15px; margin-right: -58px; }
header .navbar .navbar_right .right-menu .quote-btn { padding: 11px 20px 10px 80px; font-size: 15px }
header .navbar .navbar_right .right-menu.active { position: relative; right: -40px; }
.navbar-toggler { padding: 0px; }
.navbar-toggler:focus { box-shadow: none; }
.custom-toggler { display: flex; flex-direction: column; width: 32px; position: relative; border: none; cursor: pointer; }
.custom-toggler span { width: 100%; height: 3px; margin: 2px 0; transition: all 0.5s; display: inline-block; background: var(--black) !important; border-radius: 2px; transform-origin: left; animation: lineSmooth 2.4s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
.custom-toggler[aria-expanded="true"] span:nth-child(1) { transform: rotate(45deg) translate(4px, -4px); }
.custom-toggler[aria-expanded="true"] span:nth-child(3) { transform: rotate(-45deg) translate(5px, 3px); }
.custom-toggler span:nth-child(1) { transform: scaleX(0.5); animation-delay: 0s; }
.custom-toggler span:nth-child(2) { transform: scaleX(0.7); animation-delay: -0.8s; }
.custom-toggler span:nth-child(3) { transform: scaleX(0.9); animation-delay: -1.6s; }
 @keyframes lineSmooth { 0% {
transform: scaleX(0.5);
}
50% {
transform: scaleX(1);
}
100% {
transform: scaleX(0.5);
}
}
button.navbar-closed.navbar-toggler { position: absolute; top: 17px; right: 28px; background: rgb(255 255 255 / 85%); padding: 9px; width: 41px; height: 40px; display: flex; justify-content: center; text-align: center; }
button.navbar-closed.custom-toggler[aria-expanded="true"] span:nth-child(1), button.navbar-closed.custom-toggler[aria-expanded="true"] span:nth-child(3) { opacity: 1; width: 80%; top: 50%; animation: none; }
button.navbar-closed.navbar-toggler[aria-expanded="true"] span { opacity: 0; }
.hero-banner h2, .homeProduct .homeProduct-card h2, .homeAbout .homeAbout-contant h2, .homeWithus h3, .homeManufacturing .homeManufacturing-contant h2, .homeBlog .blog-contant h4 { font-size: 35px; }
.homeBanner .hero-banner .container { padding: 0; }
.homeBanner .homeBanner .homeBanner-desc { padding-inline: 0px 0px; }
.homeBanner .homeBanner-contant { padding-top: 58px; padding-bottom: 50px; }
.homeBanner .hero-banner::after { background-size: cover; }
.homeBanner .hero-banner h2 { font-size: 45px; padding-bottom: 200px; padding-top: 300px; padding-left: 120px; padding-right: 64px; }
.homeBanner .homeBanner-contant { padding-left: 12px; padding-right: 12px; padding-top: 158px; }
.homeBanner .homeBanner-contant h1 { font-size: 45px; padding-inline: 36px 26px; }
.homeBanner .homeBanner-contant p { font-size: 16px; margin-bottom: 18px; }
.homeBanner .hero-banner-logo { padding: 20px 14px; right: calc(100% - 90%); top: 335px; }
.homeBanner .hero-banner-logo h5 { font-size: 15px }
.homeBanner .hero-banner-logo p { font-size: var(--fs-13); }
.homeWithus, .companyCore { padding: 120px 0 190px 0; }
.homeWithus h3 { white-space: normal; }
.product-card .card p { font-size: 20px; }
.homeManufacturing { padding-top: 0px; }
.homeManufacturing::after { bottom: 50%; }
.homeManufacturing .homeManufacturing-btn { margin-bottom: 90px; }
.homeManufacturing .homeManufacturing-card h3 { font-size: 25px; }
.homeManufacturing .homeManufacturing-card .steelRange::after { top: 16px; left: -26px; }
.coreValue { padding: 20px 12px 20px 12px; }
.coreValue .companyCore::after { height: 20%; width: 155%; }
.coreValue .companyCore::before { height: 13%; width: 155%; }
.coreValue p { font-size: 15px }
.coreValue h5 { font-size: 20px; }
.companyDirector .director-content h6 { font-size: 15px }
.companyDirector .director-content p, .companyDirector .director-content ul li { font-size: 16px; }
.committeeCard h5 { font-size: 18px; }
.committeeCard h6 { font-size: 16px; }
.companyVissionMission h2 { padding-bottom: 10px; font-size: 30px; }
.companyVissionMission .visioncard p { font-size: 15px; margin-bottom: 10px; }
.companyVissionMission { padding-top: 40px; }
.sustainability .sustainability-content .sustainability-card { padding-bottom: 20px; padding-left: 35px; }
.sustainability-card:first-of-type { padding-top: 20px; }
.groupOfCompany.productSection .hover-card .default-content h4, .groupOfCompany.productSection .hover-card .hover-content h4 { font-size: 20px; }
.groupOfCompany.productSection .hover-card .hover-content .group-com-logo { bottom: 113px; }
.groupOfCompany.productSection .hover-card .hover-content p { font-size: 15px; margin-bottom: 0px; }
.groupOfCompany.productSection .hover-card .hover-content h4 { margin-top: 0px; }
.contactAddress .contactAddress-contant .location-detail { max-width: 85%; }
.productDetail-des .productDetail-about h3, .productDetail h3 { margin-block: 15px 12px; }
.productDetail-des .productDetail-about ul li { font-size: 16px; margin-block: 14px 12px; }
.productDetail ul li { padding: 15px 0px; font-size: 16px; }
footer .footer-wrap { padding: 95px 0 0; margin-left: 0; }
footer .footer-wrap h2 { font-size: 35px; white-space: normal; padding: 0 75px; }
footer::before { width: 138vw; border-top-left-radius: 50% 35%; border-top-right-radius: 50% 35%; }
footer::after { width: 140vw; border-top-left-radius: 50% 40%; border-top-right-radius: 50% 40%; }
footer .footer-logo img { max-width: 200px; width: 100%; }
footer .footer-wrap .footer-icon-logo { padding-top: 25px; padding-bottom: 35px; }
footer .footer-wrap .footer-icon-logo .social-icons a { width: 45px; height: 45px; }
footer .footer-wrap .footer-icon-logo .social-icons a i { font-size: 20.25px; }
footer .footer-wrap .footer-icon-logo .social-icons { gap: 8px; }
footer .footer-wrap .footer-icon-logo .social-icons { padding-bottom: 0px; }
footer .footer-wrap .copyright { padding-top: 15px; padding-bottom: 15px; }
footer .footer-wrap .copyright p { font-size: 15px }
footer .footer-wrap .footer-menus { padding-bottom: 64px; }
footer .footer-wrap .footer-menus h6 { padding-bottom: 20px; font-size: 15px }
footer .footer-wrap .footer-menus ul li a { font-size: 15px }
footer .footer-wrap .footer-menus p { padding-bottom: 0px; font-size: 15px }
footer .awards-section h3 { font-size: 16px; }
footer .footer-wrap .footer-menus .row .col-lg-3:first-of-type { padding-left: 25px; }
.homeProduct .swiper { padding-bottom: 95px; }
.homeAbout { padding-top: 80px; padding-bottom: 65px; }
.homeBlog { padding-top: 90px; }
.investorDetail { position: relative; z-index: 0; }
.investor-list li a, .investorDetail .investore-pdf p { font-size: 16px; }
.accordion-button, .investorDetail .sub-title span { font-size: 17px; }
.investorDetail .investore-pdf .pdf-icon { width: 30px; }
.investorDetail .investor-list li a, .investorDetail .investore-pdf p { font-size: 15px }
.careerOpen .title h2 { font-size: 40px; }
.careerOpen .title p { font-size: 16px; }
.contactForm { padding-block: 0px; }
.visioncard { padding: 30px 32px 30px 32px; }
.export .title h4 { font-size: 18px; }
.export h3 { margin-top: 50px; font-size: 20px; }
}
 @media (max-width: 1200px) {
.homeAbout .homeAbout-contant { padding-left: 20px; padding-right: 20px; }
.homeAbout .homeAbout-contant p { font-size: 16px; }
.homeAbout .homeAbout-contant p:first-of-type { margin-bottom: 15px; }
.homeBanner .homeBanner-contant h1, .homeBanner .homeBanner-desc, .homeProduct .homeProduct-card h2, .homeProduct-pagination, .homeAbout .homeAbout-contant { padding-inline: 0px; gap: 10px; }
.homeBanner .hero-banner::after { top: 7px; }
.homeBanner .hero-banner h2 { padding-left: 75px; }
.homeManufacturing .menu-card { margin-top: -105px; }
.homeManufacturing .homeManufacturing-contant { padding: 39px 16px 39px 25px; }
.homeManufacturing .homeManufacturing-contant h2 { padding-bottom: 8px; }
.homeManufacturing .homeManufacturing-contant p { padding-bottom: 30px; font-size: 16px; margin-bottom: 0px; }
.homeManufacturing .homeManufacturing-contant .homeManufacturing-card p { font-size: 14px }
.homeManufacturing .homeManufacturing-btn { margin-bottom: 100px; }
.homeManufacturing .homeManufacturing-card span { padding-left: 0px; }
.homeManufacturing .homeManufacturing-card h3 { font-size: 23px; display: inline-block; }
.steelRange::after { top: 15px; left: -33px; }
p { font-size: 15px; margin-bottom: 18px; }
.companyCore::after { height: 15%; }
.companyDirector .director-content p, .companyDirector .director-content ul li { font-size: 15px }
.companyDirector .director-content h6 { padding-bottom: 16px; }
.committeeCard h5 { font-size: 16px; }
.committeeCard h6 { font-size: 14px }
.companyVissionMission h2 { font-size: 25px; }
.companyVissionMission .visioncard p { font-size: 14px }
.visioncard { padding: 30px 15px 30px 32px; }
.sustainability .left-part .blog-contant p { padding-bottom: 0px; font-size: 15px; max-width: 90%; }
.sustainability .left-part .blog-contant .OtherPageTitle { font-size: 35px; }
.sustainability .left-part .blog-contant { left: 30px; }
.sustainability .sustainability-content .sustainability-card .line-with-icon img { width: 55px; }
.sustainability .sustainability-content .sustainability-card { display: block; }
.vision_mission_scssn .vis_mission_box { padding: 55px 40px 55px 40px; }
.vis_mission_content { padding-left: 20px; }
.contactAddress .contactAddress-contant .contant p { font-size: 15px }
.detail-card { margin-top: 10px; }
.contactAddress .contactAddress-contant .social-icons a { display: flex; align-items: center; justify-content: center; border: 1.2px solid#cccccc; border-radius: 50%; width: 45px; height: 45px; transition: all 0.5s; position: relative; overflow: hidden; z-index: 0; }
.social-icons a { width: 40px; height: 40px; }
.contactAddress { padding-block: 100px 30px; }
.contactAddress .address-part { padding-left: 40px; }
.contactAddress .social-icons a i { font-size: 16px; }
.contactForm h2 { font-size: 40px; }
.contactForm { padding-bottom: 30px; }
.investorDetail .investor-list li a, .newsEvent-Detail .investor-list li a { margin-bottom: 0px; }
.investorDetail .left-part .dropdown-menu { position: absolute !important; width: max-content; min-width: 250px; z-index: 2; top: 100%; right: 0; inset: auto 0px auto auto !important; background: white; transform: translateY(6px) !important; max-height: 0; overflow-y: auto; border-radius: 0; }
.investorDetail .left-part .dropdown-menu.show { max-height: 350px; }
.investorDetail .left-part { margin-bottom: 30px; display: block; padding: 5px 10px; position: relative; top: 0; z-index: 1; background-color: var(--white); height: auto; }
.investorDetail .left-part.dropdown { display: inline-block; border-top-left-radius: 15px; z-index: 0; }
.careerOpen .career-card .career-box h3 { font-size: 23px; }
.careerOpen .career-card .career-box .anotherDetail ul li { font-size: 15px }
.careerOpen .bussiness-btn a { font-size: 15px }
.careerOpen .homeProduct-card-btn { width: 42px; height: 42px; }
.careerOpen .career-card .career-box .req-time { font-size: 14px }
.newsEvent .newsEvent-card { padding: 30px 15px 30px 15px; }
.newsEvent .newsEvent-card h3 { font-size: 18px; }
.newsEvent .newsEvent-card h6 { font-size: 14px; }
.careerOpen .career-card .career-box .anotherDetail p, .newsEvent .newsEvent-card p { font-size: 14px; }
.newsEvent-content .custom-btn { font-size: 14px }
.newsEvent-Detail .left-part h3 { font-size: 20px; }
.qualityAssurance .eventGallery, .newsEvent-Detail .eventGallery { padding-top: 30px; }
footer::before { width: 158vw; }
footer::after { width: 164vw; }
footer .footer-wrap { padding: 75px 0 0; }
button:focus:not(:focus-visible) { outline: 0; border: 0; box-shadow: none; }
}
 @media (max-width: 991px) {
header .navbar .navbar-brand { max-width: 230px; }
header .navbar { margin-left: 16px; margin-right: 16px; }
header .navbar .navbar_right .navbar-collapse ul li a { font-size: 20px; }
.homeBanner .hero-banner { border-top-left-radius: 50% 56%; border-top-right-radius: 50% 56%; }
.homeBanner .hero-banner::after { border-top-left-radius: 50% 56%; border-top-right-radius: 50% 56%; }
.homeBanner::after { top: 20px; right: 25px; width: 40.6vw; }
.homeBanner .hero-banner h2 { font-size: 35px; padding-bottom: 150px; padding-top: 260px; padding-left: 64px; }
.homeBanner .homeBanner-contant { padding-top: 135px; }
.homeBanner .homeBanner-contant h1 { font-size: 35px; }
.homeBanner .homeBanner-contant p { font-size: 16px; }
.homeBanner .hero-banner-logo h5 { font-size: 14px }
.homeBanner .hero-banner-logo p { font-size: 12px; }
.product-card .card p { padding-left: 20px; }
.homeAbout { padding-top: 48px; position: relative; padding-bottom: 50px; }
.homeAbout .homeAbout-contant { padding-top: 30px; padding-left: 0px; padding-right: 0px; }
.homeAbout .homeAbout-contant p { font-size: 15px }
.homeManufacturing { padding-top: 0px; }
.homeManufacturing::after { bottom: 61%; }
.homeManufacturing .menu-card { margin-top: -100px; }
.homeManufacturing .homeManufacturing-contant { padding: 30px 20px 45px 20px; }
.homeManufacturing .homeManufacturing-contant p { padding-bottom: 27px; font-size: 14px }
.homeManufacturing .homeManufacturing-card span { font-size: var(--fs-13); }
.homeManufacturing .homeManufacturing-btn .custom-btn { font-size: 14px; }
.homeManufacturing .homeManufacturing-btn .homeProduct-card-btn, .custom-btn:before, .homeBlog .blog-card .custom-btn::before, .homeManufacturing .homeManufacturing-btn .custom-btn:before { width: 35px; height: 35px; }
.homeProduct-card-btn img { width: 18px; }
.homeWithus .bussiness-btn { margin-bottom: 45px; }
.homeWithus .homeWithus-content { padding-inline: 0px; }
.homeBlog { padding-top: 60px; padding-bottom: 60px; }
.homeBlog .blog-contant { bottom: 0px; left: 25px; }
.homeBlog .blog-contant h4 { font-size: 30px; padding-bottom: 14px; }
.homeBlog .blog-contant p { font-size: 14px; padding-bottom: 18px; }
.homeBlog .blog-contant a { font-size: 14px; padding-bottom: 20px; }
.homeAbout-contant .homeProduct-card-btn, .homeBlog .blog-contant .visit-btn-img, .homeProduct .visit-btn-img { width: 35px; height: 35px; }
.pt-80 { padding: 60px 0; }
.companyCore::after { height: 8%; }
.companyCore::before { height: 8%; width: 155%; }
.coreValue .coreValue p { font-size: 14px }
.OtherPageTitle { font-size: 35px; }
.companyDirector .director-content h3 { font-size: 27px; }
.companyDirector .director-content h6 { font-size: 16px; }
.companyDirector .patternRight::after { right: 0%; width: 35vw; bottom: 0; }
.companyDirector .patternLeft::after { left: 52%; width: 35vw; bottom: 0; transform: rotate(0deg); }
.companyDirector .director-content { padding: 30px 30px; }
.director-content .homeProduct-card-btn, .vis_mission_content .homeProduct-card-btn { width: 10px; height: 10px; }
.otherBanner { height: 200px; }
.otherBanner h2 { font-size: 35px; }
.companyVissionMission .visioncard-icon img { width: 65%; }
.companyVissionMission .visioncard-icon { justify-content: start; }
.homeWithus, .companyCore { padding: 120px 0 130px 0; }
.visioncard { padding: 20px 20px 20px 20px; }
.vision_mission_scssn { padding-top: 50px; }
.vision_mission_scssn .vis_mission_box .coreValue_icon { width: 90px; height: 90px; padding: 20px; margin-bottom: 20px; }
.vision_mission_scssn .vis_mission_box { padding: 40px 25px 40px; top: 120px; }
.vision_mission_scssn .vis_mission_box .vis_mission_icon { text-align: left; border: none !important; margin-bottom: 25px; }
.vision_mission_scssn .vis_mission_box .vis_mission_icon img { max-width: 80px; }
.vision_mission_scssn .vis_mission_box .vis_mission_content h4 { font-size: 16px; }
.vision_mission_scssn .vis_mission_box .vis_mission_content p { font-size: 15px }
.vision_mission_scssn .vis_mission_box .vis_mission_content ul li, .qualityAssurance ul li, .manufacturing ul li { font-size: 15px }
.sustainability .sustainability-content .sustainability-card ul li { font-size: 14px; }
.sustainability .left-part .blog-contant .OtherPageTitle { font-size: 30px; }
.sustainability .left-part .blog-contant p { font-size: 14px; max-width: 100%; }
.newsEvent-Detail .left-part.dropdown { display: inline-block; border-top-left-radius: 15px; z-index: 0; }
.newsEvent-Detail .accordion { position: relative; z-index: -1; }
.newsEvent-Detail .left-part { margin-bottom: 30px; display: block; padding: 2px 6px; position: relative; top: 0; z-index: 1; background-color: var(--white); height: auto; }
.newsEvent-Detail .left-part .dropdown-menu { position: absolute !important; width: max-content; min-width: 300px; z-index: 2; top: 100%; right: 0; inset: auto 0px auto auto !important; background: white; transform: translateY(6px) !important; max-height: 0; overflow-y: auto; border-radius: 0; }
.newsEvent-Detail .left-part .dropdown-menu.show { max-height: 350px; }
.newsEvent-Detail .newsEvent-detailContent h3 { font-size: 30px; }
.careerOpen .title h2 { font-size: 35px; }
.careerOpen, .investor, .newsEvent, .newsEvent-Detail, .error, .tnx, .investorDetail, .contactAddress { padding-block: 60px; }
.contactForm .form { padding: 60px 50px 60px 50px; }
.contactForm h2 { font-size: 35px; }
.contactAddress .homeAbout-img { max-height: 300px; height: 100%; width: 60%; margin-bottom: 20px; }
.input-box label { font-size: 13px; }
.productDetail .product-img { width: 65%; margin-bottom: 30px; }
.productDetail-des .nav-tabs .nav-link.active, .productDetail-des .nav-tabs .nav-link, .manufacturing-process .nav-tabs .nav-link.active, .manufacturing-process .nav-tabs .nav-link { font-size: 20px; }
.groupOfCompany.productSection .OtherPageTitle { padding-bottom: 0px; }
.groupOfCompany.productSection .hover-card .default-content h4, .groupOfCompany.productSection .hover-card .hover-content h4 { font-size: 23px; }
.manufacturing .machineLab .machineLab-des .lab-des { padding-left: 0px; }
.manufacturing .machineLab .machineLab-des .machine-des { border: 0px; margin-bottom: 30px; }
.termsCondition { padding-top: 60px; padding-bottom: 20px; }
.file-wrapper-content { flex-direction: row; gap: 10px; }
.file-wrapper img { max-width: 25px; margin-bottom: 0px; }
.visit-btn-img img { width: 18px; }
.export .title h4 { font-size: 15px; }
.export h3 { font-size: 18px; }
.tnx .tnx-card-content .tnx-card h2 { font-size: 80px; }
.error .error-card-content .error-card h2 { font-size: 120px; }
.error .error-card-content .error-card h4 { font-size: 22px; }
.error .error-card-content .error-card .homeProduct-card-btn, .tnx .tnx-card-content .tnx-card .homeProduct-card-btn { width: 50px; height: 50px; }
.error .error-card-content .error-card .bussiness-btn a, .tnx .tnx-card-content .tnx-card h2 .bussiness-btn a { padding-left: 25px; gap: 17px; }
footer::after { height: calc(100% - 6%); }
footer::before { height: calc(100% - 5%); }
footer .awards-section h3 { font-size: 15px; padding-inline: 17px; letter-spacing: 1px; }
footer .awards-section .awards-card { padding-top: 40px; padding-bottom: 25px; }
footer .footer-wrap h2 { padding: 0 50px; }
footer .footer-wrap .footer-menus { padding-bottom: 35px; }
footer .footer-wrap .footer-menus h6 { padding-bottom: 30px; font-size: 16px; }
footer .footer-wrap .footer-menus ul li a { font-size: 16px; }
footer .footer-wrap .footer-menus .row .col-lg-3:first-of-type { padding-left: 12px; }
footer .footer-wrap .copyright { padding-top: 15px; padding-bottom: 15px; }
footer .footer-wrap .copyright p { font-size: 16px; }
.investorDetail .right-part .contact-part ul li{font-size: 16px;}
.investorDetail .right-part .contact-part p, .investorDetail .right-part .contact-part ul{padding: 0 20px;}
.investorDetail .right-part .contact-part h3{padding-left: 0px;}
}
 @media (max-width: 776px) {
header .navbar .navbar-brand { width: 100%; max-width: 200px; }
header .navbar .navbar_right .navbar-collapse::after { width: 35%; }
header .navbar .navbar_right .right-menu .quote-btn { padding: 11px 20px 10px 80px; font-size: 15px }
header .navbar .quote-btn img { max-width: 20px; width: 100%; }
.custom-toggler span { width: 24px; height: 2px; margin: 2px 0; }
.custom-toggler[aria-expanded="true"] span:nth-child(3) { transform: rotate(-45deg) translate(4px, 4px); }
.custom-toggler[aria-expanded="true"] span:nth-child(1) { transform: rotate(45deg) translate(3px, -4px); }
.homeBanner .hero-banner-logo { top: 310px; }
.homeBanner::after { width: 50.6vw; }
.homeBanner .hero-banner { border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; }
.homeBanner .hero-banner::after { border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; }
.homeBanner .hero-banner h2 { font-size: 30px; padding-bottom: 130px; padding-top: 240px; padding-left: 50px; padding-right: 50px; }
.homeBanner .homeBanner-contant h1 { font-size: 30px; }
.homeBanner .homeBanner-contant p { font-size: 15px; margin-bottom: 15px; }
.homeBanner .hero-banner-logo p { margin-bottom: 0px; }
.homeBanner .hero-banner-logo img { width: 60px; }
.homeBanner .homeBanner-contant { padding-top: 120px; }
footer::before { height: calc(100% - 4%); }
footer::after { height: calc(100% - 5%); }
footer .col-sm-6 { margin-top: 0; }
footer .footer-wrap h2 { white-space: normal; font-size: 30px; padding: 0; }
footer .footer-wrap .footer-menus { padding-left: 0px; margin-top: 0px; }
footer .footer-wrap .footer-menus .col-lg-3:nth-child(4) ul { padding-bottom: 0px; }
footer .footer-wrap .footer-menus h6 { padding-bottom: 18px; font-size: 15px }
footer .footer-wrap .footer-menus ul li a { font-size: 15px }
footer .footer-wrap .footer-icon-logo { padding-top: 30px; padding-bottom: 30px; }
footer .footer-wrap .bussiness-btn { margin-block: 25px 45px; }
footer .footer-wrap .copyright p { font-size: 14px }
footer .footer-wrap .copyright { padding-top: 15px; padding-bottom: 15px; }
footer .arrow { transform: rotate(90deg); transition: 0.3s; }
footer .awards-section .awards-card { padding-block: 0 20px; }
footer .awards-section .title { padding: 15px 20px; }
footer .awards-section h3 { font-size: 14px; padding-inline: 5px; }
.homeProduct .homeProduct h2, .homeAbout .homeAbout-contant h2 { padding-top: 50px; font-size: 30px; }
.product-card .card p { padding-left: 15px; }
.homeProduct .homeProduct-card { padding-bottom: 0px; }
.product-card .homeProduct-card-btn img { width: 20px; }
.homeProduct .swiper { padding-bottom: 65px; }
.visit-btn-img img { width: 15px; }
.homeAbout { padding-top: 50px; padding-bottom: 30px; }
.homeAbout::before { background: url("../img/pattern.svg") no-repeat bottom 30% right; background-size: contain; width: 300px; }
.homeAbout .homeAbout-contant h2 { padding-top: 15px;}
.homeAbout .homeAbout-img { border-top-right-radius: 110px; border-top-left-radius: 0px; }
.homeManufacturing { padding-top: 10px; }
.homeManufacturing::after { display: none; }
.homeManufacturing .menu-card { margin-top: -60px; }
.homeManufacturing .homeManufacturing-btn { padding: 45px 9px 20px 9px; margin-bottom: 60px; }
.homeManufacturing .homeManufacturing-contant h2 { padding-bottom: 15px; font-size: 30px; }
.homeManufacturing .homeManufacturing-card span { font-size: 14px; }
.homeManufacturing .homeManufacturing-card > div:nth-child(2) { border-left: 0px; border-right: 0px; }
.homeManufacturing-btn .custom-btn::before { top: auto; }
.homeWithus h3 { font-size: 30px; }
.homeProduct-card-btn, .homeAbout-contant .homeProduct-card-btn, .homeBlog .blog-contant .visit-btn-img, footer .footer-wrap .homeProduct-card-btn, .custom-btn:before, .homeBlog .blog-card .custom-btn::before { width: 40px; height: 40px; }
h6[aria-expanded="true"] .arrow { transform: rotate(270deg); }
.companyDirector .director-content h3 { font-size: 25px; }
.companyDirector .director-content p { font-size: 15px }
.otherBanner h2 { font-size: 30px; margin-bottom: 5px; }
.director-content .homeProduct-card-btn { width: 10px; height: 10px; }
.companyDirector .director-content ul li { padding-bottom: 5px; font-size: 14px; margin-bottom: 5px; }
.companyVissionMission { padding-block: 80px 50px; }
.companyVissionMission .visioncard-icon img { width: 100%; max-width: 65px; }
.left-part { position: static; margin-bottom: 15px; }
.sustainability { padding-inline: 16px; padding-block: 50px; }
.sustainability .left-part { border: 0px; position: static; }
.sustainability .left-part .blog-contant .OtherPageTitle { font-size: 30px; }
.sustainability-card:first-of-type { padding-top: 20px; }
.sustainability .sustainability-content .sustainability-card { margin-top: 20px; padding-bottom: 20px; padding-left: 30px; }
.contactAddress { padding-block: 50px 30px; }
.contactAddress .address-part { padding-left: 12px; }
.contactForm .form { padding: 50px 40px 50px 40px; }
.contactForm h2 { padding-left: 12px; }
.form { padding: 75px 35px 75px 35px; padding: 0px; }
.productDetail-des { margin-top: 50px; }
.productDetail-des .nav-tabs .nav-link.active, .productDetail-des .nav-tabs .nav-link, .manufacturing-process .nav-tabs .nav-link.active, .manufacturing-process .nav-tabs .nav-link { font-size: 18px; }
.productDetail-des .productDetail-about { padding: 20px; }
.productDetail-des .productDetail-about h3, .productDetail h3 { font-size: 22px; }
.investorDetail .btn, .newsEvent-Detail .btn { font-size: 17px; }
.investorDetail .btn img, .newsEvent-Detail .btn img { width: 28px; }
.investorDetail .investor-list li a, .investorDetail .investore-pdf p { font-size: 15px }
.py-80 { padding-block: 50px; }
.careerOpen .title { max-width: 600px; }
.careerOpen .title h2 { font-size: 30px; }
.careerOpen .title p { font-size: 15px }
.termsCondition { padding-top: 50px; }
.termsCondition p, .termsCondition ul li, .termsCondition .text-link { font-size: 15px }
.termsCondition h3 { font-size: 25px; }
.manufacturing-process { padding-block: 50px; }
.modal-content { padding: 30px; border-top-right-radius: 100px !important; }
.OtherPageTitle { font-size: 30px; margin-bottom: 1.5rem; }
.investorDetail .right-part .contact-part h3{font-size: 20px;}
}
 @media (max-width: 576px) {
.otherBanner h2 { font-size: 27px; }
header .navbar .navbar_right .navbar-collapse { width: 84%; }
header .navbar .navbar_right .right-menu .quote-btn { padding: 10px 26px 10px 66px; }
header .navbar .navbar_right .right-menu .navbar .quote-btn img { max-width: 21px; }
header .navbar .navbar-collapse::after { width: 55%; }
.breadcrumb-item + .breadcrumb-item::before { width: 15px; }
.otherBanner .breadcrumb li { font-size: 13px; }
.otherBanner .breadcrumb li i { font-size: 13px; }
footer .awards-section .awards-card { gap: 60px; }
footer::before { width: 200vw; }
footer::after { width: 212vw; }
footer .footer-wrap h2 { font-size: 25px; padding: 0 25px; }
.manufacturing-process .tab-pane img { max-width: 100%; }
.newsEvent-Detail .newsEvent-detailContent h3 { font-size: 25px; }
.manufacturing .machineLab .machineLab-des { padding: 20px; }
.export .title h4 { max-width: 100%; }
.export h3 { font-size: 16px; }
.vision_mission_scssn { padding-bottom: 20px; }
.groupOfCompany.productSection .hover-card .default-content h4, .groupOfCompany.productSection .hover-card .hover-content h4 { font-size: 20px; }
.contactAddress .homeAbout-img { width: 100%; }
.file-placeholder { font-size: var(--fs-12); }
.homeProduct .homeProduct { padding-block: 0px 40px; }
.productDetail .product-img { width: 100%; }
.productDetail-des .nav-tabs li + li::after { display: none; }
.export { padding-block: 50px 10px; }
.error .error-card-content .error-card h2 { font-size: 100px; }
.error .error-card-content .error-card h4 { font-size: 20px; }
.error .error-card-content .error-card p, .tnx .tnx-card-content .tnx-card p { font-size: 17px; }
.error .error-card-content .error-card .homeProduct-card-btn, .tnx .tnx-card-content .tnx-card .homeProduct-card-btn { width: 45px; height: 45px; }
.error .error-card-content .error-card .bussiness-btn a, .tnx .tnx-card-content .tnx-card .bussiness-btn a { padding-left: 25px; gap: 16px; font-size: 14px }
.tnx .tnx-card-content .tnx-card h2 { font-size: 60px; }
footer .footer-wrap .footer-icon-logo .social-icons { justify-content: center; }
.footer-logo a { text-align: center; }
.visit-btn-img { width: 35px; height: 35px; }
.vision_mission_scssn .vis_mission_box { top: 100px; }
.companyAbout img { max-width: 450px; width: 85%; }
.manufacturing-process .nav-tabs { padding-top: 0px; }
.investorDetail .right-part .contact-part p, .investorDetail .right-part .contact-part ul {
    padding: 0 0px;
}
.investorDetail .right-part .contact-part h3 {
    font-size: 18px;
}
.investorDetail .right-part .contact-part ul li {
    font-size: 15px;
}
}
 @media (min-width: 536px) and (max-width: 575px) {
.companyVissionMission .visioncard-icon { display: flex; justify-content: start; margin-bottom: 10px; }
.companyVissionMission .visioncard-icon img { width: 30%; }
}
 @media (max-width: 535px) {
header .navbar .navbar_right .right-menu .top-links { padding: 15px 20px; }
.homeBanner .hero-banner-logo { top: 320px; }
.homeBanner .hero-banner { border-top-left-radius: 50% 37%; border-top-right-radius: 50% 37%; }
.homeBanner .hero-banner::after { border-top-left-radius: 50% 37%; border-top-right-radius: 50% 37%; }
.otherBanner { height: 180px; }
footer .footer-wrap .copyright p { font-size: 13px; white-space: pre-line; }
footer .footer-wrap::before { width: 60.6vw; }
.companyVissionMission { padding-block: 30px 30px; }
.companyCore .row { margin-bottom: 40px; }
.custome-modal-dialog h2 { font-size: 30px; }
.custome-modal-dialog p { font-size: 14px; margin-bottom: 30px; }
.custome-modal-dialog .input-box label { font-size: 12px; }
.productDetail-des .table-head th, .productDetail-des tbody td { font-size: 15px }
}
 @media (max-width: 479px) {
header .navbar .navbar-brand { max-width: 170px; }
header .navbar .navbar_right .navbar-collapse ul .dropdown .dropdown-menu { margin: 0; }
header .navbar .navbar_right .navbar-collapse::after { bottom: 0px; }
header .navbar .navbar_right .navbar-collapse ul { margin: 85px 30px; padding-left: 0px; }
header .navbar .navbar_right .navbar-collapse.show { right: 0px; }
header .navbar .navbar_right .navbar-collapse { top: 0px; height: calc(100% - 0px); border-radius: 0; width: 100%; }
header .navbar .navbar_right .right-menu .top-links { padding: 7px 9px 7px 15px; }
header .navbar .navbar_right .right-menu .right-menu { margin-left: 0px; }
header .navbar .navbar_right .right-menu .quote-btn { padding: 7px 20px 6px 65px; }
.homeBanner .hero-banner { border-top-left-radius: 50% 31%; border-top-right-radius: 50% 31%; width: 100%; margin-left: 0; }
.homeBanner .hero-banner::after { border-top-left-radius: 50% 31%; border-top-right-radius: 50% 31%; }
.homeBanner .homeBanner-contant > .row { padding-left: 0px; padding-right: 0px; }
.homeBanner .homeBanner-contant { padding-top: 100px; padding-bottom: 50px; }
.homeBanner .hero-banner h2 { font-size: 22px; padding-bottom: 75px; padding-top: 185px; padding-left: 21px; padding-right: 21px; }
.homeBanner .homeBanner-contant h1 { font-size: 25px; }
.homeBanner .homeBanner-contant p { font-size: 14px; margin-bottom: 15px; display: none; }
.homeBanner .hero-banner-logo { padding: 14px 14px; top: 227px; }
.homeBanner::after { right: 13px; width: 66.6vw; }
.homeWithus .homeWithus-content { padding-inline: 0px; }
.otherBanner { margin-top: 68px; }
.newsEvent-Detail .newsEvent-Detail-card p { font-size: 14px; }
.homeProduct .homeProduct .swiper { padding-bottom: 0px; }
.homeProduct .homeProduct-card { padding-left: 12px; padding-right: 12px; }
.homeProduct .homeProduct-card h2, .homeProduct .homeAbout-contant h2, .homeProduct .homeAbout-contant h2 { font-size: 25px; }
.homeProduct .homeProduct-card .card p {
    font-size: 20px;
    padding-left:8px;
}
h2 { padding-bottom: 0px; }
.homeAbout .homeAbout-contant h2 {
    font-size: 25px;
}
.homeAbout .homeAbout-contant p { font-size: 14px }
.homeManufacturing .homeManufacturing-contant h2 { font-size: 25px; }
.homeManufacturing .menu-card { margin-top: -25px; }
.homeManufacturing .homeManufacturing-btn .homeProduct-card-btn { margin-left: 0px; }
.homeWithus h3 { font-size: 25px; }
.companyCore { padding: 100px 0; }
.homeBlog .blog-contant h4 { font-size: 25px; }
.homeBlog { padding-bottom: 70px; }
.award-item img { margin-bottom: 0px; }
.companyDirector .director-content p, .vision_mission_scssn .vis_mission_box .vis_mission_content ul li, .qualityAssurance p, .manufacturing p { font-size: 14px }
.contactAddress .contactAddress-contant .personal-detail a p{font-size: 15px;}
.OtherPageTitle { font-size: 25px; }
.vissionMissionCard .vissionMission-contant { bottom: 0px; left: 25px; right: 25px; }
.companyDirector .director-content h3 { font-size: 20px; }
.companyDirector .director-content h6 { font-size: 15px }
.companyDirector .patternRight::after { right: 0%; width: 50vw; bottom: 0; }
.companyDirector .patternLeft::after { left: 0%; width: 50vw; bottom: 0; }
.companyCommittee h3 { font-size: 20px; }
.companyDirector .director-content { padding: 24px 20px; }
.visioncard { padding: 30px 15px 30px 15px; }
.vision_mission_scssn .vis_mission_box { padding: 20px 15px 20px; }
.vision_mission_scssn .vis_mission_box .coreValue_icon { width: 70px; height: 70px; padding: 15px; box-shadow: inset 0 0 0 3px var(--white); margin: 0px 0px 10px 0px; }
.vision_mission_scssn .vis_mission_box .vis_mission_icon img { max-width: 50px; }
.vision_mission_scssn .vis_mission_box .vis_mission_content { padding-left: 0px; }
.vision_mission_scssn .vis_mission_box .vis_mission_content h4 { font-size: 20px; letter-spacing: 0; text-transform: unset; font-weight: 600; }
.vision_mission_scssn .vis_mission_box .vis_mission_content p { font-size: 14px }
.vision_mission_scssn .vis_mission_box .vis_mission_content ul li .qualityAssurance ul li, .manufacturing ul li { font-size: 14px }
.vis_mission_content ul, .sustainability-card ul { padding-top: 5px; }
.sustainability .left-part .blog-contant .OtherPageTitle { font-size: 25px; }
.sustainability .blog-contant { left: 30px; bottom: 10px; }
.sustainability .sustainability-content .sustainability-card { display: block; }
.sustainability .sustainability-content .sustainability-card h3 { font-size: 20px; }
.sustainability .sustainability-content .sustainability-card .line-with-icon img { width: 50px; }
.finance-logo { bottom: 150px; }
.form { padding: 75px 25px 75px 25px; padding: 0; }
.contactForm h2 { font-size: 30px; }
.contactForm .form { padding: 40px 25px 40px 25px; }
.contactAddress .contactAddress-contant .location-detail { max-width: 100%; }
.modal-content { padding: 12px; border-top-right-radius: 80px !important; }
.productDetail-des .productDetail-about h3, .productDetail h3 { font-size: 20px; }
.productDetail-des .productDetail-about ul li, .productDetail ul li { font-size: 14px; flex-direction: column; }
.investorDetail .sub-title { margin-block: 10px; }
.investorDetail .investor-list li a, .investorDetail .investore-pdf p { font-size: 14px; }
.careerOpen .title { margin: 0 auto 15px; }
.careerOpen .title h2 { font-size: 35px; }
.careerOpen .title p { font-size: 14px; }
footer::after { width: 242vw; }
footer::before { width: 238vw; }
footer .awards-section .title { padding: 15px; }
footer .awards-section h3 { font-size: 13px; padding-inline: 12px; }
footer .awards-section img { max-width: 50px; width: 100%; }
footer .footer-wrap { padding: 40px 0 0; }
footer .footer-wrap h2 { font-size: 20px; padding: 0; }
footer .footer-wrap .footer-icon-logo .social-icons { gap: 5px; }
footer .footer-wrap .footer-icon-logo .social-icons a { width: 34px; height: 34px; }
footer .footer-wrap .footer-icon-logo .social-icons a i { font-size: 13.25px; }
footer .footer-wrap .footer-menus h6 { font-size: 14px }
footer .footer-wrap .footer-menus p { font-size: 14px }
footer .footer-wrap .footer-menus ul li a { font-size: 14px }

}
 @media (max-width: 380px) {
.homeBanner::after { top: 100px; }
.homeBanner .hero-banner-logo { top: 270px; }
.homeBlog .blog-contant { bottom: -8px; left: 12px; }
.contactForm h2 { font-size: 25px; }
.homeManufacturing-btn .custom-btn { gap: 0px; }
.groupOfCompany.productSection .hover-card .hover-content h3 { font-size: 16px; }
.groupOfCompany.productSection .hover-card .hover-content p { font-size: 14px; }
.groupOfCompany.productSection .hover-card .default-content h4, .groupOfCompany.productSection .hover-card .hover-content h4 { font-size: 18px; }
}