.elementor-15 .elementor-element.elementor-element-4a4fa42{--display:flex;--min-height:100vh;--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;box-shadow:-9px -4px 18px 0px rgba(20.017489624023426, 19.2438458142632, 13.881693891442332, 0.59);--margin-top:-10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-4a4fa42:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-4a4fa42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://drsadraee.com/wp-content/uploads/2026/06/fbf33f27-f900-4aa5-9d5d-fe190f482744.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15 .elementor-element.elementor-element-3fcc60d{--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;}.elementor-15 .elementor-element.elementor-element-4e7827c{--display:flex;}.elementor-15 .elementor-element.elementor-element-fb6c843{--display:flex;--justify-content:center;--overflow:hidden;}.elementor-15 .elementor-element.elementor-element-c4a03eb{margin:17vw 3vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}.elementor-15 .elementor-element.elementor-element-c4a03eb .elementor-heading-title{color:#004E32;}.elementor-15 .elementor-element.elementor-element-7cd1ba4{--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;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:2vw;}.elementor-15 .elementor-element.elementor-element-5ab9677{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-2c3db0d .elementor-button{background-color:#02010100;fill:#C29F70;color:#C29F70;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D3B284;}.elementor-15 .elementor-element.elementor-element-4eb9eba .elementor-button{fill:#F3EDE7;color:#F3EDE7;}.elementor-15 .elementor-element.elementor-element-d229940{--display:flex;--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-15 .elementor-element.elementor-element-49ef559{margin:17vw 3vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}.elementor-15 .elementor-element.elementor-element-49ef559 .elementor-heading-title{color:#004E32;}.elementor-15 .elementor-element.elementor-element-82359c7{--display:flex;}.elementor-15 .elementor-element.elementor-element-1a5a4a2{--display:flex;}.elementor-15 .elementor-element.elementor-element-840fbe8{--display:flex;}.elementor-15 .elementor-element.elementor-element-7febd32{--display:flex;}.elementor-15 .elementor-element.elementor-element-cfbd51b{--display:flex;}.elementor-15 .elementor-element.elementor-element-bb2d108 .elementor-button{fill:#F3EDE7;color:#F3EDE7;}.elementor-15 .elementor-element.elementor-element-3c161d7 .elementor-button{background-color:#02010100;fill:#C29F70;color:#C29F70;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D3B284;}.elementor-15 .elementor-element.elementor-element-17c5cee .elementor-button{fill:#F3EDE7;color:#F3EDE7;}.elementor-15 .elementor-element.elementor-element-854562a{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-15 .elementor-element.elementor-element-854562a:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-854562a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #FFFFFF 0%, #F3EDE7 60%);}.elementor-15 .elementor-element.elementor-element-51755a6 .title-subtitle{color:#AB967C;}.elementor-15 .elementor-element.elementor-element-51755a6 .title{color:#004E32;}.elementor-15 .elementor-element.elementor-element-51755a6 .title-after_title{color:#AB967C;}.elementor-15 .elementor-element.elementor-element-d6f7686{--display:flex;--min-height:37vh;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-2c62f4f .wd-info-box{--ib-icon-sp:0px;}.elementor-15 .elementor-element.elementor-element-b451a09{--display:flex;--min-height:37vh;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-1b3be84 .wd-info-box{--ib-icon-sp:0px;}.elementor-15 .elementor-element.elementor-element-06ca399{--display:flex;--min-height:37vh;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-b39be25 .wd-info-box{--ib-icon-sp:0px;}.elementor-15 .elementor-element.elementor-element-03d3e67{--display:flex;--min-height:37vh;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-1b67fa0 .wd-info-box{--ib-icon-sp:0px;}.elementor-15 .elementor-element.elementor-element-fc8e3fe{--display:flex;--min-height:37vh;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-3caf604 .wd-info-box{--ib-icon-sp:0px;}.elementor-15 .elementor-element.elementor-element-90c5157{width:auto;max-width:auto;}.elementor-15 .elementor-element.elementor-element-90c5157 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-68a9902{--display:flex;--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-15 .elementor-element.elementor-element-403c3f7 .title-subtitle{color:#AB967C;}.elementor-15 .elementor-element.elementor-element-403c3f7 .title{color:#004E32;}.elementor-15 .elementor-element.elementor-element-403c3f7 .title-after_title{color:#AB967C;}.elementor-15 .elementor-element.elementor-element-804e7b6{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-15 .elementor-element.elementor-element-d134013{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-15 .elementor-element.elementor-element-d134013 img{border-radius:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-46151d7{text-align:justify;}.elementor-15 .elementor-element.elementor-element-7ab8eff{--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;--justify-content:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-7230364{width:var( --container-widget-width, 26.88% );max-width:26.88%;--container-widget-width:26.88%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-7230364.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-7230364 .wd-info-box{padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-239aab3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-239aab3 .wd-info-box{padding:10px 20px 10px 20px;}.elementor-15 .elementor-element.elementor-element-51997fd{width:var( --container-widget-width, 25.359% );max-width:25.359%;--container-widget-width:25.359%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-51997fd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-51997fd .wd-info-box{padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-4e34a5f{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-0cb9c49{--display:flex;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-15 .elementor-element.elementor-element-5a4e2a7 .title-subtitle{color:#AB967C;}.elementor-15 .elementor-element.elementor-element-5a4e2a7 .title{color:#004E32;}.elementor-15 .elementor-element.elementor-element-5a4e2a7 .title-after_title{color:#AB967C;}.elementor-15 .elementor-element.elementor-element-029a88b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-a8eb695{--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:3px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:68px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-ea0023f{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-15 .elementor-element.elementor-element-ea0023f img{border-radius:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-0017904{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-15 .elementor-element.elementor-element-ddd6e6b{text-align:justify;}.elementor-15 .elementor-element.elementor-element-63de75a{--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;--justify-content:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-53aa21a{width:var( --container-widget-width, 26.88% );max-width:26.88%;--container-widget-width:26.88%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-53aa21a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-53aa21a .wd-info-box{padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-972acd8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-972acd8 .wd-info-box{padding:10px 20px 10px 20px;}.elementor-15 .elementor-element.elementor-element-7fc594e{width:var( --container-widget-width, 25.359% );max-width:25.359%;--container-widget-width:25.359%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-7fc594e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-7fc594e .wd-info-box{padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-625e407{--display:flex;--min-height:95vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.36;}.elementor-15 .elementor-element.elementor-element-625e407::before, .elementor-15 .elementor-element.elementor-element-625e407 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-625e407 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-625e407 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-625e407 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-625e407 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://drsadraee.com/wp-content/uploads/2026/06/cf3067f1-e8ba-4200-9b29-e9f0f55851c6_11zon-1.webp");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-15 .elementor-element.elementor-element-d0e6ada{--display:flex;}.elementor-15 .elementor-element.elementor-element-5205724 .title-subtitle{color:#AB967C;}.elementor-15 .elementor-element.elementor-element-5205724 .title{color:#004E32;}.elementor-15 .elementor-element.elementor-element-5205724 .title-after_title{color:#AB967C;}.elementor-15 .elementor-element.elementor-element-393c982{--display:flex;--min-height:45vh;}.elementor-15 .elementor-element.elementor-element-8d09d75{--display:flex;}.elementor-15 .elementor-element.elementor-element-7e4abd8{text-align:justify;}.elementor-15 .elementor-element.elementor-element-0221415{--display:flex;}.elementor-15 .elementor-element.elementor-element-5bbdb64{text-align:justify;}.elementor-15 .elementor-element.elementor-element-84a087d{--display:flex;}.elementor-15 .elementor-element.elementor-element-60fa5ae{text-align:justify;}.elementor-15 .elementor-element.elementor-element-cef7cf0{--display:flex;}.elementor-15 .elementor-element.elementor-element-ab820a6{text-align:justify;}.elementor-15 .elementor-element.elementor-element-f23f25d{--display:flex;}.elementor-15 .elementor-element.elementor-element-afa417b{text-align:justify;}.elementor-15 .elementor-element.elementor-element-bdeac1d{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-15 .elementor-element.elementor-element-f922f3a{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-15 .elementor-element.elementor-element-3398f47{--display:flex;}.elementor-15 .elementor-element.elementor-element-8292635 .title-subtitle{color:#AB967C;}.elementor-15 .elementor-element.elementor-element-8292635 .title{color:#004E32;}.elementor-15 .elementor-element.elementor-element-8292635 .title-after_title{color:#AB967C;}.elementor-15 .elementor-element.elementor-element-04c1e76{--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;}.elementor-15 .elementor-element.elementor-element-d0c8991{--display:flex;--min-height:28vh;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-3919ebf > .elementor-widget-container{padding:50px 50px 50px 50px;}.elementor-15 .elementor-element.elementor-element-3919ebf .info-box-title{color:#004E32;}.elementor-15 .elementor-element.elementor-element-4b4c7f5{--display:flex;--min-height:28vh;}.elementor-15 .elementor-element.elementor-element-e71b9fa > .elementor-widget-container{padding:50px 50px 50px 50px;}.elementor-15 .elementor-element.elementor-element-e71b9fa .info-box-title{color:#004E32;}.elementor-15 .elementor-element.elementor-element-5ac7b57{--display:flex;}.elementor-15 .elementor-element.elementor-element-c78d7c2 > .elementor-widget-container{padding:50px 50px 50px 50px;}.elementor-15 .elementor-element.elementor-element-c78d7c2 .info-box-title{color:#004E32;}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-4a4fa42{--content-width:100vw;}.elementor-15 .elementor-element.elementor-element-854562a{--content-width:90%;}.elementor-15 .elementor-element.elementor-element-0cb9c49{--width:90%;}.elementor-15 .elementor-element.elementor-element-029a88b{--width:94%;}.elementor-15 .elementor-element.elementor-element-625e407{--content-width:100%;}.elementor-15 .elementor-element.elementor-element-393c982{--width:91%;}.elementor-15 .elementor-element.elementor-element-3398f47{--width:90%;}.elementor-15 .elementor-element.elementor-element-04c1e76{--width:94%;}.elementor-15 .elementor-element.elementor-element-d0c8991{--width:75%;}}@media(min-width:1025px){.elementor-15 .elementor-element.elementor-element-625e407::before, .elementor-15 .elementor-element.elementor-element-625e407 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-625e407 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-625e407 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-625e407 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-625e407 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-4a4fa42{--margin-top:-5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-15 .elementor-element.elementor-element-c4a03eb{margin:34vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-4a4fa42{--min-height:60vh;--margin-top:-40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-4a4fa42:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-4a4fa42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:auto;}.elementor-15 .elementor-element.elementor-element-3fcc60d{--min-height:0vh;}.elementor-15 .elementor-element.elementor-element-d229940:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-d229940 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://drsadraee.com/wp-content/uploads/2026/07/ebfc17a8-65ce-45da-882e-52bfe57e883c_11zon.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15 .elementor-element.elementor-element-d229940{--min-height:65vh;--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;--justify-content:center;--margin-top:-35vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-49ef559{margin:18vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:10vw 0vw 0vw 0vw;text-align:center;}.elementor-15 .elementor-element.elementor-element-49ef559 .elementor-heading-title{font-size:18px;}.elementor-15 .elementor-element.elementor-element-1a5a4a2{--width:100%;--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;}.elementor-15 .elementor-element.elementor-element-840fbe8{--width:40%;}.elementor-15 .elementor-element.elementor-element-7febd32{--width:50%;--justify-content:flex-end;}.elementor-15 .elementor-element.elementor-element-cfbd51b{--width:50%;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-15 .elementor-element.elementor-element-90c5157 > .elementor-widget-container{padding:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-7ab8eff{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-15 .elementor-element.elementor-element-7230364{width:var( --container-widget-width, 166.288px );max-width:166.288px;--container-widget-width:166.288px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-239aab3{width:var( --container-widget-width, 170.1px );max-width:170.1px;--container-widget-width:170.1px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-51997fd{width:var( --container-widget-width, 175.8px );max-width:175.8px;--container-widget-width:175.8px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-4e34a5f{--margin-top:-5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-15 .elementor-element.elementor-element-63de75a{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-15 .elementor-element.elementor-element-53aa21a{width:var( --container-widget-width, 166.288px );max-width:166.288px;--container-widget-width:166.288px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-972acd8{width:var( --container-widget-width, 170.1px );max-width:170.1px;--container-widget-width:170.1px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-7fc594e{width:var( --container-widget-width, 175.8px );max-width:175.8px;--container-widget-width:175.8px;--container-widget-flex-grow:0;}}/* Start custom CSS for button, class: .elementor-element-2c3db0d *//* ==========================================
   Dr Sadraee - Service Glass Button
   دکمه شیشه‌ای خمیری هماهنگ با کارت خدمات
========================================== */

.dr-service-glass-btn .elementor-button,
.elementor-widget-button.dr-service-glass-btn .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  padding: 15px 38px  !important;
  border-radius: 10px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.38) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    1px -1px 2px rgba(255,255,255,0.72) inset,
    0 -1px 2px rgba(255,255,255,0.55) inset,
    -1px -1px 2px rgba(255,255,255,0.55) inset,
    1px 1px 2px rgba(80,60,42,0.14) inset,
    -7px 5px 14px -8px rgba(80,60,42,0.20) inset,
    0 10px 22px rgba(83,61,42,0.07) !important;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease !important;
}

