: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;
}
.otherBanner { background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.85)), url("../img/about-company3.png") no-repeat center center; background-size: cover; height: 250px; width: 100%; z-index: -1; display: flex; align-items: end; justify-content: center; margin-top: 105px; padding-bottom: 30px; }
.otherBanner h2 { line-height: 1.18; font-size: 40px; font-family: "Inter Tight", sans-serif; font-weight: 600; margin-bottom: 0px; padding-bottom: 0px; color: var(--white-65); margin-bottom: 10px; }
.otherBanner .breadcrumb { margin-bottom: 0px; align-items: center; }
.otherBanner .breadcrumb li, .otherBanner .breadcrumb li a { color: var(--white); font-weight: 500; font-size: 17px; }
.otherBanner .breadcrumb li i { font-size: 16px; color: var(--white); }
.otherBanner .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: ""; margin-right: 10px; width: 10px; height: 3px; background-color: var(--primary); transform: translateY(-4px); float: unset; display: inline-block; }
.pt-80 { padding: 80px 0; position: relative; }
.companyAbout::after, .qualityAssurance::after { position: absolute; content: ""; background: url("../img/pattern.svg") no-repeat center center; top: 8%; left: 4%; width: 26.6vw; aspect-ratio: 511/527; z-index: -1; transform: rotate(275deg); background-size: contain; }
.companyAbout img, .qualityAssurance img.certificate { border-top-right-radius: 110px; }
p { font-weight: 500; font-size: 17px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); margin-bottom: 15px; }
.companyAbout span { color: var(--primary); }
.companyVissionMission { position: relative; overflow: hidden; transition: all 0.5s; background-color: var(--section-gray-bg); padding-top: 78px; }
.companyVissionMission .visioncard-icon { display: flex; justify-content: center; }
.companyVissionMission .visioncard-icon img { width: 70%; }
.coreValue { border: 1px solid var(--primary); border-radius: 15px; padding: 30px 20px 30px 20px; height: 100%; position: relative; transition: all 0.5s; }
.coreValue h5 { font-size: 22px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); white-space: pre-line; line-height: 1.22; margin-block: 22px 12px; color: var(--white); }
.coreValue p { color: var(--white-65); font-size: 16px; font-weight: 500; font-family: "Inter", sans-serif; line-height: 1.53; margin-bottom: 0; }
.coreValue::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; inset: 0; opacity: 0; background: #008f7c; background: -webkit-linear-gradient( 105deg, rgba(0, 143, 124, 1) 0%, rgba(17, 55, 108, 1) 100% ); background: -moz-linear-gradient( 105deg, rgba(0, 143, 124, 1) 0%, rgba(17, 55, 108, 1) 100% ); background: linear-gradient( 200deg, rgba(0, 143, 124, 1) 0%, rgba(17, 55, 108, 1) 100% );  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008F7C", endColorstr="#11376C", GradientType=0);
transition: all 0.5s; z-index: -1; border-radius: 15px; }
.coreValue:hover::before { opacity: 1; }
.coreValue:hover { border: 1px solid transparent; cursor: pointer; }
.coreValue:hover .coreValue_icon { border-color: rgba(255, 255, 255, 0.4); }
.coreValue .coreValue_icon img { width: 35px; }
.coreValue .coreValue_icon, .vision_mission_scssn .vis_mission_box .coreValue_icon { border-radius: 50%; width: 55px; height: 55px; display: flex; justify-content: center; transform: translate(0) rotate(0); background: #1b3c6b; background: linear-gradient( 234deg, rgb(27, 60, 107) 0%, rgb(0, 143, 124) 100% ); inset: 0; transition: all 0.5s; border: 1px solid transparent; flex-shrink: 0; }
.companyCore { background: linear-gradient(rgba(0, 24, 53, 0.9), rgba(0, 24, 53, 0.9)), url("../img/our-core-value.png") no-repeat center center/cover; color: var(--white); position: relative; z-index: 0; overflow: hidden; padding: 163px 0 220px 0; background-attachment: fixed; }
.companyCore .OtherPageTitle { color: var(--white); margin: 0; }
.companyCore::after { position: absolute; content: ""; width: 110%; height: 20%; top: 0; left: 50%; transform: translate(-50%, -50%); background-color: var(--section-gray-bg); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; }
.companyCore::before { position: absolute; content: ""; width: 110%; height: 19%; bottom: -10%; left: 50%; transform: translate(-50%, -50%); background-color: var(--white); border-top-left-radius: 50%; border-top-right-radius: 50%; }
.companyCore .row { margin-bottom: 57px; }
.companyCore .visit-btn-img .left { transform: rotate(225deg); }
.companyCore .visit-btn-img .right { transform: rotate(45deg); }
.companyCore .visit-btn-img:hover img { filter: brightness(0) invert(1); }
.companyCore .visit-btn-img:hover { background-color: var(--primary); border: transparent; }
.companyCore .myCoreSwiper { padding-inline: 21px; }
.companyCore .myCoreSwiper .swiper-wrapper { align-items: stretch; }
.companyCore .myCoreSwiper .swiper-slide { height: auto; display: flex; }
.content p:last-of-type { margin-bottom: 0; }
.vision_mission_scssn { padding-bottom: 80px; overflow: visible; }
.vision_mission_scssn .vis_mission_box { position: sticky; display: flex; top: 190px; width: 100%; margin-top: 30px; padding: 75px 65px 75px 75px; height: 100%; min-height: 290px; align-items: center; counter-increment: count; background: rgb(255 255 255); border-radius: 15px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); z-index: 2; }
.vision_mission_scssn .vis_mission_box .vis_mission_icon { text-align: center; border-right: 1px solid rgb(204 204 204 / 44%); height: 100%; display: block; position: relative; }
.vision_mission_scssn .vis_mission_box .vis_mission_icon img { max-width: 130px; width: 80%; height: 100%; object-fit: contain; }
.vision_mission_scssn .vis_mission_box .vis_mission_content ul, .sustainability-card ul { padding-top: 16px; padding-left: 0px; }
.vision_mission_scssn .vis_mission_box .vis_mission_content ul li, .qualityAssurance ul li, .manufacturing ul li { font-weight: 500; font-size: 16px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); margin-bottom: 5px; }
.vision_mission_scssn .vis_mission_box .vis_mission_content h4 { margin-bottom: 10px; text-transform: uppercase; color: var(--primary); font-size: 18px; font-weight: 600; letter-spacing: 2.25px; }
.vision_mission_scssn .vis_mission_box .vis_mission_content p { margin: 0; font-weight: 500; font-size: 17px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); margin-bottom: 5px; }
.vision_mission_scssn .vis_mission_box:first-of-type { position: sticky; z-index: 2; transform-style: preserve-3d; }
.vision_mission_scssn .vis_mission_box .coreValue_icon { width: 120px; height: 120px; padding: 25px; margin: 10px; border: 3px dotted var(--primary); border-radius: 50%; box-shadow: inset 0 0 0 5px var(--white); }
.sustainability { background-color: var(--section-gray-bg); padding-inline: 50px; padding-block: 80px; }
.sustainability .left-part { position: sticky; top: 130px; height: fit-content; }
.sustainability .left-part .blog-card { position: relative; overflow: hidden; transition: all 0.5s; }
.sustainability .left-part .blog-img { position: relative; overflow: hidden; border-radius: 15px; transition: all 0.5s; }
.sustainability .left-part .blog-img img { border-radius: 15px; transition: all 0.5s; width: 100%; }
.sustainability .left-part .blog-img::after { position: absolute; content: ""; width: 100%; height: 100%; background: #000; background: -webkit-linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100% ); background: -moz-linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100% ); background: linear-gradient( 0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100% );  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );
bottom: 0; left: 0; }
.sustainability .left-part .blog-contant { position: absolute; bottom: 38px; left: 52px; right: 37px; }
.sustainability .left-part .blog-contant .OtherPageTitle { color: var(--white); padding-bottom: 17px; margin-bottom: 0; }
.sustainability .left-part .blog-contant p { color: var(--white); font-size: 17px; font-weight: 500; font-family: "Inter", sans-serif; line-height: 1.53; padding-bottom: 28px; margin-bottom: 0; max-width: 80%; }
.sustainability .sustainability-content { border-left: 1px solid rgba(7, 106, 117, 0.2); }
.sustainability .sustainability-content .sustainability-card { margin-top: 40px; padding-bottom: 40px; display: flex; align-items: flex-start; gap: 30px; border-bottom: 1px solid rgba(7, 106, 117, 0.2); padding-left: 50px; }
.sustainability .sustainability-content .sustainability-card h3, .companyVissionMission .visioncard h2 { font-size: 25px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); white-space: pre-line; line-height: 1.22; margin-top: 13px; }
.sustainability .sustainability-content .sustainability-card ul li { font-weight: 400; font-size: 16px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); margin-bottom: 5px; }
.sustainability .sustainability-content .sustainability-card:first-of-type { padding-top: 40px; }
.sustainability .sustainability-content .sustainability-card:last-of-type { border-bottom: 0px; }
.sustainability .sustainability-content .sustainability-card .line-with-icon { display: flex; align-items: center; gap: 130px; }
.sustainability .sustainability-content .sustainability-card .line-with-icon img { width: 60px; }
.groupOfCompany.productSection { padding: 80px 0; }
.groupOfCompany.productSection .card:hover { border: 1px solid rgba(7, 106, 117, 0.5); }
.groupOfCompany.productSection a { color: var(--black); font-size: 16px; font-weight: 600; font-family: "Inter", sans-serif; margin-top: 20px; }
.groupOfCompany.productSection .productGrid { margin-top: 20px; }
.groupOfCompany.productSection .hover-card .hover-content .group-com-logo img { width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.groupOfCompany.productSection .hover-card .hover-content .group-com-logo { width: 55%; }
.groupOfCompany.productSection .hover-card .hover-content { position: absolute; inset: 0; background: #fff; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); padding: 20px; opacity: 0; transform: translateY(20px); transition: 0.3s ease; display: flex; flex-direction: column !important; justify-content: center; }
.groupOfCompany.productSection .hover-card .hover-content .group-com-logo { margin-bottom: 15px; }
.groupOfCompany.productSection .hover-card .hover-content h4 { margin-bottom: 15px !important; }
.groupOfCompany.productSection .hover-card .hover-content h3 { font-size: 18px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); line-height: 1.22; margin-bottom: 15px; }
.groupOfCompany.productSection .hover-card .hover-content p { font-weight: 500; font-size: 16px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); margin-bottom: 15px; }
.groupOfCompany.productSection .hover-card { display: flex; flex-direction: column; height: 100%; width: 100%; }
.groupOfCompany.productSection .hover-card .default-content h4, .groupOfCompany .hover-card .hover-content h4 { font-size: 25px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); line-height: 1.22; margin-block: 22px 12px; }
.groupOfCompany.productSection .hover-card .default-content h4 { width: 80%; }
/**30-07-2026**/
.default-content .default-content-img + .d-flex{margin-top: 20px;}
.groupOfCompany.productSection .hover-card .default-content h4 {
    margin-block: 0;
}
/*end*/




