:root {   
 /* Colors */
 --color-primary: #FE7B00;
 --color-black: #000000;
 --color-white: #FFFFFF;
 --color-gray-light: #777777;
 --color-gray-medium: #A1A1A1;
 --color-light: #FAF6F3;
 --color-gray-dark: #161616;
 --color-border: rgba(0, 0, 0, 0.1);
 --color-overlay: rgba(255, 255, 255, 0.8);
 --color-whatsapp: #25d366;

 /* Typography */
 --font-primary: 'Poppins', sans-serif;
 --font-secondary: 'Open Sans', sans-serif;

 /* Font Weights */
 --font-weight-regular: 400;
 --font-weight-medium: 500;
 --font-weight-semibold: 600;
 --font-weight-bold: 700;

 /* Font Sizes */
 --font-size-xs: 14px;
 --font-size-sm: 16px;
 --font-size-md: 18px;
 --font-size-lg: 20px;
 --font-size-xl: 24px;
 --font-size-2xl: 30px;
 --font-size-3xl: 36px;
 --font-size-4xl: 40px;

 /* Line Heights */
 --line-height-tight: 1.2;
 --line-height-normal: 1.6;

 /* Spacing */
 --spacing-xs: 5px;
 --spacing-sm: 10px;
 --spacing-md: 15px;
 --spacing-lg: 20px;
 --spacing-xl: 30px;
 --spacing-2xl: 40px;
 --spacing-3xl: 50px;
 --spacing-4xl: 100px;

 /* Container */
 --container-max-width: 1170px;
 --container-padding: 15px;

 /* Border Radius */
 --border-radius-sm: 4px;
 --border-radius-md: 5px;
 --border-radius-lg: 8px;
 --border-radius-xl: 10px;
 --border-radius-full: 50%;

 /* Shadows */
 --shadow-sm: 0px 1px 5px rgba(0, 0, 0, 0.1);
 --shadow-md: 0px 10px 20px rgba(254, 123, 0, 0.2);
 --shadow-lg: 2px 2px 12px rgba(128, 128, 128, 1);

 /* Transitions */
 --transition-fast: 0.2s ease;
 --transition-normal: 0.3s ease;
 --transition-slow: 0.5s ease;
}

/* CSS Reset */
*, *::before, *::after {box-sizing: border-box;}
* { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
p { overflow-wrap: break-word; margin-bottom:15px; }
ul, ol { list-style: none; }
a { text-decoration: none; color: inherit;transition: all var(--transition-normal); }
body { font-family: var(--font-primary); font-weight: var(--font-weight-regular); color: var(--color-black); background-color: var(--color-white); overflow-x: hidden; line-height: var(--line-height-normal); -webkit-font-smoothing: antialiased;font-size: var(--font-size-sm);}
/* Buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 30px; font-size: 16px; font-weight: var(--font-weight-medium); border-radius: 5px; text-align: center; transition: all var(--transition-normal); cursor: pointer; border: none; text-decoration: none; background:var(--color-primary); color:var(--color-light); min-width:120px; min-height:50px; }
.btn:hover, .btn:focus { background-color: var(--color-black); }
.btn svg { margin-right:10px;transition: all var(--transition-normal); }
.btn-whatsapp { background-color:var(--color-whatsapp);}
.btn-black { background-color: var(--color-black); color: var(--color-white);border:1px solid var(--color-black) }
.btn-black:hover, .btn-black:focus { background:#fff;color: var(--color-black);  }
.btn-black:hover svg, .btn-black:focus svg { stroke:var(--color-black);}
.btn-white { background-color: var(--color-white); color: var(--color-black); }
.btn-white:hover, .btn-white:focus { background-color: var(--color-black); color: var(--color-white); }
strong { font-weight:700; }
p:last-child { margin-bottom:0; }
/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color:var(--color-black); margin-top:0; overflow-wrap:break-word; margin-bottom:25px;font-weight: var(--font-weight-regular); }
h1, .h1 { font-size: var(--font-size-3xl); }
h2, .h2 { font-size: var(--font-size-4xl); }
h3, .h3 { font-size: var(--font-size-2xl); }
h4, .h4 { font-size: var(--font-size-xl); }
h5, .h5 { font-size: var(--font-size-lg); }
h6, .h6 { font-size: var(--font-size-md); }
.line__heading{padding-bottom: 10px; margin-bottom: 25px; position:relative;}
.line__heading:before {content: " ";display: block;height: 2px;width: 80px;background-color: #fe7b00;position: absolute;bottom: 0;left: 0;}
.center__line:before { left:50%;transform: translateX(-50%);}
.align-items-start {align-items: start !important;}
.mb-50 { margin-bottom:50px; }
.mt-50 { margin-top:50px; }
.pt-0 { padding-top:0 !important; }
/* Dividers */
.divider { width: 80px; height: 2px; background-color: var(--color-primary); margin: 0 auto var(--spacing-lg); }
/* Utility Classes */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.white-text { color:#fff !important; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: var(--spacing-xs); }
.mb-2 { margin-bottom: var(--spacing-sm); }
.mb-3 { margin-bottom: var(--spacing-md); }
.mb-4 { margin-bottom: var(--spacing-lg); }
.mb-5 { margin-bottom: var(--spacing-xl); }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: var(--spacing-xs); }
.mt-2 { margin-top: var(--spacing-sm); }
.mt-3 { margin-top: var(--spacing-md); }
.mt-4 { margin-top: var(--spacing-lg); }
.mt-5 { margin-top: var(--spacing-xl); }
/* WhatsApp Float Button */
.whatsapp-float { position: fixed; bottom: 70px; right: 20px; width: 55px; height: 55px; background-color: var(--color-whatsapp); border-radius: var(--border-radius-full); display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-lg); z-index: var(--z-index-float); transition: all var(--transition-normal); }
.whatsapp-float:hover { transform: scale(1.1); box-shadow: 0 4px 20px rgba(0, 228, 121, 0.4); }

