:root{
  --primary1: 230,26,40; /* #E61A28 */
  --primary2: 59,47,165; /* #3B2FA5 */
  --primary3: 194,68,81; /* #C24451 */
  --primary4: 255,246,246; /* #FFF6F6 */
  --baseColor: 47,47,47; /* #2F2F2F */
  --color_black: 0,0,0;
  --color_white: 255,255,255;
  --baseFont: 'DM Sans', sans-serif;
  --imgPrimary1: invert(18%) sepia(88%) saturate(5453%) hue-rotate(349deg) brightness(93%) contrast(94%);
  --imgPrimary2: invert(13%) sepia(81%) saturate(3581%) hue-rotate(245deg) brightness(90%) contrast(91%);
  --imgWhite: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);
  --imgBlack: invert(0%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(93%) contrast(103%);
  --padding: clamp(3.125rem, 2.8125rem + 1.5625vw, 4.6875rem);
  --mb:1.875rem;
  --bs-breadcrumb-divider: '/';
  --radius50: clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem); 
}

body {font-family: var(--baseFont); color:rgb(var(--baseColor)); font-weight: 400; font-variant-ligatures: no-common-ligatures;}
a:hover, a:focus {outline: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; color: rgb(var(--primary1));}
button:focus {outline: none;}
a {color: rgb(var(--baseColor));}

.transition {-webkit-transition: all .3s linear; transition: all .3s linear;}

.container{max-width: 1400px; width: 100%;}
::selection {color: rgb(var(--color_white)); background: rgb(var(--primary2));}
.clr-1 {color: rgb(var(--primary1)) !important;} .bg-clr-1 {background-color: rgb(var(--primary1)) !important;}
.clr-2 {color: rgb(var(--primary2)) !important;} .bg-clr-2 {background-color: rgb(var(--primary2)) !important;}
.bg-clr-3 {background-color: rgb(var(--primary3)) !important;}
.bg-clr-4 {background-color: rgb(var(--primary4)) !important;}
.imgPrimary1 {filter: var(--imgPrimary1);}
.imgPrimary2 {filter: var(--imgPrimary2);}

