body {
    font-family: "Poppins", sans-serif;
}

h1,
h2,
h3,
h4,
p,
a {
    font-family: "Poppins", sans-serif;
}

.main_nav {
    display: flex;
    justify-content: space-between;
}

.logo a {
    padding-top: 13px;
    display: inline-block;
}

.main_logo {
    text-align: center;
    padding: 20px;
}
.is-sticky .desktop_header .main_logo {
    padding: 0px;
}

.main_logo img {
    width: 150px;
}

.header-sec {
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    padding: 10px 0px;
}

.header-sec.is-sticky {
    position: fixed;
    /* background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 101.93%), #000;*/
    background: rgba(0, 0, 0, 0.5);
    padding: 8px 0;
    backdrop-filter: blur(10px);
    animation: slideDown 0.35s ease-out;
}

.header-sec.is-sticky img {
    max-width: 80%;
}

.header-sec.is-sticky button {
    font-size: 14px;
    padding: 7px 10px;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.sticky-logo-white {
    display: none;
}
.sticky-logo-black {
    display: block;
}

.header-sec.is-sticky .sticky-logo-white {
    display: block;
}
.header-sec.is-sticky .sticky-logo-black {
    display: none;
}

.custom-navbar .nav-link,
.custom-navbar .btn {
    border-radius: 20px;
    font-size: 14px;
}

.left-side-nav {
    align-items: center !important;
    margin: 0px auto;
}

.nav-item .btn-outline-light {
    border: 1px solid rgba(165, 235, 244, 1);
    padding: 5px 25px;
    border-radius: 30px;
    font-size: 13px;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    display: inline-block;
    color: #fff;
}
.nav-item .active {
    background: rgba(56, 164, 177, 1);
    border: 1px solid rgba(56, 164, 177, 1);
}

.nav-item .btn-outline-light:hover {
    background: rgb(70 214 231);
    border: 1px solid rgb(70 214 231);
}

.language-btn {
    color: rgb(70 214 231);
    font-size: 25px;
    margin-left: 30px;
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    right: 0 !important;
    left: auto;
}

.language-dropdown-menu {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(10px);
    /*animation: slideDown 0.35s ease-out;*/
    padding: 0px;
    border-radius: 0px;
    border: 0px;
}

.language-dropdown-menu::before {
    content: "";
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #38a4b1;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: -12px;
    right: 18px;
    opacity: 1;
    transform: rotate(-90deg);
}

.dropdown-item:hover {
    color: #fff;
    background-color: #38a4b1;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #38a4b1;
}

.language-dropdown-menu li a {
    color: #fff;
    font-size: 13px;
}

.carousel-caption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to top, #3c3c3c80 70%, #f0f0f080 95%);
    z-index: 0;
    padding: 20px;
    text-align: center;
}

.carousel-caption h1 {
    font-size: 65px;
}

.carousel-caption p {
    font-size: 24px;
}

#heroSlider.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    position: absolute;
    transform: translate(-50%);
    left: 50%;
    bottom: 0;
}
#heroSlider.owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    background: #ffffff8a;
    border: 2px solid #38a4b1;
    border-radius: 0px;
}
#heroSlider.owl-theme .owl-dots .owl-dot.active span,
#heroSlider.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff;
}
.banner-img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: transform 8s ease; /* smooth effect */
}
.owl-item.active .banner-img {
    transform: scale(1.1); /* zoom in */
}

.slider-btn {
    border: 1px solid rgba(165, 235, 244, 1);
    padding: 2px 2px;
    border-radius: 10px;
    font-size: 24px;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    width: 190px;
    font-weight: normal;
}

.slider-btn:first-child {
    background: rgba(56, 164, 177, 1);
    border: 1px solid rgba(56, 164, 177, 1);
}

.slider-btn:hover {
    background: rgb(70 214 231);

    border: 1px solid rgb(70 214 231);
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    transition: opacity 0.6s ease;
    border: 2px solid rgba(56, 164, 177, 1);
}

.slider-devider {
    width: 460px;
    border: 1px solid #fff;
    margin-bottom: 15px;
    position: relative;
}
.slider-devider:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 20px;
    background: #ffffff;
    position: absolute;
    left: -1px;
    top: -3px;
}
.slider-devider:after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 20px;
    background: #ffffff;
    position: absolute;
    right: -1px;
    top: -3px;
}

.text-bold {
    color: #00b5b8;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1),
        0px 18px 23px rgba(0, 0, 0, 0.1);
    /*text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7), -3px -3px 6px rgba(0, 0, 0, 0.7);*/
}
.product-showcase img {
    width: 100px;
    height: auto;
}
.certifications {
    background: #222;
    color: #fff;
    padding: 50px 0;
}
.testimonials {
    background: #111;
    color: #fff;
    padding: 50px 0;
}
.blog img {
    width: 100%;
    border-radius: 8px;
}

.about-bettex {
    background: url("../images/about-bg.png") no-repeat center center/cover;
    position: relative;
    overflow: hidden;
}