.container { max-width: var(--container-max-width); margin-right:auto; margin-left:auto; padding: 0 var(--container-padding); width:100%; }
@media (min-width:576px) {
.container {max-width:540px}
}
@media (min-width:768px) {
.container {max-width:720px}
}
@media (min-width:992px) {
.container {max-width:960px}
}
@media (min-width:1200px) {
.container {max-width:var(--container-max-width)}
}
.row { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { width:100%; min-height:1px; padding-right:15px; padding-left:15px }
@media (min-width:768px) {
.col-md-1 { -webkit-box-flex:0; -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% }
.col-md-2 { -webkit-box-flex:0; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% }
.col-md-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% }
.col-md-4 { -webkit-box-flex:0; -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% }
.col-md-5 { -webkit-box-flex:0; -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% }
.col-md-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
.col-md-7 { -webkit-box-flex:0; -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% }
.col-md-8 { -webkit-box-flex:0; -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% }
.col-md-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% }
.col-md-10 { -webkit-box-flex:0; -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% }
.col-md-11 { -webkit-box-flex:0; -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% }
.col-md-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}
@media (min-width:992px) {
.col-lg-1 { -webkit-box-flex:0; -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% }
.col-lg-2 { -webkit-box-flex:0; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% }
.col-lg-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% }
.col-lg-4 { -webkit-box-flex:0; -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% }
.col-lg-5 { -webkit-box-flex:0; -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% }
.col-lg-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
.col-lg-7 { -webkit-box-flex:0; -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% }
.col-lg-8 { -webkit-box-flex:0; -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% }
.col-lg-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% }
.col-lg-10 { -webkit-box-flex:0; -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% }
.col-lg-11 { -webkit-box-flex:0; -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% }
.col-lg-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
.offset-lg-1 { margin-left:8.333333% }
.offset-lg-2 { margin-left:16.666667% }
.offset-lg-3 { margin-left:25% }
}
@media (min-width:1200px) {
.col-xl-1 { -webkit-box-flex:0; -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% }
.col-xl-2 { -webkit-box-flex:0; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% }
.col-xl-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% }
.col-xl-4 { -webkit-box-flex:0; -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% }
.col-xl-5 { -webkit-box-flex:0; -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% }
.col-xl-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
.col-xl-7 { -webkit-box-flex:0; -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% }
.col-xl-8 { -webkit-box-flex:0; -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% }
.col-xl-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% }
.col-xl-10 { -webkit-box-flex:0; -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% }
.col-xl-11 { -webkit-box-flex:0; -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% }
.col-xl-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
.offset-xl-1 { margin-left:8.333333% }
.offset-xl-2 { margin-left:16.666667% }
.offset-xl-3 { margin-left:25% }
.offset-xl-4 { margin-left:33.333333% }
.offset-xl-5 { margin-left:41.666667% }
.offset-xl-6 { margin-left:50% }
}

