.elementor-6929 .elementor-element.elementor-element-6b31c40{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:96px;--padding-bottom:75px;--padding-left:48px;--padding-right:48px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6929 .elementor-element.elementor-element-f3154c5 > .elementor-widget-container{margin:0px 0px 48px 0px;}.elementor-6929 .elementor-element.elementor-element-f3154c5{text-align:center;}.elementor-6929 .elementor-element.elementor-element-f3154c5 .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:48px;font-weight:700;line-height:58px;}.elementor-6929 .elementor-element.elementor-element-201e531{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6929 .elementor-element.elementor-element-c2717a3{--display:flex;}.elementor-6929 .elementor-element.elementor-element-1046a7e{--display:flex;--min-height:460px;--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:space-between;--align-items:flex-start;--overlay-opacity:1;--border-radius:22px 22px 22px 22px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-6929 .elementor-element.elementor-element-1046a7e:not(.elementor-motion-effects-element-type-background), .elementor-6929 .elementor-element.elementor-element-1046a7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mdtw.co/wp-content/uploads/2024/06/New-Project-8-min.jpg");background-position:center center;background-size:cover;}.elementor-6929 .elementor-element.elementor-element-1046a7e::before, .elementor-6929 .elementor-element.elementor-element-1046a7e > .elementor-background-video-container::before, .elementor-6929 .elementor-element.elementor-element-1046a7e > .e-con-inner > .elementor-background-video-container::before, .elementor-6929 .elementor-element.elementor-element-1046a7e > .elementor-background-slideshow::before, .elementor-6929 .elementor-element.elementor-element-1046a7e > .e-con-inner > .elementor-background-slideshow::before, .elementor-6929 .elementor-element.elementor-element-1046a7e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000CC 100%);}.elementor-6929 .elementor-element.elementor-element-ab5c96f > .elementor-widget-container{padding:8px 16px 8px 16px;border-radius:100px 100px 100px 100px;}.elementor-6929 .elementor-element.elementor-element-ab5c96f .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:18px;font-weight:700;line-height:28px;color:#0D1D41;}.elementor-6929 .elementor-element.elementor-element-ab5c96f .elementor-heading-title a:hover, .elementor-6929 .elementor-element.elementor-element-ab5c96f .elementor-heading-title a:focus{color:var( --e-global-color-text );}.elementor-6929 .elementor-element.elementor-element-b6a51e1{--display:flex;}.elementor-6929 .elementor-element.elementor-element-b7927b5{--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:space-between;--align-items:center;}.elementor-6929 .elementor-element.elementor-element-94495b2{width:var( --container-widget-width, 272px );max-width:272px;--container-widget-width:272px;--container-widget-flex-grow:0;}.elementor-6929 .elementor-element.elementor-element-94495b2 .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:30px;font-weight:700;line-height:36px;color:var( --e-global-color-text );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6929 .elementor-element.elementor-element-418e34c img{width:44px;height:44px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6929 .elementor-element.elementor-element-385a2ff{--display:flex;}.elementor-6929 .elementor-element.elementor-element-2403e34{--display:flex;--min-height:460px;--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:space-between;--align-items:flex-start;--overlay-opacity:1;--border-radius:22px 22px 22px 22px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-6929 .elementor-element.elementor-element-2403e34:not(.elementor-motion-effects-element-type-background), .elementor-6929 .elementor-element.elementor-element-2403e34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mdtw.co/wp-content/uploads/2024/06/New-Project-9-min.jpg");background-position:center center;background-size:cover;}.elementor-6929 .elementor-element.elementor-element-2403e34::before, .elementor-6929 .elementor-element.elementor-element-2403e34 > .elementor-background-video-container::before, .elementor-6929 .elementor-element.elementor-element-2403e34 > .e-con-inner > .elementor-background-video-container::before, .elementor-6929 .elementor-element.elementor-element-2403e34 > .elementor-background-slideshow::before, .elementor-6929 .elementor-element.elementor-element-2403e34 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6929 .elementor-element.elementor-element-2403e34 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000CC 100%);}.elementor-6929 .elementor-element.elementor-element-e60052a > .elementor-widget-container{padding:8px 16px 8px 16px;border-radius:100px 100px 100px 100px;}.elementor-6929 .elementor-element.elementor-element-e60052a .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:18px;font-weight:700;line-height:28px;color:#0D1D41;}.elementor-6929 .elementor-element.elementor-element-e60052a .elementor-heading-title a:hover, .elementor-6929 .elementor-element.elementor-element-e60052a .elementor-heading-title a:focus{color:var( --e-global-color-text );}.elementor-6929 .elementor-element.elementor-element-08764f9{--display:flex;}.elementor-6929 .elementor-element.elementor-element-5c6cbd6{--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:space-between;--align-items:center;}.elementor-6929 .elementor-element.elementor-element-b4503dc{width:var( --container-widget-width, 272px );max-width:272px;--container-widget-width:272px;--container-widget-flex-grow:0;}.elementor-6929 .elementor-element.elementor-element-b4503dc .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:30px;font-weight:700;line-height:36px;color:var( --e-global-color-text );}.elementor-6929 .elementor-element.elementor-element-a31fe49 img{width:44px;height:44px;}.elementor-6929 .elementor-element.elementor-element-3985ad4{--display:flex;}.elementor-6929 .elementor-element.elementor-element-d71869b{--display:flex;--min-height:460px;--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:space-between;--align-items:flex-start;--overlay-opacity:1;--border-radius:22px 22px 22px 22px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-6929 .elementor-element.elementor-element-d71869b:not(.elementor-motion-effects-element-type-background), .elementor-6929 .elementor-element.elementor-element-d71869b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mdtw.co/wp-content/uploads/2025/04/emsella-tile-final-e1746996316745.jpg");background-position:center center;background-size:cover;}.elementor-6929 .elementor-element.elementor-element-d71869b::before, .elementor-6929 .elementor-element.elementor-element-d71869b > .elementor-background-video-container::before, .elementor-6929 .elementor-element.elementor-element-d71869b > .e-con-inner > .elementor-background-video-container::before, .elementor-6929 .elementor-element.elementor-element-d71869b > .elementor-background-slideshow::before, .elementor-6929 .elementor-element.elementor-element-d71869b > .e-con-inner > .elementor-background-slideshow::before, .elementor-6929 .elementor-element.elementor-element-d71869b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000CC 100%);}.elementor-6929 .elementor-element.elementor-element-957916f > .elementor-widget-container{padding:8px 16px 8px 16px;border-radius:100px 100px 100px 100px;}.elementor-6929 .elementor-element.elementor-element-957916f .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:18px;font-weight:700;line-height:28px;color:#0D1D41;}.elementor-6929 .elementor-element.elementor-element-957916f .elementor-heading-title a:hover, .elementor-6929 .elementor-element.elementor-element-957916f .elementor-heading-title a:focus{color:var( --e-global-color-text );}.elementor-6929 .elementor-element.elementor-element-8f32259{--display:flex;}.elementor-6929 .elementor-element.elementor-element-4b6c3ea{--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:space-between;--align-items:center;}.elementor-6929 .elementor-element.elementor-element-8c66449{width:var( --container-widget-width, 272px );max-width:272px;--container-widget-width:272px;--container-widget-flex-grow:0;}.elementor-6929 .elementor-element.elementor-element-8c66449 .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:30px;font-weight:700;line-height:36px;color:var( --e-global-color-text );}.elementor-6929 .elementor-element.elementor-element-6f7a095 img{width:44px;height:44px;}.elementor-6929 .elementor-element.elementor-element-22f7b59{--display:flex;}.elementor-6929 .elementor-element.elementor-element-a61f341{--display:flex;--min-height:460px;--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:space-between;--align-items:flex-start;--overlay-opacity:1;--border-radius:22px 22px 22px 22px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-6929 .elementor-element.elementor-element-a61f341:not(.elementor-motion-effects-element-type-background), .elementor-6929 .elementor-element.elementor-element-a61f341 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mdtw.co/wp-content/uploads/2024/06/New-Project-10-min.jpg");background-position:center center;background-size:cover;}.elementor-6929 .elementor-element.elementor-element-a61f341::before, .elementor-6929 .elementor-element.elementor-element-a61f341 > .elementor-background-video-container::before, .elementor-6929 .elementor-element.elementor-element-a61f341 > .e-con-inner > .elementor-background-video-container::before, .elementor-6929 .elementor-element.elementor-element-a61f341 > .elementor-background-slideshow::before, .elementor-6929 .elementor-element.elementor-element-a61f341 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6929 .elementor-element.elementor-element-a61f341 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000CC 100%);}.elementor-6929 .elementor-element.elementor-element-ee0e4cd > .elementor-widget-container{padding:8px 16px 8px 16px;border-radius:100px 100px 100px 100px;}.elementor-6929 .elementor-element.elementor-element-ee0e4cd .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:18px;font-weight:700;line-height:28px;color:#0D1D41;}.elementor-6929 .elementor-element.elementor-element-ee0e4cd .elementor-heading-title a:hover, .elementor-6929 .elementor-element.elementor-element-ee0e4cd .elementor-heading-title a:focus{color:var( --e-global-color-text );}.elementor-6929 .elementor-element.elementor-element-110622b{--display:flex;}.elementor-6929 .elementor-element.elementor-element-71c85d1{--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:space-between;--align-items:center;}.elementor-6929 .elementor-element.elementor-element-98cd43f{width:var( --container-widget-width, 272px );max-width:272px;--container-widget-width:272px;--container-widget-flex-grow:0;}.elementor-6929 .elementor-element.elementor-element-98cd43f .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:30px;font-weight:700;line-height:36px;color:var( --e-global-color-text );}.elementor-6929 .elementor-element.elementor-element-bdf010a img{width:44px;height:44px;}.elementor-6929 .elementor-element.elementor-element-4adf7f6{--display:flex;}.elementor-6929 .elementor-element.elementor-element-141bc43{--display:flex;--min-height:460px;--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:space-between;--align-items:flex-start;--overlay-opacity:1;--border-radius:22px 22px 22px 22px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-6929 .elementor-element.elementor-element-141bc43:not(.elementor-motion-effects-element-type-background), .elementor-6929 .elementor-element.elementor-element-141bc43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mdtw.co/wp-content/uploads/2025/04/iStock-1128838764.jpg");background-position:center center;background-size:cover;}.elementor-6929 .elementor-element.elementor-element-141bc43::before, .elementor-6929 .elementor-element.elementor-element-141bc43 > .elementor-background-video-container::before, .elementor-6929 .elementor-element.elementor-element-141bc43 > .e-con-inner > .elementor-background-video-container::before, .elementor-6929 .elementor-element.elementor-element-141bc43 > .elementor-background-slideshow::before, .elementor-6929 .elementor-element.elementor-element-141bc43 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6929 .elementor-element.elementor-element-141bc43 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000CC 100%);}.elementor-6929 .elementor-element.elementor-element-ca78172 > .elementor-widget-container{padding:8px 16px 8px 16px;border-radius:100px 100px 100px 100px;}.elementor-6929 .elementor-element.elementor-element-ca78172 .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:18px;font-weight:700;line-height:28px;color:#0D1D41;}.elementor-6929 .elementor-element.elementor-element-ca78172 .elementor-heading-title a:hover, .elementor-6929 .elementor-element.elementor-element-ca78172 .elementor-heading-title a:focus{color:var( --e-global-color-text );}.elementor-6929 .elementor-element.elementor-element-41d2253{--display:flex;}.elementor-6929 .elementor-element.elementor-element-43209d9{--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:space-between;--align-items:center;}.elementor-6929 .elementor-element.elementor-element-765868e{width:var( --container-widget-width, 272px );max-width:272px;--container-widget-width:272px;--container-widget-flex-grow:0;}.elementor-6929 .elementor-element.elementor-element-765868e .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:30px;font-weight:700;line-height:36px;color:var( --e-global-color-text );}.elementor-6929 .elementor-element.elementor-element-d576efc img{width:44px;height:44px;}.elementor-6929 .elementor-element.elementor-element-1a2bbb2{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-offset-size:0px;--e-n-carousel-swiper-slides-gap:24px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:48px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:48px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:44px;--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-progressbar-normal-color:#EB0909;}.elementor-6929 .elementor-element.elementor-element-1a2bbb2 > .elementor-widget-container{padding:0px 0px 120px 0px;}@media(max-width:1024px){.elementor-6929 .elementor-element.elementor-element-1a2bbb2{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-6929 .elementor-element.elementor-element-6b31c40{--content-width:1592px;}.elementor-6929 .elementor-element.elementor-element-1046a7e{--width:100%;}.elementor-6929 .elementor-element.elementor-element-2403e34{--width:100%;}.elementor-6929 .elementor-element.elementor-element-d71869b{--width:100%;}.elementor-6929 .elementor-element.elementor-element-a61f341{--width:100%;}.elementor-6929 .elementor-element.elementor-element-141bc43{--width:100%;}}@media(max-width:767px){.elementor-6929 .elementor-element.elementor-element-6b31c40{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6929 .elementor-element.elementor-element-f3154c5 .elementor-heading-title{font-size:36px;}.elementor-6929 .elementor-element.elementor-element-201e531{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:0px;}.elementor-6929 .elementor-element.elementor-element-94495b2{--container-widget-width:212px;--container-widget-flex-grow:0;width:var( --container-widget-width, 212px );max-width:212px;}.elementor-6929 .elementor-element.elementor-element-94495b2 .elementor-heading-title{font-size:20px;}.elementor-6929 .elementor-element.elementor-element-b4503dc{--container-widget-width:212px;--container-widget-flex-grow:0;width:var( --container-widget-width, 212px );max-width:212px;}.elementor-6929 .elementor-element.elementor-element-b4503dc .elementor-heading-title{font-size:20px;}.elementor-6929 .elementor-element.elementor-element-8c66449{--container-widget-width:212px;--container-widget-flex-grow:0;width:var( --container-widget-width, 212px );max-width:212px;}.elementor-6929 .elementor-element.elementor-element-8c66449 .elementor-heading-title{font-size:20px;}.elementor-6929 .elementor-element.elementor-element-98cd43f{--container-widget-width:212px;--container-widget-flex-grow:0;width:var( --container-widget-width, 212px );max-width:212px;}.elementor-6929 .elementor-element.elementor-element-98cd43f .elementor-heading-title{font-size:20px;}.elementor-6929 .elementor-element.elementor-element-765868e{--container-widget-width:212px;--container-widget-flex-grow:0;width:var( --container-widget-width, 212px );max-width:212px;}.elementor-6929 .elementor-element.elementor-element-765868e .elementor-heading-title{font-size:20px;}.elementor-6929 .elementor-element.elementor-element-1a2bbb2{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:48px;--e-n-carousel-arrow-size:0px;}}/* Start custom CSS for heading, class: .elementor-element-ab5c96f */.elementor-6929 .elementor-element.elementor-element-ab5c96f{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1046a7e */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e60052a */.elementor-6929 .elementor-element.elementor-element-e60052a{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2403e34 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-957916f */.elementor-6929 .elementor-element.elementor-element-957916f{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d71869b */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ee0e4cd */.elementor-6929 .elementor-element.elementor-element-ee0e4cd{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a61f341 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca78172 */.elementor-6929 .elementor-element.elementor-element-ca78172{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-141bc43 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ab5c96f */.elementor-6929 .elementor-element.elementor-element-ab5c96f{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1046a7e */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e60052a */.elementor-6929 .elementor-element.elementor-element-e60052a{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2403e34 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-957916f */.elementor-6929 .elementor-element.elementor-element-957916f{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d71869b */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ee0e4cd */.elementor-6929 .elementor-element.elementor-element-ee0e4cd{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a61f341 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca78172 */.elementor-6929 .elementor-element.elementor-element-ca78172{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-141bc43 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ab5c96f */.elementor-6929 .elementor-element.elementor-element-ab5c96f{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1046a7e */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e60052a */.elementor-6929 .elementor-element.elementor-element-e60052a{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2403e34 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-957916f */.elementor-6929 .elementor-element.elementor-element-957916f{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d71869b */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ee0e4cd */.elementor-6929 .elementor-element.elementor-element-ee0e4cd{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a61f341 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca78172 */.elementor-6929 .elementor-element.elementor-element-ca78172{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-141bc43 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ab5c96f */.elementor-6929 .elementor-element.elementor-element-ab5c96f{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1046a7e */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e60052a */.elementor-6929 .elementor-element.elementor-element-e60052a{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2403e34 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-957916f */.elementor-6929 .elementor-element.elementor-element-957916f{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d71869b */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ee0e4cd */.elementor-6929 .elementor-element.elementor-element-ee0e4cd{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a61f341 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca78172 */.elementor-6929 .elementor-element.elementor-element-ca78172{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-141bc43 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ab5c96f */.elementor-6929 .elementor-element.elementor-element-ab5c96f{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1046a7e */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e60052a */.elementor-6929 .elementor-element.elementor-element-e60052a{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2403e34 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-957916f */.elementor-6929 .elementor-element.elementor-element-957916f{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d71869b */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ee0e4cd */.elementor-6929 .elementor-element.elementor-element-ee0e4cd{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a61f341 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca78172 */.elementor-6929 .elementor-element.elementor-element-ca78172{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-141bc43 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ab5c96f */.elementor-6929 .elementor-element.elementor-element-ab5c96f{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1046a7e */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e60052a */.elementor-6929 .elementor-element.elementor-element-e60052a{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2403e34 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-957916f */.elementor-6929 .elementor-element.elementor-element-957916f{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d71869b */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ee0e4cd */.elementor-6929 .elementor-element.elementor-element-ee0e4cd{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a61f341 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca78172 */.elementor-6929 .elementor-element.elementor-element-ca78172{
        border-radius: 100px;

    background: #FFFFFF99;
        backdrop-filter: blur(8px); /* размытие фона */
  -webkit-backdrop-filter: blur(8px); /* поддержка Safari */

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-141bc43 */.badge-solution {
        transition: all 0.3s ease;

    
}

