.title-text-width{width:58%}.trusted-parner-sec{width:50%;margin:0 auto;padding:10rem 0}#navbeej-section-3-homepage{position:relative;overflow:hidden}@media only screen and (max-width:1680px){.title-text-width{width:62%}.trusted-parner-sec{width:56%}}@media only screen and (max-width:1450px){.title-text-width{width:67%}.trusted-parner-sec{width:68%}}@media only screen and (max-width:1366px){.title-text-width{width:64%}}@media only screen and (max-width:1280px){.trusted-parner-sec{width:71%}.title-text-width{width:68%}}@media only screen and (max-width:1152px){.trusted-parner-sec{width:74%}}@media only screen and (max-width:1024px){.trusted-parner-sec{width:76%}}@media only screen and (max-width:991px){.title-text-width{width:89%}.trusted-parner-sec{width:100%;padding:5rem 0}}@media only screen and (max-width:767px){.title-text-width{width:91%}.right-arrow{width:2rem}}
.product-grid{transition:var(--common-transition);grid-template-columns:repeat(3,1fr);align-items:center;gap:1rem;display:grid}.hover-product .section-paragraph p{transition:var(--common-transition)}.product-img{overflow:hidden}.hover-product:hover .section-paragraph p.black-color{color:var(--secondary-color)!important}@media only screen and (max-width:767px){.product-grid{grid-template-columns:repeat(1,1fr)}}
.video-section{width:100%;height:145vh;position:relative;overflow:hidden}.video-banner{z-index:1;width:100%;height:120vh;position:absolute;top:0;left:0;overflow:hidden}.video-banner img,.video-banner video{object-fit:cover;will-change:transform;width:100%;height:100%}.transperant-text-sec{z-index:2;pointer-events:none;justify-content:center;align-items:center;height:100vh;display:flex;position:-webkit-sticky;position:sticky;top:0}.transperant-text-title img{object-fit:contain;max-width:100%;height:auto;transition:transform .3s,opacity .3s}.pause-btn-flex{cursor:pointer;z-index:1;align-items:center;gap:1rem;display:flex;position:absolute;bottom:6%;right:3%}.pause-btn{width:3rem}@media only screen and (max-width:1450px){.transperant-text-title h1{font-size:92px}}@media only screen and (max-width:1280px){.transperant-text-title h1{font-size:84px}}@media only screen and (max-width:991px){.transperant-text-title h1{font-size:60px}}@media only screen and (max-width:767px){.transperant-text-title h1{font-size:58px}.transperant-text-title{width:100%;transform:translateY(-6%)!important}}