/* برق خمیری داخل دکمه */
.dr-service-glass-btn .elementor-button::before,
.elementor-widget-button.dr-service-glass-btn .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;

  background:
    radial-gradient(
      circle at 10% 18%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.46) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%
    ),
    radial-gradient(
      circle at 92% 82%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.30) 0%,
      rgba(255,255,255,0.08) 35%,
      rgba(255,255,255,0.00) 70%
    ) !important;

  opacity: 0.95 !important;
}

/* رفلکت بیضی شیشه‌ای روی دکمه */
.dr-service-glass-btn .elementor-button::after,
.elementor-widget-button.dr-service-glass-btn .elementor-button::after {
  content: "" !important;
  position: absolute !important;
  top: 8px !important;
  left: 10px !important;
  width: 20px !important;
  height: 18px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  rotate: -12deg !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.82) 0%,
      rgba(255,255,255,0.34) 48%,
      rgba(255,255,255,0.00) 100%
    ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.82 !important;
}

/* متن و آیکون دکمه روی افکت‌ها */
.dr-service-glass-btn .elementor-button-content-wrapper,
.elementor-widget-button.dr-service-glass-btn .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-glass-btn .elementor-button-icon,
.elementor-widget-button.dr-service-glass-btn .elementor-button-icon {
  color: #b88a48 !important;
}

/* هاور */
.dr-service-glass-btn .elementor-button:hover,
.elementor-widget-button.dr-service-glass-btn .elementor-button:hover {
  transform: translateY(-2px) !important;

  background: rgba(232, 222, 214, 0.46) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    1px -1px 2px rgba(255,255,255,0.80) inset,
    0 -1px 2px rgba(255,255,255,0.62) inset,
    -1px -1px 2px rgba(255,255,255,0.62) inset,
    1px 1px 2px rgba(80,60,42,0.16) inset,
    -7px 5px 14px -8px rgba(80,60,42,0.22) inset,
    0 14px 28px rgba(83,61,42,0.10) !important;
}

/* کلیک */
.dr-service-glass-btn .elementor-button:active,
.elementor-widget-button.dr-service-glass-btn .elementor-button:active {
  transform: translateY(0) scale(0.985) !important;
}
/* ==========================================
   Hero Buttons Smaller Equal Size
   هم‌اندازه ولی جمع‌وجورتر
========================================== */

.dr-service-glass-btn .elementor-button,
.elementor-widget-button.dr-service-glass-btn .elementor-button,
.dr-jelly-button .elementor-button,
.elementor-widget-button.dr-jelly-button .elementor-button,
.dr-header-glass .dr-jelly-button .elementor-button {
  box-sizing: border-box !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 46px !important;
  min-height: 46px !important;

  min-width: 142px !important;

  padding: 0 28px !important;

  border-radius: 10px !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}