/*** 
====================================================================
Header start 
====================================================================
***/
body.admin-bar header.cms-header { top: 46px }
@media only screen and (min-width: 784px) {
body.admin-bar header.cms-header {top:32px}
}
header.cms-header { padding: 0 0 0px; position: sticky; left: 0; top: 0; width: 100%; z-index: 3; transition: all 0.3s ease-in; padding: 15px 0;box-shadow: 0px 1px 5px #0000001A;backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.85); }
header.cms-header .container { max-width: 1380px; height: 100%; }
@media (min-width:1199px) {
.navbar-expand-lg {flex-flow:row nowrap;}
.off-canvas-inner-content {display: flex;justify-content: end;}
}
header.cms-header .navbar { padding: 0; display: flex; align-items: center; height: 100%;justify-content: space-between; }
header.cms-header .navbar-brand { position: relative; margin-right: 1rem; padding: 0; min-width: 174px; }
.off-canvas-wrapper { position: relative; display: flex; align-items: center; justify-content: end; width: 100%; }
.mobile-menu { list-style: none; margin: 0; padding: 0; display: flex; }
.mobile-menu li { position: relative; }
.mobile-menu li a { font-family: var(--font-secondary);font-weight: 600;font-size: 16px;line-height: 1;text-transform: capitalize;color: #000;padding: 0 25px; white-space: nowrap; }
.mobile-menu li a:hover, .mobile-menu li.current_page_item > a .mobile-menu li a:focus { color: #fe7b00; }
.off-canvas-wrapper .off-canvas-inner { display: flex; align-items: center; }
header.cms-header .call-box { position: relative; display: flex; align-items: center; justify-content: center; }
header.cms-header .call-box .icon { display: flex; }
header.cms-header .call-txt { margin-left: 10px; }
header.cms-header .call-top { font-family: "Montserrat", sans-serif; font-size: 30px; font-weight: 700; line-height: 1; color: #2D4680; letter-spacing: 0.04em; white-space: nowrap; -webkit-text-stroke: 1px #213054; padding: 0 0 5px; transition: all 0.3s ease-in; }
header.cms-header .call-bot { font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 500; line-height: 1; text-transform: uppercase; color: #213054; letter-spacing: 0.17em; -webkit-text-stroke: 2px #213054; white-space: nowrap; transition: all 0.3s ease-in; }
header.cms-header .call-box:hover .call-top { color: #E22028; -webkit-text-stroke: 1px #E22028; }
header.cms-header .call-box:hover .call-bot { color: #E22028; -webkit-text-stroke: 2px #E22028; }
header.cms-header .btn-box { margin-left: 20px; }
header.cms-header .theme-btn { width: 230px; white-space: nowrap; padding: 10px 20px 10px; }
.right-blok-box { display:none; }
.off-canvas-inner .about__contact { display:none; }

/* ================================= submenu style ===================================*/

@media(min-width:1169px) {
header.cms-header .mobile-menu ul.sub-menu { opacity: 0; visibility: hidden; position:absolute; left: 0; top: 150%; background: #fff; box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 10px; min-width: 200px; z-index: 9999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transition: all 0.5s ease-in-out; display: block !important; }
header.cms-header .mobile-menu li.menu-item-has-children:hover > ul.sub-menu { top: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; }
header.cms-header ul:not(.sub-menu) > li.menu-item-has-children > ul.sub-menu > li ul {top: 0;left: 240px;}
header.cms-header .mobile-menu li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover ul.sub-menu { left: 100%; top: 0; }
header.cms-header .mobile-menu ul.sub-menu li.menu-item { display: block;padding: 0; margin: 0; }
header.cms-header .mobile-menu ul.sub-menu li.menu-item:last-child { border-bottom: 0; }
header.cms-header .mobile-menu ul.sub-menu li.menu-item a { display: block; font-size: 16px; color: #02142B; line-height: 1.4; padding: 8px; margin: 0; text-transform: capitalize; border: 0; white-space: normal; border-radius: 5px;}
header.cms-header .mobile-menu ul.sub-menu li.menu-item a:hover { background-color: #fe7b00; color: #fff; }
header.cms-header .mobile-menu .menu-expand { position: absolute; right: 9px; top: 10px; width: 11px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.30584 0L5.58331 3.64037L9.67271 0.0472948L11 1.25428L5.60482 6L0 1.22782L1.30584 0.00190449V0Z' fill='%23213054'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; display: inline-flex; }
}

/*** 

====================================================================
mobile menu css
====================================================================

***/
@media only screen and (max-width: 1169px) {
.mobile-navigation { overflow: hidden; max-height: calc(100vh - 50px); height: 100%; width: 100%; }
.off-canvas-wrapper { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; opacity: 0; visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; z-index: 9999999; display: block; }
.mobile-navigation nav { height: 100%; }
.off-canvas-wrapper.open { opacity: 1; visibility: visible; z-index: 9999999; display: block; }
.off-canvas-wrapper.open .off-canvas-inner-content { -webkit-transform: none; transform: none; }
.off-canvas-wrapper .off-canvas-overlay { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.off-canvas-wrapper .off-canvas-inner-content { background-color: #fff; width: 300px; padding: 20px; height: 100%; position: relative; -webkit-transform: translateX(calc(-100% - 50px)); transform: translateX(calc(-100% - 50px)); -webkit-transition: 0.4s; transition: 0.4s;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.off-canvas-wrapper .btn-close-off-canvas { top: 0; left: 100%; width: 40px; height: 40px; font-size: 20px; background-color: var(--color-black); color: #fff; line-height: 40px; text-align: center; cursor: pointer; position: absolute; -webkit-transition: 0.4s; transition: 0.4s; }
.off-canvas-wrapper .btn-close-off-canvas .close-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.off-canvas-wrapper .btn-close-off-canvas span:nth-child(1) {width: 20px;height: 2px;background-color: #fff;transform: rotate(-45deg);display: block;position: relative;left: 10px;}
.off-canvas-wrapper .btn-close-off-canvas span:nth-child(2) {width: 20px;height: 2px;background-color: #fff;transform: rotate(45deg);display: block;position: relative;right: 10px;}
.off-canvas-wrapper .off-canvas-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: auto; height: 100%; }
.offcanvas-curreny-lang-support { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 20px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 15px; }
.offcanvas-curreny-lang-support.header-top-settings ul li { color: #333; font-size: 14px; }
.offcanvas-account-container li { display: inline-block; margin-left: 10px; padding-left: 10px; margin-bottom: 2px; }
.offcanvas-account-container li::before {content: "•";color: #777;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;}
.off-canvas-inner .about__contact { width:100%; border-bottom:0; padding-bottom:0; background:#fff;justify-content: start;display: flex; }
.off-canvas-inner .about__contact .about__contact-item {justify-content: start; }

/*---------------------------
- Mobile Menu Css
-----------------------------*/
.mobile-menu-btn .off-canvas-btn { font-size: 17px; cursor: pointer; padding: 10px 10px; line-height: 1; border: 2px solid #fe7b00; background:#fe7b00; border-radius: 3px; margin-left: 10px; display: flex; flex-direction: column; row-gap: 5px; }
.mobile-menu-btn .off-canvas-btn span:nth-child(1) {width: 27px;height: 2px;background-color: #fff;}
.mobile-menu-btn .off-canvas-btn span:nth-child(2) {width: 17px;height: 2px;background-color: #fff;}
.mobile-menu-btn .off-canvas-btn span:nth-child(3) {width: 22px;height: 2px;background-color: #fff;}
.mobile-menu { height: 100%; overflow-x: hidden; overflow-y: auto; padding-right: 10px; margin-right: -10px; display: block; }
.mobile-menu li > a { font-size: 16px; color: #000; text-transform: capitalize; line-height: 18px; position: relative; display: inline-block; padding: 15px 0; }
.mobile-menu li > a:hover { color: var(--color-primary); border: 0; }
.mobile-menu li ul li { border: none; }
.mobile-menu li ul li a { font-size: 14px; text-transform: capitalize; padding: 10px 15px 8px; }
.mobile-menu .menu-item-has-children { position: relative; }
.mobile-menu .menu-item-has-children .menu-expand { line-height: 50; top: -5px; left: 95%; width: 30px; position: absolute; height: 50px; text-align: center; cursor: pointer; }
.mobile-menu .menu-item-has-children .menu-expand i { display: block; position: relative; width: 10px; margin-top: 25px; border-bottom: 1px solid #252525; -webkit-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.mobile-menu .menu-item-has-children .menu-expand i:before { top: 0; width: 100%; content: ""; display: block; position: absolute; -webkit-transform: rotate(90deg); transform: rotate(90deg); border-bottom: 1px solid #252525; -webkit-transition: 0.4s; transition: 0.4s; }
.mobile-menu .menu-item-has-children.active > .menu-expand i:before { -webkit-transform: rotate(0); transform: rotate(0); }
.mobile-menu ul.sub-menu { list-style: none; padding: 0; }
}

/*** 
====================================================================
banner css
====================================================================
***/
.hero { background-size: cover; background-image: var(--hero-bg-image); background-position: center; background-repeat: no-repeat; padding: var(--spacing-4xl) 0; position: relative; }
.hero__content { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-xl); align-items: center; }
.hero__text { max-width: 555px; }
.hero__title { font-size: var(--font-size-3xl); font-weight: var(--font-weight-bold); line-height: 1.6; margin-bottom: var(--spacing-2xl); }
.hero__title-highlight { color: var(--color-primary); }
.hero__divider { width: 80px; height: 2px; background-color: var(--color-primary); margin-bottom: var(--spacing-2xl); }
.hero__description { margin-bottom: 50px; }
.hero__buttons { display: flex; gap: var(--spacing-md); }
.hero__image { display: flex; justify-content: center; align-items: center; }
.hero__img { width: 100%; height: auto; border-radius: var(--border-radius-md); }

/*** 
====================================================================
Home about css
====================================================================
***/
.about { padding: var(--spacing-4xl) 0; }
.about__content { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-xl); align-items: center; }
.about__content--reverse .about__image { order: 2; }
.about__content--reverse .about__text { order: 1; }
.about__image { display: flex; justify-content: center; align-items: center; }
.about__img { width: 100%; height: auto; border-radius: var(--border-radius-md); }
.about__text { max-width: 555px; }
.about__title { font-size: var(--font-size-4xl); font-weight: var(--font-weight-regular); margin-bottom: var(--spacing-lg); }
.about__title-highlight { color: var(--color-primary); }
.about__divider { width: 80px; height: 2px; background-color: var(--color-primary); margin-bottom: var(--spacing-lg); }
.about__description { margin-bottom: var(--spacing-xl); }
.about__description p { font-size: var(--font-size-sm); color: var(--color-black); margin-bottom: var(--spacing-lg); }
.about__description p:last-child { margin-bottom: 0; }
.about__contact { display: flex; gap: var(--spacing-xl); padding: var(--spacing-lg) 0; border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border); }
.about__contact-item { display: flex; align-items: center; gap: var(--spacing-md); }
.about__contact-icon { position: relative; width: 38px; height: 38px; display: flex;align-items: center;
justify-content: center; }
.about__contact-info { display: flex; flex-direction: column; gap: 2px; }
.about__contact-label { font-size: var(--font-size-xs); color: var(--color-gray-light); }
.about__contact-value { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-black); transition: color var(--transition-fast); line-height:1; }
.about__contact-value:hover { color: var(--color-primary); }
#inner__banner{padding-top: 0px;}

/*** 
====================================================================
Home product css
====================================================================
***/
.products { background-size: cover; background-position: center; background-repeat: no-repeat; padding: var(--spacing-4xl) 0; position: relative; }
.products__header { text-align: center; margin-bottom: var(--spacing-3xl); }
.products__title { font-size: var(--font-size-4xl); font-weight: var(--font-weight-regular); margin-bottom: var(--spacing-lg); }
.products__title-highlight { color: var(--color-primary); }
.products__divider { width: 80px; height: 2px; background-color: var(--color-primary); margin: 0 auto var(--spacing-lg); }
.products__description { max-width: 700px; margin: 0 auto; }
.products__filter { display: flex; justify-content: center; margin-bottom: var(--spacing-2xl); }
.products__filter-list { display: flex; background-color: var(--color-white); border-radius: 30px; overflow: hidden; }
.products__filter-btn { padding: var(--spacing-lg) var(--spacing-xl); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); color: var(--color-black); background-color: transparent; border: none; cursor: pointer; transition: all var(--transition-normal); }
.products__filter-btn.active { background-color: var(--color-primary); color: var(--color-white); }
.products__filter-btn:hover:not(.active) {background-color: #f5f5f5;} 
.products__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--spacing-lg); }
.product-card { background-color: var(--color-white); border-radius: var(--border-radius-md); padding: var(--spacing-sm); transition: all var(--transition-normal); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
.product-card:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); }
.product-card__image { margin-bottom: var(--spacing-sm); border-radius: var(--border-radius-md); overflow: hidden; }
.product-card__img { width: 100%; height: 242px; object-fit: cover; transition: transform var(--transition-normal); }
.product-card:hover .product-card__img { transform: scale(1.05); }
.product-card__content { position:relative;display: flex;align-items: center;justify-content: space-between; }
.product-card__title { font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); line-height: var(--line-height-tight); color: var(--color-black); margin-bottom:0;transition: all var(--transition-normal);padding-right: 40px;width: calc(100% - 30px); }
.product-card:hover .product-card__title { color:var(--color-primary);}
.product-card__content .product-card-circle {line-height: 30px;width: 30px;height: 30px;border: 1px solid var(--color-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all var(--transition-normal);}
.product-card__content .product-card-circle svg {transform: rotate(44deg);}
.product-card__content .product-card-circle svg, .product-card__content .product-card-circle svg path{transition: all var(--transition-normal);}
.product-card:hover .product-card-circle { background:var(--color-primary);}
.product-card:hover .product-card-circle svg path { fill:#fff;}
.features { padding: var(--spacing-4xl) 0; }

/*** 
====================================================================
Home features css
====================================================================
***/
.features__header { text-align: center; margin-bottom: var(--spacing-3xl); }
.features__title { font-size: var(--font-size-4xl); font-weight: var(--font-weight-regular); margin-bottom: var(--spacing-lg); }
.features__title-highlight { color: var(--color-primary); }
.features__divider { width: 80px; height: 2px; background-color: var(--color-primary); margin: 0 auto var(--spacing-lg); }
.features__description { max-width: 700px; margin: 0 auto; }
.features__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-xl); }
.feature-card { border: 1px solid var(--color-border); border-radius: var(--border-radius-md); padding: 41px 31px; text-align: center; transition: all var(--transition-normal); background-color:#fff; }
.feature-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.feature-card__icon { position: relative; width: 52px; height: 52px; margin: 0 auto var(--spacing-xl); }
.feature-card__icon-bg, .feature-card__icon-fg { position: absolute; top: 0; left: 0; }
.feature-card__content { display: flex; flex-direction: column; }
.feature-card__title { font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); line-height: var(--line-height-tight); color: var(--color-black); }

/*** 
====================================================================
Home customers css
====================================================================
***/
.customers { background-size: cover; background-position: center; background-repeat: no-repeat; padding: var(--spacing-4xl) 0; position: relative; }
.customers__content { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-xl); align-items: flex-start; }
.customers__image { display: flex; justify-content: center; align-items: center; }
.customers__img { width: 100%; height: auto; border-radius: var(--border-radius-md); }
.customers__text { padding-top: 239px; position: relative; }
.customers__header { background-size: cover; background-position: center; background-repeat: no-repeat; padding: var(--spacing-2xl); border-radius: var(--border-radius-lg); margin-bottom: var(--spacing-lg); position: absolute; top: 40px; left: -125px; right: 0; height: 160px; display: flex; flex-direction: column; justify-content: center; }
.customers__header .h2  { margin:0; padding-bottom: 4px; }
.customers__title-highlight { color: var(--color-primary); }
.customers__divider { width: 80px; height: 2px; background-color: var(--color-primary); }
.customers__description { margin-bottom: var(--spacing-xl); }
.accordion { display: flex; flex-direction: column; gap: var(--spacing-xs); }
.faq-row { padding: 16px 20px; border: 1px solid var(--color-white); border-radius: var(--border-radius-sm);border-bottom-color: rgba(0,0,0,.1);}
.accTrigger { cursor: pointer; transition: all var(--transition-normal);font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); padding-right:20px; color: var(--color-black); position:relative; }
.accTrigger:hover { background-color: rgba(255, 255, 255, 0.1); }
.accTrigger:before { position:absolute; right:0; top:-4px; content:"+"; font-size:25px; font-weight:600; color: var(--color-primary);}
.faq-row.active .accTrigger:before { content:"-";}
.accordDetail { padding-top:16px; }

/*** 
====================================================================
Home Blog css
====================================================================
***/
.blog { padding: var(--spacing-4xl) 0; }
.blog__header { text-align: center; margin-bottom: var(--spacing-3xl); }
.blog__title { font-size: var(--font-size-4xl); font-weight: var(--font-weight-regular); margin-bottom: var(--spacing-lg); }
.blog__title-highlight { color: var(--color-primary); }
.blog__divider { width: 80px; height: 2px; background-color: var(--color-primary); margin: 0 auto; }
.blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-xl); }
.blog-card { border: 1px solid var(--color-border); border-radius: var(--border-radius-md); overflow: hidden; transition: all var(--transition-normal); }
.blog-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.blog-card__image { border-radius: 5px 5px 0 0; overflow: hidden; margin-bottom: var(--spacing-lg); }
.blog-card__img { width: 100%; height: 208px; object-fit: cover; transition: transform var(--transition-normal); }
.blog-card:hover .blog-card__img { transform: scale(1.05); }
.blog-card__content { padding: 0 var(--spacing-md) var(--spacing-xl); }
.blog-card__date { font-size: var(--font-size-xs); color: var(--color-gray-light); margin-bottom: var(--spacing-lg); display: block; }
.blog-card__title { font-size: 20px; font-weight: var(--font-weight-medium); color: var(--color-black); margin-bottom: var(--spacing-lg); }
.blog-card__title a {color: var(--color-black);}
.blog-card:hover .blog-card__title a {color: var(--color-primary);}
.blog-card__excerpt { display: flex; flex-direction: column; gap: var(--spacing-sm); }
.blog-card__excerpt p { font-size: var(--font-size-sm); color: var(--color-black); margin: 0; }

/*** 
====================================================================
CTA css
====================================================================
***/
.cta { padding: var(--spacing-md) 0; margin-bottom: -90px;margin-top: -60px; }
.cta .container { position: relative; top: 0; }
.cta__content { background-color: var(--color-primary); border-radius: var(--border-radius-xl); padding: var(--spacing-3xl); box-shadow: var(--shadow-md); display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-xl); }
.cta__title { font-size: var(--font-size-2xl); font-weight: var(--font-weight-regular); color: var(--color-white); flex: 1; margin-bottom:0; }
.cta__title-highlight { color: var(--color-white); font-weight: var(--font-weight-medium); }

/*** 
====================================================================
Footer css
====================================================================
***/
.footer { background-color: var(--color-black); background-size: cover; background-position: center; background-repeat: no-repeat; color: var(--color-white); padding: var(--spacing-lg) 0 0; }
.footer > .container { padding-top: var(--spacing-4xl); }
.footer__content { display: grid; grid-template-columns: 1fr 3fr; gap: 0; margin-bottom: 30px; }
.footer__brand { display: flex; flex-direction: column; }
.footer__logo { margin-bottom:35px; }
.footer__logo-img { width: 200px; height: auto; }
.footer__tagline { font-size: var(--font-size-md); color: var(--color-white); margin-bottom:15px; }
.footer__social { display: flex; gap: var(--spacing-sm); }
.footer__social-link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--color-white); border-radius: var(--border-radius-full); color: var(--color-white); transition: all var(--transition-normal); }
.footer__social-link:hover { background-color: var(--color-primary); border-color: var(--color-primary); }
.footer__links { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-2xl); }
.footer__column { display: flex; flex-direction: column; gap: var(--spacing-2xl); row-gap:0; }
.footer__column-title { font-size: var(--font-size-md); font-weight: var(--font-weight-bold); color: var(--color-white); position: relative; margin-bottom: 40px; }
.footer__column-title:after {content: " ";display: block;height: 2px;width: 40px;background-color: #fe7b00;position: absolute;bottom: -10px;left: 0;}
.footer__column-divider { width: 40px; height: 2px; background-color: var(--color-primary); position: absolute; bottom: 0; left: 0; }
.footer__list { display: flex; flex-direction: column; gap: var(--spacing-sm); }
.footer__link { font-size: var(--font-size-sm); color: var(--color-white); transition: color var(--transition-fast); padding: 5px 0;display:inline-block; }
.footer__link:hover { color: var(--color-primary); }
.footer__address { font-size: var(--font-size-sm); color: var(--color-white); font-style: normal; text-transform: uppercase; margin-bottom: var(--spacing-lg); }
.footer__contact { display: flex; flex-direction: column; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.footer__contact-item { display: flex; align-items: center; gap: var(--spacing-md); padding: var(--spacing-lg) 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.footer__contact-item:last-child { border-bottom: none; }
.footer__contact-icon { width: 28px; height: auto; flex-shrink: 0; }
.footer__contact-link { font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); color: var(--color-white); transition: color var(--transition-fast); }
.footer__contact-link:hover { color: var(--color-primary); }
.footer__bottom { background-color: var(--color-gray-dark); padding: var(--spacing-sm) 0; }
.footer__bottom .container { display: flex; justify-content: space-between; align-items: center; gap: var(--spacing-xl); }
.footer__copyright, .footer__credits { font-size: var(--font-size-sm); color: var(--color-overlay); }
.footer__credits { display: flex; align-items: center; gap: var(--spacing-xs); }
.footer__credits svg { width: 16px; height: 16px; }

/*** 
====================================================================
Breadcrumbs css
====================================================================
***/
.breadcrumbs__wrapper {padding: 40px 0;background-repeat: no-repeat;background-position: top center;background-size: cover;}
.breadcrumb {margin: 0;padding: 0;list-style: none;display: flex;align-items: center;color: #000;letter-spacing: 0.28px;font-size: 14px;}
.breadcrumb li.active {color: #FE7B00;}
.breadcrumb li:not(:first-child):before {width: 25px;height: 15px;content: "";position: relative;display: inline-block;vertical-align: middle;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M439.1 297.4C451.6 309.9 451.6 330.2 439.1 342.7L279.1 502.7C266.6 515.2 246.3 515.2 233.8 502.7C221.3 490.2 221.3 469.9 233.8 457.4L371.2 320L233.9 182.6C221.4 170.1 221.4 149.8 233.9 137.3C246.4 124.8 266.7 124.8 279.2 137.3L439.2 297.3z' fill='%23777777'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: 15px;}
.breadcrumb li a:hover {color: #FE7B00;}
.breadcrumbs__wrapper + .inner__banner {padding-top: 0;}

/*** 
====================================================================
Granite css
====================================================================
***/
.section__space { padding-top:100px; padding-bottom:100px; }

/*** 
====================================================================
Our Process css
====================================================================
***/
.section__header {text-align: center; margin-bottom: 50px;}
.process__list{ display:flex;flex-wrap: wrap;row-gap:60px;}
.process__row { display:flex;align-items: center;flex-wrap: wrap; margin: 0 -15px; }
.process__list .process__row:nth-child(even) {flex-direction: row-reverse;}
.process__row .process__left-col,
.process__row .process__right-col { width:50%; padding-left:15px; padding-right:15px; }
.process__left-col .process__left-img { overflow:hidden;border-radius: 8px; }
.process__left-col .process__left-img img { width:100%; height:auto; }
.process__right-col .process__right-title {font-size: 24px;color: #000;font-weight: 500;position: relative;display: grid;grid-template-columns: auto 1fr;align-items: center;padding-bottom: 16px;}
.process__right-col .process__right-title span {background: #fe7b00;color: #fff;font-size: 16px;height: 36px;width: 36px;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin-right: 15px;}
.section__bg {background-size: cover;background-position: center;background-repeat: no-repeat;}

/*** 
====================================================================
Product detail css
====================================================================
***/
.hero__table { border:0; margin-bottom:20px;background: #fff; border-left: 1px solid #0000001A;border-right: 1px solid #0000001A;text-align: left; }
.hero__table tr td { border-bottom:1px solid #0000001A; padding:10px; }
.hero__table tr:first-child td{ border-top:1px solid #0000001A;}
.hero__table tr td:first-child { font-weight:500; width:150px; border-right:1px solid #0000001A;}
.product__price {border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom:30px;}
.product__price-heading {font-size: 26px; font-weight: 700;}
.font-small { font-size:14px; }
.hero__buttons.full {justify-content: space-between; margin-top:25px;}
.hero__buttons.full .btn {width: 100%;}
.products__detail-tab {border-radius: 10px;background: #faf5f1;padding: 40px 30px;}
.border__tabs { margin:0; margin-bottom: 30px;border-bottom: 1px solid #ddd;padding:0; list-style:none;display: flex;justify-content: center;column-gap: 30px;flex-wrap: wrap;row-gap: 15px;} 
.border__tabs-btn {font-size: 20px; color: var(--color-black); font-weight: 500; line-height: 1; padding: 10px 15px; padding-bottom:20px; position:relative; cursor:pointer;}
.border__tabs-btn:before { position:absolute; left:50%; width:0; height:1px; bottom:0; content:""; background-color:var(--color-primary); opacity:0; visibility:hidden;transition: all .4s ease 0s;}
.border__tabs-btn.active { color:var(--color-primary); }
.border__tabs-btn.active:before { left:0; width:100%; opacity:1; visibility:visible; }
.product-detail .tab-content-wrap { min-height:96px; }
.product-slider { position:relative; }
.product-slider .swiper-slide { padding:12px; }
.product-slider-next,
.product-slider-prev {height: 50px;width: 50px;background-color: #fff;border-radius: 50%; position:absolute; top:50%;display: flex;align-items: center;justify-content: center;transform: translateY(-50%); cursor:pointer;transition: var(--transition-normal);box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.product-slider-prev { left:-60px; }
.product-slider-next { right:-60px; }
.product-slider-next:hover,
.product-slider-prev:hover { background:var(--color-primary);}
.product-slider-next svg path,
.product-slider-prev svg path {transition: var(--transition-normal);}
.product-slider-next:hover svg path,
.product-slider-prev:hover svg path { stroke:#fff; }
.product-slider .product-card:hover {box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}

/*** 
====================================================================
About Us css
====================================================================
***/
.has-background {background-size: cover;background-position: center;background-repeat: no-repeat;}
.purpose__header {text-align: center;margin-bottom: var(--spacing-3xl);}
.purpose__grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.purpose__card {background: #fff;padding: 40px;border-radius: 6px;border: 1px solid #0000001A;transition: all 0.3s ease;}
.history + .cta {margin-top: -100px;}
.purpose__icon {margin-bottom: 20px;}
.purpose__card-title {font-size: 22px;line-height: 1.3;font-weight: 500;margin-bottom: 20px;}
.purpose__text {letter-spacing: .28px;}
.values__grid {display: grid;grid-template-columns: 1fr 1fr;gap: 30px;align-items: center;}
.values__image img {width: 100%;border-radius: 8px;}
.values__header {margin-bottom: 40px;}
.values__accordion .faq-row { border-bottom: 1px solid #ddd; padding-top: 20px; padding-bottom: 20px; }
.values__accordion .accTrigger {display: flex;align-items: center; gap:12px;}
.values__accordion .accTrigger:before { top:0; }
.values__icon { width: 40px; height:auto; }
.founder__card {background: #fff;border-radius: 5px;padding: 75px 60px;display: grid;grid-template-columns: 3fr auto 1fr;gap: 40px;align-items: center;box-shadow: 0px 3px 15px #0000000F;}
.founder__description{letter-spacing: .32px;line-height: 1.75;color: rgba(0,0,0,1);}
.founder__divider {width: 1px;height: 190px;background: rgba(0,0,0,.1);}
.founder__profile {text-align: center;}
.founder__image { margin:0 auto;margin-bottom: 15px;width: 120px;height: 120px; overflow:hidden;
border-radius: 50%;}
.founder__image img {width: 100%;height: 100%;object-fit: cover;}
.founder__name {font-size: 20px;font-weight: 600;color: var(--color-black);margin-bottom: 0;}
.founder__designation {color: var(--color-primary);}
.history__content {letter-spacing: .32px;color: rgba(0,0,0,1);line-height: 1.8;margin-bottom: 30px;}
.milestones .container { max-width:950px; }
.milestones__timeline {position: relative;}
.milestones__timeline::before {content: "";position: absolute;left: 50%;top: 0;width: 4px;height: 100%;background: #333;transform: translateX(-50%);}
.milestones__item {position: relative;width: 50%;padding: 0 40px 40px 40px;}
.milestones__item:nth-child(odd) {left: 0;text-align: right;}
.milestones__item:nth-child(even) {left: 50%;}
.milestones__content {background: rgba(250,245,241,1);padding: 30px;border-radius: 5px;border: 1px solid rgba(0, 0, 0, .08);}
.milestones__year {font-weight: 500;margin-bottom: 15px;font-size: 20px;}
.milestones__text {font-size: 15px;line-height: 1.6;}
.milestones__item::before {content: "";position: absolute;top: 0;width: 15px;height: 15px;background: var(--color-primary);border-radius: 50%;box-shadow: 0 0 0 5px rgba(254,123,0,.3);}
.milestones__item:nth-child(odd)::before {right: -8px;}
.milestones__item:nth-child(even)::before {left: -8px;}

/*** 
====================================================================
Article Detail css
====================================================================
***/
.article h1 { margin-bottom:40px;font-weight: 500; }
.article__meta {font-size: 16px;color: #545454;margin-top: 30px;margin-bottom: 15px;}
.article__image { margin-bottom: 20px;}  
.article img { margin-bottom:20px; max-width:100%; height:auto;width: 100%; }
.article p{font-size: 17px;line-height: 1.4;}
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {padding-bottom: 10px;margin-bottom: 25px;margin-top:25px;position:relative;font-weight: 500;}
.article h2:before,
.article h3:before,
.article h4:before,
.article h5:before,
.article h6:before {content: " ";display: block;height: 2px;width: 80px;background-color: #fe7b00;position: absolute;bottom: 0;left: 0;}
.article h2 { font-size:30px; }
.article h3 { font-size:24px; }
.article h4 { font-size:21px; }
.article h5 { font-size:18px; }
.article h6 { font-size:16px; }
.article ul {margin-bottom: 30px;padding-left: 18px; list-style:none;}
.article ul li {list-style: disc;font-size: 16px;color: #505050;line-height: 1.6em;font-weight: 400;}
.article ul li::marker {color: #fe7b00;}
.article h2 a:hover,
.article h3 a:hover,
.article h4 a:hover,
.article h5 a:hover,
.article h6 a:hover {color: #fe7b00;}
.article hr {margin-top: 30px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}

/*** 
====================================================================
Contact Us css
====================================================================
***/
.form {background: #fff;padding: 50px; border-radius:10px;}
.contact .about__contact {flex-direction: column; border:0;gap: 0;}
.contact .about__contact .about__contact-item{border-bottom: 1px solid var(--color-border);padding: 25px 0;}
.contact .about__contact .about__contact-item p { font-size:17px; line-height:1.5; max-width: 450px; width:100%; }
.contact__map iframe { width:100%; height:520px; }
.help + .cta {background: #f6f4f3;}
.custom-form .form-row {
    display: flex;
    gap: 30px;
    margin-bottom: 25px;
  }
  
  .custom-form .form-group {
    width: 100%;
  }
  
  .custom-form .form-group.full-width {
    width: 100%;
  }
  
  .custom-form label {
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    color: #000;
  }
  
  .custom-form input,
  .custom-form textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #999;
    padding: 10px 5px;
    background: transparent;
    outline: none;
    font-size: 14px;
  }
  
  .custom-form textarea {
    height: 100px;
    resize: none;
  }
  
  .captcha-box {
    margin: 10px 0;
    font-size: 16px;
  }
  
  .captcha-group small {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
  }
  
  .captcha-note {
    margin-top: 10px;
    font-size: 13px;
  }
  
  .btn-orange {
    background: #ff7a1a;
    color: #fff;
    padding: 12px 25px;
    border: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
  }

/*** 
====================================================================
Product Table css
====================================================================
***/
.product-table__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;}
.product-search label,.product-filter label{font-weight:500;margin-right:10px;color:#333;}
.product-search input{border:none;border-bottom:1px solid #ccc;padding:6px 10px;outline:none;min-width:220px;font-size:14px;}
.product-search input:focus{border-color:#000;}
.product-filter select{border:none;border-bottom:1px solid #ccc;padding:6px 10px;outline:none;background:transparent;font-size:14px;cursor:pointer;}
.product-table__list{width:100%;border-collapse:separate;border-spacing:0;background:#f6f3f1;border-radius:10px;overflow:hidden;}
.product-table__list thead{background:#e6ded9;}
.product-table__list th{text-align:left;padding:14px 16px;font-size:14px;font-weight:600;color:#000;}
.product-table__list td{padding:18px 16px;vertical-align:middle;font-size:14px;color:#333;}
.product-table__list tbody tr:nth-child(even){background:#ebe4df;}
.product-table__list tbody tr:nth-child(odd){background:#f6f3f1;}
.product-table__list td img{width:80px;height:80px;object-fit:cover;border-radius:6px;}
.product-name a{font-weight:600;color:#000;text-decoration:none;}
.product-name a:hover{color:#ff6a00;}
.product-table__list td:nth-child(4){color:#555;line-height:1.5;}
.product-table__list td:last-child{font-weight:600;color:#000;white-space:nowrap;}
.product-table__list td:first-child{width:60px;text-align:center;}
.product-table__list tbody tr:hover{background:#e0d7d1;transition:0.3s ease;}
@media (max-width:768px){.product-table__top{flex-direction:column;align-items:flex-start;}.product-table__list thead{display:none;}.product-table__list tr{display:block;margin-bottom:15px;border-radius:8px;overflow:hidden;}.product-table__list td{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #ddd;}.product-table__list td::before{content:attr(data-label);font-weight:600;color:#000;}}