.launched-section {padding: 64px 0;}
.launched-section .launched-grp-sec {overflow: hidden; background: url(../../images/bg-back.webp) no-repeat center center; background-size: 100% 100%; border-radius: 1.5rem; display: flex; align-items: center; min-height: 31.6rem; align-items: center;}
.launched-section .launched-grp-sec .launched-grp-box {display: flex; align-items: center; width: 100%; padding: 64px; gap: 44px; justify-content: space-between;}
.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left {width: 418px; min-width: 418px;}
.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn {display: flex;}
.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box {margin-bottom: 44px; display: flex; align-items: center; gap: 6px; padding: 10px 20px; border: 1px solid #3CB64A; background: rgba(60, 182, 74, 0.1); border-radius: 60px; }
.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box i {display: inline-flex; min-width: 20px; width: 20px;}
.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box i img {width: 100%; height: auto;}
.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box span {display: block; font-family: 'Inter'; font-weight: 500; font-size: 16px; line-height: 20px; color: #fff;}
.launched-section .launched-grp-sec .launched-left-content { margin-bottom: 44px;}
.launched-section .launched-grp-sec .launched-left-content h2 {font-family: 'Inter'; font-weight: 600; font-size: 38px; line-height: 1.3; color: #fff; margin: 0; margin-bottom: 20px;}
.launched-section .launched-grp-sec .launched-left-content h2 span {display: inline-block; color: #3CB64A;}
.launched-section .launched-grp-sec .launched-left-content p {font-family: 'Inter'; font-weight: 400; font-size: 20px; line-height: 32px;
color: #A1A1AB;}
.launched-section .launched-grp-sec .btnbox {display: flex; align-items: center; gap: 16px;}
.launched-section .launched-grp-sec .btnbox .btn-1 {display: flex;}
.launched-section .launched-grp-sec .btnbox .btn-1 a {display: flex; align-items: center; justify-content: center; font-family: 'Inter';
font-weight: 600; font-size: 16px; line-height: 24px; color: #fff; border-radius: 60px; background: #3CB64A; padding: 14px 32px;}
.launched-section .launched-grp-sec .btnbox .btn-2 a {display: flex; align-items: center; justify-content: center; font-family: 'Inter';
font-weight: 600; font-size: 16px; line-height: 24px; color: #fff; border-radius: 60px; border: 1px solid #3CB64A; padding: 14px 32px;}
.launched-grp-middle {display: flex; border: 2px dashed #3CB64A; border-radius: 30px; padding: 44px 32px;}
.launched-grp-middle .launched-grp-middle-content {display: flex; flex-direction: column; gap: 44px; text-align: center; align-items: center;}
.launched-grp-middle .launched-grp-middle-content span {font-family: 'Inter'; font-weight: 400; font-size: 20px; text-align: center; text-transform: uppercase; color: #FFF;}
.launched-grp-middle .launched-grp-middle-content h1 {font-family: 'Inter'; font-weight: 600; font-size: 120px; color: #3CB64A; display: flex; align-items: center;}
.launched-grp-middle .launched-grp-middle-content h1 i {display: inline-flex;}
.launched-grp-middle .launched-grp-middle-content p {font-family: 'Inter'; font-weight: 400; font-size: 20px; line-height: 125%; text-align: center; text-transform: uppercase; color: #FFF;}

.launched-section .launched-grp-sec .launched-grp-box .launched-grp-right {width: 500px; min-width: 500px;}
.offer-card {background: rgba(15, 15, 15, 0.5);
    border: 1px solid rgba(60, 182, 74, 0.5);
    padding: 32px;
    border-radius: 20px;
    width: 100%;
    color: #fff;
    backdrop-filter: blur(10px);}
.offer-card .offer-top {text-align: center; margin-bottom: 20px;}
.offer-card .offer-top h4 {font-family: 'Inter'; font-weight: 400; font-size: 20px; line-height: 100%; text-align: center; text-transform: uppercase; color: #FFF;}
.countdown {display: flex; align-items: stretch; justify-content: center; gap: 24px; margin-bottom: 32px; border-bottom: 1px solid rgba(60, 182, 74, 0.5); padding-bottom: 32px;}
.time-segment {min-width: 96px; width: 96px;}

.time-value {font-family: 'Oswald'; font-weight: 600; font-size: 44px; line-height: 100%; text-align: center; border: 2px solid rgba(60, 182, 74, 0.8); background: rgba(255, 255, 255, 0.1); padding: 15px 20px; border-radius: 6px; color: #3CB64A; line-height: 1.41;}
.time-label {font-family: 'Inter'; font-weight: 400; font-size: 20px; line-height: 100%; text-align: center; text-transform: uppercase;
  margin-top: 20px; margin: 0; text-transform: uppercase; color: #FFF; margin-top: 20px;}
.time-separator {display: flex; align-items: center; justify-content: center; width: 36px;  border-radius: 8px; font-size: 28px; color: #FFF; font-weight: 700;}
.coupon {text-align: center; margin-top: 8px;}
.coupon-title {display: block; font-family: 'Inter'; font-weight: 400; font-size: 20px; line-height: 100%; text-align: center; text-transform: uppercase; color: #FFF; margin-bottom: 20px;}
.coupon-code {display: flex; align-items: center; justify-content: center; gap: 12px; padding: 16px; border: 2px dashed rgba(60, 182, 74, 1); border-radius: 10px; background: rgba(60, 182, 74, 0.08);}
.coupon-code .code {font-family: 'Inter'; font-weight: 400; font-size: 32px; line-height: 40px; text-align: center; color: #3CB64A; width: 100%;}
.copy {background: transparent; border: none; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 6px; border-radius: 6px;}
.copy svg rect {stroke-linecap: round; stroke-linejoin: round;}
.coupon-note {font-family: 'Inter'; font-weight: 300; font-size: 16px; line-height: 24px; color: #A1A1AB; text-align: center;
 margin-top: 20px;}

@media (max-width:1599px) {
	.launched-section .launched-grp-sec .launched-grp-box {padding: 44px; gap: 30px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left {width: 350px; min-width: 350px;}
	.launched-section .launched-grp-sec .launched-left-content h2 {font-size: 32px;}
	.launched-section .launched-grp-sec .launched-left-content p {font-size: 16px; line-height: 28px;}
	.launched-section .launched-grp-sec .btnbox .btn-1 a {padding: 14px;}
	.launched-grp-middle {padding: 24px;}
	.launched-grp-middle .launched-grp-middle-content h1 {font-size: 80px;}
	.launched-grp-middle .launched-grp-middle-content {gap: 30px;}
	.launched-grp-middle .launched-grp-middle-content p {font-size: 16px;}
	.launched-grp-middle .launched-grp-middle-content span {font-size: 16px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-right {min-width: 360px; width: 360px;}
	.time-segment {min-width: 70px; width: 70px;}
	.time-value {font-size: 30px; padding: 13px 15px;}
	.countdown {gap: 10px; margin-bottom: 14px; padding-bottom: 14px;}
	.time-label {margin-top: 10px; font-size: 12px;}
	.coupon-title {font-size: 14px;}
	.coupon-code {padding: 10px;}
	.coupon-code .code {font-size: 20px;}
	.copy {width: 44px; min-width: 44px;}
	.coupon-note {margin-top: 12px; font-size: 14px;}
} 


@media (max-width: 1399px) {
	.launched-section .launched-grp-sec .launched-grp-box {padding: 44px; gap: 30px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left {width: 350px; min-width: 350px;}
	.launched-section .launched-grp-sec .launched-left-content h2 {font-size: 32px;}
	.launched-section .launched-grp-sec .launched-left-content p {font-size: 16px; line-height: 28px;}
	.launched-section .launched-grp-sec .btnbox .btn-1 a {padding: 14px;}
	.launched-grp-middle {padding: 24px;}
	.launched-grp-middle .launched-grp-middle-content h1 {font-size: 80px;}
	.launched-grp-middle .launched-grp-middle-content {gap: 30px;}
	.launched-grp-middle .launched-grp-middle-content p {font-size: 16px;}
	.launched-grp-middle .launched-grp-middle-content span {font-size: 16px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-right {min-width: 360px; width: 360px;}
	.time-segment {min-width: 70px; width: 70px;}
	.time-value {font-size: 30px; padding: 13px 15px;}
	.countdown {gap: 10px; margin-bottom: 14px; padding-bottom: 14px;}
	.time-label {margin-top: 10px; font-size: 12px;}
	.coupon-title {font-size: 14px;}
	.coupon-code {padding: 10px;}
	.coupon-code .code {font-size: 20px;}
	.copy {width: 44px; min-width: 44px;}
	.coupon-note {margin-top: 12px; font-size: 14px;}
	.launched-section .launched-grp-sec .btnbox {gap: 10px;}
  
}

@media (max-width: 1199px) {
	.launched-section .launched-grp-sec .launched-grp-box {flex-wrap: wrap;  padding: 32px; gap: 24px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left {width: 45%; min-width: 45%;}
	.launched-section .launched-grp-sec .btnbox {gap: 10px;}
	.launched-section .launched-grp-sec .btnbox .btn-1 a,
	.launched-section .launched-grp-sec .btnbox .btn-2 a {font-size: 14px; padding: 12px 16px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box {padding: 8px 14px;  margin-bottom: 12px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box span {font-size: 12px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box i {min-width: 16px; width: 16px;}
	.launched-section .launched-grp-sec .launched-left-content h2 {font-size: 24px; margin-bottom: 12px;}
	.launched-section .launched-grp-sec .launched-left-content p {font-size: 16px; line-height: 28px;}
	.launched-section .launched-grp-sec .launched-left-content {margin-bottom: 10px;}
	.launched-grp-middle {padding: 24px 10px; width: 45%; text-align: center; justify-content: center;}
	.launched-grp-middle .launched-grp-middle-content {gap: 15px;}
	.launched-grp-middle .launched-grp-middle-content span {font-size: 14px; text-align: center;}
	.launched-grp-middle .launched-grp-middle-content h1 {font-size: 80px;}
	.launched-grp-middle .launched-grp-middle-content h1 i {min-width: 87px; width: 87px;}
	.launched-grp-middle .launched-grp-middle-content p {font-size: 14px;}
	.offer-card {padding: 24px 17px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-right {width: 100%; min-width: 100%;}
	.time-segment {min-width: 70px; width: 70px;}
	.time-value {font-size: 30px; padding: 13px 15px;}
	.countdown {gap: 10px; margin-bottom: 14px; padding-bottom: 14px;}
	.time-label {margin-top: 10px; font-size: 12px;}
	.coupon-title {font-size: 14px;}
	.coupon-code {padding: 10px;}
	.coupon-code .code {font-size: 20px;}
	.copy {width: 44px; min-width: 44px;}
	.coupon-note {margin-top: 12px; font-size: 14px;}
  
}

@media (max-width: 991px) {
  .launched-section .launched-grp-sec .launched-grp-box {flex-wrap: wrap;  padding: 32px 15px; gap: 24px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left {width: 45%; min-width: 45%;}
	.launched-section .launched-grp-sec .btnbox {gap: 10px;}
	.launched-section .launched-grp-sec .btnbox .btn-1 a,
	.launched-section .launched-grp-sec .btnbox .btn-2 a {font-size: 14px; padding: 12px 16px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box {padding: 8px 14px;  margin-bottom: 12px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box span {font-size: 12px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box i {min-width: 16px; width: 16px;}
	.launched-section .launched-grp-sec .launched-left-content h2 {font-size: 24px; margin-bottom: 12px;}
	.launched-section .launched-grp-sec .launched-left-content p {font-size: 16px; line-height: 28px;}
	.launched-section .launched-grp-sec .launched-left-content {margin-bottom: 10px;}
	.launched-grp-middle {padding: 24px 10px; width: 45%; text-align: center; justify-content: center;}
	.launched-grp-middle .launched-grp-middle-content {gap: 15px;}
	.launched-grp-middle .launched-grp-middle-content span {font-size: 14px; text-align: center;}
	.launched-grp-middle .launched-grp-middle-content h1 {font-size: 80px;}
	.launched-grp-middle .launched-grp-middle-content h1 i {min-width: 87px; width: 87px;}
	.launched-grp-middle .launched-grp-middle-content p {font-size: 14px;}
	.offer-card {padding: 24px 17px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-right {width: 100%; min-width: 100%;}
	.time-segment {min-width: 70px; width: 70px;}
	.time-value {font-size: 30px; padding: 13px 15px;}
	.countdown {gap: 10px; margin-bottom: 14px; padding-bottom: 14px;}
	.time-label {margin-top: 10px; font-size: 12px;}
	.coupon-title {font-size: 14px;}
	.coupon-code {padding: 10px;}
	.coupon-code .code {font-size: 20px;}
	.copy {width: 44px; min-width: 44px;}
	.coupon-note {margin-top: 12px; font-size: 14px;}
}

@media (max-width: 767px) {

	.launched-section .launched-grp-sec .launched-grp-box {flex-direction: column;  padding: 32px 15px; gap: 24px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left {width: 100%; min-width: 100%;}
	.launched-section .launched-grp-sec .btnbox {gap: 10px;}
	.launched-section .launched-grp-sec .btnbox .btn-1 a,
	.launched-section .launched-grp-sec .btnbox .btn-2 a {font-size: 14px; padding: 12px 16px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box {padding: 8px 14px;  margin-bottom: 12px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box span {font-size: 12px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-left .hours-btn .btn-box i {min-width: 16px; width: 16px;}
	.launched-section .launched-grp-sec .launched-left-content h2 {font-size: 24px; margin-bottom: 12px;}
	.launched-section .launched-grp-sec .launched-left-content p {font-size: 16px; line-height: 28px;}
	.launched-section .launched-grp-sec .launched-left-content {margin-bottom: 10px;}
	.launched-grp-middle {padding: 24px 10px; width: 100%; text-align: center; justify-content: center;}
	.launched-grp-middle .launched-grp-middle-content {gap: 15px;}
	.launched-grp-middle .launched-grp-middle-content span {font-size: 14px; text-align: center;}
	.launched-grp-middle .launched-grp-middle-content h1 {font-size: 80px;}
	.launched-grp-middle .launched-grp-middle-content h1 i {min-width: 87px; width: 87px;}
	.launched-grp-middle .launched-grp-middle-content p {font-size: 14px;}
	.offer-card {padding: 24px 17px;}
	.launched-section .launched-grp-sec .launched-grp-box .launched-grp-right {width: 100%; min-width: 100%;}
	.time-segment {min-width: 70px; width: 70px;}
	.time-value {font-size: 30px; padding: 13px 15px;}
	.countdown {gap: 10px; margin-bottom: 14px; padding-bottom: 14px;}
	.time-label {margin-top: 10px; font-size: 12px;}
	.coupon-title {font-size: 14px;}
	.coupon-code {padding: 10px;}
	.coupon-code .code {font-size: 20px;}
	.copy {width: 44px; min-width: 44px;}
	.coupon-note {margin-top: 12px; font-size: 14px;}
  
}