/* @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 : #41150F; --dark-blue: #022468; --color-black : #191919; --light-bg-color : #F8F7F3;}
.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;}
/* 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/alcohol-delivery/alcohol-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(89.85deg, rgba(7, 21, 48, 0.0492) 38.2%, rgba(0, 30, 51, 0.82) 81.2%); content: ""; position: absolute; transform: rotate(-180deg); width: 100%; height: 100%; left: 0; top: 0;} */
/* .inner-page-banner .delivery-boy {} */
.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;}
/* 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%;}
/* 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 40px;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: 44px; line-height: 53px;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: 38px;}
.market-cap-item .market-cap-title {font-weight: var(--fw-500);font-size: var(--font-18);line-height: 27px;letter-spacing: 0px;}
/* Why Should Section */
.liquor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.liquor-grid-item {padding: 30px; border-radius: 8px; border: 1px solid var(--light-bg-color); box-shadow: 10px 13px 40px 0px #C5BFA740;}
.liquor-grid-item .liquor-header {display: flex; align-items: center; gap: 10px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #EAECF5;}
.liquor-grid-item .liquor-header h3 {margin: 0px auto 0px 0px; font-size: var(--font-18); line-height: 27px; font-weight: 700; color: var(--color-black); display: flex; flex-direction: column;}
.liquor-grid-item .liquor-header .icon {width: 50px;}
/* Business Model Section */
.counter-grid {display: flex; gap: 40px;}
.counter-grid .saprater {width: 23px; border-left: 1px solid #FDCD56; background: linear-gradient(90deg, #F5F3EB 0%, #F8F7F3 100%);}
.counter-grid-item {max-width: 134px;}
.counter-total {font-size: 60px; line-height: 1; font-weight: 700; color: var(--color-orange); margin-bottom: 7px;}
.counter-title {font-size: 18px; line-height: 27px; font-weight: 500; color: #000;}
.liquor-card-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background-color: #CECECD; box-shadow: 10px 13px 40px 0px #C5BFA740; border-radius: 8px; overflow: hidden;}
.liquor-card-item{background-color: var(--color-white);}
.liquor-card-img {overflow: hidden; height: 252px;}
.liquor-card-img img{width: 100%; height: 100%; object-fit: cover; transition: all ease-in-out 0.3s;}
.liquor-card-item:hover .liquor-card-img img{transform: scale(1.1);}
.liquor-card-content {padding: 30px;}
.liquor-card-title { font-weight: 700; font-size: 18px; line-height: 27px; color: var(--color-black); margin-bottom: 11px;}
/* Next-Gen Features */
.ai-service-section .section-inner-head{max-width: 1024px; margin-inline: auto; text-align: center;}
.ai-service-group {display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.ai-service-group .ai-service-item {border-radius: 10px; padding: 30px; background-color: var(--light-bg-color);}
.ai-service-group .ai-service-item .icon {max-width:68px; margin-bottom: 20px;}
.ai-service-group .ai-service-item .icon img {width: 100%; height: 100%; object-fit: contain;}
.ai-service-group .ai-service-item h3 {margin-bottom: 10px; color: #191919;}
/* 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; gap: 20px; font-weight: 500; background-color: var(--color-white); padding: 7px 10px 7px 20px; 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;}
/* Demand Section */
.demand-section .section-inner-head p{ margin-bottom: 12px;}
.demand-content { display: flex; gap: 30px; align-items: center;}
.demand-content .section-inner-head { width: 65%; display: flex; flex-direction: column;}
.demand-content h2 { margin-bottom: 20px;}
.banner-wrapper-block {padding: 50px 30px;background-color: var(--deep-blue) ;border-radius: 20px; box-shadow: 2px 0px 40px 0px #00000033; width: 35%; background-image: url(../images/new-milk-sponsor-app/form-abstrect.png); background-repeat: no-repeat; background-position: top right;}
.banner-wrapper-block .banner-wrapper-img {display: flex;flex-wrap: wrap;align-items: center;margin: 0 0 30px;}
.banner-wrapper-block .banner-wrapper-img img{width: 100%;height: 100%;object-fit: cover;}
.banner-wrapper-block .banner-wrapper-img .wrapperimg {width: 129px;height: 129px;border-radius: 50%;border: solid 4px #F7F0E5;overflow: hidden;}
.banner-wrapper-block .banner-wrapper-img .banner-wrapper-box {width: 100%;padding-left: 0px;}
.banner-wrapper-block .banner-wrapper-img .banner-wrapper-box .wrapper-title {font-size: 25px;line-height: 31px;font-weight: 700;margin: 0 0 3px; }
.banner-wrapper-block .banner-wrapper-img .banner-wrapper-box .wrapper-title, .banner-wrapper-block .banner-wrapper-img .banner-wrapper-box p{color: var(--color-white);}
.banner-wrapper-block form .form-group {margin-bottom: 20px;}
.banner-wrapper-block .form-control {background: linear-gradient(90.48deg, rgba(255, 255, 255, 0.1) 0.09%, rgba(255, 255, 255, 0.05) 101.29%); box-shadow: none !important; padding: 14px 15px; height: 48px;}
.banner-wrapper-block .form-control, .banner-wrapper-block .form-control::placeholder{color: var(--color-white) !important;}
.banner-wrapper-block .form-control:focus{background: linear-gradient(90.48deg, rgba(255, 255, 255, 0.1) 0.09%, rgba(255, 255, 255, 0.05) 101.29%); }
.form-group .common_error_message {bottom: unset;top: 100%; line-height: normal;}
#schedule_interview span.success_message, #schedule_interview span.error_message{ padding: 10px;border-radius: 4px;}
#schedule_interview span.success_message{ background: #e6fdf1;}
#schedule_interview span.error_message{ background: #ffe4e4;}
.banner-wrapper-block form .form-group textarea.form-control {min-height: 108px;resize: none;padding-top: 13px;}
.banner-wrapper-block form .form-group label {font-size: 16px;font-weight: 500;margin: 0 0 10px;line-height: normal; color: var(--color-white);}
.banner-wrapper-block form .form-footer {display: flex; gap: 20px; align-items: center;flex-wrap: wrap;}
.banner-wrapper-block form .form-footer .radio-list{margin-right: auto;}
.radio-list ul li input[type="checkbox"]:checked,
.radio-list ul li input[type="checkbox"]:not(:checked) {position: absolute;left: -9999px;}
.radio-list ul li input[type="checkbox"]:checked + label, .radio-list ul li input[type="checkbox"]:not(:checked) + label {position: relative;padding-left: 19px;cursor: pointer;display: inline-block;color: var(--color-white);line-height: normal;font-size: 14px;}
.radio-list ul li input[type="checkbox"]:checked + label:before, .radio-list ul li input[type="checkbox"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 3px;width: 12px;height: 12px;border: 1px solid var(--color-white);border-radius: 100%;background: var(--color-white);}
.radio-list ul li input[type="checkbox"]:checked + label:after, .radio-list ul li input[type="checkbox"]:not(:checked) + label:after {content: '';width: 10px;height: 10px;background: #02A738;position: absolute;top: 4px;left: 1px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.radio-list ul li input[type="checkbox"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.radio-list ul li input[type="checkbox"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.banner-wrapper-block form button.btn1 {box-shadow: 4px 0px 40px 0px #00000033; font-weight: 500; border-color: var(--color-white); background-color: var(--color-white); color: var(--dark-blue);}
.banner-wrapper-block form button.btn1 svg path {transition: var(--ease-in-out); fill: var(--dark-blue);}
.banner-wrapper-block form button.btn1:hover::after{background-color: var(--color-green);}
.banner-wrapper-block form button.btn1:hover{color: var(--color-white) !important;}
.banner-wrapper-block form button.btn1:hover svg path{fill: var(--color-white);}
.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(--deep-blue);}
.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;}
.milk-sponsor-group .milk-sponsor-item .milk-sponsor-logo img {max-height: 50px; object-fit: contain;}
/* Why Do You */
h2.mxwidthlimitation{max-width: 684px; margin-inline: auto;}
p.cntmaxwidth {
max-width: 1140px;
text-align: center;
margin: 0 auto;
}
.why-do-group {display: grid; grid-template-columns: 26.6% 46.8% 26.6%;}
.why-do-group .app-img{padding-inline: 60px; display: flex; align-items: center; justify-content: center;}
.why-card-group {display: flex; flex-direction: column; justify-content: space-between; gap: 20px;}
.why-card-item {position: relative; height: 200px; padding: 30px; overflow: hidden; transition: all ease-in-out 0.3s; border: 1px solid var(--light-bg-color); border-radius: 8px; background-color: var(--color-white); display: flex; flex-direction: column; justify-content: center; gap: 10px;}
.why-card-item::before{content: ''; width: 84px; height: 84px; background: url(../images/alcohol-delivery/boat.png) no-repeat center; background-size: cover; position: absolute; top: 0px; right: 0px; transition: all ease-in-out 0.2s; opacity: 0; visibility: hidden;}
.why-card-item *{margin: 0px;}
.why-card-item .icon img{height: 40px;}
.why-card-item .title {font-size: 18px; line-height: 27px; color: var(--color-black); font-weight: 700;}
.why-card-item .description { font-size: 16px; line-height: 24px; color: var(--color-black); font-weight: 400; opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.4s ease; /* sirf opacity */}
.why-card-item:hover .description { opacity: 1; max-height: 200px; transition: opacity 0.4s ease, max-height 0.4s ease;}
.why-card-item .icon{ transition: opacity 0.3s ease, max-height 0.3s ease;}
.why-card-item:hover .icon{opacity: 0; max-height: 0px; position: absolute; }
.why-card-item:hover {box-shadow: 0px 4px 15px 0px #2D2C261A; background-color: var(--light-bg-color); border-color: var(--color-white);}
.why-card-item:hover:before{opacity: 1; visibility: visible;}
/* Development Process Section */
.process-section .section-inner-head {padding: 0px 0px 60px; background-color: var(--light-bg-color); position: relative; z-index: 2; margin-bottom: -100px;}
.process-section .section-inner-head h2{max-width: 503px; margin: 0px;}
/* .process-slider { overflow: hidden; padding-top: 150px; margin-top: -150px; border-radius: 20px;}
.process-slider .process-slide-item .slide-img { margin-top: -130px;}
.process-slider-inner {overflow: unset; padding: 45px 78px 45px 40px; box-shadow: 4px 8px 40px 0px #7272721A; background-color: var(--color-white); border-radius: 20px; }
.process-slider .process-slide-item {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.process-slider .process-slide-item .content {display: flex; flex-direction: column; gap: 20px;}
.process-slider .process-slide-item .content>*{margin: 0px;}
.process-slider .process-slide-item .title {color: var(--color-black); font-size: 24px; line-height: 32px;}
.process-slider .process-slide-item ul {list-style: none; display: flex; flex-direction: column; gap: 2px; margin: 0px; padding: 0px;}
.process-slider .process-slide-item ul li{position: relative; display: flex; gap: 8px;}
.process-slider .process-slide-item ul li::before{content: ''; margin-top: 5px; width: 18px; height: 18px; flex: 0 0 auto; background: url('data:image/svg+xml,') no-repeat center; background-size: 100%;}
.process-slider .process-slide-item .count {color: #CECECD; font-size: 55px; line-height: 1; font-weight: 700;}
.process-slider .process-slide-item .slide-img {border-radius: 20px; border: 1px solid var(--color-white); position: relative; box-shadow: 8px 8px 0px 0px #EDEBE5;}
.process-slider .process-slide-item .slide-img::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: 4px 4px 20px 0px #00000026; border-radius: 20px;}
.process-slider .process-slide-item .slide-img img{width: 100%; height: 100%; border-radius: 20px; object-fit: cover;}
.slide-dot-group {margin: 0; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); right: 40px; display: flex; flex-direction: column; gap: 8px;}
.slide-dot-group li{width: 8px; height: 9px; border-radius: 16px; background-color: var(--light-bg-color); cursor: pointer;}
.slide-dot-group li.active{height: 16px; background-color: var(--color-green);}
*/
.process-slide-item .slide-img { margin-top: -130px;}
.process-slider-inner {overflow: unset; padding: 45px 78px 45px 40px; box-shadow: 4px 8px 40px 0px #7272721A; background-color: var(--color-white); border-radius: 20px; }
.process-slide-item {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.process-slide-item .content {display: flex; flex-direction: column; gap: 20px;}
.process-slide-item .content>*{margin: 0px;}
.process-slide-item .title {color: var(--color-black); font-size: 24px; line-height: 32px;}
.process-slide-item ul {list-style: none; display: flex; flex-direction: column; gap: 2px; margin: 0px; padding: 0px;}
.process-slide-item ul li{position: relative; display: flex; gap: 8px;}
.process-slide-item ul li::before{content: ''; margin-top: 5px; width: 18px; height: 18px; flex: 0 0 auto; background: url('data:image/svg+xml,') no-repeat center; background-size: 100%;}
.process-slide-item .count {color: #CECECD; font-size: 55px; line-height: 1; font-weight: 700;}
.process-slide-item .slide-img {border-radius: 20px; border: 1px solid var(--color-white); position: relative; box-shadow: 8px 8px 0px 0px #EDEBE5;}
.process-slide-item .slide-img::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: 4px 4px 20px 0px #00000026; border-radius: 20px;}
.process-slide-item .slide-img img{width: 100%; height: 100%; border-radius: 20px; object-fit: cover;}
.slide-dot-group {margin: 0; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); right: 40px; display: flex; flex-direction: column; gap: 8px; transition: all ease-in-out 0.2s;}
.slide-dot-group li{width: 8px; height: 9px; border-radius: 16px; background-color: #CECECD; cursor: pointer;}
.slide-dot-group li.carousel__nav__item--active{height: 16px; background-color: var(--color-green);}
.slide-dot-group li:not(.carousel__nav__item--active):hover{box-shadow: rgb(3 168 78) 0px 0px 16px;}
.our-work {
height: 100vh;
}
.our-work {
display: flex;
align-items: center;
background-color: var(--light-bg-color);
background-position: center;
background-size: cover;
position: relative;
overflow: hidden;
}
.carousel__slider {
position: relative;
width: 100%;
min-height: 420px;
}
.carousel__item {
width: 100%;
min-height: 420px;
position: absolute;
top: 0%;
opacity: 0;
}
/* CTA 1 */
.cta-bg {background: url(../images/alcohol-delivery/cta-1-bg.webp); position: relative; border-radius: 20px; display: flex; overflow: hidden; padding: 40px 104px 0px 60px;color: #fff;background-repeat: no-repeat;background-position: center; background-size: cover;}
.cta-bg::before{content: ''; width: 100%; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: #141212e6;}
.cta-bg>div{position: relative;}
.cta-bg .cta-text {width: calc(100% - 381px); padding: 20px 30px 60px 0px; align-self: center; }
.cta-bg .cta-img {align-self: flex-end;}
.cta-bg h2 {margin: 0 0 20px;text-transform: inherit; color: var(--color-white);}
.cta-bg p {margin: 0 0 30px;}
.cta-bg h2 b{text-transform: capitalize;}
/* App Cost Section*/
.app-cost-section .section-inner-head {max-width: 994px; margin-inline: auto; text-align: center;}
.app-cost-group {display: grid; grid-template-columns: 41.5% 58.5%; gap: 30px;}
.app-cost-group .left-side {display: flex; flex-direction: column; gap: 10px;}
.app-cost-item , .app-cost-group .right-side{border-radius: 20px; border: 1px solid var(--light-bg-color); box-shadow: 4px 8px 40px 0px #7272721A; background-color: var(--color-white); position: relative;}
.app-cost-item {display: flex; align-items: center; gap: 20px; cursor: pointer;}
.app-cost-item {padding: 16px 20px; border-radius: 20px; border: 1px solid var(--light-bg-color); box-shadow: 4px 8px 40px 0px #7272721A; background-color: var(--color-white); display: flex; align-items: center; gap: 20px; position: relative;}
.app-cost-item input{width: 0px; height: 0px; padding: 0px; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0;}
.app-cost-item::before{content: ''; flex: 0 0 auto; width: 24px; height: 24px; background-image: url(../images/milk-delivery/radio-no-check.svg); background-position: center; background-repeat: no-repeat; background-size: 100%;}
.app-cost-item:has(input:checked)::before {background-image: url(../images/milk-delivery/radio-check.svg);}
.app-cost-item h4{font-size: 18px; line-height: 27px; margin: 0px;}
.app-cost-item .cost-content{margin-right: auto; flex: 1 1 0;}
.app-cost-item .cost-content h4{margin: 0px 0px 4px;}
.app-cost-item .cost-content p{font-size: 16px; line-height: 24px;}
.app-cost-item.active::after, .app-cost-group .right-side::after{content: ''; position: absolute; left: 0; width: 3px; border-radius: 8px; background-color: #A8E6CF;}
.app-cost-item.active::after{top: 50%; transform: translateY(-50%); height: 36px;}
.app-cost-group .right-side::after{top: 35px; height: 50px;}
.app-cost-group .right-side{padding: 40px; background-image: url(../images/milk-delivery/cost-group-abstrect.png); background-repeat: no-repeat; background-position: center right; background-size: cover;}
.app-item-content h3 {color: var(--color-black); margin-bottom: 20px;}
.app-item-content h4 {margin: 10px 0px 20px; font-weight: 500;}
.app-item-content ul {list-style: none; display: flex; flex-direction: column; gap: 6px; margin: 0px; padding: 0px;}
.app-item-content ul li{position: relative; display: flex; gap: 8px;}
.app-item-content ul li::before{content: ''; margin-top: 5px; width: 18px; height: 18px; flex: 0 0 auto; background: url('data:image/svg+xml,') no-repeat center; background-size: 100%;}
.app-item-content:not(.active){display: none;}
/* Development Process Section */
.process-section{background-color: var(--light-bg-color);}
/* cuide-development-sec */
.hiring-developer-outer {display: flex;background-color: var(--light-bg-color);border-radius: 10px;overflow: hidden;}
.hiring-developer-outer .hiring-developer-img {width: 631px;}
.hiring-developer-outer .hiring-developer-text {width: calc(100% - 631px);align-self: center;padding: 85px 41px 85px 55px;}
.hiring-developer-outer .hiring-developer-text h2 {text-transform: capitalize;margin: 0 0 30px; font-weight: 500;}
.hiring-developer-outer .hiring-developer-text h2 span {color: var(--color-green);font-weight: var(--fw-700); font-style: italic;}
.cuide-development-main-sec {padding-bottom: 45px;}
.cuide-development-main-sec .section-inner-head {margin: 0 0 60px;}
.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;}
.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(--color-green);background-color: var(--light-bg-color);color: var(--color-green);}
.development-link-text h3 {color: var(--color-black);font-weight: var(--fw-500);margin: 0 0 30px;}
.development-link-text img {margin: 0 0 30px;}
.development-link-text:not(:last-child) {border-bottom: solid 1px #DEE6EE;padding: 0 0 40px;margin: 0 0 40px;}
/* Features Section */
.features-section .section-inner-head { max-width: 994px; 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 #EAECF5; border-radius: 9px; background: #F5F5F5;}
/* 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: #EAECF5;}
.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*/
.technologies-faq .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 .frequently-asked-questions .accordion-item button{background-color: transparent;}
.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 #EAECF5;}
.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;}
/* 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;}
.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);}
/* 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;}
/* 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);}
/* Pricing Section */
.pricing-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.pricing-item{padding: 30px; border-radius: 40px; overflow: hidden; border: 1px solid var(--color-white); display: flex; flex-direction: column; gap: 79px; position: relative;}
.pricing-item::before{content: ''; width: 86px; height: 86px; border-radius: 50%; background-color: #02a73829; backdrop-filter: blur(114.5px); position: absolute; bottom: 40px; right: 40px; z-index: 0; opacity: 0; visibility: hidden; transition: all ease-in-out 0.3s;}
.pricing-item::after{content: ''; width: 100%; height: 100%; background: #CFCFCF0F; backdrop-filter: blur(11px); position: absolute; bottom: 0; right: 0; z-index: 1;}
.pricing-item>div{position: relative; z-index: 2;}
.pricing-item .pricing-icon {width: 80px; height: 80px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0px 4px 15px 0px #2D2C261A; background-color: var(--color-white);}
.pricing-item .pricing-title{margin-bottom: 15px; color: var(--color-black);}
.pricing-item:hover:before{opacity: 1; visibility: visible;}
/*contact-sec*/
.contact-sec { padding: 120px 0 0; background: var(--color-white);}
.contact-sec .section-inner-head h2 { margin: 0 0 7px; font-style: normal; font-weight: var(--fw-500);}
.contact-sec .section-inner-head .inner-subtitle { margin: 0; font-weight: var(--fw-500); font-style: normal;}
.contact-sec .section-inner-head { margin: 48px 0 60px;}
.contact-sec-inner { padding: 60px 0 120px; background: url(../images/home/contact-bg.svg), linear-gradient(180deg, #112c63 0%, #142547 100%); background-repeat: no-repeat; background-position: center; background-size: cover;}
.contact-grid { display: flex;}
.contact-grid .contact-left { width: calc(100% - 660px); padding-right: 30px; position: relative;}
.contact-seprator { position: absolute; right: 54px; height: 100%; display: flex; align-items: center; color: #294a8c; font-size: 14px; text-transform: uppercase; font-weight: 500;}
.contact-seprator:after,
.contact-seprator:before { height: calc(50% - 20px); top: 0; position: absolute; width: 1px; content: ""; background: #294a8c; left: 8px;}
.contact-seprator:before { top: auto; bottom: 0;}
.contact-details { max-width: 577px;}
.contact-details .teamblockftr { padding: 20px 27px; background: rgb(255 255 255 / 6%); border-radius: 10px; display: flex; align-items: center; backdrop-filter: blur(80px);}
.contact-details .teamblockftr .contact-data-inner { padding-left: 17px; font-size: var(--font-20); word-break: break-word; font-weight: var(--fw-500); color: var(--color-white);}
.contact-data-inner p { text-transform: uppercase; margin-bottom: 3px; color: #fdcd56; letter-spacing: 3px; font-size: 14px; font-weight: var(--fw-400); line-height: 20px;}
.contact-details .teamblockftr:not(:last-child) { margin: 0 0 20px;}
.contact-get-outer { max-width: 577px; display: flex; gap: 28px; margin: 40px 0 0; width: 100%; color: var(--color-white);}
.contact-get-outer h3 { font-size: 25px; line-height: 1; margin: 0 0 18px;}
.contact-get-left ul li { position: relative; padding-left: 31px; line-height: 30px; font-size: 18px; font-weight: 400;}
.contact-get-left ul li:not(:last-child) { margin: 0 0 10px;}
.contact-get-left ul li:before { content: ""; position: absolute; left: 0; background: url('data:image/svg+xml,'); width: 16px; height: 16px; background-size: contain; background-position: center; background-repeat: no-repeat; top: 8px;}
.contact-get-right { width: calc(50% - 20px);}
.contact-get-right .contact-get-col { display: flex; padding: 12px 40px; background: linear-gradient(90deg,hsl(0deg 0% 100% / 8%), hsl(0deg 0% 100% / 1%) ); align-items: center; gap: 13px; backdrop-filter: blur(80px); border-radius: 50px;}
.contact-get-right .contact-get-col:not(:last-child) { margin: 0 0 13px;}
.contact-get-right .contact-get-col .contact-get-text { font-size: 20px; font-weight: 700;}
.contact-get-right .contact-get-col .contact-get-text span { display: block; font-size: 16px; line-height: normal; font-weight: 400;}
.contact-form-home { padding: 40px 30px; background: var(--color-white); border-radius: 10px; width: 660px; margin-top: -255px; box-shadow: 21px 15px 41px hsl(208.89deg 49.69% 31.96% / 17%);}
.contact-form-head { margin: 0 0 30px;}
.contact-form-home form .form-group { margin-bottom: 24px;}
.form-group select.form-control { padding: 15px; cursor: pointer; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center right 20px;}
.form-group { position: relative;}
.form-icon { position: absolute; top: 0; left: 0; height: 19px; width: 19px;}
.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;}
.contact-form-home .button-group button { max-width: 193px; width: 100%;}
.contact-form-home form .form-group textarea.form-control { min-height: 133px; resize: none; padding-top: 5px;}
.enter-value { display: flex;}
.enter-value span { font-size: 16px; margin-right: 20px; white-space: nowrap; line-height: 16px; display: block; color: #000000; padding-top: 22px;}
.filelabel { max-width: 281px; border: 1px dashed #fdcd56; border-radius: 5px; display: block; padding: 18px 23px; transition: border 300ms ease; cursor: pointer; text-align: left; margin: 0; line-height: normal; color: #000000 !important; font-size: 14px; display: flex; align-items: center; gap: 8px; background: rgb(253 205 86 / 8%);}
.filelabel svg path { stroke: #000;}
.filelabel .title { color: #000000; transition: 200ms color;}
.filelabel:hover { border: 1px dashed var(--color-green);}
.filelabel:hover .title { color: #000;}
#FileInput { display: none;}
.radio-list p { font-size: 14px; line-height: normal; margin: 0 0 13px;}
.button-group .btn { display: flex; align-items: center; gap: 20px;}
.contact-form-home .button-group .btn { background: var(--color-white); border-color: var(--color-white);}
.radio-list ul li:not(:last-child) { margin-bottom: 10px;}
.radio-list ul li { line-height: 19px; display: flex;}
.radio-list ul li input[type="radio"]:checked,
.radio-list ul li input[type="radio"]:not(:checked) { position: absolute; left: -9999px;}
.radio-list ul li input[type="radio"]:checked + label,
.radio-list ul li input[type="radio"]:not(:checked) + label { position: relative; padding-left: 19px; cursor: pointer; display: inline-block; color: #000; line-height: normal; font-size: 14px;}
.radio-list ul li input[type="radio"]:checked + label:before,
.radio-list ul li input[type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 3px; width: 12px; height: 12px; border: 1px solid #000; border-radius: 100%; background: #000;}
.radio-list ul li input[type="radio"]:checked + label:after,
.radio-list ul li input[type="radio"]:not(:checked) + label:after { content: ""; width: 10px; height: 10px; background: #02a738; position: absolute; top: 4px; left: 1px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.radio-list ul li input[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.radio-list ul li input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
/*Responsive CSS*/
@media screen and (min-width: 1441.98px) {
.btn1{padding-block: 15px;}
/* Demand Section */
/* .demand-content .listing li{ font-size: 18px; line-height: 27px; } */
/* Features Section */
.features-section .story-list{ gap: 16px; }
.features-section .story-list li { font-size: var(--font-18); line-height: 27px; padding: 8px 16px; }
/* Why Do You */
.why-card-item {height: 179px;}
/* CTA 1 */
.cta-bg h2 {font-size: 30px;line-height: 48px;}
/* contact-sec */
.contact-sec .section-inner-head .inner-subtitle { font-size: 20px; line-height: 29px; letter-spacing: 3.6px; };}
@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;}
/* Rating Group */
.rating-group{ margin-top: 12px; }
/* */
.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;}
/* Demand Section */
.banner-wrapper-block .form-control {height: 46px;padding: 13px 15px;font-size: 14px;}
.banner-wrapper-block form .form-group label {font-size: 14px;margin: 0 0 5px;}
.banner-wrapper-block form .form-group {margin-bottom: 15px;}
.banner-wrapper-block .banner-wrapper-img {margin: 0 0 15px;}
.banner-wrapper-block .banner-wrapper-img .banner-wrapper-box .wrapper-title {font-size: 20px;line-height: 26px;}
.banner-wrapper-block .banner-wrapper-img .banner-wrapper-box p {line-height: 24px;}
/* Why Do You */
.why-do-group {display: grid; grid-template-columns: 28% 44% 28%;}
.why-do-group .app-img{padding-inline: 30px;}
/* Build Section */
.build-section .yellow-btn-icon{margin-top: 40px;}
/* CTA 1 */
.cta-bg {padding: 30px 50px 0px 50px;}
.cta-bg .cta-text {padding-bottom: 50px;}
/* Development Process Section */
.process-section .section-inner-head {padding: 0px 0px 40px;}
/* Pricing Section */
.pricing-grid{grid-template-columns: repeat(2, 1fr);}
/* 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;}
.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 #DEE6EE; 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 a { color: var(--color-orange); text-decoration: underline;}
/* 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;}
/* Service Section */
.home-services-inners { top: 10vw;}
.our-services-m { margin-bottom: 80px;}
.services-title { margin-top: -40px;}
/* Rating Section */
.rating-section{ padding-bottom: 50px; }
.rating-card-group { margin-top: 40px; }
.rating-card-footer img { height: 25px; object-fit: contain; }
/* contact-sec */
.contact-sec-inner { padding: 40px 0 80px;}
.contact-sec .section-inner-head { margin: 28px 0 30px;}
.contact-get-outer { gap: 20px; margin: 30px 0 0; max-width: 447px;}
.contact-details { max-width: 447px;}
.contact-seprator { right: 5px;}
.contact-grid .contact-left { width: calc(100% - 560px);}
.contact-form-home { padding: 30px 20px; width: 560px; margin-top: -205px;}
.contact-get-left ul li { padding-left: 26px; line-height: 26px; font-size: 16px;}
.contact-get-left ul li:before { top: 5px;}
.contact-get-right .contact-get-col { padding: 10px 30px;}
.contact-get-outer h3 { font-size: 18px; margin: 0 0 10px;}
.contact-get-right .contact-get-col:not(:last-child) { margin: 0 0 10px;}
.contact-form-home form .form-group { margin-bottom: 20px;}
.form-control { padding: 16px 15px; font-size: 14px; height: 50px;}
.contact-details .teamblockftr:not(:last-child) { margin: 0 0 15px;}
.contact-details .teamblockftr { padding: 15px 20px;}
.radio-list ul li:not(:last-child) { margin-bottom: 5px;}
.contact-form-head { margin: 0 0 20px;}
.contact-form-head p { line-height: 24px;}
.contact-data-inner p { margin-bottom: 2px; letter-spacing: 2px; font-size: 12px; line-height: 18px;}
.contact-get-right .contact-get-col .contact-get-text { font-size: 18px;}
.contact-get-right .contact-get-col .contact-get-text span { font-size: 14px;}
.radio-list ul li { line-height: 15px;}
.contact-form-head h2 { line-height: normal;}
.contact-form-home form .form-group textarea.form-control { min-height: 93px;}
.filelabel { padding: 15px 20px;}
.enter-value span { font-size: 14px; margin-right: 10px; line-height: 16px; padding-top: 16px;}
.contact-seprator { right: 62px;}
}
@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; };}
@media only screen and (min-width: 1200px) { h3 { font-size: var(--font-24); line-height: 32px; }}
@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;}
.contact-seprator { display: none;}
.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;}
/* why-section */
.why-section-content{padding: 60px 17px 0px 60px;}
.market-cap-item .market-size{ font-size: 38px; line-height: 50px;}
.market-cap-item .market-size span { font-size: var(--font-20); }
.market-cap-item .market-cap-title { font-size: var(--font-16); }
/* inner-page-banner */
.inner-page-banner{background-image: url(../images/milk-delivery/milk-bg.webp); background-position: center bottom;}
/* Demand Section */
.demand-content .section-inner-head{width: 60%;}
.banner-wrapper-block {padding: 30px 25px; width: 40%;}
/* Why Do You */
.why-card-item {padding: 20px !important;}
/* Business Model Section */
.counter-grid{gap: 24px;}
.counter-total{font-size: 50px; }
/* CTA 1 */
.cta-bg {padding: 10px 30px 0px 30px;}
.cta-bg .cta-text {padding: 20px 10px 30px 0px;}
/* Development Process Section */
.process-slider { padding-top: 100px; margin-top: -100px;}
.process-slider-inner{padding: 40px 60px 35px 40px;}
.slide-dot-group{right: 25px;}
/* Contact Section */
.contact-card-group{padding: 50px; gap: 40px;}
/* Features Section */
.features-section .panel-img .animated-img { max-width: 140px; }
/* Cuide Developmet Section */
.hiring-developer-outer .hiring-developer-img {width: 50%;}
.hiring-developer-outer .hiring-developer-img img {height: 100%;object-fit: cover;}
.hiring-developer-outer .hiring-developer-text {width: 50%;padding: 40px;}
/* 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); }
}
@media screen and (max-width: 1024px) {
/* why-section */
.market-cap {margin: 40px 0px 80px;}
/* Next-Gen Features */
.ai-service-group .ai-service-item h3{ font-size: 20px; line-height: 30px;}
/* Demand Section */
.demand-content { flex-direction: column; gap: 30px; }
.demand-content .section-inner-head, .banner-wrapper-block { width: 100%; }
/* Why Do You */
.why-do-group {grid-template-columns: 1fr 1fr; gap: 30px 20px;}
.why-do-group .app-img{grid-column: span 2; order: -1; padding: 0px;}
/* Why Should Section */
.liquor-grid {grid-template-columns: repeat(2, 1fr);}
/* Business Model Section */
.liquor-card-grid{grid-template-columns: 1fr 1fr;}
/* Contact Section */
.contact-card-group{padding: 50px; flex-direction: column;}
.contact-card-group>div{width: 100%;}
.contact-card-left {gap: 35px;}
}
@media screen and (min-width: 991.98px) {
/* .process-slider-inner {position: relative;}
.process-slide-item {position: sticky; top: 0; transition: opacity 0.3s ease, transform 0.3s ease;}
.process-slide-item:not(.active) .title, .process-slide-item:not(.active) .count, .process-slide-item:not(.active) .content p, .process-slide-item:not(.active) .slide-img,
.process-slide-item:not(.active) ul, .process-slide-item:not(.active) ul li::before{display: none;}
.process-slide-item.active + .process-slide-item ul{margin-top: -70px !important; max-height: 81px; display: flex;}
.process-slide-item.active .content{padding-bottom: 81px; }
.process-slide-item.active + .process-slide-item::before{content: ''; top: 100%; left: 0; height: 45px; width: 100%; background-color: var(--color-white); position: absolute; z-index: 1;}
.process-slide-item:not(.active) ul li:first-child{opacity: 0.4;}
.process-slide-item:not(.active) ul li:nth-of-type(2){opacity: 0.2;}
.process-slide-item:not(.active) ul li{opacity: 0.1;} */
}
@media only screen and (max-width: 991px) {
/* inner-page-banner */
.inner-page-banner .delivery-boy{margin-top: 50px; text-align: center;}
/* 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; }
/* Fitness Group */
.milk-sponsor-group .milk-sponsor-item .title { font-size: var(--font-20); line-height: 26px; }
/* Why Do You */
.why-card-item {height: 150px;}
/* Business Model Section */
.counter-grid{margin-top: 30px;}
/* CTA 1 */
.cta-bg {padding: 30px;}
.cta-bg .cta-text {padding:0px; width: 100%;}
.cta-bg .cta-img{display: none;}
/* Features Section */
.features-section .panel-img { width: fit-content; margin-inline: auto; margin-bottom: 20px; }
.story-list { margin: 24px 0px 20px; }
/* Development Process Section */
/* .process-slider { padding-top: 0; margin-top: 0;} */
.process-slider-inner{padding: 40px 45px 50px 35px;}
/* .slide-dot-group{display: none;} */
.process-slide-item{grid-template-columns: 1fr; gap: 30px;}
.process-slide-item .content{gap: 15px;}
.process-slide-item .slide-img{margin-top: 0px; max-height: 300px;}
.process-slide-item .content{ padding: 0px !important;}
.process-slide-item:not(:last-of-type){padding-bottom: 40px; margin-bottom: 30px; border-bottom: 1px solid var(--light-bg-color);}
/* App Cost Section*/
.app-cost-group {grid-template-columns: 1fr;}
/* Other Service */
.development-group { grid-template-columns: repeat(3, 1fr); }
/* contact-sec */
.contact-sec { padding: 80px 0 0;}
.contact-sec .section-inner-head { margin: 0 0 30px;}
.contact-grid { flex-wrap: wrap;}
.contact-details { max-width: 100%;}
.contact-get-outer { max-width: 100%; justify-content: space-between;}
.contact-grid .contact-left { width: 100%; padding-right: 0px; padding-bottom: 40px;}
.contact-form-home { padding: 30px; width: 100%; margin-top: 40px;}
.contact-seprator { display: flex; right: auto; bottom: 0; width: 100%; height: 1px; justify-content: center;}
.contact-seprator:after,
.contact-seprator:before { width: calc(50% - 20px); top: 50%; height: 1px; left: 0;}
.contact-seprator:before { right: 0; left: auto;}
.blog-card h3 { font-size: 18px; line-height: 28px; margin-top: 10px;}
.row-gap {row-gap: 25px};}
@media only screen and (max-width: 767px) {
/* Why Do You */
.why-do-group {grid-template-columns: 1fr; height: unset;}
.why-do-group .app-img{grid-column: span 1;}
.why-card-item .description{opacity: 1; visibility: visible; max-height: unset;}
.why-card-item .icon { opacity: 1 !important; max-height: unset !important; position: unset !important;}
/* 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; }
/* Fitness Group */
.milk-sponsor-group{ grid-template-columns: 1fr; }
/* Why Should Section */
.liquor-grid {grid-template-columns: repeat(1, 1fr);}
/* Next-Gen Features */
.ai-service-group{ grid-template-columns: 1fr;}
/* Development Process Section */
.process-slide-item .slide-img{display: none;}
/* Cuide Developmet Section */
.hiring-developer-outer .hiring-developer-img {width: 100%;}
.hiring-developer-outer{flex-wrap: wrap;}
.hiring-developer-outer .hiring-developer-text {width: 100%;padding: 20px;}
/* Other Service */
.development-group { grid-template-columns: repeat(2, 1fr); }
/*FAQ sec*/
.technologies-faq .frequently-asked-questions .accordion-item:not(:last-child) {margin-bottom: 15px;}
.technologies-faq .accordion-button {padding: 15px 20px;font-size: 18px;}
/* contact-sec */
.contact-sec .section-inner-head { margin: 0 0 30px;}
.contact-form-home .button-group button { margin: 25px 0 0;}
.cuide-development-main-sec .list-group { display: none;}
}
@media only screen and (max-width: 675px) {
.inner-subtitle { letter-spacing: 2.66px;}
/* why-section */
.market-cap{ flex-direction: column; }
.market-cap-item:not(:last-child) {padding-bottom: 20px; border-bottom: 1px solid var(--border-color); }
/* 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;}
/* 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;}
/* Pricing Section */
.pricing-grid{grid-template-columns: repeat(1, 1fr);}
.pricing-item{border-radius: 30px;}
/* contact */
.contact-get-outer { flex-wrap: wrap;}
.contact-get-right { width: 100%; display: flex; gap: 20px; flex-wrap: wrap;}
.contact-get-right .contact-get-col:not(:last-child) { margin: 0 0 0;}
.contact-get-right .contact-get-col { width: calc(50% - 10px);}
.contact-form-home { padding: 25px 15px;};}
@media screen and (max-width: 576px) {
/* Features Section */
.features-section .panel-img .animated-img { max-width: 100px; top: -50px; left: -10px; }
/* Business Model Section */
.liquor-card-content {padding: 24px;}
.liquor-card-grid{grid-template-columns: 1fr; gap: 10px;}
.counter-total{font-size: 30px;}
.counter-title {font-size: 14px; line-height: 20px;}
/* App Cost Section*/
.app-cost-item{ flex-direction: column; align-items: start; gap: 10px; padding: 16px 16px 16px 56px;}
.app-cost-item::before{position: absolute; top: 50%; transform: translateY(-50%); left: 16px;}
.app-cost-item .cost-content h4{margin: 0px;}
.app-cost-group .right-side{padding: 40px 30px;}
/* Development Process Section */
.process-slider-inner{padding: 30px 30px 40px 20px;}
.process-slide-item .title{font-size: 22px; line-height: 30px;}
.process-slide-item .count{font-size: 45px;}
/* 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;}
/* Other Service */
.development-group { grid-template-columns: repeat(1, 1fr); gap: 20px; }
.row-gap {row-gap: 20px};
}
@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; }
/* Contact Section */
.contact-card-right .email-box{max-width: 80px;}
/* contact */
.contact-data-inner p { display: none;}
.contact-details .teamblockftr .contact-icon img { max-width: 24px;}
.contact-details .teamblockftr .contact-data-inner { padding-left: 10px; font-size: 16px;}
.contact-get-right { flex-direction: column;}
.contact-get-right .contact-get-col { width: 100%;}
/* 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; }
}
@media only screen and (max-width: 375px) {
/* contact */
.contact-details .teamblockftr { padding: 15px; gap: 10px; flex-direction: column;}
.contact-details .teamblockftr .contact-data-inner { padding-left: 0;};}