.about-bettex .bg-overlay {
    position: absolute;
    inset: 0;
    /* background: rgba(0, 0, 0, 0.7);*/
    z-index: 1;
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.about-bettex .container {
    position: relative;
    z-index: 2;
}

/*=================customer=============*/

.customers {
    padding: 50px 0 70px;
    background: #f1f1f1;
}

.section-title h2 {
    color: #333333;
}

.customer-section-cont {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}
.news-section .news-cont h2 {
    line-height: 1.5;
    min-height: 66px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-cont h2 a {
    margin:0px!important;
}
.customer-btn {
    display: inline-block;
    text-decoration: none;
    background: rgba(56, 164, 177, 1);
    color: #fff;
    padding: 8px 30px;
    font-size: 16px;
    border-radius: 30px;
    margin-top: 20px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}

.customer_item {
    width: 14.7%;
    position: relative;
    border-radius: 10px;
}
/* .customer_item:before {
    content: " ";
    height: 10px;
    border-left: 0.1px solid #808080;
    position: absolute;
    top: 20px;
    left: 0;
    opacity: 0.4;
}
.customer_item:after {
    content: " ";
    height: 10px;
    border-left: 0.1px solid #808080;
    position: absolute;
    top: 20px;
    right: 0;
    opacity: 0.4;
} */

.customer_item img {
    width: 100%;
    background: #fff;
}

/*==============certifications============*/

.certification-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.certification-title {
    color: #000 !important;
}

.certification_bg {
    padding: 60px 0;
    /*background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 150.89%);*/
}

.certification-section-cont {
    display: flex;
    gap: 50px;
    justify-content: center;
}

.certification-items img {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}

.certification-items {
    width: 100px;
    height: 100px;
    padding: 10px;
    display: flex;
    align-items: center;
    text-align: center;
}

.certification-items img {
    width: 100%;
}

/*==============certifications============*/

.client-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}

.clientele-section {
    position: relative;
    background-repeat: no-repeat;
}

.testimonial-card {
    background: rgba(56, 164, 177, 1);
    max-width: 500px;
    margin: auto;
    min-height: 190px;
}

.client-carousel .owl-item img {
    display: block;
    width: 115px;
    height: 150px;
    border-radius: 10px;
    object-fit: cover;
    margin-top: -54px;
}

.client-number-img img {
    position: relative;
    margin-left: -10px;
    border: 3px solid #41acc3;
}

.client-number-count {
    margin-left: -10px;
    border: 3px solid #41acc3;
    background: #41acc3;
    position: relative;
}

.client-number-btn {
    text-decoration: none;
    font-size: 15px;
}

/*============news==========*/
.news-section {
    padding: 70px 0px;
}

.news-img-box {
    width: 100%;
    height: 280px;
    overflow: hidden;
    position: relative;
}

.news-img-box img {
    width: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.news-cont {
    background: rgba(56, 164, 177, 1);
    padding: 25px 25px;
    width: 90%;
    height: 100%;
    float: right;
    margin-top: -100px;
    z-index: 1;
    position: relative;
    transition: all 0.5s ease;
}

.news-2-items {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.news-2-items:hover .news-cont {
    right: 0;
    width: 100%;
    /* padding-right: 100px; */
    transition: all 0.5s ease;
}

.news-2-items:hover .news-img-box img {
    transition: all 0.5s ease;
    transform: scale(1.1);
    filter: brightness(70%);
}

.news-cont h4 {
    font-size: 15px;
    color: #fff;
}

.news-cont h2 a {
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    display: block;
    margin-top: 15px;
}

.news-btn a {
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    padding: 4px 15px;
    margin-top: 15px;
}

.news-2-items:hover .news-btn a {
    background: #fff;
    color: #00a5bb;
}

.all-view-btn {
    display: inline-block;
    text-decoration: none;
    border: 2px solid #00a5bb;
    color: #000;
    padding: 5px 40px;
    border-radius: 40px;
    font-size: 16px;
    float: right;
}

.all-view-btn i {
    color: #00a5bb;
    font-weight: bold;
}

/*======================footer==================*/

.padding-right-35 {
    padding-right: 35px;
}

footer {
    background: linear-gradient(94.17deg, #38a4b1 0.52%, #18454b 55.08%);
    color: #ccc;
    padding: 40px 0 20px 0px;
}

.footer-item-box a {
    display: inline-block;
}

.footer-item-box ul li a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    margin-bottom: 10px;
}

.footer-item-left a img {
    width: 120px;
    margin-bottom: 20px;
}

.footer-item-box h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}

.footer-link {
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 5px;
}

.form-subscribe {
    margin-top: 30px;
}

.footer-item-left {
    padding-right: 40px;
}

.footer-item-left p {
    color: #fff;
    font-size: 15px;
}

.footer-blog-item {
    display: flex;
    gap: 10px;
    border-bottom: 1px solid #3c757c;
    padding: 10px 0px;
}

.footer-blog-item:last-child {
    border-bottom: 0px;
}

.footer-blog-item-img a img {
    width: 100px;
    border-radius: 5px;
}

.footer-blog-item-info a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}
.footer-blog-item-info span {
    font-size: 13px;
    color: #ccc;
}

.social-link a {
    color: rgba(171, 246, 255, 1);
    display: inline-block;
    padding: 5px;
    font-size: 16px;
}

.form-subscribe-input {
    background: transparent;
    color: #fff !important;
    padding-left: 0px;
    border-radius: 0px;
    font-size: 14px;
    position: relative;
    height: 45px;
    border: none;
    border-bottom: 1px solid #fff;
}

.form-subscribe-input::placeholder {
    color: white;
    opacity: 1;
}

.form-subscribe-input:focus {
    z-index: 2;
    background: transparent;
    color: #fff !important;
    border: none;
    border-bottom: 1px solid #1bdbf9;
    box-shadow: none;
}

.send-btn {
    background: transparent;
    border: 0px;
    border-bottom: 1px solid;
    color: #fff;
    padding: 10px 10px;
    font-size: 16px;
}

.footer-bottom {
    border-top: 1px solid #b5b2b2;
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
}

.footer-bottom-left p {
    margin: 0px;
    color: #fff;
}

.footer-bottom-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-policy-links {
    display: flex;
    gap: 15px;
}

.footer-policy-links a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.footer-policy-links a:hover {
    color: rgba(171, 246, 255, 1);
}

.policy-content {
    padding: 40px 0;
}

.policy-content h3 {
    color: #38a4b1;
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 600;
}

.policy-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 15px;
}

.policy-content ul {
    margin-left: 25px;
    margin-bottom: 20px;
}

.policy-content ul li {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 10px;
    list-style-type: disc;
}

.policy-content strong {
    font-weight: 600;
    color: #000;
}



.floting-social-link {
    width: 40px;
    position: fixed;
    z-index: 9;
    right: 50px;
    top: 30%;
}

.floting-social-link a {
    color: rgba(171, 246, 255, 1);
    display: block;
    padding: 5px;
    font-size: 16px;
    text-shadow: 0px 3px 4px #000;
}

/*===================History===============*/
.history {
    padding: 60px 0px 40px;
    background-image: linear-gradient(to top, #38a4b1 0%, #38a4b1 100%);
}

.history .col-md-12 {
    position: relative;
}
.history .owl-next-custom,
.history .owl-prev-custom {
    color: #ffffff;
    border: 2px solid #ffffff;
    height: 50px;
    width: 50px;
    font-size: 25px;
    left: -25px;
}
.history .owl-next-custom {
    right: -25px;
    left: auto;
}
.history .owl-theme .owl-nav {
    display: none;
}

.history-container {
    font-family: "Arial", sans-serif;
    margin: 50px auto;
    max-width: 1200px;
    padding: 20px;
    background-color: #f1f7f9;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.history-title {
    text-align: center;
    font-size: 32px;
    color: #3e8e41;
    font-weight: 700;
    margin-bottom: 40px;
}

.history-title span {
    color: #006600;
}

.timeline {
    position: relative;
    padding-left: 30px;
    margin-left: 10%;
}

.timeline-item {
    position: relative;
    margin-bottom: 40px;
}

.timeline-date {
    font-size: 18px;
    font-weight: bold;
    color: #006600;
    position: absolute;
    left: -30px;
    top: 10px;
}

.timeline-content {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding-left: 40px;
}

.timeline-content h3 {
    font-size: 22px;
    color: #333;
    font-weight: 600;
}

.timeline-content p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
}

/* Adding the Timeline Circle */
.timeline-item::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 15px;
    width: 20px;
    height: 20px;
    background-color: #006600;
    border-radius: 50%;
    border: 3px solid #fff;
}

.timeline-item:nth-child(odd)::before {
    background-color: #006600;
}

.timeline-item:nth-child(even)::before {
    background-color: #38a4b1;
}

/* Add some spacing and adjust the page layout */
.timeline-item:last-child {
    margin-bottom: 0;
}

/*====================c=============*/

.product-showcase {
    padding: 70px 0px;
    background-color: #ffffff;
    /* background-image: linear-gradient(to top, #b3afaf80 0%, white 100%); */
}

.cards-container {
    position: relative;
    margin-top: 30px;
}
.cards-container h2 {
    font-size: 30px;
    text-align: center;
    color: #333;
    margin-bottom: 50px;
}
.card-body {
    text-align: center;
}
.cards-container .owl-stage-outer {
    padding: 0px;
}
.cards-container .owl-nav {
    display: none;
}
.cards-container .owl-dots {
    text-align: center;
}

.cards-container .owl-dots .active {
    box-shadow: none;
}

.cards-container .card {
    background: #fff;
    box-shadow: 0 8px 30px -7px #c9dff0;
    margin: 0 20px;
    padding: 0 10px;
    border-radius: 20px;
    border: 0;
}

.cards-container .card h5 {
    color: #01b0f8;
    font-size: 21px;
    line-height: 1.3;
}
.cards-container .card h5 span {
    font-size: 18px;
    color: #666;
}
.cards-container .card p {
    font-size: 14px;
    color: #555;
    padding-bottom: 15px;
}
.cards-container .active {
    /*opacity: 0.2;*/
    transition: all 0.3s;
}
.cards-container .center {
    opacity: 1;
}
.cards-container .center h5 {
    font-size: 24px;
}
.cards-container .center h5 span {
    font-size: 20px;
}

@media (max-width: 767px) {
    .cards-container {
        margin-top: 20px;
    }
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    outline: 0;
}
.owl-carousel button.owl-dot {
    outline: 0;
}
.owl-next-custom {
    background: transparent;
    width: 60px;
    color: #38a4b1;
    height: 60px;
    display: flex;
    align-items: center;
    border-radius: 30px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 50%;
    border: 2px solid #38a4b1;
    z-index: 2;
    font-weight: bold;
    font-size: 32px;
    justify-content: center;
}

