.elementor-17 .elementor-element.elementor-element-8fab2ae{--display:flex;--min-height:250px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-8fab2ae:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-8fab2ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-1728caf{text-align:center;}.elementor-17 .elementor-element.elementor-element-1728caf .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:50px;font-weight:600;line-height:1.2em;letter-spacing:-1.2px;color:var( --e-global-color-3296a31 );}.elementor-17 .elementor-element.elementor-element-01ab290{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-01ab290 .woocommerce-breadcrumb{color:var( --e-global-color-3296a31 );font-weight:300;letter-spacing:-0.2px;text-align:center;}.elementor-17 .elementor-element.elementor-element-01ab290 .woocommerce-breadcrumb > a{color:#D0E8DF;}.elementor-17 .elementor-element.elementor-element-360e390{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-6f18c15{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-d0154c0 .elementor-icon-box-wrapper{text-align:center;gap:25px;}.elementor-17 .elementor-element.elementor-element-d0154c0 .elementor-icon-box-title{margin-block-end:8px;color:var( --e-global-color-c1cf9ec );}.elementor-17 .elementor-element.elementor-element-d0154c0.elementor-view-stacked .elementor-icon{background-color:#068959;}.elementor-17 .elementor-element.elementor-element-d0154c0.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-d0154c0.elementor-view-default .elementor-icon{fill:#068959;color:#068959;border-color:#068959;}.elementor-17 .elementor-element.elementor-element-d0154c0 .elementor-icon{font-size:27px;padding:20px;}.elementor-17 .elementor-element.elementor-element-d0154c0 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-d0154c0 .elementor-icon-box-title a{font-size:25px;letter-spacing:-1px;}.elementor-17 .elementor-element.elementor-element-d0154c0:has(:hover) .elementor-icon-box-title,
					 .elementor-17 .elementor-element.elementor-element-d0154c0:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-d0154c0 .elementor-icon-box-description{font-size:15px;font-weight:300;}.elementor-17 .elementor-element.elementor-element-c56e10c{--display:flex;border-style:solid;--border-style:solid;border-width:0px 1px 0px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:#08664461;--border-color:#08664461;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-f267ee6 .elementor-icon-box-wrapper{text-align:center;gap:25px;}.elementor-17 .elementor-element.elementor-element-f267ee6 .elementor-icon-box-title{margin-block-end:8px;color:var( --e-global-color-c1cf9ec );}.elementor-17 .elementor-element.elementor-element-f267ee6.elementor-view-stacked .elementor-icon{background-color:#068959;}.elementor-17 .elementor-element.elementor-element-f267ee6.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-f267ee6.elementor-view-default .elementor-icon{fill:#068959;color:#068959;border-color:#068959;}.elementor-17 .elementor-element.elementor-element-f267ee6 .elementor-icon{font-size:27px;padding:20px;}.elementor-17 .elementor-element.elementor-element-f267ee6 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-f267ee6 .elementor-icon-box-title a{font-size:25px;letter-spacing:-1px;}.elementor-17 .elementor-element.elementor-element-f267ee6:has(:hover) .elementor-icon-box-title,
					 .elementor-17 .elementor-element.elementor-element-f267ee6:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-f267ee6 .elementor-icon-box-description{font-size:15px;font-weight:300;}.elementor-17 .elementor-element.elementor-element-22f359f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-3c09cc3 .elementor-icon-box-wrapper{text-align:center;gap:25px;}.elementor-17 .elementor-element.elementor-element-3c09cc3 .elementor-icon-box-title{margin-block-end:8px;color:var( --e-global-color-c1cf9ec );}.elementor-17 .elementor-element.elementor-element-3c09cc3.elementor-view-stacked .elementor-icon{background-color:#068959;}.elementor-17 .elementor-element.elementor-element-3c09cc3.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-3c09cc3.elementor-view-default .elementor-icon{fill:#068959;color:#068959;border-color:#068959;}.elementor-17 .elementor-element.elementor-element-3c09cc3 .elementor-icon{font-size:27px;padding:20px;}.elementor-17 .elementor-element.elementor-element-3c09cc3 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-3c09cc3 .elementor-icon-box-title a{font-size:25px;letter-spacing:-1px;}.elementor-17 .elementor-element.elementor-element-3c09cc3:has(:hover) .elementor-icon-box-title,
					 .elementor-17 .elementor-element.elementor-element-3c09cc3:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-3c09cc3 .elementor-icon-box-description{font-size:15px;font-weight:300;}.elementor-17 .elementor-element.elementor-element-fdb6936{--display:flex;}.elementor-17 .elementor-element.elementor-element-232736d{--display:flex;--padding-top:50px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-f086169{text-align:center;}.elementor-17 .elementor-element.elementor-element-f086169 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:45px;font-weight:600;line-height:1.2em;letter-spacing:-1.5px;color:var( --e-global-color-primary );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-8751a28{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Lexend Deca", Sans-serif;font-size:16px;font-weight:300;}.elementor-17 .elementor-element.elementor-element-4af3f8f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-1c37d34{--display:flex;--padding-top:45px;--padding-bottom:0px;--padding-left:45px;--padding-right:45px;}.elementor-17 .elementor-element.elementor-element-1c37d34:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-1c37d34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b808167 );}.elementor-17 .elementor-element.elementor-element-0bbdab2{--display:flex;}.elementor-17 .elementor-element.elementor-element-0bbdab2:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-0bbdab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://suckhoeduongruot.com/wp-content/uploads/2026/06/tinh-bot-khang-dr-ruot-premium-bao-bi-moi-1.webp");background-position:center center;background-size:cover;}.elementor-17 .elementor-element.elementor-element-bf4578f{--display:flex;--padding-top:60px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-bf4578f:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-bf4578f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b808167 );}.elementor-17 .elementor-element.elementor-element-5e25121{text-align:center;}.elementor-17 .elementor-element.elementor-element-5e25121 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:50px;font-weight:600;letter-spacing:-1.5px;color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-43d6304{padding:15px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-8fab2ae{--min-height:200px;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-1728caf .elementor-heading-title{font-size:40px;}.elementor-17 .elementor-element.elementor-element-360e390{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-fdb6936{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-232736d{--padding-top:50px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-f086169 .elementor-heading-title{font-size:40px;}.elementor-17 .elementor-element.elementor-element-4af3f8f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-1c37d34{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-bf4578f{--padding-top:50px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-5e25121{width:var( --container-widget-width, 591px );max-width:591px;--container-widget-width:591px;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-5e25121.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-5e25121 .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-8fab2ae{--min-height:180px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-1728caf .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-fdb6936{--padding-top:0px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-17 .elementor-element.elementor-element-232736d{--padding-top:30px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-17 .elementor-element.elementor-element-f086169 .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-8751a28{width:var( --container-widget-width, 261px );max-width:261px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:261px;--container-widget-flex-grow:0;font-size:14px;}.elementor-17 .elementor-element.elementor-element-8751a28.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-4af3f8f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-1c37d34{--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-17 .elementor-element.elementor-element-bf4578f{--padding-top:40px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-17 .elementor-element.elementor-element-5e25121{--container-widget-width:267px;--container-widget-flex-grow:0;width:var( --container-widget-width, 267px );max-width:267px;}.elementor-17 .elementor-element.elementor-element-5e25121 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for container, class: .elementor-element-360e390 *//* ===== CONTACT ===== */

.contact .e-con-inner{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

/* Card */
.contact .e-child{
    background:#fff;
    border:1px solid #d9e8e1 !important;
    border-radius:15px;
    padding:36px 28px;

    transition:.35s ease;

    box-shadow:none;
    overflow:hidden;
}

.contact .e-child:hover{
    transform:translateY(-6px);
    box-shadow:
        0 20px 40px rgba(22,105,56,.10);
    border-color:#166938 !important;
}

/* XÓA MỌI BORDER THỪA */
.contact .e-child:before,
.contact .e-child:after{
    display:none !important;
}

.contact .e-child *{
    border-left:none !important;
    border-right:none !important;
}

/* Wrapper icon box */
.contact .elementor-icon-box-wrapper{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:20px;
}

/* Icon */
.contact .elementor-icon-box-icon{
    margin:0 !important;
    width:100%;
    display:flex;
    justify-content:center;
}

.contact .elementor-icon{
    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:15px;

    background:linear-gradient(
        135deg,
        #166938,
        #1e8d4b
    );

    color:#fff;
    font-size:26px;

    box-shadow:
        0 12px 24px rgba(22,105,56,.22);
}

/* Content */
.contact .elementor-icon-box-content{
    width:100%;
}

.contact .elementor-icon-box-title{
    margin:0 0 10px !important;
}

.contact .elementor-icon-box-title span{
    font-family:"Be Vietnam Pro",sans-serif;
    font-size:28px;
    font-weight:700;
    color:#0f172a;
}

.contact .elementor-icon-box-description{
    margin:0;
    font-family:"Lexend Deca",sans-serif;
    font-size:15px;
    line-height:1.8;
    color:#64748b;
}

/* Tablet */
@media(max-width:1024px){

    .contact .e-con-inner{
        grid-template-columns:1fr;
    }

    .contact .e-child{
        padding:30px 24px;
    }
}

/* Mobile */
@media(max-width:767px){

    .contact .e-child{
        padding:24px 20px;
        border-radius:15px;
    }

    .contact .elementor-icon{
        width:56px;
        height:56px;
        font-size:22px;
    }

    .contact .elementor-icon-box-title span{
        font-size:22px;
    }

    .contact .elementor-icon-box-description{
        font-size:14px;
    }
}

/* Hover */
.contact .e-child:hover{
    transform:translateY(-6px);
    box-shadow:
        0 18px 40px rgba(22,105,56,.12);
}

/* Layout icon box */
.contact .elementor-icon-box-wrapper{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:16px;
}

/* Icon */
.contact .elementor-icon-box-icon{
    margin:0 !important;
}

.contact .elementor-icon{
    width:58px;
    height:58px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:
        linear-gradient(
            135deg,
            #166938,
            #1e8d4b
        );

    color:#fff !important;

    transition:.35s ease;

    box-shadow:
        0 12px 24px rgba(22,105,56,.25);
}

.contact .elementor-icon i{
    font-size:22px;
}

/* Hover icon */
.contact .e-child:hover .elementor-icon{
    transform:
        translateY(-2px)
        rotate(-8deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8554aa4 *//* ===== Dr. Ruột Form v2 ===== */
.dr-form {
  width: 100%;
  font-family: inherit;
  font-size: 16px;
}

.dr-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

@media (max-width: 600px) {
  .dr-row-2 { grid-template-columns: 1fr; }
}

.dr-field {
  margin-bottom: 5px;
}

.dr-field label {
  display: block;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: -15px;
  color: #222;
}

.dr-req {
  color: #e53935;
}

.dr-form .wpcf7-form-control.wpcf7-text,
.dr-form .wpcf7-form-control.wpcf7-tel,
.dr-form .wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  padding: 13px 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 15px;
  color: #222;
  background: #fff;
  box-sizing: border-box;
  transition: border-color 0.2s;
  max-height: 100px;
}

.dr-form .wpcf7-form-control.wpcf7-text:focus,
.dr-form .wpcf7-form-control.wpcf7-tel:focus,
.dr-form .wpcf7-form-control.wpcf7-textarea:focus {
  border-color: #166938;
  outline: none;
}

.dr-form .wpcf7-not-valid-tip {
  font-size: 15px;
  color: #e53935;
}

/* ===== Khu sản phẩm ===== */

.dr-products {
  border: 1px solid #166938;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 15px;
}

.dr-products-title {
  margin: 0;
  padding: 15px 20px !important;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #166938;
}

.dr-product {
  border-bottom: 1px solid #e8e8e8;
  padding: 15px 20px 5px 20px;
}

.dr-product:last-of-type {
  border-bottom: none;
}

.dr-product-label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.dr-product-label .dr-check {
  width: 20px;
  height: 17px;
  accent-color: #166938;
  cursor: pointer;
  flex-shrink: 0;
}

.dr-product-name {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
}

.dr-product-body {
  display: none;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #c8e6c9;
}

.dr-product-options {
  display: flex;
  gap: 16px;
  align-items: flex-end;
  flex-wrap: wrap;
}

.dr-option-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
}

.dr-option-group label {
  font-size: 15px;
  font-weight: 600;
  color: #555;
}

.dr-select {
  width: 100%;
  padding: 10px 0px;
  height: 55px !important;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center !important;
  font-size: 15px;
  color: #222;
  background: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.dr-select:focus {
  border-color: #166938;
  outline: none;
}

/* ===== SỬA CHÍNH: display flex thay vì block ===== */

.dr-qty-ctrl {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 55px !important;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
  margin-bottom: 15px;
  box-sizing: border-box;
  margin-top: 3px;
}

.dr-qty-ctrl button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 55px;
  height: 100% !important;
  border: none;
  background: #f5f5f5;
  font-size: 20px;
  color: #166938;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
  flex-shrink: 0;
}

.dr-qty-ctrl button:hover {
  background: #e8f5e9;
}

.dr-qty-ctrl input.dr-qty {
  flex: 1 !important;
  height: 100% !important;
  border: none !important;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color: #222;
  background: #fff;
  -moz-appearance: textfield;
  box-sizing: border-box;
}

.dr-qty-ctrl input.dr-qty::-webkit-outer-spin-button,
.dr-qty-ctrl input.dr-qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

@media (max-width: 700px) {

  .dr-qty-ctrl button {
    width: 44px;
  }

  .dr-qty-ctrl button:hover {
    background: #166938;
    color: #fff;
  }

  .dr-product-name {
    font-size: 13px;
  }

  .dr-product {
    padding: 10px;
  }
}

.dr-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px 5px 20px;
  background: #e8f5e9;
  border-top: 1px solid #c8e6c9;
  font-size: 15px;
  color: #166938;
}

.dr-total strong {
  font-size: 20px;
  font-weight: 600;
  color: red;
}

.dr-submit {
  margin-top: 4px;
}

.dr-submit .wpcf7-submit {
  width: 100%;
  background: linear-gradient(135deg,#166938,#1e8d4b);
  color: #fff;
  border: none;
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 5px;
  cursor: pointer;
  letter-spacing: -0.3px;
  transition: background 0.2s;
  height: 50px;
  border-radius: 8px !important;
  font-weight: 600;
}

.dr-submit .wpcf7-submit:hover {
  background: #166938;
}

.dr-form .wpcf7-response-output {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 5px;
  font-size: 14px;
}

.dr-qty-ctrl p {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.dr-qty-ctrl {
  display: flex !important;
  align-items: center !important;
  height: 55px !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  margin-bottom: 15px !important;
  background: #fff !important;
}

.dr-qty-ctrl button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 100% !important;
  min-height: 44px !important;
  border: none !important;
  background: #f5f5f5 !important;
  font-size: 20px !important;
  color: #166938 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.dr-qty-ctrl input.dr-qty {
  flex: 1 !important;
  height: 100% !important;
  border: none !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  background: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
  -moz-appearance: textfield !important;
}

.dr-option-group label {
  min-height: 20px;
  display: flex !important;
  align-items: center !important;
  margin-bottom: -10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43d6304 *//* =========================
   DISTRIBUTION SYSTEM
========================= */

/* =========================
   TABS
========================= */

.drv-scroll-wrap{
    margin-bottom:30px;
}

.drv-tabs{
    gap:12px !important;
}

.drv-tab{
    padding:16px 24px !important;

    background:#fff !important;

    border:none !important;

    border-radius:999px !important;

    box-shadow:
    0 4px 12px rgba(0,0,0,.06);

    font-size:14px !important;
    font-weight:600 !important;

    color:#53645b !important;

    transition:.35s ease;
}

.drv-tab:hover{
    transform:translateY(-2px);

    color:#166938 !important;

    box-shadow:
    0 8px 20px rgba(22,105,56,.12);
}

.drv-tab.active{
    background:
    linear-gradient(
        135deg,
        #166938,
        #1e8d4b
    ) !important;

    color:#fff !important;

    box-shadow:
    0 10px 25px rgba(22,105,56,.25);
}

/* =========================
   GRID
========================= */

.drv-grid{
    gap:22px !important;
}

/* =========================
   CARD
========================= */

.drv-card{
    position:relative;

    background:#fff;

    border:none;

    border-radius:24px;

    padding:22px;

    overflow:hidden;

    box-shadow:
    0 10px 35px rgba(0,0,0,.05);

    transition:.4s ease;
}

.drv-card::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:4px;

    background:
    linear-gradient(
        90deg,
        #166938,
        #1e8d4b
    );

    transform:scaleX(0);
    transform-origin:left;

    transition:.4s ease;
}

.drv-card:hover::before{
    transform:scaleX(1);
}

.drv-card:hover{
    transform:
    translateY(-8px);

    box-shadow:
    0 20px 45px rgba(22,105,56,.12);
}

/* =========================
   BADGE
========================= */

.drv-badge{
    padding:8px 14px;

    border-radius:999px;

    font-size:11px;
    font-weight:700;

    letter-spacing:.8px;

    margin-bottom:12px;
}

/* =========================
   TITLE
========================= */

.drv-name{
    font-size:18px !important;

    font-weight:700 !important;

    color:#15241b;

    margin-bottom:10px;
}

/* =========================
   ADDRESS
========================= */

.drv-addr{
    gap:10px;

    font-size:14px !important;
    line-height:1.7;

    color:#5d6f64;
}

.drv-addr svg{
    width:16px;
    height:16px;

    color:#166938;

    margin-top:4px;

    flex-shrink:0;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .drv{
        padding:0;
    }

    .drv-grid{
        gap:14px !important;
    }

    .drv-card{
        border-radius:18px;
        padding:18px;
    }

    .drv-name{
        font-size:16px !important;
    }

    .drv-addr{
        font-size:13px !important;
    }

    .drv-tab{
        padding:14px 18px !important;
        font-size:13px !important;
    }
}/* End custom CSS */