:root {
    --primary: #7de6be;
    --secondary: #91C95E;
    --blue: #296EB6;
    --skyblue: #27A5DE;
    --dark: #001401;
    --white: #fff;
    --font1: 'Josefin Sans', sans-serif;
    --font2: 'Poppins', sans-serif;
}
body {
    font-size: 16px;
    color: var(--dark);
    font-family: var(--font2);
    line-height: 140%;
    overflow-x: hidden;
    padding-top: 0;
    font-family: 'Poppins', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font1);
}
a {
    color: var(--primary);
    text-decoration: none;
    transition: all 0.4s;
}
a:hover {
    color: var(--dark);
    text-decoration: none;
}
p:last-child {
    margin-bottom: 0;
}
::selection {
    color: #000;
    background: var(--primary);
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
}
html .btn {
    background: var(--primary);
    border-radius: 33px 0px 33px 33px;
    padding: 0 33px;
    line-height: 45px;
    position: relative;
    border: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    font-family: var(--font1);
    min-width: 150px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    text-transform: capitalize;
    box-shadow: 0px 4px 0px #91C95E;
}
.btn.btn-white {
    background-color: var(--white);
    color: var(--dark);
}
html .btn.btn-dark{
    background: var(--dark);
    box-shadow: 0px 4px 0px #878787;
}
html .btn.btn-dark:hover{
    background: var(--primary);
    box-shadow:none;
}
html .btn:hover {
    background-color: var(--dark);
    color: var(--white);
    border-radius:50px;
    box-shadow:none;
}
html .container {
    max-width: 100%;
    width: 1340px;
    padding-left: 25px;
    padding-right: 25px;
}
section {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    z-index: 1;
}
.header-main-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sticky header {
    background-color: var(--white);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 5%);
    padding:16px 0 20px;
}
header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    padding: 3px 0;
    transition: all 0.4s;
}
.header-logo a {
    display: block;
    max-width: 240px;
}
.sticky .header-logo a {
    max-width: 160px;
}
.header-logo img {
    display: block;
}
header nav > ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
header nav > ul > li {
    position: relative;
}
header nav > ul > li + li {
    margin-left: 55px;
}
header nav > ul > li > a {
    color: var(--dark);
    font-weight: 600;
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    font-family: var(--font1);
    line-height: 40px;
    text-transform: capitalize;
    position: relative;
}
header nav > ul > li:hover > a {
    color: var(--primary);
}
header nav > ul > li.menu-parent > a:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    border-right: 2px solid var(--dark);
    border-bottom: 2px solid var(--dark);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin: 15px 0 0 8px;
    transition: all 0.4s;
}
header nav > ul > li:hover > a:after {
    border-color: var(--primary);
}
.sub-menu {
    position: absolute;
    top: 100%;
    background: #fff;
    left: 0;
    min-width: 270px;
    padding: 15px;
    border-radius: 11px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translatey(20px);
    visibility: hidden;
    transition: all 0.4s;
    z-index: 9;
}
li:hover > .sub-menu {
    opacity: 1;
    transform: translatey(0);
    visibility: visible;
}
.sub-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
}
.sub-menu ul li {
    margin-bottom: 5px;
}
.sub-menu ul li:last-child {
    margin-bottom: 0;
}
.sub-menu ul li a {
    color: var(--dark);
    display: block;
    padding: 8px;
    border-radius: 4px;
    line-height: 120%;
    position: relative;
}
.sub-menu ul li a:hover {
    color: var(--white);
    background: var(--primary);
}

.sub-menu ul li.active {
    color: var(--white);
    background: var(--primary);
}
.sub-menu ul li.active a{
	color: var(--white);
}


.laxraj-love a {
    text-decoration: none;
    color: var(--dark);
}
.laxraj-love a:hover {
    color: var(--primary);
}
.laxraj-love svg,
.laxraj-love .fa {
    color: var(--primary);
    margin: 0 3px;
    font-size: 10px;
    animation: pound 0.35s infinite alternate;
    -webkit-animation: pound 0.35s infinite alternate;
    width: 12px;
    height: auto;
}