.owl-prev-custom {
    background: transparent;
    width: 60px;
    color: #38a4b1;
    height: 60px;
    display: flex;
    align-items: center;
    border-radius: 30px;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 50%;
    border: 2px solid #38a4b1;
    z-index: 2;
    font-weight: bold;
    justify-content: center;
    font-size: 32px;
}

/*==========*/
.product-card img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin-top: 0px !important;
}
.product-desc-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.owl-item-list p {
    margin: 10px;
}

.custom_owl_carousel
    .owl-stage-outer
    .owl-stage
    .active
    .owl-item-list
    .product-card
    img {
    width: 60% !important;
    margin: 0 auto;
}
.owl-carousel.owl-carousel1 .owl-item {
    margin: 1px;
}

.custom_owl_carousel
    .owl-stage-outer
    .owl-stage
    .center
    .owl-item-list
    .product-card
    img {
    width: 100% !important;
}
.custom_owl_carousel .owl-stage-outer .owl-stage {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-card {
    display: flex;
    justify-content: center;
}

/*=============*/
.product-desc-items ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.product-desc-items ul li {
    float: left;
    padding: 5px 20px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
}

.product-desc-items ul li:before {
    content: "\f111 ";
    font-family: fontawesome;
    color: rgba(56, 164, 177, 1);
    margin-right: 14px;
    font-size: 10px;
}

.product-desc-btn a {
    background: rgba(56, 164, 177, 1);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    display: inline-block;
    color: #fff;
    padding: 5px 30px;
    font-size: 16px;
    border-radius: 30px;
    font-family: "Poppins", sans-serif;
}

.product-desc-search {
    width: 65%;
    margin: 0px auto;
}

/*================about=========*/
.about-section {
    padding: 80px 0 120px;
}

.about-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-text h2 {
    font-size: 36px;
    margin-bottom: 30px;
    font-weight: 500;
    color: #333;
}
.about-text h2 span{
    color:#38a4b1;
}

.about-text h2 span img {
    width: 170px;
    margin-top: -5px;
}

.about-text p {
    color: #333;
    text-align: justify;
}

.about-content {
    position: relative;
    z-index: 2;
}

.about-card {
    color: white;
    padding: 30px 20px;
    border-radius: 20px;
    transition: transform 0.3s ease;
    background: rgba(56, 164, 177, 0.6);
    backdrop-filter: blur(20px);
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.about-card h2 {
    font-size: 45px;
    margin-bottom: 15px;
    font-family: "Poppins", sans-serif;
    text-shadow: 0px 3px 4px #000;
    font-weight: 400;
}

.counter:after {
    content: "+";
}

.about-card p {
    margin: 0 auto;
    text-shadow: 0px 3px 4px #000;
    max-width: 115px;
    text-align: center;
}
.skew-divider {
    position: relative;
    overflow: hidden;
    height: 80px;
    background: white;
}

.skew-divider::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 200px;
    background: white;
    transform: skewY(-5deg);
    z-index: 2;
}

.bottom-curve {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 3;
}

.bottom-curve svg {
    display: block;
    width: 100%;
    /* height: 160px; */
}

.about-content {
    position: relative;
    z-index: 2;
}

.about-bottom-curve {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    background: #fff;
    border-top-left-radius: 100% 100px;
    border-top-right-radius: 100% 100px;
    z-index: 2;
}

.about-text {
    margin-bottom: 200px;
}
.sad {
    margin-top: -210px;
    position: relative;
    z-index: 4;
}

.animated-counter {
    display: flex;
    justify-content: center;
    gap: 4px;
    font-size: 2.5rem;
    font-weight: bold;
    cursor: pointer;
}

.digit-container {
    position: relative;
    overflow: hidden;
    height: 2.5rem;
    width: 1ch;
}

.digit-scroll {
    position: absolute;
    top: 100%;
    left: 0;
    animation: scrollDigit 0.8s forwards ease-out;
    line-height: 2.5rem;
    text-align: center;
}

@keyframes scrollDigit {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}

/*=================locations===========*/
.location-section {
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.location-title h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 300;
}

.location-title span {
    font-weight: 400;
}

/*======================brand slider===========*/

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 0px auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*===============================================*/

.location_list_box {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.all_location_view_btn {
    text-decoration: none;
    display: inline-block;
    background: #38a4b1;
    color: #fff;
    font-size: 14px;
    align-items: center;
    padding: 10px 30px;
    border-radius: 20px;
}
.all_location_view_btn:hover {
    background: #4fcddc;
}

.location-map svg path.active {
    fill: #ffffff;
}

.location_list a.selected {
    transform: scale(1.3);
}

.location-map-details-cont {
    background: #fff;
    display: flex;
    padding: 10px;
    gap: 7px;
    align-items: center;
    border-radius: 10px;
}

.location-map-country-flag img {
    width: 50px;
}

.location-map-country-name h3 {
    font-size: 14px;
    margin: 0px;
}
.location-map-country-name p {
    font-size: 12px;
    margin: 0px;
}

.location-map-box {
    width: 100%;
    position: relative;
}

.location-map-details-box {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 2;
}

.location-map {
    position: relative;
}

.location-map-details {
    position: absolute;
    transform: translateX(-50%); /* center horizontally */
    display: none;
    z-index: 999;
    z-index: 2;
    width: 200px;
}

.global-map-co-line {
    position: relative;
    width: 100%;
    height: 100px;
}

.global-map-co-line::before {
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.global-map-co-line::after {
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

/*========================product page===============*/
/* 
.subpage_header_bg {
    background: linear-gradient(
            360deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.6) 101.93%
        ),
        #000;
} */

.product_page_sec {
    padding: 80px 0px 40px;
}

.product_page_sec_box {
    margin-top: 20px;
}

.single_page_title h2 {
    color: #020202;
    font-weight: 400;
    font-size: 32px;
}

.single_page_title h2 span {
    color: rgba(56, 164, 177, 1);
    font-weight: 600;
}

.product_categories_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

.product_categories_list a {
    border: 1px solid #38a4b1;
    padding: 2px;
    border-radius: 30px;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
    color: #333;
    text-transform: uppercase;
    width: 132px;
    text-align: center;
}

.product_categories_list_icon {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.product_categories_list_icon a {
    overflow: hidden;
    padding: 2px;
    display: inline-block;
    width: 90px;
    text-align: center;
    height: 90px;
    background: #4bccdb;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 9px;
    border-radius: 50%;
    position: relative;
}
/* .custom_owl_carousel .owl-stage-outer .owl-item.active:nth-child(2n) .owl-item-list .product-card img {
    width: 100% !important;
} */
.product_categories_list_icon a .overlay {
    position: absolute;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    padding: 5px;
    line-height: 14px;
    opacity: 0;
    transition: 0.4s;
}
.product_categories_list_icon a:hover .overlay {
    opacity: 1;
    transition: 0.4s;
}
.product_categories_list_icon a img {
    width: 95px;
}
.scroll-active {
    position: fixed;
    z-index: 2;
    top: 21px;
    left: 0;
    transition: all linear 0.3s;
    width: 100%;
    background: #333;
    padding: 10px;
}

.scroll-active .product_categories_list_icon {
    display: flex;
    justify-content: center;
    gap: 6px;
    transition: all linear 0.3s;
}

.scroll-active .product_categories_list_icon a {
    width: 60px;
    height: 60px;
}

.scroll-active .product_categories_list_icon a img {
    width: 60px;
}

.product_categories_list a:hover {
    background: rgb(70 214 231);
}

.product_categories_list a.active {
    background: rgb(70 214 231);
}

.list-ul {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, calc(25% - 15px));
    gap: 20px;
}

.list-li {
    position: relative;
    display: flex;
    flex-direction: column;
}

.list-top {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    text-align: center;
    border-radius: 20px 20px 0 0;
}

.list-li:hover .list-top {
    background: linear-gradient(180deg, rgba(66, 66, 66, 0) 0%, #38a4b1 100%);

    /*background: linear-gradient(180deg, #3b3b3b 0%, rgb(56 164 177) 100%);*/
    transition: transform 0.8s ease;
}

.list-img {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.list-img-1 {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: transform 0.8s ease;
}

.list-li:hover .list-img-1 {
    transform: scale(1.3);
    transition: transform 0.8s ease;
}

.list-title {
    margin: 0px;
    background: #38a4b1;
    text-align: center;
    border-bottom: 1px solid #3baebc;
    font-size: 16px;
    color: #fff;
    padding: 7px;
    font-weight: 300;
}

.list-info .list-view {
    text-decoration: none;
    background: #38a4b1;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding: 8px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    text-transform: uppercase;
    border-top: 1px solid #3396a2;
}

.list-li:hover .list-info .list-view {
    background: rgb(70 214 231);
}

.more_categories_btn a {
    text-decoration: none;
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    background: rgba(56, 164, 177, 1);
    font-size: 20px;
    border-radius: 5px;
}
.more_categories_btn a:hover {
    background: rgb(70 214 231);
}

/*=============product details==============*/
ul {
    list-style: none;
    padding: 0px;
}

.product_details_top_box {
    float: left;
    width: 100%;
    padding: 50px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}

.product_details_top_gallery {
    width: 50%;
    padding: 0px 30px;
    box-shadow: 0 0 10px #d1d1d1;
    border-radius: 15px;
}

.product_details_top_info {
    width: 50%;
    padding-left: 40px;
}

.product_details_top_info_cont ul li {
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    color: #333;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    gap: 3px;
    font-weight: lighter;
}

.product_details_top_info_cont ul li:first-child {
    font-weight: 600;
}

.dti_cont_left {
    width: 170px;
}

.product_details_top_info_cont ul li:first-child .dti_cont_right {
    color: #38a4b1;
}

.dti_cont_input {
    background:#fff;
    color: #333;
    height: 50px;
    border-radius: 20px;
    padding: 3px 30px;
    font-size: 20px;
    border: 1px solid #b5b5b5;
    font-weight: 400;
}
.dti_cont_input:focus {
    background: #f1f1f1;
    color: #333;
}

.dti_cont_input::placeholder {
    color: #9e9e9e;
    opacity: 1;
    font-weight: 300;
}

.form-btn {
    text-decoration: none;
    display: inline-block;
    color: #fff;
    padding: 5px 15px;
    background: rgba(56, 164, 177, 1);
    font-size: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);
}

.form-btn:hover {
    background: rgb(70 214 231);
    color: #fff;
}
.form-btn:focus {
    background: rgb(70 214 231);
    color: #fff;
}

.main-img {
    position: relative;
    width: calc(100% - 100px);
    margin: 0px auto;
    overflow: hidden;
    border-radius: 5px;
    cursor: zoom-in;
}

.main-img img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease-out;
}

/* Zoom icon */
.zoom-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px 8px;
    border-radius: 50%;
    font-size: 18px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.main-img:hover .zoom-icon {
    opacity: 1;
}

.previews {
    justify-content: center;
    gap: 20px;
}
.previews_item {
    width: 73px;
    height: 73px;
    padding: 0px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px 0px rgba(56, 164, 177, 0.25);
    background: #a9a9a9;
}
.previews_item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.2s;
}

/*==============Contact============*/
.banner-contact{
    padding: 180px 0px 120px 0px;
    background-image: url(../images/contact_bg.webp);
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom center;
}
/* .sub_page_body {
    padding: 150px 0px 0px 0px;
    
} */
section.contact_top_sec {
    padding: 80px 0 60px;
}
section.contact_top_sec.mt-4 {
    background: #f1f1f1;
    padding: 50px 0;
}
.contact_top_box {
    position: relative;
}

.contact_top_box_circle {
    /* height: 600px; */
    width: 100%;
}

.circle-1 {
    width: 211px;
    position: absolute;
    top: -60px;
    left: -30px;
}

.circle-2 {
    width: 350px;
    position: absolute;
    top: -60px;
    right: -100px;
}

.circle-3 {
    width: 269px;
    position: absolute;
    bottom: -40px;
    left: 0px;
}

.circle-4 {
    width: 128px;
    position: absolute;
    bottom: 48px;
    left: 30%;
}

.circle-5 {
    width: 137px;
    position: absolute;
    bottom: -9px;
    right: 16px;
}

.contact_form_box {
    position: relative;
    height: auto;
    z-index: 2;
    overflow: hidden;
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(10px);
}

.contact_form_box_inner {
    position: relative;
    z-index: 1;
    height: 100%;
    background: linear-gradient(
        124.69deg,
        rgba(255, 255, 255, 0.14) 49.73%,
        rgba(255, 255, 255, 0.06) 85.29%
    );
    border-radius: 28px;
    display: flex;
    gap: 50px;
}

/* Gradient Border Layer */
.contact_form_box::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
}
.contact_form_info {
    width: 60%;
    border-radius: 0px;
    padding: 50px;
    background-size: cover;
}

.contact_form_info h3 {
    font-size: 36px;
    color: #333;
    margin-bottom: 10px;
}

.contact_email {
    font-size: 21px;
    color: #333;
    margin-bottom: 30px;
    display: flex;
    gap: 10px;
}
.contact_email span {
    padding-top: 3px;
}

.contact_address {
    display: flex;
    gap: 10px;
    font-size: 15px;
    color: #333;
}

.contact_form_info p span {
    font-size: 20px;
}

/* .contact_form_input {
    padding: 50px 40px 50px 10px;
} */

.contact_input {
    background: #ffffff;
    color: #333;
    height: 40px;
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: 300;
    border: 0px;
    border: 1px solid #a9a8a8;
    position: relative;
    z-index: 3;
}
textarea.contact_input{
    height: 120px;
}
.contact_input:focus {
    background: transparent;
    color: #333;
    box-shadow: none;
}

.contact_input::placeholder {
    color: #828282;
}

.form_label {
    color: #333333;
}

.contact-form-btn {
    margin-top: 20px;
}

.form-btn:active {
    background: rgb(70 214 231);
    border-color: rgb(70 214 231);
}
.form-btn:focus {
    background: rgb(70 214 231);
    border-color: rgb(70 214 231);
}

.contact_secder {
    position: absolute;
    bottom: 3%;
    right: 12%;
    z-index: 2;
}

.contact-address-list p {
    font-size: 24px;
    color: #fff;
    margin-bottom: 25px;
}
.company_logo img {
    width: 100px;
}

.address-flag img {
    width: 40px;
    border-radius: 7px;
}

.contact-address-list-ul li {
    color: #fff;
    font-size: 20px;
    margin-bottom: 4px;
}

.contact-address-list-ul li i {
    color: rgba(165, 235, 244, 1);
    margin-right: 20px;
}

/*=================Global Factory==========*/

.factory_page_body {
    background: linear-gradient(180deg, #000000 0%, #454444 100%);
}
.global-factory-carousel.owl-carousel .owl-stage {
    display: flex;
}
.global-factory-carousel.owl-carousel .owl-item {
    display: flex;
    float: none;
    padding-bottom:10px;
}

.single_page_title p {
    color: #fff;
    font-size: 13px;
}

.factory-card {
    text-align: center;
}

.factory-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.factory-img .amij {
    display: block;
    width: 100%;
    height: auto;
    transform-origin: center;
    z-index: 1;
}

.factory-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(56, 164, 177, 0) 0%, #38a4b1 100%);
    border-radius: 20px;
    transform: scaleX(1);
    transform-origin: center;
    z-index: 2;
}

.factory-card-cont {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
}

/* Hover animation */
.factory-img:hover .amij,
.factory-img:hover::before {
    animation: scaleBack 0.6s forwards;
}
.factory-img:hover::before {
    background: linear-gradient(
        180deg,
        rgba(56, 164, 177, 0.9) 0%,
        #38a4b1 80%
    );
}

/* Keyframes */
@keyframes scaleBack {
    0% {
        transform: scaleX(1);
    }
    50% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}

.factory-card-cont {
    position: absolute;
    top: 0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.factory-name {
    margin-top: 70px;
    font-size: 32px;
    font-weight: 400;
    color: #fff;
}

.factory-btn {
    display: block;
    margin-top: 20px;
    background: rgba(56, 164, 177, 1);
    color: white;
    padding: 9px 20px;
    font-size: 24px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 1px;
    transition: background 0.3s ease;
}

.factory-btn:hover {
    background: rgb(70 214 231);
}

/* Carousel Nav Buttons */
.carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: white;
    font-size: 2rem;
    padding: 0.3rem 0.8rem;
    border-radius: 50%;
    cursor: pointer;
    z-index: 0;
    transition: background 0.3s ease;
}

.carousel-nav:hover {
    background: transparent;
}

.prev-btn {
    left: -80px;
}
.next-btn {
    right: -80px;
}

@media (max-width: 768px) {
    .prev-btn {
        left: -10px;
    }
    .next-btn {
        right: -10px;
    }
}

.factory-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 390px;
    border-radius: 20px;
    object-fit: cover;
    margin-top: 0px;
}

.icon-360 {
    width: 130px !important;
    height: 100px !important;
}

.icon-360 img {
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
}

/*==============factory detail=============*/
.factory-detail-info {
    margin-top: 90px;
}
.factory-detail-info-title h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 400;
}
.factory-detail-info-title h2 span {
    color: #38a4b1;
    font-weight: 600;
}
.factory-detail-info-title p {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.factory-detail-info-cont p {
    font-size: 13px;
    text-align: center;
    line-height: 22px;
}

.factory-detail-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.factory-detail-gallery-item {
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid rgba(171, 246, 255, 1);
    display: block;
    overflow: hidden;
}
.factory-detail-gallery-item img {
    width: 100%;
}

.factory-detail-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Fill box fully */
    display: block;
}