.card-solutions:hover .badge-solution {
    border-radius: 100px;
    background: #7240B2;
    backdrop-filter: blur(0px); /* размытие фона */
    -webkit-backdrop-filter: blur(0px); /* поддержка Safari */
    
}

.card-solutions:hover .badge-solution p {
    color: #FFFFFF !important;
}



.my-icon {
    position: relative;
    display: inline-block;
}

.my-icon::before,
.my-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

/* исходная иконка */
.my-icon::before {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/1Icon-button-1.svg');
    opacity: 1;
}

/* иконка при наведении */
.my-icon::after {
    background-image: url('https://mdtw.co/wp-content/uploads/2025/08/Icon-button-1.svg');
    opacity: 0;
}

/* меняем иконку при наведении на card-solutions */
.card-solutions:hover .my-icon::before {
    opacity: 0;
}

.card-solutions:hover .my-icon::after {
    opacity: 1;
}


.card-solutions {
  position: relative; /* чтобы описание позиционировалось относительно карточки */
  overflow: visible; /* чтобы раскрывающееся описание не обрезалось */
}
.description-solution {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}


@media (max-width: 767px) {
  /* Для мобильных сразу активируем стили hover */
  
  .badge-solution {
    border-radius: 100px !important;
    background: #7240B2 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
  }

  .badge-solution p {
    color: #FFFFFF !important;
  }

  .my-icon::before {
    opacity: 0 !important;
  }

  .my-icon::after {
    opacity: 1 !important;
  }

  .description-solution {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}/* End custom CSS */