/* محتوای داخلی */
.dr-service-glass-btn .elementor-button-content-wrapper,
.elementor-widget-button.dr-service-glass-btn .elementor-button-content-wrapper,
.dr-jelly-button .elementor-button-content-wrapper,
.elementor-widget-button.dr-jelly-button .elementor-button-content-wrapper,
.dr-header-glass .dr-jelly-button .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 7px !important;
  height: 100% !important;
  line-height: 1 !important;
}

/* متن */
.dr-service-glass-btn .elementor-button-text,
.elementor-widget-button.dr-service-glass-btn .elementor-button-text,
.dr-jelly-button .elementor-button-text,
.elementor-widget-button.dr-jelly-button .elementor-button-text,
.dr-header-glass .dr-jelly-button .elementor-button-text {
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4eb9eba *//* ================================
   Dr Sadraee - Subtle Jelly Button
   نسخه رسمی‌تر، کم‌برق‌تر، نزدیک‌تر به بردر
================================ */

.dr-jelly-button .elementor-button,
.elementor-widget-button.dr-jelly-button .elementor-button,
.dr-header-glass .dr-jelly-button .elementor-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  isolation: isolate !important;

  padding: 15px 38px !important;
  border-radius: 10px !important;

  

  background:
    linear-gradient(
      180deg,
      #0f6657 0%,
      #08483d 52%,
      #05352d 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.32) !important;

  box-shadow:
    0 10px 20px rgba(5, 55, 47, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -8px 14px rgba(0, 0, 0, 0.18) !important;

  text-shadow: none !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

/* لایه ژله‌ای نزدیک‌تر به بردر و خیلی ظریف‌تر */
.dr-jelly-button .elementor-button::before,
.elementor-widget-button.dr-jelly-button .elementor-button::before,
.dr-header-glass .dr-jelly-button .elementor-button::before {
  content: "" !important;
  position: absolute !important;

  left: 1px !important;
  right: 1px !important;
  top: 1px !important;
  height: 60% !important;

  z-index: 1 !important;
  border-radius: 9px 9px 7px 7px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.30) 0%,
      rgba(255, 255, 255, 0.12) 55%,
      rgba(255, 255, 255, 0.00) 100%
    ) !important;

  pointer-events: none !important;
}

/* برق خیلی تمیز و کم‌رنگ؛ فقط یک خط شیشه‌ای */
.dr-jelly-button .elementor-button::after,
.elementor-widget-button.dr-jelly-button .elementor-button::after,
.dr-header-glass .dr-jelly-button .elementor-button::after {
  content: "" !important;
  position: absolute !important;

  top: 0 !important;
  left: -45% !important;
  width: 16% !important;
  height: 100% !important;

  z-index: 2 !important;

  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 255, 255, 0.00) 25%,
      rgba(255, 255, 255, 0.22) 48%,
      rgba(255, 255, 255, 0.38) 52%,
      rgba(255, 255, 255, 0.18) 58%,
      rgba(255, 255, 255, 0.00) 78%,
      transparent 100%
    ) !important;

  filter: blur(0.8px) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.dr-jelly-button .elementor-button-content-wrapper,
.elementor-widget-button.dr-jelly-button .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 5 !important;
}

/* هاور رسمی و آرام */
.dr-jelly-button .elementor-button:hover,
.elementor-widget-button.dr-jelly-button .elementor-button:hover,
.dr-header-glass .dr-jelly-button .elementor-button:hover {
  transform: translateY(-1px) !important;

  background:
    linear-gradient(
      180deg,
      #11705f 0%,
      #095346 52%,
      #063c33 100%
    ) !important;

  box-shadow:
    0 12px 24px rgba(5, 55, 47, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -8px 14px rgba(0, 0, 0, 0.16) !important;
}

.dr-jelly-button .elementor-button:hover::after,
.elementor-widget-button.dr-jelly-button .elementor-button:hover::after,
.dr-header-glass .dr-jelly-button .elementor-button:hover::after {
  animation: dr-subtle-btn-shine 0.9s ease-out forwards !important;
}

@keyframes dr-subtle-btn-shine {
  0% {
    left: -45%;
    opacity: 0;
  }

  20% {
    opacity: 0.45;
  }

  65% {
    opacity: 0.42;
  }

  100% {
    left: 120%;
    opacity: 0;
  }
}

/* کلیک */
.dr-jelly-button .elementor-button:active,
.elementor-widget-button.dr-jelly-button .elementor-button:active,
.dr-header-glass .dr-jelly-button .elementor-button:active {
  transform: translateY(0) !important;

  box-shadow:
    0 7px 14px rgba(5, 55, 47, 0.22),
    inset 0 2px 7px rgba(0, 0, 0, 0.18) !important;
}
/* ==========================================
   Hero Buttons Smaller Equal Size
   هم‌اندازه ولی جمع‌وجورتر
========================================== */

.dr-service-glass-btn .elementor-button,
.elementor-widget-button.dr-service-glass-btn .elementor-button,
.dr-jelly-button .elementor-button,
.elementor-widget-button.dr-jelly-button .elementor-button,
.dr-header-glass .dr-jelly-button .elementor-button {
  box-sizing: border-box !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 46px !important;
  min-height: 46px !important;

  min-width: 142px !important;

  padding: 0 28px !important;

  border-radius: 10px !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}

/* محتوای داخلی */
.dr-service-glass-btn .elementor-button-content-wrapper,
.elementor-widget-button.dr-service-glass-btn .elementor-button-content-wrapper,
.dr-jelly-button .elementor-button-content-wrapper,
.elementor-widget-button.dr-jelly-button .elementor-button-content-wrapper,
.dr-header-glass .dr-jelly-button .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 7px !important;
  height: 100% !important;
  line-height: 1 !important;
}

/* متن */
.dr-service-glass-btn .elementor-button-text,
.elementor-widget-button.dr-service-glass-btn .elementor-button-text,
.dr-jelly-button .elementor-button-text,
.elementor-widget-button.dr-jelly-button .elementor-button-text,
.dr-header-glass .dr-jelly-button .elementor-button-text {
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bb2d108 *//* ================================
   Dr Sadraee - Subtle Jelly Button
   نسخه رسمی‌تر، کم‌برق‌تر، نزدیک‌تر به بردر
================================ */

.dr-jelly-button .elementor-button,
.elementor-widget-button.dr-jelly-button .elementor-button,
.dr-header-glass .dr-jelly-button .elementor-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  isolation: isolate !important;

  padding: 15px 38px !important;
  border-radius: 10px !important;

  

  background:
    linear-gradient(
      180deg,
      #0f6657 0%,
      #08483d 52%,
      #05352d 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.32) !important;

  box-shadow:
    0 10px 20px rgba(5, 55, 47, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -8px 14px rgba(0, 0, 0, 0.18) !important;

  text-shadow: none !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

/* لایه ژله‌ای نزدیک‌تر به بردر و خیلی ظریف‌تر */
.dr-jelly-button .elementor-button::before,
.elementor-widget-button.dr-jelly-button .elementor-button::before,
.dr-header-glass .dr-jelly-button .elementor-button::before {
  content: "" !important;
  position: absolute !important;

  left: 1px !important;
  right: 1px !important;
  top: 1px !important;
  height: 60% !important;

  z-index: 1 !important;
  border-radius: 9px 9px 7px 7px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.30) 0%,
      rgba(255, 255, 255, 0.12) 55%,
      rgba(255, 255, 255, 0.00) 100%
    ) !important;

  pointer-events: none !important;
}

/* برق خیلی تمیز و کم‌رنگ؛ فقط یک خط شیشه‌ای */
.dr-jelly-button .elementor-button::after,
.elementor-widget-button.dr-jelly-button .elementor-button::after,
.dr-header-glass .dr-jelly-button .elementor-button::after {
  content: "" !important;
  position: absolute !important;

  top: 0 !important;
  left: -45% !important;
  width: 16% !important;
  height: 100% !important;

  z-index: 2 !important;

  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 255, 255, 0.00) 25%,
      rgba(255, 255, 255, 0.22) 48%,
      rgba(255, 255, 255, 0.38) 52%,
      rgba(255, 255, 255, 0.18) 58%,
      rgba(255, 255, 255, 0.00) 78%,
      transparent 100%
    ) !important;

  filter: blur(0.8px) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.dr-jelly-button .elementor-button-content-wrapper,
