/* @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;}
.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/flower-delivery/flowers-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, rgba(16, 68, 104, 0.82) 30.16%, rgba(16, 68, 104, 0.0492) 70.9%);  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%;}

/* why-section */
.why-section .section-inner-head h2{ text-align: center;}
.market-cap, .fitness-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 60px;}
.market-cap{ gap: 20px 60px; margin: 60px 0px;}
.market-cap-item { display: flex; align-items: center; justify-content: center; gap: 30px; position: relative; padding: 20px;}
.market-cap-item:not(:first-child)::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 4px; height: 66px; left: -28px; background: radial-gradient(50.02% 50.02% at 50.03% 49.98%, #E4E4E4 13.46%, var(--color-white) 100%);}
.market-cap-item .icon, .market-cap-item .icon img { position: relative;}
.market-cap-item .icon { width: 50px;}
.market-cap-item .icon::before { content: ''; width: 28px; height: 28px; background-color: var(--color-orange); position: absolute; border-radius: 50%; bottom: -4px; right: -8px;}
.market-cap-item .market-size{ font-weight: var(--fw-700); font-size: 44px; line-height: 100%; text-transform: uppercase; margin-bottom: 8px;}
.market-cap-item .market-size span { font-weight: var(--fw-500); font-size: var(--font-24);}
.market-cap-item .market-cap-title { font-weight: var(--fw-500); font-size: var(--font-20); line-height: 100%; letter-spacing: 0px;}

/* Fitness Group */
.fitness-group{ gap: 34px;}
.fitness-group .fitness-item{ padding: 30px; border: 1px solid #F5F5F5; box-shadow: 0px 0px 10px 0px #A7A7A726; border-radius: 10px; position: relative; z-index: 1;}
.fitness-group .fitness-item, .fitness-group .fitness-item::before{ transition: all ease-in-out 0.3s;}
.fitness-group .fitness-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;}
.fitness-group .fitness-item:hover{ box-shadow: 0px 0px 10px 0px rgb(12 67 106 / 15%);}
.fitness-group .fitness-item:hover::before{ box-shadow: 6px 6px 0px 0px #0c436a;}
.fitness-group .fitness-item p { font-size: 19px; line-height: 30px; color: #4B5D77; margin: 25px 0px 16px; padding-right: 25px;}
.fitness-group .fitness-item p strong{ font-weight: 700  !important;}
.fitness-group .fitness-item h3 {color: var(--color-black);}
.fitness-group .fitness-item .title { margin: 0px; font-size: var(--font-22); line-height: 30px;}


/* Demand Section */
.demand-section { background-color: var(--light-bg-color);}
.demand-content { display: flex; align-items: center; gap: 30px;}
.demand-content .section-inner-head { width: 60%;}
.demand-content h2 { margin-bottom: 20px;}
.listing { margin: 0px; padding: 0px;}
.listing li{ position: relative; padding-left: 26px; font-weight: 400; font-size: 16px; line-height: 24px; color: #191919;}
.listing li:not(:last-child){ margin-bottom: 2px;}
.listing li::before{ content: ''; width: 18px; height: 18px; position: absolute; left: 0; background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.86C7.56 16.86 6.24 16.51 5.04 15.81C3.84 15.11 2.89 14.16 2.19 12.96C1.49 11.76 1.14 10.44 1.14 9C1.14 7.56 1.49 6.24 2.19 5.04C2.89 3.84 3.84 2.89 5.04 2.19C6.24 1.49 7.56 1.14 9 1.14C10.44 1.14 11.76 1.49 12.96 2.19C14.16 2.89 15.11 3.84 15.81 5.04C16.51 6.24 16.86 7.56 16.86 9C16.86 10.44 16.51 11.76 15.81 12.96C15.11 14.16 14.16 15.11 12.96 15.81C11.76 16.51 10.44 16.86 9 16.86ZM9 18C10.64 18 12.15 17.6 13.53 16.8C14.91 16 16 14.91 16.8 13.53C17.6 12.15 18 10.64 18 9C18 7.36 17.6 5.85 16.8 4.47C16 3.09 14.91 2 13.53 1.2C12.15 0.4 10.64 0 9 0C7.36 0 5.85 0.4 4.47 1.2C3.09 2 2 3.09 1.2 4.47C0.4 5.85 0 7.36 0 9C0 10.64 0.4 12.15 1.2 13.53C2 14.91 3.09 16 4.47 16.8C5.85 17.6 7.36 18 9 18ZM12.36 5.58L12.3 5.64L8.4 10.62L6.06 8.22C5.9 8.06 5.7 7.99 5.46 8.01C5.22 8.03 5.02 8.12 4.86 8.28C4.7 8.44 4.62 8.63 4.62 8.85C4.62 9.07 4.7 9.26 4.86 9.42L7.86 12.42C8.02 12.58 8.22 12.66 8.46 12.66C8.7 12.66 8.9 12.56 9.06 12.36L13.56 6.78C13.72 6.62 13.8 6.42 13.8 6.18C13.8 5.94 13.71 5.74 13.53 5.58C13.35 5.42 13.15 5.34 12.93 5.34C12.71 5.34 12.52 5.42 12.36 5.58Z" fill="%23191919"/></svg>'); background-repeat: no-repeat; background-position: center; top: 4px;}
.banner-wrapper-block {padding: 50px 30px;background-color: var(--deep-blue) ;border-radius: 20px; box-shadow: 2px 0px 40px 0px #00000033;  width: 40%; background-image: url(../images/new-fitness-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: 14px;}
.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 {position: relative;}
.form-group .common_error_message {bottom: unset;top: 100%; line-height: normal; pos}
#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 8px 40px 0px #7272721A; font-weight: 700; border-color: var(--color-white); background-color: var(--color-white); color: var(--deep-blue);}
.banner-wrapper-block form button.btn1 svg path {transition: var(--ease-in-out);}
.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);}

/* Delivery Service */
.delivery-service .section-inner-head {max-width: 1046px; margin-inline: auto; text-align: center;}
.delivery-service .section-inner-head p {max-width: 906px; 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 var(--light-bg-color); border-radius: 4px; display: flex; flex-direction: column; gap: 10px; align-items: start; text-align: start;}
.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);}
.delivery-service-tabs .nav-link:hover, .delivery-service-tabs .nav-link.active {background-color: var(--deep-blue);}
.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; padding: 16px; background-color: #CDBCB6; text-align: center;}

/* 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{ display: flex; flex-direction: column; 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 #EAECF5; 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;}

/* Build Seciton */
.build-section .section-inner-head{max-width: 1012px; margin-inline: auto; text-align: center;}
.build-section .section-inner-head h2{max-width: 650px; margin-inline: auto;}
.feature-box-group{display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.feature-box{border-radius: 20px; overflow: hidden; position: relative;}
.feature-box .feature-img{position: relative;}
.feature-box .feature-img img{min-height: 260px; width: 100%; object-fit: cover;}
.feature-box .feature-img::before{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(212.13deg, rgba(0, 0, 0, 0) 17.3%, rgba(0, 0, 0, 0.75) 59.06%);}
.feature-box .hoverview{padding: 30px; position: absolute; bottom: 0; left: 0;  color: var(--color-white); display: flex; flex-direction: column; justify-content: end; z-index: 1;}
.feature-box .hoverview *{transition: all ease-in-out 0.3s;}
.feature-box:not(:hover) .hoverview p{    margin-bottom: -104px !important; padding-top: 100px; position: absolute; width: 100%; height: 0px; opacity: 0; visibility: hidden;}
.feature-box .title{font-size: var(--font-18); line-height: 27px; margin-bottom: 12px;}
.build-section .yellow-btn-icon{margin-top: 60px; text-align: center;}
.build-section .yellow-btn-icon .cta-btn{margin-top: 0px;}

/* 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;}

/* Process Section */
.process-section .section-inner-head { max-width: 994px; margin-inline: auto; text-align: center;}
.process-grid { display: flex; flex-direction: column; gap: 80px;}
.process-item { display: flex; gap: 30px; padding-top: 40px; position: sticky; min-height: 386px;}
.step-1 { top: 120px;}
.step-2 { top: 140px;}
.step-3 { top: 160px;}
.step-4 { top: 180px;}
.step-5 { top: 200px;}
.step-6 { top: 210px;}
.process-item .process-img{ width: calc(40% - 15px); border-radius: 20px; overflow: hidden;}
.process-item .process-img img{ width: 100%; height: 100%; object-fit: cover;}
.process-item .process-dis{ width: calc(60% - 15px); border-radius: 20px; background-color: var(--light-bg-color); padding: 20px; position: relative; display: flex; align-items: center;}
.process-item .process-dis h3{ font-weight: var(--fw-700); font-size: var(--font-24); line-height: 50px; margin-bottom: 20px; color: var(--color-black); max-width: calc(100% - 200px);}
.process-item .process-dis h3{ text-transform: capitalize;}
.process-list .process-steps{ font-weight: var(--fw-400); font-size: var(--font-18); line-height: 28px; position: relative; display: flex; align-items: center; gap: 20px; position: relative;}
.process-list .process-steps:not(:last-child){ padding-bottom: 24px;}
.process-list .process-steps span{ display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; position: relative; flex: 0 0 auto;}
.process-list .process-steps span::before, .process-list .process-steps span::after,.process-list .process-steps::after{ content: ''; position: absolute;}
.process-list .process-steps:not(:last-child):after{ height: 100%; width: 1px; border-right: 1px dashed #CECED6; left: 8.5px; top: 40%;}
.process-list .process-steps span::before, .process-list .process-steps span::after{ top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%);}
.process-list .process-steps span::before{ width: 12px; height: 12px; background-color: var(--deep-blue); z-index: 2;}
.process-list .process-steps.active span::after{ width: 100%; height: 100%; background-color: var(--color-white); border: 1px solid var(--deep-blue);}
.process-item .counting{ width: 120px; height: 120px; display: inline-flex; align-items: center; justify-content: center; background: url(../images/new-fitness-app/bg-blue-circle.svg) no-repeat center; background-size: 100%; position: absolute; top: -40px; right: 50px;}
.process-item .counting span{ font-weight: 800; font-style: italic; font-size: 40px; line-height: 50px; text-align: center; text-shadow: 2px 2px 0px rgba(25, 25, 25, 0.1); color: var(--color-black);}

/* 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: #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;}

/* 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);}

/*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 #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,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.69854 17.3024L17.3051 6.69577M17.3051 6.69577L9.08502 6.4306M17.3051 6.69577L17.5703 14.9159" stroke="%23191919" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 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,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9297 23.2905C11.0097 23.2905 9.24969 22.8239 7.64969 21.8905C6.04969 20.9572 4.78302 19.6905 3.84969 18.0905C2.91635 16.4905 2.44969 14.7305 2.44969 12.8105C2.44969 10.8905 2.91635 9.13055 3.84969 7.53055C4.78302 5.93055 6.04969 4.66388 7.64969 3.73055C9.24969 2.79721 11.0097 2.33055 12.9297 2.33055C14.8497 2.33055 16.6097 2.79721 18.2097 3.73055C19.8097 4.66388 21.0764 5.93055 22.0097 7.53055C22.943 9.13055 23.4097 10.8905 23.4097 12.8105C23.4097 14.7305 22.943 16.4905 22.0097 18.0905C21.0764 19.6905 19.8097 20.9572 18.2097 21.8905C16.6097 22.8239 14.8497 23.2905 12.9297 23.2905ZM12.9297 24.8105C15.1164 24.8105 17.1297 24.2772 18.9697 23.2105C20.8097 22.1439 22.263 20.6905 23.3297 18.8505C24.3964 17.0105 24.9297 14.9972 24.9297 12.8105C24.9297 10.6239 24.3964 8.61055 23.3297 6.77055C22.263 4.93055 20.8097 3.47721 18.9697 2.41055C17.1297 1.34388 15.1164 0.810547 12.9297 0.810547C10.743 0.810547 8.72969 1.34388 6.88969 2.41055C5.04969 3.47721 3.59635 4.93055 2.52969 6.77055C1.46302 8.61055 0.929688 10.6239 0.929688 12.8105C0.929688 14.9972 1.46302 17.0105 2.52969 18.8505C3.59635 20.6905 5.04969 22.1439 6.88969 23.2105C8.72969 24.2772 10.743 24.8105 12.9297 24.8105ZM17.4097 8.25055L17.3297 8.33055L12.1297 14.9705L9.00969 11.7705C8.79635 11.5572 8.52969 11.4639 8.20969 11.4905C7.88969 11.5172 7.62302 11.6372 7.40969 11.8505C7.19635 12.0639 7.08969 12.3172 7.08969 12.6105C7.08969 12.9039 7.19635 13.1572 7.40969 13.3705L11.4097 17.3705C11.623 17.5839 11.8897 17.6905 12.2097 17.6905C12.5297 17.6905 12.7964 17.5572 13.0097 17.2905L19.0097 9.85055C19.223 9.63721 19.3297 9.37055 19.3297 9.05055C19.3297 8.73055 19.2097 8.46388 18.9697 8.25055C18.7297 8.03721 18.463 7.93055 18.1697 7.93055C17.8764 7.93055 17.623 8.03721 17.4097 8.25055Z" fill="%23FDCD56"/></svg>') 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;}

/* 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; }

/* Process Section */
.process-section .section-inner-head h2{ margin-bottom: 24px;}

/* 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; }

/* 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;}

/* Demand Section */
.banner-wrapper-block {padding: 30px 25px;}
.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;}

/* Story Section */
.story-section .interfaceslider { margin-top: 40px; }

/* Build Seciton */
.build-section .yellow-btn-icon{margin-top: 40px;}

/* Process Section */
.process-grid { gap: 40px;}
.process-list .process-steps:not(:last-child) { padding-bottom: 15px;}
.process-item .counting{ width: 100px; height: 100px;}
.process-item .counting span{ font-size: 36px;}
.process-item .process-dis h3{ line-height: 35px;}

/* 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; };}

@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;}

/* inner-page-banner */
/* .inner-page-banner{background-image: url(../images/milk-delivery/milk-bg.webp); background-position: center bottom;} */

/* why-section */
.market-cap{ margin: 40px 0px;}
.market-cap-item { padding: 20px 0px;}
.market-cap-item .market-size{ font-size: 38px;}
.market-cap-item .market-size span { font-size: var(--font-20);}
.market-cap-item .market-cap-title { font-size: var(--font-18);}

/* 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 .section-inner-head, .banner-wrapper-block { width: 100%;}

/* 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;}

/* why-section */
section.story-section.section-spacing .col-lg-auto { display: none;}
.market-cap-item { padding: 20px 0px;}
.market-cap { gap: 20px 30px;}
.market-cap-item:not(:first-child)::before { left: -14px;}
.market-cap-item .icon { width: 40px;}
.market-cap-item .market-size { font-size: 30px; line-height: 1;}
.market-cap-item .market-size span, .market-cap-item .market-cap-title { font-size: var(--font-16);}
.market-cap-item .icon::before { width: 20px; height: 20px; bottom: -2px; right: -6px;}
/* Fitness Group */
.fitness-group { gap: 30px;}
.fitness-group .fitness-item p { font-size: 18px; line-height: 28px; margin: 20px 0px 16px; padding-right: 0px;}
.fitness-group .fitness-item .title { font-size: var(--font-20); line-height: 26px;}

/* 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; }

/* Build Seciton */
.feature-box-group{grid-template-columns: 1fr;}

/* Features Section */
.features-section .panel-img { width: fit-content; margin-inline: auto; margin-bottom: 20px; }
.story-list { margin: 24px 0px 20px; }

/* Process Section */
.process-grid { padding-top: 40px;}
.process-section .section-inner-head{ margin-bottom: 0px;}
.process-item{ flex-direction: column; padding-top: 0px; background-color: var(--color-white); border-radius: 20px; position: unset;}
.process-item .process-img, .process-item .process-dis{ width: 100%;}

/* 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;}

/* Fitness Group */
.fitness-group{ grid-template-columns: 1fr;}

/* 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;}

/* Process Section */
.process-item .process-dis h3 { line-height: 30px; font-size: var(--font-20); max-width: calc(100% - 80px);}
.process-list .process-steps:not(:last-child) { padding-bottom: 10px;}
.process-list .process-steps { font-size: var(--font-16); line-height: 26px;}
.process-item .counting { width: 80px; height: 80px; right: 10px; top: -30px;}
.process-item .counting span { font-size: 30px;}

/*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;}

/* 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(--deep-blue);}

/* 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; }

/* why-section */
.market-cap, .fitness-group { grid-template-columns: 1fr;}
.market-cap-item:not(:first-child)::before{ width: 100%; height: 4px; left: 50%; transform: translate(-50%, 0px); top: calc(0% - 10px);}

/* 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) { 
/* Story Section */
.interfaceslider .swiper-slide img { border-radius: 25px; }
}