*{box-sizing:border-box;font-family:Work Sans,sans-serif;margin:0;padding:0}.hero{height:100vh;overflow:hidden;position:relative;width:100%}.hero__image{height:100%;object-fit:cover;position:absolute;width:100%}.hero__image_tag{left:4%;position:relative;top:50%}.hero__content{color:#000;padding:80px;text-align:center}.hero__title{font-size:4.2rem;font-weight:400;line-height:1.2}.benefitials-0{display:flex;justify-content:center}.benefitials-0__image{height:70vh;object-fit:cover;width:100%}.benefitials-1{background-color:#f5f5f5;display:flex;gap:30px;justify-content:space-around;padding:50px}.benefitials-1__image{border-radius:60px 0 60px 0;height:450px;object-fit:cover;width:450px}.benefitials-1__content{display:flex;flex-direction:column;gap:0;justify-content:center}.benefitials-1__description{font-size:2rem;font-weight:300;line-height:1.5}.vertical-tabs{align-items:center;background-color:#302e33;color:#fff;flex-direction:column;padding:50px 50px 0}.tab,.vertical-tabs{display:flex;gap:20px;justify-content:center}.tab{margin-top:40px}.tab button{align-items:center;background-color:#302e33;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1.6rem;gap:20px;outline:none;padding:14px 16px 40px;position:relative;transition:.3s}.tab button.active:after{border-bottom:20px solid #f2f2f2;border-left:20px solid transparent;border-right:20px solid transparent;content:"";height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}.tabcontent{align-items:center;background-color:#f2f2f2;border-top:none;display:none;gap:50px;padding:110px 50px;width:100vw}.vertical-tabs__title{font-size:3.8rem;font-weight:400;line-height:1.5}.tabcontent p{color:#000;font-size:1.8rem;font-weight:300;line-height:1.5}.tablinks img{height:50px;width:50px}.tabcontent img{border-radius:60px 0 60px 0;height:350px;object-fit:cover;width:450px}.horizontal-tabs{align-items:center;background-color:#fff;color:#000;display:flex;flex-direction:row;gap:20px;justify-content:center;padding:50px 0 50px 50px}.tablinks2.active:after{border-bottom:20px solid transparent;border-right:20px solid #f2f2f2;border-top:20px solid transparent;content:"";height:0;left:100%;position:absolute;right:0;top:20%;transform:translateY(-50%);width:0}.tablinks2 img{width:50px}.tabcontent-horizontal{align-items:center;background-color:#f2f2f2;border-top:none;display:none;flex-direction:column;gap:50px;padding:110px 50px;width:100vw}.tabcontent-horizontal p{color:#000;font-size:1.8rem;font-weight:300;line-height:1.5}.tabcontent-horizontal img{border-radius:60px 0 60px 0;height:200px;object-fit:cover;width:600px}.horizontal-tabs__title{font-size:3.8rem;font-weight:400;line-height:1.5}.horizontal-tab{display:flex;flex-direction:column;gap:20px;width:40%}.tablinks2{align-items:center;background-color:#fff;border:none;color:#000;cursor:pointer;display:flex;flex-direction:row;font-size:1.6rem;gap:30px;outline:none;padding-bottom:40px;position:relative;text-align:left;transition:.3s}.tablinks2 span{width:50%}.customer-experience__content{align-items:center;display:flex;flex-direction:column;gap:80px;justify-content:center;padding:50px}.customer-experience__image__background{height:85vh;object-fit:cover;object-position:bottom;width:100%}.customer-experience__title{color:#000;font-size:3.8rem;font-weight:300;line-height:1.5}.customer-experience__image{border-radius:60px 0 60px 0;height:550px;object-fit:cover;width:500px}.customer-experience__description p{color:#000;font-size:1.8rem;font-weight:300;line-height:1.5;text-align:justify}.customer-experience__description{display:flex;gap:80px}.mt-20{margin-top:20px}@media (max-width:1280px){.customer-experience__description{flex-direction:column;gap:60px}.customer-experience__title,.vertical-tabs__title{line-height:1.2}}@media (max-width:900px){.hero{height:100%}.hero__image{height:60vh;position:relative}.hero__image_tag{position:absolute;width:35%}.hero__content{padding:40px}.hero__title{font-size:3rem;padding:40px}.benefitials-1{flex-direction:column;padding:30px}.benefitials-0__image{height:40vh}.benefitials-1__image{height:50%;width:50%}.benefitials-1__description{font-size:1.6rem}.vertical-tabs__title{font-size:2.5rem}.tab button{font-size:1.4rem;padding:10px 12px}.tabcontent{flex-direction:column;padding:60px 80px}.tabcontent p{font-size:1.4rem}.tabcontent-horizontal{padding:40px 30px}.tabcontent-horizontal p{font-size:1.4rem}.tabcontent img{height:250px;width:350px}.customer-experience__title{font-size:2.5rem}.customer-experience__image{height:50%;width:50%}.tabcontent-horizontal img{height:auto;width:90%}.customer-experience__description p{flex-direction:column;font-size:1.4rem;gap:20px}.horizontal-tab{width:58%}.horizontal-tabs{padding:50px 0 0 20px}}@media (max-width:660px){.hero__title{font-size:2.1rem;padding:0}.benefitials-0__image{height:30vh}.hero__image{height:60vh;position:relative}.hero__image_tag{position:absolute;width:35%}.customer-experience__description p,.tabcontent p,.tabcontent-horizontal p{font-size:1.2rem}.benefitials-1__description{font-size:1.2rem;text-align:center}.vertical-tabs__title{font-size:2rem;text-align:center}.horizontal-tabs{flex-direction:column;padding:20px}.horizontal-tab,.tab{display:grid;gap:20px;grid-template-columns:1fr 1fr;width:100%}.tab button{font-size:1.2rem;padding:8px 10px}.tabcontent,.tabcontent-horizontal{flex-direction:column;padding:40px}.customer-experience__title{font-size:2rem;text-align:center}.customer-experience__image,.tabcontent-horizontal img{height:auto;width:100%}.tablinks2{padding:20px}.benefitials-1{align-items:center;display:flex;flex-direction:column-reverse;justify-content:center;padding:40px}.benefitials-1__image{height:80%;width:80%}.customer-experience__image__background{height:50vh}.tablinks2{display:flex;flex-direction:column}.tablinks2 img{height:40px;width:40px}.tablinks2 span{font-size:1.4rem;text-align:center;width:100%}.vertical-tabs{padding:40px 20px 0}.tab button{border:2px solid transparent;border-radius:10px;padding:10px}.tab button.active{border:2px solid #fff;border-radius:10px;padding:10px}.tablinks2{border:2px solid transparent;border-radius:10px;padding:10px}.tablinks2.active{border:2px solid #000;border-radius:10px;padding:10px}.active:after{display:none}}@media only screen and (max-width:320px){.hero__title{font-size:2rem;padding:10px}.benefitials-1{flex-direction:column;padding:10px}.benefitials-1__description,.vertical-tabs__title{font-size:1.4rem}.tab button{padding:5px 8px}.tab button,.tablinks2 span{font-size:1rem}.tabcontent{padding:20px}.customer-experience__title{font-size:1.6rem}.customer-experience__image{height:auto;width:100%}}