/* @import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400..700&display=swap'); */
/* Import: Jameel Noori Nastaleeq */
@font-face {
font-family: "Jameel Noori Nastaleeq";
src: local("Jameel Noori Nastaleeq"),
url("../fonts/Jameel-Noori-Nastaleeq-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Al Qalam Regular";
src: local("Al Qalam Regular"),
url("../fonts/Al-Qalam-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
.urdu-text {
font-family: "Al Qalam Regular", serif;
}
.nastaleeq-text {
font-family: "Jameel Noori Nastaleeq", serif;
}
body {
direction: rtl;
text-align: right;
font-optical-sizing: auto;
font-weight: 400;
font-size: 16px;
line-height: 26px;
letter-spacing: .5px;
font-style: normal;
overflow-x: hidden;
}
p {
line-height: 1.5 !important;
}
a,
a:hover {
color: #2b2b2b;
}
.bg-green {
background-color: #004D26;
}
.bg-green-light {
background-color: #228B22;
}
.navigation-bar .row {
width: 100%;
align-items: center;
}
a:active,
a:hover {
color: #fff;
}
.font-32 {
font-size: 32px;
font-weight: 900;
line-height: 52px;
}
.font-42 {
font-size: 42px;
}
.navigation-bar {
position: sticky;
top: 0;
z-index: 111;
}
/* Modal container (Background overlay) */
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease;
}
/* Modal Content Box (Position near the top) */
.modal-content {
background: #004d26;
padding: 20px;
border-radius: 10px;
width: 350px;
text-align: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
transition: transform 0.4s ease, opacity 0.4s ease;
opacity: 0;
}
/* Show animation */
.modal.show {
opacity: 1;
visibility: visible;
}
.modal.show .modal-content {
transform: translate(-50%, 0) scale(1);
opacity: 1;
}
/* Close Button */
.close {
position: absolute;
top: 15px;
right: 20px;
font-size: 22px;
font-weight: bold;
cursor: pointer;
}
/* Search Input */
.search-input {
width: 100%;
padding: 10px;
margin-top: 10px;
border: 2px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
/* Search Button */
.search-btn {
padding: 10px 20px;
border: none;
background: #110c34;
color: white;
font-size: 16px;
cursor: pointer;
border-radius: 10px;
transition: background 0.3s;
}
.search-btn:hover {
background-color: #000;
}
/* ===================================
Navbar
====================================== */
.profile-text {
display: grid;
}
.profile-info.dropdown {
display: flex !important;
align-items: end;
}
.profile-dropdown {
display: flex;
align-items: center;
text-decoration: none;
font-size: 24px;
font-weight: 600;
transition: all 0.7s ease-in-out;
position: relative;
padding: 0;
}
.desktop-header-section {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 16px;
margin-right: auto;
}
.header-top-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
width: 100%;
}
.header-inquiry-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 10px 16px;
background-color: #000033;
color: #fff !important;
border: 2px solid #000033;
border-radius: 10px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
line-height: 1;
transition: all 0.3s ease-in-out;
}
button.header-inquiry-btn {
appearance: none;
cursor: pointer;
}
.header-inquiry-btn:hover {
background-color: #668740;
border-color: #668740;
color: #fff !important;
}
.desktop-inquiry-btn {
min-width: 170px;
}
.side-menu-cta {
margin-top: 12px;
}
.profile-dropdown .profile-img {
width: 50px;
height: 50px;
border-radius: 40%;
margin-right: 5px;
}
/* Fix for navbar dropdowns */
.navbar .dropdown-menu {
display: none;
/* Ensure it is hidden initially */
opacity: 0;
visibility: hidden;
transform: scaleY(0);
transform-origin: top;
transition: all 0.3s ease-in-out;
}
/* Show dropdown when open */
.navbar .dropdown:hover .dropdown-menu,
.navbar .dropdown-menu.show {
display: block;
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
/* Allow profile dropdown to function correctly */
.profile-dropdown .dropdown-menu {
display: none;
opacity: 1;
visibility: visible;
transform: none;
}
/* Bootstrap will handle the display, so ensure it works correctly */
.profile-dropdown .dropdown-menu.show {
display: block;
}
.deal-sec {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 10px 20px;
position: relative;
}
.banner-img {
position: absolute;
left: 0;
right: 0;
top: 18%;
z-index: -1;
}
.banner-img img {
min-height: 65vh;
height: 65vh;
}
.product-section .title-text {
justify-content: flex-start;
display: block !important;
}
.deal-sec .title-text,
.product-section .title-text {
font-size: 50px;
font-weight: 700;
color: #000033;
display: flex;
align-items: end;
gap: 20px;
}
.deal-sec .title-text::after {
content: "";
display: block;
width: 85%;
height: 1px;
background-color: #333;
}
.deal-sec.reference .title-text::after {
width: 81%;
}
.Detail .product-card .product-img img{
width: 290px;
}
.product-card {
background: linear-gradient(to bottom, #ffffff, #edf2e8);
border-radius: 10px;
text-align: center;
padding: 30px 15px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease-in-out;
}
.product-card:hover,
.deal-sec.reference .product-card:hover {
transform: translateY(-5px);
}
.deal-sec.reference .product-card {
background: linear-gradient(to bottom, #fefffe 80%, #bdd6ea 100%);
}
.deal-sec.reference .product-card .more-info{
border: 1px solid #abb1b9;
background-color: #fff;
}
.deal-sec.reference .product-card .more-info:hover {
background: #bdd6ea;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
color: #fff;
}
.deal-sec.reference .product-card .more-info:hover .arrow{
filter: brightness(0) invert(1);
}
.daily_update .table-container {
max-height: 300px;
/* اپنی Ù…Ø·Ù„ÙˆØ¨Û Ø§ÙˆÙ†Ú†Ø§Ø¦ÛŒ Ú©Û’ مطابق ایڈجسٹ کریں */
overflow-y: auto;
border: 1px solid #ddd;
/* بارڈر شامل کرنے کے لیے */
}
.daily_update {
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
border-radius: 20px;
}
.daily_update .container {
background: #fff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 90%;
max-width: 900px;
text-align: right;
}
.daily_update .header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
#datepicker {
padding: 8px 12px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 6px;
outline: none;
text-align: center;
}
.daily_update .header h2 {
margin: 0;
font-size: 42px;
color: #2c2c54;
font-weight: 700;
}
.daily_update select {
padding: 8px 12px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 6px;
outline: none;
background-color: white;
}
.daily_update .table-container {
overflow-x: auto;
}
.daily_update table {
width: 100%;
border-collapse: collapse;
background: white;
border-radius: 10px;
overflow: hidden;
}
.daily_update th,
.daily_update td {
border: 1px solid #ddd;
padding: 12px;
text-align: center;
font-size: 22px;
}
.daily_update td{
font-weight: 600!important;
}
.daily_update tbody {
height: 300px;
min-height: 300px;
}
.daily_update th {
background-color: #1a153b;
color: white;
font-weight: bold;
font-size: 28px;
font-weight: 700!important;
}
.daily_update tr:nth-child(even) {
background-color: #f2f2f2;
}
.date-area label{
font-size: 22px;
font-weight: 400;
}
.date-area {
font-size: 18px;
color: #2c2c54;
display: flex;
gap: 15px;
align-items: baseline;
font-weight: 600;
}
.date-area input {
border: 1px solid #c0c0c0;
border-radius: 8px;
padding: 6px 25px;
margin-bottom: 10px;
}
@media (max-width: 600px) {
.daily_update th,
.daily_update td {
font-size: 14px;
padding: 8px;
}
.daily_update .header h2 {
font-size: 32px;
}
}
.order-detail-area-1 .title-text::after{
width: 75%;
}
.product-card .best-deals {
object-fit: cover;
/* width: 220px !important;
height: 350px; */
border-radius: 5px;
}
.product-section .item.product-card .product-img {
display: flex;
justify-content: center;
margin: 0 auto 0 auto;
}
.product-card h3 {
font-size: 27px;
/* margin: 15px 0; */
font-weight: 600;
color: #333;
direction: rtl;
}
.price,
.product-price {
font-size: 26px;
font-weight: 700;
color: #2d2d2d;
}
.more-info {
/* font-family: 'Noto Nastaliq Urdu', serif; */
font-size: 18px;
font-weight: bold;
color: #131221;
/* Dark navy text */
background: #f8f8f4;
/* Off-white background */
border: 2px solid #cdd5bc;
/* Light greenish border */
padding: 10px 15px;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.more-info:hover {
background: #dde5d2;
/* Light greenish hover */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.more-info:hover .arrow{
filter: brightness(0) invert(1);
}
.arrow {
width: 20px !important;
}
.deal-sec .more-deals {
color: #fff;
background: #110c34;
padding: 10px 30px;
display: flex;
align-items: end;
gap: 15px;
font-size: 18px;
font-weight: bold;
border-radius: 4px;
}
.product-section {
direction: ltr;
}
.projects {
display: block !important;
/* Ensure the carousel is not hidden */
}
.projects .owl-stage-outer {
overflow: hidden;
}
.product-section .projects .product-card {
background: linear-gradient(to bottom, #ffffff 60%, #f1e5cb 100%);
border-radius: 10px;
padding: 15px;
}
.projects .product-card{
height: 480px;
}
.product-section .deal-sec {
direction: rtl;
justify-content: center;
}
.product-section .product-card h4 {
font-size: 32px;
margin: 16px 0;
font-weight: 600;
color: #333;
}
.product-section .item.product-card .product-img {
display: flex;
justify-content: center;
}
/* .product-section .item.product-card img {
width: 60%;
} */
.deal-sec.detail .product-card .product{
/* width: 220px !important; */
/* height: 350px; */
}
.detail-order-area .order-card .title-text::after {
width: 60%;
}
.product-section .project-links-left {
position: absolute;
top: 50%;
left: 5%;
z-index: 1;
cursor: pointer;
BORDER: 1PX SOLID;
width: 51px;
height: 51px;
line-height: 40px;
border-radius: 50%;
text-align: center;
}
.product-section .project-links-right {
position: absolute;
top: 50%;
right: 5%;
z-index: 1;
cursor: pointer;
BORDER: 1PX SOLID;
width: 51px;
height: 51px;
line-height: 40px;
border-radius: 50%;
text-align: center;
}
.product-section .project-links-right a i,
.product-section .project-links-left a i {
color: #202020;
font-size: 48px;
transition: .5s ease;
}
.deal-sec .more-deals:hover {
background-color: #000;
}
.dropdown,
.dropdown-item {
direction: rtl;
}
a {
text-decoration: none;
}
.navbar {
padding: 1px;
z-index: 111;
background-color: #fff !important;
width: 100%;
}
.container {
max-width: 1470px;
width: 100%;
}
.navbar-brand img {
padding-left: 0;
}
.dropdown-menu li {
list-style: none;
text-align: right;
}
.navbar .navbar-nav .nav-link {
text-decoration: none;
color: #100b32;
font-size: 20px;
font-weight: 600;
transition: all 0.7s ease-in-out;
position: relative;
padding: 0;
display: inline-block;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: 0;
padding-right: 0;
}
.navbar .navbar-nav .nav-link.first-child {
color: #000 !important;
}
.navbar .navbar-nav .nav-link.active {
color: #e3007f;
transition: all .6s ease;
}
.navbar .navbar-nav .nav-link::before {
content: attr(data-item);
transition: 0.7s;
color: #e3007f;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 0;
overflow: hidden;
}
.navbar .navbar-nav .nav-link\:hover::before {
width: 100%;
transition: all 0.7s ease-in-out;
}
.navbar-fixed-top.scrolled {
transition: .2s linear;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}
/*side menu button*/
.sidemenu_btn {
width: 36px;
padding: 6px;
right: 7px;
top: 10px;
z-index: 999;
margin-top: 12px;
margin-left: 10px;
cursor: pointer;
position: absolute;
display: inline-block;
transition: all .3s linear;
}
.sidemenu_btn span {
height: 2px;
width: 100%;
background: #668740;
display: block;
margin: auto;
transition: .5s ease;
}
.sidemenu_btn:hover span:first-child,
.sidemenu_btn:hover span:last-child {
width: 70%;
background-color: #e3007f;
}
.sidemenu_btn:hover span:nth-child(2) {
background-color: #e3007f;
}
.sidemenu_btn span:nth-child(2) {
margin: 4px 0;
}
/*Navbar Social icons*/
.navbar .social-icons {
position: absolute;
right: 20px;
}
.navbar .social-icons li {
display: inline-block;
}
.navbar .social-icons ul li i {
font-size: 13px;
}
.navbar .social-icons ul li a {
height: 25px;
line-height: 25px;
width: 25px;
}
/* ===================================
Side Menu
====================================== */
.side-menu .dropdown-menu {
display: none;
list-style: none;
padding: 0;
margin: 0;
background: #f8f9fa;
border-left: 3px solid #007bff;
}
.side-menu .dropdown-menu li {
padding: 10px;
}
.side-menu .dropdown-menu a {
text-decoration: none;
color: #333;
}
.side-menu .dropdown-toggle {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.side-menu .toggle-icon {
font-size: 18px;
font-weight: bold;
margin-left: 10px;
}
.product-section .product-card .product-title{
font-weight: 700;
}
.side-menu {
width: 45%;
position: fixed;
left: 0;
top: 0;
bottom: 0;
background: #668740;
z-index: 2032;
height: 100%;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
transition: transform .5s ease;
overflow: hidden;
}
.side-menu .side-nav {
display: block;
text-align: justify;
}
.side-nav .navbar-nav .nav-item {
opacity: 0;
display: block;
margin: 0px 0;
padding: 0 !important;
transition: all 0.8s ease 500ms;
transform: translateY(30px);
text-align: right;
}
.side-nav .navbar-nav .nav-link {
margin: 16px 0.95rem;
}
.side-nav .navbar-nav .nav-item:first-child {
transition-delay: .1s;
}
.side-nav .navbar-nav .nav-item:nth-child(2) {
transition-delay: .2s;
}
.side-nav .navbar-nav .nav-item:nth-child(3) {
transition-delay: .3s;
}
.side-nav .navbar-nav .nav-item:nth-child(4) {
transition-delay: .4s;
}
.side-nav .navbar-nav .nav-item:nth-child(5) {
transition-delay: .5s;
}
.side-nav .navbar-nav .nav-item:nth-child(6) {
transition-delay: .6s;
}
.side-nav .navbar-nav .nav-item:nth-child(7) {
transition-delay: .7s;
}
.side-nav .navbar-nav .nav-item:nth-child(8) {
transition-delay: .8s;
}
.side-nav .navbar-nav .nav-item:nth-child(9) {
transition-delay: .9s;
}
.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
transform: translateY(0);
opacity: 1;
}
.side-nav .navbar-nav .nav-link {
display: inline-table;
color: #fff;
padding: 2px 0 3px 0 !important;
font-size: 20px;
line-height: normal;
position: relative;
border-radius: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-decoration: none;
}
.side-nav .navbar-nav .nav-link::after {
content: "";
left: 0;
width: 0;
bottom: 0;
height: 2px;
background: #fff;
overflow: hidden;
position: absolute;
display: inline-block;
transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.side-nav .navbar-nav .nav-link:hover::after,
.side-nav .navbar-nav .nav-link:focus::after,
.side-nav .navbar-nav .nav-link.active::after {
width: 100%;
}
.side-nav .navbar-nav .nav-link.active {
background: transparent;
}
.side-menu-opacity {
opacity: 0;
}
.side-menu.left {
left: 0;
right: auto;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.side-menu.before-side {
width: 280px;
}
.side-menu.side-menu-active,
.side-menu.before-side {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pul-menu .side-menu.side-menu-active {
visibility: visible;
opacity: 1;
}
.side-menu .navbar-brand {
margin: 0 0 2.5rem 0;
}
/*Side overlay*/
#close_side_menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
display: none;
z-index: 1031;
opacity: 0.4;
}
.image {
position: absolute;
top: 30px;
right: 50px;
}
/*side close btn*/
.side-menu .btn-close {
height: 35px;
width: 35px;
border-radius: 50%;
display: inline-block;
text-align: center;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
border: solid 1px #fff;
}
.header-appear~.side-menu .btn-close {
top: 50px;
}
.side-menu.before-side .btn-close {
display: none;
}
.side-menu .btn-close::before,
.side-menu .btn-close::after {
position: absolute;
left: 15px;
content: ' ';
height: 18px;
width: 2px;
background: #fff;
top: 7px;
}
.side-menu .btn-close:before {
transform: rotate(35deg);
}
.side-menu .btn-close:after {
transform: rotate(-35deg);
}
.side-menu .inner-wrapper {
display: block;
padding: 3.5rem 3rem;
height: 100%;
position: relative;
overflow-y: auto;
text-align: left;
flex-wrap: wrap;
}
.pul-menu.pushwrap .side-menu .inner-wrapper {
padding: 3.5rem 2.5rem;
}
.side-menu .navbar-nav {
display: block;
}
/*side menu footer */
.side-menu-footer .navbar-nav {
transform: translateY(0);
}
.side-menu-footer p {
color: #fff;
font-size: 12px;
}
.side-menu-footer .banner-icons ul {
margin-bottom: 0;
}
.side-menu-footer .banner-icons ul li {
display: inline-block;
}
.side-menu-footer .banner-icons ul li i {
color: #fff;
}
.side-menu-footer .banner-icons ul li a:hover {
background-color: #fff;
transition: all .8s ease;
}
.side-menu-footer .banner-icons ul li a {
border-radius: 50%;
color: #000;
height: 40px;
line-height: 42px;
width: 40px;
border: 1px solid transparent;
display: block;
overflow: hidden;
text-align: center;
}
.side-menu-footer .banner-icons ul li a:hover i {
color: #e3007f;
}
@-webkit-keyframes animationFade {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes animationFade {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.news-section {
background-color: #5A7228;
color: white;
padding: 10px 15px;
}
.news-title {
font-weight: bold;
font-size: 22px;
}
.news-text {
font-size: 20px;
flex: 1;
text-align: right;
margin-right: 15px;
}
.news-actions {
display: flex;
align-items: center;
gap: 10px;
justify-content: end;
}
.btn-search i {
font-size: 18px;
}
.btn-register {
background-color: #000033;
color: white;
border: none;
padding: 8px 30px;
font-size: 14px;
font-weight: 700;
cursor: pointer;
border-radius: 5px;
border: 1px solid #FFD700;
}
.btn-filter{
background-color: #fff;
color: #000;
border: none;
padding: 8px 30px;
font-size: 14px;
font-weight: 700;
cursor: pointer;
border-radius: 5px;
border: 1px solid #000;
}
.btn-filter:hover{
color: #000;
}
.btn-search {
background-color: #000033;
padding: 11px 10px;
border-radius: 5px;
color: white;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #FFD700;
}
.btn-search img {
width: 16px;
height: 16px;
}
.smart-img {
display: block;
}
.dropdown-menu {
display: none;
}
.side-menu .dropdown {
text-align: right;
}
.side-menu .dropdown a {
display: inline-table;
color: #fff;
padding: 2px 0 3px 0 !important;
font-size: 22px;
line-height: normal;
position: relative;
border-radius: 0;
text-decoration: none;
margin: 16px 0.95rem;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.side-menu .dropdown-menu a {
color: #2C7C3D;
font-size: 22px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 5px 0.95rem;
}
.banner-bg {
background-image: url(../images/bg-banner.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 50px 0 50px 0;
}
.banner-heading h1 {
font-size: 36px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #004D26;
font-weight: bold;
}
.newheading h2 {
font-size: 27px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #fff;
font-weight: bold;
}
.newtext p {
font-size: 17px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #fff;
font-weight: normal;
margin-top: 14px;
}
.new-sec {
padding: 10px;
}
.item-sec {
padding: 1px 0;
}
.item-box {
border: 1px solid #276130;
padding: 10px 0px;
border-radius: 5px;
background: rgb(0, 77, 38);
background: linear-gradient(45deg, rgba(22, 160, 33, .8) 0%, rgba(255, 255, 255, 1) 80%);
margin: 0;
}
.item-box-silver {
border: 1px solid #276130;
padding: 10px 0px;
border-radius: 5px;
background: rgb(192, 192, 192);
background: linear-gradient(45deg, rgba(192, 192, 192, 1) 0%, rgba(255, 255, 255, 1) 80%);
margin: 0;
}
.item-box-blue {
border: 1px solid #276130;
padding: 10px 0px;
border-radius: 5px;
background: rgb(192, 192, 192);
background: linear-gradient(45deg, rgb(13, 152, 186) 0%, rgba(255, 255, 255, 1) 80%);
margin: 0;
}
.s6-mid-rt h3 {
font-size: 28px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
font-weight: bold;
}
.s6-mid-rt {
text-align: right;
}
.item-box {
/* max-width: 457px; */
height: 214px;
}
.s6-mid-rt p {
font-size: 17px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
margin-bottom: 0px;
padding: 15px 0;
}
.s6-mid-rt span {
font-size: 22px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
margin-right: 15px;
}
.item-sec .item {
margin: 0 10px;
}
.item-sec .item-box {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
width: 435px;
height: 260px;
border: 1px solid #2d7d3e;
margin: 15px 0px;
position: relative;
}
.item-sec .s6-mid-rt {
margin-bottom: 10px;
}
.item-sec .s6-txt1 {
margin-bottom: 5px;
}
.item-sec .bg-enroot img {
width: 100%;
height: auto;
}
.item-bottom {
position: absolute;
width: 93%;
display: flex;
justify-content: space-between;
bottom: -8px;
border-top: 1px solid #4C8B3A;
padding: 7px 0px 11px 0;
}
.s6-icon2 {
display: grid;
justify-content: center;
align-items: center;
}
.s6-mid-lft p {
font-size: 17px;
color: #1F371B;
}
.chart-sec {
padding: 10px 0;
}
.chart-area {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
.chart-area h3 {
font-size: 42px;
color: #1a153b;
font-weight: 700;
padding: 0px 0px 0px 30px;
}
.ferti-sec .blog-text{
font-size: 34px;
font-weight: 500;
}
.chart-area h4 {
font-size: 26px;
color: #1a153b;
text-align: left;
margin-top: 0px;
}
.chart-area {
border-radius: 10px;
padding: 30px;
}
.chart-area p {
font-size: 24px;
color: #262222;
line-height: 36px;
font-weight: 600;
}
.chart-dropdown select {
width: 130px;
margin: 0 12px;
font-size: 12px;
color: #262222;
}
.chart-dropdown select option {
font-size: 12px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #262222;
}
.fixed_header {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
direction: rtl;
margin-bottom: 0;
margin-top: 15px;
}
.grid_table {
overflow-y: scroll;
height: auto;
}
.weather-aera {
align-items: flex-end;
display: grid;
}
.fixed_header th {
padding: 0px 20px 10px 0px !important;
line-height: 1.5;
}
.fixed_header thead {
background: #2c7c3d;
color: #fff;
}
.news-area .dealerHeading {
line-height: 2.3;
}
.product-img-area p {
font-size: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
font-weight: bold;
line-height: 2.5;
}
.news-area p {
line-height: 2.3;
}
.fixed_header th,
.fixed_header td {
padding: 11px 20px 10px 0px;
text-align: right;
width: 20%;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 24px;
border: 1px solid #999;
}
.fixed_header th:last-child {
padding-right: 11px;
}
tbody::-webkit-scrollbar {
width: 6px;
}
tbody::-webkit-scrollbar-track {
background: rgb(68, 68, 68);
}
tbody::-webkit-scrollbar-thumb {
background-color: rgb(68, 68, 68);
border-radius: 20px;
border: 0;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
.product-column {
width: 50%;
}
.product-section .product-card .best-deals{
/* height: 250px; */
}
/* .deal-sec.Home .product-card{
height: 585px;
} */
SELECT {
background: url("data:image/svg+xml,") no-repeat;
background-position: left 1rem center;
background-size: 10px 10px;
padding-right: 2rem;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
}
.select-container {
position: relative;
display: inline-block;
width: 100%;
}
.select-container SELECT {
width: 100%;
padding-right: 2rem;
box-sizing: border-box;
}
.select-container::after {
content: '';
position: absolute;
top: 50%;
right: 1rem;
width: 10px;
height: 10px;
background: url("data:image/svg+xml,") no-repeat;
background-size: contain;
transform: translateY(-50%);
pointer-events: none;
}
.bg-dail,
.bg_enquiry {
height: 250px;
}
.search-icon {
width: 30%;
margin-bottom: 14px;
}
.search-area {
position: relative;
top: -71%;
left: -18px;
}
.search-area h3 {
font-size: 16px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #fff;
font-weight: bold;
}
.search-area p {
font-size: 12px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #fff;
}
.search-area .btn {
background-color: white !important;
color: #000 !important;
}
.bg-enroot {
margin-bottom: 20px;
}
.w-10 {
width: 15%;
}
.fertiText p {
font-size: 20px;
color: #1a153b;
margin-bottom: 0;
font-weight: 600;
}
.fertiText h3 {
font-size: 26px;
color: #2c7c3d;
padding: 5px 0;
font-weight: 600;
margin: 8px 0;
}
.fertiText h6 {
line-height: 1.4;
}
.fertiText h4 {
font-size: 16px;
color: #4c4a4f;
text-align: right;
margin-top: 0;
}
.partner-sec .container {
border-top: 1.5px solid #666666;
}
.companyPartner h3 {
font-size: 22px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #2c7c3d;
line-height: 2;
}
.companyPartner span {
font-size: 26px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #262222;
}
.footer-area h5 {
font-size: 18px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #0b0b32;
direction: ltr;
}
.sidebar-menu li a.active {
/* background-color: black; */
color: white;
}
.weather-area {
direction: ltr;
display: flex;
justify-content: space-between;
border: 2px solid #2c7c3d;
border-radius: 5px;
}
.item-search {
display: flex;
justify-content: space-between;
}
.item-search .item-box {
width: 445px;
margin: 15px 10px;
/*background: linear-gradient(45deg, rgba(0, 77, 38, 1) 0%, rgba(203, 183, 47, 1) 100%);*/
}
.item-search .s6-mid-lft p {
color: #ffffff;
}
.itemSearchHeading {
font-size: 42px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #2c7c3d;
}
.mobile-header-section {
display: none;
}
.dealHeading {
font-size: 24px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #2c7c3d;
font-weight: bold;
margin: 10px 10px;
}
.dropbtn {
background-color: white !important;
color: black !important;
padding: 13px !important;
font-size: 14px !important;
border: aqua;
cursor: pointer !important;
width: 203px;
height: 30px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
text-align: justify;
line-height: 0;
}
.dropbtn:hover,
.dropbtn:focus {
background-color: white !important;
}
.dropdown {
position: relative !important;
display: inline-block !important;
}
.dropbtn::after {
position: absolute;
left: 18px;
content: '\25BC';
color: green;
font-size: 10px;
}
.dropdown-content {
display: none !important;
position: absolute !important;
background-color: white !important;
min-width: 203px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3) !important;
z-index: 32 !important;
border-radius: 10px;
}
.dropdown-content a {
color: black !important;
padding: 5px 14px !important;
text-decoration: none !important;
display: block !important;
font-size: 13px;
}
.deal-text {
color: #fff;
font-size: 18px;
}
.deal-sec .item-box {
padding: 50px;
width: auto;
height: auto;
border: 2px solid #2d7d3e;
margin: 10px 15px;
position: relative;
background: linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(236, 222, 130, 1) 100%);
}
.detail-sec .item-box {
padding: 50px;
width: 1000px;
height: auto;
border: 2px solid #2d7d3e;
margin: 10px 15px;
position: relative;
background: linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(236, 222, 130, 1) 100%);
}
.detail-sec-background-blue {
background: linear-gradient(45deg, rgb(13, 152, 186) 0%, rgba(255, 255, 255, 1) 80%) !important;
}
.detail-sec-background-green {
background: linear-gradient(45deg, rgba(22, 160, 33, .8) 0%, rgba(255, 255, 255, 1) 80%) !important;
}
.detail-sec-background-camel {
background: linear-gradient(45deg, rgb(239, 162, 69) 0%, rgba(255, 255, 255, 1) 80%) !important;
}
.detail-sec-background-silver {
background: linear-gradient(45deg, rgba(192, 192, 192, 1) 0%, rgba(255, 255, 255, 1) 80%) !important;
}
.deal-sec .item-left {
margin: 0 20px;
}
.deal-sec .item {
display: flex;
}
.deal-sec .chart-dropdown select {
width: 450px;
margin: 0;
height: 50px;
font-size: 12px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #262222;
background-color: #fff;
background-position: calc(100% - 22.75rem) center !important;
}
.rangeHeading {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 30px;
font-weight: 400;
color: #262222;
margin-bottom: 0;
margin: 20px 0;
}
.inquiry-area input {
margin: 0 0 10px 0;
}
.inquiry-area .col-form-label {
margin-bottom: 10px;
}
.slider-handle,
.slider-selection {
background: linear-gradient(45deg, rgba(0, 77, 38, 1) 0%, rgba(203, 183, 47, 1) 100%);
}
#slider-div {
display: flex;
flex-direction: row;
margin-top: 30px;
}
#slider-div>div {
margin: 8px;
}
.slider-label {
position: absolute;
padding: 4px;
color: #000;
font-size: 20px;
}
.slider.slider-horizontal {
width: 341px;
}
.slider.slider-horizontal .slider-track {
background-color: #8e8e93 !important;
}
.range span {
font-size: 18px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
}
.deal-sec .charts-dropdown select {
width: 450px;
margin: 0;
height: 50px;
font-size: 12px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #262222;
background-color: #fff;
background-position: calc(100% - 16.75rem) center !important;
}
.saerchBtn {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-weight: bold;
font-size: 20px;
color: #ffffff;
padding: 15px 42px;
background: linear-gradient(0deg, rgba(30, 51, 25, 1) 0%, rgba(204, 183, 0, 1) 100%);
}
.search-btn a:hover {
color: #000;
}
.detail-area h3 {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-weight: bold;
font-size: 30px;
color: #004d26;
margin-bottom: 30px;
}
.detail h4 {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-weight: bold;
font-size: 24px;
color: #004d26;
margin-bottom: 20px;
}
.detail-price h5 {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 25px;
font-weight: 400;
color: #004d26;
margin-bottom: 20px;
}
.engroDetail img {
width: 40%;
}
#dataTable.dashboard td:nth-child(2) {
padding: 10px 20px;
}
#dataTable.dashboard th,
#dataTable.dashboard td {
padding: 6px 15px;
line-height: 20px;
}
#dataTable.dashboard th,
#dataTable.dashboard td,
#dataTable.dashboard .answer-btn,
#dataTable.dashboard .delete-btns,
#dataTable.dashboard .answer-btn {
font-size: 10px;
}
#dataTable.dashboard .more-deals {
padding: 8px 12px;
font-size: 10px;
}
#dataTable.dashboard .answer-btn,
#dataTable.dashboard .delete-btns,
#dataTable.dashboard .answer-btn {
padding: 8px 12px;
}
#dataTable.dashboard td img {
width: 30px;
}
.dashoard-form select {
width: 100%;
font-size: 20px;
font-weight: 600;
background-color: #ffffff;
/* White background */
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: left 1rem center !important;
background-size: 10px 10px;
padding-right: 2rem;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding: 15px 20px;
}
.dashoard-form .find-btn {
text-align: end;
}
.dashoard-form {
padding: 47px;
background-color: #f3f7f8;
}
.dashoard-form a {
background: #110c34;
font-size: 18px;
color: #fff;
padding: 10px 50px;
border-radius: 10px;
}
.trader-modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.trader-modal-content {
background-color: #fefefe;
margin: 10% auto;
padding: 20px;
border: 1px solid #888;
width: 95%;
max-width: 600px;
border-radius: 8px;
position: relative;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.trader-close {
color: #fff;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
position: absolute;
top: -15px;
right: -10px;
background: #000;
border-radius: 50%;
width: 30px;
height: 30px;
text-align: center;
}
.trader-close:hover {
color: #fff;
}
.trader-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
.trader-table th,
.trader-table td {
border: 1px solid #ddd;
padding: 2px 10px;
text-align: right;
}
.trader-table td {
font-size: 20px;
font-weight: 600;
line-height: 56px;
}
.trader-table th {
background-color: #668740;
font-weight: bold;
font-size: 16px;
color: #fff;
line-height: 38px;
}
.trader-modal-header img {
width: 50px;
height: 50px;
object-fit: contain;
}
.trader-modal-header span {
font-weight: 600;
}
.trader-modal-header {
padding: 0px 0 10px 0;
border-bottom: 1px solid #eee;
margin-bottom: 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.trader-modal-header h2 {
margin: 0;
color: #668740;
font-size: 22px;
}
.trader-modal-footer {
text-align: center;
}
.trader-modal-footer a {
text-align: center;
font-size: 16px;
color: #fff;
background: #000;
padding: 10px 25px;
border-radius: 10px;
/* margin: 0 auto;
width: 65%; */
}
.login-form {
background: linear-gradient(to bottom, #e6f0fa, #ffffff);
padding: 5.5rem 0 7.5rem 0;
height: 60vh;
}
.login-form .login-container {
text-align: center;
max-width: 40%;
width: 100%;
margin: 0 auto;
}
.login-form .login-container .field-data {
display: flex;
justify-content: space-between;
}
.login-form input[type="text"],
.login-form input[type="password"] {
display: block;
width: 500px;
padding: 8px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
.login-form .checkbox {
display: flex;
align-items: baseline;
justify-content: left;
direction: ltr;
gap: 15px;
}
.login-form .field-data label {
font-weight: bold;
font-size: 18px;
color: #0b0b32;
}
.login-form .checkbox label {
margin-right: 5px;
font-size: 16px;
font-weight: 700;
color: #0b0b32;
}
.login-form .login-btn {
background-color: #0b0b32;
color: white;
border: none;
padding: 15px 70px;
font-size: 18px;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
}
.login-form .login-button {
text-align: end;
}
.login-form .checkbox input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 35px;
height: 25px;
border: 2px solid #0b0b32;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: relative;
top: 6px;
}
.login-form .checkbox input[type="checkbox"]:checked::after {
content: '\2713';
font-size: 32px;
color: #0b0b32;
font-weight: bold;
position: absolute;
top: -8px;
left: 8px;
}
.dashboard-card {
background: linear-gradient(to bottom, #ffffff 60%, #f1e5cb 100%);
padding: 0px 20px 20px 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
border-bottom: 10px solid #668740;
margin-bottom: 30px;
}
.dashboard-card .subtitle span {
color: #668740;
font-weight: 700;
font-size: 22px;
margin-bottom: 6px;
}
.dashboard-card .title {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
background: #000;
color: #fff;
line-height: 42px;
display: inline-block;
padding: 10px 60px;
/* border-radius: 0 0 25px 25px; */
clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%);
}
.dashboard-card .subtitle {
font-size: 14px;
margin-bottom: 15px;
color: #110c34;
display: grid;
font-weight: 800;
}
.dashboard-card .percentage {
font-size: 36px;
font-weight: bold;
color: #110c34;
margin-top: 10px;
}
.dealerManagement-sec .sidebar-menu li.active {
color: white !important;
}
.dealerManagement-sec .sidebar-menu li.active a {
color: white;
}
.dealerManagement-sec .sidebar-menu .dropdown.open .plus-icon {
color: #000 !important;
}
.dealerManagement-sec .dropdown-menu li a {
color: black !important;
text-decoration: none;
}
.dealerManagement-sec {
position: relative;
background: linear-gradient(to bottom, #e6f0fa, #ffffff);
}
.dealerManagement-sec .sidebar {
width: 320px;
background-color: #f3f7f8;
border-right: 1px solid #f3f7f8;
transition: all 0.3s ease-in-out;
direction: rtl;
box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);
position: relative;
height: 100vh;
}
.dealerManagement-sec .sidebar-content {
padding: 20px;
direction: rtl;
}
.dealerManagement-sec .sidebar h1 {
font-size: 20px;
margin-top: 0;
margin-bottom: 20px;
color: #110c34;
}
.dealerManagement-sec .sidebar-menu {
list-style: none;
padding: 0;
top: 0;
}
.dealerManagement-sec .sidebar-menu .dropdown {
margin-bottom: 0;
}
.delete-btns {
background-color: #668740;
border-radius: 10px;
font-size: 18px;
font-weight: bold;
color: #fff;
padding: 12px 25px;
}
.answer-btn {
background-color: #0e0c32;
border-radius: 10px;
font-size: 18px;
font-weight: bold;
color: #fff;
padding: 12px 25px;
}
.dealerManagement-sec .sidebar-menu li {
cursor: pointer;
transition: all 0.3s ease-in-out;
padding: 2px 15px;
border-radius: 4px;
position: relative;
text-align: right;
width: 100%;
font-size: 22px;
font-weight: 700;
color: #110c34;
display: flex;
justify-content: space-between;
line-height: 42px;
}
.dealerManagement-sec .sidebar-menu li a {
color: #110c34;
}
/* .dealerManagement-sec .sidebar-menu li:hover {
color: #007bff;
background-color: #e9ecef;
}
.dealerManagement-sec .sidebar-menu li.active {
background-color: #007bff;
color: white;
} */
.white-icon {
color: white !important;
}
.dealerManagement-sec .sidebar-menu li .plus-icon.active {
color: #fff;
}
.menu-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.plus-icon {
font-size: 1.5rem;
transition: transform 0.3s;
color: green;
}
.dealerManagement-sec .dropdown-menu {
display: none;
background: #fff;
list-style: none;
padding: 10px;
padding-right: 20px;
margin-top: 5px;
border-radius: 5px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
position: relative;
animation: fadeIn 0.3s ease-in-out;
}
.dealerManagement-sec .dropdown-menu li {
padding: 10px 0;
margin-bottom: 0;
color: #110c34;
font-size: 16px;
}
.dealerManagement-sec .dropdown-menu li:hover {
color: #000;
background-color: transparent;
}
.dealerManagement-sec .dropdown.open .dropdown-menu {
display: block;
}
.dealerManagement-sec .dropdown.open .plus-icon {
transform: rotate(45deg);
}
.dealerManagement-sec .toggle-btn {
background: none;
border: none;
font-size: 2rem;
cursor: pointer;
position: absolute;
left: -46px;
top: 20px;
z-index: 10;
transition: all 0.3s ease-in-out;
background: #a2b78c;
color: white;
padding: 8px;
width: 45px;
height: 45px;
display: flex;
align-items: center;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding: 0;
margin: 0 auto;
justify-content: center;
}
.dealerManagement-sec .toggle-btn img {
width: 30px;
}
.dealerManagement-sec .collapsed {
width: 0;
transition: width 0.3s ease-in-out;
}
.dealerManagement-sec .collapsed .toggle-btn {
right: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.dealerManagement-sec .collapsed .sidebar-content {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.dealerManagement-sec .rotate-arrow {
transform: rotate(180deg);
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.dealerManagement-sec h1 {
margin-bottom: 20px;
}
.dealerManagement-sec .dropdown-menu {
display: none;
list-style: none;
padding-left: 15px;
}
.dealerManagement-sec .dropdown.active .dropdown-menu {
display: block !important;
top: 0;
float: none;
}
.dealerManagement-sec .menu-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
/* padding: 10px; */
margin-bottom: 10px;
border-radius: 5px;
}
table .sold td {
background-color: #e0e0e0;
}
table .sold-out {
color: #0b0b32;
}
.dealerManagement-sec .sidebar-menu li.active .plus-icon {
color: #fff;
position: relative;
top: -5px;
}
.dealerManagement-sec .sidebar-menu li.active {
background-color: #668740;
color: #fff;
border-radius: 5px;
line-height: 42px;
}
.dealerManagement-sec .sidebar.collapsed {
width: 10px;
}
.dealerManagement-sec .sidebar.collapsed .sidebar-content {
display: none;
}
.dealerManagement-sec .dropdown-toggle::after {
display: none;
}
.dealerManagement-sec table {
width: 100%;
border-collapse: collapse;
background-color: white;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.dealerManagement-sec th,
.dealerManagement-sec td {
padding: 12px 15px;
text-align: center;
border: 1px solid #ddd;
background-color: #f2f7f7;
}
.dealerManagement-sec td:nth-child(2) {
direction: ltr;
/* display: flex; */
justify-content: center;
gap: 15px;
color: #668740;
}
.dealerManagement-sec td {
font-size: 20px;
font-weight: 600;
/* line-height: 56px; */
}
.dealerManagement-sec th {
background-color: #668740;
font-weight: bold;
font-size: 20px;
color: #fff;
line-height: 38px
}
.dealerManagement-sec .accrpt-btn {
font-weight: bold;
color: #fff;
background-color: #0e0c32;
padding: 10px 25px;
border-radius: 10px;
font-size: 18px;
}
.dealerManagement-sec .accrpt-btn:hover {
background-color: #668740;
}
.nestedRow th {
background-color: #110c34;
}
.nestedRow .accrpt-blue {
font-weight: bold;
color: #fff;
background-color: #0e0c32;
padding: 12px 25px;
border-radius: 10px;
font-size: 18px;
margin-left: 15px;
}
.nestedRow .accrpt-blue img,
.nestedRow .accrpt-green img {
width: 30px;
margin-left: 15px;
}
.nestedRow .accrpt-green {
font-weight: bold;
color: #fff;
background-color: #668740;
padding: 12px 25px;
border-radius: 10px;
font-size: 18px;
}
.nestedRow td {
background-color: #fff;
}
.dealerManagement-sec .drow {
display: flex;
gap: 5%;
flex-wrap: nowrap;
align-items: flex-start;
transition: all 0.3s ease-in-out;
/* overflow: hidden; */
}
.dealerManagement-sec .sidebar {
width: 300px;
flex-shrink: 0;
transition: all 0.3s ease-in-out;
}
.dealerManagement-sec .content-container {
flex-grow: 1;
transition: all 0.3s ease-in-out;
max-width: 100%;
padding: 2.5rem 0 0 0;
}
.dealerManagement-sec.sidebar-hidden .sidebar {
display: none;
}
.dealerManagement-sec.sidebar-hidden .content-container {
max-width: 100%;
width: 100%;
}
.pagination-area {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15px;
margin-bottom: 30px;
direction: ltr;
/* gap: 5px; */
}
.pagination-area span {
margin-right: 10px;
font-size: 16px;
color: #110c34;
}
.pagination-area div {
display: flex;
align-items: center;
/* gap: 5px; */
}
.pagination-area button {
width: 50px;
height: 50px;
border: 1px solid #ccc;
background: #f2f7f7;
color: #666;
font-size: 16px;
font-weight: bold;
cursor: pointer;
/* border-radius: 5px; */
transition: all 0.3s ease;
}
.pagination-area svg {
width: 20px;
fill: #808281;
}
.pagination-area button:hover {
background: #f2f7f7;
}
.pagination-area button.active {
background: #1a183d;
color: white;
border-color: #1a183d;
}
.pagination-area button:first-child {
width: 50px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.pagination-area button:last-child {
width: 50px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.pagination-area button:first-child,
.pagination-area button:last-child {
font-size: 18px;
background: #f2f7f7;
border: 1px solid #ccc;
color: #000;
}
a:focus, button:focus, input:focus{
color: #fff;
}
.dealerManagement-sec.setting {
position: relative;
background: linear-gradient(to bottom, #e6f0fa 20%, #ffffff 35%);
}
.product-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
@media (max-width: 767px) {
.product-grid {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.detail-product .product-section .item.product-card img{
width: auto;
}
}
.setting-container {
display: flex;
}
.setting-form .Setting {
width: 100%;
max-width: 80%;
}
.Setting label {
font-weight: bold;
font-size: 22px;
color: #0b0b32;
margin-bottom: 5px;
/* Space between label and input */
width: 20%;
}
.setting-container.checks {
direction: ltr;
}
.setting-container.checks div {
display: flex;
gap: 10px;
margin-right: 30px;
align-items: unset;
}
.setting-container.checks label {
gap: 10px;
}
.setting-container.checks label {
display: contents;
}
.setting-container.checks input {
margin-bottom: 0;
}
.Setting input,
.Setting select {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
direction: ltr;
background-position: right 1rem center;
}
.dealerManagement-sec.setting {
padding-bottom: 7.5rem;
}
.Setting .upload-btn {
background-color: #e4e4e4;
border: none;
padding: 8px 15px;
cursor: pointer;
color: #0b0b32;
font-size: 16px;
border-radius: 5px;
font-weight: bold;
}
.content-container hr {
border-top: 1px solid rgba(0, 0, 0, 1);
}
.Setting .upload-btn:hover {
background-color: #d6d6d6;
}
.Setting input[type="file"] {
display: none;
}
.Setting .file-name {
width: 74%;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #fff;
display: inline-block;
height: 40px;
margin-bottom: 0;
}
.setting-container.file-type div {
direction: ltr;
width: 100%;
display: flex;
gap: 20px;
align-items: end;
}
.Setting button {
color: white;
padding: 12px;
font-size: 16px;
font-weight: 900;
border: none;
border-radius: 8px;
cursor: pointer;
width: 25%;
background-color: #110c34;
}
/* Remove default appearance */
.Setting input[type="checkbox"],
.Setting input[type="radio"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* Custom Checkbox */
.custom-checkbox {
display: inline-block;
width: 30px;
height: 30px;
border: 2px solid #ccc;
border-radius: 4px;
position: relative;
margin-right: 8px;
vertical-align: middle;
cursor: pointer;
}
.Setting input[type="checkbox"]:checked+.custom-checkbox::after {
content: '\2713';
font-size: 24px;
color: #0b0b32;
font-weight: bold;
position: absolute;
top: 39%;
left: 50%;
transform: translate(-50%, -65%);
}
/* Custom Radio Button */
.custom-radio {
display: inline-block;
width: 30px;
height: 30px;
border: 2px solid #ccc;
border-radius: 50%;
position: relative;
margin-right: 8px;
vertical-align: middle;
cursor: pointer;
}
.Setting input[type="radio"]:checked+.custom-radio::after {
content: "";
width: 12px;
height: 12px;
background: #0b0b32;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* Alignment */
.checkbox label,
.radio-label {
display: flex;
align-items: center;
font-size: 16px;
font-weight: bold;
color: #0b0b32;
cursor: pointer;
}
.font-weight-500 {
font-weight: 500;
}
.order-card {
padding: 15px;
border: 1px solid #c9cacc;
background-color: #fff;
margin-bottom: 30px;
}
.order-detail-sec .deal-sec {
justify-content: flex-start;
}
.order-detail-sec .deal-sec .more-deals {
width: 180px;
height: 50px;
text-align: center;
display: flex;
padding: 0;
align-items: center;
justify-content: center;
border: 1px solid #5A7228;
}
.order-detail-sec .deal-sec .more-deals.order-confirm-btn {
background: transparent;
border: 1px solid #110c34;
color: #110c34;
}
.order-detail-sec .deal-sec .more-deals img {
width: 30px;
}
.order-detail-sec .bottom:hover {
color: #5A7228;
}
.custom-checkboxs {
position: relative;
cursor: pointer;
width: 100%;
}
.custom-checkboxs input[type="checkbox"] {
display: none;
}
.checkmark {
width: 24px;
height: 24px;
border: 2px solid #ccc;
display: inline-block;
position: relative;
margin-right: 10px;
position: absolute;
left: 30px;
top: 30px;
}
.checkmark.for_text {
top: 0px;
}
.custom-checkboxs input[type="checkbox"]:checked+.checkmark::after {
content: "";
position: absolute;
left: 6px;
top: 1px;
width: 8px;
height: 14px;
border: solid #66bb6a;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
.terms-modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.terms-modal p,
.terms-modal label {
font-size: 22px;
font-weight: 700;
color: #fff;
}
.terms-modal-content {
background-color: #fff;
margin: 10% auto;
padding: 20px;
border: none;
max-width: 600px;
text-align: right;
border-radius: 8px;
position: relative;
}
.terms-close {
position: absolute;
top: 25px;
left: 15px;
font-size: 28px;
cursor: pointer;
background: #000;
color: #fff;
width: 25px;
height: 25px;
line-height: 20px;
text-align: center;
border-radius: 50px;
}
.terms-checkbox {
transform: scale(1.8);
margin-right: 10px;
margin-bottom: 0;
vertical-align: middle;
}
.modal-btn-terms {
padding: 10px 30px 18px;
border-radius: 4px;
font-size: 20px;
background-color: #000;
color: #fff;
}
.top-gradient {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 200px;
background: linear-gradient(to bottom, #b7d2e9 0%, #ffffff 100%);
z-index: -1;
/* so it's behind other content */
}
.img_product {
width: 250px;
}
#reg_phone,
#reg_phone::placeholder{
color:#fff!important;
}
/* ===================================
Media Query
====================================== */
@media (max-width: 2560px) and (min-width: 2000px) {
.banner-img img {
min-height: 55vh;
height: 55vh;
}
}
@media (max-width: 1599px) and (min-width: 1367px) {
.product-section .project-links-left,
.product-section .project-links-right {
top: 76%!important;
}
.order-detail-sec .order-img img {
width: 400px !important;
}
.order-detail-sec .order-img .img_product {
width: 250px !important;
}
.banner-img img {
min-height: 85vh;
height: 85vh;
}
.login-form {
height: 52vh;
padding: 4.5rem 0 7.5rem 0;
}
#dataTable.dashboard th,
#dataTable.dashboard td,
#dataTable.dashboard .answer-btn,
#dataTable.dashboard .delete-btns,
#dataTable.dashboard .answer-btn {
font-size: 9px;
}
}
@media (max-width: 1450px) and (min-width: 1400px) {
.item-sec .item-box {
width: 436px;
}
#dataTable.dashboard th,
#dataTable.dashboard td,
#dataTable.dashboard .answer-btn,
#dataTable.dashboard .delete-btns,
#dataTable.dashboard .answer-btn {
font-size: 9px;
}
.product-section .project-links-left,
.product-section .project-links-right {
top: 50%;
}
.product-section .project-links-left {
left: 3%;
}
.product-section .project-links-right {
right: 3%;
}
.deal-sec.reference .title-text::after {
width: 82%;
}
.banner-img img {
min-height: 50vh;
height: 50vh;
}
.order-detail-sec .order-img img {
width: 300px !important;
}
}
@media (max-width: 1366px) and (min-width: 1281px) {
.navbar-nav .nav-link {
margin: 16px 0.8rem;
}
.dealerManagement-sec td {
font-size: 16px;
}
.order-detail-sec .order-img img {
width: 300px !important;
}
#dataTable.dashboard th,
#dataTable.dashboard td,
#dataTable.dashboard .answer-btn,
#dataTable.dashboard .delete-btns,
#dataTable.dashboard .answer-btn {
font-size: 8px;
}
.dealerManagement-sec .sidebar {
width: 260px;
}
.banner-img img {
min-height: 55vh;
height: 55vh;
}
.login-form .login-container {
text-align: center;
max-width: 45%;
}
.product-section .project-links-left {
left: 3%;
}
.product-section .project-links-right {
right: 3%;
}
.deal-sec .title-text::after {
width: 84%;
}
.deal-sec.reference .title-text::after {
width: 82%;
}
.navbar-brand img {
width: 150px;
}
.item-sec .item-box {
width: 424px;
}
.navbar .navbar-nav .nav-link {
font-size: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.navbar .container {
padding: 0;
}
.navbar {
padding: 14px 0;
}
.item-sec .item-left {
display: flex;
flex-direction: row-reverse;
}
SELECT {
background-position: calc(100% - 6rem) center !important;
}
.chart-dropdown select {
width: 125px;
}
.item-search .item-box {
width: 430px;
}
}
@media (max-width: 1280px) and (min-width: 1201px) {
.navbar-nav .nav-link {
margin: 16px 1rem;
}
.banner-img{
top: -1%;
}
.deal-sec.detail .title-text::after {
width: 82.8%!important;
}
/* .product-section .item.product-card .product-img{
height: 220px;
} */
.deal-sec.detail .product-card .product{
height: auto;
}
#dataTable.dashboard th,
#dataTable.dashboard td,
#dataTable.dashboard .answer-btn,
#dataTable.dashboard .delete-btns,
#dataTable.dashboard .answer-btn {
font-size: 8px;
}
#dataTable.dashboard th,
#dataTable.dashboard td {
padding: 3px 8px;
line-height: 20px;
}
.deal-sec.reference .title-text::after {
width: 80%;
}
.nestedRow .accrpt-green,
.nestedRow .accrpt-blue {
padding: 8px 10px;
font-size: 14px;
}
.order-detail-sec .order-img {
text-align: center;
}
.order-detail-sec .order-img img {
width: 300px !important;
}
.dealerManagement-sec td {
font-size: 14px;
}
.dealerManagement-sec .accrpt-btn {
padding: 5px 38px;
}
.login-form {
height: 45vh;
}
.font-32 {
font-size: 24px;
line-height: 36px;
}
.banner-img img {
min-height: 100vh;
height: 100vh;
}
.deal-sec .title-text::after {
width: 84%;
}
.item-sec .item-box {
width: 396px;
}
.navbar-brand img {
width: 150px;
}
.product-section .project-links-left {
position: absolute;
top: 74%;
left: 3%;
z-index: 1;
cursor: pointer;
width: 50px;
height: 50px;
}
.product-section .project-links-right {
position: absolute;
top: 74%;
right: 3%;
z-index: 1;
cursor: pointer;
width: 50px;
height: 50px;
}
.navbar .container {
padding: 0;
}
.navbar-brand {
margin-right: 0 !important;
}
.navbar {
padding: 14px 0;
}
.item-sec .item-left {
display: flex;
flex-direction: row-reverse;
}
SELECT {
background-position: calc(50% - 6rem) center !important;
}
.chart-dropdown select {
width: 115px;
}
.item-search .item-box {
width: 400px;
}
.detail-sec .item-box {
padding: 50px;
width: 920px;
}
}
@media (max-width: 1152px) and (min-width: 1024px) {
.partner-sec img {
width: 80%;
height: auto;
}
.trader-modal-content {
background-color: #fefefe;
margin: 30% auto;
}
.order-detail-sec .order-img .img_product {
width: 250px !important;
}
.font-32 {
font-size: 24px;
}
.order-detail-sec .order-img {
text-align: center;
}
.order-detail-sec .order-img img {
width: 400px !important;
}
.order-detail-sec .order-card p,
.order-detail-sec p {
font-size: 22px;
}
.nestedRow .accrpt-green,
.nestedRow .accrpt-blue {
padding: 8px 10px;
font-size: 14px;
}
.dealerManagement-sec .content-container {
max-width: 90%;
margin: 0 auto;
}
.dealerManagement-sec .sidebar.collapsed {
position: absolute;
width: 230px;
z-index: 1;
}
.dealerManagement-sec .collapsed .toggle-btn {
right: 220px;
}
.dealerManagement-sec .sidebar.collapsed .sidebar-content {
display: block;
opacity: 1;
}
.dealerManagement-sec td {
font-size: 16px;
}
.dealerManagement-sec .sidebar {
width: 0px;
}
.dealerManagement-sec .sidebar-content {
opacity: 0;
}
.dealerManagement-sec .accrpt-btn {
padding: 5px 30px;
font-size: 16px;
}
.dealerManagement-sec .sidebar-menu li {
margin-bottom: 5px;
cursor: pointer;
transition: all 0.3s ease-in-out;
padding: 10px 10px;
border-radius: 4px;
position: relative;
text-align: right;
width: 100%;
font-size: 16px;
}
.login-form .login-container {
text-align: center;
max-width: 60%;
}
.banner-img img {
min-height: 50vh;
height: 50vh;
}
.item-sec .item-box {
width: 311px;
}
.product-section .project-links-right a i,
.product-section .project-links-left a i {
color: #202020;
font-size: 40px;
}
.product-section .project-links-left,
.product-section .project-links-right {
top: 46%;
left: 3%;
width: 50px;
height: 50px;
}
.product-section .project-links-right {
right: 3%;
}
.deal-sec .title-text::after {
width: 82%;
}
.deal-sec.reference .title-text::after {
width: 74%;
}
.sold-out-badge {
padding: 8px 20px !important;
}
.partner-sec .row {
justify-content: center;
align-items: center;
}
.companyPartner h3 {
font-size: 28px;
}
.companyPartner span {
font-size: 22px;
}
.chart-area p {
font-size: 22px;
}
.chart-area h3 {
font-size: 28px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #2C7C3D;
padding: 15px 0px 15px 30px;
}
.fertiText h4 {
font-size: 18px;
}
.fertiText h3 {
font-size: 20px;
}
SELECT {
background-position: calc(100% - 7.5rem) center !important;
}
.dropbtn {
width: 140px;
}
.dropdown-content {
min-width: 140px;
}
.chart-dropdown select {
width: 88px;
margin: 0 8px;
font-size: 12px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #262222;
}
.fixed_header th,
.fixed_header td {
padding: 11px 13px 10px 0px;
text-align: right;
width: 20%;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 17px;
border: 1px solid #999;
}
.navbar-nav .nav-link {
margin: 16px 0.5rem;
}
.navbar-brand img {
width: 150px;
}
.navbar .navbar-nav .nav-link {
font-size: 14px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.navbar .container {
padding: 0;
}
.navbar-brand {
margin-right: 0 !important;
}
.navbar {
padding: 14px 0;
}
.item-sec .item-left {
display: flex;
flex-direction: row-reverse;
}
.search-area {
position: relative;
top: -82%;
left: -15px;
}
.deal-sec .item-box {
width: auto;
margin: 10px 0px;
padding: 50px 20px;
height: 490px;
text-align: right;
}
.slider.slider-horizontal {
width: 269px;
}
.deal-sec .charts-dropdown select {
width: 315px;
background-position: calc(100% - 12.75rem) center !important;
}
.deal-sec .chart-dropdown select {
background-position: calc(100% - 18.75rem) center !important;
}
.dealerManagement-sec.dashboard .col-lg-6 {
flex: 0 0 100%;
max-width: 100%;
}
.dealerManagement-sec.dashboard .row {
flex-wrap: wrap;
}
.range {
display: inline-block;
margin-bottom: 20px;
}
.s6-mid-rt h3 {
font-size: 25px;
}
.s6-mid-rt p {
font-size: 17px;
}
.s6-mid-rt span {
font-size: 17px;
}
.item-search .item-box {
width: 329px;
padding: 5px;
margin: 15px 3px;
}
.detail-sec .item-box {
width: 735px;
}
.detail h4 {
font-size: 25px;
}
.news-text {
font-size: 14px;
}
.detail-sec .search-area {
position: relative;
top: -66%;
left: -15px;
}
.detail-sec .search-icon {
width: 16%;
margin-bottom: 14px;
}
.detail-sec .search-area h3 {
font-size: 16px;
}
}
.header-login-btn {
display: none;
}
@media (width: 1024px) {
.product-section .project-links-left,
.product-section .project-links-right {
top: 33%;
left: 3%;
width: 50px;
height: 50px;
}
.product-section .project-links-right {
right: 3%;
}
.banner-img img {
min-height: 30vh;
height: 30vh;
}
}
@media (width: 1180px) {
.item-sec .item-box {
width: 357px;
}
.dealerManagement-sec.dashboard .row {
flex-wrap: wrap;
}
}
@media (width: 844px) {
.s6-mid-rt-super .s6-txt1-super {
font-size: 20px !important;
}
.s6-mid-rt h3 {
font-size: 20px !important;
}
.dealerManagement-sec.dashboard .row {
flex-wrap: wrap;
}
.s6-mid-rt-super p {
font-size: 16px !important;
}
.s6-mid-rt-super span {
font-size: 16px !important;
margin-right: 10px !important;
}
.s6-icon {
height: 100px !important;
}
.item-sec .item-box {
width: 247px !important;
}
.sold-out-badge {
padding: 5px 20px !important;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.sidemenu_btn {
top: 20px;
}
.answer-btn,
.delete-btns {
font-size: 14px;
}
.setting-container.file-type div {
width: 116%;
}
.deal-sec.reference .title-text::after {
width: 60%;
}
.deal-sec .title-text::after {
width: 72%;
}
.setting-form .Setting {
width: 100%;
max-width: 100%;
}
.trader-modal-content {
background-color: #fefefe;
margin: 40% auto;
}
.nestedRow .accrpt-green,
.nestedRow .accrpt-blue {
padding: 8px 10px;
font-size: 9px;
}
.nestedRow .accrpt-blue img,
.nestedRow .accrpt-green img {
width: 20px;
margin-left: 15px;
}
.dealerManagement-sec.dashboard .row {
flex-wrap: wrap;
}
.dealerManagement-sec .content-container {
max-width: 90%;
margin: 0 auto;
}
.dealerManagement-sec .sidebar.collapsed {
position: absolute;
width: 230px;
z-index: 1;
}
.dealerManagement-sec .collapsed .toggle-btn {
right: 220px;
}
.dealerManagement-sec .sidebar.collapsed .sidebar-content {
display: block;
opacity: 1;
}
.dealerManagement-sec td {
font-size: 14px;
}
.font-32 {
font-size: 20px;
line-height: 30px;
}
.dealerManagement-sec .sidebar {
width: 0px;
}
.dealerManagement-sec .sidebar-content {
opacity: 0;
}
.dealerManagement-sec .accrpt-btn {
padding: 5px 14px;
font-size: 12px;
}
.dealerManagement-sec th {
font-size: 16px;
}
.dealerManagement-sec .sidebar-menu li {
margin-bottom: 5px;
cursor: pointer;
transition: all 0.3s ease-in-out;
padding: 10px 10px;
border-radius: 4px;
position: relative;
text-align: right;
width: 100%;
font-size: 14px;
}
.login-form .login-container {
text-align: center;
max-width: 80%;
}
.chart-area,
.product-card {
margin-top: 15px;
}
.navbar-brand img {
width: 150px !important;
margin-right: 20px;
}
.dropbtn {
width: 353px;
}
.dropdown-content {
min-width: 353px;
}
.mobile-header-section {
display: block;
align-items: center;
display: flex;
justify-content: center;
}
.header-btn-icon {
margin-right: 16px;
}
.header-inquiry-btn,
.header-login-btn {
font-size: 14px !important;
height: 40px !important;
}
.item-sec .item-box {
width: 358px;
padding: 10px 10px;
}
.s6-mid-rt span {
font-size: 20px;
}
.s6-mid-rt p {
font-size: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
margin-bottom: 0px;
padding: 5px 0;
}
.header-inquiry-btn,
.header-login-btn {
flex: 1;
/*margin: 0 10px;*/
text-align: center;
padding: 10px 0;
background-color: #668740;
color: #fff !important;
border: 2px solid #668740;
border-radius: 10px;
font-size: 10px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
width: 100%;
}
.header-top-actions {
gap: 6px;
justify-content: center;
width: 100%;
}
.mobile-header-section .header-inquiry-btn {
max-width: 180px;
margin: 0 auto;
}
.mobile-header-section .header-inquiry-btn .header-btn-icon,
.mobile-header-section .header-login-btn {
display: none;
}
.s6-mid-rt h3 {
font-size: 28px;
}
.weather-area {
display: block;
text-align: center;
}
.partner-sec img {
width: 80%;
}
.item-sec .item-left {
display: flex;
flex-direction: row-reverse;
}
.search-area p {
font-size: 14px;
}
.search-area {
position: relative;
top: -76%;
left: -15px;
}
.chart-dropdown select {
width: 147px;
}
.deal-sec .item,
.item-search {
display: block;
/*text-align: center;*/
}
.deal-sec .item-box {
width: 765px;
margin: 10px 0px;
height: 820px;
padding: 50px 20px;
text-align: right;
}
.slider.slider-horizontal {
width: 445px;
}
.deal-sec .charts-dropdown select {
width: 445px;
background-position: calc(100% - 25.75rem) center !important;
}
.deal-sec .chart-dropdown select {
background-position: calc(100% - 25.75rem) center !important;
}
.range {
display: inline-block;
margin-bottom: 20px;
}
.w-detail {
width: 45%;
}
.detail-sec .item-box {
width: 749px;
margin: 10px -6px;
height: auto;
}
.item-search .s6-icon1 {
width: 75px;
}
.item-sec .item-box {
width: 344px;
padding: 10px 10px;
margin: 15px 2px;
height: 200px;
}
.img-size {
width: auto;
height: 91px !important;
}
.sold-out-badge {
transform: rotate(-21deg) translate(-47%, -143%) !important;
}
.s6-mid-rt p {
font-size: 17px;
}
.s6-mid-rt span {
font-size: 17px;
margin-right: 4px;
}
.deal-sec .item,
.item-search {
display: flex;
}
.detail-sec .search-icon {
width: 12%;
margin-bottom: 14px;
}
.deal-sec {
overflow-x: clip;
}
.detail-img img {
width: 200px !important;
}
.search-deal {
display: flex;
}
.engroDetail {
text-align: center;
}
.detail-sec .search-btn {
display: flex;
align-items: center;
justify-content: center;
}
.s6-icon1 {
width: 30%;
}
.s6-mid-lft p {
font-size: 18px;
}
.engroDetail img {
width: 28%;
}
.order-detail-sec .order-img {
text-align: center;
}
.order-detail-sec .order-img img {
width: 400px !important;
}
.order-detail-sec .checkmark {
left: 20px;
top: 20px;
}
.order-detail-sec .checkmark.for_text {
top: 5px;
}
.product-card-details {
display: flex;
direction: ltr;
justify-content: space-between;
align-items: center;
}
.product-card-details img {
width: 80px;
}
.product-card-details .text {
text-align: right;
}
.product-card-details .text .font-32 {
font-size: 22px;
margin-bottom: 10px !important;
}
.order-detail-sec .order-img .img_product {
width: 250px !important;
margin-top: 25px;
}
}
.blinking-image {
animation: blinker 4s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
@media (width: 820px) {
.s6-mid-rt-super .s6-txt1-super {
font-size: 18px !important;
}
.login-form {
height: 70vh;
}
.item-sec .item-box-super {
padding: 10px;
}
.deal-sec .title-text::after {
width: 78%;
}
.deal-sec.reference .title-text::after {
width: 68%;
}
.s6-mid-rt-super p {
font-size: 14px !important;
}
.s6-mid-rt-super span {
font-size: 16px !important;
}
.s6-icon {
width: 80px !important;
height: 100px !important;
}
.dropbtn {
width: 370px;
}
.projects .product-card{
height: auto;
}
.dropdown-content {
min-width: 370px;
}
}
@media (width: 820px) {
.detail-sec .item-box {
width: 770px;
}
.item-search .s6-icon1 {
width: 75px;
}
.item-sec .item-box {
width: 233px;
padding: 10px 10px;
margin: 15px 2px;
height: 200px;
}
.s6-mid-rt h3 {
font-size: 16px;
}
.sold-out-badge {
transform: rotate(-21deg) translate(-47%, -100%) !important;
padding: 10px 20px !important;
}
.s6-mid-rt p {
font-size: 17px;
}
.s6-mid-rt span {
font-size: 17px;
}
.deal-sec .item,
.item-search {
display: flex;
}
.detail-sec .search-icon {
width: 12%;
margin-bottom: 14px;
}
.deal-sec {
overflow-x: clip;
}
.s6-icon1 {
width: 35%;
}
}
@media (max-width: 767px) {
.chart-area h4 {
font-size: 20px;
text-align: left;
margin-top: 0px;
font-weight: 600;
}
.dashoard-form {
padding: 20px;
}
.Setting label {
font-weight: bold;
font-size: 18px;
}
.pagination-area {
display: block;
}
.pagination-area div {
margin-top: 15px;
}
.order-detail-sec .deal-sec {
justify-content: center;
}
.order-confirm-product-img {
width: 100px !important;
}
.dealerManagement-sec.dashboard .row {
flex-wrap: wrap;
}
.trader-modal-content {
margin: 65% auto;
}
.trader-modal-footer a {
text-align: center;
font-size: 14px;
}
.setting-form .Setting {
width: 100%;
max-width: 100%;
}
.projects .product-card{
height: auto;
}
.setting-container {
display: block;
}
.Setting label {
width: 100%;
margin-bottom: 15px;
}
.custom-checkboxs input[type="checkbox"]:checked + .checkmark::after{
left: 6px!important;
top: -2px!important;
}
.Setting input,
.Setting select {
margin-bottom: 20px;
}
.Setting .upload-btn {
width: 50%;
font-size: 14px;
}
.setting-container.checks label {
display: flex;
}
.Setting button {
width: 50%;
}
.setting-container.update-profile {
text-align: end;
}
.dealerManagement-sec.setting {
padding-bottom: 3.5rem;
}
.dealerManagement-sec .content-container {
max-width: 90%;
margin: 0 auto;
}
.dealerManagement-sec .sidebar.collapsed {
position: absolute;
width: 230px;
z-index: 1;
}
.dealerManagement-sec .collapsed .toggle-btn {
right: 220px;
}
.dealerManagement-sec .sidebar.collapsed .sidebar-content {
display: block;
opacity: 1;
}
.font-32 {
font-size: 20px;
line-height: 30px;
}
.dealerManagement-sec .sidebar {
width: 0px;
}
.dealerManagement-sec .sidebar-content {
display: none;
}
.dealerManagement-sec .accrpt-btn {
padding: 5px 14px;
font-size: 12px;
}
.dealerManagement-sec .sidebar-menu li {
margin-bottom: 5px;
cursor: pointer;
transition: all 0.3s ease-in-out;
padding: 10px 10px;
border-radius: 4px;
position: relative;
text-align: right;
width: 100%;
font-size: 14px;
}
.dealerManagement-sec .content-container {
padding: 5.5rem 0 0 0;
}
.login-form {
height: 70vh;
}
.font-32 {
font-size: 26px;
line-height: 34px;
}
.banner-img img {
min-height: 50vh;
height: 50vh;
}
.profile-dropdown .name-text,
.profile-dropdown .welcome-texts {
font-size: 16px;
}
.profile-dropdown .profile-img {
width: 40px;
height: 40px;
}
.profile-info.dropdown {
align-items: end;
}
.deal-sec .title-text,
.product-section .title-text {
font-size: 30px;
}
.h2, h2 {
font-size: 1.2rem;
}
.btn-filter:hover{
color: #fff;
}
.deal-sec .title-text::after {
width: 50%;
}
.product-card h3 {
font-size: 20px;
/* margin: 10px 0; */
}
.projects .product-card h3 {
font-size: 22px;
margin-top:15px;
}
.projects .product-price{
font-size: 20px;
}
.product-section .item.product-card .product-img{
position: relative;
/* top: -15px; */
}
.ferti-sec .blog-text{
font-size: 22px;
}
.daily_update .header {
display: block;
text-align: center;
}
.date-area {
display: block;
font-size: 12px;
}
.date-area label {
margin-left: 20px;
}
.daily_update .header h2 {
margin-bottom: 15px;
}
.arrow {
width: 15px !important;
}
.more-info {
font-size: 13px;
padding: 5px 8px;
}
.price,
.product-price {
font-size: 18px;
}
.filter-title{
font-size:32px;
}
.product-section .project-links-right a i,
.product-section .project-links-left a i {
font-size: 32px;
}
.product-section .project-links-left,
.product-section .project-links-right {
width: 50px;
height: 50px;
}
.deal-sec .more-deals {
padding: 5px 15px;
font-size: 13px;
align-items: center;
}
.deal-sec.reference .title-text::after {
width: 32%;
}
.super-deal.item-box-super {
width: 200px !important;
margin-bottom: 10px !important;
}
.filter-title{
font-size: 32px;
}
.chart-area{
padding: 20px;
}
.dropdown-content {
min-width: 157px;
}
.dropbtn {
width: 157px;
}
.filtered-area {
position: sticky;
top: 0;
z-index: 11
}
.whatsapp-button {
padding: 10px 6px 13px 7px;
}
.detail-area h3 {
font-size: 16px;
}
.item-sec .item-box-super-detail {
height: auto !important;
}
.mobile-header-section {
display: flex;
align-items: center;
justify-content: center;
}
.item-sec .s6-txt1 {
font-size: .8rem;
}
.dealHeading {
font-size: 16px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #2c7c3d;
font-weight: bold;
margin: 10px 5px;
}
.item-sec .item-box {
margin: 4px 0px !important;
}
.deal-text {
color: #fff;
font-size: 9px;
}
.navbar-brand {
margin-right: 2rem !important;
}
.header-inquiry-btn,
.header-login-btn {
flex: 1;
/*margin: 0 10px;*/
text-align: center;
padding: 10px 0;
background-color: #668740;
color: #fff !important;
border: 2px solid #668740;
border-radius: 8px;
font-size: 14px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
width: 100%;
}
.header-top-actions {
gap: 6px;
justify-content: center;
width: 100%;
}
.mobile-header-section .header-inquiry-btn {
max-width: 180px;
margin: 0 auto;
}
.mobile-header-section .header-inquiry-btn .header-btn-icon,
.mobile-header-section .header-login-btn {
display: none;
}
.header-btn-icon {
width: 12px;
height: 9px;
margin-right: 12px;
filter: brightness(0) invert(1) ;
}
.side-menu {
width: 100%;
}
.banner-heading h1 {
font-size: 24px;
}
.newtext p {
font-size: 20px;
}
.s6-mid-rt h3 {
font-size: 28px;
}
.s6-mid-rt p {
font-size: x-small;
padding: 0px 0;
}
.chart-area h3 {
font-size: 18px;
padding:0px;
}
.chart-area {
margin-top: 15px;
}
.product-card {
padding: 20px 15px;
margin-bottom: 10px;
}
.news-actions {
justify-content: space-between;
}
.news-title {
font-size: 14px;
}
.news-text {
font-size: 14px;
flex: 1;
text-align: right;
margin-right: 6px;
margin-top: 6px;
font-weight: 600;
}
.chart-area p {
font-size: 14px;
line-height: 32px;
}
.chart-dropdown select {
width: 149px;
margin: 5px 4px;
font-size: 12px;
}
.fixed_header th,
.fixed_header td {
padding: 11px 2px 10px 0px;
font-size: 15px;
}
.footer-area h5 {
font-size: 14px;
}
.partner-sec .logo-img {
max-width: 100% !important;
}
.partner-sec .footer-area {
text-align: center;
margin-bottom: 15px;
}
.partner-sec img {
width: 100%;
}
.companyPartner span {
font-size: 14px;
margin-bottom: 2px;
}
.companyPartner h3 {
font-size: 18px;
color: #2c7c3d;
}
.fertiText h3 {
font-size: 16px !important;
color: #2c7c3d;
padding: 0px;
margin: 0;
}
.fertiText h4 {
font-size: 14px;
}
.weather-area {
display: block;
text-align: center;
}
.item-box {
padding: 10px 10px;
}
/* .s6-mid-rt span {
font-size: 20px;
} */
.deal-sec .item,
.item-search {
display: block;
text-align: center;
}
.deal-sec .item-box {
width: 377px;
margin: 10px 0px;
height: 750px;
padding: 50px 20px;
}
.slider.slider-horizontal {
width: 345px;
}
.deal-sec .charts-dropdown select {
width: 350px;
background-position: calc(100% - 19.75rem) center !important;
}
.deal-sec .chart-dropdown select {
background-position: calc(100% - 19.75rem) center !important;
}
.detail-sec .item-box {
padding: 20px;
width: auto;
height: auto;
margin: 10px -4px;
}
.detail-btn {
display: grid;
}
.detail-btn .search-btn {
margin-top: 10px;
}
.engroDetail {
text-align: center;
}
.w-detail {
width: 50%;
}
.detail-price h5,
.detail h4 {
font-size: 10px;
font-weight: bold;
}
.engroDetail img {
width: 30%;
}
.order-detail-sec .font-32 {
font-size: 16px;
}
.order-detail-sec .checkmark {
width: 20px;
height: 20px;
left: 15px;
top: 24px;
}
.order-detail-sec .checkmark.for_text {
top: 4px;
}
.order-detail-sec h1 {
font-size: 2rem;
text-align: center;
}
.order-card {
margin-bottom: 15px;
}
.product-card-details {
display: flex;
direction: ltr;
justify-content: space-between;
align-items: center;
}
.product-card-details img {
width: 80px;
}
.product-card-details .text {
text-align: right;
}
.product-card-details .text .font-32 {
font-size: 22px;
margin-bottom: 10px !important;
}
.img_product {
width: 150px;
margin-top: 25px;
}
}
@media screen and (max-width: 430px) and (min-width: 400px) {
.deal-sec .item-box {
width: 414px;
}
.detail-sec .item-box {
padding: 47px;
width: auto;
height: auto;
}
}
@media (width: 412px) {
.item-sec .item-box {
width: 186px !important;
}
}
@media (max-width: 360px) {
.chart-dropdown select {
width: 134px;
}
.deal-sec .item-box {
width: 325px;
}
.more-info {
font-size: 10px;
padding: 0px 5px;
}
.fertiText h3 {
font-size: 11px !important;
}
.chart-area p {
font-size: 11px;
}
.product-section .project-links-left,
.product-section .project-links-right {
top: 65%;
}
.product-card {
padding: 15px 15px;
}
.dropbtn {
width: 150px;
}
.dropdown-content {
min-width: 150px;
}
.slider.slider-horizontal {
width: 296px;
}
.deal-sec .charts-dropdown select {
width: 324px;
background-position: calc(100% - 17.75rem) center !important;
}
.deal-sec .chart-dropdown select {
background-position: calc(100% - 16.75rem) center !important;
}
.item-sec .item-box {
width: 161px !important;
}
.detail-sec .item-box {
padding: 20px;
width: auto;
height: auto;
}
}
.img-size {
width: auto;
height: 150px;
}
.detail-whatsapp-btn {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-weight: bold;
font-size: 17px;
color: #000;
padding: 15px 42px;
background-color: #1B84FF;
}
.model-background {
background: #31A660CC;
}
.model-text-color {
color: #fff;
font-size: 17px;
}
.model-btn {
background: #177A27;
color: #fff;
}
.model-btn:hover {
color: #fff;
}
.line-clr {
background-color: white;
}
.pagination-links nav {
display: flex;
justify-content: center;
margin-top: 20px;
}
.pagination {
list-style: none;
padding: 0;
display: flex;
gap: 3px;
font-size: 8px;
}
.pagination li {
display: inline;
}
.pagination li a {
display: block;
padding: 10px 15px;
text-decoration: none;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 5px;
transition: background-color 0.3s, color 0.3s;
}
.pagination li a:hover {
background-color: #177A27;
color: #fff;
}
.pagination li.active a {
background-color: #177A27;
color: #fff;
border-color: #177A27;
}
.pagination li.disabled a {
color: #6c757d;
pointer-events: none;
background-color: #fff;
border-color: #dee2e6;
}
.news-ticker {
overflow: hidden;
height: 50px;
display: flex;
align-items: center;
}
.news-item {
display: none;
white-space: nowrap;
}
.news-item.active {
display: block;
}
.text-left {
float: left;
}
.offer-success {
border-color: #5cb85c;
}
.shape {
border-style: solid;
border-width: 0 0px 75px 90px;
float: right;
height: 0px;
width: 0px;
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
position: absolute;
top: 0;
left: 0;
}
.offer-success .shape {
border-color: transparent transparent transparent #5cb85c;
}
.shape-text {
color: #fff;
font-size: 18px;
font-weight: bold;
position: relative;
right: 42px;
top: -4px;
white-space: nowrap;
-ms-transform: rotate(310deg);
-o-transform: rotate(310deg);
-webkit-transform: rotate(310deg);
transform: rotate(315deg);
}
.highcharts-figure,
.highcharts-data-table table {
max-width: 800px;
margin: 1em auto;
}
.highcharts-data-table table {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
border-collapse: collapse;
border: 1px solid #ebebeb;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}
.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}
.highcharts-data-table th {
font-weight: 600;
padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}
.highcharts-data-table tr:hover {
background: #f1f7ff;
}
.whatsapp-button {
display: inline-block;
align-items: center;
background-color: #25D366;
color: white;
padding: 10px 7px 13px 7px;
border-radius: 25px;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 18px;
transition: background-color 0.3s;
cursor: pointer;
border: 1px solid #000;
}
.badge-light {
background: none;
}
.whatsapp-button:hover {
background-color: #128C7E;
}
.whatsapp-button i {
margin-right: 15px;
font-size: 17px;
}
.whatsapp-button .text {
direction: rtl;
}
.page-item.active .page-link {
background-color: #177A27 !important;
border-color: #177A27 !important;
}
.item-sec .item-box-super {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
width: auto;
height: 260px;
border: 1px solid #2d7d3e;
margin: 15px 0px;
position: relative;
}
.item-box-super {
border: 1px solid #276130;
padding: 10px 0px;
border-radius: 5px;
background: rgb(0, 77, 38);
background: linear-gradient(45deg, rgb(239, 162, 69) 0%, rgba(255, 255, 255, 1) 80%);
margin: 0;
}
.main-card {
position: relative !important;
}
.main-card-detail {
position: relative !important;
}
.sold-out-badge-detail {
position: absolute;
top: 50%;
color: rgba(220, 44, 44, 0.85);
padding: 10px 40px;
border: 5px solid rgba(220, 44, 44, 0.85);
box-shadow: 0 0 1px rgba(220, 44, 44, 0.85);
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
z-index: 10;
transform: rotate(-44deg) translate(-111%, -26%);
}
.sold-out-badge-detail span {
display: block;
}
.filtered-area .form-control {
padding: .175rem .75rem;
line-height: 2;
margin: 0 0 0 0;
}
.sold-out-badge {
position: absolute;
top: 50%;
color: rgba(220, 44, 44, 0.85);
padding: 10px 40px;
border: 5px solid rgba(220, 44, 44, 0.85);
box-shadow: 0 0 1px rgba(220, 44, 44, 0.85);
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
z-index: 10;
transform: rotate(-21deg) translate(-112%, -143%)
}
.sold-out-badge span {
display: block;
}
.item-bottom-super {
position: absolute;
width: 88%;
display: flex;
justify-content: space-between;
bottom: -8px;
border-top: 1px solid #4C8B3A;
padding: 7px 0px 11px 0;
}
.s6-icon2-super {
display: grid;
justify-content: center;
align-items: center;
}
.s6-mid-lft-super p {
font-size: 17px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
}
.s6-mid-rt-super .s6-txt1-super {
font-size: 28px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
font-weight: bold;
}
.s6-mid-rt-super p {
font-size: 17px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
margin-bottom: 0px;
padding: 15px 0;
}
.s6-mid-rt-super span {
font-size: 22px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
margin-right: 15px;
}
.item-sec .bg-enroot img {
width: 13%;
height: auto;
}
.offer-danger {
border-color: #dc2c2c;
}
.shape-super {
border-style: solid;
border-width: 0 0px 95px 100px;
float: right;
height: 0px;
width: 0px;
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
position: absolute;
top: 0;
left: 0;
}
.offer-danger .shape-super {
border-color: transparent transparent transparent #dc2c2c;
}
.shape-text-super {
color: #fff;
font-size: 17px;
font-weight: bold;
position: relative;
right: 42px;
top: -4px;
white-space: nowrap;
-ms-transform: rotate(310deg);
-o-transform: rotate(310deg);
-webkit-transform: rotate(310deg);
transform: rotate(315deg);
}
/* Adjusting image size */
.s6-icon {
height: 140px;
width: auto;
}
/* Adjust margins for responsiveness */
@media (max-width: 768px) {
.col-lg-4 {
flex: 0 0 100%;
max-width: 100%;
}
}
.product-showcase {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner .row {
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.carousel-inner .row .col-lg-4 {
flex: 0 0 33.33%;
max-width: 33.33%;
}
/* @media (max-width: 500px) {
.carousel-inner .row {
flex-wrap: wrap;
}
.carousel-inner .row .col-lg-4 {
flex: 0 0 100%;
max-width: 100%;
}
.carousel-inner .carousel-item {
margin-right: 0;
}
.item-sec .item-box-super {
width: 252px;
}
.item-sec .item-box-super-detail {
width: 252px;
}
} */
.sold-out-carousel .carousel-inner .row {
background-color: #f2f2f2;
}
.sold-out-carousel .carousel-inner .item {
border: 1px solid #ccc;
}
.sold-out-carousel .carousel-control-prev,
.sold-out-carousel .carousel-control-next {
background-color: #ccc;
}
.register-option {
cursor: pointer;
}
.item-sec .item-box-super-detail {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
width: 240px;
height: 470px;
border: 1px solid #2d7d3e;
margin: 15px 0px;
position: relative;
}
.item-box-super-detail {
border: 1px solid #276130;
padding: 10px 0px;
border-radius: 5px;
background: rgb(0, 77, 38);
background: linear-gradient(45deg, rgb(239, 162, 69) 0%, rgba(255, 255, 255, 1) 80%);
margin: 0;
}
.item-bottom-super-detail {
position: absolute;
width: 88%;
display: flex;
justify-content: space-between;
bottom: -84px;
border-top: 1px solid #4C8B3A;
padding: 7px 0px 11px 0;
}
.s6-icon2-super-detail {
display: grid;
justify-content: center;
align-items: center;
}
.s6-mid-lft-super-detail p {
font-size: 17px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
}
.shape-super-detail {
border-style: solid;
border-width: 0 0px 95px 100px;
float: right;
height: 0px;
width: 0px;
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
position: absolute;
top: 0;
left: 0;
}
.offer-danger .shape-super-detail {
border-color: transparent transparent transparent #dc2c2c;
}
.shape-text-super-detail {
color: #fff;
font-size: 17px;
font-weight: bold;
position: relative;
right: 42px;
top: -4px;
white-space: nowrap;
-ms-transform: rotate(310deg);
-o-transform: rotate(310deg);
-webkit-transform: rotate(310deg);
transform: rotate(315deg);
}
@media (max-width: 576px) {
.newtext p {
font-size: 10px;
}
.newheading h2 {
font-size: 12px;
}
}
.sticky-bottom-bar {
display: none;
}
@media (max-width: 767px) {
.sticky-bottom-bar {
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
justify-content: space-around;
background: transparent;
padding: 10px 0;
z-index: 1000;
}
.nestedRow .accrpt-green,
.nestedRow .accrpt-blue {
padding: 8px 15px;
font-size: 14px;
}
.nestedRow .accrpt-blue img,
.nestedRow .accrpt-green img {
width: 20px;
margin-left: 15px;
}
.dealerManagement-sec .nestedRow {}
.dealerManagement-sec table,
.trader-table {
overflow-x: auto;
white-space: nowrap;
display: block;
}
.dealerManagement-sec th,
.dealerManagement-sec td {
padding: 12px 35px;
}
.dealerManagement-sec td:nth-child(2) {
gap: 10px;
}
.login-form .login-container {
max-width: 100%;
text-align: right;
}
.login-form .field-data label {
margin-bottom: 15px;
font-size: 16px;
}
.login-form .login-container .field-data {
display: block;
}
.navigation-bar .navbar-brand img {
width: 120px;
margin-right: 15px;
}
.navigation-bar.dealer .navbar-brand img {
margin-right: 0;
}
.floating-btn {
flex: 1;
margin: 0 5px;
/* Adjust margin to make space for the third button */
text-align: center;
padding: 10px 0;
background-color: #fff;
color: #28a745;
border: 2px solid #28a745;
border-radius: 5px;
font-size: 7px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
}
.buy-sell-btn {
background-color: #28a745;
color: #fff;
border-color: #fff;
font-size: 12px;
}
/* Icon styling */
.btn-icon {
width: 15px;
height: 15px;
margin-right: 8px;
}
.floating-btn .text {
font-size: 9px;
font-weight: bold;
}
.floating-btn {
font-size: 9px;
padding: 6px 0;
}
.btn-icon {
width: 12px;
height: 12px;
margin-right: 6px;
}
.inquiry-btn {
border-color: #28a745;
color: #28a745;
}
.floating-btn .text {
font-size: 14px;
color: #fff;
}
}
.form-control {
font-size: x-small !important;
font-weight: bold;
}
@media (max-width: 500px) {
.smart-img {
display: none;
}
.item-sec .item {
margin: 0 2px;
}
.item-box {
border: 1px solid #276130;
padding: 10px 0px;
border-radius: 5px;
background: rgb(0, 77, 38);
background: linear-gradient(45deg, rgba(22, 160, 33, .8) 0%, rgba(255, 255, 255, 1) 80%);
margin: 0;
}
.item-box-silver {
border: 1px solid #276130;
padding: 10px 0px;
border-radius: 5px;
background: rgb(192, 192, 192);
background: linear-gradient(45deg, rgba(192, 192, 192, 1) 0%, rgba(255, 255, 255, 1) 80%);
margin: 0;
}
.item-box-blue {
border: 1px solid #276130;
padding: 10px 0px;
border-radius: 5px;
background: rgb(192, 192, 192);
background: linear-gradient(45deg, rgb(13, 152, 186) 0%, rgba(255, 255, 255, 1) 80%);
margin: 0;
}
.item-sec .item-box {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
width: 160px;
height: 120px;
border: 1px solid #2d7d3e;
margin: 12px 0px;
position: relative;
}
.item-sec .s6-mid-rt {
margin: 0px 0 10px 0;
}
.item-sec .s6-txt1 {
font-size: x-small;
margin-bottom: 5px;
}
.item-sec .bg-enroot img {
width: 50%;
height: auto;
}
.img-size {
/* width: 30px; */
height: 50px;
}
.item-bottom {
position: absolute;
width: 90%;
display: flex;
justify-content: space-between;
bottom: -15px;
border-top: 1px solid #4C8B3A;
padding: 0px 0px 11px 0;
}
.s6-icon2 {
display: grid;
justify-content: center;
align-items: center;
}
.s6-mid-rt span {
font-size: .7rem;
}
.s6-mid-lft p {
font-size: xx-small;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
}
.s6-mid-lft p img {
font-size: xx-small;
height: 10px;
}
.sold-out-badge {
transform: rotate(-24deg) translate(-4%, -100%);
font-size: 11px;
padding: 1px 15px;
}
.item-sec .bg-enroot .item-bottom-super-detail img {
width: 18%;
height: auto;
}
}
@media (max-width: 375px) {
.sold-out-carousel .carousel-inner .row {
flex-wrap: wrap;
}
.super-deal.item-box-super {
width: 180px !important;
margin-bottom: 10px !important;
}
.carousel-inner .row .col-lg-4 {
flex: 0 0 100%;
max-width: 100%;
}
.sold-out-carousel .carousel-inner .item {
margin-right: 0;
}
.item-sec .item-box {
width: 168px;
}
.item-sec .item-box-super {
width: 168px;
}
.whatsapp-button {
padding: 10px 6px 13px 7px;
}
/* .item-sec .item-box-super-detail {
width: 268px;
} */
}
@media (max-width: 320px) {
SELECT {
background: url("data:image/svg+xml,") no-repeat;
background-position: left 1rem center;
background-size: 10px 10px;
padding-right: 2rem;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
}
.dropbtn {
width: 130px;
}
.dropdown-content {
min-width: 130px;
}
.chart-dropdown select {
width: 114px;
}
.header-login-btn {
margin-right: -16px !important;
}
.sold-out-carousel .carousel-inner .row {
flex-wrap: wrap;
}
.carousel-inner .row .col-lg-4 {
flex: 0 0 100%;
max-width: 100%;
}
.sold-out-carousel .carousel-inner .item {
margin-right: 0;
}
.item-sec .item-box-super {
width: 268px;
}
.container .item-sec .item-box {
width: 139px !important;
}
.s6-mid-lft p {
font-size: 0.4rem !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
}
/* .item-sec .item-box-super-detail {
width: 268px;
} */
}
.partner-sec .logo-img {
max-width: 80%;
}
.logo-img {
max-width: 100%;
height: auto;
max-height: 100px;
object-fit: contain;
}
.user-profile {
display: flex;
/* align-items: center; */
cursor: pointer;
direction: ltr;
}
.profile-img {
width: 35px;
height: 35px;
border-radius: 40%;
margin-right: 5px;
}
.user-info {
margin-left: 10px;
height: 10px;
display: flex;
flex-direction: column;
justify-content: center;
}
.dropdown-menu {
position: absolute;
right: 136;
top: 68px;
z-index: 1000;
/* background:green; */
display: none;
padding: 10px;
box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
}
.line-clr {
border-color: white;
}
/* .dropdown-item {
padding: 10px;
text-decoration: none;
} */
.welcome-text {
font-size: 8px;
}
.user-name {
font-size: 8px;
}
@media (max-width: 768px) {
.item-sec .item-box-super {
width: 360px;
height: 120px;
margin: 0;
}
.s6-mid-rt-super .s6-txt1-super {
font-size: 0.7em !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
font-weight: bold;
}
.s6-mid-rt-super span {
font-size: 0.7rem !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
margin-right: 10px;
}
.s6-mid-lft-super p {
font-size: 0.6rem !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
}
.s6-mid-rt-super p {
font-size: 0.6rem !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
margin-bottom: -10px;
padding: 5px 0;
}
.shape-super {
border-width: 0 0px 42px 57px !important;
}
.item-bottom-super .s6-icon2-super img {
height: 16px !important;
width: auto;
}
.item-bottom-super {
position: absolute;
width: 90%;
display: flex;
justify-content: space-between;
bottom: -15px;
border-top: 1px solid #4C8B3A;
padding: 0px 0px 11px 0;
}
.shape-text-super {
right: 33px;
top: -8px;
font-size: 7px;
}
.item-sec .s6-mid-rt-super {
margin-left: 20px;
margin-bottom: 13px;
padding: 0px;
}
.super-btn-icon {
height: 12px !important;
width: auto;
display: inline-block;
}
.super-deal-img {
height: 45px !important;
width: auto;
overflow: hidden;
}
.item-sec .s6-mid-rt-super-detail {
margin-left: 20px;
margin-bottom: 13px;
padding: 0px;
}
.s6-mid-rt-super-detail .s6-txt1-super-detail {
font-size: 28px !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
font-weight: bold;
}
.s6-mid-rt-super-detail .s6-txt1-super-detail {
font-size: 20px !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
font-weight: bold;
}
@media (width: 425px) {
.sold-out-carousel .carousel-inner .row {
flex-wrap: wrap;
}
.carousel-inner .row .col-lg-4 {
flex: 0 0 100%;
max-width: 100%;
}
.sold-out-carousel .carousel-inner .item {
margin-right: 0;
}
.item-sec .item-box-super {
width: 360px;
}
.item-sec .item-box-super {
width: 360px;
height: 120px;
}
.s6-mid-rt-super .s6-txt1-super {
font-size: 0.6rem !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
font-weight: bold;
margin-bottom: -7px;
}
.dropbtn {
width: 182px;
}
.dropdown-content {
min-width: 182px;
}
.s6-mid-rt-super span {
font-size: 0.5rem !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
margin-right: 15px;
}
.s6-mid-lft-super p {
font-size: 0.6rem !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
}
.s6-mid-rt-super p {
font-size: 0.5rem !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #1F371B;
margin-bottom: -16px;
padding: 5px 0;
}
.shape-super {
border-width: 0 0px 42px 57px !important;
}
.item-bottom-super .s6-icon2-super img {
height: 20px !important;
width: auto;
}
.item-bottom-super {
position: absolute;
width: 90%;
display: flex;
justify-content: space-between;
bottom: -15px;
border-top: 1px solid #4C8B3A;
padding: 0px 0px 11px 0;
}
.shape-text-super {
right: 33px;
top: -8px;
font-size: 7px;
}
.item-sec .s6-mid-rt-super {
margin-left: 20px;
margin-bottom: 13px;
padding: 0px;
}
.super-btn-icon {
height: 12px !important;
width: auto;
display: inline-block;
}
.super-deal-img {
height: 60px !important;
width: auto;
overflow: hidden;
}
.item-sec .item-box-super-detail {
width: 360px;
}
.item-sec .item {
margin: 0 3px !important;
}
.item-sec .item-box {
width: 190px !important;
}
}
@media (width: 320px) {
.item-sec .item {
margin: 2px 2px !important;
}
.item-sec .item-box {
width: 140px !important;
height: 100px !important;
}
.item-sec .item-box {
width: 141px !important;
}
.item-sec .s6-txt1 {
font-size: 0.4rem !important;
margin-bottom: -7px !important;
}
.s6-mid-rt span {
font-size: 0.3rem !important;
}
.item-sec .s6-mid-rt {
margin: -1px 0px 15px -4px !important;
}
.img-size {
/* width: 30px; */
height: 50px;
margin-bottom: 21px !important;
}
.s6-mid-rt p {
font-size: 0.4rem !important;
padding: 0px 0 !important;
margin-bottom: -16px !important;
}
.par-bot {
margin-bottom: 18px !important;
}
.s6-mid-rt-super p {
font-size: 0.4rem !important;
margin-bottom: -22px;
padding: 5px 0;
}
.item-sec .item-box-super {
width: 360px;
height: 100px;
}
.item-sec .s6-mid-rt-super {
margin-left: 2px;
margin-bottom: 13px;
padding: 0px;
}
}
}
@media (width:414px) {
.item-sec .item-box {
width: 188px !important;
}
}
@media (width:414px) {
.item-sec .item-box {
width: 188px !important;
}
}
@media (width:344px) {
.item-sec .item-box {
width: 150px !important;
}
}
@media (width: 390px) {
.item-sec .item-box {
width: 174px;
}
}
@media (width: 430px) {
.item-sec .item-box {
width: 190px;
}
.item-sec .item {
margin: 0 4px;
}
}
@media (width: 430px) {
.item-sec .item-box {
width: 192px !important;
height: 110px;
}
}
@media (min-width: 376px) and (max-width: 392px) {}
@media (min-width: 360px) and (max-width: 375px) {
}
@media (min-width: 415px) and (max-width: 423px) {
.item-sec .item-box {
width: 187px !important;
}
}
@media (min-width: 398px) and (max-width: 411px) {
.item-sec .item-box {
width: 170px !important;
height: 110px;
}
}
@media (min-width: 378px) and (max-width: 398px) {
.item-sec .item-box {
width: 172px !important;
height: 110px;
}
.whatsapp-button {
padding: 10px 6px 13px 6px;
}
.dropbtn {
width: 161px;
}
.dropdown-content {
min-width: 161px;
}
.super-deal.item-box-super {
width: 180px !important;
margin-bottom: 10px !important;
}
/*.detail-items .item:nth{*/
/*padding-right:15px;*/
/*}*/
}
@media (min-width: 345px) and (max-width: 357px) {
.item-sec .item-box {
width: 151px !important;
height: 118px;
}
}
@media (min-width:320px) and (max-width: 345) {
.item-sec .item-box {
width: 151px !important;
height: 118px;
}
}
form .form-control {
padding: .175rem .75rem;
line-height: 2;
margin: 0 0 0 0;
}
.dropdown-content a:hover {
background-color: green !important;
color: white !important;
}
.show {
display: block !important;
}
@media (width:410px) {
.item-sec .item-box {
width: 186px !important;
height: 110px;
}
.dropbtn {
width: 175px;
}
.dropdown-content {
min-width: 175px;
}
}
.marquee {
overflow: hidden;
box-sizing: border-box;
padding-bottom: 10px;
background: #228B22;
}
.marquee p {
display: inline-block;
font-size: 15px;
padding-right: 10px;
color: #fff;
}
.contact-button {
background-color: #28a745;
color: #fff;
border: none;
padding: 5px 10px;
font-size: smaller;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.contact-button:hover {
background-color: #218838;
}
.gradient-green {
background: linear-gradient(to bottom, #ffffff 60%, #dcede3 100%);
border-radius: 10px;
padding: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.gradient-green .whatsapp {
width: 30px;
}
.detail-order-img {
position: absolute;
width: 260px;
}
.deal-sec.detail .title-text::after {
width: 86.8%;
}
.deal-sec.detail .title-text {
font-size: 42px;
}
.detail-order-area select {
background-position: right 1rem center;
}
.custom-checkboxs.detail .checkmark {
right: 0px;
margin-right: 0;
}
.custom-checkboxs.detail p {
padding-right: 30px;
}
.detail-order-area .form-control {
width: 150px !important;
direction: ltr !important;
font-size: 18px !important;
font-weight: 700;
color: #000;
border: 1px solid;
border-radius: 0;
}
.detail-order-area .form-control::placeholder {
color: #000;
}
.detail-main-img {
position: absolute;
top: -16rem;
left: 50px;
}
.detail-main-img img {
width: 200px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.detail-order-img {
width: 200px;
}
.detail-main-img img {
width: 120px;
}
.detail-main-img {
top: -11rem;
left: -100px;
}
}
@media screen and (max-width: 767px) {
.detail-order-img {
width: 130px;
top: 20px;
left: 5px;
}
/* .product-section .project-links-right, .product-section .project-links-left{
top: 85%!important;
} */
.detail-product .product-section .project-links-right, .detail-product .product-section .project-links-left{
top: 100%!important;
}
/* .deal-sec.Home{
margin-top:30px;
} */
.product-section .project-links-left{
left: 0%;
}
.product-section .project-links-right{
right: 0%;
}
.order-detail-area-1 .title-text::after{
width: 12%!important;
}
.order-detail-area-2.title-text::after {
width: 29% !important;
}
.font-42 {
font-size: 30px;
}
.gradient-green .font-32 {
font-size: 15px;
}
.detail-order-area .form-control {
width: 90px !important;
direction: ltr !important;
font-size: 15px !important;
margin-right: 10px;
font-weight: 600;
}
.order-confirm-btn{
text-align: center!important;
}
.continue-shopping-btn {
text-align: center!important;
margin-top: 30px;
}
/* .product-card .best-deals{
height: 200px;
object-fit: fill;
} */
.deal-sec.detail .product-card .product{
width:100%!important;
object-fit: fill;
}
.deal-sec.detail .title-text::after {
width: 54.8%;
}
.deal-sec.detail .title-text {
font-size: 32px;
}
.detail-order-area .font-42.product-heading {
font-size: 20px;
}
.detail-main-img img {
width: 100px;
}
.detail-main-img {
position: absolute;
top: -11rem;
left: -70px;
}
.more-info.disabled, .more-deals.disabled{
padding: 0px 8px!important;
}
.sold-text{
font-size: 1rem!important;
position: relative!important;
top: -20px!important;
}
.close-modal{
top: 10px!important;
right: 20px!important;
line-height: 25px!important;
width: 25px!important;
height: 25px!important;
font-size: 20px!important;
}
.checkmark{
left: 11px!important;
}
.checkbox-container{
display: block!important;
}
}
.admin-deals {
background-color: #0e0c32;
border-radius: 10px;
font-size: 18px;
font-weight: bold;
color: #fff;
padding: 12px 25px;
}
.filter-deals {
background-color: #0e0c32;
border-radius: 10px;
font-size: 12px;
font-weight: bold;
color: #fff;
padding: 10px 10px;
}
.btn-primary{
color: #fff;
background: #110c34!important;
border: 1px solid #110c34!important;
padding: 8px 15px;
gap: 15px;
font-size: 18px;
border-radius: 4px;
}
.btn-outline-secondary{
color: #fff;
background: #2c7c3d!important;
border: 1px solid #2c7c3d!important;
padding: 5px 15px;
gap: 15px;
font-size: 18px;
border-radius: 8px;
}
.clean_btn {
background-color: #668740;
border-radius: 10px;
font-size: 12px;
font-weight: bold;
color: #fff;
padding: 16px 10px
}
.print_btn {
background-color: #668740;
border-radius: 10px;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 13px 50px;
border: none;
}
.form-control {
background: none !important;
padding: 20px 10px !important;
color: #000;
line-height: 30px !important;
font-size: 20px !important;
font-weight: 500;
}
.form-select {
width: 100%;
}
.btn-searchs {
position: absolute;
top: 15px;
left: 15px;
}
.btn-searchs.trader {
left: 25px;
}
.search-wrapper {
position: relative;
}
.search-wrapper input {
width: 100%;
background: none;
}
input {
background: none;
}
.filter-grid {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr auto;
gap: 10px;
align-items: baseline;
}
.badge.green{
background-color: #668740;
color: #fff;
}
.form-label {
font-weight: bold;
font-size: 18px;
color: #0b0b32;
}
.dealerManagement-sec .sidebar.collapsed .order-trader-arae{
width: 100%!important;
}
.deal-detals-area .product-card{
margin-bottom: 30px;
background: linear-gradient(to bottom, #fefffe 80%, #bdd6ea 100%);
}