custom-timeline-section{padding:79px 0 79.34px}.custom-timeline-section .container{max-width:1096px;margin:0 auto;display:flex;gap:127px;padding:0 15px}.custom-timeline-section .timeline-left{flex:1;font-family:Albra Grotesk}.custom-timeline-section .timeline-right{flex:1;padding:30px 0 0;font-family:Albra Grotesk}.custom-timeline-section h5{font-family:Albra Grotesk;font-weight:400;font-size:14px;line-height:10px;letter-spacing:.8px;vertical-align:middle;text-transform:uppercase;margin:0;color:#605b56;opacity:.5}.timeline-phase.completegn:before{content:"";opacity:0}.custom-timeline-section .timeline-right h5{margin-bottom:20px}.custom-timeline-section h2{font-family:Albra;font-weight:400;font-size:42px;line-height:50px;color:#242424;letter-spacing:normal;margin:13px 0 35px}.timeline-left ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:12px;color:#242424}.timeline-left ul li{position:relative;padding-left:30px;font-size:15px;line-height:normal}.timeline-left ul li:before{content:"";background-size:contain;position:absolute;left:0;top:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect width='18' height='18' rx='9' fill='%23614E4A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0525 6.00965C13.2545 6.18636 13.2728 6.49422 13.0932 6.69359L8.03645 12.3062C7.85588 12.5066 7.54585 12.5194 7.34944 12.3345L4.4233 9.5798C4.24081 9.408 4.22335 9.12173 4.37991 8.92603C4.55267 8.71008 4.87439 8.68036 5.07999 8.86529L7.35028 10.9074C7.54758 11.0848 7.85134 11.069 8.02909 10.8719L12.3786 6.04944C12.5546 5.85428 12.8548 5.83659 13.0525 6.00965Z' fill='%23AC9B93'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0525 6.00965C13.2545 6.18636 13.2728 6.49422 13.0932 6.69359L8.03645 12.3062C7.85588 12.5066 7.54585 12.5194 7.34944 12.3345L4.4233 9.5798C4.24081 9.408 4.22335 9.12173 4.37991 8.92603C4.55267 8.71008 4.87439 8.68036 5.07999 8.86529L7.35028 10.9074C7.54758 11.0848 7.85134 11.069 8.02909 10.8719L12.3786 6.04944C12.5546 5.85428 12.8548 5.83659 13.0525 6.00965Z' fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:100%;border-radius:40px;background-color:#614e4a0f}.timeline-phase.completegn .timeline-circle:after{opacity:0}.timeline-col{position:relative}.timeline-col .timeline-phase:before{content:"";position:absolute;top:0;left:21px;width:1px;height:calc(100% + 18px);z-index:0;border:1px dashed rgba(97,78,74,.4);opacity:.3;animation:fadeIn .3s ease}.timeline-col .timeline-phase.active:before{opacity:1}.about-product-met ul li span{width:calc(100% - 26px)}.timeline-phase.completegn:before{opacity:0}.timeline-col .timeline-phase:first-child:before{top:0}.timeline-circle:after{content:"";position:absolute;top:46px;left:21px;width:2px;height:19px;border:none;background-repeat:repeat-y;z-index:-1;opacity:.3}.timeline-circle.active:after{opacity:0}.timeline-phase{position:relative;display:flex;align-items:flex-start;padding-bottom:20px;z-index:2;cursor:pointer;overflow:hidden}.timeline-phase:last-child{padding-bottom:0}.timeline-col .timeline-phase:last-child:before{display:none}.timeline-circle{width:44px;height:44px;border-radius:50%;background:#f9f9f7;color:#968a87;display:flex;align-items:center;justify-content:center;font-weight:500;flex-shrink:0;transition:all .3s ease;z-index:2;font-size:17px;font-family:Albra Grotesk;letter-spacing:normal;line-height:18px}.timeline-circle.active{background:#614e4a;color:#fff}.timeline-label{margin-left:10px;font-size:17px;color:#614e4aa6;transition:all .3s;background-color:#ffffff80;border-radius:40px;padding:13px 22.44px;line-height:18px;letter-spacing:normal;font-family:Albra Grotesk;font-weight:500;max-width:fit-content;min-height:40px}.timeline-label.active{margin-top:-6px;margin-left:15px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 16px #0000000d;max-width:320px;color:#333}.timeline-circle.completed+.timeline-label{background-color:#e4e2de}.progress-solid{position:absolute;left:21px;border:1px solid #b7b7b7;z-index:1;display:none;top:0}.timeline-circle.completed{background-color:#e4e2de;color:#614e4a}.custom-timeline-section .timeline-right-col{display:grid}.custom-timeline-section .timeline-right-col>.timeline-label,.custom-timeline-section .timeline-right-col>.tl-card{grid-area:1 / 1}.custom-timeline-section .timeline-right-col>.timeline-label{justify-self:start;align-self:start}.custom-timeline-section .tl-card{position:relative;z-index:1;align-self:start;box-sizing:border-box;margin-left:8px;max-width:366px;width:100%;height:var(--tl-pill, 0px);overflow:hidden;border-radius:16px;background-color:#fff;box-shadow:inset 0 0 0 1px #614e4a29;opacity:0;visibility:hidden;pointer-events:none}.custom-timeline-section .timeline-phase.active-tab .tl-card{height:var(--tl-full, auto);opacity:1;visibility:visible;pointer-events:auto}.custom-timeline-section.tl-ready .timeline-phase.active-tab .tl-card{transition:height .48s cubic-bezier(.22,1,.36,1),opacity .32s cubic-bezier(.22,1,.36,1),visibility 0s}.custom-timeline-section.tl-ready .timeline-label{transition:background-color .3s ease,color .3s ease,opacity .24s cubic-bezier(.22,1,.36,1) .1s}.custom-timeline-section.tl-ready .timeline-phase.active-tab .timeline-label{transition:background-color .3s ease,color .3s ease,opacity 0s}.custom-timeline-section.tl-ready .tl-card{transition:height .48s cubic-bezier(.22,1,.36,1),opacity .14s cubic-bezier(.22,1,.36,1),visibility 0s linear .48s}@media(prefers-reduced-motion:reduce){.custom-timeline-section.tl-ready .tl-card,.custom-timeline-section.tl-ready .timeline-phase.active-tab .tl-card,.custom-timeline-section.tl-ready .timeline-label,.custom-timeline-section.tl-ready .timeline-phase.active-tab .timeline-label{transition:none}}.custom-timeline-section .tl-card .data-content{margin:0;padding:27px 23px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-phase .data-content .timeline-phase-heading{margin:0 0 12px;color:#614e4a;font-size:17px;line-height:12px;font-weight:500;letter-spacing:normal;font-family:Albra Grotesk}.about-product-met ul{margin:0;list-style:none;padding:0}.about-product-met ul li.l-text-1 svg{display:none}.about-product-met ul li.l-text-1{color:#614e4a;opacity:.7;font-size:14px;line-height:20px;margin-bottom:12px;font-weight:400}.about-product-met ul li{display:flex;align-items:center;gap:8px;letter-spacing:normal;margin:8px 0;color:#242424;font-family:Albra Grotesk;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.about-product-met ul li:last-child{margin:0}@media(max-width:1199px){.custom-timeline-section h2{font-size:36px;line-height:38px}.custom-timeline-section .container{padding:50px 30px}}@media(max-width:991px){.custom-timeline-section .container{gap:50px}}@media(max-width:988px){.custom-timeline-section .container{gap:30px}.custom-timeline-section h2{font-size:34px;line-height:38px;margin:8px 0 30px}}@media(max-width:767px){.custom-timeline-section{padding:36px 0 31.73px!important}.custom-timeline-section .container{padding:0 20px;gap:34px;flex-wrap:wrap}.custom-timeline-section .timeline-right{flex:100%;padding:0 9.2px}.custom-timeline-section .timeline-left{flex:100%}.custom-timeline-section h5{font-size:10px;line-height:22px}.custom-timeline-section h2{font-size:24px;line-height:34px;margin:7.35px 0 17.65px}.timeline-left ul li:before{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='9' fill='white' fill-opacity='0.65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0525 6.00867C13.2545 6.18539 13.2728 6.49324 13.0932 6.69261L8.03645 12.3053C7.85588 12.5057 7.54585 12.5184 7.34944 12.3335L4.4233 9.57882C4.24081 9.40702 4.22335 9.12076 4.37991 8.92506C4.55267 8.70911 4.87439 8.67938 5.07999 8.86431L7.35028 10.9064C7.54758 11.0839 7.85134 11.068 8.02909 10.871L12.3786 6.04846C12.5546 5.85331 12.8548 5.83562 13.0525 6.00867Z' fill='%23AC9B93'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0525 6.00867C13.2545 6.18539 13.2728 6.49324 13.0932 6.69261L8.03645 12.3053C7.85588 12.5057 7.54585 12.5184 7.34944 12.3335L4.4233 9.57882C4.24081 9.40702 4.22335 9.12076 4.37991 8.92506C4.55267 8.70911 4.87439 8.67938 5.07999 8.86431L7.35028 10.9064C7.54758 11.0839 7.85134 11.068 8.02909 10.871L12.3786 6.04846C12.5546 5.85331 12.8548 5.83562 13.0525 6.00867Z' fill='%23242424' fill-opacity='0.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0525 6.00867C13.2545 6.18539 13.2728 6.49324 13.0932 6.69261L8.03645 12.3053C7.85588 12.5057 7.54585 12.5184 7.34944 12.3335L4.4233 9.57882C4.24081 9.40702 4.22335 9.12076 4.37991 8.92506C4.55267 8.70911 4.87439 8.67938 5.07999 8.86431L7.35028 10.9064C7.54758 11.0839 7.85134 11.068 8.02909 10.871L12.3786 6.04846C12.5546 5.85331 12.8548 5.83562 13.0525 6.00867Z' stroke='%23AC9B93' stroke-width='0.6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0525 6.00867C13.2545 6.18539 13.2728 6.49324 13.0932 6.69261L8.03645 12.3053C7.85588 12.5057 7.54585 12.5184 7.34944 12.3335L4.4233 9.57882C4.24081 9.40702 4.22335 9.12076 4.37991 8.92506C4.55267 8.70911 4.87439 8.67938 5.07999 8.86431L7.35028 10.9064C7.54758 11.0839 7.85134 11.068 8.02909 10.871L12.3786 6.04846C12.5546 5.85331 12.8548 5.83562 13.0525 6.00867Z' stroke='%23242424' stroke-opacity='0.5' stroke-width='0.6'/%3E%3C/svg%3E%0A");border-radius:100%;background-size:100%;top:1px}.timeline-left ul li{font-size:13px;line-height:17px}.custom-timeline-section .timeline-right h5{margin-bottom:14px}.timeline-phase{padding-bottom:24px}.timeline-circle{width:35px;height:35px;font-size:15px;line-height:18px}.timeline-label{margin-left:0;font-size:16px;padding:8.5px 19px;line-height:18px;min-height:30px}.custom-timeline-section .tl-card{margin-left:0}.timeline-right-col{padding-left:8px;flex:auto}.custom-timeline-section .tl-card .data-content{padding:23px 19px}.timeline-phase .data-content .timeline-phase-heading{margin:0 0 10px;font-size:16px;line-height:12px}.benefits-text{line-height:22px}.about-product-met ul li{gap:12px;align-items:flex-start}.about-product-met ul li svg{width:18px;height:18px;object-fit:contain}.timeline-col .timeline-phase:before,.progress-solid,.timeline-circle:after{left:17.5px}.timeline-circle:after{top:-19px}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/section-custom-timeline.css.map */