/******** Google Fonts ********/ @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");/******** Color Schemes ********/ :root {     --c-primary-dark: #2E2E2E;     --c-white: #ffffff;     --c-green: #127316;     --c-black-blue: #0D5176;     --ff-primary: 'Montserrat', sans-serif;}/******** CSS Resets ********/ * {     padding: 0;     margin: 0 auto;} ul {     margin: 0;     padding: 0;} li {     list-style: none;} a:focus, a:hover {     outline: none;} a {     -webkit-transition: all 0.3s ease-in-out;     transition: all 0.3s ease-in-out;     text-decoration: none;     color: var(--c-primary-dark);     font-family: var(--ff-primary);} a:hover {     text-decoration: none;} p {     margin: 0;     padding: 0;     font-size: 14px;     color: var(--c-primary-dark);     line-height:24px;     font-weight: 400;} body {     font-family: var(--ff-primary);     font-size: 14px;     color: var(--c-black-text);     overflow-x: hidden;} h1, h2, h3, h4, h5, h6 {     font-family: var(--ff-primary);     margin-bottom: 0;} fron-about-section {     overflow: hidden;} html{     overflow-x: hidden;}/* onload animation with animation timeline */ @media (prefers-reduced-motion: no-preference) {     .float {         animation: float 3s ease-in-out infinite;    }     .animate-this {         opacity: 0;         transform: translateY(50px);    }     .animate-this.animated {         animation: fade-in 0.8s ease-in-out forwards;    }     @keyframes fade-in {         to {             opacity: 1;             transform: translateY(0px);        }    }     @keyframes float {         0% {             transform: translateY(0px);        }         25% {             transform: translateY(-6px);        }        /* 50% {             transform: translateY(0px);        }         */         75% {             transform: translateY(6px);        }         100% {             transform: translateY(0px);        }    }}/******** Utility Classes ********//* .container {     width: 100%;     max-width: 1360px;} */ .custom-pad {     padding: 50px 0;} .custom-pad-btm{    padding:0 0 50px;} .custom-pad-no-btm{    padding:50px 0 0;}/*=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+toggle-nav-css-start=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+*/ .navbar-default .navbar-toggler .icon-bar {     background-color: #fff;} ul.navbar-nav{    gap:10px;} .navbar-toggler .icon-bar {     display: block;     width: 22px;     height: 2px;     border-radius: 1px;} .navbar-default .navbar-toggler .icon-bar {     background-color: #fff;} .navbar-default .navbar-toggler {     border-color: #5f4b8b;     background: #5f4b8b;     outline: none;} .navbar-toggler {     position: relative;     float: right;     padding: 9px 10px;     margin-top: 8px;     margin-right: 15px;     margin-bottom: 8px;     background-color: transparent;     background-image: none;     border: 1px solid transparent;     border-radius: 4px;} .navbar-toggler .icon-bar {     display: block;     width: 22px;     height: 2px;     border-radius: 1px;} .navbar-toggler .icon-bar + .icon-bar {     margin-top: 4px;} .navbar-toggler .icon-bar + .icon-bar {     margin-top: 4px;} .navbar-header {     display: none;} .common-head h2{    color:#2E2E2E;     font-size:50px;     font-weight:400;     margin-bottom:10px;} .common-head h2 span{    color:#0D5176;     font-weight:600;} .sub-common-head h2{    color:#2E2E2E;     font-size:30px;     font-weight:400;     margin-bottom:10px;} .sub-common-head h2 span{    color:#0D5176;     font-weight:600;} .custom-btn{    background: #02283F;    background: linear-gradient(90deg, rgba(2, 40, 63, 1) 0%, rgba(13, 81, 118, 1) 100%);     transition: all 0.3s;     color: #fff;     padding: 10px 20px;     border-radius:0px;     text-decoration: none;    display: inline-block;} .custom-btn:hover{    background: linear-gradient(to right, #024e6d, #00a36c);     color: #fff;} .sub-section-head h2{    color:#2E2E2E;     font-size:40px;     font-weight:400;     margin-bottom:10px;} .sub-section-head h2 span{    color:#0D5176;     font-weight:600;} .custom-wht-head h2{    color:#fff;     font-size:40px;     font-weight:400;     margin-bottom:10px;} .custom-wht-head h2 span{    font-weight:600;}/*=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+toggle-nav-css-end=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+*/ a:active{    color:#127316;} .navbar-nav .nav-link.active{    color:#127316 !important;} ul.dropdown-menu li a.active{    color:#127316 !important;} .nav-link {     color: #1a1a1a;     font-weight: 500;} .nav-link:hover, .nav-link.active {     color: green;     font-weight: bold;} .nav-link:hover {    color:#127316;     font-weight:normal;} ul.dropdown-menu{    width:250px;    margin: 0;     padding: 0;     border:0;     border-radius:10px;    box-shadow: 0px -5px 6px 4px #f1f1f1;} ul.dropdown-menu li{    border-bottom:1px solid #00000020;} ul.dropdown-menu li a{    padding:8px 12px;     color:#2E2E2E;     font-weight:500;    display: block;     font-size;    15px;    text-decoration: none;} ul.dropdown-menu li a:hover{    color:#127316;} .contact-btn {     background: linear-gradient(to right, #024e6d, #00a36c);     color: #fff;     border: none;     padding: 8px 20px;     border-radius: 4px;} .navbar-brand img {     height:70px;} .country-links span {     margin-right: 10px;     color: green;} .country-links span:not(:last-child)::after {     content: '|';     color: #aaa;     margin-left: 10px;} .nav-link:focus, .nav-link:active, .nav-link.show, .nav-link.active {     color:#127316;} .sticky .navbar-brand img {    height: 55px;    transition: all 0.3s;} #mainHeader {     transition: all 0.4s ease;} .sticky {     position: fixed;     top: 0;     width: 100%;     z-index: 1020;     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);     transform: translateY(0);     opacity: 1;     background:#fff;} .hero {    background-size: cover;     position: relative;} .hero-text {    position: absolute;    bottom: 20px;    left: 20px;    color: white;} .hero .carousel{    width:100%} .hero .carousel-indicators{    display:none;} .carousel-caption{    width;    100%;     background: #015B6099;    background: linear-gradient(180deg, rgba(1, 91, 96, 0.70) 0%, rgba(1, 91, 96, 0.70) 100%);    width: 100%;     left: 0;     bottom: 0;} .carousel-caption h1 {     font-size:36px;     font-weight:600;     display: inline-block;    vertical-align:middle;} .carousel-caption .divider {     border-left: 5px solid white;     height: 60px;     margin: 0 20px;     display: inline-block;     vertical-align:middle;} .carousel-caption p {     font-size:14px;     display: inline-block;     max-width: 670px;    text-align:left;     color:#fff;    vertical-align:middle;}/*=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+Front product section=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+*/ .front-product-sec{     padding-bottom:275px;    position: relative;} .front-pro-head{    text-align:center;     margin-bottom:25px;} .product-link{    margin-bottom:0px;} .product-link ul{    display:flex;     gap:25px;     justify-content: center;     flex-wrap: wrap;} .product-link ul li .nav-link{    font-weight:400;     font-size:14px;    margin: 0;     background:none;} .product-link ul li.nav-item{    margin:0;} .product-link ul li .nav-link{    color:var(--c-primary-dark;    )} .product-link ul li.active a{    color:#127316;     font-weight:600;    text-decoration: underline;     text-underline-offset: 10px;} .nav-pills .nav-link.active, .nav-pills .show > .nav-link{    color:#127316 !important;     font-weight:600;    text-decoration: underline;     text-underline-offset: 10px;     background:none;} .nav-pills .nav-link:hover{    color:#127316;    text-decoration: underline;     text-underline-offset: 10px;} .product-link .tab-content {    border:0;} .front-rice-thumb{    position:absolute;     right:0px;     bottom:-100px;     z-index:9;     width:100%;     height:auto;} .levs-left{    position:absolute;     top:0;     left:0;     width:230px;} .levs-left img{    width:100%;     height:auto} .levs-rit{    position:absolute;     top:0;     right:0;    width:280px;} .levs-rit img{    width:100%;     height:auto}/*=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+about-section=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+*/ .fron-about-section{    background: #DEE8CD;    background: linear-gradient(90deg, rgba(222, 232, 205, 1) 0%, rgba(222, 232, 205, 0.5) 100%);} .about-thum{    margin-right:35px;} .about-thum img{    width:100%;     height:auto;} .about-front-content p{    margin-bottom:20px;}/*=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+Our Legacy section=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+*/ .lagancy-section{    position:relative;} .map-holder img{    width:100%;     height:auto;} .front-lagancy-content p{    margin-bottom:20px;} .levs-lagancy-left{    position:absolute;     top:0;     left:0;     width:200px;} .levs-lagancy-left img{    width:100%;     height:auto}/*=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+Our Legacy section=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+*/ .front-why-section{    background:url(../images/why-bg.webp) 0 0 no-repeat;     background-size:cover;     padding:70px 0 60px;     background-attachment: fixed;} .why-content{    padding:40px 15px 35px 35px;    background: #2B495B;    background: linear-gradient(111deg, rgba(43, 73, 91, 0.95) 43%, rgba(43, 85, 36, 0.94) 100%);} .why-front-list{    padding-top:10px;} .why-front-list ul li{    Color:#fff;     margin-bottom:20px;} .why-front-list ul li i{    width:28px;     height:28px;     margin-right:10px;    display: inline-block;} .why-front-list ul li i img{    width:100%;     height:100%;     object-fit:cover;}/*=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+Front contact section=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+*/ .front-contact-sec{    position:relative;} .levs-contact-rit{    position:absolute;     top:0;     right:0;    width:280px;} .levs-contact-rit img{    width:100%;     height:auto} .contact-frm-holder{    display:flex;    align-items: center;     padding-left:25px;} .front-contact-sec{    background:#fffcf5;} .contact-thumb img{    width:100%;     height:auto;} .site-contact-frm label{    color:#2E2E2E;     font-size:14px;     margin-bottom:4px;} .site-contact-frm input[type="text"], .site-contact-frm select, .site-contact-frm textarea, .site-contact-frm input[type="email"]{    background:none;     font-size:12px;     padding:8px 0;     border:0;     border-bottom:1px solid #828282;     border-radius:0;} .submit-btn{    border:0;     background: #02283F;    background: linear-gradient(90deg, rgba(2, 40, 63, 1) 0%, rgba(13, 81, 118, 1) 100%);     transition: all 0.3s;     color: #fff;     padding: 10px 20px;     border-radius:0px;     text-decoration: none;    display:block;    width: 100%;} .submit-btn:hover{    background: linear-gradient(to right, #024e6d, #00a36c);     color: #fff;}/*=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+Footer=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+*/ .footer-section {     background: #032D45;     background: linear-gradient(90deg, rgba(3, 45, 69, 1) 0%, rgba(13, 81, 118, 1) 100%);     font-size: 14px;} .footer-info {     margin-left:0;} .footer-info p{     color:#fff;} .footer-link {     color: #fff;     font-size:13px;     text-decoration: none;     display: block;     margin-bottom: 8px;} .footer-link h5 {     font-weight:500;     color:#fff;     margin-bottom:10px;} .footer-link:hover {     color: white;} .footer-link li{     color: #fff;     font-size:13px;     text-decoration: none;     display: block;     margin-bottom: 8px;} .footer-link li i{     display: inline-block;     vertical-align: top;} .footer-link li span{     display: inline-block;     vertical-align: top;} .footer-link li span a{     margin-bottom: 7px;} .footer-link li a{     color: #fff;     font-size:13px;     text-decoration: none;     display: block;} .footer-link li a:hover{    color:#DEE8CD70;} .country-links span {     margin-right: 10px;     color: white;} .country-links span:not(:last-child)::after {     content: '|';     color: #aaa;     margin-left: 10px;} .footer-social-icons{     margin-right:0;} .footer-social-icons a img {     height: 30px;     width: 30px;     margin-left: 10px;     background: white;     padding: 5px;     border-radius:2px;}.footer-section p, .footer-section p a{ color: #fff;} .footer-social-icons a:hover img{    opacity:0.7} .copyright{     color:#fff;  font-size:13px; padding-right: 6px;}/*=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+Product Page =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+*/ .inner-hero{     position: relative;} .inner-hero img{     width: 100%;     height: 350px;     object-fit: cover;} .inner-herotxt{     position: absolute;     left: 0;     top: 50%;     transform: translateY(-50%);     width: 100%;} .inner-herotxt .common-head h2, .inner-herotxt .common-head h2 span{     color: #FFFFFF;} .inner-herotxt .common-head p{    font-size:24px;     color:#fff;    font-weight:400;} .product-sec .product-navigation{    border-bottom:1px solid #00000020;     padding-bottom:10px;} .product-sec .product-navigation ul{    display:flex;     gap:35px;     justify-content: center;     flex-wrap: wrap;} .product-sec .product-navigation ul li{    font-weight:400;     margin: 0;     background:none;    margin:0;} .product-sec .product-navigation ul a{    color:var(--c-primary-dark;    );    font-size:20px;} .product-sec .product-navigation ul li.active a{    color:#127316;     font-weight:600;    text-decoration: underline;     text-underline-offset: 17px;    text-decoration-thickness:2px;} .product-sec .product-navigation ul li a:hover{    color:#127316;    text-decoration: underline;     text-underline-offset: 17px;    text-decoration-thickness:2px;} .product-description{    padding:50px 0;} .product-card-holder .item-card{    margin-bottom:30px;} .item-card .item-thumb img{    width:100%;     height:100%;     object-fit:cover;} .item-card .item-thumb{    height:270px;     overflow:hidden;     margin-bottom:8px;} .item-card .item-details h2{    font-size:30px;     font-weight:600;     color:#2E2E2E;     margin-bottom:8px;} .item-card .item-details p{    color:#2E2E2E;} .inner-contact-sec{    background:#fff;} .image-gallery {     display: flex;     height: 500px;     overflow: hidden;} .image-box {     flex: 1;     position: relative;     overflow: hidden;     transition: flex 0.5s ease;     cursor: pointer;} .image-box:hover {     flex: 3;} .image-box img {     width: 100%;     height: 100%;     object-fit: cover;     transition: transform 0.5s ease;     object-position:top;} .image-box:hover img {     transform: scale(1.1);} .overlay {     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     background: #157348;     background: linear-gradient(0deg, rgba(21, 115, 72, 0.61) 0%, rgba(15, 102, 67, 0.62) 100%);     color: white;     display: flex;     align-items:end;     padding: 1rem;     font-size: 1.2rem;     transition: background 0.3s ease;     flex-wrap: wrap;     align-content: start;     flex-direction: column;     justify-content: flex-end;} .image-box:first-child{     flex:2;} .image-box:first-child .overlay p{    display:block;} .image-box:first-child .overlay {     background: #000000;     background: linear-gradient(0deg, rgba(0, 0, 0, 0.63) 43%, rgba(165, 196, 159, 0) 100%);     flex-direction: column;     justify-content: flex-end;} .image-box:hover .overlay {     background: #000000;     background: linear-gradient(0deg, rgba(0, 0, 0, 0.63) 43%, rgba(165, 196, 159, 0) 100%);     flex-direction: column;     justify-content: flex-end;} .overlay p{     white-space:nowrap;     font-size:22px;     color:#fff;     display:none;} .overlay span {     font-weight: bold;     font-size: 2rem;     display: block;     margin-left:0;} .overlay strong {     margin-left:0;} .image-box:hover .overlay p{     display:block;} .carousel-item img{     height: calc(100vh - 86px);     object-fit: cover;     object-position: top;} .mb-30{     margin-bottom: 30px;} .navbar-nav .nav-link.custom-btn{     display: none;} .footer-info img{     width: auto;     max-width: 100%;     object-fit: contain;} hr {     margin: 1rem 0;     color: inherit;     background-color: currentColor;     border: 0;     opacity: .25;} .tab-pane a.custom-btn, .tab-pane .container{     position: relative;     z-index: 99;} .g-recaptcha > div {     margin: 0 0 20px;}