.groupOfCompany.productSection .hover-card .default-content-img { height: 250px; position: relative; }
.groupOfCompany.productSection .hover-card .default-content img { width: 100%; object-fit: cover; height: 100%; }
.groupOfCompany.productSection .hover-card:hover .hover-content { opacity: 1; transform: translateY(0); }
.groupOfCompany.productSection .myGroupcompanySlider .swiper-wrapper { align-items: stretch; }
.groupOfCompany.productSection .myGroupcompanySlider .swiper-slide { height: auto; display: flex; }
.companyDirector {background-color: var(--section-gray-bg); }
.companyDirector .director_box { position: relative; box-shadow: 1px 15px 25px rgba(0, 0, 0, 0.02); background: #ffffff; border-radius: 15px; }
.companyDirector .director_box+.director_box { margin-top: 40px; }
.companyDirector .row:first-of-type { margin-top: 0; }
.companyDirector .director-content { padding: 40px 42px; border: 1px solid #cccccc; transition: all 0.5s; border: 1px solid transparent !important; background: #ffffff; }
.companyDirector .director-content h6 { text-transform: uppercase; padding-bottom: 22px; margin-bottom: 0; font-size: 16px; font-weight: 600; font-family: "Inter", sans-serif; line-height: 1.7; color: var(--primary); }
.companyDirector .director-content h3 { padding-bottom: 5px; margin-bottom: 0; line-height: 1.18; font-size: 30px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); }
.companyDirector .director-content p { font-weight: 500; font-size: 17px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black);/* margin-bottom: 0; */
}
.companyDirector .director-content strong { display: inline-block; padding-block: 15px 10px; font-size: 17px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); }
.companyDirector .director-content ul { padding-left: 0; }
.companyDirector .director-content ul li { font-weight: 500; font-size: 17px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); margin-bottom: 10px; }
.companyDirector .director-content li:last-of-type { padding-bottom: 0px; }
.companyDirector .patternRight img { border-top-left-radius: 110px; }
.companyDirector .patternLeft img { border-top-right-radius: 110px; }
.companyDirector .patternRight > *, .companyDirector .patternLeft > * { position: relative; z-index: 2; }
.companyDirector .patternRight, .companyDirector .patternLeft { position: relative; }
.companyCommittee h3 { font-size: 23px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); line-height: 1.08; margin-bottom: 20px; }
.companyCommittee .committeeContent { border: 1px solid#cccccc; padding: 30px 20px; text-align: center; height: 100%; border-radius: 15px; }
.companyCommittee .committeeContent h5 { margin-bottom: 0; font-size: 19px; font-weight: 600; font-family: "Inter", sans-serif; line-height: 1.5; color: var(--primary); }
.companyCommittee .committeeContent p { margin-bottom: 0; font-size: 17px; font-weight: 600; font-family: "Inter", sans-serif; line-height: 1.7; color: var(--black); }
.export { padding-block: 100px 60px; }
.export .title { display: flex; justify-content: center; text-align: center; padding-bottom: 50px; }
.export .title h4 { font-size: 20px; font-family: "Inter", sans-serif; font-weight: 500; color: var(--black); line-height: 1.47; margin-bottom: 20px; text-align: center; max-width: 80%; width: 100%; }
.export h3 { font-size: 23px; font-family: "Inter", sans-serif; font-weight: 500; color: var(--black); line-height: 1.47; margin-bottom: 20px; text-align: center; }
.export .map.map-img { width: 1300px; }
.export .map strong { position: relative; font-weight: 500; font-size: 15px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--white); background: linear-gradient( 325deg, rgb(27, 60, 107) 0%, rgb(0, 143, 124) 100% ); display: inline-block; padding: 6px 12px; border-radius: 8px; z-index: 1; border: 1px solid transparent; overflow: hidden; transition: all 0.5s; }
.export .map strong:hover { color: black; border: 1px solid var(--primary); }
.export .map strong::after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: white; z-index: -1; opacity: 0; visibility: hidden; transition: all 0.5s; }
.export .map strong:hover::after { opacity: 1; visibility: visible; }
.export .map { position: relative; margin: 0 auto; text-align: center; overflow-x: hidden; }
.export .map li { position: absolute; }
.export .map li::after { position: absolute; content: ""; border: 2px dashed rgba(68, 68, 68, 0.6); transform: translateY(0); -webkit-transform: translateY(0); z-index: 0; }
.export .map li::before { position: absolute; content: ""; transform: translateX(-50%) rotate(315deg); border-radius: 50% 50% 50% 0; background: radial-gradient(circle at 50% 51%, white 25%, transparent 26%), var(--primary); width: 16px; height: 16px; z-index: 1; animation: floatY 3s ease-in-out infinite; transition: all 0.5s; }
.export .map li:hover::before { background: radial-gradient(circle at 50% 51%, white 25%, transparent 26%), #002448 !important; }
 @keyframes floatY {  0% {
 transform: translateX(-50%) rotate(315deg) scale(0.9)
}
 50% {
 transform: translateX(-50%) rotate(315deg) scale(0.7);
}
 100% {
 transform: translateX(-50%) rotate(315deg) scale(0.9);
}
}
.export .map li.russia { top: 12px; right: 250px; }
.export .map li.thailand {
    top: 165px;
    right: 216px;
}
.export .map li.bangladesh { top: 109px; right: 374px; }
.export .map li.vietnam {
    top: 362px;
    right: 56px;
}
.export .map li.kenya { top: 372px; right: 455px; }
.export .map li.malaysia { top: 205px; right: 168px; }
.export .map li.yemen { top: 351px; right: 657px; }
.export .map li.uae { top: 71px; right: 470px; }
.export .map li.philippines {
    top: 320px;
    right: 110px;
}
.export .map li.egypt { top: 241px; right: 625px; }
.export .map li.indonesia::before {right: calc(-100% - 18px); bottom: 60px; }
.export .map li.indonesia { top: 441px; right: 338px; }
.export .map li.ireland { top: 54px; left: 494px; }
.export .map li.jordon { top: 312px; right: 607px; }
.export .map li.iran { top: 175px; right: 413px; }
.export .map li.syria { top: 27px; right: 575px; }
.export .map li.ukraine {top: 79px;
    right: 591px; }
.export .map li.russia::after { left: -18px; top: 17px; height: 105px; width: 20px; border-right: 0; border-bottom: 0; }
.export .map li.thailand::after {
    left: -20px;
    top: 17px;
    height: 168px;
    width: 20px;
    border-right: 0;
    border-bottom: 0;
}
.export .map li.bangladesh::after { right: -11px; top: 17px; height: 182px; width: 14px; border-left: 0; border-bottom: 0; }
.export .map li.vietnam::after {
    left: -21px;
    top: 17px;
    height: 44px;
    width: 21px;
    border-right: 0;
    border-bottom: 0;
}
.export .map li.kenya::after { left: -31px; top: 17px; height: 16px;  width: 42px; border-right: 0; border-bottom: 0; }
.export .map li.malaysia::after { left: -20px; top: 17px; height: 164px; width: 21px; border-right: 0; border-bottom: 0; }
.export .map li.yemen::after { right: -137px; top: -1px; height: 20px; width: 138px; border-left: 0; border-top: 0; }
.export .map li.uae::after { right: 27px; top: 12px; height: 221px; width: 0px; border-left: 0; border-bottom: 0; }
.export .map li.philippines::after {
    left: -25px;
    top: 17px;
    height: 23px;
    width: 30px;
    border-right: 0px;
    border-bottom: 0px;
}
.export .map li.egypt::after { right: -35px; top: 17px; height: 41px; width: 35px; border-left: 0; border-bottom: 0; }
.export .map li.indonesia::after { right: -98px; top: -18px; height: 37px; width: 98px; border-width: 0px 2px 2px 0px;}
.export .map li.ireland::after { right: -10px; top: 17px; height: 108px; width: 21px; border-left: 0; border-bottom: 0; }
.export .map li.jordon::after { right: -42px; top: -25px; height: 43px; width: 42px; border-left: 0; border-top: 0; }
.export .map li.iran::after { right: 52px; top: 17px; height: 89px; width: 20px; border-right: 0; border-bottom: 0; }
.export .map li.syria::after { right: -19px; top: 17px; height: 218px; width: 21px; border-left: 0; border-bottom: 0; }
.export .map li.ukraine::after {
    right: -10px;
    top: 17px;
    height: 100px;
    width: 20px;
    border-left: 0;
    border-bottom: 0;
}
.export .map li.russia::before { left: -24%; bottom: -96px; }
.export .map li.thailand::before {
    left: -22%;
    bottom: -145px;
}
.export .map li.bangladesh::before { right: -24%; bottom: -168px; }
.export .map li.vietnam::before {
    left: -22%;
    bottom: -27px;
}
.export .map li.kenya::before { left: -44%; bottom: 5px;}
.export .map li.malaysia::before { left: -21%; bottom: -151px; }
.export .map li.yemen::before { right: -204%; bottom: 41px; }
.export .map li.uae::before { right: 20%; bottom: -202px; }
.export .map li.philippines::before {
    left: -23%;
    bottom: -2px;
}
.export .map li.egypt::before { right: -75%; bottom: -25px; }
.export .map li.ireland::before { right: -33%; bottom: -93px; }
.export .map li.jordon::before { right: -76%; bottom: 59px; }
.export .map li.iran::before { right: 103%; bottom: -77px; }
.export .map li.syria::before { right: -55%; bottom: -204px; }
.export .map li.ukraine::before { 
    right: -31%;
    bottom: -85px;
}

/* ========= 11-09-2026 ========== */
/* morocco */
.export .map li.morocco {
    top: 260px;
    right: 755px;
}
.export .map li.morocco:before {
    right: calc(-55% + 0px);
    bottom: 21px;
}
.export .map li.morocco:after {
    right: -30px;
    top: 17px;
    height: 24px;
    width: 30px;
    border-left: 0;
    border-bottom: 0;
    border-width: 2px 0px 0px 0px;
}
/* singapore */
.export .map li.singapore {
    top: 397px;
    right: 335px;
}
.export .map li.singapore:before {
    right: calc(-45% + 0px);
    bottom: 43px;
}
.export .map li.singapore:after {
    right: -29px;
    top: 1px;
    height: 20px;
    width: 32px;
    border-width: 0px 2px 2px 0px;
}

/* Turkey */
.export .map li.turkey {
    top: 196px;
    right: 735px;
}
.export .map li.turkey:before {
    right: calc(-100% - 100px);
    bottom: -13px;
}
.export .map li.turkey:after {
    right: -159px;
    top: 21px;
    height: 20px;
    width: 161px;
    border-width: 2px 2px 0px 0px;
}

/* sri_lanka */
.export .map li.sri_lanka {
    top: 488px;
    right: 394px;
}
.export .map li.sri_lanka:before {
    right: calc(-17% + 0px);
    bottom: 154px;
}
.export .map li.sri_lanka:after {
    right: 2px;
    top: -111px;
    height: 121px;
    width: 48px;
    border-width: 2px 0px 0px 2px;
}

/* taiwan */
.export .map li.taiwan {
    top: 262px;
    right: 164px;
}
.export .map li.taiwan:before {
    right: calc(92% + 0px);
    bottom: -8px;
}
.export .map li.taiwan:after {
    right: 75px;
    top: 19px;
    height: 28px;
    width: 13px;
    border-width: 2px 0px 0px 2px;
}

/* belgium */
.export .map li.belgium {
    top: 174px;
    right: 820px;
}
.export .map li.belgium:before {
    right: calc(-100% - 74px);
    bottom: 20px;
}
.export .map li.belgium:after {
    right: -138px;
    top: 18px;
    height: 18px;
    width: 139px;
    border-width: 2px 0px 0px 0px;
}

/* Italy */
.export .map li.italy {
    top: 215px;
    right: 820px;
}
.export .map li.italy:before {
    right: calc(-100% - 131px);
    bottom: 23px;
}
.export .map li.italy:after {
    right: -172px;
    top: 20px;
    height: 18px;
    width: 183px;
    border-width: 2px 0px 0px 0px;
}


/* Spain */
.export .map li.spain {
    top: 233px;
    right: 880px;
}
.export .map li.spain:before {
    right: calc(-100% - 118px);
    bottom: 22px;
}
.export .map li.spain:after {
    right: -167px;
    top: 21px;
    height: 18px;
    width: 179px;
    border-width: 2px 0px 0px 0px;
}

/* Germany */
.export .map li.germany {
    top: 123px;
    right: 595px;
}
.export .map li.germany:before {
    right: calc(49% - 0px);
    bottom: -27px;
}
.export .map li.germany:after {
    right: 30px;
    top: 26px;
    height: 38px;
    width: 24px;
    border-width: 0px 2px 2px 0px;
}

/* brazil */
.export .map li.brazil {
    top: 430px;
    right: 679px;
}
.export .map li.brazil:before {
    right: calc(100% + 126px);
    bottom: 17px;
}
.export .map li.brazil:after {
    right: 30px;
    top: 26px;
    height: 30px;
    width: 179px;
    border-width: 0px 2px 2px 2px;
}


/* ecuador */
.export .map li.ecuador {
    top: 394px;
    right: 1065px;
}
.export .map li.ecuador:before {
    right: calc(-100% - 0px);
    bottom: 27px;
}
.export .map li.ecuador:after {
    left: 45px;
    top: -20px;
    height: 22px;
    width: 111px;
    border-width: 2px 2px 0px 2px;
}

/* guatemala */
.export .map li.guatemala {
    top: 320px;
    right: 1095px;
}
.export .map li.guatemala:before {
    right: calc(-71% - 0px);
    bottom: 18px;
}
.export .map li.guatemala:after {
    left: 45px;
    top: -20px;
    height: 30px;
    width: 115px;
    border-width: 2px 2px 0px 2px;
}

/* myanmar */
.export .map li.myanmar {
    top: 125px;
    right: 225px;
}
.export .map li.myanmar:before {
    right: calc(100% + 8px);
    bottom: -158px;
}
.export .map li.myanmar:after {
    left: -25px;
    top: 32px;
    height: 155px;
    width: 55px;
    border-width: 2px 0px 0px 2px;
}

/* europe */
.export .map li.europe {
    top: 75px;
    right: 615px;
}
.export .map li.europe:before {
    right: calc(46% + 8px);
    bottom: -64px;
}
.export .map li.europe:after {
    left: -13px;
    top: 18px;
    height: 83px;
    width: 25px;
    border-width: 2px 0px 2px 2px;
}
















/* ========= 11-09-2026 end ========== */





























.productDetail > * { position: relative; z-index: 1; }
.productDetail { background-color: var(--section-gray-bg); }
.productDetail::after { position: absolute; content: ""; background: url("../img/pattern.svg") no-repeat top center; width: 26.6vw; aspect-ratio: 511/527; bottom: 0%; right: 4%; z-index: 0; background-size: contain; }
.productDetail .product-img { width: 100%; }
.productDetail h3 { font-size: 25px; }
.productDetail ul { margin-bottom: 40px; }
.productDetail ul li { padding: 18px 0px; border-bottom: 1px solid rgba(204, 204, 204, 0.5); display: flex; margin: 0px !important; }
.productDetail .bussiness-btn { justify-content: flex-start; }
.productDetail-des, .manufacturing { padding-bottom: 60px; margin-top: 80px; position: relative; }
.productDetail-des .table-head { background: linear-gradient( 105deg, rgba(0, 143, 124, 1), rgba(17, 55, 108, 1) ); }
.productDetail-des .table-head th { background: transparent !important; color: #fff; padding-block: 15px; }
.productDetail-des .productDetail-about h3, .productDetail h3 { font-size: 25px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); white-space: pre-line; line-height: 1.22; margin-block: 22px 12px; color: var(--black); }
.productDetail-des .productDetail-about { padding: 50px; background: var(--white); border-radius: 15px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); margin-top: 30px; }
.productDetail-des .productDetail-about ul, .productDetail ul { padding-left: 0px; }
.productDetail-des .productDetail-about ul li, .productDetail ul li { font-size: 17px; font-family: "Inter Tight", sans-serif; font-weight: 500; line-height: 1.22; margin-block: 18px 12px; color: var(--black); }
.productDetail-des .productDetail-about .productDetail-table table { min-width: 450px; width: 100%; overflow: auto; }
.productDetail-des .nav-tabs, .manufacturing-process .nav-tabs { border-bottom: 0px; display: flex; justify-content: center; }
.productDetail-des .nav-tabs .nav-link, .manufacturing-process .nav-tabs .nav-link { font-size: 25px; font-family: "Inter Tight", sans-serif; font-weight: 500; line-height: 1.22; color: #c8c8c8; text-transform: uppercase; border: 0; }
.productDetail-des .nav-tabs .nav-link.active, .manufacturing-process .nav-tabs .nav-link.active {/* font-size: 25px; *//* font-family: "Inter Tight", sans-serif; *//* font-weight: 500; *//* line-height: 1.22; */color: var(--black);/* background-color: transparent; */}
.productDetail-des .nav-tabs .nav-link:focus, .productDetail-des .nav-tabs .nav-link:hover, .manufacturing-process .nav-tabs .nav-link:focus, .manufacturing-process .nav-tabs .nav-link:hover { border: 0; outline: none; box-shadow: none; }
.productDetail-des .bussiness-btn { justify-content: center; margin-top: 50px; }
.manufacturing { background-color: var(--section-gray-bg); padding-top: 60px; position: relative; z-index: 1; }
.manufacturing::after { position: absolute; content: ""; background: url("../img/pattern.svg") no-repeat top center; width: 26.6vw; aspect-ratio: 511/527; bottom: 0%; right: 4%; z-index: -1; background-size: contain; }
.manufacturing-process { padding-block: 80px; }
.manufacturing-process .nav-tabs { padding-top: 30px; }
.manufacturing-process .tab-pane { padding-top: 50px; }
.manufacturing-process .tab-pane .img { display: flex; justify-content: center; }
.manufacturing-process .tab-pane img { max-width: 70%; width: 100%; }
.manufacturing-process .nav-tabs li, .productDetail-des .nav-tabs li { padding-inline: 10px; }
.manufacturing .machineLab { margin-top: 50px; padding: 15px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); border: 1px solid rgba(7, 106, 117, 0.2); }
.manufacturing .machineLab h2 { font-size: 30px; line-height: 1.18; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); margin-bottom: 1.2rem; }
.manufacturing .machineLab .machineLab-des .machine-des { border-right: 1px solid rgba(7, 106, 117, 0.2); }
.manufacturing .machineLab .machineLab-des .lab-des { padding-left: 20px; }
.manufacturing .machineLab .machineLab-des { border: 1px solid rgba(7, 106, 117, 0.2); padding: 40px; background-color: var(--white); overflow: hidden; }
.manufacturing .infrastructureSwiper .swiper-slide img { border-top-right-radius: 110px; }
.qualityAssurance ul, .manufacturing ul { padding-left: 0px; }
.qualityAssurance h6, .manufacturing h6 { font-size: 18px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); }
.qualityAssurance .qualitySwiper .swiper-slide { border: 1px solid rgba(7, 106, 117, 0.2); padding: 15px; max-width: 600px !important; width: 100% !important; height: 450px; display: flex; align-items: center; justify-content: flex-end; opacity: 0 !important; transition: opacity 0.5s ease; }
.qualityAssurance .qualitySwiper .swiper-slide.swiper-slide-active { opacity: 1 !important; z-index: 2; }
.qualityAssurance .qualitySwiper .swiper-slide .img { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; }
.qualityAssurance .qualitySwiper .swiper-slide img { max-height: 100%; max-width: 100%; object-fit: contain; }
.investor .investor-card-content .investor-card { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); display: flex; justify-content: end; flex-direction: column; padding: 20px; height: 100%; position: relative; overflow: hidden; min-height: 150px; transition: all 0.5s; }
.investor .investor-card-content .investor-card .img img { max-width: 60px; width: 100%; }
.investor .investor-card-content .investor-card h3, .newsEvent .newsEvent-card h3, .newsEvent-Detail .left-part h3 { font-size: 20px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); text-transform: capitalize; line-height: 1.22; margin-top: 20px; transition: all 0.5s; }
.investor .investor-card-content .investor-card .img { position: absolute; top: -10px; right: -10px; opacity: 0.2; transition: all 0.5s; transform-origin: top right; }
.investor .investor-card-content, .newsEvent .newsEvent-content, .machineLab .machineLab-card, .groupOfCompany.productSection .card { border: 1px solid rgba(7, 106, 117, 0.2); padding: 15px; height: 100%; transition: all 0.5s; }
.investor .investor-card-content:hover .investor-card .img { opacity: 0.5; }
.investor .investor-card-content:hover .investor-card h3 { color: var(--primary); }
.investor-content { display: none; }
.investor-content.active { display: block; }
.investorDetail .accordion-button:focus { box-shadow: none; }
.investorDetail .accordion-button:not(.collapsed) { background-color: var(--primary); color: var(--white); box-shadow: none; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.investorDetail .accordion-item { border-width: 0; background-color: transparent; margin-bottom: 10px; border-bottom: 1px solid rgba(7, 106, 117, 0.2); }
.investorDetail .sub-title:first-of-type { margin-top: 0; }
.investorDetail .sub-title { display: flex; align-items: center; margin-block: 20px; }
.investorDetail .sub-title span { font-size: 18px; font-weight: 600; color: var(--primary); display: inline-block; }
.investorDetail .btn, .newsEvent-Detail .btn { font-size: 20px; font-weight: 600; color: var(--black); gap: 10px; width: auto; }
.investorDetail .btn img, .newsEvent-Detail .btn img { width: 33px; }
.investorDetail .btn.show { border: 0px; }
.investorDetail .btn:first-child:active { border: 0px; }
.investorDetail .investore-pdf { display: flex; justify-content: space-between; align-items: center; padding-block: 15px; padding-left: 15px; }
.investorDetail .investore-pdf .pdf-icon { width: 35px; opacity: 0.5; transition: all 0.5s; }
.investorDetail .investore-pdf p { margin-bottom: 0px; font-weight: 500; font-size: 17px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); transition: all 0.5s; }
.investorDetail .investore-pdf:hover .pdf-icon { opacity: 1; }
.investorDetail .investore-pdf:hover p { color: var(--primary); }
.investorDetail .investor-list, .newsEvent-Detail .investor-list { list-style: none; padding: 0; margin-bottom: 0px; }
.investorDetail .investor-list li a, .newsEvent-Detail .investor-list li a { font-size: 17px; font-family: "Inter Tight", sans-serif; font-weight: 500; color: var(--black) !important; line-height: 1.22; padding: 15px; border-bottom: 1px solid rgba(7, 106, 117, 0.2); margin-bottom: 10px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); transition: all 0.5s; }
.investorDetail .investor-list li:last-of-type a { margin-bottom: 0px; }
.investorDetail .investor-list li.active a { color: var(--primary) !important; }
.investorDetail .investor-list li a:hover { color: var(--primary); }
.investorDetail .investor-list .dropdown-item, .newsEvent-Detail .investor-list .dropdown-item { white-space: wrap !important; }
.investorDetail .investor-list .dropdown-item:focus, .investor-list .dropdown-item:hover { background-color: transparent !important; }
.investorDetail .dropdown-toggle::after, .newsEvent-Detail .dropdown-toggle::after { display: none; }
.investorDetail .left-part { position: sticky; top: 40px; height: fit-content; border: 1px solid rgba(7, 106, 117, 0.2); padding: 15px; }
.newsEvent .newsEvent-card { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); padding: 30px 50px 30px 15px; }
.newsEvent .newsEvent-card h6, .newsEvent-Detail .newsEvent-detailContent h6, .newsEvent-Detail .left-part li h6 { font-weight: 600; font-size: 15px; font-family: "Inter", sans-serif; line-height: 1.53; color: #666; display: flex; align-items: baseline; gap: 7px; }
.newsEvent .newsEvent-card h3 { margin-top: 7px; transition: all 0.5s; }
.newsEvent .newsEvent-content .img { position: relative; overflow: hidden; }
.newsEvent .newsEvent-content .img img { transition: all 0.5s; }
.newsEvent .newsEvent-content:hover .img img { transform: scale(1.05) translateY(-5px); }
.newsEvent .newsEvent-content:hover .newsEvent-card h3 { color: var(--primary); }
.newsEvent-Detail .newsEvent-detailContent { padding-top: 30px; }
.newsEvent-Detail .newsEvent-detailContent .OtherPageTitle { margin-bottom: 1rem; }
.newsEvent-Detail .newsEvent-Detail-card .img img { width: 100%; max-height: 600px; object-fit: cover; border-top-right-radius: 110px; }
.newsEvent-Detail .left-part li a { display: flex; align-items: center; overflow: hidden; gap: 10px; }
.newsEvent-Detail .left-part li img { max-width: 70px; }
.newsEvent-Detail .newsEvent-Detail-menu, .investorDetail .investorDetail-menu { position: relative; z-index: 1; }
.newsEvent-Detail .left-part li p { color: var(--black); font-size: 15px; font-weight: 600; font-family: "Inter", sans-serif; margin-bottom: 0; }
.newsEvent-Detail .left-part li h6 { font-size: 14px }
.newsEvent-Detail .left-part { border: 1px solid rgba(7, 106, 117, 0.2); padding: 15px; }
.newsEvent-Detail .left-part h3 { font-size: 25px; margin-block: 10px; }
.newsEvent-Detail .left-part li { transition: all 0.5s; }
.newsEvent-Detail .left-part li:hover { background-color: rgba(7, 106, 117, 0.1); }
.py-80 { padding-block: 80px; }
.careerOpen { background-color: var(--section-gray-bg); }
.careerOpen .title { display: flex; justify-content: center; flex-direction: column; text-align: center; max-width: 750px; width: 100%; margin: 0 auto 30px; }
.careerOpen .title h2 { font-size: 45px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); padding-block: 0px 20px; line-height: 1.18; margin-bottom: 0; }
.careerOpen .title p { font-size: 17px; font-family: "Inter", sans-serif; font-weight: 500; color: var(--black); line-height: 1.47; margin-bottom: 20px; }
.careerOpen .detail ul { display: flex; padding-left: 0px; gap: 20px; margin-bottom: 15px; }
.careerOpen .detail ul li { position: relative; font-weight: 500; font-size: 16px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); }
.careerOpen .career-card { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); border: 1px solid rgba(7, 106, 117, 0.2); padding: 15px; height: 100%; }
.careerOpen .career-card .career-box { border: 1px solid rgba(7, 106, 117, 0.2); padding: 20px; height: 100%; position: relative; }
.careerOpen .career-card .career-box h3 { font-size: 25px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--primary); text-transform: capitalize; line-height: 1.22; transition: all 0.5s; margin-bottom: 15px; }
.careerOpen .career-card .career-box .anotherDetail p, .newsEvent .newsEvent-card p, .newsEvent-Detail .newsEvent-detailContent p { font-size: 15px; font-family: "Inter", sans-serif; font-weight: 500; color: var(--black); line-height: 1.47; margin-bottom: 20px; }
.careerOpen .career-card .career-box .anotherDetail ul { padding-left: 0px; }
.careerOpen .career-card .career-box .anotherDetail ul li { font-weight: 400; font-size: 16px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); margin-bottom: 8px; }
.careerOpen .career-card .career-box .req-time { font-weight: 600; font-size: 15px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); margin-bottom: 15px; background-color: rgba(7, 106, 117, 0.1); display: inline-block; padding: 4px 8px; border-radius: 8px; }
.careerForm .form-group { position: relative; display: block; margin-bottom: 5px; }
.careerForm .form-group.upload_resume .input-group button.custom-file-control { border: none; background: transparent; font-size: 16px; font-weight: 600; color: var(--primary); padding: 5px 0 5px 0; }
.careerForm .form-group input.file { width: 100%; }
.careerForm .form-group.upload_resume .input-group { border: 1px dashed #ccc; text-align: center; padding: 12px 30px; cursor: pointer; flex-direction: column; border-radius: 10px; background-color: rgba(7, 106, 117, 0.1); min-height: 120px; }
.careerForm .form-group.upload_resume .form-control.attachment { border: none; background: transparent; width: 100%; text-align: center; font-size: 13px; height: 20px; padding: 3px 10px; }
.contactAddress { background-color: var(--section-gray-bg); }
.contactAddress .homeAbout-img { border-top-left-radius: 118px; }
.contactAddress .address-part { padding-left: 85px; }
.contactAddress .contactAddress-contant { align-items: flex-start; border-top: 1px solid#c8c8c8; padding-top: 30px; margin-top: 30px; }
.contactAddress .contactAddress-contant h3 { font-size: 25px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); white-space: pre-line; line-height: 1.22; margin-top: 13px; }
.contactAddress .contactAddress-contant .contant p { font-weight: 500; font-size: 17px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); margin-bottom: 0px; padding-left: 0px; }
.contactAddress .contactAddress-contant .social-icons { display: flex; gap: 15px; }
.contactAddress .contactAddress-contant .social-icons a { display: flex; align-items: center; justify-content: center; border: 1.2px solid#cccccc; border-radius: 50%; width: 40px; height: 40px; transition: all 0.5s; position: relative; overflow: hidden; z-index: 0; }
.contactAddress .contactAddress-contant .social-icons a i { font-size: 16px; color: var(--black); transition: all 0.5s; }
.contactAddress .contactAddress-contant .social-icons a::before { content: ""; position: absolute; inset: 0; background: #1b3c6b; background: linear-gradient(0deg, rgb(27, 60, 107) 0%, rgb(0, 143, 124) 100%); opacity: 0; transition: all 0.5s; z-index: -1; }
.contactAddress .contactAddress-contant .social-icons a:hover::before { opacity: 1; }
.contactAddress .contactAddress-contant .social-icons a:hover i { color: var(--white); }
.contactAddress .contactAddress-contant .location-detail { max-width: 55%; }
.contactAddress .contactAddress-contant .personal-detail a p { transition: all 0.5s; font-weight: 500; font-size: 16px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); margin-bottom: 0px; white-space: pre-line; }
.contactAddress .contactAddress-contant .personal-detail a:hover p { color: var(--primary); }
.contactAddress .contactAddress-contant .personal-detail .social-icons a:hover::before { opacity: 0; }
.contactAddress .contactAddress-contant .personal-detail .social-icons a:hover i { color: var(--black); }
.contactAddress .contactAddress-contant:first-of-type { border: 0px; padding-top: 0px; margin-top: 0px; }
.contactAddress .contactAddress-contant h4 { font-size: 16px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--primary); white-space: pre-line; line-height: 1.22; }
.contactAddress .contactAddress-contant .contant h5 { font-size: 18px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); white-space: pre-line; margin-top: 15px; }
.contactAddress .contactAddress-contant .contant span:first-of-type { margin-top: 0px; }
.contactAddress .contactAddress-contant .coreValue_icon { border-radius: 50%; width: 80px; height: 80px; display: flex; justify-content: center; transform: translate(0) rotate(0); background: #1b3c6b; background: linear-gradient( 234deg, rgb(27, 60, 107) 0%, rgb(0, 143, 124) 100% ); inset: 0; transition: all 0.5s; border: 3px dotted var(--primary); border-radius: 50%; box-shadow: inset 0 0 0 5px var(--white); }
.contactAddress .contactAddress-contant .contant span { font-size: 16px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); display: inline-block; margin-top: 10px; }
.contactAddress .icon { border-radius: 50%; width: 40px; height: 40px; border: 1px solid#cccccc; display: flex; justify-content: center; align-items: center; transform: translate(0) rotate(0); background: #1b3c6b; background: linear-gradient( 234deg, rgb(27, 60, 107) 0%, rgb(0, 143, 124) 100% ); inset: 0; }
.contactAddress .icon i { width: 17px; display: flex; justify-content: center; align-items: center; color: var(--white); }
.contactAddress .contactAddress-contant .map-img img { width: 23px; }
.contactAddress .contactAddress-contant .location-detail a { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1.2px solid #cccccc; border-radius: 50%; padding: 6px; }
.contactForm { padding-block: 50px 100px; position: relative; }
.contactForm::after { position: absolute; content: ""; background: url("../img/pattern.svg") no-repeat top center; width: 26.6vw; aspect-ratio: 511/527; bottom: 0%; right: 4%; z-index: -1; background-size: contain; }
.contactForm h2 { font-size: 45px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); padding-top: 35px; padding-inline: 52px 20px; line-height: 1.18; margin-bottom: 22px; }
.contactForm .form { width: 100%; padding: 75px 65px 75px 75px; background: rgb(255 255 255); border-radius: 15px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); z-index: 0; }
.termsCondition p { font-size: 17px; font-family: "Inter", sans-serif; font-weight: 500; color: var(--black); line-height: 1.47; margin-bottom: 20px; }
.termsCondition h3 { font-size: 30px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); white-space: pre-line; line-height: 1.22; margin-top: 13px; margin-bottom: 15px; }
.termsCondition ul li { font-weight: 500; font-size: 17px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); margin-bottom: 5px; }
.termsCondition .text-link { font-size: 17px; font-family: "Inter", sans-serif; font-weight: 600; color: var(--primary); line-height: 1.47; margin-bottom: 20px; position: relative; }
.termsCondition .text-link::after { content: ""; position: absolute; bottom: 0px; left: 0; width: 100%; height: 1px; background: #cccccc; transition: 0.5s; }
.tnx .tnx-card-content .tnx-card p { max-width: 500px; margin: 15px auto; font-size: 20px; }
.tnx .tnx-card-content .tnx-card h2 { font-size: 120px; }
.error .error-card-content .error-card h2, .tnx .tnx-card-content .tnx-card h2 { font-size: 150px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); line-height: 1.22; padding-bottom: 0; }
.error .error-card-content .error-card h4, .tnx .tnx-card-content .tnx-card h4 { font-size: 25px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--primary); text-transform: uppercase; line-height: 1.22; }
.error .error-card-content .error-card p, .tnx .tnx-card-content .tnx-card p { font-size: 19px; padding: 0px 0 30px 0; font-family: "Inter", sans-serif; font-weight: 500; color: var(--black); line-height: 1.22; margin-block: 0px !important; }
.error .error-card-content .error-card .homeProduct-card-btn, .tnx .tnx-card-content .tnx-card .homeProduct-card-btn { width: 55px; height: 55px; }
.error .error-card-content .error-card .bussiness-btn a, .tnx .tnx-card-content .tnx-card .bussiness-btn a { padding-left: 30px; gap: 20px; }
.product-card .card { padding: 28px 23px 23px; border-radius: 15px; box-shadow: 1px 15px 25px rgba(0, 0, 0, 0.1); transition: all 0.5s; border: 1px solid transparent; }
.product-card .card p { font-size: 23px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); white-space: pre-line; padding-left: 30px; line-height: 1.22; margin-bottom: 0px; }
.product-card .card .card-content { margin-bottom: 28px; }
.product-card .homeProduct-card-btn img { transition: all 0.5s; }
.product-card .card:hover .homeProduct-card-btn img { transform: rotate(45deg); }
.product-card .card:hover .card-content-img img { transform: scale(1.1); }
.product-card .card .card-content-img { overflow: hidden; border-radius: 15px; }
.product-card .card .card-content-img img { transition: all 0.5s; border-radius: 15px; }
.homeProduct-card-btn i { color: var(--white); }
.homeProduct-card-btn { align-items: center; }
.product-card .card:hover { border-color: rgba(7, 106, 117, 0.4); }
.line { flex: 1; height: 1px; background: var(--primary); }
.no-shadow { box-shadow: none !important; }
.plus { position: absolute; bottom: 15px; left: 15px; width: 32px; height: 32px; border: 2px solid #1a2b6d; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.main .card { border: 1px solid rgba(7, 106, 117, 0.2); padding: 15px; height: 100%; border-radius: 0px; }
.main .card-image { display: block; padding-top: 70%; position: relative; width: 100%; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); }
.main .card-image img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.pdf-sec { border-left: 1px solid rgba(7, 106, 117, 0.2); }
.pdf-sec a { display: block; border-bottom: 1px solid rgba(7, 106, 117, 0.2); }
.pdf-sec a:last-of-type { border-bottom: 0px; }
.pdf-sec.open { display: block; }
.map-img { margin-left: 15px; }
.tab-pane { display: none !important; }
.tab-pane.active { display: block !important; }
.homeAbout-img { height: 100%; object-fit: cover; }
.director-content .homeProduct-card-btn, .vis_mission_content .homeProduct-card-btn, .sustainability-card .homeProduct-card-btn { margin-inline: 0px 10px; width: 15px; height: 15px; }
.director-content .homeProduct-card-btn img, .vis_mission_content .homeProduct-card-btn img, .homeManufacturing-card .homeProduct-card-btn img { width: 14px; transform: rotate(45deg); }
.directorOtherPages, .otherPages { background-color: var(--section-gray-bg); }
.companySustainability .title { display: flex; justify-content: center; flex-direction: column; max-width: 900px; text-align: center; margin-bottom: 57px; }
.companySustainability .row { margin-bottom: 0px; }
.eventGallery { padding-top: 50px; }
.product-card { display: flex; }
.productDetail-about ul li strong::after, .productDetail ul li strong::after { content: ':'; margin: 0 4px; }
.detail-card { margin-top: 15px; gap: 15px; }
.accordion-header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; background-color: transparent; }
.accordion-header.active .arrow { transform: rotate(180deg); filter: brightness(0) invert(1); }
.accordion-button { font-size: 18px; font-family: "Inter Tight", sans-serif; font-weight: 500; color: var(--black); line-height: 1.22; background-color: transparent; }
.accordion-button:not(.collapsed)::after { filter: brightness(0) invert(1); }
.arrow { transition: all 0.5s; }
.arrow img { transition: all 0.5s; width: 15px; }
.file-wrapper img { max-width: 35px; width: 100%; opacity: 0.4; margin-bottom: 10px; }
.form-bussiness-btn { display: flex; justify-content: end; align-items: center; position: relative; }
.form-bussiness-btn::before { position: absolute; content: ""; width: 100%; height: 3px; background-color: #ccc; top: 0; }
.wpcf7-form-control-wrap { position: relative; }
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.OtherPageTitle { line-height: 1.18; font-size: 40px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); margin-bottom: 2.5rem; }
.companyCommittee .commitee_block+.commitee_block { margin-top: 30px; }
/*30-07-2026*/
.newsEvent-Detail .investor-list::-webkit-scrollbar {
  width: 4px;
}

