*,
.certifi_sec figure,
.copyright p,
.quality_sec figure,
body,
header .navbar,
header .navbar-brand,
ul.ft_link {
    margin: 0;
    padding: 0;
}
html,
body {
    overflow-x: hidden;
    overscroll-behavior-x: none;
}
.product_item h3,
.product_item h3 a,
body,
p,
p a:hover {
    color: var(--themetxt);
}
.btns,
.btns.bdr:before,
.btns:after {
    background: var(--secondary);
}
.btns:after,
.btns:before {
    content: "";
    transition: 0.6s;
}
.btn_gradient::before,
.btns:after,
.btns:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.btn_gradient,
.btns,
.cont_btn {
    transform: perspective(1px) translateZ(0);
}
.procat_sec .product_item p,
.product_item p {
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#return-to-top,
.btns,
.cont_btn,
.error_sec,
.inner_banner .caption,
.pagination .page-link,
.touch_sec .catlog {
    text-align: center;
}
@font-face {
    font-family: "Helvetica LT Std";
    src: url("../fonts/HelveticaLTStd-Light.eot");
    src:
        url("../fonts/HelveticaLTStd-Light.eot?#iefix") format("embedded-opentype"),
        url("../fonts/HelveticaLTStd-Light.woff2") format("woff2"),
        url("../fonts/HelveticaLTStd-Light.woff") format("woff"),
        url("../fonts/HelveticaLTStd-Light.ttf") format("truetype"),
        url("../fonts/HelveticaLTStd-Light.svg#HelveticaLTStd-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Helvetica LT Std";
    src: url("../fonts/HelveticaLTStd-Roman.eot");
    src:
        url("../fonts/HelveticaLTStd-Roman.eot?#iefix") format("embedded-opentype"),
        url("../fonts/HelveticaLTStd-Roman.woff2") format("woff2"),
        url("../fonts/HelveticaLTStd-Roman.woff") format("woff"),
        url("../fonts/HelveticaLTStd-Roman.ttf") format("truetype"),
        url("../fonts/HelveticaLTStd-Roman.svg#HelveticaLTStd-Roman") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Helvetica LT Std";
    src: url("../fonts/HelveticaLTStd-Bold.eot");
    src:
        url("../fonts/HelveticaLTStd-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/HelveticaLTStd-Bold.woff2") format("woff2"),
        url("../fonts/HelveticaLTStd-Bold.woff") format("woff"),
        url("../fonts/HelveticaLTStd-Bold.ttf") format("truetype"),
        url("../fonts/HelveticaLTStd-Bold.svg#HelveticaLTStd-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
:root {
    --primary: #00365c;
    --secondary: #1f9fdb;
    --green: #008e49;
    --sky: #36a9e1;
    --lightsky: #e6f6fe;
    --navy: #002f51;
    --themetxt: #272323;
    --black: #000;
    --white: #fff;
}
body {
    font-size: 16px;
    font-family: "Helvetica LT Std";
    font-weight: 500;
}
a,
button {
    outline: 0 !important;
    text-decoration: none;
    box-shadow: none;
    transition: 0.4s ease-in-out;
}
.btn:focus,
a:focus,
a:hover,
btn.focus,
button:focus,
select:focus {
    outline: 0;
    text-decoration: none;
    box-shadow: none;
}
img {
    border: none;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
li {
    list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    outline: 0 !important;
    font-weight: 700;
}
button,
input,
select,
textarea {
    outline: 0 !important;
    box-shadow: none;
}
input,
select,
textarea {
    box-shadow: none !important;
}
.container {
    width: 90%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0;
}
.global_title {
    margin: 0 0 28px;
    padding: 0;
    font-size: 48px;
    color: var(--black);
}
.btn_gradient,
.btns,
.hero_slider,
.wel_detail figure,
header {
    margin: 0;
    position: relative;
}
.btns,
.btns.bdr:hover,
.btns.white.bdr,
.btns:hover,
.choose-bx:hover h3,
.choose-bx:hover p,
.cont_btn,
.cont_btn:hover,
.control_block:hover h3,
.hero_sec h1,
.hero_sec p,
.touch_sec .cat_btn:hover {
    color: var(--white);
}
.global_title small {
    display: block;
    font-size: 20px;
    color: #025886;
    font-weight: 400;
}
p {
    margin-bottom: 27px;
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
}
.button_group {
    display: flex;
    gap: 10px 22px;
    flex-wrap: wrap;
}
.btns {
    padding: 7px 40px;
    font-size: 16px;
    overflow: hidden;
    display: inline-block;
    border: 1px solid transparent;
    cursor: pointer;
}
.btns:after {
    border-radius: 0;
    transform: translateY(0) scaleY(1);
}
.btns:before {
    background: var(--navy);
    border-radius: 50% 50% 0 0;
    transform: translateY(100%) scaleY(0.5);
}
.btns.white,
.btns.white:after,
.procat_sec .accordion-button:not(.collapsed),
header {
    background: var(--white);
}
.btns:hover {
    border-color: var(--navy);
}
.btns:hover:after,
.cont_btn:hover:after {
    border-radius: 0 0 50% 50%;
    transform: translateY(-100%) scaleY(0.5);
    transition-delay: 0;
}
.btns:hover:before,
.cont_btn:hover:before {
    border-radius: 0;
    transform: translateY(0) scaleY(1);
    transition-delay: 0;
}
.btn_gradient,
.care_block,
.care_block i,
.choose-bx i img,
.control_block,
.control_block h3,
.control_block strong,
.control_block::before,
.pagination .page-link,
.pagination .page-link img,
.part_sec .local figure,
.sticky_buttons,
.touch_sec .cat_btn img,
.touch_sec .cat_btn::before,
.touch_sec .input-group .form-control,
.varient_prod_image figure,
.video_sec .video_info .icon,
.video_sec .video_info img,
header,
header .navbar-brand img,
ul.cta_add li i,
ul.cta_add li i img,
ul.ft_social li img,
ul.pro_cat li span {
    transition: 0.4s ease-in-out;
}
.btns.xl {
    border-radius: 3px;
    padding: 11px 86px;
    font-size: 18px;
}
.btns.white {
    color: #2b2b2b;
}
.btns.white.bdr:before,
.btns.white:before {
    background: var(--green);
}
.btn_gradient,
.btns.bdr,
.btns.bdr:after,
.choose-bx:hover i,
.product_sec .card,
.scroll_info .mCSB_scrollTools .mCSB_draggerRail {
    background: 0 0;
}
.btns.white.bdr:hover,
.btns.white:hover {
    color: var(--white);
    border-color: var(--green);
}
.apply_modal .input-group .form-control:focus,
.btns.bdr,
.btns.bdr:hover,
.care_block:hover,
.part_sec .local figure:hover,
.touch_sec .input-group .bootstrap-select .btn.show,
.touch_sec .input-group .form-control:focus,
.varient_prod_image figure:hover {
    border-color: var(--secondary);
}
.blog_sec .right_info .rpost_block h4 a,
.btns.bdr,
ul.cta_add li a,
ul.pro_cat li a {
    color: var(--black);
}
.btns.white.bdr {
    border-color: var(--white);
}
.btn_gradient {
    padding: 11px 50px;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    color: var(--themetxt);
    border: none;
    border-radius: 0;
    overflow: hidden;
}
.cont_btn,
.view_link {
    display: inline-block;
}
.btn_gradient::before {
    content: "";
    opacity: 0.2;
    background: var(
        --Theme,
        linear-gradient(
            270deg,
            #006838 -45.51%,
            #00753b -31.89%,
            #008b41 -4.66%,
            #009444 12.36%,
            #1b9d41 17.47%,
            #55b13b 31.08%,
            #82c136 44.7%,
            #a3cd32 54.91%,
            #b7d430 63.43%,
            #bfd730 70.23%,
            #b7d431 77.04%,
            #a1cf35 88.96%,
            #7dc63c 102.57%,
            #4cb946 119.6%,
            #39b54a 124.7%
        )
    );
    transition: 0.6s ease-in-out;
    background-size: 100% 100%;
}
.btn_gradient::after {
    content: "";
    width: 24px;
    height: 20px;
    background: url(../images/tab_arrow.svg) center center no-repeat;
    opacity: 1;
    transition: 0.9s ease-in-out;
    z-index: -1;
}
.cont_btn:after,
.cont_btn:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.6s;
    z-index: -1;
    top: 0;
}
.btn_gradient:hover::before {
    opacity: 1;
    background-size: 300% 100%;
}
.view_link {
    color: #000;
    margin-right: 7px;
    font-size: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.7);
}
.view_link.dropdown-toggle::after {
    border-top-color: #0895d6;
    border-width: 7px;
    border-bottom: 0;
    transform: rotate(-90deg) translateX(-2px);
    margin-left: 10px;
    transition: 0.4s ease-in-out;
}
.view_link:hover {
    color: var(--green);
    margin-right: 0;
    border-color: var(--green);
}
.view_link.dropdown-toggle:hover::after {
    margin-left: 17px;
    border-top-color: var(--green);
}
header {
    width: 100%;
    padding: 6px 0;
    z-index: 900;
}
header .navbar-light .navbar-nav {
    gap: 54px;
}
header .navbar-light .navbar-nav .nav-item {
    margin: 0;
}
header .navbar-light .navbar-nav .nav-link {
    margin: 0;
    padding: 8px 0;
    font-size: 18px;
    color: var(--black);
}
#return-to-top,
.copyright p a:hover,
.ft_phone .foot_add a:hover,
.product_item h3 a:hover,
p a,
ul.ft_link li a:hover,
ul.pro_cat li span:hover {
    color: var(--green);
}
header .navbar-light .navbar-nav .nav-link.active,
header .navbar-light .navbar-nav .nav-link:focus,
header .navbar-light .navbar-nav .nav-link:hover,
header .navbar-light .navbar-nav .show > .nav-link {
    color: var(--secondary);
    border-color: var(--secondary);
}
.navbar-nav .dropdown-menu {
    margin: 0;
    border-radius: 0;
}
.dropdown-item {
    padding: 8px 20px;
    font-size: 14px;
    color: var(--themetxt);
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    background: var(--secondary);
    color: var(--white);
}
.cont_btn {
    position: relative;
    margin: 0;
    padding: 7px 40px;
    font-size: 18px;
    background: var(--green);
    overflow: hidden;
}
.cont_btn:after {
    background: var(--green);
    border-radius: 0;
    transform: translateY(0) scaleY(1);
}
.cont_btn:before {
    background: var(--secondary);
    border-radius: 50% 50% 0 0;
    transform: translateY(100%) scaleY(0.5);
}
.hero_slider::after,
.hero_slider::before {
    z-index: 1;
    display: none;
    left: 0;
    width: 100%;
    content: "";
}
header.sticky {
    position: fixed;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    animation: 0.4s slide-down;
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}
.varient_prod_image,
footer,
section {
    padding: 0;
    margin: 0;
}
.sticky_buttons {
    margin: 0;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 46px;
    z-index: 999;
    gap: 15px;
}
.hero_sec,
.hero_sec .slide,
.product_sec .splide__pagination {
    position: relative;
}
.sticky_buttons a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #d45900;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sticky_buttons a img {
    transition: 0.3s ease-in-out;
}
.sticky_buttons a:hover {
    background: #fe7c1f;
}
.sticky_buttons a.ph {
    background: var(--sky);
}
.sticky_buttons a.ph:hover {
    background: #7ad3ff;
}
.sticky_buttons a.wp {
    background: #249416;
}
.sticky_buttons a.wp:hover {
    background: #4dd73c;
}
.hero_sec {
    overflow: hidden;
}
.hero_slider::before {
    height: 327px;
    position: absolute;
    top: 0;
    background: linear-gradient(180deg, rgba(15, 42, 62, 0.72) 0, rgba(0, 0, 0, 0) 100%);
}
.hero_slider::after {
    height: 444px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0, rgba(0, 0, 0, 0) 100%);
}
.apply_modal p,
.blog_sec .right_info .rpost_block:last-child,
.ceo_detail figure,
.faq_sec .accordion-body p,
.hero_sec .slick-dotted.slick-slider,
.pagination {
    margin: 0;
}
.hero_sec .slick-slide > div,
.product_sec .splide:not(.is-overflow) .splide__pagination,
.voice_sec .splide__slide {
    display: flex;
}
.hero_sec .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transform: scale(1.1);
}
.hero_sec .bg.active {
    animation: 5s linear zoom;
}
.hero_sec h1 {
    margin: 0 0 32px;
    padding: 0;
    font-size: 56px;
}
.hero_sec p {
    margin: 0 0 30px;
    padding: 0;
    font-size: 20px;
    line-height: normal;
}
.hero_sec .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.4);
    display: none;
}
.hero_sec .video-hero--content {
    position: absolute;
    left: 0;
    bottom: 118px;
    width: 100%;
    z-index: 5;
}
.hero_sec .jquery-background-video-wrapper {
    height: auto;
    min-height: calc(100vh - 70px);
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero_sec .jquery-background-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translate(-50%, -50%);
}
.hero_sec .js .jquery-background-video {
    opacity: 0;
    transition: opacity 0.3s linear;
}
.hero_sec .js .jquery-background-video.is-visible {
    opacity: 1;
}
.vid_mute {
    width: 32px;
    height: 32px;
    padding: 10px;
    display: block;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    bottom: 30px;
    right: 28px;
    background: url("../images/play_unmute.svg") center center no-repeat rgba(0, 0, 0, 0.2);
    background-size: 14px 14px;
    z-index: 55;
}
.care_block,
.control_block,
.news_block {
    height: calc(100% - 30px);
}
.vid_mute.muted {
    background: url("../images/play_mute.svg") center center no-repeat rgba(0, 0, 0, 0.1);
    background-size: 14px 14px;
}
@keyframes zoom {
    0%,
    100% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
}
.hero_sec .slick-dots {
    gap: 6px;
    display: flex;
    justify-content: end;
    width: 90%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0;
    bottom: 118px;
    left: 0;
    right: 0;
}
.hero_sec .slick-dots li {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
}
.hero_sec .slick-dots li button {
    padding: 0;
    width: 31px;
    height: 5px;
    background: rgba(217, 217, 217, 0.4);
    backdrop-filter: blur(2px);
    border-radius: 0;
    opacity: 1;
    transition: 0.4s ease-in-out;
}
.hero_sec .slick-dots li.slick-active button {
    width: 60px;
    background: #36a9e1;
}
.hero_sec .slick-dots li button::before {
    display: none;
}
.welcome_sec {
    padding: 114px 0 129px;
    position: relative;
    transform: perspective(1px) translateZ(0);
}
.welcome_sec::before {
    content: "";
    width: 725px;
    height: 738px;
    background: url(../images/welcome_curve.png) top left/100% auto no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.wel_detail {
    padding: 0 66px 56px;
}
.wel_detail .detail_inn {
    padding: 0 58px 0 0;
}
.apply_modal .iti,
.blog_sec .btm_info .detail_info figure img,
.blog_sec .left_info figure img,
.brochure_sec .dropdown-menu,
.part_sec .local figure img,
.prodetail_sec #main-carousel,
.project_block img,
.quality_sec figure img,
.touch_sec .input-group .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.touch_sec .map_info iframe,
.video_sec .video_info img,
.wel_detail figure img {
    width: 100%;
}
.wel_detail figure .roller {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 40px;
    transform: translateX(-50%);
}
.rotate {
    animation: 15s linear infinite spin;
    transform-origin: center center;
    transform-box: fill-box;
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.product_sec .card-header a::after,
.product_sec .nav-tabs .nav-link::after {
    transform: translateY(-50%);
    filter: invert(1%) sepia(1%) brightness(0%) contrast(0%);
}
.choose-bx:hover i img,
.control_block:hover::before,
.footer_info .ft_logo,
.pagination .page-link:hover img,
.touch_sec .cat_btn:hover img,
ul.cta_add li.active i img,
ul.cta_add li:hover i img,
ul.ft_social li img {
    filter: brightness(0) invert(1);
}
.ceo_detail,
.touch_sec .head_detail,
.video_modal .modal-body {
    padding: 0;
}
.ceo_detail .global_title {
    margin-left: 16px;
}
.ceo_detail .global_title span {
    display: inline-flex;
    position: relative;
}
.ceo_detail .global_title span::after {
    content: "";
    width: 49px;
    height: 54px;
    background: url(../images/welcome_quote.svg) left top/100% auto no-repeat;
    display: inline-block;
    margin-left: 30px;
}
.product_sec .card-header a::before,
.product_sec .nav-tabs .nav-link::before {
    background: var(
        --Theme,
        linear-gradient(
            270deg,
            #006838 -45.51%,
            #00753b -31.89%,
            #008b41 -4.66%,
            #009444 12.36%,
            #1b9d41 17.47%,
            #55b13b 31.08%,
            #82c136 44.7%,
            #a3cd32 54.91%,
            #b7d430 63.43%,
            #bfd730 70.23%,
            #b7d431 77.04%,
            #a1cf35 88.96%,
            #7dc63c 102.57%,
            #4cb946 119.6%,
            #39b54a 124.7%
        )
    );
    left: 0;
    top: 0;
    transition: 0.6s ease-in-out;
    height: 100%;
    content: "";
}
.ceo_detail .detail_inn {
    margin: 0;
    padding: 55px 80px 40px 16px;
    background: #f8f8f8;
    position: relative;
}
.ceo_detail .detail_inn:before {
    content: "";
    width: 100px;
    right: 100%;
    bottom: 0;
    height: 100%;
    position: absolute;
    background: #f8f8f8;
    z-index: -1;
}
.ceo_detail .author {
    color: #313131;
    font-size: 17px;
    line-height: 31px;
}
.ceo_detail .author strong {
    font-size: 24px;
    display: block;
    color: #086292;
}
.product_sec .card-header a,
.product_sec .nav-tabs .nav-link {
    margin: 0;
    color: var(--black);
    transform: perspective(1px) translateZ(0);
    position: relative;
}
.product_sec {
    padding: 90px 0 30px;
    background: url(../images/product_bg.png) bottom left 16% no-repeat #edf3e8;
}
.product_sec .nav-tabs {
    display: none;
    width: 100%;
    max-width: 419px;
    border: none;
}
.product_sec .nav-tabs .nav-link {
    padding: 9px 50px 9px 0;
    font-size: 20px;
    border: none;
    border-radius: 0;
    transition: 0.4s ease-in-out;
    background: 0 0;
}
.product_sec .nav-tabs .nav-link::before {
    width: 0%;
    opacity: 0;
    position: absolute;
    border-radius: 0 100px 100px 0;
}
.product_sec .nav-tabs .nav-link::after {
    content: "";
    width: 24px;
    height: 20px;
    background: url(../images/tab_arrow.svg) center center no-repeat;
    position: absolute;
    right: 18px;
    top: 50%;
    opacity: 0.5;
    transition: 0.9s ease-in-out;
}
.product_sec .nav-tabs .nav-item.show .nav-link::after,
.product_sec .nav-tabs .nav-link.active::after {
    opacity: 1;
    filter: inherit;
}
.product_sec .nav-tabs .nav-item.show .nav-link,
.product_sec .nav-tabs .nav-link.active {
    padding-left: 13px;
}
.product_sec .nav-tabs .nav-item.show .nav-link::before,
.product_sec .nav-tabs .nav-link.active::before {
    opacity: 0.2;
    width: 100%;
    border-radius: 0;
}
.product_sec .tab-content {
    padding-left: 16px;
}
.product_sec .card-header {
    border: none;
    padding: 0;
    border-radius: 0 !important;
}
.product_sec .card-header a {
    padding: 10px 35px 10px 20px;
    font-size: 18px;
    display: flex;
    border-radius: 0;
    background: var(--white);
}
.product_sec .card-header a::before {
    width: 100%;
    opacity: 0.2;
    position: absolute;
}
.product_sec .card-header a:not(.collapsed)::before {
    opacity: 0.2;
    background: var(--green);
}
.product_sec .card-header a::after {
    content: "";
    width: 18px;
    height: 16px;
    background: url(../images/tab_arrow.svg) center center/100% auto no-repeat;
    position: absolute;
    right: 10px;
    top: 50%;
    opacity: 0.5;
    transition: 0.6s ease-in-out;
}
.product_sec .card-header a:not(.collapsed)::after {
    opacity: 1;
    filter: inherit;
    transform: translateY(-50%) rotate(-90deg);
}
.product_sec .card-body {
    background: 0 0;
    padding-bottom: 0;
}
.product_sec .splide__arrow {
    height: 40px;
    width: 40px;
    background: var(--green);
    top: 35%;
}
.product_sec .splide__arrow svg {
    fill: #fff;
}
.product_sec .splide__arrow--prev {
    left: -20px;
}
.product_sec .splide__arrow--next {
    right: -20px;
}
.product_item {
    margin: 0 0 60px;
    padding: 0;
    transition: 0.4s ease-in-out;
}
.procat_sec .product_item:hover figure,
.product_sec .product_item:hover figure {
    transform: translateY(-15px);
}
.product_item figure {
    margin: 0;
    padding: 0;
    background-color: var(--white);
    height: 345px;
    position: relative;
    transition: 0.4s ease-in-out;
}
.product_item figure img {
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product_item figure .prod_logo {
    margin: 0;
    position: absolute;
    top: 30px;
    left: 20px;
    width: 140px;
    display: inline-block;
}
.product_item h3 {
    margin: 34px 0 20px;
    padding: 0;
    font-size: 23px;
}
.product_item p {
    margin-bottom: 0;
    width: 100%;
    display: -webkit-box;
}
.p_notfound,
.partner_sec {
    margin: 0;
    padding: 0;
    text-align: center;
}
.p_notfound p {
    font-size: 18px;
    font-weight: 600;
}
.product_sec .splide__pagination__page {
    background: var(--navy);
    opacity: 0.5;
}
.product_sec .splide__pagination__page.is-active {
    background: var(--navy);
    opacity: 1;
}
.splide__pagination__page {
    margin: 5px;
}
.project_sec {
    margin: 0;
    padding: 90px 0 130px;
}
.project_sec .inner {
    margin-left: calc((100% - 1480px) / 2);
}
.project_block {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}
.project_block .cap_info {
    width: calc(100% - 70px);
    height: 90px;
    margin: 0;
    padding: 30px 40px 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 54, 92, 0.75) -4.47%,
        rgba(0, 85, 131, 0.75) 28.96%,
        rgba(2, 88, 134, 0.75) 41.5%,
        rgba(8, 98, 146, 0.75) 54.03%,
        rgba(19, 115, 165, 0.75) 65.52%,
        rgba(35, 139, 192, 0.75) 77.02%,
        rgba(54, 169, 225, 0.75) 87.46%,
        rgba(31, 159, 219, 0.75) 91.64%,
        rgba(8, 149, 214, 0.75) 96.87%,
        rgba(0, 146, 212, 0.75) 100%
    );
    clip-path: polygon(0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 0% 100%);
    transition: 0.4s ease-in-out;
}
.project_block .cap_info h2, .project_block .cap_info h3 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 22px;
    color: var(--white);
}
.project_block .cap_info p {
    margin: 0;
    padding: 0;
    color: var(--white);
    height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
}
.project_block:hover .cap_info {
    width: 100%;
    height: 184px;
}
.project_block:hover .cap_info p {
    height: 72px;
}
.project_sec .splide__arrows {
    position: absolute;
    top: -75px;
    right: 5%;
    max-width: 120px;
    justify-content: space-between;
    display: flex;
    gap: 10px;
    width: 100%;
    height: 35px;
    z-index: 5;
}
.project_sec .splide__arrows:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #d7d7d7;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.project_sec .splide__arrows .splide__arrow {
    background: 0 0;
    width: 35px;
    height: 35px;
    opacity: 1;
    position: relative;
    border-radius: 0;
    top: 0;
    transform: inherit;
    left: 0;
}
.project_sec .splide__arrows .splide__arrow:not(:hover) img {
    transition: 0.3s ease-in-out;
    filter: brightness(0) invert(85%) brightness(85%);
}
.voice_sec {
    margin: 0;
    padding: 110px 0;
    background: url(../images/voice_bg.jpg) center center/cover no-repeat;
    position: relative;
}
.voice_sec:before {
    content: "";
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(
        89deg,
        #006838 0.72%,
        rgba(114, 153, 9, 0.9) 38.12%,
        rgba(163, 205, 50, 0.35) 82.07%,
        rgba(163, 205, 50, 0) 99.25%
    );
}
.touch_sec .cat_btn span,
.voice_sec .container {
    position: relative;
    z-index: 1;
}
.voice_block {
    margin: 0;
    padding: 25px 20px 35px 30px;
    background: var(--white);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.voice_block i {
    margin: 0 0 15px;
    padding: 0;
    display: block;
}
.voice_block p {
    margin: 0 0 30px;
    padding: 0;
    font-size: 19px;
    color: #505050;
    line-height: 28px;
}
.voice_block .user {
    margin: auto 0 0;
    padding: 0;
    display: flex;
    gap: 20px;
    align-items: center;
}
.partner_sec .splide__arrows,
.voice_sec .splide__arrows {
    max-width: 120px;
    display: flex;
    gap: 10px;
    width: 100%;
    right: 0;
    z-index: 5;
}
.voice_block .user figure {
    margin: 0;
    padding: 0;
    width: 56px;
    min-width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px inset rgba(255, 255, 255, 0.3);
}
.voice_block .user figure img {
    border-radius: 50%;
}
.voice_block .user h3 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #171717;
}
.voice_block .user h3 small {
    margin-top: 7px;
    display: block;
    font-size: 17px;
    font-weight: 500;
}
.voice_sec .splide__arrows {
    position: absolute;
    top: -100px;
    justify-content: space-between;
    height: 35px;
}
.voice_sec .splide__arrows:before {
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.voice_sec .splide__arrows .splide__arrow {
    background: 0 0;
    width: 35px;
    height: 35px;
    opacity: 1;
    position: relative;
    border-radius: 0;
    top: 0;
    transform: inherit;
    left: 0;
}
.voice_sec .splide__arrows .splide__arrow img {
    transition: 0.3s ease-in-out;
    filter: brightness(0) invert(1);
    opacity: 0.7;
}
.voice_sec .splide__arrows .splide__arrow:hover img {
    opacity: 1;
}
.certifi_sec {
    margin: 0;
    padding: 110px 0;
}
.partner_sec .inner {
    margin: 0;
    padding: 70px 60px 120px;
    background: #f8f8f8;
}
.partner_sec .splide__arrows {
    position: absolute;
    bottom: -40px;
    justify-content: space-between;
    height: 35px;
}
.partner_sec .splide__arrows:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #d7d7d7;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.partner_sec .splide__arrows .splide__arrow {
    background: 0 0;
    width: 35px;
    height: 35px;
    opacity: 1;
    position: relative;
    border-radius: 0;
    top: 0;
    transform: inherit;
    left: 0;
}
.procat_sec h2:before,
.touch_sec .cat_btn::before {
    background: var(
        --Theme,
        linear-gradient(
            270deg,
            #006838 -45.51%,
            #00753b -31.89%,
            #008b41 -4.66%,
            #009444 12.36%,
            #1b9d41 17.47%,
            #55b13b 31.08%,
            #82c136 44.7%,
            #a3cd32 54.91%,
            #b7d430 63.43%,
            #bfd730 70.23%,
            #b7d431 77.04%,
            #a1cf35 88.96%,
            #7dc63c 102.57%,
            #4cb946 119.6%,
            #39b54a 124.7%
        )
    );
    content: "";
}
.partner_sec .splide__arrows .splide__arrow:not(:hover) img {
    transition: 0.3s ease-in-out;
    filter: brightness(0) invert(85%) brightness(85%);
}
.quality_sec {
    margin: 0;
    padding: 130px 0 65px;
    background: url(../images/quality_curve.svg) right center no-repeat;
}
.quality_sec .btns{
    text-transform: capitalize;
}
.quality_sec .gx-5 {
    --bs-gutter-x: 6rem;
}
.news_sec {
    margin: 0;
    padding: 100px 0 70px;
    background: #e6f6fe;
}
.mission_sec .vision_block figure,
.news_sec .title_info,
ul.card_list {
    margin: 0 0 30px;
    padding: 0;
}
.news_block {
    margin: 0 0 30px;
    padding: 0 0 50px;
    position: relative;
}
.news_block figure {
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
    overflow: hidden;
}
.news_block figure img {
    width: 100%;
    transition: 0.3s ease-in-out;
    transform-origin: top right;
    object-fit: cover;
}
.news_block h3 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 24px;
    color: #292929;
    line-height: 30px;
}
.news_block h3 a {
    color: #292929;
}
.news_block p {
    color: #494949;
    margin: 0;
}
.news_block .btm_info {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.news_block .read_link {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 16px;
    color: #081f3a;
    text-decoration: underline;
}
.blog_sec .right_info .rpost_block:hover h4 a,
.news_block .read_link:hover,
.news_block:hover h3 a,
ul.cta_add li:hover a {
    color: var(--secondary);
}
.news_block .date {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #1373a5;
}
.news_block:hover figure img {
    transform: scale(1.04);
}
.footer_info {
    margin: 0;
    padding: 120px 0 0;
    background: var(--primary) url(../images/ft_bg.svg) top right no-repeat;
}
.footer_info .ft_logo {
    margin: 0 0 60px;
    padding: 0;
}
.footer_info h3 {
    margin: 25px 0;
    padding: 0;
    font-size: 26px;
    color: var(--white);
}
.footer_info p {
    margin: 0;
    padding: 0;
    color: var(--white);
    line-height: 28px;
}
.copyright p,
.copyright p a {
    color: rgba(255, 255, 255, 0.8);
}
.footer_info .ft_get {
    margin: 70px 0;
    padding: 30px 0;
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}
.footer_info .ft_get h2 {
    margin: 0;
    padding: 0;
    font-size: 46px;
    color: var(--white);
}
ul.ft_link li {
    margin: 0 0 12px;
    padding: 0;
    display: block;
}
ul.ft_link li a {
    margin: 0;
    padding: 0 0 0 22px;
    display: inline-block;
    font-size: 17px;
    color: var(--white);
    position: relative;
}
ul.ft_link li a:before {
    content: "";
    width: 13px;
    height: 11px;
    background: url(../images/ft_caret.svg) center center/100% 100% no-repeat;
    position: absolute;
    top: 8px;
    left: 0;
    transition: 0.3s ease-in-out;
}
ul.ft_link li a:hover::before {
    left: 5px;
}
.ft_phone {
    gap: 30px;
    padding-left: 30px;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.ft_phone .foot_add {
    display: flex;
    align-items: center;
    gap: 15px;
}
.ft_phone .foot_add img {
    width: 35px;
    min-width: 35px;
}
.ft_phone .foot_add a {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 30px;
    color: var(--white);
    font-weight: 300;
}
.copyright {
    margin: 0;
    padding: 20px 0;
    background: var(--navy);
}
.blog_sec,
.video_sec {
    background: url(../images/sec_q_curve.png) top left no-repeat;
}
ul.ft_social {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: start;
}
ul.ft_social li {
    margin: 0;
    padding: 0;
    display: block;
}
ul.ft_social li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.ft_social li a:after,
ul.ft_social li a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    content: "";
    opacity: 0;
    transition:
        transform 0.2s,
        opacity 0.2s;
    transform: translateX(-50%) translateY(-50%) scale(0.2);
}
ul.ft_social li a:after {
    width: 46px;
    height: 46px;
    border-width: 3px;
    transform: translateX(-50%) translateY(-50%) scale(0.8);
}
ul.ft_social li a:focus:after,
ul.ft_social li a:focus:before,
ul.ft_social li a:hover:after,
ul.ft_social li a:hover:before {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}
#return-to-top {
    position: fixed;
    bottom: 10px;
    right: 26px;
    background: 0 0;
    width: 38px;
    height: 38px;
    font-size: 18px;
    line-height: 38px;
    border-radius: 50%;
    text-decoration: none;
    transition: 0.3s;
    z-index: 1000;
}
#return-to-top span {
    display: inline-block;
    transform: rotate(-90deg);
}
#return-to-top:hover {
    background: var(--white);
    color: var(--green);
}
.inner_banner {
    margin: 0;
    padding: 0;
    position: relative;
}
.inner_banner .bg {
    width: 100%;
    object-fit: cover;
    height: 64vh;
    object-position: center top;
}
.inner_banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: linear-gradient(180deg, rgba(15, 42, 62, 0.72) 0, rgba(0, 0, 0, 0) 100%);
}
.inner_banner .caption {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 100;
}
.inner_banner .caption h1, .inner_banner .caption h2 {
    margin: 0;
    padding: 0;
    font-size: 48px;
    color: var(--white);
}
.inner_banner .splide {
    z-index: 99;
}
.inner_banner .splide__pagination {
    gap: 6px;
    width: 90%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0;
    justify-content: flex-end;
    bottom: 100px;
}
.blog_sec .btm_info ol,
.blog_sec .btm_info ul,
.blog_sec .left_info figure,
.career_block .top_info,
.control_step .step_block .right p,
.inner_banner .splide__pagination li,
ul.mission_list,
ul.pro_cat {
    margin: 0;
    padding: 0;
}
.inner_banner .splide__pagination li .splide__pagination__page {
    margin: 0;
    transform: inherit;
    width: 31px;
    height: 5px;
    background: rgba(217, 217, 217, 0.4);
    backdrop-filter: blur(2px);
    border-radius: 0;
    opacity: 1;
    transition: 0.4s ease-in-out;
}
.inner_banner .splide__pagination li .splide__pagination__page.is-active {
    width: 60px;
    background: #36a9e1;
}
.video_sec {
    margin: 0;
    padding: 110px 0 0;
}
.video_sec .video_info {
    max-width: 1240px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.video_sec .video_info button {
    display: flex;
    border: none;
}
.video_sec .video_info .icon {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: auto;
    z-index: 2;
}
.video_sec .video_info:hover img {
    transform: scale(1.03);
}
.video_sec .video_info:hover .icon {
    transform: inherit;
}
.video_sec .video_info .icon:hover {
    transform: scale(1.06);
}
.video_sec iframe {
    width: 100%;
    min-height: 400px;
}
.blog_sec table,
.variant_table table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100% !important;
}
.event_sec {
    margin: 0;
    padding: 100px 0;
}
.event_sec .loadmore_prod {
    margin-top: 60px;
}
.blog_sec {
    margin: 0;
    padding: 100px 0 34px;
}
.blog_sec .grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}
.blog_sec .left_info {
    grid-area: 1/1/2/2;
}
.blog_sec .right_info {
    grid-area: 1/2/2/3;
}
.blog_sec .right_info .r_post {
    margin: 0;
    padding: 25px 30px;
    border: 1px solid rgba(187, 187, 187, 0.6);
}
.blog_sec .right_info .r_post h3 {
    margin: 0 0 25px;
    padding: 0;
    font-size: 40px;
    color: var(--black);
}
.blog_sec .right_info .rpost_block {
    margin: 0;
    padding: 18px 0;
    display: flex;
    align-items: center;
    gap: 30px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.blog_sec .right_info .rpost_block figure {
    margin: 0;
    padding: 0;
    width: 94px;
    min-width: 94px;
    overflow: hidden;
}
.blog_sec .right_info .rpost_block figure img {
    width: 100%;
    transition: 0.3s ease-in-out;
    transform-origin: top left;
    object-fit: cover;
}
.blog_sec .right_info .rpost_block h4 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 20px;
    color: var(--black);
    font-weight: 500;
}
.blog_sec .right_info .rpost_block span {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 16px;
    color: #1373a5;
}
.blog_sec .right_info .rpost_block:hover figure img {
    transform: scale(1.05);
}
.blog_sec .btm_info {
    grid-area: 2/1/3/3;
}
.blog_sec .btm_info .date {
    margin: 0 0 10px;
    padding: 0;
    font-size: 20px;
    color: #1373a5;
    display: block;
}
.blog_sec .btm_info h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 32px;
    color: #292929;
}
.blog_sec .btm_info p {
    line-height: 27px;
}
.blog_sec .btm_info img {
    margin-bottom: 25px;
}
.blog_sec .btm_info h3 {
    margin: 25px 0 20px;
    padding: 0;
    font-size: 24px;
    color: #292929;
}
.blog_sec .btm_info .detail_info {
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    gap: 35px;
}
.blog_sec .btm_info .detail_info figure {
    margin: 0;
    padding: 0;
    width: 348px;
    min-width: 348px;
}
.blog_sec .btm_info .detail_info.reverse {
    flex-direction: row-reverse;
}
.scroll_info .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--primary);
    width: 4px;
}
.control_block:hover,
.scroll_info .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.scroll_info .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.scroll_info .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: var(--primary);
}
.touch_sec {
    margin: 0;
    padding: 90px 0 60px;
    background: url(../images/contact_curve.svg) top left no-repeat rgba(187, 187, 187, 0.05);
}
.touch_sec .container {
    max-width: 1350px;
}
.control_sec p,
.error_sec p,
.touch_sec p {
    margin-bottom: 40px;
}
.touch_sec h3 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 28px;
    color: #232323;
}
.toast-success,
.toast-success span {
    color: var(--white) !important;
}
.touch_sec .input-group {
    margin: 0 0 27px;
    padding: 0;
}
.touch_sec .input-group .form-control {
    margin: 0;
    padding: 0 20px;
    height: 48px;
    border: 1px solid #e1e6eb;
    box-shadow: none;
    font-size: 13px;
    color: #bbb;
    border-radius: 6px !important;
    text-align: left;
}
.touch_sec .input-group .form-control::placeholder {
    color: #bbb;
}
.touch_sec .input-group .bootstrap-select .btn {
    padding: 14px 20px;
    margin: 0;
    background: var(--white);
    border: 1px solid #e1e6eb;
    outline: 0 !important;
    font-size: 13px;
    color: #bbb;
}
.touch_sec .input-group .bootstrap-select .btn::after {
    font-size: 17px;
    margin: 0;
}
.touch_sec .input-group textarea.form-control {
    padding-top: 15px;
    height: 100px;
    resize: none;
}
.touch_sec form .btns {
    border-radius: 3px;
    min-width: 274px;
    margin-top: 10px;
    padding: 12px 40px;
}
.toast-success {
    background-color: var(--green) !important;
    background-image: none !important;
}
.brochure_sec .container,
.video_modal .modal-dialog {
    max-width: 800px;
}
.brochure_sec .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    text-wrap: wrap;
}
.brochure_sec .btns {
    margin: 0 15px;
    width: calc(100% - 30px);
    border-radius: 3px;
}
.brochure_sec .alert-success {
    background: #008e4925;
    border-radius: 0;
    border: 1px solid;
}
.brochure_sec .alert-success p {
    margin: 0;
    color: var(--green);
}
.touch_sec .catlog {
    margin: 0;
    padding: 20px;
    background: url(../images/catlog_bg.svg) bottom right/40% 75% no-repeat #edf3e8;
    position: relative;
}
.touch_sec .catlog h3 {
    margin: 0 auto 20px;
    padding: 0;
    font-size: 28px;
    color: #57a232;
    line-height: 35px;
    max-width: 350px;
    font-weight: 500;
}
.touch_sec .catlog h3 small {
    font-size: 24px;
    display: block;
    font-weight: 300;
}
.touch_sec .cat_btn {
    margin: 0;
    padding: 6px 40px 7px;
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 22px;
    color: var(--black);
    gap: 15px;
    align-items: center;
}
.touch_sec .cat_btn::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
    background-size: 100% 100%;
}
.touch_sec .cat_btn:hover::before {
    opacity: 1;
    background-size: 400% 100%;
}
.touch_sec .map_info {
    margin: 80px 0 0;
    padding: 0;
    display: flex;
}
ul.cta_add {
    margin: 0;
    padding: 30px 40px 10px;
    background: rgba(187, 187, 187, 0.05);
}
ul.cta_add li {
    margin: 0 0 5px;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 18px;
    color: var(--black);
    line-height: 28px;
}
ul.cta_add li i {
    margin: 0;
    padding: 0;
    width: 42px;
    min-width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: 0 0;
}
ul.cta_add li.active i {
    background: #0092d4;
    overflow: hidden;
}
.control_step .step_block .blue,
ul.cta_add li:hover i {
    background: #0092d4 !important;
}
ul.cta_add li:hover i img {
    animation: 0.5s forwards toRightFromLeft;
}
@keyframes toRightFromLeft {
    49% {
        transform: translate(50%);
    }
    50% {
        opacity: 0;
        transform: translate(-50%);
    }
    51% {
        opacity: 1;
    }
}
.pro_sec {
    margin: 0;
    padding: 100px 0;
    background: url(../images/sec_q_curve.png) top left no-repeat;
}
.pro_sec .inner {
    margin: 0;
    padding: 0 0 70px;
}
.pro_sec .inner p,
.prodetail_sec .right_detail p {
    line-height: 27px;
}
.pro_sec .project_block {
    margin-bottom: 27px;
}
.loadmore_item {
    margin-top: 70px;
}
ul.filter_info {
    margin: 0 0 50px;
    padding: 0;
    display: flex;
    gap: 50px;
    justify-content: start;
    flex-wrap: wrap;
}
ul.filter_info li {
    margin: 0;
    padding: 0;
    display: inline-block;
}
ul.filter_info li .filter-button {
    margin: 0;
    padding: 7px 35px;
    font-size: 16px;
    color: var(--black);
    background: #edf3e8;
    border-radius: 0;
}
ul.filter_info li .filter-button.active,
ul.filter_info li .filter-button:hover {
    background: var(--secondary);
    color: #fff;
}
.procat_sec {
    margin: 0;
    padding: 100px 0 50px;
    background: url(../images/product_curve.png) bottom left no-repeat #edf3e8;
}
.procat_sec h2 {
    margin: 0 0 30px;
    padding: 0 0 10px;
    font-size: 22px;
    color: var(--black);
    position: relative;
}
.procat_sec h2:before {
    width: 80px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.procat_sec .form-control {
    width: 275px;
    margin: 0;
    padding: 0 20px;
    height: 51px;
    border-radius: 0 !important;
    border: 1px solid transparent;
    font-size: 15px;
    color: var(--black);
    background: var(--white);
}
.procat_sec .form-control::placeholder {
    color: #272323;
}
.procat_sec .form-control:focus {
    border-color: #57a232;
}
.procat_sec .search_btns {
    margin: 0;
    height: 51px;
    width: 51px;
    border: none;
    background: #57a232;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-light .navbar-nav .nav-item.dropdown > .dropdown-toggle::after,
.procat_sec .navbar,
ul.pro_cat li {
    display: block;
}
.procat_sec .accordion,
.procat_sec .product_item {
    margin-bottom: 30px;
}
.procat_sec .accordion-item {
    border: none;
    border-bottom: 1px solid rgba(187, 187, 187, 0.3);
}
.faq_sec .accordion-collapse.collapse.show,
.procat_sec .accordion-item:last-child {
    border: none;
}
.procat_sec .accordion-button a{ color: var(--black);}
.procat_sec .accordion-button {
    font-size: 18px;
    color: var(--black);
    padding: 15px 45px 15px 15px;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.procat_sec .accordion-button:not(.collapsed) a{
    color: var(--green);
}
.procat_sec .accordion-button:after {
    background: url(../images/plus_ic.svg) center center no-repeat;
    transform: none;
    right: 15px;
    position: absolute;
}
.procat_sec .accordion-button:not(.collapsed)::after {
    background: url(../images/minus_ic.svg) center center no-repeat;
}
.procat_sec .accordion-body {
    padding: 0 10px 1px 40px;
}
ul.pro_cat li {
    margin: 0 0 12px;
    padding: 0;
    font-size: 16px;
    color: var(--black);
}
ul.pro_cat li a:hover {
    color: var(--green);
    text-decoration: underline;
}
ul.pro_cat li span {
    color: var(--black);
    cursor: pointer;
}
.procat_sec .product_item h3 {
    font-size: 16px;
    margin: 22px 0 12px;
}
.procat_sec .product_item p {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    display: -webkit-box;
}
.pagination .page-link {
    padding: 8px 5px;
    border: 1px solid #d0d5dd;
    color: var(--black);
    width: 35px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none;
    background: 0 0;
}
.pagination .page-item.active .page-link,
.pagination .page-link:focus,
.pagination .page-link:hover {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}
.pagination .page-item:first-child .page-link {
    border-radius: 8px 0 0 8px;
}
.pagination .page-item:last-child .page-link {
    border-radius: 0 8px 8px 0;
}
.prodetail_sec {
    margin: 0;
    padding: 100px 0 70px;
    background: url(../images/sec_q_curve.png) top left no-repeat;
}
.product_detail_slider {
    max-width: 600px;
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    flex-direction: row-reverse;
    gap: 30px;
}
.product_detail_slider #thumbnail-carousel {
    width: 95px;
    min-width: 95px;
}
.product_detail_slider #thumbnail-carousel .splide__slide {
    background: #f1f6f0;
}
.product_detail_slider #thumbnail-carousel .splide__track--nav > .splide__list > .splide__slide.is-active {
    background: var(--white);
    border-color: #f1f6f0;
}
.product_detail_slider #main-carousel .splide__slide {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #edf3e8;
    min-height: 390px;
}
.product_detail_slider #main-carousel::before {
    content: "";
    width: 107px;
    height: 57px;
    background: url(../images/prod_logo.svg) top left no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