.elementor-widget-button.dr-jelly-button .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 5 !important;
}

/* هاور رسمی و آرام */
.dr-jelly-button .elementor-button:hover,
.elementor-widget-button.dr-jelly-button .elementor-button:hover,
.dr-header-glass .dr-jelly-button .elementor-button:hover {
  transform: translateY(-1px) !important;

  background:
    linear-gradient(
      180deg,
      #11705f 0%,
      #095346 52%,
      #063c33 100%
    ) !important;

  box-shadow:
    0 12px 24px rgba(5, 55, 47, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -8px 14px rgba(0, 0, 0, 0.16) !important;
}

.dr-jelly-button .elementor-button:hover::after,
.elementor-widget-button.dr-jelly-button .elementor-button:hover::after,
.dr-header-glass .dr-jelly-button .elementor-button:hover::after {
  animation: dr-subtle-btn-shine 0.9s ease-out forwards !important;
}

@keyframes dr-subtle-btn-shine {
  0% {
    left: -45%;
    opacity: 0;
  }

  20% {
    opacity: 0.45;
  }

  65% {
    opacity: 0.42;
  }

  100% {
    left: 120%;
    opacity: 0;
  }
}

/* کلیک */
.dr-jelly-button .elementor-button:active,
.elementor-widget-button.dr-jelly-button .elementor-button:active,
.dr-header-glass .dr-jelly-button .elementor-button:active {
  transform: translateY(0) !important;

  box-shadow:
    0 7px 14px rgba(5, 55, 47, 0.22),
    inset 0 2px 7px rgba(0, 0, 0, 0.18) !important;
}
/* ==========================================
   Hero Buttons Smaller Equal Size
   هم‌اندازه ولی جمع‌وجورتر
========================================== */

.dr-service-glass-btn .elementor-button,
.elementor-widget-button.dr-service-glass-btn .elementor-button,
.dr-jelly-button .elementor-button,
.elementor-widget-button.dr-jelly-button .elementor-button,
.dr-header-glass .dr-jelly-button .elementor-button {
  box-sizing: border-box !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 46px !important;
  min-height: 46px !important;

  min-width: 142px !important;

  padding: 0 28px !important;

  border-radius: 10px !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}

/* محتوای داخلی */
.dr-service-glass-btn .elementor-button-content-wrapper,
.elementor-widget-button.dr-service-glass-btn .elementor-button-content-wrapper,
.dr-jelly-button .elementor-button-content-wrapper,
.elementor-widget-button.dr-jelly-button .elementor-button-content-wrapper,
.dr-header-glass .dr-jelly-button .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 7px !important;
  height: 100% !important;
  line-height: 1 !important;
}

/* متن */
.dr-service-glass-btn .elementor-button-text,
.elementor-widget-button.dr-service-glass-btn .elementor-button-text,
.dr-jelly-button .elementor-button-text,
.elementor-widget-button.dr-jelly-button .elementor-button-text,
.dr-header-glass .dr-jelly-button .elementor-button-text {
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3c161d7 *//* ==========================================
   Dr Sadraee - Service Glass Button
   دکمه شیشه‌ای خمیری هماهنگ با کارت خدمات
========================================== */

.dr-service-glass-btn .elementor-button,
.elementor-widget-button.dr-service-glass-btn .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  padding: 15px 38px  !important;
  border-radius: 10px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.38) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    1px -1px 2px rgba(255,255,255,0.72) inset,
    0 -1px 2px rgba(255,255,255,0.55) inset,
    -1px -1px 2px rgba(255,255,255,0.55) inset,
    1px 1px 2px rgba(80,60,42,0.14) inset,
    -7px 5px 14px -8px rgba(80,60,42,0.20) inset,
    0 10px 22px rgba(83,61,42,0.07) !important;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease !important;
}

/* برق خمیری داخل دکمه */
.dr-service-glass-btn .elementor-button::before,
.elementor-widget-button.dr-service-glass-btn .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;

  background:
    radial-gradient(
      circle at 10% 18%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.46) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%
    ),
    radial-gradient(
      circle at 92% 82%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.30) 0%,
      rgba(255,255,255,0.08) 35%,
      rgba(255,255,255,0.00) 70%
    ) !important;

  opacity: 0.95 !important;
}

/* رفلکت بیضی شیشه‌ای روی دکمه */
.dr-service-glass-btn .elementor-button::after,
.elementor-widget-button.dr-service-glass-btn .elementor-button::after {
  content: "" !important;
  position: absolute !important;
  top: 8px !important;
  left: 10px !important;
  width: 20px !important;
  height: 18px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  rotate: -12deg !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.82) 0%,
      rgba(255,255,255,0.34) 48%,
      rgba(255,255,255,0.00) 100%
    ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.82 !important;
}

/* متن و آیکون دکمه روی افکت‌ها */
.dr-service-glass-btn .elementor-button-content-wrapper,
.elementor-widget-button.dr-service-glass-btn .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-glass-btn .elementor-button-icon,
.elementor-widget-button.dr-service-glass-btn .elementor-button-icon {
  color: #b88a48 !important;
}

/* هاور */
.dr-service-glass-btn .elementor-button:hover,
.elementor-widget-button.dr-service-glass-btn .elementor-button:hover {
  transform: translateY(-2px) !important;

  background: rgba(232, 222, 214, 0.46) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    1px -1px 2px rgba(255,255,255,0.80) inset,
    0 -1px 2px rgba(255,255,255,0.62) inset,
    -1px -1px 2px rgba(255,255,255,0.62) inset,
    1px 1px 2px rgba(80,60,42,0.16) inset,
    -7px 5px 14px -8px rgba(80,60,42,0.22) inset,
    0 14px 28px rgba(83,61,42,0.10) !important;
}

/* کلیک */
.dr-service-glass-btn .elementor-button:active,
.elementor-widget-button.dr-service-glass-btn .elementor-button:active {
  transform: translateY(0) scale(0.985) !important;
}
/* ==========================================
   Hero Buttons Smaller Equal Size
   هم‌اندازه ولی جمع‌وجورتر
========================================== */

.dr-service-glass-btn .elementor-button,
.elementor-widget-button.dr-service-glass-btn .elementor-button,
.dr-jelly-button .elementor-button,
.elementor-widget-button.dr-jelly-button .elementor-button,
.dr-header-glass .dr-jelly-button .elementor-button {
  box-sizing: border-box !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 46px !important;
  min-height: 46px !important;

  min-width: 142px !important;

  padding: 0 28px !important;

  border-radius: 10px !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}

/* محتوای داخلی */
.dr-service-glass-btn .elementor-button-content-wrapper,
.elementor-widget-button.dr-service-glass-btn .elementor-button-content-wrapper,
.dr-jelly-button .elementor-button-content-wrapper,
.elementor-widget-button.dr-jelly-button .elementor-button-content-wrapper,
.dr-header-glass .dr-jelly-button .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 7px !important;
  height: 100% !important;
  line-height: 1 !important;
}

