:root{--font-primary: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;--font-secondary: IBM Plex Sans, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}html,body{font-family:var(--font-primary);-webkit-font-feature-settings:"ss01" 1;font-feature-settings:"ss01"}.about-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.about-page .banner{max-width:1440px;width:100%;min-height:500px;max-height:500px;margin:0 auto;padding:25px 0}@media screen and (max-width: 991px){.about-page .banner{padding-top:0;max-height:100%}}.about-page .banner .banner-conatiner{height:100%;display:flex;align-items:center;gap:40px}@media screen and (max-width: 991px){.about-page .banner .banner-conatiner{flex-direction:column-reverse;gap:24px}}.about-page .banner .banner-conatiner .title-container{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:130px}@media screen and (max-width: 1399px){.about-page .banner .banner-conatiner .title-container{padding-left:60px}}@media screen and (max-width: 991px){.about-page .banner .banner-conatiner .title-container{padding-left:24px;padding-right:24px;width:100%}}.about-page .banner .banner-conatiner .title-container h2{color:#2f3c36;font-weight:700}.about-page .banner .banner-conatiner .title-container p{color:#2f3c36;font-weight:400;font-size:14px;text-align:justify;margin-bottom:14px}.about-page .banner .banner-conatiner .img-banner{width:55%;margin-right:-5%;height:100%;object-fit:cover;border-radius:26px}@media screen and (max-width: 991px){.about-page .banner .banner-conatiner .img-banner{width:100%;margin:0;border-radius:16px;min-height:350px}}.about-us{margin-bottom:50px}.about-us .about-us-container{max-width:1440px;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;min-height:400px}@media screen and (max-width: 1199px){.about-us .about-us-container{height:450px}}@media screen and (max-width: 991px){.about-us .about-us-container{height:auto;grid-template-columns:repeat(1,1fr);gap:24px}}.about-us .text-container{display:flex;flex-direction:column;justify-content:center;gap:20px}@media screen and (max-width: 991px){.about-us .text-container{padding:0 24px}}.about-us .text-container p{font-size:14px;color:#2f3c36}.about-us .image-left{display:flex;align-items:center;justify-content:center;padding:30px}@media screen and (max-width: 991px){.about-us .image-left{padding:0 24px 0 0}}.about-us .image-left img{border-radius:20px;width:100%;max-width:600px;max-height:600px;object-fit:cover}@media screen and (max-width: 991px){.about-us .image-left img{aspect-ratio:auto;border-radius:0 20px 20px 0}}.about-us .image-right{display:flex;align-items:flex-end}@media screen and (max-width: 991px){.about-us .image-right{padding-left:24px}}.about-us .image-right img{border-radius:20px;aspect-ratio:480/420;object-fit:cover}@media screen and (max-width: 991px){.about-us .image-right img{border-radius:20px 0 0 20px;aspect-ratio:auto;height:250px}}.video-section{background-color:#deecee;padding:50px 0}@media screen and (max-width: 991px){.video-section{padding:24px 0}}.video-section .video-container{position:relative;overflow:hidden;max-width:1440px;width:100%;margin:0 auto}.video-section .video-container .icon-play{position:absolute;width:100%;height:100%;z-index:2;cursor:pointer;background-size:52px 61px!important;background-repeat:no-repeat!important;background-position:center!important}.video-section .video-container video{width:100%;height:600px;object-fit:cover;border-radius:47px}@media screen and (max-width: 1199px){.video-section .video-container video{height:500px}}@media screen and (max-width: 991px){.video-section .video-container video{height:300px;border-radius:16px}}.video-section .video-container .playing{object-fit:contain}.brands{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 0}@media screen and (max-width: 991px){.brands{padding:24px 0}}.brands h3{margin-bottom:0;padding:0 24px}@media screen and (max-width: 991px){.brands h3{font-size:18px}}.brands h2{margin-bottom:0;padding:0 24px}@media screen and (max-width: 991px){.brands h2{font-size:28px}}.brands-container{width:100%}.home-clients-carousel{width:100%;margin-top:20px;overflow:hidden}.home-clients-carousel .splide__slide img{height:100%;object-fit:contain}