@-webkit-keyframes pound {
    to {
        transform: scale(1.1);
    }
}
@keyframes pound {
    to {
        transform: scale(1.1);
    }
}

/* footer-top Section-Css */

footer {
    background-color: #ECF5E5;
    border-radius: 60px 60px 0 0;
    margin-top: -60px;
    z-index: 9;
    position: relative;
}   
.follow-us ul a:hover {
    border-color: var(--primary);
    color: var(--primary);
}
footer .footer-middle {
    padding-bottom: 90px;
    padding-top: 90px;
}
footer .footer-bottom {
    padding-bottom:20px;
}
footer .right-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
footer .footer-bottom:before {
    content: "";
    display: block;
    height: 1px;
    background: rgba(0, 0, 0, 0.3);
    margin-right: 130px;
}
footer .footer-middle {
    padding-bottom: 90px;
}
.vamika-copy-right p {
    font-size: 14px;
    font-weight: 400;
}
.vamika-copy-right {
    padding-right: 50px;
    padding-top: 20px;
}
.footer-logo a {
    display: block;
    margin-bottom: 25px;
}
.footer-middle .text p {
    font-size: 15px;
    font-weight: 400;
    color: var(--dark);
}
.follow-us h4, .contect-information h4, .page-links h4 {
    font-weight: 700;
    font-size: 24px;
    color: var(--primary);
    margin-bottom: 25px;
    position: relative;
    display: inline-block;
}
.follow-us h4::after,
.page-links h4:after, .contect-information h4:after {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="101" height="9" viewBox="0 0 101 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.52158C41.5751 1.0215 116.393 0.162608 96.7839 3.02181C69.7472 6.964 40.8631 5.06096 58.9297 8" stroke="%23419945" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: inline-block;
    height: 10px;
    width: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    bottom: -8px;
    right: 0;
    left: 0;
    margin: auto;
}
.follow-us ul,
.contect-information ul,
.page-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.page-links ul li {
    margin-bottom: 12px;
}
.contect-information ul li a,
.page-links ul li a {
    color: var(--dark);
    font-size: 15px;
    font-weight: 400;
}
.contect-information ul li:hover a,
.page-links ul li:hover a {
    color: var(--primary);
}
.contect-information ul li {
    padding-left: 36px;
    margin-bottom: 20px;
    position: relative;
}
.contect-information ul li .icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.follow-us ul {
    display: flex;
    align-items: center;
}
.follow-us ul a {
    display: inline-flex;
    height: 34px;
    width: 34px;
    border: 1px solid #2E2E2E;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    padding: 8px;
    color: #2E2E2E;
}
.follow-us ul li {
    margin-right: 10px;
}
.follow-us ul li:last-child {
    margin-right: 0;
}



.contact-detail .text a:hover {
    color: var(--primary);
}
.company-detail .contect-us-detail a:hover {
    color: black;
}

section.main-banner-section {
    padding-top: 140px;
    padding-bottom: 0;
}
section.about-right-shape {
    padding-bottom: 120px;
}
.scrollToTop {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 110px;
    border-radius: 55px;
    right: 30px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    background: var(--primary);
    z-index: 9;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sticky .scrollToTop {
    animation-name: bounceInUp;
    opacity: 1;
}
.scrollToTop:hover {
    color: #fff;
    background-color: var(--dark);
}
.main {
    overflow: hidden;
}









.banner-bg h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px;
    color: var(--dark);
}
.banner-bg .text p {
    font-size: 16px;
    font-weight: 400;
    width: 405px;
}
.banner-bg .text{
    display: flex;
    align-items: center;
    margin-bottom: 36px;
}
.banner-bg .text .icon {
    margin-right: 20px;
    margin-top: -50px;
}
section.banner-bg {
    background-image: url("../images/banner-bg.svg");
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 190px;
    padding-bottom: 200px;
    background-size: cover;
    background-color: #F8FDF3;
    z-index: unset;
}
.title h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 18px;
    color: var(--white);
}
.header-main-bar nav.header-navbar {
    margin-left: auto;
    margin-right: 35px;
}
html.menu-show .navbar-toggle {
    display: none;
}
html.menu-show .header-navbar .navbar-toggle {
    display: block;
}
header nav > ul > li > a:before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 25px;
    background-image: url('data:image/svg+xml,<svg width="27" height="18" viewBox="0 0 27 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.25286C11.1667 0.919528 30.2 0.652861 25 2.25286C18.5 4.25286 3.5 5.25293 8 6.25293C12.5 7.25293 25.5 7.25293 22 8.75293C18.5 10.2529 10.5 12.7529 12 17.2529" stroke="%23419945" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
}
header nav > ul > li.active a:before{
    visibility: visible;
    opacity: 1;
}
header nav > ul > li:hover a:before{
    visibility: visible;
    opacity: 1;
}
header nav > ul > li.active a{
    color: var(--primary);
}





