: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;
}
.homeBanner { overflow: hidden; position: relative; z-index: 0; }
.homeBanner::after { position: absolute; content: ""; background: url("../img/pattern.svg") no-repeat center center; top: 20px; right: 75px; background-size: contain; width: 26.6vw; aspect-ratio: 511/527; z-index: -1; }
.homeBanner .homeBanner-contant { padding-top: 188px; padding-bottom: 63px; }
.homeBanner .homeBanner-contant h1 { font-size: 50px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); line-height: 1.08; padding-inline: 52px 32px; }
.homeBanner .homeBanner-contant p { font-size: 17px; font-family: "Inter", sans-serif; font-weight: 500; color: var(--black); line-height: 1.47; margin-bottom: 20px; }
.homeBanner .homeBanner-desc { padding-inline: 25px 26px; }
.homeBanner .hero-banner-logo { background-color: #11376c; display: inline-flex; justify-content: center; align-items: center; flex-direction: column; padding: 37px 24px; border-radius: 10px; position: absolute; right: calc(100% - 86%); top: 380px; z-index: 1; animation: floatY 3s ease-in-out infinite; }
.homeBanner .hero-banner-logo h5 { color: var(--white); font-weight: 700; font-size: 19px; font-family: "Inter Tight", sans-serif; margin-top: 7px; margin-bottom: 0; }
.homeBanner .hero-banner-logo p { color: var(--white); font-weight: 500; font-size: 14px; font-family: "Inter Tight", sans-serif; text-transform: uppercase; margin-bottom: 0px; }
.homeBanner .hero-banner { width: 110%; margin-left: -5%; height: auto; border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; 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( 105deg, rgba(0, 143, 124, 1) 0%, rgba(17, 55, 108, 1) 100% );  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008F7C", endColorstr="#11376C", GradientType=0);z-index: 0; overflow: hidden; position: relative; }
.homeBanner .hero-banner::after { position: absolute; content: ""; top: 12px; background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../img/hero-banner.jpg") no-repeat center center; background-size: cover; height: 100%; width: 100%; border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; z-index: -1; transform-origin: center; will-change: transform; }
.homeBanner .hero-banner h2 { font-size: 50px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--white); line-height: 1.16; white-space: pre-line; padding-block: 437px 277px; padding-left: 52px; margin-bottom: 0; }
 @keyframes floatY {  0% {
 transform: translateY(0);
}
 50% {
 transform: translateY(-12px);
}
 100% {
 transform: translateY(0);
}
}
.homeProduct { background-color: var(--section-gray-bg); }
.homeProduct .card .card-content { margin-bottom: 28px; }
.homeProduct .homeProduct-card { padding-left: 21px; padding-right: 21px; }
.homeProduct .homeProduct-card h2 { font-size: 45px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); padding-block: 77px 57px; padding-inline: 52px 20px; line-height: 1.18; margin-bottom: 0; }
.homeProduct .homeProduct-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 !important; }
.homeProduct .homeProduct-card .card:hover { border-color: rgba(7, 106, 117, 0.4) !important; }
.homeProduct .homeProduct-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; }
.homeProduct .homeProduct-card .card .card-content-img { overflow: hidden; border-radius: 15px; }
.homeProduct .homeProduct-card .card .card-content-img img { transition: all 0.5s; border-radius: 15px; }
.homeProduct .homeProduct-card .card:hover .card-content-img img { transform: scale(1.1); }
.homeProduct .homeProduct-card .homeProduct-card-btn img { transition: all 0.5s; }
.homeProduct .homeProduct-card .card:hover .homeProduct-card-btn img { transform: rotate(45deg); }
.homeProduct .swiper { padding-bottom: 100px; }
.homeProduct .swiper-slide { margin-right: 27px; height: auto; display: flex; }
.homeProduct .visit-btn-img::after { z-index: 1; }
.homeProduct .visit-btn-img:hover img { filter: brightness(0) invert(1); }
.homeProduct .visit-btn-img .right { transform: rotate(45deg); }
.homeProduct .visit-btn-img .left { transform: rotate(225deg); }


.homeAbout { padding-top: 118px; position: relative; padding-bottom: 75px; }
.homeAbout::before { position: absolute; content: ""; background: url("../img/pattern.svg") no-repeat center center; width: 26.6vw; aspect-ratio: 511/527; z-index: -1; top: 5%; right: 6%; background-size: contain; }
.homeAbout .homeAbout-img { border-top-left-radius: 110px; }
.homeAbout .homeAbout-contant { padding-inline: 30px; }
.homeAbout .homeAbout-contant h2 { padding-bottom: 26px; padding-top: 0px; margin-bottom: 0; line-height: 1.18; font-size: 45px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); }
.homeAbout .homeAbout-contant p { font-weight: 500; font-size: 17px; font-family: "Inter", sans-serif; line-height: 1.53; color: var(--black); margin-bottom: 0; }
.homeAbout .homeAbout-contant a { margin-top: 20px; }
.homeAbout .homeAbout-contant p:first-of-type { margin-bottom: 35px; }