/* متن */
.dr-service-glass-btn .elementor-button-text,
.elementor-widget-button.dr-service-glass-btn .elementor-button-text,
.dr-jelly-button .elementor-button-text,
.elementor-widget-button.dr-jelly-button .elementor-button-text,
.dr-header-glass .dr-jelly-button .elementor-button-text {
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-17c5cee *//* ================================
   Dr Sadraee - Subtle Jelly Button
   نسخه رسمی‌تر، کم‌برق‌تر، نزدیک‌تر به بردر
================================ */

.dr-jelly-button .elementor-button,
.elementor-widget-button.dr-jelly-button .elementor-button,
.dr-header-glass .dr-jelly-button .elementor-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  isolation: isolate !important;

  padding: 15px 38px !important;
  border-radius: 10px !important;

  

  background:
    linear-gradient(
      180deg,
      #0f6657 0%,
      #08483d 52%,
      #05352d 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.32) !important;

  box-shadow:
    0 10px 20px rgba(5, 55, 47, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -8px 14px rgba(0, 0, 0, 0.18) !important;

  text-shadow: none !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

/* لایه ژله‌ای نزدیک‌تر به بردر و خیلی ظریف‌تر */
.dr-jelly-button .elementor-button::before,
.elementor-widget-button.dr-jelly-button .elementor-button::before,
.dr-header-glass .dr-jelly-button .elementor-button::before {
  content: "" !important;
  position: absolute !important;

  left: 1px !important;
  right: 1px !important;
  top: 1px !important;
  height: 60% !important;

  z-index: 1 !important;
  border-radius: 9px 9px 7px 7px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.30) 0%,
      rgba(255, 255, 255, 0.12) 55%,
      rgba(255, 255, 255, 0.00) 100%
    ) !important;

  pointer-events: none !important;
}

/* برق خیلی تمیز و کم‌رنگ؛ فقط یک خط شیشه‌ای */
.dr-jelly-button .elementor-button::after,
.elementor-widget-button.dr-jelly-button .elementor-button::after,
.dr-header-glass .dr-jelly-button .elementor-button::after {
  content: "" !important;
  position: absolute !important;

  top: 0 !important;
  left: -45% !important;
  width: 16% !important;
  height: 100% !important;

  z-index: 2 !important;

  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 255, 255, 0.00) 25%,
      rgba(255, 255, 255, 0.22) 48%,
      rgba(255, 255, 255, 0.38) 52%,
      rgba(255, 255, 255, 0.18) 58%,
      rgba(255, 255, 255, 0.00) 78%,
      transparent 100%
    ) !important;

  filter: blur(0.8px) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.dr-jelly-button .elementor-button-content-wrapper,
.elementor-widget-button.dr-jelly-button .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 5 !important;
}

/* هاور رسمی و آرام */
.dr-jelly-button .elementor-button:hover,
.elementor-widget-button.dr-jelly-button .elementor-button:hover,
.dr-header-glass .dr-jelly-button .elementor-button:hover {
  transform: translateY(-1px) !important;

  background:
    linear-gradient(
      180deg,
      #11705f 0%,
      #095346 52%,
      #063c33 100%
    ) !important;

  box-shadow:
    0 12px 24px rgba(5, 55, 47, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -8px 14px rgba(0, 0, 0, 0.16) !important;
}

.dr-jelly-button .elementor-button:hover::after,
.elementor-widget-button.dr-jelly-button .elementor-button:hover::after,
.dr-header-glass .dr-jelly-button .elementor-button:hover::after {
  animation: dr-subtle-btn-shine 0.9s ease-out forwards !important;
}

@keyframes dr-subtle-btn-shine {
  0% {
    left: -45%;
    opacity: 0;
  }

  20% {
    opacity: 0.45;
  }

  65% {
    opacity: 0.42;
  }

  100% {
    left: 120%;
    opacity: 0;
  }
}

/* کلیک */
.dr-jelly-button .elementor-button:active,
.elementor-widget-button.dr-jelly-button .elementor-button:active,
.dr-header-glass .dr-jelly-button .elementor-button:active {
  transform: translateY(0) !important;

  box-shadow:
    0 7px 14px rgba(5, 55, 47, 0.22),
    inset 0 2px 7px rgba(0, 0, 0, 0.18) !important;
}
/* ==========================================
   Hero Buttons Smaller Equal Size
   هم‌اندازه ولی جمع‌وجورتر
========================================== */

.dr-service-glass-btn .elementor-button,
.elementor-widget-button.dr-service-glass-btn .elementor-button,
.dr-jelly-button .elementor-button,
.elementor-widget-button.dr-jelly-button .elementor-button,
.dr-header-glass .dr-jelly-button .elementor-button {
  box-sizing: border-box !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 46px !important;
  min-height: 46px !important;

  min-width: 142px !important;

  padding: 0 28px !important;

  border-radius: 10px !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}

/* محتوای داخلی */
.dr-service-glass-btn .elementor-button-content-wrapper,
.elementor-widget-button.dr-service-glass-btn .elementor-button-content-wrapper,
.dr-jelly-button .elementor-button-content-wrapper,
.elementor-widget-button.dr-jelly-button .elementor-button-content-wrapper,
.dr-header-glass .dr-jelly-button .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 7px !important;
  height: 100% !important;
  line-height: 1 !important;
}

/* متن */
.dr-service-glass-btn .elementor-button-text,
.elementor-widget-button.dr-service-glass-btn .elementor-button-text,
.dr-jelly-button .elementor-button-text,
.elementor-widget-button.dr-jelly-button .elementor-button-text,
.dr-header-glass .dr-jelly-button .elementor-button-text {
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-1b3be84 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

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

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-3caf604 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

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

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-1b3be84 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

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

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-3caf604 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

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

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-1b3be84 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

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

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-3caf604 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

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

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-1b3be84 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

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

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-3caf604 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

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

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-1b3be84 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

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

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-3caf604 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

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

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-1b3be84 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

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

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-3caf604 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

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

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d134013 *//* ==========================================
   Dr Sadraee - About Image Glass / Jelly Frame
========================================== */

.dr-about-image-glass {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;

  padding: 1px !important;
  border-radius: 19px !important;

  background: rgba(255, 255, 255, 0.38) !important;
  border: 1.9px solid rgba(211, 178, 132, 0.42) !important;

  box-shadow:
    1px -1px 2px rgba(255,255,255,0.85) inset,
    0 -1px 2px rgba(255,255,255,0.62) inset,
    -1px -1px 2px rgba(255,255,255,0.55) inset,
    1px 1px 2px rgba(80,60,42,0.13) inset,
    0 18px 42px rgba(83,61,42,0.10) !important;

  backdrop-filter: blur(8px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(125%) !important;
}

/* خود عکس */
.dr-about-image-glass img {
  display: block !important;
  width: 100% !important;
  height: auto !important;

  border-radius: 14px !important;
  position: relative !important;
  z-index: 5 !important;

  box-shadow:
    0 10px 24px rgba(83,61,42,0.10) !important;
}

/* لایه ژله‌ای دور عکس */
.dr-about-image-glass::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 19px !important;

  background:
    radial-gradient(
      circle at 12% 10%,
      rgba(255,255,255,0.95) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 34%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.34) 0%,
      rgba(255,255,255,0.10) 36%,
      rgba(255,255,255,0.00) 72%
    ) !important;

  opacity: 0.82 !important;
}

/* برق نرم گوشه بالا */
.dr-about-image-glass::after {
  content: "" !important;
  position: absolute !important;
  top: 19px !important;
  left: 14px !important;
  width: 48px !important;
  height: 34px !important;
  z-index: 6 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.82) 0%,
      rgba(255,255,255,0.34) 48%,
      rgba(255,255,255,0.00) 100%
    ) !important;

  filter: blur(0.6px) !important;
  opacity: 0.68 !important;
}

/* هاور خیلی نرم */
.dr-about-image-glass {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease !important;
}

.dr-about-image-glass:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(211, 178, 132, 0.68) !important;

  box-shadow:
    1px -1px 2px rgba(255,255,255,0.90) inset,
    0 -1px 2px rgba(255,255,255,0.70) inset,
    -1px -1px 2px rgba(255,255,255,0.62) inset,
    1px 1px 2px rgba(80,60,42,0.15) inset,
    0 24px 56px rgba(83,61,42,0.15) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-7230364 *//* ================================
   Dr Sadraee - Green Jelly Info Box
   شبیه دکمه سبز ژله‌ای، رسمی و کم‌برق
================================ */

.dr-green-info-jelly .wd-info-box,
.wd-info-box.dr-green-info-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 10px !important;

  background:
    linear-gradient(
      180deg,
      #0f6657 0%,
      #08483d 52%,
      #05352d 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.32) !important;

  box-shadow:
    0 10px 20px rgba(5, 55, 47, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -8px 14px rgba(0, 0, 0, 0.18) !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

/* لایه ژله‌ای نزدیک بردر */
.dr-green-info-jelly .wd-info-box::before,
.wd-info-box.dr-green-info-jelly::before {
  content: "" !important;
  position: absolute !important;

  left: 1px !important;
  right: 1px !important;
  top: 1px !important;
  height: 60% !important;

  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 9px 9px 7px 7px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.30) 0%,
      rgba(255, 255, 255, 0.12) 55%,
      rgba(255, 255, 255, 0.00) 100%
    ) !important;
}