.factory-overview-info {
    display: flex;
    justify-content: space-around;
}

.factory-overview-info-item {
    width: 20%;
    text-align: center;
    padding: 20px;
}

.overview-info-img {
    height: 90px;
    width: 90px;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.factory-overview-info-item h3 {
    color: rgba(56, 164, 177, 1);
    font-size: 30px;
    font-weight: bold;
    margin: 20px 0px 10px;
}

.factory-overview-info-item {
    font-size: 24px;
    color: #fff;
    margin: 0px;
}
.organogram-info-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.organogram-info-list a {
    border: 1px solid #38a4b1;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.organogram-info-btn h3 {
    font-size: 24px;
    color: #fff;
    border: 1px solid rgba(171, 246, 255, 1);
    display: inline-block;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 400;
}

.organogram-info-btn h3 span {
    color: #38a4b1;
    font-weight: 600;
}

.factory-service-item span {
    display: flex;
    gap: 5px;
}
.factory-service-item span h3 {
    margin: 0px;
    font-size: 24px;
}

.factory-service-item p {
    font-size: 12px;
    margin-top: 20px;
}

.machine-info li {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}
.machine-sr {
    margin-right: 30px;
    color: #38a4b1;
}

.machine-set {
    float: right;
    color: #38a4b1;
}

.buyers-info-cont {
    border-radius: 20px;
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.5);
    background: linear-gradient(0deg, #38a4b1 0%, #a5ebf4 100%);
}

.quality-left-item-list {
    margin-bottom: 30px;
}
.quality-left-item-list h4 {
    color: rgba(171, 246, 255, 1);
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 7px;
}

.quality-left-item-list p {
    font-size: 12px;
}

.quality-right-item-list h4 {
    color: rgba(139, 195, 202, 1);
    font-size: 16px;
    margin-bottom: 7px;
}
.quality-right-item-list {
    margin-bottom: 30px;
}

.quality-right-item-list p {
    font-size: 12px;
}

.quality-info-item h3 {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
}

.workforce_sec {
    margin-top: 130px;
}

.workforce-top-box {
    background: rgba(56, 164, 177, 1);
    height: auto;
    border-radius: 20px;
    padding: 20px;
}

.workforce-top-titlebox {
    display: flex;
    gap: 20px;
    margin-top: -120px;
}

.workforce-top-img img {
    border-radius: 10px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.35);
    width: 250px;
}