.homeWithus { background: linear-gradient(rgba(0, 24, 53, 0.9), rgba(0, 24, 53, 0.9)), url("../img/with-us.png") no-repeat center center/cover; color: var(--white); position: relative; z-index: 0; display: flex; align-items: center; overflow: hidden; padding: 163px 0 220px 0; background-attachment: fixed; }
.homeWithus::after { position: absolute; content: ""; width: 110%; height: 20%; top: 0; left: 50%; transform: translate(-50%, -50%); background-color: var(--white); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; }
.homeWithus::before { position: absolute; content: ""; width: 110%; height: 19%; bottom: -10%; left: 50%; transform: translate(-50%, -50%); background-color: #f4f4f4; border-top-left-radius: 50%; border-top-right-radius: 50%; }
.homeWithus h3 { font-size: 45px; font-weight: 500; font-family: "Inter Tight", sans-serif; line-height: 1.18; white-space: pre-line; margin-bottom: 33px; }
.homeWithus .homeWithus-content { padding-inline: 41px; }
.homeWithus .bussiness-btn > div { font-size: 16px; font-weight: 600; font-family: "Inter", sans-serif; line-height: 1; }


.homeManufacturing { background-color: #f4f4f4; position: relative; z-index: 0; padding-top: 40px; }
.homeManufacturing::after { position: absolute; content: ""; background: url("../img/pattern.svg") no-repeat center center; bottom: 45%; left: 8%; width: 26.6vw; aspect-ratio: 511/527; z-index: -1; transform: rotate(275deg); background-size: contain; }
.homeManufacturing .homeManufacturing-img { border-top-right-radius: 110px; }
.homeManufacturing .menu-card { margin-top: -140px; }
.homeManufacturing .homeManufacturing-contant { position: relative; max-width: 906px; width: 100%; background-color: var(--white); box-shadow: 1px 15px 25px rgba(0, 0, 0, 0.1); padding: 62px 52px 50px 52px; border-radius: 15px; z-index: 1; }
.homeManufacturing .homeManufacturing-contant h2 { padding: 0; padding-bottom: 24px; margin-bottom: 0; line-height: 1.18; font-size: 45px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); line-height: 1.18; }
.homeManufacturing .homeManufacturing-contant p { padding-bottom: 40px; font-size: 17px; font-weight: 500; font-family: "Inter", sans-serif; margin-bottom: 0px; line-height: 1.53; color: var(--black); }
.homeManufacturing .homeManufacturing-card > div:nth-child(2) { border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; }
.homeManufacturing .homeManufacturing-card img { margin-bottom: 16px; }
.homeManufacturing .homeManufacturing-card h3 { font-size: 35px; font-family: "Inter Tight", sans-serif; font-weight: 600; line-height: 1.4; color: var(--black); padding-bottom: 5px; margin-bottom: 0px; }
.homeManufacturing .homeManufacturing-card .counter { display: inline-block; min-width: 90px; text-align: left; font-variant-numeric: tabular-nums; }
.homeManufacturing .homeManufacturing-card .steelRange { position: relative; }
.homeManufacturing .homeManufacturing-card .steelRange::after { position: absolute; content: ""; width: 15%; height: 4px; background-color: #444; top: 22px; left: -18px; }
.homeManufacturing .homeManufacturing-card span { font-size: 16px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--black); line-height: 3.06; padding-left: 7px; }
.homeManufacturing .homeManufacturing-card p { font-size: 16px; font-weight: 500; font-family: "Inter", sans-serif; color: #202020; padding-bottom: 0px; white-space: pre-line; line-height: 1.2; }
.homeManufacturing .homeManufacturing-btn { max-width: 906px; width: 100%; background-color: #0d223c; border-radius: 0 0 15px 15px; padding: 45px 52px 20px 0; margin-top: -25px; margin-bottom: 95px; transition: all 0.5s; }
.homeManufacturing .homeManufacturing-btn .custom-btn { color: var(--white); padding-left: 15px; }
.homeManufacturing .homeManufacturing-btn .homeProduct-card-btn { width: 45px; height: 45px; border: 0; transition: all 0.5s; }
.swiper-button-next, .swiper-button-prev { position: absolute; transform: translate(50%); }


.homeBlog { padding-top: 84px; padding-bottom: 118px; position: relative; }
.homeBlog::after { position: absolute; content: ""; background: url("../img/pattern.svg") no-repeat top center; width: 26.6vw; aspect-ratio: 511/527; bottom: -10%; right: 4%; z-index: -1; background-size: contain; }
.homeBlog .blog-card { position: relative; overflow: hidden; transition: all 0.5s; }
.homeBlog .blog-card .visit-btn-img { transition: all 0.5s; }
.homeBlog .blog-card:hover .blog-img img { transform: scale(1.1); }
.homeBlog .blog-card:hover .visit-btn-img { background: transparent; border: 0px; }
.homeBlog .blog-card:hover .visit-btn-img img { transform: rotate(45deg); filter: invert(0) sepia(0) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(95%); }
.homeBlog .blog-img { position: relative; overflow: hidden; border-radius: 15px; transition: all 0.5s; }
.homeBlog .blog-img img { border-radius: 15px; transition: all 0.5s; width: 100%; }
.homeBlog .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, 1) 0%, rgba(0, 0, 0, 0) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );bottom: 0; left: 0; }
.homeBlog .blog-contant { position: absolute; bottom: 38px; left: 52px; right: 37px; }
.homeBlog .blog-contant h4 { color: var(--white); font-size: 45px; font-weight: 600; font-family: "Inter Tight", sans-serif; line-height: 1.18; padding-bottom: 17px; margin-bottom: 0; }
.homeBlog .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; }
.homeBlog .blog-contant a { color: var(--white); margin-bottom: 0; }