.c_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 500px;
    height: 500px;
    margin-left: auto;
}
.c_wrapper .c_descriptions {
    width: 350px;
    height: 350px;
}
.c_descriptions_wrap {
    position: relative;
    width: 350px;
    height: 350px;
    z-index: 9;
}
.c_descriptions_wrap .item_img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    margin: auto;
    visibility: hidden;
}
.c_content_wrap .c_content_wrap_inner .item .icon {
  /*  filter: drop-shadow(0px 9px 46px rgba(0, 0, 0, 0.36));*/
    filter: none;
}
.c_content_wrap {
    width: 500px;
    height: 500px;
    border: 2px dashed var(--primary);
    border-radius: 50%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.c_content_wrap .c_content_wrap_inner {
    position: relative;
    height: 100%;
    width: 100%;
}
.c_content_wrap .c_content_wrap_inner .c_content {
    position: absolute;
    left: -30%;
    top: 17%;
    width: 100%;
    height: 100%;
}
.c_content_wrap .c_content_wrap_inner .item {
    position: absolute;
    top: 160px;
    bottom: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}
.c_descriptions_wrap .item_img img {
    height: 100%;
    width: 100%;
}
.c_wrapper:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='527' height='262' viewBox='0 0 527 262' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.0363 111.291C30.5544 69.9956 74.7351 93.494 115.775 40.7405C152.209 -6.09298 229.455 -3.12419 263.524 4.21439L263.524 261.5C34.64 261.5 -16.1413 142.713 4.0363 111.291Z' fill='%237de6be'/%3E%3Cpath d='M522.627 111.291C496.109 69.9956 451.928 93.494 410.888 40.7405C374.454 -6.09298 297.208 -3.12419 263.14 4.21439L263.139 261.5C492.023 261.5 542.804 142.713 522.627 111.291Z' fill='%237de6be'/%3E%3C/svg%3E");
height: 274px;
    width: 552px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    right: 0;
    left: -27px;
    bottom: -80px;
    margin: auto;
    z-index: 0;
}
.c_descriptions_wrap .item_img .product_name a {
    color: var(--black);
}
.c_descriptions_wrap .item_img .product_name h3 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--font1);
}
.c_descriptions_wrap .item_img .product_name h3:hover a:after {
    transform: rotate(45deg);
}
.c_descriptions_wrap .item_img .product_name h3 a:after {
    content: "";
    display: inline-block;
    height: 38px;
    width: 38px;
    background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.25509 14.3364C0.866063 14.7254 0.866063 15.3561 1.25509 15.7452C1.64411 16.1342 2.27484 16.1342 2.66386 15.7452L1.25509 14.3364ZM16.0371 1.9593C16.0371 1.40914 15.5911 0.963143 15.0409 0.963142L6.07556 0.963142C5.5254 0.963143 5.07941 1.40914 5.07941 1.9593C5.07941 2.50946 5.5254 2.95545 6.07556 2.95545L14.0448 2.95545L14.0448 10.9247C14.0448 11.4748 14.4908 11.9208 15.0409 11.9208C15.5911 11.9208 16.0371 11.4748 16.0371 10.9247L16.0371 1.9593ZM2.66386 15.7452L15.7453 2.66368L14.3366 1.25491L1.25509 14.3364L2.66386 15.7452Z" fill="%23419945"/></svg>');
    background-color: #FFF;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-position: center center;
    margin-left: 12px;
    margin-bottom: -6px;
    transition: all 0.4s;
}
.c_descriptions_wrap .item_img .product_name {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.c_descriptions_wrap .item_img .product_name h3:hover a{
    color: var(--dark);
}
.c_descriptions_wrap .item_img .product_name h3:hover a:after{
    background-color: var(--dark);
}
.product_shape {
    position: absolute;
    bottom: 11%;
    left: 23%;
    margin: auto;
    z-index: 9;
}
section.about-us-section p {
    margin-bottom: 50px;
    color: #000;
}
.green-sections {
    background-color: var(--primary);
    border-radius: 60px 60px 0 0px;
    margin-top: -50px;
    padding-top: 30px;
    z-index: 5;
    padding-bottom: 120px;
}
.mini-title h6 {
    font-size: 20px;
    font-weight: 600;
    color: rgba(253, 201, 46, 1);
}
.mini-title {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}
.mini-title h6:after {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="73" height="9" viewBox="0 0 73 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.38518C30.0091 0.874732 83.5 -0.00197625 69.4804 2.91653C50.1506 6.94048 29.5 4.99796 42.4167 7.99796" stroke="%23FDC92E" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: inline-block;
    height: 10px;
    width: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
section.about-us-section .image2 {
    position: absolute;
    top: -144px;
    left: 260px;
    z-index: -1;
}
section.about-us-section .images {
    position: relative;
}
section.about-us-section .image4 {
    position: absolute;
    top: -130px;
    left: 40px;
}
section.our-product-section .image5 {
    position: absolute;
    top: 0;
    right: 0;
}
.navigation button {
    content: "";
    display: block;
    height: 44px;
    width: 44px;
    font-size: 0;
    background-color: transparent;
    border: 2px solid var(--white);
    background-image: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 1L1 7L7 13" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.4s;
    position: absolute;
    margin-right: 20px;
    bottom: 40px;
    z-index: 9;
    left: 0;
}
.navigation button.next {
    transform: rotate(180deg);
    left: auto;
    right: -20px;
}

.rice-loaders .items {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:-1;
}
.rice-loaders span {
    display: inline-block;
    width: 25px;
    height: 20px;
    opacity: 0;
    margin: 0 40px 54px -34px;
    background: url(../images/rice.png);
    background-repeat: no-repeat !important;
    background-size: 25px 20px !important;
    -webkit-animation: loader 20s infinite linear;
    -moz-animation: loader 20s infinite linear;
}
.rice-loaders span:nth-child(5n+5) {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s
}

.rice-loaders span:nth-child(3n+2) {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s
}

.rice-loaders span:nth-child(2n+5) {
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s
}

.rice-loaders span:nth-child(3n+10) {
    -webkit-animation-delay: 2.7s;
    -moz-animation-delay: 2.7s
}

.rice-loaders span:nth-child(7n+2) {
    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s
}

.rice-loaders span:nth-child(4n+5) {
    -webkit-animation-delay: 5.5s;
    -moz-animation-delay: 5.5s
}

.rice-loaders span:nth-child(3n+7) {
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s
}

@-webkit-keyframes loader {
    0% {
        width: 80px;
        height: 80px;
        opacity: 1;
        -webkit-transform: translate(0, 0) rotateZ(0)
    }
    75% {
        width: 80px;
        height: 80px;
        opacity: 1;
        -webkit-transform: translate(100px, 1000px) rotateZ(270deg)
    }
    100% {
        width: 80px;
        height: 80px;
        opacity: 0;
        -webkit-transform: translate(150px, 1500px) rotateZ(360deg)
    }
}

@-moz-keyframes loader {
    0% {
        width: 80px;
        height: 80px;
        opacity: 1;
        -webkit-transform: translate(0, 0) rotateZ(0)
    }
    75% {
        width: 80px;
        height: 80px;
        opacity: 1;
        -webkit-transform: translate(100px, 800px) rotateZ(270deg)
    }
    100% {
        width: 80px;
        height: 80px;
        opacity: 0;
        -webkit-transform: translate(150px, 1200px) rotateZ(360deg)
    }
}


.our-product .item h4 {
    font-size: 28px;
    font-weight: 500;
    text-align: center;
}
.our-product .item h4 a{
    color: #FFF;
}
.our-product .item h4 a:hover{
    color: #FFF;
    opacity: 0.8;
}
.our-product .item .image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.our-product .item{
    margin-top: 50px;
}
.our-product .item .image {
    /*filter: drop-shadow(0px 6.30435px 32.2222px rgba(0, 0, 0, 0.36));*/
    height: 250px;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.4s;
}
.our-product .item:hover .image {
    transform: scale(0.9);
}
.our-product .item .image a {
    width: 230px;
    height: 230px;
    display: block;
    margin: 0 auto;
    position: relative;
}
section.about-us-section{
    padding-bottom: 0;
}
section.our-product-section p {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    padding:0 35%;
}
.our-product .owl-nav button span{
    font-size: 0;
}
.our-product .owl-nav button {
    display: block;
    height: 200px;
    width: 200px;
    box-shadow: inset 12.6294px 0px 34.4437px rgba(21, 80, 23, 0.3), inset 0px 0px 34.4437px 12.6294px rgba(21, 80, 23, 0.3);
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -110px;
    margin: auto;
    transition: all 0.4s;
}
.our-product .owl-nav button.owl-next {
    left: auto;
    right: -110px;
}
.our-product.owl-carousel {
    padding: 0 170px;
}
.our-product .owl-nav button:before {
    content: "";
    display: block;
    height: 40px;
    width: 40px;
    background-image: url('data:image/svg+xml,<svg width="28" height="31" viewBox="0 0 28 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.98568 10.3985C0.1586 12.608 0.158602 18.132 3.98568 20.3415L17.8356 28.3377C21.6626 30.5473 26.4465 27.7854 26.4465 23.3662L26.4465 7.37377C26.4465 2.95464 21.6626 0.192685 17.8356 2.40225L3.98568 10.3985Z" fill="%23419945" stroke="%23FED130" stroke-width="2"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto;
    right: -20px;
    transition: all 0.4s;
}
.our-product .owl-nav button.owl-next:before {
    left: -10%;
    right: auto;
    transform: rotate(180deg);
}
.our-product .owl-nav button:hover:before {
    left: auto;
    right: 30px;
}
.our-product .owl-nav button.owl-next:hover:before {
    left: 30px;
    right: auto;
}
ul.certificates {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
ul.certificates li {
    background: #FFFFFD;
    border: 1px solid #ECECEC;
    box-shadow: 0px 9px 46px rgba(0, 0, 0, 0.22);
    border-radius: 12px;
    padding: 0 20px;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    transition: all 0.4s;
    margin-right: 15px;
    margin-bottom: 20px;
}
.cursor-down {
    position: absolute;
    bottom: 26px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 9;
    height: 50px;
    width: 60px;
}
ul.certificates li:hover img {
    transform: scale(0.9);
}
ul.certificates li img {
    transition: all 0.4s;
}
.navigation button:hover {
    border-color: black;
    filter: brightness(0) grayscale(1);
}
footer .right-img img {
    width: 140px;
}
.contact_form:before {
    content: "";
    display: block;
    background: var(--primary);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    z-index: -1;
}
.contact_title h2 {
    font-size: 50px;
    line-height: 100%;
    color: var(--dark);
}
.contact_us-content {
    padding: 64px;
    background: #fff;
    display: block;
    box-shadow: 7px 7px 24px rgb(0 0 0 / 10%);
    border: 1px solid #eee;
    border-radius: 30px;
}
.form-fields {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.form-feild {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 32px;
}
.form-feild label {
    font-weight: 500;
    font-size: 16px;
    display: block;
    color: var(--dark);
    margin-bottom: 5px;
}
.form-feild label em {
    font-style: normal;
    color: red;
}
.form-feild input {
    height: 50px;
    width: 100%;
    padding: 0 15px;
    border: 1px solid #D8D8D8;
    background: #F5F5F5;
    font-size: 15px;
    margin: 0;
    display: block;
    font-family: inherit;
    border-radius: 50px;
    box-shadow: 0 0 0 transparent !important;
}
.form-feild.form-feild-full {
    width: 100%;
}
html .form-feild textarea {
    width: 100%;
    resize: none;
    min-height: 150px;
    padding: 15px 15px;
    border: 1px solid #D8D8D8;
    border-radius: 20px;
    background: #F5F5F5;
}
.form-feild.form-feild-submit {
    margin-bottom: 0 !important;
}
section.contact_info .contact_box a {
    color: var(--dark);
    word-wrap: break-word;
}
section.contact_info .contact_box a:hover {
    color: var(--primary);
}
section.contact_info {
    background-color: var(--primary);
    padding: 60px 0 140px 0;
}
section.contact_info .contact_box{
    padding: 40px;
    background-color: #FFFFFF;
    border-radius: 10px;
}
section.contact_info .contact_box .icon{
    margin-bottom: 45px;
}
section.contact_info .contact_title h2 {
    font-size: 50px;
    line-height: 100%;
    color: var(--white);
    margin-bottom: 70px;
}
.product-gallery {
    position: sticky;
    top: 150px;
}
.product_g_big .item {
    height: 593px;
    width: 100%;
    overflow: hidden;
    border-radius: 18px;
}
.product_g_big .item a {
    display: block;
    height: 100%;
}
.product_g_big .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.4s;
}


.breadcrumb-list ul {
    list-style: none;
    margin: 0;
    color: #000;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    padding: 0;
    justify-content: center;
    flex-wrap: wrap;
}
.breadcrumb-list ul li {
    padding-right: 10px;
    margin-right: 14px;
    position: relative;
}
.breadcrumb-list ul li:last-child {
    padding-right: 0;
    margin-right: 0;
}
.breadcrumb-list ul li a {
    color: #000;
}
.breadcrumb-list ul li a:hover {
    color: var(--primary);
}
.breadcrumb-list ul li:after {
    opacity: 0.7;
    content: "";
    display: inline-block;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(315deg);
    width: 7px;
    height: 7px;
    margin: 0 0 0 8px;
    transition: all 0.4s;
}
.breadcrumb-list ul li:last-child:after {
    display:none;
}
.inner-banner h2 {
    font-size: 42px;
    margin: 0 0 25px;
    position: relative;
    z-index: 1;
    color: #000;
    text-align: center;
}
.inner-banner {
    padding-bottom: 0;
}

@keyframes shape_snip{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.shape-4 {
    position: absolute;
    left: 95%;
    top: -3%;
    animation-name: shape_snip;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
section.banner-bg.inner_banner {
    padding-bottom: 110px;
}
section.banner-bg.inner_banner .title h2 {
    font-size: 48px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 10px;
}
section.inner_banner ol.breadcrumb.justify-center {
    justify-content: center;
}
section.inner_banner ol.breadcrumb {
    text-transform: uppercase;
    font-weight: 600;
}
section.our-product-section.product_list {
    padding-top: 20px;
    padding-bottom: 20px;
}
section.our-product-section.product_list .image5 {
    position: absolute;
    top: -105px;
    right: 0;
}
section.our-product-section.product_list .image4 {
    position: absolute;
    left: -150px;
    bottom: 240px;
    z-index: -1;
}
section.inner_banner ol.breadcrumb li.breadcrumb-item a{
    color: var(--dark);
}
section.inner_banner ol.breadcrumb li.breadcrumb-item a:hover{
    color:var(--primary);
}
section.inner_banner ol.breadcrumb li.breadcrumb-item.active {
    color: var(--dark);
}
.our-product .image-animation {
    min-width: 201px;
    height: auto;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: -14px;
}
.our-product.our_product_box .item .image a .border-circle img {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    min-width: 0;
}
.our-product.our_product_box .item .border-circle {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    transition: all 0.4s;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.our-product.our_product_box .item:hover .border-circle{
    animation-name: rotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.our-product.our_product_box .item .image{
    height: auto;
}
.our-product.our_product_box .item .image a {   
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.our-product.our_product_box .item .image a > img {
    object-fit: cover;
}
section.our-product-section.product_list.product_detail {
    padding-top: 70px;
    padding-bottom: 0px;
}
.product-details {
    position: sticky;
    top: 150px;
}
.product_detail .image img {
    display: block;
    width: 100%;
}


section.product_detail {
    padding-bottom: 140px;
}
.product_detail_contain h3 {
    font-weight: 700;
    font-size: 42px;
}
.product_detail_contain table {
    width: 100%;
    margin-bottom: 30px;
    border-collapse: separate;
}
.product_detail_contain table tr th {
    background-color: var(--dark);
    color: #FFF;
    padding: 15px 20px;
    font-weight: 600;
    text-align: left;
}
.product_detail_contain table tr td {
    background-color: var(--white);
    padding: 15px 20px;
    text-align: left;
}
.product_detail .product_detail_contain p {
    padding: 0;
}
.product_detail_contain ul li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 35px;
    line-height: 140%;
    color: var(--white);
}
.product_detail_contain ol li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 15px;
    line-height: 140%;
    color: var(--white);
}
.product_detail_contain ul li:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_282_13)"><path d="M0.0681998 7.23241C0.104658 7.29621 0.191247 7.37369 0.259606 7.40103C0.327965 7.43293 3.49528 7.88866 7.29151 8.42186L14.1958 9.39257L14.2186 11.375C14.2323 12.4642 14.2596 13.3939 14.2778 13.4349C14.3371 13.5488 14.6151 13.6628 14.7563 13.6308C14.9067 13.5989 23.1965 7.3509 23.2739 7.21418C23.3468 7.08658 23.3468 6.9134 23.2739 6.7858C23.2192 6.68554 15.0754 0.519522 14.8384 0.401032C14.7336 0.346345 14.6743 0.346345 14.533 0.387361C14.2186 0.483064 14.2186 0.469392 14.2186 2.55663C14.2186 3.60025 14.2004 4.40233 14.1776 4.40233C14.0226 4.40233 0.359866 6.55793 0.259606 6.59895C0.0317415 6.69009 -0.0594044 6.99543 0.0681998 7.23241Z" fill="white"/></g><defs><clipPath id="clip0_282_13"><rect width="14" height="23.3333" fill="white" transform="matrix(0 -1 1 0 0 14)"/></clipPath></defs></svg>');
    height: 20px;
    width: 25px;
    background-position: bottom;
    position: absolute;
    background-repeat: no-repeat;
    left: 0px;
}
.product_detail_contain .btn-wrap {
    margin-bottom: 50px;
}
.btn-wrap .btn span {
    margin-left: 10px;
}
html .breadcrumb {
    font-size: 15px;
}
.product_detail_contain ol.breadcrumb li.breadcrumb-item a {
    color: var(--dark);
}
.product_detail_contain ol.breadcrumb li.breadcrumb-item.active {
    color: var(--primary) ;
}
.inquery-modal .modal-content {
    padding: 40px;
    border: 0;
    border-radius: 60px 0 60px 60px;
    background: var(--primary);
}
.inquery-modal .modal-content .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    opacity: 1;
    padding: 0;
    box-shadow: none;
    margin: 20px;
    transition: all 0.4s;
    filter: brightness(0) invert(1);
}
.inquery-modal .form-feild {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}
.inquery-modal h2 {
    margin-bottom: 20px;
    color: #fff;
}
.product_detail_contain ul {
    list-style: none;
    padding: 0;
}
html .modal-backdrop {
    background-color: #fff;
    --bs-backdrop-opacity: 0.7;
}
.modal-content .form-submit {
    text-align: center;
}
.modal-content .form-submit .btn {
    background: #fff;
    color: #212121;
}
.product_detail .product_detail_contain h2 {
    font-size: 20px;
    font-weight: 600;
    color: rgb(46, 46, 46);
}