.prodetail_sec .right_detail {
    padding: 0 0 0 60px;
}
.prodetail_sec .right_detail h2 {
    margin-bottom: 10px;
    font-size: 28px;
}
.cta_block {
    margin: 100px 0;
    padding: 25px 66px 25px 106px;
    background: #edf3e8;
}
.cta_block h2 {
    margin: 0;
    color: var(--black);
    font-size: 28px;
    line-height: 35px;
}
.cta_block h2 small {
    display: block;
    font-size: 16px;
    font-weight: 500;
}
.cta_block .button_group {
    margin-top: 30px;
}
.related_sec {
    padding: 47px 0;
    background: #edf3e8;
}
.related_sec h2 {
    margin: 0 0 30px;
    color: var(--black);
    font-size: 32px;
}
.related_sec .product_item h3 {
    margin: 20px 0 0;
    font-size: 16px;
    padding: 0 10px;
}
.related_sec .splide__arrows .splide__arrow {
    background: 0 0;
    margin-top: -20px;
    width: 30px;
    height: 30px;
    border-radius: 0;
}
.related_sec .splide__arrows .splide__arrow--prev {
    left: 0;
}
.related_sec .splide__arrows .splide__arrow--next {
    right: 0;
}
.related_sec .splide__arrows .splide__arrow:not(:hover) {
    opacity: 0.4;
}
.variant_sec .nav-tabs {
    max-width: 230px;
}
.variant_sec .global_title {
    font-size: 44px;
}
.variant_table {
    padding: 0;
    margin: 0 0 20px;
}
.variant_table table {
    border-radius: 10px;
    font-size: 16px;
    background: #edf3e8;
}
.blog_sec table > thead,
.variant_table table > thead {
    vertical-align: bottom;
}
.variant_table table > :not(caption) > * {
    border-width: var(--bs-border-width) 0;
    border-color: #bec2ba;
}
.variant_table table > :not(caption) > * > * {
    padding: 0.5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
    border-width: 0 var(--bs-border-width);
    background: 0 0;
    border-color: #bec2ba;
    color: var(--themetxt);
}
.care_block,
.varient_prod_image figure {
    border: 1px solid rgba(187, 187, 187, 0.5);
}
.variant_table table tr th {
    color: var(--secondary);
    font-weight: 400;
}
.blog_sec table tr:nth-of-type(odd),
.variant_table table tr:nth-of-type(odd) {
    background-color: #dde7d5;
}
.blog_sec .btm_info ul li::before,
ul.mission_list li:before {
    content: "";
    width: 24px;
    height: 20px;
    background: url(../images/tab_arrow.svg) center center/100% 100% no-repeat;
    left: 0;
}
.varient_prod_image h3 {
    padding: 0;
    margin: 0 0 30px;
    font-size: 28px;
}
.varient_prod_image figure {
    padding: 0;
    margin: 0;
    display: inline-flex;
}
.welcome_sec.about {
    padding-bottom: 50px;
}
.welcome_sec.about .wel_detail {
    padding-right: 43px;
    padding-left: 88px;
}
.mission_sec {
    margin: 0;
    padding: 0 0 90px;
    position: relative;
}
.mission_sec:before {
    content: "";
    width: 509px;
    height: 639px;
    background: url(../images/quality_curve.svg) bottom right/100% 100% no-repeat;
    position: absolute;
    bottom: 20px;
    right: 0;
}
.care_block h3,
.mission_sec h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 32px;
    color: var(--black);
}
.mission_sec .vision_block {
    max-width: 410px;
    margin: 0 30px 0 0;
    padding: 85px 33px 85px 25px;
    background: var(--primary) url(../images/vision_curve.svg) bottom right no-repeat;
    position: relative;
    z-index: 1;
}
.mission_sec .vision_block p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 25px;
    color: var(--white);
}
.mission_sec .mission_block {
    margin: 0 43px 0 0;
    padding: 70px 70px 70px 0;
    background: #f8f8f8;
    position: relative;
}
.mission_sec .mission_block::before {
    content: "";
    width: 260px;
    height: 100%;
    background: #f8f8f8;
    position: absolute;
    top: 0;
    right: 99.99%;
}
.mission_sec .mission_block p {
    margin: 0 0 18px;
    padding: 0;
    line-height: 24px;
}
ul.mission_list li {
    margin: 0 0 15px;
    padding: 0 0 0 50px;
    display: block;
    font-size: 17px;
    line-height: 24px;
    color: var(--themetxt);
    position: relative;
}
ul.mission_list li:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.care_sec {
    margin: 0;
    padding: 0 0 60px;
}
.care_block {
    margin: 0 0 30px;
    padding: 55px 25px;
}
.care_block i {
    margin: 0 0 35px;
    padding: 0;
    min-height: 64px;
    display: block;
    position: relative;
    top: 0;
}
.care_block p {
    line-height: 24px;
    margin: 0;
}
.care_block:hover i {
    top: 15px;
}
.control_sec {
    margin: 0;
    padding: 70px 0 60px;
    background: #e5eede;
}
.career_sec,
.part_sec,
.terms_sec {
    background: url(../images/partner_curve.svg) top left no-repeat;
}
.control_block {
    margin: 0 0 30px;
    padding: 25px 25px 50px;
    border: 1px solid rgba(0, 54, 92, 0.5);
    position: relative;
}
.control_block::before {
    content: "";
    width: 84px;
    height: 75px;
    background: url(../images/control_curve_2.svg) bottom right/100% 100% no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
}
.control_block strong {
    margin: 0;
    padding: 0;
    font-size: 60px;
    color: rgba(0, 0, 0, 0.4);
    display: block;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: transparent;
}
.control_block i {
    margin: 0 0 10px;
    padding: 0;
    display: block;
}
.control_block i img{
    transition: all .4s ease-in-out;
}
.control_block:hover i img{
    filter: brightness(0) invert(1);
}
.control_block h3 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: var(--black);
    font-weight: 500;
}
.control_block:hover strong {
    color: var(--primary);
    -webkit-text-stroke-color: var(--white);
}
.control_step {
    margin: 0;
    padding: 30px 0 0;
    position: relative;
}
.control_step::before {
    content: "";
    width: 5px;
    height: 80%;
    background: var(--primary);
    position: absolute;
    top: 50%;
    left: 46px;
    transform: translateY(-50%);
}
.control_step .step_block {
    margin: 0 0 60px;
    padding: 0;
    display: flex;
    gap: 25px;
    align-items: center;
    position: relative;
    z-index: 1;
}
.control_step .step_block i {
    margin: 0;
    padding: 0;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    background: var(--primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.control_step .step_block .detail {
    margin: 0;
    padding: 0;
    display: flex;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.control_step .step_block .left {
    width: 100%;
    max-width: 345px;
    min-width: 345px;
    margin: 0;
    padding: 30px;
    background: var(--primary);
    display: flex;
    align-items: center;
}
.control_step .step_block .left h3 {
    margin: 0;
    padding: 0;
    font-size: 32px;
    color: var(--white);
}
.control_step .step_block .right {
    margin: 0;
    padding: 35px 30px;
    background: var(--white);
}
.control_step .step_block .green {
    background: #57a232 !important;
}
.part_sec {
    margin: 0;
    padding: 100px 0 10px;
}
.career_sec .inner,
.part_sec .inner {
    margin-bottom: 90px;
    padding: 0;
}
.career_sec .inner p,
.part_sec .inner p {
    line-height: 27px;
    margin: 0;
}
.part_sec .local {
    margin: 0 0 90px;
    padding: 0;
}
.part_sec .local figure {
    width: 100%;
    margin: 0;
    padding: 4px;
    border: 1px solid rgba(187, 187, 187, 0.5);
}
.part_sec .splide__pagination {
    position: relative;
    margin-top: 20px;
}
.part_sec .splide__pagination__page {
    background: var(--navy);
    opacity: 0.5;
}
.part_sec .splide__pagination__page.is-active {
    background: var(--navy);
    opacity: 1;
}
.terms_sec {
    margin: 0;
    padding: 100px 0 40px;
}
.terms_sec .container {
    max-width: 1230px;
}
.terms_sec h3 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 20px;
    color: var(--black);
}
.career_sec {
    margin: 0;
    padding: 100px 0 70px;
}
.career_block {
    margin: 0 0 30px;
    padding: 20px 40px;
    background: var(--white);
    box-shadow: 0 8px 24px 0 rgba(149, 157, 165, 0.2);
}
.career_block .top_info h3 {
    margin: 0 0 25px;
    padding: 0;
    font-size: 32px;
    color: var(--black);
}
.career_block .card {
    margin: 0;
    padding: 30px 0 20px;
    border: none;
    border-radius: 0;
    align-items: self-start;
}
.career_block .card h4 {
    margin: 0 0 25px;
    padding: 0;
    font-size: 22px;
    color: var(--black);
}
.career_block .card .btns {
    min-width: 274px;
}
ul.career_list {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 30px;
}
ul.career_list li {
    margin: 0;
    padding: 0 0 0 30px;
    font-size: 16px;
    color: var(--black);
    position: relative;
}
ul.career_list li i {
    position: absolute;
    top: -2px;
    left: 0;
}
ul.card_list li {
    margin: 0 0 5px;
    padding: 0 0 0 15px;
    font-size: 17px;
    color: var(--themetxt);
    line-height: 24px;
    position: relative;
}
ul.card_list li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: var(--black);
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
}
.video_modal .modal-content {
    border: none;
    border-radius: 10px;
}
.video_modal .btn-close {
    margin: 0;
    padding: 4px;
    height: 30px;
    width: 30px;
    background-color: var(--primary);
    position: absolute;
    top: -15px;
    right: -15px;
    border-radius: 50%;
    opacity: 1;
    color: var(--white);
    box-shadow: none;
    background-image: none;
}
.video_modal iframe {
    border-radius: 10px;
    display: flex;
}
.apply_modal .modal-dialog {
    max-width: 1480px;
}
.apply_modal .modal-content {
    border: none;
    border-radius: 5px;
}
.apply_modal .modal-body {
    padding: 70px 80px;
}
.apply_modal .btn-close span {
    font-size: 0;
}
.apply_modal .btn-close,
.apply_modal.ac_modal .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
}
.apply_modal h2 {
    margin: 0 0 25px;
    padding: 0;
    font-size: 48px;
    color: var(--black);
}
.apply_modal form {
    margin: 0;
    padding: 40px 0 0;
}
.apply_modal .input-group {
    margin: 0 0 30px;
    padding: 0;
    position: relative;
}
.apply_modal .input-group .filed_label {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    display: block;
    font-size: 17px;
    color: var(--black);
}
.apply_modal .input-group .form-control {
    margin: 0;
    padding: 0 25px;
    height: 55px;
    border: 1px solid #e1e6eb;
    border-radius: 3px !important;
    box-shadow: none;
    font-size: 14px;
    color: #717372;
    width: 100%;
}
.apply_modal .input-group #inputGroupFile02 {
    width: 1%;
    border-radius: 3px 0 0 3px !important;
}
.apply_modal .input-group .form-control::placeholder {
    color: #717372;
}
.apply_modal .input-group textarea.form-control {
    height: 120px;
    padding-top: 15px;
    resize: none;
}
.apply_modal .input-group .form-control::file-selector-button {
    display: none;
}
.apply_modal .input-group .form-control.choose {
    padding-top: 16px;
    border-right: none;
}
.apply_modal .input-group .input-group-text {
    border: 1px solid #e1e6eb;
    border-left: none;
    border-radius: 0 3px 3px 0;
    background: var(--white);
    padding: 0 15px 0 0;
    margin: 0 !important;
}
.apply_modal .iti__selected-flag::before,
ul.sales_list li + li::before {
    height: 30px;
    background: #e1e6eb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}
.apply_modal .input-group .input-group-text span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 8px 20px;
    background: #0092d4;
    border-radius: 3px !important;
    font-size: 16px;
    color: var(--white);
    cursor: pointer;
}
.apply_modal .iti .form-control {
    padding-left: 110px !important;
}
.apply_modal .iti .iti__arrow {
    display: none;
}
.apply_modal .iti__flag-container {
    top: 15px;
    bottom: auto;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background: 0 0 !important;
}
.apply_modal .iti__selected-flag {
    background: 0 0;
    padding: 0 15px 0 25px;
}
.apply_modal .iti__selected-flag::before {
    width: 1px;
    right: 0;
}
ul.sales_list {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 40px;
}
ul.sales_list li {
    margin: 0;
    padding: 0;
    font-size: 32px;
    color: var(--black);
    position: relative;
}
ul.sales_list li small {
    font-size: 27px;
}
ul.sales_list li + li {
    padding-left: 45px;
}
ul.sales_list li + li::before {
    width: 3px;
    left: 0;
}
.apply_modal.ac_modal .modal-dialog {
    max-width: 700px;
}
.apply_modal.ac_modal h2 {
    margin: 0 0 15px;
    font-size: 34px;
}
.apply_modal.ac_modal .modal-body {
    padding: 40px;
}
.apply_modal.ac_modal .input-group .filed_label {
    font-size: 14px;
}
.error_sec {
    padding: 120px 0;
}
.pcfilter_btn,
.pordfilter_btn {
    display: none;
    border: none;
    position: absolute;
    right: 0;
    gap: 5px;
    box-shadow: none !important;
    padding: 6px 27px;
    z-index: 5;
    background: 0 0;
}
.error_sec .einfo {
    font-size: 230px;
    color: var(--primary);
    line-height: normal;
    font-weight: 700;
    letter-spacing: 15px;
}
.pcfilter_btn {
    top: -65px;
    align-items: center;
}
.pcfilter_btn:before,
.pordfilter_btn:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    background: var(
        --Theme,
        linear-gradient(
            270deg,
            #006838 -45.51%,
            #00753b -31.89%,
            #008b41 -4.66%,
            #009444 12.36%,
            #1b9d41 17.47%,
            #55b13b 31.08%,
            #82c136 44.7%,
            #a3cd32 54.91%,
            #b7d430 63.43%,
            #bfd730 70.23%,
            #b7d431 77.04%,
            #a1cf35 88.96%,
            #7dc63c 102.57%,
            #4cb946 119.6%,
            #39b54a 124.7%
        )
    );
    opacity: 0.2;
}
.pordfilter_btn {
    top: -52px;
    align-items: center;
}
@media (min-width: 768px) {
    #proCatFilterCollapse {
        position: sticky;
        top: 80px;
    }
}
.blog_sec .btm_info ul li {
    margin: 0 0 20px;
    padding: 0 0 0 35px;
    font-size: 17px;
    font-weight: 400;
    color: var(--themetxt);
    position: relative;
}
.blog_sec .btm_info ul li::before {
    position: absolute;
    top: 2px;
}
.blog_sec .btm_info ol li {
    margin: 0 0 10px 20px;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    color: var(--themetxt);
    list-style: decimal;
}
.blog_sec table {
    background: #edf3e8 !important;
    border-radius: 10px;
    font-size: 16px;
    border: 1px solid #bec2ba;
}
.blog_sec table > :not(caption) > * {
    border: 1px solid #bec2ba;
}
.choose-bx,
.choose-bx::after {
    border-radius: 10px;
    transition: 0.4s ease-in-out;
    height: 100%;
}
.blog_sec table tr th {
    color: var(--secondary);
    border-width: 1px;
}
.blog_sec table tr td {
    border-width: 1px;
}
.blog_sec table > :not(caption) > * > * {
    padding: 0.5rem;
    background: 0 0;
    border-color: #bec2ba;
    color: var(--themetxt);
}
.choose_sec {
    margin: 0;
    padding: 65px 0 115px;
}
.choose_sec .row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
}
.choose_sec .top-title {
    margin: 0 auto 80px;
    max-width: 755px;
    width: 100%;
    text-align: center;
}
.choose_sec .top-title p {
    margin: 0;
    font-weight: 400;
}
.choose_sec .global_title {
    margin-bottom: 15px;
}
.choose-bx {
    margin: 0;
    padding: 30px 45px 35px;
    background: linear-gradient(180deg, #5bccff 0, #0aa25b 100%);
    position: relative;
    z-index: 2;
}
.choose-bx::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(0deg, #5bccff 0, #0aa25b 100%);
    z-index: -2;
}
.choose-bx::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    background: var(--white);
    border-radius: 8px;
    z-index: -1;
    transition: 0.4s ease-in-out;
}
.choose-bx i {
    padding: 13px;
    display: flex;
    height: 80px;
    width: 80px;
    margin: 0 0 25px;
    background: rgba(15, 164, 100, 0.09);
    border-radius: 50%;
    transition: 0.4s ease-in-out;
}
.choose-bx h3 {
    margin: 0 0 22px;
    font-size: 23px;
    font-weight: 400;
    color: var(--black);
    transition: 0.4s ease-in-out;
}
.choose-bx p {
    margin: 0;
    font-weight: 400;
    transition: 0.4s ease-in-out;
}
.choose-bx:hover::after,
.choose-bx:hover::before {
    opacity: 0;
}
.choose-bx:hover i img {
    transform: rotateY(360deg);
}
.faq_sec {
    margin: 0;
    padding: 115px 0;
}
.faq_sec.product {
    padding: 100px 0;
}
.faq_sec .global_title {
    margin-bottom: 90px;
}
.faq_sec .accordion {
    margin: 0;
    padding: 0;
    border-radius: 0;
}
.faq_sec .accordion-item {
    border-radius: 0;
    border: none;
    border-top: 1px solid rgba(145, 145, 147, 0.19);
}
.faq_sec .accordion-item:first-of-type,
.faq_sec .accordion-item:first-of-type .accordion-button {
    border-radius: 0;
}
.faq_sec .accordion-button {
    padding: 32px 18px 32px 5px;
    background: 0 0;
    color: #141414;
    font-size: 20px;
    font-weight: 400;
    border-radius: 0;
    border: none;
    box-shadow: none;
    transition: 0.4s ease-in-out;
    gap: 10px;
}
.faq_sec .accordion-button:not(.collapsed) {
    color: #1f9fdb;
    font-weight: 700;
    padding-bottom: 0;
}
.faq_sec .accordion-item .accordion-body {
    padding: 25px 70px 38px 5px;
    transition: 0.4s ease-in-out;
}
.faq_sec .accordion-button:focus {
    box-shadow: none;
    border: none;
}
.faq_sec .accordion-button:not(.collapsed)::after {
    background: url("../images/minus_ic12x.svg") center center/100% 100% no-repeat;
    height: 2px;
    width: 12px;
}
.faq_sec .accordion-button::after {
    background: url("../images/plus_ic12x.svg") center center/100% 100% no-repeat;
    height: 12px;
    width: 12px;
}
.faq_sec .right-img {
    padding: 40px 0 0 70px;
}
.faq_sec figure {
    margin: 0;
    height: 600px;
    overflow: hidden;
    border-radius: 10px;
}
.faq_sec figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.faq_sec figure:hover img {
    transform: scale3d(1.1, 1.1, 1.1);
}
.navbar-light .navbar-nav .dropdown > .dropdown-toggle:hover::after {
    border-top-color: var(--black);
}
.navbar-light .navbar-nav .dropdown > .dropdown-toggle::after {
    border-top-color: #fff;
    border-top-color: var(--black);
}
header .navbar-light .navbar-nav .nav-item.dropdown {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-item {
    background: 0 0;
    width: auto;
    color: var(--lightsky);
    padding: 0;
}
header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu li:hover {
    background: var(--white);
    color: var(--navy);
}
header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu li a,
header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu.third li .dropdown-item {
    color: var(--lightsky);
}
header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu li:hover a,
header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu.third li:hover .dropdown-item {
    color: var(--navy);
}
.navbar-light .navbar-nav .dropdown > .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu li {
    padding: 8px 20px;
    border-left: 3px solid var(--green);
    transition: 0.4s ease-in-out;
    display: flex;
    justify-content: space-between;
}
@media (min-width: 992px) {
    .product_sec .nav-tabs {
        display: flex;
        gap: 10px;
        flex-direction: column;
        margin-bottom: 55px;
    }
    .product_sec .card {
        border: none;
        background: 0 0;
    }
    .product_sec .card .card-header {
        display: none;
    }
    .product_sec .card .collapse {
        display: block;
    }
    .product_sec .card-body {
        padding: 0;
        background: 0 0;
    }
    .navbar-light .navbar-nav .dropdown-menu {
        top: 100%;
        height: auto !important;
        opacity: 0;
        display: block !important;
        visibility: hidden;
        transition: 0.1s ease-in;
        min-width: 230px;
        background: var(--primary);
        border: none;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
        padding: 0;
    }
    .navbar-light .navbar-nav .dropdown::before {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        height: 110%;
        width: 100%;
        pointer-events: none;
    }
    .navbar-light .navbar-nav .dropdown-submenu:hover > .dropdown-toggle::after {
        border-top-color: var(--black);
    }
    .navbar-light .navbar-nav .dropdown-submenu > .dropdown-toggle::after {
        border-top-color: var(--white);
        transform: rotate(-90deg);
        left: 3px;
        position: relative;
    }
    .navbar-light .navbar-nav .dropdown:hover > .dropdown-menu {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        overflow: visible;
    }
    .navbar-light .navbar-nav .dropdown-menu li > .dropdown-menu.third {
        top: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        left: 100%;
    }
}
@media (max-width: 991px) {
    header .navbar-light .navbar-nav .nav-item.dropdown,
    header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu li {
        flex-wrap: wrap;
        gap: 0;
    }
    .dropdown-menu li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .navbar-nav .dropdown-item {
        border: none !important;
    }
    .navbar-light .nav-item > .dropdown-toggle {
        padding: 10px 8px;
        position: absolute;
        right: 0;
        top: 9px;
    }
    header .navbar-light .navbar-nav .nav-item.dropdown .nav-link {
        width: 100%;
        position: static;
    }
    .navbar-light .navbar-nav .dropdown-menu {
        position: relative;
        width: 100%;
        background: var(--primary);
        padding: 0;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
        transition: 0.4s ease-in-out;
    }
    .navbar-light .navbar-nav .dropdown.dropdown-submenu > .dropdown-toggle {
        justify-content: space-between;
        height: 20px;
        width: 20px;
        display: flex;
        cursor: pointer;
        justify-content: end;
    }
    .navbar-light .navbar-nav .dropdown-menu.third {
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
        margin-top: 5px;
    }
    .navbar-light .navbar-nav .dropdown-menu.third .dropdown-item {
        padding: 8px 40px;
    }
    .navbar-light .navbar-nav .dropdown.dropdown-submenu > .dropdown-toggle::after {
        border-top-color: var(--white);
    }
    .navbar-light .navbar-nav .dropdown.dropdown-submenu:hover > .dropdown-toggle::after {
        border-top-color: var(--black);
    }
    header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu.third li {
        background: var(--white);
        border-bottom-color: rgba(0, 0, 0, 0.4);
        color: var(--primary);
    }
    header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu.third li .dropdown-item {
        color: var(--primary);
    }
    header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu.third li:hover {
        background: var(--primary);
    }
    header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu.third li:hover .dropdown-item {
        color: var(--lightsky);
    }
}

.form-control{ background-position: right calc(.375em + .1875rem) center;}
.no-itm{ margin: 5px 0 30px !important; font-size: 14px;}
.no-itm p { font-size: 14px; font-style: italic; color: #ffc107; /* background: #fff3cd; */ display: inline-block; font-weight: 500;}
.navbar-collapse{ margin-right: 54px;}
.procat_sec .accordion .title{ margin-bottom: 0; display: block; color: var(--black); padding: 15px 45px 15px 15px; background-color: var(--white); border-bottom: 1px solid rgba(187, 187, 187, 0.3); font-size: 18px;}
.procat_sec .accordion .title:hover{ color: var(--green);}
/* .itm-wrp{ padding-top: 38px;} */
.certifi_sec figure{ margin: 1px; text-align: center; border: 1px solid transparent; transition: all .4s ease-in-out;}
.certifi_sec figure img{ transition: all .4s ease-in-out;}
.certifi_sec figure:hover{ border-color: rgba(0, 0, 0, 0.1);}
.certifi_sec figure:hover img{ transform: scale(0.7);}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes opacity {
    0% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.3;
    }
}

@keyframes fadeup {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(15px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes fadeup-lft {
    0% {
        transform: translate(0);
    }

    25% {
        transform: translate(70px, 0);
    }

    50% {
        transform: translate(0, -70px);
    }

    75% {
        transform: translate(70px, -70px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes fadeup-down {
    0% {
        transform: scale(0.8) rotate(0);
    }

    25% {
        transform: scale(0.9) rotate(2deg);
    }

    50% {
        transform: scale(1) rotate(4deg);
    }

    75% {
        transform: scale(0.9) rotate(2deg);
    }

    100% {
        transform: scale(0.8) rotate(0);
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

/* Duplicate opacity animation */
@keyframes opacity-blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}   
.splide {
    touch-action: pan-y;
}
.splide__track {
    overscroll-behavior-x: contain;}