/* خط برق ظریف موقع هاور */
.dr-green-info-jelly .wd-info-box::after,
.wd-info-box.dr-green-info-jelly::after {
  content: "" !important;
  position: absolute !important;

  top: 0 !important;
  left: -45% !important;
  width: 16% !important;
  height: 100% !important;

  z-index: 2 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 255, 255, 0.00) 25%,
      rgba(255, 255, 255, 0.22) 48%,
      rgba(255, 255, 255, 0.38) 52%,
      rgba(255, 255, 255, 0.18) 58%,
      rgba(255, 255, 255, 0.00) 78%,
      transparent 100%
    ) !important;

  filter: blur(0.8px) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
}

/* محتوا روی افکت بماند */
.dr-green-info-jelly .wd-info-box > *,
.wd-info-box.dr-green-info-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* عدد +15 */
.dr-green-info-jelly .info-box-icon,
.wd-info-box.dr-green-info-jelly .info-box-icon {
  color: #f5dcae !important;
  background: none !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,0.18),
    0 7px 14px rgba(0,0,0,0.18) !important;
}

/* تیتر */
.dr-green-info-jelly .info-box-title,
.wd-info-box.dr-green-info-jelly .info-box-title {
  color: #f3ede7 !important;
}

/* هاور */
.dr-green-info-jelly .wd-info-box:hover,
.wd-info-box.dr-green-info-jelly:hover {
  transform: translateY(-1px) !important;

  background:
    linear-gradient(
      180deg,
      #11705f 0%,
      #095346 52%,
      #063c33 100%
    ) !important;

  box-shadow:
    0 12px 24px rgba(5, 55, 47, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -8px 14px rgba(0, 0, 0, 0.16) !important;
}

.dr-green-info-jelly .wd-info-box:hover::after,
.wd-info-box.dr-green-info-jelly:hover::after {
  animation: dr-green-info-shine 0.9s ease-out forwards !important;
}

@keyframes dr-green-info-shine {
  0% {
    left: -45%;
    opacity: 0;
  }

  20% {
    opacity: 0.45;
  }

  65% {
    opacity: 0.42;
  }

  100% {
    left: 120%;
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-239aab3 *//* ================================
   Dr Sadraee - Green Jelly Info Box
   شبیه دکمه سبز ژله‌ای، رسمی و کم‌برق
================================ */

.dr-green-info-jelly .wd-info-box,
.wd-info-box.dr-green-info-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 10px !important;

  background:
    linear-gradient(
      180deg,
      #0f6657 0%,
      #08483d 52%,
      #05352d 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.32) !important;

  box-shadow:
    0 10px 20px rgba(5, 55, 47, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -8px 14px rgba(0, 0, 0, 0.18) !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

/* لایه ژله‌ای نزدیک بردر */
.dr-green-info-jelly .wd-info-box::before,
.wd-info-box.dr-green-info-jelly::before {
  content: "" !important;
  position: absolute !important;

  left: 1px !important;
  right: 1px !important;
  top: 1px !important;
  height: 60% !important;

  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 9px 9px 7px 7px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.30) 0%,
      rgba(255, 255, 255, 0.12) 55%,
      rgba(255, 255, 255, 0.00) 100%
    ) !important;
}

/* خط برق ظریف موقع هاور */
.dr-green-info-jelly .wd-info-box::after,
.wd-info-box.dr-green-info-jelly::after {
  content: "" !important;
  position: absolute !important;

  top: 0 !important;
  left: -45% !important;
  width: 16% !important;
  height: 100% !important;

  z-index: 2 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 255, 255, 0.00) 25%,
      rgba(255, 255, 255, 0.22) 48%,
      rgba(255, 255, 255, 0.38) 52%,
      rgba(255, 255, 255, 0.18) 58%,
      rgba(255, 255, 255, 0.00) 78%,
      transparent 100%
    ) !important;

  filter: blur(0.8px) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
}

/* محتوا روی افکت بماند */
.dr-green-info-jelly .wd-info-box > *,
.wd-info-box.dr-green-info-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* عدد +15 */
.dr-green-info-jelly .info-box-icon,
.wd-info-box.dr-green-info-jelly .info-box-icon {
  color: #f5dcae !important;
  background: none !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,0.18),
    0 7px 14px rgba(0,0,0,0.18) !important;
}

/* تیتر */
.dr-green-info-jelly .info-box-title,
.wd-info-box.dr-green-info-jelly .info-box-title {
  color: #f3ede7 !important;
}

/* هاور */
.dr-green-info-jelly .wd-info-box:hover,
.wd-info-box.dr-green-info-jelly:hover {
  transform: translateY(-1px) !important;

  background:
    linear-gradient(
      180deg,
      #11705f 0%,
      #095346 52%,
      #063c33 100%
    ) !important;

  box-shadow:
    0 12px 24px rgba(5, 55, 47, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -8px 14px rgba(0, 0, 0, 0.16) !important;
}

.dr-green-info-jelly .wd-info-box:hover::after,
.wd-info-box.dr-green-info-jelly:hover::after {
  animation: dr-green-info-shine 0.9s ease-out forwards !important;
}

@keyframes dr-green-info-shine {
  0% {
    left: -45%;
    opacity: 0;
  }

  20% {
    opacity: 0.45;
  }

  65% {
    opacity: 0.42;
  }

  100% {
    left: 120%;
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-51997fd *//* ================================
   Dr Sadraee - Green Jelly Info Box
   شبیه دکمه سبز ژله‌ای، رسمی و کم‌برق
================================ */

.dr-green-info-jelly .wd-info-box,
.wd-info-box.dr-green-info-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 10px !important;

  background:
    linear-gradient(
      180deg,
      #0f6657 0%,
      #08483d 52%,
      #05352d 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.32) !important;

  box-shadow:
    0 10px 20px rgba(5, 55, 47, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -8px 14px rgba(0, 0, 0, 0.18) !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

/* لایه ژله‌ای نزدیک بردر */
.dr-green-info-jelly .wd-info-box::before,
.wd-info-box.dr-green-info-jelly::before {
  content: "" !important;
  position: absolute !important;

  left: 1px !important;
  right: 1px !important;
  top: 1px !important;
  height: 60% !important;

  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 9px 9px 7px 7px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.30) 0%,
      rgba(255, 255, 255, 0.12) 55%,
      rgba(255, 255, 255, 0.00) 100%
    ) !important;
}

/* خط برق ظریف موقع هاور */
.dr-green-info-jelly .wd-info-box::after,
.wd-info-box.dr-green-info-jelly::after {
  content: "" !important;
  position: absolute !important;

  top: 0 !important;
  left: -45% !important;
  width: 16% !important;
  height: 100% !important;

  z-index: 2 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 255, 255, 0.00) 25%,
      rgba(255, 255, 255, 0.22) 48%,
      rgba(255, 255, 255, 0.38) 52%,
      rgba(255, 255, 255, 0.18) 58%,
      rgba(255, 255, 255, 0.00) 78%,
      transparent 100%
    ) !important;

  filter: blur(0.8px) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
}

/* محتوا روی افکت بماند */
.dr-green-info-jelly .wd-info-box > *,
.wd-info-box.dr-green-info-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* عدد +15 */
.dr-green-info-jelly .info-box-icon,
.wd-info-box.dr-green-info-jelly .info-box-icon {
  color: #f5dcae !important;
  background: none !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,0.18),
    0 7px 14px rgba(0,0,0,0.18) !important;
}

/* تیتر */
.dr-green-info-jelly .info-box-title,
.wd-info-box.dr-green-info-jelly .info-box-title {
  color: #f3ede7 !important;
}