.workforce-top-title h2 {
    font-size: 32px;
    color: #fff;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 50px;
}

.workforce-top-title p {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
}

.workforce-top-box-cont {
    display: flex;
    gap: 20px;
}

.workforce-top-box-cont-text-1 p {
    font-size: 12px;
    color: #000;
    margin-top: 15px;
}

.workforce-top-box-cont-text-2 p {
    font-size: 12px;
    color: #000;
    text-align: right;
    margin-top: 30px;
}

.workforce-top-box-img img {
    margin-bottom: -90px;
    position: relative;
    z-index: 1;
}

.workforce-bottom-item {
    display: flex;
    gap: 20px;
}

.workforce-bottom-item-text h3 {
    color: rgba(139, 195, 202, 1);
    font-size: 16px;
    margin: 0px;
    font-weight: 300;
}

.workforce-bottom-item-text p {
    font-size: 12px;
    color: #fff;
}
.workforce-bottom-item-icon img {
    width: 40px;
}
.workforce-bottom-box {
    margin: 30px 40px;
}

.factory-care-info {
    border-radius: 20px;
    border: 1px solid rgba(139, 195, 202, 1);
    margin-top: 80px;
}
.factory-care-py-1 {
    padding: 30px 0px 10px 30px;
}
.factory-care-py-2 {
    padding: 30px 20px 10px 0px;
}

.factory-care-list h3 {
    color: rgba(139, 195, 202, 1);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px;
}

.factory-care-list p {
    font-size: 12px;
    color: #fff;
}

.factory-care-list-img {
    text-align: center;
}
.factory-care-list-img img {
    margin: 0px auto;
    margin-top: -80px;
}