.bg{background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
.radius50{border-radius: var(--radius50);}
p {line-height: 1.56rem;}

/* button custom */
.btn-custom {position: relative; border: none; border-radius: 0; display: inline-flex; color: rgb(var(--primary2)); overflow: hidden; font-weight: 600; padding: 0; transition: all .2s linear;}
.btn-custom *{transition: all .2s linear;}
.btn-custom .arrow{background-image: url('../images/arrow.svg'); margin-left: 5px; background-repeat: no-repeat; background-position: 0 0; width: 24px; height: 24px; background-size: cover; display: inline-block; filter: var(--imgPrimary2);}
.btn-custom:focus {box-shadow: none;}
.btn-custom:hover, .btn-custom:focus{ color: rgb(var(--primary1)); }
.btn-custom:hover .arrow, .btn-custom:focus .arrow{filter: var(--imgPrimary1); margin-left: 10px;}
.btn-custom.text-white .arrow {filter: var(--imgWhite);}

.btn-custom1 {background: rgb(var(--primary1)); border-radius: 1.25rem; color: rgb(var(--color_white));}
.btn-custom1:hover {background: rgb(var(--primary2)); color: rgb(var(--color_white));}

.style1 li {position: relative; padding-left: 1.25rem;}
.style1 li:before {content: ''; position: absolute; left: 0; top: 6px; background: url('../images/arrow-right.svg') left top no-repeat; width: 12px; height: 12px; filter: var(--imgPrimary1); opacity: 0.5;}

/* owl-carousel */
.owl-flex .owl-stage {display: flex;}
.owl-carousel.style01 .owl-dots {text-align: center; margin-top: 1.5rem;}
.owl-carousel.style01 .owl-dots .owl-dot span{width: 14px; height: 14px; border-radius: 50%; background-color: rgb(var(--primary2)); display: block; margin: 0 5px;}
.owl-carousel.style01 .owl-dots .owl-dot.active span{background-color: rgb(var(--primary1));}
.owl-carousel.style01 .owl-nav button{width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background-color: rgb(var(--primary1)); border-radius: 50%;}
.owl-carousel.style01 .owl-nav button:before {content: ''; background: url('../images/arrow.svg') center center no-repeat; width: 24px; height: 24px; filter: var(--imgWhite);}
.owl-carousel.style01 .owl-nav button.owl-prev:before {transform: rotate(180deg);}
.owl-carousel.style01 .owl-nav button:hover{background-color: rgb(var(--primary2)); }
.owl-carousel.style01 .owl-nav [class^='owl-'].disabled {opacity: 0.5; cursor: default;}
.owl-carousel.style01 .owl-nav.disabled [class^='owl-'] {display: none;}

#wrapper {max-width: 1920px; margin: 0 auto; position: relative;}

/* header */
header {width: 100%; left: 0; right: 0; top: 0; margin: 0 auto; transition: all 0.3s; z-index: 99 !important; background-color: rgb(var(--color_white));}

header .navbar .navbar-toggler:focus{outline: none; box-shadow: none;}
header .navbar {transition: all 0.3s linear; z-index: 10;}
header .navbar .navbar-brand{margin:0; margin-left: 20px;}
header .navbar .navbar-brand img{transition: all .2s linear;}
header .navbar .navbar-nav li {margin: 0 15px; }
header .navbar .navbar-nav li .nav-link {padding: 36px 0; font-weight: 600; font-size: 17px; color: rgb(var(--color_black)); transition: 0.5s;}
header .navbar .navbar-nav li .nav-link:hover, header .navbar .navbar-nav li .nav-link.current {color: rgb(var(--primary1));}
header .navbar .navbar-nav li:hover>.nav-link,header .navbar .navbar-nav li .nav-link.active{color: rgb(var(--primary1));}
header .navbar .navbar-nav li ul li .active{background-color: transparent; color: rgb(var(--primary2));}
/* header .dropdown:hover > .dropdown-menu {display: flex; }
header .dropdown-menu{width: 800px; flex-wrap: wrap; left: 50%; transform: translateX(-50%); border-radius: 24px 24px 24px 0px; border: none;}
header .dropdown-menu li{width: 33.33%;}
header .dropdown-menu li .icon{border-radius: 50%; width: 40px; height: 40px; display: flex; flex-shrink: 0; align-items: center; justify-content: center; background-color: rgb(var(--primary2)); margin-right: 1rem;}
header .dropdown-menu li .icon img {width: 24px; height: 24px;}
header .navbar .navbar-nav .dropdown-menu li .nav-link{padding:15px;}
header .dropdown-menu .dropdown-item:focus, header .dropdown-menu .dropdown-item:hover {color: rgb(var(--primary1)); background-color: transparent;} */
header.fixed {box-shadow: 0px 4px 50px rgba(44, 48, 50, 0.1);}
header.fixed .container{ margin-top: 0; /*background-color: rgb(var(--color_white),0.9); backdrop-filter: blur(15px); */}
header.fixed .navbar .navbar-brand img{max-width: 70%;}
header.fixed .navbar .navbar-nav li .nav-link{padding: 20px 0;}
header.fixed .navbar .navbar-nav li:last-child a{padding: 20px 24px;}
.menu-main-menu-container {margin-left: auto;}
.menu-main-menu-container .current-menu-item a, .menu-main-menu-container .current-menu-ancestor a {color: rgb(var(--primary1)) !important;}

header .has-megamenu {position: static;}
header .has-megamenu .sub-menu-toggle {display: none;}
header .has-megamenu .dropdown-menu {background-color: #F8F8F8; border-radius: 0 0 1.25rem 1.25rem; width: 1200px; left: 50%; transform: translateX(-50%); padding: 0 !important;}
header .has-megamenu .dropdown-menu li {margin: 0;}
header .has-megamenu .dropdown-menu li.li-a-hide > a {display: none;}
header .has-megamenu .dropdown-menu li.li-a-hide ul.dropdown-menu {display: block; padding: 1rem 2rem 60px 2rem !important; border-right: 1px solid #C1C1F3 !important; height: 100%; position: relative;}
header .has-megamenu .dropdown-menu li.li-a-hide:nth-child(1) ul:before {content: ''; position: absolute; right: 0; bottom: 0; background: url('../images/menu-product01.png') left top no-repeat; width: 81px; height: 85px;}
header .has-megamenu .dropdown-menu li.li-a-hide:nth-child(2) ul:before {content: ''; position: absolute; right: 0; bottom: 0; background: url('../images/menu-product02.png') left top no-repeat; width: 84px; height: 85px;}
header .has-megamenu .dropdown-menu li.li-a-hide:nth-child(3) ul {border: none !important;}
header .has-megamenu .dropdown-menu li.li-a-hide:nth-child(3) ul:before {content: ''; position: absolute; right: 0; bottom: 0; background: url('../images/menu-product03.png') left top no-repeat; width: 112px; height: 104px;}
header .has-megamenu .dropdown-menu li .dropdown-menu {position: static; left: 0; transform: none; width: 100%; background: none; border-radius: 0; box-shadow: none !important;}
header .has-megamenu .dropdown-menu li .dropdown-menu li a {padding: 0 !important;}
header .has-megamenu:hover .dropdown-menu:first-of-type {display: flex;}
header .has-megamenu .dropdown-menu:first-of-type > li {width: 33.33%; flex: 0 0 33.33%; position: relative;}
header .has-megamenu .dropdown-menu .dropdown-menu li {width: 100%; flex: 0; margin-bottom: 0.5rem; padding-left: 1rem; position: relative;}
header .has-megamenu .dropdown-menu .dropdown-menu li:before {content: ''; background: url('../images/caret-sign.svg') left top no-repeat; width: 5px; height: 8px; position: absolute; left: 0; top: 8px;}
header .has-megamenu .dropdown-menu .dropdown-menu li a {font-weight: 400; color: #706D6D !important; position: relative;}
header .has-megamenu .dropdown-menu .dropdown-menu li a:hover {color: rgb(var(--primary1)) !important;}

/* banner */
.banner{height:100vh; max-height: 980px;}
.banner {transition: all 0.3s; position: relative; overflow: hidden; }
.banner .banner-slider{overflow: hidden;}
.banner .banner-slider .banner-pic{position: relative; height: 100vh; max-height: 980px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.banner .banner-slider .banner-pic::before{content: ""; position: absolute; inset: 0; width: 100%; height: 100%; background-color: rgb(var(--color_black),0.5);}
.banner .banner-slider .item{height: 100vh; max-height: 980px; overflow: hidden;}
.banner .owl-carousel .owl-stage-outer{overflow: visible;}
.banner .container{position: absolute; left: 0; right: 0; margin: 0 auto; display: flex; flex-wrap: wrap; z-index: 2; align-items: center; justify-content: center; top: 0;}
.banner .banner-content h2.title{ line-height: normal; margin-bottom: 0; font-size: clamp(2.1875rem, 1.6875rem + 2.5vw, 4.6875rem); text-wrap: balance; font-weight: 600;}
.banner .owl-item.active h2.title {animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s;}
.banner .owl-dots {position: absolute; top: auto; bottom: 0;}

#video-outer{position: absolute; inset: 0; padding-top: 56.25%;}
#video-outer video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(1.08);}

/* Typography */
.padding {padding: var(--padding) 0;}
.padding-sm {padding: calc(var(--padding) / 2) 0;}
h2.title { font-size: clamp(1.375rem, 1.0875rem + 1.4375vw, 2.8125rem); margin-bottom: 1.5rem; font-weight: 400; }



/* video-block */
.video-block{margin-top: -150px; margin-bottom: 0; z-index: 9; position: relative;}
.video-block .bg-pattern{background-repeat: repeat; background-position: 0 0;}
.video-block .item{ padding: 30px; height: 100%; display: block; justify-content: space-between; position: relative; min-width: 120px; text-align: center; clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 10% 100%, 0 85%);}
.video-block .item *{transition: all .3s linear;}
.video-block .item .item-inner{text-decoration: none; color: inherit; display: block;}
.video-block .item .item-inner .text{color: rgb(var(--primary1)); font-size: 1.0625rem; margin-top: 10px;}
.svg-shape{position: absolute; left: 0; top: 50%; transform: translateY(-50%); right: 0; margin: 0 auto;}
.svg-shape .path {stroke-dasharray: 4; stroke-dashoffset: 100;}
.svg-shape:hover .path{animation: flow 3s linear infinite;}
@keyframes flow {
    100% { stroke-dashoffset: 0;}
}

.video-block .item .video-icon{position: absolute; transform-origin: center center; margin: auto; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.video-block .item h4{font-style: italic; font-weight: 600;}
.video-block .item:hover .item-inner .rounded-circle{transform: scale(1.05);}
.video-block .item:hover .video-icon{transform: translate(-50%, -50%) scale(0.9);}
.video-block .bg-pattern{height: 100%; padding: calc(var(--padding)/2);}
.video-block .video-content{color: rgb(var(--baseColor)); display: flex; align-items: center; height: 100%;}
.video-block .video-content p{text-wrap: balance; margin-bottom: 0;  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem); }
.video-block .video-content span{font-weight: 600;}

/* products */
.products .product-content h3{font-weight: 300; color: rgb(var(--baseColor)); font-size: clamp(1rem, 0.825rem + 0.875vw, 1.86rem); margin-bottom: 1rem;}
.products .product-content h3 span{font-weight: 600;}
.products .bag-pic{position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
.products .item {height: calc(100% - var(--mb)); margin-bottom: var(--mb);}
.products .item *{transition: all .2s linear;}
.products .item .item-inner{color: inherit; height: 100%; text-decoration: none; border: 1px solid transparent; padding: 25px 15px; background-color: #F9F9F9; box-shadow: rgba(50, 50, 93, 0.10) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.products .item .item-inner .text{font-weight: 600; color: rgb(var(--color_black))  ;}
.products .item .item-inner .pic{width: 80px; flex-shrink: 0; height: 80px; display: flex; align-items: center; justify-content: center;}
.products .item .item-inner .pic img {max-height: 100%;}
.products .item:hover .item-inner{box-shadow: none; border: 1px solid rgb(var(--primary2)); border-radius: 10px;}


/* about */
.about .about-content .about-innner{padding: calc(var(--padding)/1.77); min-height: 460px; max-width: 560px; margin-left: auto;}
.about .about-content .about-innner h3{font-weight: 300; line-height: 40px; font-size: clamp(1rem, 0.825rem + 0.875vw, 1.875rem); margin-bottom: 0;}
.about .about-content .about-innner h3 span{font-weight: 600;}
.about .about-content .bag-pic{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.about .about-content .about-innner .btn-custom:hover .certificate{filter: var(--imgPrimary1);}
.about .about-content .about-innner .btn-custom:hover,.about .about-content .about-innner .btn-custom:focus{color: rgb(var(--primary1));}
.about .static-block{padding: var(--padding); padding-top: calc(var(--padding) / 1.15); padding-bottom: 0;}
.about .static-block .text{margin-left: 15px;}
.about .static-block .text h3{font-size: clamp(1.125rem, 0.9125rem + 1.0625vw, 2.1875rem); color: rgb(var(--primary2)); font-weight: 600; margin-bottom: 0;}
.about .static-block .text h3 span{color:  rgb(var(--baseColor)); font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);}
.about .about-slider .item{ height: 940px; background-size: cover; background-repeat: no-repeat;}
.about .slider-content{position: absolute; left:0; top: 0; padding: calc(var(--padding)/1.65); /*background-image: url('../images/bg-pattern.jpg');*/ z-index: 2; max-width: 855px; background-repeat: repeat; background-position: 0 0;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 25% 100%, 0 100%); min-height: 460px; background-color: rgba(var(--primary1),0.64); backdrop-filter: blur(17.5px);
}
.about .slider-content p{margin-bottom: 1.5rem; line-height: 27px;}

/* application */

.application .bag-pic {position: absolute; left: 50%; top: 40%; transform: translateX(-50%); width: 416px; height: 492px;}
.application .application-content {position: relative; background-repeat: repeat; background-position:0 0; position: relative;}
.application .application-content:before {content: ''; background: rgba(var(--primary4)); position: absolute; left: 0; top: 0; width: 1200px; height: 628px; clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 10% 100%, 0 80%);}
/* .application .application-content::before{content: ""; width: 120px; height: 120px; background: rgb(var(--color_white)); position: absolute; left: -60px; bottom: -60px; transform: rotate(45deg);} */
.application .application-content h3{font-weight: 300; line-height: 40px; font-size: clamp(1rem, 0.825rem + 0.875vw, 1.875rem);}
.application .application-content h3 span{font-weight: 600;}
.application .application-content .inner-content{ max-width: 650px; padding: var(--padding); padding-bottom: 0; padding-left: calc(var(--padding)/1.65); padding-right: 0;}
.application .application-content .btn-custom{position: absolute; left: calc(var(--padding)/1.65); bottom: var(--padding);}
.application .application-item{transition: all .3s linear; border: 1px solid transparent; text-decoration: none; text-align: center; height: 185px; width: 165px; padding: 20px; background-color: #F9F9F9; display: block; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; margin: 0 auto;}
.application .application-item .pic{margin-bottom: 15px; height: 90px; display: flex; justify-content: center; align-items: flex-end;}
.application .application-item .text{font-size: 17px; font-weight: 600; color: rgb(var(--color_black));}
.application .application-item:hover{box-shadow: none; border: 1px solid rgb(var(--primary2)); border-radius: 10px;}
.application .application-wrap .item {padding: 2rem 1rem;}
.application .application-wrap img {width: auto;}
.application .application-wrap .owl-stage-outer {overflow: visible;}
.application .application-wrap .owl-item {opacity: 0; transition: opacity 500ms;}
.application .application-wrap .owl-item.active {opacity: 1;}

/* plants  */
.plants .img-wrap{overflow: hidden; height: 100%; position: relative;}
.plants .img-wrap img{height: 100%; width: 100%; object-fit: cover; position: absolute; inset: 0;}
.plants .img-wrap .text{position: absolute; text-align: center; inset: 0; z-index: 3; font-size: 1.5625rem; color: rgb(var(--color_white)); display: flex; align-items: center;  justify-content: center; transition: all .3s linear; opacity: 0; visibility: hidden;}
.plants .img-wrap::before{content: ""; background-color: rgba(var(--primary1),0.75); inset: 0; width: 100%; height: 100%; display: block; position: absolute; opacity: 0; visibility: hidden;  transition: all .3s linear; z-index: 1;}
.plants .img-wrap:hover::before{opacity: 1; visibility: visible;}
.plants .img-wrap:hover .text{opacity: 1; visibility: visible;}
.plants .img-wrap::after{ content: ""; display: block; background-color: rgb(var(--color_white)); width: 70px; height: 90px; position: absolute; right: -30px; bottom: -40px; transform: rotate(45deg); opacity: 0; visibility: hidden; transition: all .3s linear; z-index: 1;}
.plants .img-wrap:hover::after{opacity: 1; visibility: visible;}

/* global */
.global { position: relative; min-height: 630px; z-index: 2; }
.global .container{position: relative;  }
.global .container::before{content: ""; /*background-image: url('../images/bg-pattern.jpg'); background-repeat: repeat; background-position:0 0;*/ position: absolute; left: calc(-100% + 13px); top: 0; height: 100%; display: block; width: 100%; background-color: #FBFBFB;}
.global .container .padding{/*background-image: url('../images/bg-pattern.jpg'); background-repeat: repeat; background-position:0 0;*/ clip-path: polygon(0 0, 100% 0, 100% 92%, 95% 100%, 25% 100%, 0 100%); background-color: #FBFBFB;}
.global .cust-tabs {margin-top: 30px; display: flex; justify-content: center;}
.global .cust-tabs .nav-item{margin: 0 25px;}
.global .cust-tabs .nav-item .nav-link{font-weight: 600; color: #A4A4A4; border-radius: 0; border: none; background-color: transparent; display: flex; align-items: center;}
.global .cust-tabs .nav-item .nav-link span{margin-right: 8px; display: block;}
.global .cust-tabs .nav-item .nav-link span img{ filter: invert(80%) sepia(8%) saturate(0%) hue-rotate(172deg) brightness(80%) contrast(96%);}
.global .cust-tabs .nav-item:nth-child(2) .nav-link.active img{ filter: invert(5%) sepia(100%) saturate(7393%) hue-rotate(354deg) brightness(144%) contrast(104%);}
.global .cust-tabs .nav-item:nth-child(3) .nav-link.active img{ filter: invert(30%) sepia(79%) saturate(2851%) hue-rotate(136deg) brightness(93%) contrast(104%);}
.global .cust-tabs .nav-item .nav-link.active span img{ filter: var(--imgPrimary2);}
.global .cust-tabs .nav-item .nav-link.active{color: rgb(var(--color_black));}


/* footer */
.footer .bg{position: absolute; background-image: url('../images/footer-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center bottom; width: 100%; height: 160%; top: -60%; z-index: -1; }
.footer::before{content: ""; position: absolute; inset: 0; display: block; width: 100%; height: 160%; background-color: rgba(17,10,80,0.85); top: -60%;}
.footer .container{position: relative; z-index: 2;}
.address-info p{text-wrap: balance; margin-bottom: 30px;}
.address-info ul li{position: relative; padding-left: 30px; margin-bottom: 1rem;}
.address-info ul li img{position: absolute; left:0; top: 4px;}
.address-info ul li a{color: rgb(var(--color_white)); text-decoration: none;}
.address-info ul li a:hover{color: rgb(var(--primary1));}
.links li{margin-bottom: 0.75rem;}
.links li a{color: rgb(var(--color_white)); text-decoration: none;}
.links li a:hover{color: rgb(var(--primary1));}

.footer .title-sm{font-weight: 300;}

.footer .social-media li a{margin-left: 20px; display: inline-block;}
.footer .social-media li a img{filter: var(--imgWhite);}
.footer .social-media li a:hover img{filter: var(--imgPrimary1);}
.footer .inquriy-form .form-control{box-shadow: none; border: none; border-radius: 0; background-color: rgba(var(--primary2),0.85); color: rgb(var(--color_white));}
.footer .inquriy-form textarea.form-control{height: 100px; resize: none;}
.footer .inquriy-form .btn-custom{border-radius: 0; padding: 10px 25px; background-color: rgb(var(--primary1)); color: rgb(var(--color_white)); font-weight: 600; text-transform: uppercase;}
.footer .form-control::-webkit-input-placeholder {color: #858EAD;}
.footer .form-control::-moz-placeholder {color: #858EAD;}
.footer .form-control:-ms-input-placeholder {color: #858EAD;}
.footer .form-control:-moz-placeholder {color: #858EAD;}

.footer .bottom{ margin-top: calc(var(--padding)/3); padding-top: calc(var(--padding) / 3); padding-bottom: calc(var(--padding) / 3); border-top: 1px solid rgba(var(--color_white),0.4); color: rgb(var(--color_white));}
.footer .bottom a{color:#FA3A47; text-decoration: none;}
.footer .bottom a:hover,.footer .bottom a:focus{color: rgb(var(--color_white));}

.footer .wpcf7 form.invalid .wpcf7-response-output {color: #ffb900;}

.totop {bottom: 30px; position: fixed; cursor: pointer; width: 50px; height: 50px; right: -60px; z-index: 9; background: rgb(var(--primary1)); transition: 0.4s; opacity: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.totop img {width: 24px; height: 24px; transform: rotate(-90deg); filter: var(--imgWhite);}
.totop:hover {background-color: rgb(var(--primary2));}

/* inner pages styles */
.inner-banner .banner-img {padding-top: 18%; background-position: 0 0; background-size: cover; position: relative; width: 100%; display: block;}
.inner-banner .banner-img:before {content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(var(--color_black),0.5), transparent);}
.inner-banner .container { inset: 0; z-index: 1; transition: all .3s linear; position: absolute;}

.breadcrumb {--bs-breadcrumb-divider-color: rgb(var(--color_white)); --bs-link-color: rgb(var(--primary2)); font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem); --bs-link-hover-color: rgba(var(--primary1));}
.breadcrumb .breadcrumb-item a {text-decoration: none; text-underline-offset: 4px; color: rgb(var(--color_white));}
.breadcrumb .breadcrumb-item.active {color: rgb(var(--color_white));}
.breadcrumb .breadcrumb-item a:hover {text-decoration: underline; color: rgb(var(--primary1));}

.about-pic .caption {max-width: 330px; padding: 1rem 2rem; position: relative; margin-top: -40px;}
.mission-block {padding: clamp(2rem, 1.4625rem + 2.6875vw, 4.6875rem) clamp(1rem, 0.325rem + 3.375vw, 4.375rem);}
.statistics-block {padding: clamp(2rem, 1.4625rem + 2.6875vw, 4.6875rem) clamp(1rem, 0.325rem + 3.375vw, 4.375rem);}
.statistics-block .icon img {filter: var(--imgPrimary1);}
.statistics-block .text {font-size: 1.125rem;}

.has-pdf {position: relative; padding-left: 2.5rem; display: block; color: rgb(var(--baseColor));}
.has-pdf:before {content: ''; background: url('../images/pdf-icon.svg') left top no-repeat; width: 28px; height: 31px; position: absolute; left: 0; top: 5px; filter: var(--imgPrimary1);}
.has-pdf:hover {color: rgb(var(--primary1));}

.team-strength {position: relative; background: url('../images/team-strength-bg.jpg') center top / cover no-repeat; min-height: 983px;}
.team-strength .content-block {padding: var(--padding);}
.team-strength .content-block:before {content: ''; position: absolute; left: 0; top: 0; background-color: rgba(var(--primary2),0.45); backdrop-filter: blur(22px); width: 1800px; height: 100%;}
.team-strength p.large {font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); line-height: normal;}
.team-strength .icon {height: 55px;}
.team-strength .icon img {filter: var(--imgPrimary1);}

.pg-contact span.bg-contact {position: absolute; right: 0; bottom: 0; background: url('../images/contact-bg.png') left top no-repeat; width: 1484px; height: 1072px; display: block;}
address {background-color: #F8F8F8; margin-bottom: var(--mb); height: calc(100% - var(--mb));}
address p.has-icon {padding-left: 2.25rem; position: relative;}
address p.has-icon span.icon {position: absolute; left: 0; top: 3px; filter: var(--imgPrimary1);}
address p.has-icon .location {background: url('../images/map-marker-icon.svg') left top no-repeat; width: 22px; height: 29px;}
address p.has-icon .phone {background: url('../images/phone-icon.svg') left top no-repeat; width: 24px; height: 23px;}
address p.has-icon .email {background: url('../images/mail-icon.svg') left top no-repeat; width: 25px; height: 16px;}
address p a {text-decoration: none; color: rgb(var(--baseColor));}
address p a:hover {color: rgb(var(--primary1));}

.certificates a.item {display: block; border: 1rem solid #F8F8F8; position: relative; margin-bottom: var(--mb);}
.certificates a.item .img-wrapper {position: relative; padding-top: 135%; overflow: hidden;}
.certificates a.item .img-wrapper img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.4s;}
.certificates a.item span {position: absolute; right: -1rem; bottom: -1rem; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center;}
.certificates a.item span:before {content: ''; width: 0; height: 0; border-bottom: 55px solid rgba(var(--primary2)); border-left: 55px solid transparent; position: absolute;}
.certificates a.item span img {filter: var(--imgWhite); position: relative; left: 10px; top: 10px;}
.certificates a.item .img-wrapper:hover > img {transform: scale(1.1);}
.certificates a.item:hover span:before {border-bottom-color: rgba(var(--primary1));}
.glightbox-clean .gslide-title {margin-bottom: 0;}

.contact-form-bg {padding-top: 85%;}
.contact-form-bg:before {content: ''; position: absolute; inset: 0; background: url('../images/contact-form-bg.jpg') center top / cover no-repeat;}
.contact-form-wrapper {background: rgba(var(--color_white),0.85); backdrop-filter: blur(12.5px); position: absolute; right: 0; top: 0; width: 46.25rem;}
.contact-form-wrapper h2 {font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem); font-weight: 300;}
.contact-form .form-control {--bs-border-color: #676767; font-size: 1.125rem;}
.contact-form .form-control::-webkit-input-placeholder {color: #434A54;}
.contact-form .form-control::-moz-placeholder {color: #434A54;}
.contact-form .form-control:-ms-input-placeholder {color: #434A54;}
.contact-form .form-control:-moz-placeholder {color: #434A54;}
.contact-form textarea.form-control {min-height: 130px;}
.contact-form .form-group {margin-bottom: 1.5rem;}
.contact-form .btn img {filter: var(--imgWhite); position: relative; top: -1px;}

.csr-block .img {overflow: hidden; height: 100%;}
.csr-block .img img {width: 100%; height: 100%; object-fit: cover; transition: 0.4s;}
.csr-block:hover .img img {transform: scale(1.1);}
.committee .img {width: 198px; height: 198px; object-fit: cover;}

.factory-units {background: url('../images/factory-units-bg.jpg') center top / cover no-repeat; margin-top: var(--padding); padding-bottom: calc(var(--padding)*2);}
.factory-units .content-block {padding-bottom: calc(var(--padding) - 3.125rem);}
.factory-units .content-block:before {content: ''; background: rgba(var(--color_white),0.85); backdrop-filter: blur(12.5px); position: absolute; left: 0; top: 0; width: 1800px; height: 100%;}
.factory-pic {margin-bottom: 3.125rem;}
.factory-pic img {width: 100%;}
.factory-pic .caption {min-width: 235px; padding: 0.6rem 2rem; position: absolute; right:0; bottom: -1rem;}

.overseas-facilities {background-color: #F7F7F9;}

.news-item {padding-bottom: 1.75rem; margin-bottom: 1.75rem;}
.news-item p:last-child {margin-bottom: 0;}

.countries .badge {border-radius: 0.625rem; padding: 0.75rem; margin-right: 1rem;}
.infra-slider {max-width: 535px;}
.infra-slider .lSSlideOuter.vertical {padding-right: 0 !important;}
.infra-slider .lSSlideOuter.vertical .lSGallery {background: rgba(var(--color_black),0.75); padding: 0.75rem;}
.infra-slider .lSSlideOuter .lSPager.lSGallery li.active, .infra-slider .lSSlideOuter .lSPager.lSGallery li:hover {border-radius: 0; border: 1px solid rgb(var(--primary1));}
.infra-slider .lSSlideOuter .lSPager.lSGallery img {height: 100%; object-fit: cover;}

.plants-slider .item {margin-bottom: 1rem;}
.plants-slider .item .caption {max-width: 235px; padding: 0.6rem 2rem; position: absolute; right:0; bottom: -1rem;}

.products-pg {background: url('../images/products-bg-new.png') center top / cover no-repeat;}
/* .products-pg:before {content: ''; position: absolute; width: 1920px; left: 50%; top: 0; transform: translateX(-50%); background: url('../images/products-bg-new.png') center top no-repeat; height: 100%;} */

.product-item {margin-bottom: var(--mb); height: calc(100% - var(--mb));}
.product-item h3 span {background-color: rgb(var(--primary1)); color: rgb(var(--color_white)); padding: 0.75rem 1.25rem; position: relative; display: block; max-width: 80%; overflow: hidden;}
.product-item h3 span:after {content: ''; width: 50px; height: 50px; background: #fff; position: absolute; right: -30px; bottom: -30px; rotate: 45deg;}
.product-item .product-img {padding-top: 10%;}
.product-item .product-img:before {content: ''; padding-top: 32%; background-color: #F8F8F8; position: absolute; left: 1rem; right: 1rem; bottom: 1rem;}
.product-item .product-img img {max-width: 90%; max-height: 90%; display: block; margin: auto; padding-bottom: 1rem;}

.accordion .accordion-item {margin-bottom: 30px; border-radius: 0; border: none; background-color: #FBFBFB;}
.accordion .accordion-item .accordion-header{border: none;}
.accordion .accordion-item .accordion-header .accordion-button{color: rgb(var(--primary2)); font-size: clamp(1.125rem, 1rem + 0.625vw, 1.75rem);}
.accordion .accordion-item .accordion-button{border-radius: 0; background-color: transparent; border: none;}
.accordion .accordion-item .accordion-button:focus{box-shadow: none !important;}
.accordion .accordion-item .accordion-button:not(.collapsed){box-shadow: none !important;}
.accordion-button::after{background-image: url('../images/plus-icon.svg');width: 32px; height: 32px; background-size: cover; transform: none;}
.accordion-button:not(.collapsed)::after{background-image: none; background-image: url('../images/minus-icon.svg');}

.product-header {margin-bottom: 5rem;}
.product-header .pro-img {bottom: -80px; padding: 1rem; display: block; margin: 0 auto;}

table.custom tr th, table.custom tr td {padding: 0.75rem 1.25rem; border-right: 1px solid #000;}
table.custom tr th {background-color: rgba(var(--primary2),0.2); vertical-align: top; border-bottom: 5px solid rgba(var(--primary2),0.1);}
table.custom tr:nth-child(odd) td {background-color: #F0F0FF;}
table.custom tr:nth-child(even) td {background-color: #FFEEEF;}
table.custom tr th:last-child, table.custom tr td:last-child {border-right: none;}

.timeline .slider {padding: 0 2rem;}
.timeline .item {position: relative; padding-left: 1.2rem; display: flex; flex-direction: column; justify-content: flex-end;}
.timeline .item .content-wrapper {padding-left: 2rem; display: flex; flex-direction: column;}
.timeline .item .content-wrapper:before {content: ''; width: 2px; height: 100%; position: absolute; left: 2rem; top: 0; background-color: var(--clr);}
.timeline span.arrow {position: relative; left: 0; top: 0; width: calc(100% - 30px); height: 56px; display: flex; align-items: center; justify-content: center;}
.timeline span.arrow em {position: relative; z-index: 1; font-style: normal;}
.timeline span.arrow:before, .timeline span.arrow:after {content: ''; position: absolute; left: 0; top: 0; background-color: var(--clr); transform: skew(45deg); width: 100%; height: 50%; opacity: 0.75;}
.timeline span.arrow:after {top: auto; bottom: 0; background-color: var(--clr); transform: skew(-45deg); opacity: 1;}
.timeline .content {padding: 1rem;}
.timeline .content h5 {color: var(--clr);}
.timeline .icon {background-color: var(--clr); border-radius: 50%; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; position: relative; left: -50px;}
.timeline .icon:before {content: ''; position: absolute; left: 0; right: 0; top: 0; background-color: #fff; height: 50px; border-radius: 50%;}
.timeline .icon span {width: 75px; height: 75px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #242E3D; position: relative;}
.timeline .icon span img {width: auto; filter: var(--imgWhite);}
.timeline .owl-carousel.style01 .owl-nav button {position: absolute; left: 0; top: calc(50% - 24px);}
.timeline .owl-carousel.style01 .owl-nav button.owl-next {left: auto; right: 0;}
.timeline .owl-item:nth-child(even) .item .arrow {order: 2;}
.timeline .owl-item:nth-child(even) .item .content {order: 1;}
.timeline .owl-item:nth-child(even) .icon:before {top: auto; bottom: 0;}

.blog-card {height: calc(100% - var(--mb)); margin-bottom: var(--mb);}
.blog-card .ratio img {object-fit: cover;}
.hs-btn{    border-radius: 0;
    padding: 10px 25px;
    background-color: rgb(var(--primary1));
    color: rgb(var(--color_white));
    font-weight: 600;
    text-transform: uppercase;}

.hs-btn:hover{   
    background-color: rgb(var(--primary1));
    }
.plants-and-machinery .pic {padding-top: 93%; position: relative;}
.plants-and-machinery .pic img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}