/* @import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); */
:root { --color-orange: #02A738; --color-orange-light: #167FB2; --deep-blue : #104468; --dark-blue: #022468; --color-black : #191919; --light-bg-color : #F8F7F3; --border-color: #EAECF5;}
.bg-light-blue{background-color: var(--light-bg-color);}
.section-spacing { padding: 120px 0;}
.section-inner-head h2, .bold-title{ font-style: italic; color: var(--color-black);}
.section-inner-head h2{ font-weight: var(--fw-600); user-select: none; margin-bottom: 24px;}
h2, .bold-title{ line-height: 53px;}
.bold-title { font-size: var(--font-35); font-weight: 900;}
.section-inner-head h2 strong{ font-weight: 900 !important;}
.inner-subtitle { font-size: 14px; text-transform: uppercase; line-height: 14px; margin: 0 0 10px; font-weight: var(--fw-600); color: var(--color-green); letter-spacing: 3.6px; font-family: var(--font-sfprodisplay); font-style: italic;} .cta-btn { text-transform: capitalize; white-space: unset; text-align: start; border-radius: 5px; gap: 6px; font-family: SF Pro Display; font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: 1.28px; text-align: center; text-transform: uppercase; background-color: var(--color-orange); color: var(--color-white); padding: 12px 15px 12px 20px; min-height: 40px;}.cta-btn:hover .green-icon{ background-color: transparent !important;}
.header-main:not(.sticky-header) .right-header-block li.calculator-icon a{ background-color: var(--color-white);}
.section-inner-head.mb-60{margin-bottom: 60px;}
body{overflow: hidden auto;}
/* header-main */
.header-main .logo-2 { display: flex;}
.header-main { position: absolute; top: 0; right: 0; left: 0; background: transparent; border-bottom: 1px solid hsl(0deg 0% 100% / 9%); left: 0; width: 100%;}
.logo-1,
.header-main.sticky-header .logo-2 { display: none;}
.header-main .nav-link { color: var(--color-white) !important;}
.header-main .nav-link::after { filter: brightness(0) invert(1);}
.header-main.sticky-header { background: var(--color-white); animation: slideDown 0.35s ease-out; position: fixed; box-shadow: 10px 9px 50px rgb(13 28 62 / 10%);}
.header-main.sticky-header .logo-1 { display: flex;}
.header-main.sticky-header .nav-link { color: var(--color-black) !important;}
.header-main.sticky-header .nav-link::after { filter: inherit;}
@keyframes slideDown { from { transform: translateY(-100%);} to { transform: translateY(0);} }
.header-main .btn-green{ background-color: var(--color-orange) !important; border-color: var(--color-orange) !important;}
/* inner-page-banner */
.inner-page-banner { position: relative; padding: 147px 0 50px; background-image: url(../images/grocery-delivery/grocery-banner.webp); position: relative; background-repeat: no-repeat; background-position: bottom right; background-size: cover; min-height: 100vh; display: flex; align-items: center; background-attachment: fixed;}
.inner-page-banner:before {background: linear-gradient(90deg, #063123 9.07%, rgba(6, 49, 35, 0.457949) 58.22%, rgba(6, 49, 35, 0) 85.96%); content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.inner-page-banner .container {position: relative; z-index: 1; }
.inner-banner-content { color: var(--color-white);}
.inner-banner-content h1 { margin: 0 0 25px; line-height: 65px;}
.inner-banner-content p { margin: 0; max-width: 728px;}
/* pink-btn-icon */
.yellow-btn-icon .cta-btn .green-icon { background-color: transparent; border: none; flex: 0 0 auto; background-image: url(../images/headerimages/next-arrow.webp); background-position: center !important; height: 26px; width: 26px; padding: 0px; border-radius: 0px; filter: brightness(0);}
.yellow-btn-icon .cta-btn:not(:hover) .green-icon{ filter: brightness(0) invert(1);}
.yellow-btn-icon .cta-btn::before, .yellow-btn-icon .cta-btn::after { background-color: var(--color-white);}
.yellow-btn-icon .cta-btn:hover { color: var(--color-black) !important;}
.yellow-btn-icon .cta-btn:hover .green-icon{ background-position: center !important;}
.yellow-btn-icon .cta-btn { margin: 50px 0 0; border: solid 2px var(--color-orange);}
.cta-btn.rounded-btn, .header-main .button-group .cta-btn{border-radius: 60px; font-weight: 400; background-color: var(--color-white); padding: 10px 10px 10px 30px; color: var(--color-black); text-transform: capitalize; letter-spacing: 0px;}
.header-main .button-group .cta-btn{font-size: 20px; line-height: 20px; font-weight: var(--fw-500); gap: 20px; white-space: nowrap;}
.cta-btn.rounded-btn:hover .green-icon, .header-main .button-group .cta-btn:hover .green-icon{background-color: var(--color-white) !important; border-color: var(--color-white);}
.cta-btn .green-icon {flex: 0 0 auto;}
/* Rating Group */
.rating-group { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 25px; max-width: 450px;}
.rating-group li a { color: var(--color-white);}
.rating-group li svg path { transition: all ease-in-out 0.3s;}
.rating-group li a:hover svg path { fill: var(--color-orange);}
.rating-group li{ padding: 10px 20px;}
.rating-group li:not(:first-child){ border-left: 1px solid rgb(255 255 255 / 20%);}
.rating-group li:first-child{ padding-left: 0px;}
.rating-group .rating { display: flex; align-items: center; gap: 6px;}
.rating-group .rating-count { font-weight: var(--fw-400); font-size: var(--font-18); line-height: 100%; letter-spacing: 0px;}
.rating-group .rating-count span { font-weight: var(--fw-700);}
.rating-group .review-title { font-weight: var(--fw-400); font-size: 12px; line-height: 100%; margin: 6px 0px 16px;}
.rating-group .rating-logo img{ max-width: 100%;}
/* partner-section */
.partner-section{padding: 80px 0px; overflow: hidden;}
.partner-slider .swiper-slide{padding: 4px 24px; border: 1px solid var(--border-color); border-radius: 10px; display: flex; align-items: center; justify-content: center; min-height: 60px; }
.partner-slider .swiper-slide img{filter: invert(1);}
/* Demand Section */
.demand-section {overflow: hidden;}
.demand-section .section-inner-head p{ margin-bottom: 12px;}
.demand-content { display: flex; gap: 30px; align-items: center;}
.demand-content .section-inner-head { width: 50%; display: flex; flex-direction: column;}
.demand-content h2 { margin-bottom: 20px;}
.banner-wrapper-block {width: 50%;}
.banner-wrapper-img {max-width: fit-content; position: relative; padding-left: 30px; margin-left: auto;}
.banner-wrapper-img .banner-box {padding: 12px; border-radius: 8px; background-color: var(--color-white); box-shadow: 0px 0px 42.8px 0px #00000040; display: inline-flex; flex-direction: column; gap: 14px; align-items: start; min-width: 161px; position: absolute;}
.banner-wrapper-img .banner-box img {height: 36px; border-radius: 3px; max-width: 120px;}
.banner-wrapper-img .banner-box .box-title {font-size: 18px; line-height: 1; font-weight: 700; color: #000; margin: 0px;}
.banner-wrapper-img .box-1 {top: 56px; left: 60px; animation: moveing1 2s linear infinite;}
.banner-wrapper-img .box-2 {top: 52%; left: 0px; animation: moveing2 2s linear infinite;}
.banner-wrapper-img .box-3 {top: 20%; right: 0px; animation: moveing3 2s linear infinite;}
.banner-wrapper-img .box-4 {bottom: 15%; right: 20px; animation: moveing4 2s linear infinite;}
@keyframes moveing1 { 0%, 100% { transform: translateX(-10px); } 50% { transform: translateX(10px); }}
@keyframes moveing2 { 0%, 100% { transform: translateY(10px); } 50% { transform: translateY(-10px); }}
@keyframes moveing3 { 0%, 100% { transform: translateY(-10px); } 50% { transform: translateY(10px); }}
@keyframes moveing4 { 0%, 100% { transform: translateX(10px); } 50% { transform: translateX(-10px); }}
.milk-sponsor-group {padding-top: 20px;}
.milk-sponsor-group .milk-sponsor-slider {padding: 5px 10px 10px 5px;}
/* .milk-sponsor-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-top: auto; padding-top: 20px;} */
.milk-sponsor-group .milk-sponsor-item{ padding: 20px; border: 1px solid #F5F5F5; box-shadow: 0px 0px 10px 0px #A7A7A726; border-radius: 10px; position: relative; z-index: 1; display: flex; flex-direction: column;}
.milk-sponsor-group .milk-sponsor-item, .milk-sponsor-group .milk-sponsor-item::before{ transition: all ease-in-out 0.3s;}
.milk-sponsor-group .milk-sponsor-item::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: 6px 6px 0px 0px #F5F5F5; border-radius: 10px; z-index: -1;}
.milk-sponsor-group .milk-sponsor-item:hover, .milk-sponsor-group .milk-sponsor-item.swiper-slide-active{ box-shadow: 0px 0px 10px 0px #A7A7A726;}
.milk-sponsor-group .milk-sponsor-item:hover::before, .milk-sponsor-group .milk-sponsor-item.swiper-slide-active::before{ box-shadow: 6px 6px 0px 0px var(--color-orange);}
.milk-sponsor-group .milk-sponsor-item p { font-size: 18px; line-height: 27px; color: var(--color-black); margin: 10px 0px 14px;}
.milk-sponsor-group .milk-sponsor-item p strong{ font-weight: 700 !important;}
.milk-sponsor-group .milk-sponsor-item .title { margin: auto 0px 0px; font-size: var(--font-22); line-height: 30px; color: #000;}
.milk-sponsor-group .milk-sponsor-item .milk-sponsor-logo {display: flex; align-items: center; justify-content: start; height: 50px;}
.milk-sponsor-group .milk-sponsor-item .milk-sponsor-logo img {max-width: 150px; object-fit: contain;}
/* why-section */
.why-section-content {padding: 80px 17px 0px 80px; border-radius: 60px; background-color: var(--light-bg-color); display: flex; align-items: end; justify-content: space-between; position: relative; overflow: hidden;}
/* .why-section-content::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 1; background-image: url(../images/alcohol-delivery/delarbg.png); background-position: top right; background-repeat: no-repeat;} */
.why-section-content>div{position: relative;}
.why-section .section-inner-head {max-width: 675px;}
.market-cap {display: flex ; justify-content: space-between ;gap: 20px 60px;}
.market-cap{gap: 20px;margin: 60px 0px 80px;}
.market-cap-item {display: flex;align-items: center; gap: 30px; position: relative;}
.market-cap-item .market-size{font-weight: var(--fw-700); font-size: 35px; line-height: 1; text-transform: uppercase;margin-bottom: 16px; display: inline-flex; align-items: self-end; gap: 10px;}
.market-cap-item .market-size span {font-weight: var(--fw-500);font-size: var(--font-24); line-height: 1;}
.market-cap-item .market-cap-title {font-weight: var(--fw-500);font-size: var(--font-18);line-height: 27px;letter-spacing: 0px;}
/* Delivery Service */
.delivery-service .section-inner-head {max-width: 1046px; margin-inline: auto; text-align: center;}
/* .delivery-service .section-inner-head p {max-width: 994px; margin-inline: auto;} */
.delivery-service-tabs {display: flex; gap: 20px; margin-bottom: 30px; flex-wrap: nowrap;}
.delivery-service-tabs li{ flex: 1 1 0;}
.delivery-service-tabs .nav-link {padding: 20px; border: 1px solid #CECECD66; border-radius: 4px; display: flex; flex-direction: column; gap: 10px; align-items: start; text-align: start; position: relative; overflow: hidden;}
.delivery-service-tabs .nav-link::before {content: ''; width: 0px; height: 2px; background-color: var(--color-orange); position: absolute; bottom: 0; left: 0; transition: all ease-in-out 0.3s;}
.delivery-service-tabs img {height: 32px; object-fit: contain;}
.delivery-service-tabs .nav-link, .delivery-service-tabs .nav-link * {transition: all ease-in-out 0.3s;}
.delivery-service-tabs h3 {font-size: var(--font-18); line-height: 27px; color: var(--color-black); font-weight: var(--fw-500); margin: 0px;}
.delivery-service-tabs .nav-link:hover, .delivery-service-tabs .nav-link.active {background-color: var(--color-white);}
.delivery-service-tabs .nav-link:hover::before, .delivery-service-tabs .nav-link.active::before {width: 100%;}
/* .delivery-service-tabs .nav-link:hover img, .delivery-service-tabs .nav-link.active img {filter: invert(1);}
.delivery-service-tabs .nav-link:hover h3, .delivery-service-tabs .nav-link.active h3 {color: var(--color-white);} */
.delivery-service .tab-content, .delivery-service-content { border-radius: 20px; background-color: var(--light-bg-color); overflow: hidden;}
.delivery-service-content {padding: 40px; border-radius: 20px; background-color: var(--light-bg-color); display: grid; grid-template-columns: 1fr 1fr; align-items: center; row-gap: 30px;}
.delivery-service-content .left-side {padding-right: 60px;}
.delivery-service-content h3 {font-weight: var(--fw-700); color: var(--color-black); margin-bottom: 20px;}
.delivery-service-content .right-side {border-radius: 16px; background-color: #1B4536; text-align: center; box-shadow: 0px 4px 4px 0px #00000040;}
/* .delivery-service-content .right-side {border-radius: 16px; padding: 16px; background-color: #1B4536; text-align: center; box-shadow: 0px 4px 4px 0px #00000040;} */
/* Solution Section */
.solution-section p{ line-height: 32px;}
/* Story Section */
.story-section { background: url(../images/new-fitness-app/story-bg.png) no-repeat center center,var(--light-bg-color); background-size: cover;}
.story-section .section-inner-head h2{ max-width: 820px; margin: 0px;}
.story-section .follow-title { display: flex; align-items: end; gap: 5px; font-weight: var(--fw-500); font-size: 16px; line-height: 24px; vertical-align: middle; margin-bottom: 10px;}
.follow-partner { display: flex; flex-wrap: wrap; gap: 10px 20px;}
.story-list{ margin: 40px 0px 20px; padding: 0px; gap: 9px;}
.story-list{ display: flex; flex-wrap: wrap;}
.story-list li { font-weight: var(--fw-400); font-size: var(--font-16); line-height: 100%; padding: 12px; background-color: var(--color-white); border: 1px solid var(--border-color); border-radius: 9px; background: #F5F5F5;}
.story-section .interfaceslider { margin-top: 60px; position: relative;}
.interfaceslider .swiper-3d .swiper-slide-shadow-right, .interfaceslider .swiper-3d .swiper-slide-shadow-left{ background: transparent;}
.interfaceslider .swiper-slide img { display: block; width: 100%; border-radius: 40px; box-shadow: 1.6px 3.19px 15.96px 0px #222A9226;}
.interfaceslider .swiper-slide { transform: scale(0.85); transition: all ease-in-out 0.3s;}
.interfaceslider .swiper-slide.swiper-slide-prev{ transform: translateX(-10px) scale(0.9);}
.interfaceslider .swiper-slide.swiper-slide-next { transform: translateX(10px) scale(0.9);}
.interfaceslider .swiper-slide.swiper-slide-active { transform: scale(1); position: relative;}
.interfaceslider .swiper-slide.swiper-slide-active::before{ content: ''; height: 8px; width: 100%; position: absolute; bottom: -15px; left: 0; background: radial-gradient(102.15% 102.15% at 50% 50%, #192026 0%, #FFFFFF 100%); backdrop-filter: blur(3.1912589073181152px); opacity: 0.15; border-radius: 100%;}
.interfaceslider .swiper-wrapper { padding-bottom: 23px;}
/* How Dose Section */
.how-dose-section .section-inner-head {margin-bottom: 50px;}
.how-dose-section .listing {display: flex; flex-direction: column; gap: 10px;}
.how-dose-section .listing li {display: flex; gap: 10px; align-items: center; font-size: 18px; line-height: 27px; font-weight: 500;}
.how-dose-section .listing li span {flex: 0 0 auto; width: 56px; height: 56px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background-color: var(--bg-color);}
.how-dose-section .how-dose-image {position: relative; padding-inline: 120px; max-width: 532px; text-align: center;}
.how-dose-section .how-dose-image img {position: relative; z-index: 1;}
.how-dose-section .how-dose-image .animation-bg {position: relative; width: 420px; height: 420px; background-color: #1D8B5A; opacity: 0.2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
.how-dose-section .how-dose-image .animation-bg::after {content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1D8B5A; opacity: 0.1; animation: pulse-border 1100ms ease-out infinite;}
@keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); opacity: 0; }}
/* Cta Section */
.sec-cta-clip { padding: 16px 0 120px;}
.cta-clip-left { padding: 59px 92px 67px 52px; width: calc(100% - 432px); text-align: center; height: 100%; background-image: url(../images/grocery-delivery/grocery-cta-bg.webp); /* Background color for the clipped element */ clip-path: path("M845.715 262.489C842.903 271.142 834.84 277 825.742 277H21C9.40204 277 0 267.598 0 256V21C0 9.40202 9.40202 0 21 0H902.096C916.363 0 926.477 13.9208 922.068 27.4892L845.715 262.489Z"); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.cta-clip-left:before { content: ""; position: absolute; width: 100%; height: 100%; background: #020707A3; top: 0; left: 0;}
.cta-clip-outer { display: flex; gap: 36px;}
.cta-clip-outer .cta-clip-left h2 { font-size: 24px; max-width: 700px; margin: 0 auto 0; line-height: 32px;}
.cta-clip-outer .cta-clip-left .cta-btn { margin: 27px 0 0;}
.cta-clip-outer .cta-clip-right { width: 396px; background: #1D8B5A; border-radius: 21px 21px 21px 0; position: relative;}
.cta-clip-outer .cta-clip-right:before { height: 100%; width: 90%; content: ""; position: absolute; left: -41px; background: #1D8B5A; transform: skew(-18deg); border-radius: 21px;}
.cta-clip-outer .cta-clip-right img { position: relative; z-index: 1; margin: -36px auto 0; display: block;}
/* Ordring Section */
.ordering-section .section-inner-head { max-width: 994px; margin-inline: auto; text-align: center;}
.order-grid {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
.order-item {border-radius: 24px; background-color: #F5F5F5; padding: 40px 40px 0px;}
.order-item .order-title {margin-bottom: 10px; color: var(--color-black);}
.order-item .order-image {text-align: center;}
.order-item .order-image img {mix-blend-mode: darken;}
/* Features Section */
.features-section .section-inner-head { max-width: 1046px; margin-inline: auto; text-align: center;}
.bold-title { margin-bottom: 30px;}
.features-section .story-list { margin: 20px 0px 0px; gap: 12px;}
.features-section .story-list li { padding: 10px 16px; border-radius: 30px;}
.features-section .panel-img { position: relative; max-width: 660px;}
.features-section .panel-img .animated-img{ max-width: 170px; width: 100%; top: -61px; left: -25px; position: absolute;}
.story-list{ margin: 40px 0px 20px; padding: 0px; gap: 9px;}
.story-list{ display: flex; flex-wrap: wrap;}
.story-list li { font-weight: var(--fw-400); font-size: var(--font-16); line-height: 100%; padding: 12px; background-color: var(--color-white); border: 1px solid var(--border-color); border-radius: 9px; background: #F5F5F5;}
/* Vision Section */
.vision-section { background-color: #F8F7F3CC;}
.vision-section .section-inner-head .cta-btn{ margin-top: 15px;}
.client-satisafctions { display: flex; justify-content: space-between; flex-direction: column; align-items: center; max-width: 590px; gap: 30px;}
.client-satisafctions .satisafctions-outer { width: 210px; height: 210px; border-radius: 50%; box-shadow: 0 0 0 10px #F8F8F8, inset 0 0 0 24px #F8F8F8; position: relative; display: flex; background-color: #fff; align-items: center; justify-content: center;}
.client-satisafctions .satisafctions-outer .animated-text { position: absolute; width: 100%; height: 100%; color: #000; font-size: 17px; text-transform: uppercase !important; animation: 15s linear infinite textRotation;}
.satisafctions-text { text-align: center; margin: auto; max-width: 150px; width: 100%;}
.satisafctions-text .f-40 { font-weight: 700; margin: 0 0 14px; line-height: 28px; font-size: 29px;}
.satisafctions-text p { font-size: 13px; line-height: 20px;}
@keyframes textRotation {to {transform: rotate(360deg)}}
.animated-text span { position: absolute; left: 50%; line-height: normal; font-size: 12px; text-transform: uppercase !important; transform-origin: 0 103px;}
.awards-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.awards-grid .awards-box { background-color: var(--color-white); box-shadow: 10px 13px 40px 0px #C5BFA740; border-radius: 20px; padding: 30px 10px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;}
.awards-grid .awards-box img { max-height: 120px;}
/* Rating Section */
.rating-section{ padding-bottom: 90px;}
.rating-section .section-inner-head{ max-width: 720px; margin-inline: auto;}
.rating-section .section-inner-head h2{ text-align: center; margin-bottom: 16px;}
.ratings-group { display: flex; align-items: center; justify-content: center;}
.rating-item { padding: 20px; position: relative;}
.rating-item .platform-logo{ display: block;}
.star-rating, .star-rating li { display: inline-flex; align-items: center;}
.ratings-group .clutch-img { display: flex; align-items: center; max-width: 240px;}
.goodfirms-rating{ border-left-width: 1px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: var(--border-color);}
.goodfirms-rating .star-rating{ margin-bottom: 5px;}
.google-rating, .google-rating .rating-info .rating { display: flex; gap: 10px; align-items: center;}
.google-rating .rating-info h3 { font-family: "Bai Jamjuree", sans-serif; font-weight: 600; font-size: 14px; line-height: 100%; color: #6A797D; margin: 0px;}
.google-rating .rating-info .rating{ margin-top: 10px;}
.rating-card-group { /* display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; */ margin-top: 30px;}
.rating-card-group .swiper-wrapper{ padding-block: 30px;}
.rating-card-group .rating-card{ box-shadow: 4px 8px 40px 0px #7272721A; border: 1px solid var(--color-white); padding: 20px; display: flex; flex-direction: column; height: 100%;}
.rating-card-group .rating-card p{ margin: 0px; max-height: 115px; overflow: hidden auto;}
.rating-card-group .rating-card p::-webkit-scrollbar { width: 5px;}
.rating-card-group .rating-card p:hover::-webkit-scrollbar-thumb { opacity: 1; visibility: visible;}
.rating-card-group .rating-card p::-webkit-scrollbar-thumb { background-color: var(--color-green); border-radius: 10px; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.rating-card-group .rating-dis{ margin-bottom: auto; padding: 25px 0px 20px;}
.rating-card-group .rating-dis .top-icon{ float: right; width: 70px; height: 70px; margin: -41px -18px 0 0; background: #ffffff; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: inset 0px 0px 0px 9px #fbfbfbd1; position: absolute; right: 23px; top: 12px;}
.rating-card-footer{ padding-top: 10px; margin-top: 10px; border-top: 1px solid var(--light-bg-color); position: relative;}
.rating-card-footer .rating-client{ display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.rating-card-footer, .rating-card-footer h3{ transition: all ease-in-out 0.3s;}
.rating-card-footer h3 { font-weight: 500; font-size: 16px; line-height: 24px; color: var(--color-black); margin: 0px;}
.rating-card-footer p { font-size: 14px; line-height: 24px; color: #4B5D77;}
.rating-card-footer:hover { border-color: var(--color-orange); background: #fbfbfb;}
.rating-card-footer:hover h3{ color: var(--color-orange) !important;}
.rating-card-group .video-rating{ background: var(--rating-bg-image) no-repeat; background-size: cover; background-position: center; position: relative; padding: 0px; box-shadow: 4px 8px 40px 0px #7272721A;}
.rating-card-group .video-rating > *{ position: relative;}
.rating-card-group .video-rating::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.2;}
.rating-card-group .video-rating .rating-card-footer{ padding: 12px 20px; border: none; background-color: #FFFFFF59; backdrop-filter: blur(9px);}
.rating-card-group .video-rating .rating-card-footer h3, .rating-card-group .video-rating .rating-card-footer p{ color: var(--color-white);}
.rating-card-group .video-rating .rating-dis .top-icon{ width: 56px; height: 56px; box-shadow: none; margin: -21px -16px 0px 0px; top: 0; right: 0;}
/*FAQ sec*/
.frequently-asked-questions {max-width: 1120px; margin-inline: auto;}
.technologies-faq .frequently-asked-questions .accordion-item {padding: 0;border-radius: 0px;border: 1px solid transparent;overflow: hidden;background-color: #ffffff00;}
/* .technologies-faq .frequently-asked-questions .accordion-item:not(:last-child) {margin-bottom: 20px;} */
.technologies-faq .accordion-button { padding: 20px; color: var(--color-black) !important; font-size: 24px; font-weight: 500; line-height: 32px; text-transform: capitalize;}
.technologies-faq .frequently-asked-questions .accordion-item.active{ border-color: var(--light-bg-color); box-shadow: 10px 13px 40px 0px #C5BFA740; margin-bottom: 20px;}
.technologies-faq .accordion-button.collapsed { border-bottom: 1px solid var(--border-color);}
.technologies-faq .accordion-header .accordion-button:not(.collapsed) {background-color: #fff !important;color: #000 !important;box-shadow: none !important; border-radius: 10px 10px 0px 0px; padding-bottom: 16px;}
.technologies-faq .accordion-header .accordion-button:focus {box-shadow: none !important;}
.technologies-faq .accordion-header .accordion-button::after { background: url('data:image/svg+xml,') no-repeat center;}
.technologies-faq .accordion-header .accordion-button:not(.collapsed)::after { transform: rotate(90deg);}
.technologies-faq .frequently-asked-questions .accordion-body {padding: 0px 20px 20px;max-width: 100%;background-color: var(--color-white);border: none;position: relative; border-radius: 0px 0px 10px 10px;}
.technologies-faq .frequently-asked-questions .accordion-body p:not(:last-child){margin-bottom: 25px;}
/* .technologies-faq .frequently-asked-questions .accordion-body::before {content: "";height: 1px;width: calc(100% - 60px);top: 0;left: 50%;transform: translateX(-50%);background-color: #dfdfdf;position: absolute;} */
/* Other Service */
.other-service { background-color: var(--light-bg-color);}
.other-service .section-inner-head h2{ margin-bottom: 10px;}
.development-group {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.development-platform {border-radius: 8px; box-shadow: 4px 8px 40px 0px #7272721A; background-color: var(--color-white); display: flex; gap: 10px; position: relative; overflow: hidden;}
.development-platform .service-img{ width: 100%;}
.development-platform .service-img img{ width: 100%; height: 100%; object-fit: cover;}
.development-platform .service-content{padding: 20px 24px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 37.76%, rgba(0, 0, 0, 0.8) 89.82%); display: flex; align-items: end; justify-content: space-between;}
.development-platform h3 { color: var(--color-white); font-weight: 700; font-size: 24px; line-height: 32px; text-transform: capitalize;}
.development-platform, .development-platform .link-btn, .development-platform .link-btn svg path, .development-platform h3{ transition: all ease-in-out 0.3s !important;}
.development-platform .link-btn { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; flex: 0 0 auto; border-radius: 50%; border: 1px solid var(--color-white);}
.development-platform .link-btn:hover, .development-platform:hover .link-btn{ border: solid 1px var(--color-green); background-color: var(--color-green);}
.development-platform .link-btn:hover svg path, .development-platform:hover .link-btn svg path{ stroke: var(--color-white);}
.development-platform:hover h3{ color: var(--color-orange);}
.development-platform:hover .link-btn { transform: rotate(-45deg);}
/* Contact Section */
.contact-section {background-color: var(--light-bg-color);}
.contact-card-group {background: linear-gradient(180deg, #112C63 0%, #142547 100%); position: relative; padding: 67px 58px; border-radius: 20px; overflow: hidden; color: var(--color-white); display: flex; gap: 64px;}
.contact-card-group::before {content: ''; height: 100%; width: 100%; position: absolute; top: 0; ; left: 0; background: url(../images/contact-section-abstrect.png) no-repeat top center;}
.contact-card-group>div{position: relative; width: 50%; z-index: 1;}
.contact-card-left {display: flex; flex-direction: column; gap: 48px;}
.contact-card-left .sub-heading-tag {padding: 8px 16px; font-size: 16px; line-height: 24px; color: #FDCD56; display: inline-flex; text-align: center; border: 1px solid #FFFFFF1A; text-transform: uppercase; border-radius: 30px;}
.contact-card-left h2{color: var(--color-white); margin: 8px 0px;}
.contact-card-social-group {display: flex; gap: 30px; margin-top: auto;}
.contact-card-social-group .icon{width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background-color: #FFFFFF0F; backdrop-filter: blur(8px); transition: all ease-in-out 0.3s;}
.contact-card-social-group .icon img{width: 27px;}
.contact-card-social-group a {display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: 14px; line-height: 1; font-weight: 400; color: var(--color-white);}
.contact-card-social-group a:hover{color: var(--color-green);}
.contact-card-social-group a:hover .icon{background-color: #ffffff1e}
.contact-ratings-group {display: flex; align-items: center;}
.contact-ratings-group .clutch-img {margin-right: 20px; padding-right: 20px; border-right: 1px solid #FFFFFF33;}
.contact-ratings-group .clutch-img iframe{filter: invert(1) brightness(100); width: 194px;}
.contact-ratings-group p{font-weight: 300; font-style: italic; color: var(--color-white);}
.contact-card-right {background: #FFFFFF0F; backdrop-filter: blur(80px); padding: 30px; border-radius: 10px; display: flex; flex-direction: column; position: relative;}
.contact-card-right .email-box {position: absolute; top: -50px; right: -28px;}
.contact-card-right h3{color: var(--color-white); margin-bottom: 24px;}
.contact-card-right ul {display: flex; flex-direction: column; gap: 12px; color: var(--color-white); font-size: 16px; line-height: 27px; font-weight: 500; margin-bottom: 40px;}
.contact-card-right ul li{display: flex; gap: 12px;}
.contact-card-right ul li::before{content: ''; margin-top: 1px; width: 24px; height: 24px; background: url('data:image/svg+xml,') no-repeat center; background-size: contain;}
.contact-card-right .btn-group{margin-top: auto; display: flex; flex-direction: column; gap: 24px;}
.contact-card-right .btn-group .btn1{display: flex; align-items: center; justify-content: center; gap: 10px; text-align: center;}
.btn1.btn-white { border-color: var(--color-white); background-color: var(--color-white); color: #0C436A !important;}
.btn1.btn-white:after, .btn1.btn-white:before, .btn1.btn-whitehover::after, .btn1.btn-whitehover::before{background-color: var(--color-yellow);}
.form-control { box-shadow: none !important; outline: none !important; padding: 20px 15px; border: 0; background-color: #f2f5f7; font-size: 16px; color: #000; font-weight: 400; height: 55px; font-family: var(--font-sfprodisplay); border-radius: 5px;}
.form-control:focus { color: #000; background-color: #f2f5f7; outline: 0; box-shadow: none;}
input.form-control::placeholder { color: #000 !important; opacity: 1 !important;}
textarea.form-control::-ms-input-placeholder,
textarea.form-control::-ms-input-placeholder { color: #000 !important;}
textarea::-webkit-input-placeholder { color: #000 !important;}
textarea:-moz-placeholder { color: #000 !important;}
textarea:-ms-input-placeholder { color: #000 !important;}
/* cuide-development-main-sec */
.cuide-development-main-sec .section-inner-head { margin: 0 auto 60px; max-width: 1233px; text-align: center;}
.cuide-development-main-sec .list-group { position: sticky; top: 120px;}
.cuide-development-main-sec .list-group .cuide-development-link { padding: 20px; border-left: solid 2px transparent; text-overflow: ellipsis; overflow: hidden;}
.cuide-development-main-sec .list-group .cuide-development-link.active,
.cuide-development-main-sec .list-group .cuide-development-link:hover { border-left: solid 2px var(--deep-blue); background-color: var(--light-bg-color); color: var(--color-black) !important;}
.cuide-development-main-sec .list-group .cuide-development-link.active{ font-weight: 500;}
.development-link-text h3 { color: var(--color-black); margin: 0 0 30px;}
.development-link-text h3, .development-link-text h4 { font-weight: var(--fw-500);}
.development-link-text table th{ white-space: nowrap; padding: 9px 15px; font-size: 16px; background-color: #f2f3f0;}
.development-link-text table tbody td{ padding: 9px 15px; font-size: 16px;}
.development-link-text ol { padding-left: 20px;}
.development-link-text ol > li:not(:last-child) { margin: 0 0 30px;}
.development-link-text ol > li ul { padding-top: 15px;}
.development-link-text ol > li >p { margin: 15px 0 0;}
.development-link-text img { margin: 0 0 30px; border-radius: 20px;}
.development-link-text:not(:last-child) { border-bottom: solid 1px var(--light-bg-color); padding: 0 0 40px; margin: 0 0 40px;}
.development-link-text ul { padding-left: 20px;}
.development-link-text ul li { list-style: disc;}
.development-link-text ul li:not(:last-child) { margin: 0 0 15px;}
.development-link-text ul li ul{ margin-top: 15px;}
.development-link-text ul li a { color: var(--color-orange); text-decoration: underline;}
/*Responsive CSS*/
@media screen and (min-width: 1441.98px) {
h3{line-height: 40px;}
.upper-footer h2{ line-height: 61px;}
/* Features Section */
.features-section .story-list{ gap: 16px; }
.features-section .story-list li { font-size: var(--font-18); line-height: 27px; padding: 8px 16px; }
/* Ordring Section */
.order-item .order-title {font-size: 30px; line-height: 40px;}
/* Vision Section */
.vision-section .section-inner-head h2, .cuide-development-main-sec .section-inner-head h2 { margin-bottom: 24px;}
.client-satisafctions{ gap: 55px;}
}
@media only screen and (max-width: 1441px) {
.cta-btn.rounded-btn, .header-main .button-group .cta-btn { padding: 5px 5px 5px 25px; }
h2, .bold-title{line-height: 45px;}
.bold-title{font-size: var(--font-30); margin-bottom: 20px;}
.section-spacing { padding: 80px 0;}
.section-inner-head.mb-60 {margin-bottom: 40px;}
.section-inner-head h2{margin-bottom: 15px;}
/* */
.cta-btn { padding: 5px 5px 5px 25px; gap: 15px; font-size: var(--font-16);}
.yellow-btn-icon .cta-btn.non-icon{padding: 5px 25px;}
.section-spacing { padding: 80px 0;}
.inner-banner-content h1 { margin: 0 0 20px; line-height: 55px;}
.yellow-btn-icon .cta-btn, .cta-1 .yellow-btn-icon .cta-btn, .powered-ai .yellow-btn-icon .cta-btn { margin: 30px 0 0;}
.cta-sec-image { padding-bottom: 80px;}
/* Rating Group */
.rating-group{ margin-top: 12px; }
/* partner-section */
.partner-section{padding: 60px 0px;}
/* Delivery Service */
.delivery-service-tabs .nav-link {padding: 20px 15px;}
.delivery-service-tabs h3 {font-size: var(--font-16); line-height: 24px;}
.delivery-service-content .left-side {padding-right: 30px;}
/* why-section */
.why-section-content{padding: 60px 17px 0px 60px;}
.market-cap-item .market-size{ font-size: 30px; line-height: 38px; margin-bottom: 10px;}
.market-cap-item .market-size span { font-size: var(--font-16); line-height: 24px; }
.market-cap-item .market-cap-title { font-size: var(--font-16); }
/* How Dose Section */
.how-dose-section .section-inner-head {margin-bottom: 40px;}
.how-dose-section .how-dose-image {padding-inline: 100px;}
/* Story Section */
.story-section .interfaceslider { margin-top: 40px; }
/* Cta Section */
.sec-cta-clip { padding: 0 0 80px; }
.cta-clip-left { padding: 52px 92px 52px 52px; clip-path: path("M648.945 261.078C646.614 270.434 638.21 277 628.568 277H21C9.40206 277 4.58956e-06 267.598 4.58956e-06 256V21C4.58956e-06 9.40202 9.40203 0 21 0H687.125C700.78 0 710.804 12.8274 707.502 26.0775L648.945 261.078Z"); }
.cta-clip-outer .cta-clip-right:before { transform: skew(-14deg); }
/* Vision Section */
.awards-grid .awards-box {padding: 20px; gap: 15px;}
.awards-grid .awards-box img {max-height: 110px;}
/*FAQ sec*/
.technologies-faq .accordion-button {font-size: 20px;}
/* Other Service */
.development-platform h3{font-size: 20px; line-height: 30px;}
.development-platform .link-btn{width: 45px; height: 45px;}
.development-platform .link-btn svg{width: 20px; height: 11px;}
}
@media screen and (max-width: 1441px) and (min-width: 1200px) { .process-item { min-height: 350px; };}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
.process-item {
min-height: 470px;
}
/* How Dose Section */
.how-dose-section .how-dose-image .animation-bg {
width: 300px;
height: 300px;
}
}
@media only screen and (max-width: 1199px) {
h2, .bold-title {line-height: 40px;}
.bold-title{font-size: var(--font-22); margin-bottom: 10px;}
.header-main .navbar-toggler .navbar-toggler-icon { background-color: var(--color-white);}
.header-main.sticky-header .navbar-toggler .navbar-toggler-icon { background-color: #000;}
.header-main .navbar-collapse { background: var(--color-white); width: calc(100% + 50px); margin-left: -25px; margin-right: -25px; padding: 0 25px 30px; margin-top: 15px; margin-bottom: -16px;}
.header-main .navbar-collapse .nav-link { color: #000 !important;}
.inner-banner-content h1 { line-height: 45px;}
/* Demand Section */
.banner-wrapper-img .banner-box{padding: 10px; gap: 10px; min-width: 140px;}
.banner-wrapper-img .box-1 {left: 30px;}
/* How Dose Section */
.how-dose-section .listing li {font-size: 16px; line-height: 25px; }
.how-dose-section .listing li span {width: 50px; height: 50px; border-radius: 10px;}
/* Cta Section */
.cta-clip-left { clip-path: initial; border-radius: 20px; overflow: hidden; width: 100%; padding: 57px 92px 57px 52px; }
.cta-clip-outer .cta-clip-right { display: none; }
/* Delivery Service */
.delivery-service-tabs {gap: 10px;}
/* Features Section */
.features-section .panel-img .animated-img { max-width: 140px; }
/* Vision Section */
.client-satisafctions .satisafctions-outer { width: 190px; height: 190px;}
.animated-text span { transform-origin: 0 94px;}
/* Other Service */
.development-group { gap: 24px;}
.development-platform h3{font-size: 18px; line-height: 22px;}
.development-platform .link-btn{width: 40px; height: 40px;}
/* Rating Section */
.rating-card-group { grid-template-columns: repeat(2, 1fr); }
/* Contact Section */
.contact-card-group{padding: 50px; gap: 40px;}
/* cuide-development-main-sec */
.development-link-text:not(:last-child) { padding: 0 0 25px; margin: 0 0 25px;}
.development-link-text .table{ margin-bottom: 30px;}
.development-link-text h3,
.development-link-text img { margin: 0 0 20px;}
.cuide-development-main-sec .list-group .cuide-development-link { padding: 15px 20px;}
.cuide-development-main-sec .section-inner-head { margin: 0 0 40px;}
}
@media screen and (max-width: 1024px) {
/* Demand Section */
.demand-content { flex-direction: column; gap: 30px; }
.demand-content>div {width: 100% !important;}
.banner-wrapper-img {margin-inline: auto; padding-inline: 30px;}
/* why-section */
.market-cap {margin: 40px 0px 80px;}
/* Solution Section */
.solution-section p{ line-height: 28px; }
/* Story Section */
.delivery-app-group{ display: flex; flex-direction: column-reverse; }
.delivery-content { padding: 20px 40px 40px 40px; }
/* Delivery Service */
.delivery-service-content {padding: 30px;}
/* Contact Section */
.contact-card-group{padding: 50px; flex-direction: column;}
.contact-card-group>div{width: 100%;}
.contact-card-left {gap: 35px;}
}
@media only screen and (max-width: 991px) {
/* inner-page-banner */
.inner-page-banner .delivery-boy{margin-top: 50px; text-align: center;}
/* Demand Section */
.milk-sponsor-group .milk-sponsor-item .title { font-size: var(--font-20); line-height: 26px; }
/* why-section */
.why-section-content{ flex-direction: column; align-items: center; padding: 40px 30px 0px; border-radius: 30px;}
.market-cap { gap: 20px 30px; margin: 30px 0px 40px; }
.market-cap-item .market-size { font-size: 30px; line-height: 1; }
.market-cap-item .market-size span { font-size: var(--font-16); line-height: 20px; }
/* Solution Section */
.solution-section .ai-image{ margin: 0px auto 30px; max-width: 500px; }
/* Delivery Service */
.delivery-service-tabs h3 {font-size: 14px; line-height: 22px;}
/* Story Section */
.delivery-content { padding: 10px 30px 30px 30px; }
.story-list { margin: 24px 0px 20px; }
/* Cta Section */
.cta-clip-outer .cta-clip-left h2 { font-size: 22px; line-height: 34px; }
.cta-clip-left { padding: 50px 20px; }
/* Ordring Section */
.order-grid {grid-template-columns: 1fr 1fr;}
.order-item {padding: 30px 30px 0px; border-radius: 20px;}
/* How Dose Section */
.how-dose-section .how-dose-image {margin: 40px auto 0px; padding-inline: 120px;}
/* Features Section */
.features-section .panel-img { width: fit-content; margin-inline: auto; margin-bottom: 20px; }
.story-list { margin: 24px 0px 20px; }
/* Vision Section */
.client-satisafctions{ flex-direction: row; margin: 10px auto; max-width: 450px;}
/* Other Service */
.development-group { grid-template-columns: repeat(3, 1fr); }
}
@media only screen and (max-width: 767px) {
/* why-section */
.market-cap { margin: 20px 0px 30px; }
.market-cap-item { gap: 15px; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
/* Delivery Service */
.delivery-service-tabs {display: none;}
.delivery-service .tab-content>.tab-pane {opacity: 1; visibility: visible; display: block;}
.delivery-service-content {display: flex; flex-direction: column-reverse; border-radius: 0px;}
.delivery-service .tab-content>.tab-pane:not(:last-child) .delivery-service-content {border-bottom: 1px solid #e9e9e9;}
.delivery-service-content .right-side {width: 100%;}
.delivery-service-content h3 {margin-bottom: 15px;}
/*FAQ sec*/
.technologies-faq .accordion-button {padding: 15px 20px;font-size: 18px;}
/* Other Service */
.development-group { grid-template-columns: repeat(2, 1fr); }
/* cuide-development-main-sec */
.cuide-development-main-sec .list-group { display: none;}
}
@media only screen and (max-width: 675px) {
.inner-subtitle { letter-spacing: 2.66px;}
/* Rating Section */
.rating-section .section-inner-head h2 { margin-bottom: 0px; }
.ratings-group{ flex-direction: column; }
.goodfirms-rating{ border-left-width: 0px; border-right-width: 0px; border-top-width: 1px; border-bottom-width: 1px; display: flex; flex-direction: column; align-items: center; justify-content: start; }
.rating-item, .ratings-group .clutch-img{ width: 100%; max-width: 100%; justify-content: center; }
.rating-card-group { grid-template-columns: repeat(1, 1fr); margin-top: 20px;}
.rating-item.clutch-img iframe{ width: 194px;}
/* why-section */
.market-cap{ flex-direction: column; }
.market-cap-item:not(:last-child) {padding-bottom: 20px; border-bottom: 1px solid var(--border-color); }
/* Contact Section */
.contact-card-group{padding: 30px;}
.contact-card-left {gap: 24px;}
.contact-card-social-group{gap: 20px;}
.contact-ratings-group{flex-direction: column; align-items: start;}
.contact-ratings-group .clutch-img {padding: 0px 0px 20px; width: 100%; border-right: none; border-bottom: 1px solid #FFFFFF33; margin: 0px 0px 20px;}
.contact-card-right .email-box{top: -40px; max-width: 110px;}
}
@media screen and (max-width: 576px) {
/* inner-page-banner */
.inner-page-banner {background-image: none; background-color: var(--color-black);}
/* Rating Group */
.rating-group li{ padding: 10px; }
.rating-group .rating-count { font-size: var(--font-16); }
.rating-group .review-title { font-size: 11px; line-height: 14px; margin: 6px 0px 10px; }
.rating-group .rating-logo img{ max-height: 20px; }
/* Demand Section */
.banner-wrapper-img {padding-inline: 0px;}
.banner-wrapper-img .banner-box {padding: 8px; min-width: 100px; gap: 5px;}
.banner-wrapper-img .banner-box img {height: 20px; max-width: 80px;}
.banner-wrapper-img .banner-box .box-title {font-size: 12px;}
.banner-wrapper-img .box-1 {left: 0px;}
.banner-wrapper-img .box-2 {left: -10px;}
/* How Dose Section */
.how-dose-section .how-dose-image {max-width: 400px; padding-inline: 80px;}
.how-dose-section .how-dose-image .animation-bg {width: 280px; height: 280px;}
/* Ordring Section */
.order-grid {grid-template-columns: 1fr;}
/* Delivery Service */
.delivery-service-content {padding: 24px;}
.delivery-service-content .right-side {border-radius: 8px;}
.delivery-service-content h3 {margin-bottom: 15px;}
/* Build Seciton */
.feature-box-group{grid-template-columns: 1fr;}
.feature-box{border-radius: 0px;}
.feature-box .feature-img{border-radius: 24px; overflow: hidden;}
.feature-box .hoverview{padding: 20px 0px 0px; height: unset; position: unset; color: var(--color-black);}
.feature-box .title{color: var(--color-black);}
.feature-box:not(:hover) .hoverview p {opacity: 1; visibility: visible; height: auto; position: unset; margin: 0px !important; padding: 0px;}
/* Features Section */
.features-section .panel-img .animated-img { max-width: 100px; top: -50px; left: -10px; }
/* Vision Section */
.client-satisafctions{ flex-direction: column;}
.awards-grid{ grid-template-columns: 1fr;}
/* Other Service */
.development-group { grid-template-columns: repeat(1, 1fr); gap: 20px; }
.row-gap {row-gap: 20px};
/* Contact Section */
.contact-card-left .sub-heading-tag{font-size: 12px; line-height: 18px;}
.contact-card-right{padding: 20px;}
.contact-card-right h3{margin-bottom: 20px;}
.contact-card-right ul{font-size: 14px; line-height: 24px; gap: 8px; margin-bottom: 30px;}
.contact-card-right ul li::before{width: 20px; height: 20px; margin-top: 2px;}
.contact-card-right .btn-group{gap: 10px;}
}
@media only screen and (max-width: 480px) {
.cta-btn.rounded-btn,.header-main .button-group .cta-btn{ padding-inline: 20px; font-size: 14px; }
.rounded-btn span.green-icon { display: none; }
/* Story Section */
.interfaceslider .swiper-slide img { border-radius: 30px;}
/* Contact Section */
.contact-card-right .email-box{max-width: 80px;}
}
@media only screen and (max-width: 375px) {
/* How Dose Section */
.how-dose-section .how-dose-image {padding-inline: 50px;}
.how-dose-section .how-dose-image .animation-bg {width: 240px; height: 240px;}
/* Story Section */
.interfaceslider .swiper-slide img { border-radius: 25px; }
}