:root{
    --primary-color: #F2A843;
    --secondary-color: #35373B;
    --primary-color-15 : #05549926;
    --primary-light-color : #E1EEF9;
    --light-bg-color: #F8F7F3;
    --white-color-20: #FFFFFF33;
    --white-color-30: #FFFFFF4D;
    --color-black : #191919;
    --theme-border-color : #E6F3FF;
    --blue-color : #25395C;
    --blue-border-color : #25395C1A;
}

.section-inner-head{max-width: 750px; margin-inline: auto; text-align: center;}
.section-inner-head h2{ user-select: none; margin-bottom: 10px;}
.sub-heading {font-size: 20px; line-height: 28px; font-weight: 400; padding-bottom: 5px; margin-bottom: 10px; display: inline-flex; position: relative;}
.sub-heading::after {content: ''; height: 3px; width: 32px; border-radius: 2px; background-color: var(--primary); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
a:hover{color: var(--primary-color);}
.section-spacing {padding: 100px 0px;}
.title-wrapper h2 {margin-bottom: 12px;}
.index-1 {z-index: 1;}
p a {color: var(--primary);}
.mb-40 {margin-bottom: 40px;}
:first-letter, h1, h2, h3, h4, h5, h6, select{text-transform: inherit;}

/* Button */
.btn1 svg path {transition: all ease-in-out 0.3s;}
.btn1:hover svg path {fill: var(--color-black);}
.btn1 span {position: relative;}

html {scroll-behavior: unset !important;}
body, html {overflow-x: hidden;}
.flex { display: flex;}
.items-stretch { align-items: stretch;}
.flex-nowrap { flex-wrap: nowrap;}
.flex-start { align-items: flex-start;}
.gap-2 { gap: 20px !important;}
.gap-3 { gap: 30px !important;}
.gap-4 { gap: 40px !important;}
.mb-5 { margin-bottom: 50px;}
.m-auto { margin: auto;}
.h-full { height: 100%;}
.btn--primary-outline {background-color: var(--color-white);}
.btn--primary-outline::after, .btn--primary-outline::before, .btn--primary-outline:hover::after, .btn--primary-outline:hover::before {background-color: var(--primary);}
.animated-title { font-size: 20px; line-height: 28px; font-weight: 400; position: relative; padding: 0px 0px 2px; max-width: max-content; margin: 0px auto 12px auto; display: block;}
.animated-title::before { content: ''; width: 32px; height: 3px; border-radius: 4px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); background-color: var(--primary);} 
section .title-wrapper { text-align: center; max-width: 750px; margin-inline: auto; position: relative; z-index: 1;}
.header-main{background-color:#ffffff;}

/* hero section */
.hero{padding:100px 0 0;text-align:center;position:relative;overflow: hidden;background-image: url(../../images/new-services/ui-ux-design/hero-bg.webp);background-size: cover;background-repeat: no-repeat;background-position: center center;}
.hero .container{max-width: 1743px;position: relative;}
.hero-content{width:100%;max-width:820px;padding-top:120px;margin:0 auto;text-align:center}
.hero-bt-inner .head-content{margin-bottom: 100px}
.hero-bt-inner .head-content .hero__desc {margin-bottom: 24px;}
.hero-bt-inner .head-content .hero__title {font-size: 70px; line-height: 70px; margin-bottom: 44px; position: relative; text-transform: uppercase;z-index: 1;}
.hero-bt-inner .head-content .hero__title span {position: relative;padding-right:14px;}
.hero-bt-inner .head-content .hero__title span::before {content: ''; width: 549px; height: 157px; background-image: url(../../images/new-services/ui-ux-design/hero-title-element.webp);background-size: 549px;background-repeat: no-repeat;position: absolute;left: -46px;top: -34px;z-index: -1;}
.hero-top-element{margin-top: -3px;}
.hero-top-element-grid{gap: 20px; position: absolute; padding: 40px 40px 0;}
.hero-ani-elements .hero-ani-element{position: absolute;transition: all ease-in-out 0.3s;}
.hero-img-block{width:fit-content; margin: 0 auto;}
.relative{position: relative;} 
.hero-ani-elements .ani01{left: -80px;top: 80px;animation: floatUpDown 4s ease-in-out infinite;}
.hero-ani-elements .ani02{left: 240px;top: 40px;}
.hero-ani-elements .ani03{right: 220px;top: 15px;}
.hero-ani-elements .ani02,
.hero-ani-elements .ani03 {position: absolute;transition: transform 0.15s ease-out;will-change: transform;} 
.hero-ani-element.ani04 {right: -120px;top: -80px;}
@keyframes floatUpDown {0% {transform: translateY(0);}50% {transform: translateY(-20px);}100% {transform: translateY(0);}}
.gif-block-images .hero-ani-gif {position: absolute;z-index: 1;}
img.hero-ani-gif.gif01 {left: 40px;top: 200px;}
img.hero-ani-gif.gif02 {right: 40px;bottom: 200px;}
img.hero-ani-gif.gif02 {right: -20px;bottom: 10px;max-width: 300px;}

/* stats-wrapper */
.stats-wrapper .stats-inner{padding: 100px 60px;background: linear-gradient(166.75deg, #FFF8EE 21.34%, #EBF3FF 90.47%);border-radius: 40px;}
.stats-wrapper .stats-inner .section-inner-head{max-width: 750px; margin-inline: auto; text-align: center;}
.stats-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; align-items: center;}
.stats-grid-item{background-color: #ffffff; text-align: center; border-radius: 20px; border-width: 1px; padding: 40px;transition: all 0.3s ease-in-out;height: 100%;display:flex;align-items:center;justify-content:center;border: 1px solid #F2A84333;position: relative;}
.stats-grid-item::before{content: '';background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.17285 3.37695V3.37793C9.473 4.44255 10.0421 5.41219 10.8242 6.19434C11.6064 6.97648 12.576 7.54556 13.6406 7.8457V7.84473L15.5576 8.39258L13.6387 8.94141C12.5748 9.24166 11.6059 9.81012 10.8242 10.5918C10.0425 11.3735 9.47412 12.3424 9.17383 13.4062L8.625 15.3262L8.07617 13.4062C7.77587 12.3425 7.20838 11.3734 6.42676 10.5918C5.64485 9.80989 4.67556 9.24162 3.61133 8.94141H3.6123L1.69141 8.39258L3.60938 7.84473L3.61035 7.8457C4.67497 7.54556 5.64461 6.97648 6.42676 6.19434C7.20859 5.41246 7.77597 4.44307 8.07617 3.37891L8.07715 3.37988L8.625 1.45898L9.17285 3.37695Z' fill='white' stroke='%23F2A843' stroke-width='0.963155'/%3E%3C/svg%3E%0A");width: 17px;height: 17px;position: absolute;top: 50%;right: 0;transform: translate(28px, -50%);}
.stats-grid .stats-grid-item:last-child::before{display: none;}
.stats-grid-item p{padding-top: 20px;position: relative;}
.stats-grid-item p::before{content: '';height: 3px;width: 32px;border-radius: 2px;background-color: var(--primary);position: absolute;top: 0;left: 50%;transform: translateX(-50%);}

/* invest alcohol section*/
.market-trends .title-wrapper{ text-align: center; max-width:750px; margin-inline: auto; position: relative; z-index: 1;}
.market-trends-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; align-items: center;padding:0 18px;}
.market-trends-grid-item{position: relative; text-align: center; border-radius: 20px;border-width: 1px;padding: 40px; margin-top: 40px; border: 1px solid #25395C1A;box-shadow: 3px 6px 15px 0px #F2A8431A;transition: all 0.3s ease-in-out;}
.market-trends-grid-item:hover{box-shadow: 4px 9px 20px 0px #F2A84333;}
.market-trends-grid-item:nth-of-type(2){margin-top: -40px;}
.market-trends-grid-item:nth-of-type(2)::before{box-shadow: 0px 6px 0px 0px #F2A843;}
.market-trends-grid-item h3 {margin-bottom: 16px;position: relative;z-index: 1;}
.market-trends-grid-item::before{content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 20px;box-shadow: 0px 0px 10px 0px #A7A7A726;transition: all .3s ease-in-out;}
.market-trends-grid-item:hover::before{box-shadow: 0px 6px 0px 0px #F2A843;}
.market-trends-grid-item p{color: var(--secondary-color);}

/*transforming-alcohol section*/
.transforming-alcohol-img-slider .swiper-slide:not(.swiper-slide-visible) {transform: translate(0, 0px) !important;}
.transforming-alcohol-img-slider .swiper-slide.swiper-slide-visible.last-visible {padding-left: 34px;padding-top: 12px;}
.transforming-alcohol-img-slider .swiper-slide.swiper-slide-visible.first-visible {padding-right: 44px;padding-top: 12px;}
.transforming-alcohol-img-slider .swiper-slide.swiper-slide-prev img {padding-left: 8px;}

/* Tools And Frameworks Section */
.framework-section{background-color: var(--light-bg-color);}
.framework-section .section-inner-head{text-align: center; max-width:750px; margin-inline: auto;}
.framework-section:after{content: '';position: absolute;right: 0;top: 0;width: 100%;height: 100%;background-image: url(../../images/ai-developments/ai-chatbot/framework-shape1.webp);background-repeat: no-repeat;background-position: top right;z-index: -1;mix-blend-mode: screen;}
.framework-section:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-image: url(../../images/ai-developments/ai-chatbot/framework-shape2.webp);background-repeat: no-repeat;background-position: left bottom;z-index: -1;mix-blend-mode: screen;}
.framework-section h2{margin-bottom: 24px;}
.frame-box{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
.frame-box>*{flex: 0 0 calc(16.66% - 17px);max-width: calc(16.66% - 17px);}
.framework-section .nav-tabs>*{flex: 1;}
.framework-section .nav-tabs{margin-bottom: 0;border-bottom: none;}
.framework-section .nav-item .nav-link{width: 100%;font-size: var(--font-20);line-height: 28px;font-weight: bold;background-color: var(--color-white);border: none !important;border-bottom: 1px solid rgba(206, 206, 205, 0.4) !important;color: var(--color-black);border-radius: 0 !important;margin: 0;padding: 20px 5px; height: 100%;}
.framework-section .nav-item .nav-link.active{background-color: transparent;border-bottom-color: var(--primary) !important;}
.framework-section .tab-content{margin-top: 30px;}
.box-inner{text-align: center;box-shadow: 7px 8px 30px rgba(23, 22, 71, 0.05);padding: 20px 10px;border-radius: 10px;background-color: var(--color-white);}
.box-inner p{font-size: 24px;line-height: 32px;margin-top: 20px;}
.box-inner img{min-height: 80px; object-fit: contain;}

/* featured */
.featured { background: #F8F7F3; padding: 50px 0px;}
.featured_container {padding-left: calc((100% - 1380px)/2);}
.feature-wrapper {display: flex; align-items: center; gap: 60px;}
.featured h2 { margin: 0px; flex: 0 0 auto;}
.featured .featured-card { background-color: var(--color-white); padding: 20px; height: 152px; border-radius: 12px; display: flex; align-items: center; justify-content: center;}
.featured .featured-swipper { flex: 1;}
.featured .featured-card img { width: 100%;}

/* Faqs Section */
.faq-section::before{content: '';position: absolute; left: 0;top: 0;width: 100%;height: 150px;background-color: var(--color-white);z-index: -1;}
.faq-section .accordion{max-width: 1150px;margin: 0 auto;}
.faq-section .accordion-button{font-size: var(--font-20);line-height: 28px; font-weight: 500; color: var(--color-black);padding: 20px;border-radius: 0 !important;}
.faq-section .accordion-button:not(.collapsed){background-color: transparent;box-shadow: none;}
.faq-section .accordion-button:focus{box-shadow: none;}
.faq-section .accordion-item{border: none; border-style: solid; border-width: 0px; border-color: var(--blue-border-color); border-bottom-width: 1px;}
.faq-section .accordion-item:last-child {border-bottom-width: 0px;}
.faq-section .accordion-item + .accordion-item{margin-top: 20px;}
.faq-section .accordion-item.active{border-width: 1px !important; border-color: #F2A84333; box-shadow: 0px 6px 16px 0px #6666661A;border-radius: 8px; }
.faq-section .accordion-item.active .accordion-button{color: var(--primary);font-weight: bold;}
.faq-section .accordion-button::after{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.69854 17.3024L17.3051 6.69577M17.3051 6.69577L9.08502 6.4306M17.3051 6.69577L17.5703 14.9159" stroke="%23191919" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');width: 28px;height: 28px;background-size: auto;}
.faq-section .accordion-button:not(.collapsed)::after{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M7.8126 7.81366L20.187 20.188M20.187 20.188L20.4963 10.5979M20.187 20.188L10.5968 20.4974" stroke="%23F2A843" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>');transform: rotate(0deg);}
.faq-section .accordion-body{padding: 0 20px 20px;color: var(--secondary);}
.faq-section .accordion-body>*{color: var(--secondary);}
.faq-section .accordion-item ul li {padding-left: 18px; position: relative;}
.faq-section .accordion-item ul li::before {content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background-color: var(--secondary); border-radius: 50%;}
.gap-24{gap: 24px;}

/* Features Section */
.theme_nav {width: 100%; background-color: var(--light-bg-color); border-radius: 20px;}
.theme_nav .nav-item {flex: 1;}
.theme_nav .nav-item button {width: 100%; font-size: 20px; line-height: 28px; color: var(--color-black); background-color: transparent; padding: 20px; border-radius: 20px; transition: all ease-in-out 0.3s; border: none; outline: none; box-shadow: none;}
.theme_nav .nav-item button.active {background-color: var(--primary); font-weight: 700; color: var(--color-white) !important;}
.theme_nav .nav-item button:hover {color: var(--primary);}
.features_grid {display: grid; grid-template-columns: 1fr;}
.features_item {padding: 30px; text-align: center; display: flex; flex-direction: column; position: relative; border-top: 1px solid #25395C1A;border-right: 1px solid #25395C1A;border-left: 1px solid #25395C1A;}
.features_item .animated-title {margin-bottom: 24px; font-weight: 700;}
.features_grid .features_item:nth-child(5n),.features_grid .features_item:nth-child(6n) {border-bottom-width: 0px;}
.features-wrapper .tab-pane.active .feature-grid-box {display: grid; grid-template-columns:70% 25%; gap: 5%;}
.feature-app {display: flex; align-items: center; justify-content: center;}
.features_grid_wrap{display: grid; grid-template-columns: repeat(4, 1fr);}
.features_grid_wrap .features_item {border-right: 0;border-bottom: 1px solid #25395C1A;}
.features_grid_wrap .features_item:last-child{border-right: 1px solid #25395C1A;} 
.index-91{z-index: 91 !important;}

/* Services Slider */
.services-slider-wrap  .title-wrapper {text-align: left;margin-left: 0;}
.services-slider-wrap .title-wrapper .animated-title {margin: 0px auto 12px 0;}
.services-slide-item h3::before {left: 0;transform: translate(0px, 0px);}
.services-slider-wrap .title-wrapper .animated-title::before {left: 0;transform: translate(0px, 5px);}
.services-slider-arrow {display: flex; align-items: center; justify-content: center; gap: 30px;}
.services-slider-arrow .swiper-button-arrow {position: unset; margin: 0px; width: 58px; height: 58px; border: 1px solid var(--blue-primary); border-radius: 50%; opacity: 0.2;}
.services-slider-arrow .swiper-button-arrow , .services-slider-arrow .swiper-button-arrow svg {transition: all ease-in-out 0.3s;}
.services-slider-arrow .swiper-button-arrow:hover svg {opacity: 0.8;}
.services-slider-arrow .swiper-button-arrow:hover {opacity: 1;}
.services-slider-arrow .swiper-button-arrow::after {display: none;}
.services-slider-arrow .swiper-button-arrow svg {flex: 0 0 auto;}
.services-slide-item{padding: 30px 30px 120px;background-color: #F8F7F3;}
.services-slide-item h3{font-size: 20px;line-height: 28px;font-weight: 700;margin-bottom: 24px;margin-left: 0;padding-bottom: 12px;}
.services-slide-item img {position: absolute;max-height: 189px;right: 0;}
.services-slider-wrap .swiper.services-slide-main {overflow: inherit;}
.services-slider-wrap .services-slider{position: relative;}
.services-slider-wrap .services-slider::before {content: '';position: absolute;left: -102%;top: -30px;width: calc(100% + 15px);height: calc(100% + 80px);background-color: #fdfdfd;z-index: 9;}

/* help-fix-wrapper */
.help-fix-wrapper .grid-block{display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.help-fix-wrapper .grid-block .grid-block-item h3{font-size: 20px;line-height: 28px;font-weight: 700;margin:0;}
.help-fix-wrapper .grid-block .grid-block-item .head-block{padding: 30px;border: 1px solid #F2A84333; border-radius: 20px;}
.help-fix-wrapper .grid-block .grid-block-item .head-block h3{margin-bottom: 10px;}
.help-fix-wrapper .grid-block .grid-block-item .bottom-block{padding: 30px;background: #F2A8430D;border: 1px solid #F2A84333;border-radius: 20px;}

/* development-service-wrapper */
.development-service-wrapper{background-color: #F8F7F3;}
.development-service-wrapper .dev-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.dev-grid-item{padding: 30px;background-color: #ffffff;border: 1px solid #25395C1A;text-align: center;}
.dev-grid-item h3{font-size: 20px;line-height: 28px;font-weight: 700;margin-bottom:10px;}
.grid-img{margin-bottom: 10px;}
.dev-grid-item span{font-size: 20px;line-height: 28px;font-weight: 700;width: 45px;height: 45px;border-radius: 70px;background: #F2A84333;color: #F2A843;display: flex;align-items: center;justify-content: center;margin: 0 auto;margin-top: 24px;}

/* cta-wrapper */
.cta-wrapper{padding: 60px 0; background-image: url(../../images/new-services/ui-ux-design/cta-bg.webp);background-size: cover; background-repeat: no-repeat;background-position: top right;}
.cta-container{max-width: 1622px;margin: auto;}
.cta-wrapper .btn1 {border-color: #25395C;background-color: transparent;box-shadow: 0px 4px 15px 0px #1D190E1A;}
.cta-wrapper .btn1::before, .cta-wrapper .btn1::after {background: #FFFFFF1A;}
.cta-content{padding: 50px 70px; background-image: url(../../images/new-services/ui-ux-design/cta01-bg.webp);background-size: cover; background-repeat: no-repeat;background-position: center;display: flex;align-items: center;justify-content: space-between;}
.cta-content .btn1{margin-top: 40px;}
.cta-left{max-width: 730px;}
.cta-img img{max-height: 290px;}
.cta02-wrap .cta-img img{margin-bottom: -21px;max-height: 310px;} 

/* Why Choose Us Section */
.why-choose-section .section-inner-head {max-width: 750px; margin-inline: auto;}
.choose-group{display: grid;grid-template-columns: repeat(2, 1fr);border-radius: 20px;padding: 30px;background-color: #F8F7F3;}
.choose-item {padding: 30px;background-color: var(--color-white);position: relative;box-shadow: -1px 0px 17px 0px #0D0F2A1A;}
.choose-item:not(:last-child)::before{content: ''; height: 100%; width: 1px; border-right: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(180deg, #F8F7F3 17.93%, #25395C 50.65%, #F8F7F3 82.14%);  position: absolute; top: 0; right: 0px;}
.choose-item h3 {position: relative; font-size: 20px; line-height: 28px; font-weight: 700; padding-left: 16px; margin-bottom: 16px;}
.choose-item h3::before {content: ''; position: absolute; left: 0; bottom: 0; width: 4px; height: 100%; background-color: var(--primary); border-radius: 4px;}
.choose-item:first-child{border-top-left-radius: 20px;}
.choose-item:nth-of-type(5){border-bottom-left-radius: 20px;} 
.choose-item:nth-of-type(2){border-top-right-radius: 20px;}
.choose-item:last-child{border-bottom-right-radius: 20px;}
.choose-item:nth-of-type(2)::before,.choose-item:nth-of-type(4)::before{display: none;}
.choose-item span {font-size: 18px;font-weight: 400;background: #F2A8431A;border-left: 2px solid #F2A843;padding: 4px 8px;display: block;width: fit-content;margin-bottom: 16px;}
.choose-item p strong {font-weight: 700 !important;}

/* Process Section */
.process .process-slider-container { position: relative;padding-block: 20px; margin-block: -20px;}
.process .process-wrapper { display: flex; gap: 30px; will-change: transform;}
.process .process-wrapper .process-card {  padding: 0 0 50px 0; margin-right: 60px; min-width: calc(33% - 22.5px); max-width: calc(33% - 22.5px); width: 100%; flex-shrink: 0; position: relative; transition: border-color 0.3s ease, box-shadow 0.3s ease;border-bottom: 1px solid #f2a9433d;}
.process .process-wrapper .process-card::after{content: '';width: 1px;height: 100px;background: linear-gradient(180deg, rgba(242, 168, 67, 0) 0%, #F2A843 50%, rgba(242, 168, 67, 0) 100%);position: absolute;top: 50%;right: -30px;transform: translate(0, -50%);}
.process .process-wrapper .process-card .counts {font-size: 20px; font-weight: 700; color: var(--primary); margin-bottom: 10px;}
.process .process-wrapper .process-card h3 { font-size: 20px; line-height: 28px; font-weight: 700; margin: 16px 0;}
.process .process-wrapper .process-card .point-arrow { position: absolute; top: 50%; transform: translateY(-50%); right: -12.5px;}
.process .process-wrapper .process-card .point-arrow span.circle { display: inline-block; width: 25px; height: 25px; background-color: var(--primary); border: 5px solid var(--color-white); border-radius: 50%; box-shadow: 0px 4px 4px 0px #69400940;}
.process .process-wrapper .process-card .point-arrow::before { content: ''; display: block; width: 10px; height: 4px; border-radius: 2px; background-color: var(--primary); position: absolute; top: 50%; transform: translateY(-50%); right: -15px;}
/* .process .process-wrapper .process-card:hover { border-color: var(--primary); box-shadow: 2px 4px 20px 0px #0D0F2A1A;} */
.process .process-wrapper .process-card:last-child .point-arrow { display: none;}
.process .process-wrapper .process-card span {font-size: 20px;line-height: 28px;padding: 8px 16px;background: #FCEED9;border-radius: 30px;position: absolute;right: 55px;bottom: -20px;z-index: 91;}
.process-line {margin: 10px 0 60px;border: 1px solid;border-image-source: linear-gradient(90deg, #F2A843 0%, rgba(242, 168, 67, 0) 100%);border-image-slice: 1;position: relative;}
.process-line::after{content: '';width: 24px;height: 24px;background-color: #F2A843;border-radius: 50%;position: absolute;top: 50%;left: 0;transform: translate(-50%, -50%);}
.process-line::before{content:"";position:absolute;top:0;/* left:50%;transform:translateX(-50%); */height:1px;width:var(--line-progress,0%);background:#ff6b00;}
.process-dot{width: 24px;height: 24px;background-color: #ffffff;border: 1px solid;border-color: #F2A843;border-radius: 50%;position: absolute;top: 50%;left: 40%;transform: translate(-50%, -50%);}
.process-dot2{left: 78%;}

/* industries */
.industries-wrapper .industries-section {position: relative;padding-top: 40px;margin-bottom: 260px;}
.industries-wrapper .phone-frame img {border-radius: 10px;}
.industries-wrapper .circle-ring {position: absolute;top: 90%;left: 50%;width: 604px;height: 604px;border: 1px dashed #d8dce3;border-radius: 50%;transform: translate(-50%, -50%);pointer-events: none;}
.industries-wrapper .sm-ring{width: 380px;height: 380px;}
.industries-wrapper .axis-label {position: absolute;top: 90%;transform: translateY(-50%);font-size: 20px;line-height: 28px;color: #3a4150;font-weight: 400;white-space: nowrap;letter-spacing: 0.2px;}
.industries-wrapper .axis-left {left: 0;}
.industries-wrapper .axis-right {right: 0;}
.industries-wrapper .axis-dot {position: absolute;top: 90%;width: 10px;height: 10px;border-radius: 50%;background: #3a4150;transform: translateY(-50%);}
.industries-wrapper .dot-left {left: 88px;}
.industries-wrapper .dot-right {right: 72px;}
.industries-wrapper .axis-line {position: absolute;top: 90%;height: 1px;border-top: 1px dashed #c7cdd6;transform: translateY(-50%);}
.industries-wrapper .line-left {left: 100px;width: calc(100% - 182px);}
.industries-wrapper .line-right {right: 76px;}
.industries-wrapper .pill-grid {position: relative;height: 100%;display: flex;align-items: center;justify-content: center;gap: 14px;z-index: 2;transform: translate(0px, 100px);}
.industries-wrapper .col {display: flex;flex-direction: column;align-items: stretch;gap: 14px;}
.industries-wrapper .col-left {align-items: flex-end;gap: 24px;}
.industries-wrapper .col-left .industry-item:nth-child(1) {transform:translate(70px, -50px);}
.industries-wrapper .col-left .industry-item:nth-child(2) {transform:translate(20px, -30px);}
.industries-wrapper .col-left .industry-item:nth-child(3) {transform:translate(30px, 20px);}
.industries-wrapper .col-right {align-items: flex-start;gap: 24px;}
.industries-wrapper .col-center {align-items: center;gap: 34px;padding: 0 6px;}
.industries-wrapper .col-center .industry-item:nth-child(1){transform:translate(0px, -50px);}
.industries-wrapper .col-center .industry-item:nth-child(2) {transform:translate(0px, 50px);}
.industries-wrapper .col-center .industry-item:nth-child(3) {transform:translate(-90px, 170px);}
.industries-wrapper .col-center .industry-item:nth-child(4) {transform:translate(160px, 40px);}
.industries-wrapper .col-left {transform: translateY(6px);}
.industries-wrapper .col-right {transform: translateY(-6px);}
.industries-wrapper .col-right .industry-item:nth-child(1) {transform:translate(-70px, -40px);}
.industries-wrapper .col-right .industry-item:nth-child(2) {transform:translate(0px, -15px);}
.industries-wrapper .col-right .industry-item:nth-child(3) {transform:translate(-20px, 20px);}
.industries-wrapper .industry-item {position: relative;display: inline-flex;}
.industries-wrapper .pill {appearance: none;border: none;cursor: pointer;font-size: 20px;font-weight: 400;color: #191919;background: #ffffff;border: 1px solid #e3e6ec;padding: 10px 20px;border-radius: 999px;box-shadow: 0 2px 6px rgba(20, 25, 40, 0.05);white-space: nowrap;position: relative;z-index: 3;transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),box-shadow 0.35s ease,background 0.35s ease,color 0.35s ease,border-color 0.35s ease;}
.industries-wrapper .pill--dark {background: #232a3b;color: #ffffff;border-color: #232a3b;}
.industries-wrapper .pill--accent {background: linear-gradient(90deg, #f5a326, #f08a1f);color: #ffffff;border-color: transparent;box-shadow: 0 6px 16px rgba(240, 138, 31, 0.35);}
.industries-wrapper .pill:hover {transform: translateY(-3px) scale(1.04);box-shadow: 0 10px 20px rgba(20, 25, 40, 0.14);}
.industries-wrapper .pill--dark:hover {background: #f08a1f;border-color: #f08a1f;box-shadow: 0px 4px 10.5px 0px #F2A84333;color: #ffffff !important;}
.industries-wrapper .pill--accent:hover {box-shadow: 0 10px 24px rgba(240, 138, 31, 0.45);}
.industries-wrapper .pill:focus-visible {outline: 2px solid #f08a1f;outline-offset: 2px;}
.industries-wrapper .phone-stage {width: 168px;height: 168px;display: flex;align-items: center;justify-content: center;}
.industries-wrapper .phone-screen {width: 100%;height: 100%;border-radius: 11px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;color: #ffffff;}
.industries-wrapper .phone-icon {font-size: 26px;line-height: 1;}
.industries-wrapper .phone-caption {font-size: 8px;font-weight: 700;letter-spacing: 0.4px;text-transform: uppercase;opacity: 0.9;}
.industries-wrapper .tag-popup {position: absolute;z-index: 20;opacity: 0;pointer-events: none;transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);}
.industries-wrapper .tag-popup .phone-frame {width: 145px;height: 135px;border-radius: 12px;padding: 4px;}
.industries-wrapper .tag-popup .phone-icon {font-size: 18px;}
.industries-wrapper .tag-popup .phone-caption {font-size: 6.5px;}
.industries-wrapper .industry-item:hover .tag-popup,
.industries-wrapper .industry-item:focus-within .tag-popup,
.industries-wrapper .industry-item:active .tag-popup {opacity: 1;}
.industries-wrapper .popup-left {right: 100%;top: 50%;margin-right: 14px;transform: translate(10px, -50%) scale(0.8);}
.industries-wrapper .industry-item:hover .popup-left,
.industries-wrapper .industry-item:focus-within .popup-left,
.industries-wrapper .industry-item:active .popup-left {transform: translate(0, -50%) scale(1);}
.industries-wrapper .popup-right {left: 100%;top: 50%;margin-left: 14px;transform: translate(-10px, -50%) scale(0.8);}
.industries-wrapper .industry-item:hover .popup-right,
.industries-wrapper .industry-item:focus-within .popup-right,
.industries-wrapper .industry-item:active .popup-right {transform: translate(0, -50%) scale(1);}
.industries-wrapper .popup-top {bottom: 100%;left: 50%;margin-bottom: 12px;transform: translate(-50%, 10px) scale(0.8);}
.industries-wrapper .industry-item:hover .popup-top,
.industries-wrapper .industry-item:focus-within .popup-top,
.industries-wrapper .industry-item:active .popup-top {transform: translate(-50%, 0) scale(1);}
.industries-wrapper .popup-bottom {top: 100%;left: 50%;margin-top: 12px;transform: translate(-50%, -10px) scale(0.8);}
.industries-wrapper .industry-item:hover .popup-bottom,
.industries-wrapper .industry-item:focus-within .popup-bottom,
.industries-wrapper .industry-item:active .popup-bottom {transform: translate(-50%, 0) scale(1);}

/* Case Studies */
.flex-block-slider {display: grid;grid-template-columns: 1fr 1fr;border: 1px solid #25395C1A;border-radius: 20px;}
.flex-block-slider .content-item {padding: 40px;}
.flex-block-slider .content-item .animated-title {margin-left: 0;padding: 0 0 0 12px;}
.flex-block-slider .content-item .animated-title::before{width: 3px;height: 28px;border-radius: 4px;position: absolute;bottom: 0px;left: 0;}
.flex-block-slider .content-item h3{font-size: 35px;font-weight: bold;line-height: 53px;margin-bottom: 20px;}
.flex-block-slider .content-item .case-studies-list{display: flex;flex-wrap: wrap;gap: 16px;padding-top: 20px;margin-bottom: 40px;border-top: 1px solid #25395C1A;}
.flex-block-slider .content-item .case-studies-list li{font-size: 20px;line-height: 28px;padding: 4px 12px;border: 1px solid #25395C33;border-radius: 20px;}
.flex-block-slider .content-item .project-result {margin-bottom: 33px;}
.flex-block-slider .content-item .project-result p {margin-bottom: 8px;}
.flex-block-slider .content-item .project-result ul{list-style: disc;color: #191919;margin-left: 30px;}
.flex-block-slider .content-item .project-result ul li{font-size: 20px;line-height: 28px;margin-bottom: 8px;}
.flex-block-slider .content-item .project-result ul li:last-child{margin-bottom: 0px;}
.flex-block-slider .content-item .btn1{background-color: transparent;margin-top: 30px;}
.flex-block-slider .content-item .btn1::after, 
.flex-block-slider .content-item .btn1::before, 
.flex-block-slider .content-item .btn1:hover::after, 
.flex-block-slider .content-item .btn1:hover::before {background-color: #F2A843;}
.flex-block-slider .image-item img {width: 100%;}


/* Responsive CSS */
@media screen and (max-width : 1441px) {
    .section-spacing {padding: 80px 0px;}
    .mb-40 {margin-bottom: 30px;}

    /* hero */
    .hero{padding-top: 80px;}
    .hero-content{padding-top: 90px;}
    .transforming-alcohol-img-slider .swiper-slide.swiper-slide-visible.first-visible {padding-right: 28px;}
    .hero-bt-inner .head-content .hero__title span::before{width: 410px;height: 115px;background-size: 400px;left: -41px;top: -28px;}
    .hero-bt-inner .head-content .hero__title{font-size: 50px;line-height:60px;}

    /* Tools And Frameworks Section */
    .framework-section .nav-item .nav-link,.box-inner p{font-size: var(--font-18); line-height: 28px;}
    .featured_container {padding-left: calc((100% - 1150px)/2);}

    /* Features Section */ 
    .theme_nav .nav-item button, .features_item .animated-title {font-size: 18px;}
    .features_item {padding: 24px;}
    .features_item .animated-title {margin-bottom: 20px;}

    /* Why Choose Us Section */
    .choose-item h3 {font-size: 18px; line-height: 26px;}

     /* Process Section */
    .process-title-wrapper .divider_line {margin-bottom: 17px;}

    /* stats-wrapper */
    .stats-wrapper .stats-inner{
        padding: 80px 50px;
    }

    /* Case Studies */
    .flex-block-slider .content-item h3{font-size: var(--font-30);line-height: 45px;}
    .flex-block-slider .content-item .btn1 {margin-top: 0;}
    .flex-block-slider .content-item {padding: 30px;}

}

@media screen and (max-width : 1199px) {

    /* hero */
    .hero{padding-top: 86px;}
    .hero-content {padding-top: 120px;}
    .hero-top-element-grid{padding: 20px 15px 0;}
    .hero-img-block{padding: 0 20px;}
    .hero-ani-element.ani04{right: 20px;top:-50px;max-width: 280px;}
    .hero-ani-elements .ani03{right:150px;top:80px;}
    .hero-ani-elements .ani01{left: 30px;top: 30px;}
    img.hero-ani-gif.gif02 {right: 30px;bottom: 30px;max-width: 230px;}

    .mb-40 {margin-bottom: 30px;}
    /* Tools And Frameworks Section */
    .framework-section .nav-item .nav-link,.box-inner p{font-size: var(--font-16); line-height: 27px;}
    .frame-box>* {flex: 0 0 calc(20% - 16px); max-width: calc(20% - 16px);}
    .featured_container { padding-left: 24px;}

    /* Process Section */
    .process-title-wrapper .divider_line {display: none;}

    /* cta */
    .cta-left {max-width: 600px; text-align: center; padding: 20px 0;}
    .cta-img{display: none;}
    .cta-content{justify-content: center;}

    /* help-fix-wrapper */
    .help-fix-wrapper .grid-block{grid-template-columns: repeat(2, 1fr);}

    /* industries */
    .industries-wrapper .col-left .industry-item:nth-child(2){transform: translate(-40px, -40px);}
    .industries-wrapper .col-left .industry-item:nth-child(1) {transform: translate(40px, -50px);}
    .industries-wrapper .col-right .industry-item:nth-child(1) {transform: translate(-40px, -40px);}

    /* Case Studies */
    .flex-block-slider .content-item h3{line-height: 40px;}
    .flex-block-slider{grid-template-columns:1fr;}
    .flex-block-slider .image-item img{display: none;}

}

@media screen and (max-width : 1024px) {
    .framework-section .section-inner-head {max-width: 576px; margin-inline: auto; text-align: center;}

    .services .tab-wrapper .tab-sidebar button.tab-btn::before,.services .tab-wrapper .tab-sidebar button.tab-btn::after{display: none !important;}
    .services .tab-wrapper .tab-sidebar button.tab-btn.active{border-radius: 20px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

    /* Why Choose Us Section */ 
    .choose-group{grid-template-columns: repeat(2, 1fr);}
    .choose-item:first-child {border-radius: 20px 0px 0px 0px;}
    .choose-item:nth-of-type(2) {border-radius: 0px 20px 0px 0px;}
    .choose-item:nth-of-type(3) {border-radius: 0px 0px 0px 20px;}
    .choose-item:last-child {border-radius: 0px 0px 20px 0px;}
    .choose-item:nth-of-type(2)::before {opacity: 0;}
    .choose-item:nth-of-type(1)::after, .choose-item:nth-of-type(2)::after, .choose-item:nth-of-type(3)::after { content: ''; height: 100%; width: 1px; border-right: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(180deg, #F8F7F3 17.93%, #25395C 50.65%, #F8F7F3 82.14%); position: absolute; right: -1px; transform: translate(0%, -50%) rotate(90deg); bottom: -100%; left: 50%;}
    .choose-item:nth-of-type(3)::after{display: none;}

    /* Process Section */
    .process .process-wrapper .process-card {min-width: 94%; max-width: calc(50% - 15px);}
    .framework-section .section-inner-head {max-width: 576px; margin-inline: auto; text-align: center;}
    .cta-first::after{display: none;}
    .solution .sub-heading {margin-bottom: 10px;}
    .android-section__inner{padding: 20px 20px 0;}
}

@media screen and (max-width : 991px) {

    /* hero */
    .hero-ani-element.ani04{display: none;}
    .hero-ani-elements .ani02 {left: 150px;top: 10px;}
    .hero-bt-inner .head-content{margin-bottom: 50px;}
    .hero-bt-inner .head-content .hero__title{font-size:40px;line-height: 50px;}
    .hero-bt-inner .head-content .hero__title span::before {width: 330px;height: 95px;background-size: 330px;left: -35px;top: -23px;}
    .hero-ani-elements .ani03{right: 120px;top: 10px;}

    .transforming-alcohol-img-slider .swiper-slide.swiper-slide-visible.first-visible {padding-right: 24px;padding-top: 24px;}
    .transforming-alcohol-img-slider .swiper-slide.swiper-slide-prev img {padding-left: 0;}
    .transforming-alcohol-img-slider .swiper-slide.swiper-slide-visible.last-visible {padding-left: 26px;padding-top: 24px;}
    /*  rafting section  */

    /* market-trends */
    .market-trends-grid{grid-template-columns: repeat(2, 1fr); gap: 30px;}
    .market-trends-grid-item:nth-of-type(2) {margin-top: 0;}
    .market-trends-grid-item{margin-top:0;}

    /* Tools And Frameworks Section */
    .framework-section .nav-tabs{white-space: nowrap;flex-wrap: nowrap;overflow-x: auto;}
    .framework-section .nav-tabs::-webkit-scrollbar{ width: 0px; height: 0px;}
    .framework-section .nav-item .nav-link{line-height: 22px;padding-left: 16px;padding-right: 16px;}
    .frame-box>* {flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px);}

    /*  Services-wrappe  */
    .services-grid {grid-template-columns: repeat(2, 1fr);}
    .stats-wrapper .stats-inner{padding: 60px 30px;}

    /* Features Section */ 
    .theme_nav {border-radius: 10px; overflow: auto hidden; white-space: nowrap; flex-wrap: nowrap;}
    .features-wrapper .tab-pane.active {grid-template-columns: 1fr;gap: 0;}
    .feature-app {order: -1;}
    .feature-app {margin-bottom: 30px;}
    .feature-app img {max-width: 500px; width: 100%;}
    .features_grid_wrap{grid-template-columns: repeat(2, 1fr);}
    .features-wrapper .tab-pane.active .feature-grid-box{grid-template-columns: 45% 50%;gap: 5%;}
    .features_grid_wrap .features_item:nth-child(2n){border-right: 1px solid #25395C1A;}
    .features_grid_wrap .features_item{border-top: none;}
    .features_grid_wrap .features_item:nth-child(2),.features_grid_wrap .features_item:nth-child(1){border-top: 1px solid #25395C1A;}

    /* stats-wrapper */
    .stats-grid{grid-template-columns: repeat(2, 1fr);}
    .stats-grid-item::before{top:auto;bottom: -20%;right: 50%;transform: translate(0, -50%);}

    /* development-service-wrapper */
    .development-service-wrapper .dev-grid{grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 860px) {
    /* industries */
    .industries-wrapper .industries-section {width: 100%;height: auto;padding: 60px 0 20px;}
    /* .industries-wrapper .circle-ring {width: 340px;height: 340px;} */
    .industries-wrapper .pill-grid {gap: 8px;}
    .industries-wrapper .pill {font-size: 12px;padding: 8px 14px;}
    .industries-wrapper .phone-stage {width: 130px;height: 130px;}
    .industries-wrapper .phone-frame {width: 78px;height: 122px;}
}

@media screen and (max-width : 768px) {

    /* hero */
    .hero {padding-top: 83px;}

    .transforming-alcohol-img-slider .swiper-slide.swiper-slide-visible.first-visible {padding-right: 0;padding-top: 0;}
    .transforming-alcohol-img-slider .swiper-slide.swiper-slide-prev img {padding-left: 0;}
    .transforming-alcohol-img-slider .swiper-slide.swiper-slide-visible.last-visible {padding-left: 0;padding-top: 0;}

    .feature-wrapper { display: block;}
    .featured .featured-swipper {flex: 1 1 100%;margin-top: 30px;}
    .featured .featured-card {height: 100px;}

    /* music-services */
    .technologies_grid{grid-template-columns: repeat(1, 1fr);}

     /* Why Choose Us Section */
    .choose-item:nth-of-type(5)::after{display: block;}
    .choose-item::before{display: none;}
    .choose-item::after{display: block;}
    .choose-group{grid-template-columns: auto;}
    .choose-item{border-radius: 0 !important;}
    .choose-item:first-child{border-radius: 20px 20px 0 0 !important;}
    .choose-item:last-child{border-radius: 0 0 20px 20px !important;}

    /* Case Studies */
    .flex-block-slider .content-item h3{
        font-size: 28px;
        line-height: 38px;
    }
}

@media screen and (max-width : 767px) {
    
    /* hero */
    .hero{padding-top: 79px;}
    .hero-ani-elements .ani01 {left: 30px;top: -15px;max-width: 60px;}
    .hero-ani-elements .ani02, .hero-ani-elements .ani03{max-width: 70px;}
    .hero-ani-elements .ani03 {right: 20px;top: -10px;}
    .hero-bt-inner .head-content .hero__title{margin-bottom: 10px;}
    .hero-top-element-grid{gap: 10px;}
    .hero-top-element-grid img{max-width: 210px;}
    .hero-top-element-grid img:first-child{max-width: 160px;}
    .hero-bt-inner .head-content .hero__title span{padding-right: 0;padding-bottom: 20px;display: block;width: fit-content;margin: 0 auto;}
    .hero-ani-elements .ani02 {left: 120px;top: 0px;}
    
    /*  Services-wrappe  */
    .stats-grid{grid-template-columns: repeat(1, 1fr);}
    .stats-grid-item::before{bottom: -22%;}

    /* Features Section */
    .features-wrapper .tab-pane.active .feature-grid-box{grid-template-columns: 1fr;gap: 10px;}
    .features_grid_wrap{grid-template-columns: 1fr;}
    .features_grid_wrap .features_item:nth-child(2){border-top: none;}
    .features_grid_wrap .features_item:nth-child(1){border-top: 1px solid #25395C1A;}
    .features_grid_wrap .features_item{border-right: 1px solid #25395C1A;}

    /* Services Slider */
    .services-slider-wrap {padding-bottom: 0 !important;}

    /* help-fix-wrapper */
    .help-fix-wrapper .grid-block{grid-template-columns: repeat(1, 1fr);}

    /* development-service-wrapper */
    .development-service-wrapper .dev-grid{grid-template-columns: repeat(1, 1fr);}

    /* industries */
    .industries-wrapper .circle-ring,.industries-wrapper .axis-left,.industries-wrapper .dot-left,.industries-wrapper .line-left,.industries-wrapper .axis-right,.industries-wrapper .axis-dot
    {display: none;}
    .industries-wrapper .industries-section{padding: 0;margin: 0;}
    .industries-wrapper .pill-grid{transform: translate(0px, 0px);}
    .industries-wrapper .industry-item{transform: none !important;}

    /* cta */
    .cta-content{padding: 50px 20px;}
    .cta-content .btn1 {margin-top: 10px;}

    /* process */
    .process .process-wrapper .process-card span{font-size: 16px;line-height: 26px;}

    /* Case Studies */
    .flex-block-slider .content-item {padding: 20px 20px 30px;}
    .flex-block-slider .content-item h3 {font-size: 26px;line-height: 36px;}
    .flex-block-slider .content-item .case-studies-list li{font-size: 16px;line-height: 24px;}
    .flex-block-slider .content-item .case-studies-list{gap: 10px;padding-top: 20px;margin-bottom: 30px;}
    .flex-block-slider .content-item .project-result ul li {font-size: 16px;line-height: 24px;}
    .flex-block-slider .content-item .project-result {margin-bottom: 10px;}
}

@media screen and (max-width : 576px) {

    .slider .mySwiper .swiper-slide {padding: 20px;height: 70px;}
    .slider .mySwiper .swiper-slide img {max-width: 100%; max-height: 100%;}
    /* market-trends */
    .market-trends-grid{grid-template-columns: 1fr; padding: 0px 0px 30px;margin-bottom: 0}

    /* Tools And Frameworks Section */
    .frame-box>*{flex: 0 0 calc(50% - 10px);max-width: calc(50% - 10px);}

    /*  Services-wrappe  */
    .services-grid {grid-template-columns: repeat(1, 1fr);padding: 24px 0 0;}
    .services-grid::after{display: none;}

    /* Features Section */ 
    .theme_nav::-webkit-scrollbar{ width: 0px; height: 0px;}
    .theme_nav .nav-item button {padding: 12px; border-radius: 10px; font-size: 16px; line-height: 26px;}
    .features_grid {grid-template-columns: 1fr;}
    .features_item:not(:last-child) {border-bottom-width: 1px !important;}

    /* Why Choose Us Section */
    .choose-group{grid-template-columns: repeat(1, 1fr);}
    .choose-group, .choose-item { padding: 24px;}
    .choose-item h3 {margin-bottom: 15px;}

    /* Process Section */
    .process .process-wrapper .process-card {min-width: 100%; max-width: 100%;}
    .process .process-wrapper .process-card .point-arrow {top: unset; left: 50%; right: unset; transform: translateX(-50%); bottom: -16px;}
    .process .process-wrapper .process-card .point-arrow::before { right: 10px; width: 4px; height: 10px; top: 100%; transform: unset; }
    .process .process-wrapper .process-card:last-child .point-arrow {display: none;}
    .process .process-wrapper .process-card h3 {margin-bottom: 28px;}
}

@media (max-width: 560px) {
    /* industries */
    .industries-wrapper .industries-section {height: auto;padding:0;}
    .industries-wrapper .circle-ring {display: none;}
    .industries-wrapper .pill-grid {flex-direction: column;gap: 10px;}
    .industries-wrapper .col {flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center !important;transform: none !important;gap: 10px;width: 100%;}
    .industries-wrapper .col-center {order: -1;}
    .industries-wrapper .phone-stage {width: 150px;height: 150px;margin: 0 auto 16px;}
    .industries-wrapper .pill {font-size: 12px;padding: 8px 16px;}
    .industries-wrapper .popup-left,
    .industries-wrapper .popup-right,
    .industries-wrapper .popup-top,
    .industries-wrapper .popup-bottom {top: 100%;left: 50%;right: auto;bottom: auto;margin: 10px 0 0;transform: translate(-50%, -8px) scale(0.8);}
    .industries-wrapper .industry-item:hover .popup-left,
    .industries-wrapper .industry-item:focus-within .popup-left,
    .industries-wrapper .industry-item:active .popup-left,
    .industries-wrapper .industry-item:hover .popup-right,
    .industries-wrapper .industry-item:focus-within .popup-right,
    .industries-wrapper .industry-item:active .popup-right,
    .industries-wrapper .industry-item:hover .popup-top,
    .industries-wrapper .industry-item:focus-within .popup-top,
    .industries-wrapper .industry-item:active .popup-top,
    .industries-wrapper .industry-item:hover .popup-bottom,
    .industries-wrapper .industry-item:focus-within .popup-bottom,
    .industries-wrapper .industry-item:active .popup-bottom {transform: translate(-50%, 0) scale(1);}
}

@media screen and (max-width : 400px) {
    .hero-top-element-grid img:first-child {
        max-width: 140px;
    }
    .hero-top-element-grid img {
        max-width: 180px;
    }
}