/* هاور */
.dr-green-info-jelly .wd-info-box:hover,
.wd-info-box.dr-green-info-jelly:hover {
  transform: translateY(-1px) !important;

  background:
    linear-gradient(
      180deg,
      #11705f 0%,
      #095346 52%,
      #063c33 100%
    ) !important;

  box-shadow:
    0 12px 24px rgba(5, 55, 47, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -8px 14px rgba(0, 0, 0, 0.16) !important;
}

.dr-green-info-jelly .wd-info-box:hover::after,
.wd-info-box.dr-green-info-jelly:hover::after {
  animation: dr-green-info-shine 0.9s ease-out forwards !important;
}

@keyframes dr-green-info-shine {
  0% {
    left: -45%;
    opacity: 0;
  }

  20% {
    opacity: 0.45;
  }

  65% {
    opacity: 0.42;
  }

  100% {
    left: 120%;
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea0023f *//* ==========================================
   Dr Sadraee - About Image Glass / Jelly Frame
========================================== */

.dr-about-image-glass {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;

  padding: 1px !important;
  border-radius: 19px !important;

  background: rgba(255, 255, 255, 0.38) !important;
  border: 1.9px solid rgba(211, 178, 132, 0.42) !important;

  box-shadow:
    1px -1px 2px rgba(255,255,255,0.85) inset,
    0 -1px 2px rgba(255,255,255,0.62) inset,
    -1px -1px 2px rgba(255,255,255,0.55) inset,
    1px 1px 2px rgba(80,60,42,0.13) inset,
    0 18px 42px rgba(83,61,42,0.10) !important;

  backdrop-filter: blur(8px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(125%) !important;
}

/* خود عکس */
.dr-about-image-glass img {
  display: block !important;
  width: 100% !important;
  height: auto !important;

  border-radius: 14px !important;
  position: relative !important;
  z-index: 5 !important;

  box-shadow:
    0 10px 24px rgba(83,61,42,0.10) !important;
}

/* لایه ژله‌ای دور عکس */
.dr-about-image-glass::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 19px !important;

  background:
    radial-gradient(
      circle at 12% 10%,
      rgba(255,255,255,0.95) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 34%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.34) 0%,
      rgba(255,255,255,0.10) 36%,
      rgba(255,255,255,0.00) 72%
    ) !important;

  opacity: 0.82 !important;
}

/* برق نرم گوشه بالا */
.dr-about-image-glass::after {
  content: "" !important;
  position: absolute !important;
  top: 19px !important;
  left: 14px !important;
  width: 48px !important;
  height: 34px !important;
  z-index: 6 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.82) 0%,
      rgba(255,255,255,0.34) 48%,
      rgba(255,255,255,0.00) 100%
    ) !important;

  filter: blur(0.6px) !important;
  opacity: 0.68 !important;
}

/* هاور خیلی نرم */
.dr-about-image-glass {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease !important;
}

.dr-about-image-glass:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(211, 178, 132, 0.68) !important;

  box-shadow:
    1px -1px 2px rgba(255,255,255,0.90) inset,
    0 -1px 2px rgba(255,255,255,0.70) inset,
    -1px -1px 2px rgba(255,255,255,0.62) inset,
    1px 1px 2px rgba(80,60,42,0.15) inset,
    0 24px 56px rgba(83,61,42,0.15) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-53aa21a *//* ================================
   Dr Sadraee - Green Jelly Info Box
   شبیه دکمه سبز ژله‌ای، رسمی و کم‌برق
================================ */

.dr-green-info-jelly .wd-info-box,
.wd-info-box.dr-green-info-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 10px !important;

  background:
    linear-gradient(
      180deg,
      #0f6657 0%,
      #08483d 52%,
      #05352d 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.32) !important;

  box-shadow:
    0 10px 20px rgba(5, 55, 47, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -8px 14px rgba(0, 0, 0, 0.18) !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

/* لایه ژله‌ای نزدیک بردر */
.dr-green-info-jelly .wd-info-box::before,
.wd-info-box.dr-green-info-jelly::before {
  content: "" !important;
  position: absolute !important;

  left: 1px !important;
  right: 1px !important;
  top: 1px !important;
  height: 60% !important;

  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 9px 9px 7px 7px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.30) 0%,
      rgba(255, 255, 255, 0.12) 55%,
      rgba(255, 255, 255, 0.00) 100%
    ) !important;
}

/* خط برق ظریف موقع هاور */
.dr-green-info-jelly .wd-info-box::after,
.wd-info-box.dr-green-info-jelly::after {
  content: "" !important;
  position: absolute !important;

  top: 0 !important;
  left: -45% !important;
  width: 16% !important;
  height: 100% !important;

  z-index: 2 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 255, 255, 0.00) 25%,
      rgba(255, 255, 255, 0.22) 48%,
      rgba(255, 255, 255, 0.38) 52%,
      rgba(255, 255, 255, 0.18) 58%,
      rgba(255, 255, 255, 0.00) 78%,
      transparent 100%
    ) !important;

  filter: blur(0.8px) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
}

/* محتوا روی افکت بماند */
.dr-green-info-jelly .wd-info-box > *,
.wd-info-box.dr-green-info-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* عدد +15 */
.dr-green-info-jelly .info-box-icon,
.wd-info-box.dr-green-info-jelly .info-box-icon {
  color: #f5dcae !important;
  background: none !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,0.18),
    0 7px 14px rgba(0,0,0,0.18) !important;
}

/* تیتر */
.dr-green-info-jelly .info-box-title,
.wd-info-box.dr-green-info-jelly .info-box-title {
  color: #f3ede7 !important;
}

/* هاور */
.dr-green-info-jelly .wd-info-box:hover,
.wd-info-box.dr-green-info-jelly:hover {
  transform: translateY(-1px) !important;

  background:
    linear-gradient(
      180deg,
      #11705f 0%,
      #095346 52%,
      #063c33 100%
    ) !important;

  box-shadow:
    0 12px 24px rgba(5, 55, 47, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -8px 14px rgba(0, 0, 0, 0.16) !important;
}

.dr-green-info-jelly .wd-info-box:hover::after,
.wd-info-box.dr-green-info-jelly:hover::after {
  animation: dr-green-info-shine 0.9s ease-out forwards !important;
}

@keyframes dr-green-info-shine {
  0% {
    left: -45%;
    opacity: 0;
  }

  20% {
    opacity: 0.45;
  }

  65% {
    opacity: 0.42;
  }

  100% {
    left: 120%;
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-972acd8 *//* ================================
   Dr Sadraee - Green Jelly Info Box
   شبیه دکمه سبز ژله‌ای، رسمی و کم‌برق
================================ */

.dr-green-info-jelly .wd-info-box,
.wd-info-box.dr-green-info-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 10px !important;

  background:
    linear-gradient(
      180deg,
      #0f6657 0%,
      #08483d 52%,
      #05352d 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.32) !important;

  box-shadow:
    0 10px 20px rgba(5, 55, 47, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -8px 14px rgba(0, 0, 0, 0.18) !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

/* لایه ژله‌ای نزدیک بردر */
.dr-green-info-jelly .wd-info-box::before,
.wd-info-box.dr-green-info-jelly::before {
  content: "" !important;
  position: absolute !important;

  left: 1px !important;
  right: 1px !important;
  top: 1px !important;
  height: 60% !important;

  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 9px 9px 7px 7px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.30) 0%,
      rgba(255, 255, 255, 0.12) 55%,
      rgba(255, 255, 255, 0.00) 100%
    ) !important;
}

/* خط برق ظریف موقع هاور */
.dr-green-info-jelly .wd-info-box::after,
.wd-info-box.dr-green-info-jelly::after {
  content: "" !important;
  position: absolute !important;

  top: 0 !important;
  left: -45% !important;
  width: 16% !important;
  height: 100% !important;

  z-index: 2 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 255, 255, 0.00) 25%,
      rgba(255, 255, 255, 0.22) 48%,
      rgba(255, 255, 255, 0.38) 52%,
      rgba(255, 255, 255, 0.18) 58%,
      rgba(255, 255, 255, 0.00) 78%,
      transparent 100%
    ) !important;

  filter: blur(0.8px) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
}

/* محتوا روی افکت بماند */
.dr-green-info-jelly .wd-info-box > *,
.wd-info-box.dr-green-info-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* عدد +15 */
.dr-green-info-jelly .info-box-icon,
.wd-info-box.dr-green-info-jelly .info-box-icon {
  color: #f5dcae !important;
  background: none !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,0.18),
    0 7px 14px rgba(0,0,0,0.18) !important;
}