.future-plan-title {
    color: rgba(139, 195, 202, 1);
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.future-plan-info {
    display: flex;
    gap: 30px;
    align-items: center;
}

.future-plan-icon img {
    width: 60px;
}

.growing-card-icon {
    height: 100px;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.growing-card h2 {
    font-size: 30px;
    font-weight: 600;
    color: #38a4b1;
}

.growing-card p {
    font-size: 18px;
    color: #fff;
    margin-top: 15px;
}

.clients {
    padding: 200px 0;
}
.box {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 60%;
    height: auto;
    transition: transform 0.5s ease-in;
    margin: 8px auto;
}
.box img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}
.box:hover {
    transform: scale(1.2);
}

.certification-items-1 {
    width: 130px;
    height: 130px;
    background: transparent;
    border-radius: 100%;
    padding: 0px;
    box-shadow: none;
    display: flex;
    align-items: center;
    text-align: center;
}

/*=============innovation==============*/

.innovation-sec {
    padding: 90px 0px;
    background: linear-gradient(180deg, #000000 0%, #9d9d9d 100%);
}
.innocation_title img {
    width: 150px;
    margin-top: -3px;
}

.innovation-box {
    width: 100%;
    overflow: hidden;
}

/*============global office=========*/

.global-office-bg {
    padding: 150px 0 70px;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 150.89%);
}

.global-office-sec {
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.global-office-sec-bg {
    background: #ffffff;
}

.global-office-gallery {
    padding: 70px 0px;
}
.global-office-address {
    background: #ffffff;
    padding: 28px;
    border-radius: 10px;
    border: 1px solid #ffffff;
    transition: 0.4s;
    height: 100%;
    box-shadow: 0 0 5px #dcdcdc;
}
.global-office-address:hover {
    border-color: #38a4b1;
}
.global-office-address-ul li:first-child {
    margin-bottom: 20px;
}
.global-office-address-ul li {
    color: #444444;
    font-size: 16px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.global-office-address-ul li i {
    color: #38a4b1;
    margin-right: 20px;
    margin-top: 5px;
}

.address-country-flag img {
    width: 25px;
    margin-right: 20px;
    height: 25px;
}

.address-office-logo img {
    width: 60px;
    margin-right: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.address-country-name {
    font-weight: 600;
    font-size: 22px;
    color: #38a4b1;
}

/*================Mobile Menu=============*/

.mobile_header_sec {
    padding: 7px 0px;
    position: fixed;
    z-index: 9;
    background: #333333;
    width: 100%;
    box-shadow: 0 0 4px 2px rgb(0 0 0 / 10%);
    display: none;
}

.mobile_header {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}
.mobile_header_bar span {
    width: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
}
.mobile_header_bar span i:first-child {
    width: 25%;
}

.mobile_header_bar span i {
    width: 65%;
    height: 1px;
    background: #ffffff;
    border-radius: 3px;
    display: block;
    transition: .3s;
}
.mobile_header_bar span i:last-child {
    width: 40%;
}
.mobile_header_bar span:hover i{
    width: 65%;
}
.mobile_logo a {
    display: inline-block;
}

.offcanvas {
    transition: ease-in 300ms;
    transform: translateX(-100%);
    max-width: 60%;
}
/* .office-carousel .office-card {
    max-height: 280px;
} */

.mobile_logo a img {
    width: 100px;
}

.offcanvas-header {
    border-bottom: 1px solid #2e3237;
}

.mobile-menu-box ul li a {
    text-decoration: none;
    color: #ffffff;
    padding: 8px 0px;
    display: block;
    font-size: 14px;
}

.btn-close {
    background-image: none;
    font-size: 28px;
    padding: 0px !important;
    line-height: 0px;
    opacity: 1;
    width: 30px;
    height: 30px;
}

.btn-close i {
    color: #fff !important;
}

/*============new innovation==============*/

.new-innovation-sec {
    background: linear-gradient(180deg, #000000 0%, #000000 100%);
    padding: 190px 0px 30px 0px;
}

.innocation_menu ul {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.innocation_menu ul li a {
    display: inline-block;
    text-decoration: none;
    background: rgba(56, 164, 177, 0.2);
    border: 1.5px solid #1d4346;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}

.innocation_menu ul li a:hover {
    background: #20565c;
}

.innocation_menu ul li .active {
    background: #20565c;
}

.new-innovation-item {
    display: flex;
    gap: 30px;
    align-items: center;
    padding: 70px 0px;
}

.new-innovation-item-img {
    width: 50%;
    position: relative;
    display: inline-block;
}

.new-innovation-item-img::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: radial-gradient(
        circle,
        rgba(56, 164, 177, 0.8) 0%,
        rgba(0, 0, 0, 0) 70%
    );
    z-index: 0;
}

.hrms-img-box::after {
    background: radial-gradient(
        circle,
        rgba(56, 164, 177, 0.4) 0%,
        rgba(0, 0, 0, 0) 70%
    );
}

.new-innovation-item-img img {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 5%;
}

.fade-in {
    opacity: 0;
    transform: translateY(50px); /* optional, slide up effect */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

.new-innovation-item-cont {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-right: 50px;
}

.new-innovation-item-cont h2 {
    color: #fff;
    font-size: 65px;
    font-weight: 300;
    margin: 0px;
}

.new-innovation-item-cont p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0px;
}

.new-innovation-item-cont-list h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.new-innovation-item-cont-list ul {
    display: flex;
    flex-wrap: wrap;
    list-style: disc;
    margin-left: 20px;
}

.new-innovation-item-cont-list ul li {
    color: #38a4b1;
    width: 40%;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 400;
}

.new-innovation-item-cont-list a {
    text-decoration: none;
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    background: rgba(56, 164, 177, 1);
    transition: all ease 0.5s;
    font-size: 20px;
    border-radius: 5px;
    margin-top: 20px;
}
.new-innovation-item-cont-list a:hover {
    background: rgb(70, 214, 231);
    transition: all ease 0.5s;
}

.inno-order-2 {
    order: 1;
}

.sms img {
    width: 70%;
}

.qdesk img {
    width: 220px;
}

.block-ul {
    display: block !important;
}
.block-ul li {
    width: 100% !important;
}

.qulex-ul li {
    width: 50% !important;
}

/*============Blog================*/

.blog-cont h2 a {
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-cont h4 {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
}
.blog-cont p {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-btn a {
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    padding: 4px 15px;
    margin-top: 15px;
}

.blog-btn a:hover {
    background: #fff;
    color: #00a5bb;
}

/*=============blog-details===========*/

.breadcrumb-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.breadcrumb_bg {
    padding: 140px 0 60px;
    background: linear-gradient(313deg, #212121 0%, rgba(0, 0, 0, 0) 150.89%);
}

.blog-details-left {
    padding-right: 40px;
}

.breadcrumb-title h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
}

.breadcrumb-title p {
    color: #fff;
    margin: 0px;
    font-size: 14px;
}

.breadcrumb {
    justify-content: flex-end;
}

.breadcrumb-links {
    display: flex;
    column-gap: 1rem;
    align-items: center;
}
.breadcrumb-links > li:nth-child(n + 4) {
    display: none;
}

.breadcrumb-box {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
}

.breadcrumb-link {
    color: #fff;
}
.breadcrumb-box:hover > *:not(.breadcrumb-icon) {
    color: #fff;
}

.breadcrumb-icon,
.breadcrumb-icon-home {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    color: #ffff;
}
.breadcrumb-links li:first-child .breadcrumb-text {
    display: none;
}

.breadcrumb-text {
    margin-left: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}

@media (min-width: 640px) {
    .breadcrumb-links > li:nth-child(n + 4) {
        display: block;
    }

    .breadcrumb-links li:first-child .breadcrumb-text {
        display: block;
    }
}

.new-blog-details-sec {
    padding: 50px 0px 30px 0px;
}

.blog-details-featured-image img,
.blog-details-desc img {
    width: 100%;
}

.blog-details-cont h1 {
    color: #444444;
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 400;
}

.blog-details-desc h2,
h3 {
    color: #444444;
}

.blog-details-desc h2 {
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 25px;
}

.blog-details-desc h3 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
    letter-spacing: 0px;
    font-style: italic;
}
.blog-details-desc p {
    color: #444444;
    font-size: 15px;
}

.blog-details-recent ul li {
    margin-bottom: 15px;
}

.blog-details-recent ul li a {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    color: #444444;
    overflow: hidden;
    text-decoration: none;
    background: #ffffff;
    padding: 5px;
    border: 1px solid #e7e7e7;
}

.blog-details-recent ul li a img {
    max-inline-size: 100%;
    block-size: auto;
    width: 120px;
    transition: 0.3s;
}

.blog-details-recent h3 {
    font-size: 20px;
    margin-bottom: 15px;
}
.blog-details-recent ul li a span {
    font-size: 12px;
    color: #7f7f7f;
}
.blog-details-recent-cont p {
    margin: 0px;
    font-size: 14px;
}

.search-container {
    position: relative;
}
.search-container a {
    position: absolute;
    right: 15px;
    top: 9px;
    color: #fff;
    font-weight: 700;
}

.search-input,
.search-input:focus {
    transition: none;
    border: 1px solid #5e5e5e;
    background: transparent;
    /* color: #fff; */
    padding: 8px 45px 8px 15px;
    font-size: 15px;
}

.search-input::placeholder {
    color: #ffffff;
    opacity: 1;
}

.wrapper {
    display: flex;
    flex-direction: column;
    width: 90%;
}
.wrapper .comment {
    display: grid;
    gap: 20px;
}
.wrapper .comment .content {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}
.wrapper .comment .content .avatar {
    height: 48px;
    width: 48px;
}
.wrapper .comment .content .avatar img {
    max-width: 100%;
    border-radius: 999px;
    object-fit: cover;
}
.wrapper .comment .content .rate {
    gap: 8px;
    display: flex;
    align-items: center;
}
.wrapper .comment .content .rate .value {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}
.wrapper .comment .content .rate .value.green {
    color: #00ba34;
}
.wrapper .comment .content .rate .value.red {
    color: #e92c2c;
}
.wrapper .comment .content .rate .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e8e8e8;
    border-radius: 999px;
    width: 32px;
    height: 32px;
}
.wrapper .comment .content .rate .btn:hover {
    border-color: #969696;
}
.wrapper .comment .content-comment {
    flex: 1;
    display: block;
}
.wrapper .comment .content-comment .user {
    gap: 12px;
    margin-bottom: 6px;
    align-items: center;
    display: flex;
}
.wrapper .comment .content-footer {
    margin-top: 12px;
    gap: 12px;
    display: flex;
    align-items: center;
}
.wrapper .subcomment {
    display: flex;
    align-items: flex-start;
}
.wrapper .subcomment .icon {
    width: 48px;
    height: 48px;
    color: #969696;
    display: flex;
    margin-right: 16px;
    align-items: center;
    justify-content: center;
}
.wrapper .subcomment .other_comments {
    flex: 1;
    display: grid;
    gap: 20px;
}

.user h5 {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.is-mute {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #38a4b1;
}

.content-comment p {
    color: #fff;
    font-size: 13px;
}

.content-footer button,
.content-footer button:hover,
.content-footer button:focus {
    background: #38a4b1;
    outline: 0;
    border-radius: 5px;
    border: 1px solid #38a4b1;
    color: #fff;
    padding: 5px 16px;
    font-size: 13px;
}

.comment-box {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    padding: 20px;
    border: 1px solid #5e5e5e;
}

.blog-comment-cont h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 400;
}

.comment-input,
.comment-input:focus {
    transition: none;
    border: 1px solid #5e5e5e;
    background: transparent;
    color: #fff;
    padding: 8px 45px 8px 15px;
    font-size: 15px;
}

.comment-input::placeholder {
    color: #ffffff;
    opacity: 1;
}

.comment-box h3 {
    font-size: 18px;
}

.comment-box p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 30px;
}

.comment-box a {
    display: block;
    background: #38a4b1;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    padding: 7px;
    font-size: 15px;
}
.icon i {
    color: #fff;
}

/*------------latest-innovcation=============*/

.other-innovation h3 {
    color: #fff;
    font-size: 20px;
}

.other-innovation-btn a {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #4bccdb;
    font-size: 14px;
    padding: 2px 7px;
    border-radius: 24px;
    margin: 20px 0px;
    color: #38a4b1;
}

.innovation-btn-info:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    display: inline-block;
    border-radius: 20px;
    margin-right: 10px;
    margin-top: 0px;
    align-items: center;
}

.innovation-btn-info {
    display: flex;
    align-items: center;
}

.other-innovation-img {
    margin-bottom: 20px;
}

.other-innovation-img img {
    object-fit: cover;
    transition: all linear 0.3s;
}

.other-innovation-img:hover img {
    object-fit: cover;
    transition: all linear 0.3s;
    transform: scale(1.1);
}

.home-innovation-btn a:first-child {
    background: rgb(70, 214, 231);
    font-size: 16px;
    padding: 6px 20px;
    color: #000;
}
.home-innovation-btn a:last-child {
    background: transparent;
    font-size: 16px;
    padding: 6px 20px;
    color: #fff;
    border: 1px solid #46d6e7;
}

.home-innovation-btn {
    display: flex;
    gap: 20px;
}

/*--------------home global factory-------------*/
h2.section-title-h2 {
    font-size: 36px;
}
h2.section-title-h2 span {
    color: #38a4b1;
}
.home-factory-card {
    border-radius: 20px;
    padding: 20px 20px 40px;
    background-color: #ffffff;
    height: 100%;
    box-shadow: 0 0 4px #ddd;
    margin: 5px;
    position: relative;
}

.factory-card-img img {
    border-radius: 10px;
    width: 100%;
}

.factory-card-title {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 15px;
    align-items: flex-start;
}

.factory-card-title img {
    width: 50px !important;
}

.factory-card-title h3 {
    color: #333;
    font-size: 24px;
    margin: 0px;
    font-weight: 400;
}

.home-factory-card p {
    color: #333;
}

.factory-card-listing ul li {
    display: flex;
    justify-content: space-between;
    color: #333;
}

.factory-card-listing ul li span {
    display: flex;
    gap: 10px;
    font-size: 16px;
    margin-bottom: 10px;
}

.factory-card-listing ul li strong {
    font-weight: bolder;
    font-weight: 500;
    font-size: 14px;
}

.factory-card-listing ul li span img {
    width: 20px !important;
}

.factory-card-btn {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
    gap:20px;
}

.factory-card-btn a {
    border: 1px solid #333;
    color: #333;
    font-size: 16px;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 6px 20px;
    border-radius: 8px;
    width: 100%;
    transition: .3s;
}

.factory-card-btn a:last-child {
    color: #ffffff;
    background: #38a4b1;
    border-color: #38a4b1;
}
.factory-card-btn a:hover {
    background: #1f7e8a;
    color: #fff;
    border-color: #1f7e8a;
}

.flag-pin {
    position: absolute;
    width: 40px;
    transform: translate(-50%, -100%) scale(1);
    transform-origin: 50% 100%;
    transition: transform 160ms ease, filter 160ms ease;
    will-change: transform;
    pointer-events: auto;
    z-index: 2;
    transition: all linear 0.3s;
}

.flag-pin:hover,
.flag-pin:focus-visible {
    transform: translate(-50%, -100%) scale(1.45);
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
    z-index: 999;
    transition: all linear 0.3s;
}

.flag-pin:active {
    transform: translate(-50%, -100%) scale(1.35);
}

@media (prefers-reduced-motion: reduce) {
    .flag-pin {
        transition: none;
    }
}

.vertical-section {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

main {
    overflow-x: hidden;
    display: flex;
    position: sticky;
    top: 133px;
}

.history_title h2 {
    color: #fff;
    font-weight: 300;
    font-size: 35px;
}

.history_title h2 span img {
    width: 157px;
    margin-top: -5px;
    margin-left: 5px;
}

.p-items {
    justify-content: center;
    align-items: center;
    font-size: 4ch;
    border-radius: 10px;
    gap: 15px;

    position: relative;
}

.p-items-img {
    margin-bottom: 20px;
}

.p-items-img img {
    width: 100%;
    border-radius: 10px;
}

.p-items-conts a {
    text-decoration: none;
    display: inline-block;
}

.p-items-conts a h3 {
    font-size: 19px;
    text-align: left;
    margin-bottom: 20px;
    color: #fff;
}

.p-items-info p {
    color: #fff;
    font-size: 17px;
    text-align: left;
    font-weight: 300;
}

.map-counter-item {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 15px;
}
.map-counter-item h2 {
    color: #fff;
    font-size: 56px;
    font-weight: 400;
    margin: 0px;
}
.map-counter-item p {
    color: #fff;
    font-size: 16px;
    margin: 0px;
    text-align: left;
}
.map-counter-box {
    position: relative;
}

.map-counter-top {
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
}

.map-counter-bottom {
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
}

.map-counter-right {
    right: 0px;
    top: 40%;
}

.map-counter-left {
    top: 47%;
    left: 50px;
}

.map-counter-bottom .counter:after {
    content: "%";
}

.location_bg {
    background: linear-gradient(180deg, #3ba3b0 0%, #19454a 100%);
    padding: 40px 0px 40px 0px;
}

.map-circle-1 {
    position: absolute;
    left: 190px;
    bottom: -12%;
}

.map-circle-2 {
    right: -32px;
    position: absolute;
    bottom: 3%;
}
.map-circle-3 {
    position: absolute;
    left: -73px;
    top: 3%;
}

.map-circle-4 {
    position: absolute;
    bottom: 15%;
}

.map-circle-5 {
    position: absolute;
    top: -12px;
}

.map-circle-6 {
    position: absolute;
    top: 32px;
    right: 0%;
}

.map-img {
    width: 100%;
}

/*====================*/
.all-pin img {
    width: 40px;
    position: absolute;
    transition: all linear 0.3s;
}
.all-pin img:hover {
    transform: scale(1.3);
    transition: all linear 0.3s;
}
.usa-pin {
    top: 34%;
    left: 25.3%;
}

.mexico-pin {
    top: 44%;
    left: 25.5%;
}
.uk-pin {
    top: 31%;
    left: 46.3%;
}

.spain-pin {
    top: 38%;
    left: 44.7%;
}

.italy-pin {
    top: 36%;
    left: 49%;
}
.india-pin {
    top: 45%;
    left: 61.9%;
}

.bd-pin {
    top: 44%;
    left: 63.9%;
}
.china-pin {
    top: 40%;
    right: 28.9%;
}
.japan-pin {
    top: 40%;
    right: 23%;
}

/*============================================*/

.bar {
    height: 2px;
    width: 100%;
    background: #fff;
    position: relative;
}

.bar:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 46%;
    z-index: 2;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 27px 12px rgba(0, 255, 255, 0.9);
}

.history-year {
    font-size: 35px;
    color: #fff;
    margin-bottom: 30px;
}

.bar:before {
    content: "";
    position: absolute;
    top: 26px;
    left: 48.5%;
    z-index: 2;
    width: 2px;
    height: 60px;
    background: #ffffff;
    background: linear-gradient(180deg, #f5f5f5 0%, #18a8b0 100%);
}

.p-items-conts {
    margin-top: 70px;
    padding: 25px;
}

@media (max-width: 768px) {
    .p-items {
        margin-top: 0;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }
    .map-counter-item h2 {
        font-size: 30px;
    }

    .map-counter-item p {
        font-size: 12px;
        line-height: 16px;
    }

    .map-counter-left {
        top: 55%;
        left: 0;
        flex-direction: column;
        gap: 0px;
    }

    .location-map {
        padding: 30px;
    }

    .map-counter-right {
        right: -4px;
        top: 38%;
        flex-direction: column;
        gap: 0px;
    }

    .footer-item-left {
        padding-right: 0px;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 20px;
    }

    

    
    .history_title h2 {
        font-size: 30px;
    }
    .history_title h2 span img {
        width: 135px;
    }

    .p-items-conts {
        margin-top: 70px;
        padding: 10px;
    }

    .p-items-conts a h3 {
        font-size: 18px;
    }
    .p-items-info p {
        font-size: 15px;
    }

    .sticky-container {
        height: 500px !important;
    }

    main {
        overflow-x: scroll;
        scroll-behavior: smooth;
        display: flex;
        position: sticky;
        top: 133px;
    }

    .bar:before {
        left: 49.5%;
    }

    /*.bar-sec{
    transform: rotate(-90deg);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 40px;
}

.history-year {
    font-size: 30px;
}
.p-items-conts {
    margin-top: 70px;
    padding: 25px;
    margin-left: 95px;
}*/
}

#heroSlider.owl-carousel .owl-item img {
    margin: -1px;
}
.blog-details-desc * {
    color: #444444 !important;
}
.list-img img {
    width: 100%;
}

a.vr-360-item {
    position: relative;
    display: block;
    margin-bottom: 15px;
}
.vr-360-item .overlay-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 12px 10px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    font-size: 17px;
    color: #fff;
    z-index: 3;
    font-weight: 400;
    margin-bottom: 0px;
}
.vr-360-item::before {
    background: url("../images/360vt.png") no-repeat center center;
    content: "";
    position: absolute;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.vr-360-item:hover::before {
    background-color: transparent;
    background: none;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.pagination
    .d-none.flex-sm-fill.d-sm-flex.align-items-sm-center.justify-content-sm-between {
    gap: 10px;
}
.active > .page-link,
.page-link.active {
    background: #38a4b1;
    border-color: #38a4b1;
}
.page-link {
    color: #38a4b1;
}

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline-history {
    white-space: nowrap;
    overflow-x: hidden;
}
.timeline-history h4 {
    font-size: 20px;
    margin-bottom: 12px;
}
.timeline-history p {
    font-size: 14px;
    margin-bottom:0px;
}
.timeline-history ol {
    font-size: 0;
    width: 100vw;
    padding: 340px 0;
    transition: all 1s;
}

.timeline-history ol li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    width: 160px;
    height: 3px;
    background: #fff;
}

.timeline-history ol li:last-child {
    width: 280px;
}

.timeline-history ol li:not(:first-child) {
    margin-left: 14px;
}

.timeline-history ol li:not(:last-child)::after {
    content: "";
    left: calc(100% + 1px);
    bottom: 0;
    border-radius: 50%;
    margin: 0 auto 1rem;
    border: 6px solid #38a4b1;
    box-shadow: 0 0 0 4px rgb(174 246 255);
    transition: all 0.3s ease;
    position: relative;
    z-index: 3;
}

.timeline-history ol li div {
    position: absolute;
    left: calc(100% + 7px);
    width: 280px;
    padding: 15px;
    font-size: 1rem;
    white-space: normal;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    padding: 1.5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.timeline-history ol li div::before {
    content: "";
    position: absolute;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background: #4cadb9;
    width: 20px;
    height: 28px;
    border: none;
    transform: rotate(0deg);
    border: 1px solid #70bec7;
}

.timeline-history ol li:nth-child(odd) div {
    top: -25px;
    transform: translateY(-100%);
}

.timeline-history ol li:nth-child(odd) div::before {
    top: calc(100% - 16px);
    left: -1px;
}
.timeline-history ol li:nth-child(even) div {
    top: calc(100% + 20px);
}

.timeline-history ol li:nth-child(even) div::before {
    top: -11px;
    left: -1px;
}

.timeline-history time {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 8px;
    color: #fffb60;
}

/* TIMELINE-history ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline-history .arrows {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.timeline-history .arrows button {
    display: block;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    width: 40px;
    height: 35px;
    font-size: 18px;
}
.timeline-history .arrows .arrow__prev {
    margin-right: 15px;
}

.timeline-history .disabled {
    opacity: 0.5;
}


.page-marque-list {
    width: 100%;
    display: flex;
    white-space: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    overflow: hidden;
}
.page-marque-item {
    --marqueeSpeed: 38.194s;
    animation-direction: reverse;
    display: flex;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: marquee;
    animation-duration: var(--marqueeSpeed);
    animation-play-state: running;
    gap: 20px;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
    visibility: visible;
  }
  100% {
    transform: translateX(-100%);
  }
}
.page-marque-list-item {
    width: 155px;
    padding: 30px;
    display: flex;
}
.page-marque-list-item picture {
    background: unset;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    transition: all 300ms;
    display: flex;
}
.page-marque-list img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 300ms;
}
.page-marque-list-item picture::after {
    content: unset;
}
@media only screen and (max-width: 480px) {
    .page-marque-list-item {
        width: calc(calc(100vw - 40px) / 3);
    }
}


/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 599px) {
    .timeline-history ol,
    .timeline-history ol li {
        width: auto;
    }

    .timeline-history ol {
        padding: 0;
        transform: none !important;
    }

    .timeline-history ol li {
        display: block;
        height: auto;
        background: transparent;
    }

    .timeline-history ol li:first-child {
        margin-top: 25px;
    }

    .timeline-history ol li:not(:first-child) {
        margin-left: auto;
    }

    .timeline-history ol li div {
        position: static;
        width: 94%;
        height: auto !important;
        margin: 0 auto 25px;
    }

    .timeline-history ol li:nth-child(odd) div {
        transform: none;
    }

    .timeline-history ol li:nth-child(odd) div::before,
    .timeline-history ol li:nth-child(even) div::before {
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        border: none;
        border-left: 1px solid white;
        height: 25px;
    }

    .timeline-history ol li:last-child,
    .timeline-history ol li:nth-last-child(2) div::before,
    .timeline-history ol li:not(:last-child)::after,
    .timeline-history .arrows {
        display: none;
    }
}