.newsEvent-Detail .investor-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.newsEvent-Detail .investor-list::-webkit-scrollbar-thumb {
  background: #dddddd;
  border-radius: 4px;
}

/* .newsEvent-Detail .investor-list::-webkit-scrollbar-thumb:hover {
  background: darkred;
} */


/*======== 12-08-2026 =========*/

.investorDetail .right-part .contact-part{border-top: 1px solid rgba(7, 106, 117, 0.2);padding: 30px 0;}
.investorDetail .right-part h2 {
    font-size: 25px;
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    color: var(--black);
    line-height: 1.22;
    margin-top: 13px;
    margin-bottom: 25px;
}
.investorDetail .right-part .contact-part h3 {
    font-size: 22px;
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    color: var(--primary);
    line-height: 1.22;
    margin-top: 13px;
    margin-bottom: 20px;
    padding-left: 20px;
}
.investorDetail .right-part .contact-part p{
    white-space: pre-line;padding: 0 40px;
}
.investorDetail .right-part .contact-part ul{padding-left: 0;    padding: 0 40px;}
.investorDetail .right-part .contact-part ul li{
    font-weight: 500;
    font-size: 17px;
    font-family: "Inter", sans-serif;
    line-height: 1.53;
    color: var(--black);
    margin-bottom: 0px;
}
.investorDetail .right-part .contact-part ul li a , .investorDetail .right-part .contact-part p a{color: var(--black);transition: all 0.5s;}
.investorDetail .right-part .contact-part ul li a:hover , .investorDetail .right-part .contact-part p a:hover{color: var(--primary);}

/* ===== 17-09-2026 =====*/
.productDetail {
    position: relative;
}
.productDetail .row {
    overflow: clip;
}
.productDetail .row .col-lg-5 {
    height: 100%;
    position: sticky;
    top: 50px;
}