/* تیتر */
.dr-green-info-jelly .info-box-title,
.wd-info-box.dr-green-info-jelly .info-box-title {
  color: #f3ede7 !important;
}

/* هاور */
.dr-green-info-jelly .wd-info-box:hover,
.wd-info-box.dr-green-info-jelly:hover {
  transform: translateY(-1px) !important;

  background:
    linear-gradient(
      180deg,
      #11705f 0%,
      #095346 52%,
      #063c33 100%
    ) !important;

  box-shadow:
    0 12px 24px rgba(5, 55, 47, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -8px 14px rgba(0, 0, 0, 0.16) !important;
}

.dr-green-info-jelly .wd-info-box:hover::after,
.wd-info-box.dr-green-info-jelly:hover::after {
  animation: dr-green-info-shine 0.9s ease-out forwards !important;
}

@keyframes dr-green-info-shine {
  0% {
    left: -45%;
    opacity: 0;
  }

  20% {
    opacity: 0.45;
  }

  65% {
    opacity: 0.42;
  }

  100% {
    left: 120%;
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-7fc594e *//* ================================
   Dr Sadraee - Green Jelly Info Box
   شبیه دکمه سبز ژله‌ای، رسمی و کم‌برق
================================ */

.dr-green-info-jelly .wd-info-box,
.wd-info-box.dr-green-info-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 10px !important;

  background:
    linear-gradient(
      180deg,
      #0f6657 0%,
      #08483d 52%,
      #05352d 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.32) !important;

  box-shadow:
    0 10px 20px rgba(5, 55, 47, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -8px 14px rgba(0, 0, 0, 0.18) !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

/* لایه ژله‌ای نزدیک بردر */
.dr-green-info-jelly .wd-info-box::before,
.wd-info-box.dr-green-info-jelly::before {
  content: "" !important;
  position: absolute !important;

  left: 1px !important;
  right: 1px !important;
  top: 1px !important;
  height: 60% !important;

  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 9px 9px 7px 7px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.30) 0%,
      rgba(255, 255, 255, 0.12) 55%,
      rgba(255, 255, 255, 0.00) 100%
    ) !important;
}

/* خط برق ظریف موقع هاور */
.dr-green-info-jelly .wd-info-box::after,
.wd-info-box.dr-green-info-jelly::after {
  content: "" !important;
  position: absolute !important;

  top: 0 !important;
  left: -45% !important;
  width: 16% !important;
  height: 100% !important;

  z-index: 2 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 255, 255, 0.00) 25%,
      rgba(255, 255, 255, 0.22) 48%,
      rgba(255, 255, 255, 0.38) 52%,
      rgba(255, 255, 255, 0.18) 58%,
      rgba(255, 255, 255, 0.00) 78%,
      transparent 100%
    ) !important;

  filter: blur(0.8px) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
}

/* محتوا روی افکت بماند */
.dr-green-info-jelly .wd-info-box > *,
.wd-info-box.dr-green-info-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* عدد +15 */
.dr-green-info-jelly .info-box-icon,
.wd-info-box.dr-green-info-jelly .info-box-icon {
  color: #f5dcae !important;
  background: none !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,0.18),
    0 7px 14px rgba(0,0,0,0.18) !important;
}

/* تیتر */
.dr-green-info-jelly .info-box-title,
.wd-info-box.dr-green-info-jelly .info-box-title {
  color: #f3ede7 !important;
}

/* هاور */
.dr-green-info-jelly .wd-info-box:hover,
.wd-info-box.dr-green-info-jelly:hover {
  transform: translateY(-1px) !important;

  background:
    linear-gradient(
      180deg,
      #11705f 0%,
      #095346 52%,
      #063c33 100%
    ) !important;

  box-shadow:
    0 12px 24px rgba(5, 55, 47, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -8px 14px rgba(0, 0, 0, 0.16) !important;
}

.dr-green-info-jelly .wd-info-box:hover::after,
.wd-info-box.dr-green-info-jelly:hover::after {
  animation: dr-green-info-shine 0.9s ease-out forwards !important;
}

@keyframes dr-green-info-shine {
  0% {
    left: -45%;
    opacity: 0;
  }

  20% {
    opacity: 0.45;
  }

  65% {
    opacity: 0.42;
  }

  100% {
    left: 120%;
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-bdeac1d *//* ================================
   Dr Sadraee - FAQ Jelly Accordion
   شیشه‌ای ژله‌ای، بلر کم، بردر طلایی
================================ */

.dr-faq-jelly .e-n-accordion {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

/* هر آیتم سوال */
.dr-faq-jelly .e-n-accordion-item {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 15px !important;

  background: rgba(255, 255, 255, 0.13) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.58) !important;

  backdrop-filter: blur(2px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(140%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.16),
    0 10px 24px rgba(83,61,42,0.08) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease !important;
}

/* لایه ژله‌ای داخل آیتم */
.dr-faq-jelly .e-n-accordion-item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;

  background:
    radial-gradient(
      circle at 10% 8%,
      rgba(255,255,255,0.72) 0%,
      rgba(255,255,255,0.24) 13%,
      rgba(255,255,255,0.06) 26%,
      transparent 44%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.16) 0%,
      rgba(255,255,255,0.04) 45%,
      transparent 100%
    ) !important;

  opacity: 0.80 !important;
}

/* سوال */
.dr-faq-jelly .e-n-accordion-item-title {
  position: relative !important;
  z-index: 5 !important;

  background: transparent !important;
  border: none !important;
  border-radius: 15px !important;

  color: #243430 !important;
}

/* متن سوال */
.dr-faq-jelly .e-n-accordion-item-title-text {
  color: #243430 !important;
  font-weight: 600 !important;
}

/* آیکون + و - */
.dr-faq-jelly .e-n-accordion-item-title-icon {
  color: #b88a48 !important;
}

.dr-faq-jelly .e-n-accordion-item-title-icon svg,
.dr-faq-jelly .e-n-accordion-item-title-icon svg path {
  fill: #b88a48 !important;
}

/* محتوای بازشده */
.dr-faq-jelly .e-n-accordion-item > div[role="region"] {
  position: relative !important;
  z-index: 5 !important;

  background: transparent !important;
  border: none !important;
  color: rgba(36, 52, 48, 0.72) !important;
}

/* متن پاسخ */
.dr-faq-jelly .e-n-accordion-item p {
  color: rgba(36, 52, 48, 0.72) !important;
  line-height: 2 !important;
}

/* حالت باز */
.dr-faq-jelly .e-n-accordion-item[open] {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(211, 178, 132, 0.76) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.20),
    0 14px 30px rgba(83,61,42,0.11) !important;
}

/* هاور */
.dr-faq-jelly .e-n-accordion-item:hover {
  background: rgba(255, 255, 255, 0.20) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;
}
/* ==========================================
   FAQ Height Fix
   بلندتر شدن آیتم‌های آکاردئون
========================================== */

/* ارتفاع باکس بسته */
.dr-faq-jelly .e-n-accordion-item-title {
  min-height: 70px !important;
  padding: 18px 24px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* متن سوال وسط‌چین عمودی بماند */
.dr-faq-jelly .e-n-accordion-item-title-header {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
}

/* فاصله آیکون + و - از متن */
.dr-faq-jelly .e-n-accordion-item-title-icon {
  margin-right: 16px !important;
  display: flex !important;
  align-items: center !important;
}

/* وقتی باز می‌شود، جواب هم نفس داشته باشد */
.dr-faq-jelly .e-n-accordion-item > div[role="region"] {
  padding: 0 24px 22px 24px !important;
}

/* متن پاسخ از بالا خیلی نچسبد */
.dr-faq-jelly .e-n-accordion-item p {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-3919ebf *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

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

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-e71b9fa *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

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

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-c78d7c2 *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

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

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-3919ebf *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

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

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-e71b9fa *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

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

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-c78d7c2 *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

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

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-3919ebf *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

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

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-e71b9fa *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

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

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-c78d7c2 *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

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

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-3919ebf *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

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

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-e71b9fa *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

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

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-c78d7c2 *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

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

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */