.home{.page-banner{--padding-header:0px;height:100vh;@media (max-width:900px){--padding-header:150px;height:auto}.custom-title{.titles{h1{margin-top:25px;p{font-size:46px;line-height:45px;letter-spacing:1.38px}}}}}}.page-template-products{.page-banner{.media-side{@media (max-width:900px){display:none}.card-three-img{display:flex;justify-content:center;.image-1{bottom:0;top:180px;left:100px;z-index:3}.image-2{right:120px;top:-40px;z-index:3}.image-3{bottom:60px;right:50px;z-index:3}}}}}.page-template-about{.page-banner{.media-side{@media (max-width:1080px){margin-left:30px}@media (max-width:900px){margin-left:0;margin-top:50px}@media (max-width:639px){margin-top:50px}.card-img-icon{.main_icon{bottom:-30px;right:80px;z-index:3;top:auto;@media (max-width:1080px){display:none}}}}}}.page-contact-us{.page-banner{.media-side{.img-icon{.main_icon{width:80px;height:80px;object-fit:contain}}}}}.page-banner{--padding-header:150px;position:relative;display:flex;padding-top:var(--padding-header);&.has-form{min-height:95vh!important;padding-bottom:30px!important;@media(max-width:900px){min-height:50vh!important;padding-bottom:60px!important}}&.has-bgcolor{background:linear-gradient(327deg,#0E122F 18.51%,#415AA8 126.44%);min-height:80vh;padding-bottom:100px;@media(max-width:1080px){padding-bottom:0;min-height:50vh}.content-side .titles .page-title p{color:#fff}.page-desc{color:#fff}.buttons,.page-desc,.page-title{z-index:2;position:relative}}.wave{position:absolute;width:auto;height:auto;z-index:0;pointer-events:none;filter:brightness(.7);@media (max-width:1080px){display:none}&.right{right:0;top:160px}&.left{left:0;bottom:50px}}.max-width{width:100%;align-self:center}.container{flex-wrap:wrap;display:flex;justify-content:space-around;align-items:center;@media (max-width:900px){flex-wrap:wrap;justify-content:flex-start}@media (max-width:639px){display:block}}.circle{position:absolute;&.blue-home{right:0;top:0;height:100%}&.green{bottom:-220px;right:0;@media (min-width:1600px){right:200px}}&.c1,&.blue-rhs{bottom:auto;right:0;top:120px;@media (min-width:1600px){right:200px}@media (max-width:900px){display:none}}&.blue-center{right:0;left:53%;top:110px;@media (max-width:900px){display:none}}}.content-side{width:calc(97% - 600px);@media (max-width:1080px){width:calc(97% - 510px)}@media (max-width:900px){max-width:unset;width:100%}@media (max-width:781px){max-width:unset}.titles{visibility:hidden;.page-title{color:var(--ccs-color-main-blue);font-size:29px;font-weight:800;line-height:1;text-transform:uppercase}.sub-title{color:var(--ccs-color-light-grey);font-size:13px;font-weight:800;line-height:1;text-transform:uppercase}h1{margin-bottom:0;p{color:var(--ccs-color-main-blue);margin:0;font-size:29px;font-weight:800;line-height:1;text-transform:uppercase}}}.page-desc{visibility:hidden;margin-top:26px;margin-bottom:48px}.buttons{visibility:hidden;display:flex;justify-content:flex-start;column-gap:13px;align-items:center}}.media-side{width:500px;position:relative;visibility:hidden;@media (max-width:900px){margin:50px 0 0;width:100%}@media (max-width:639px){position:relative;left:auto;right:auto;width:100%;margin:50px 0 0}.icon{position:absolute}.the-card{z-index:2}.main_icon{background-color:#fff;padding:10px;border-radius:10px}.numbers{position:absolute;pointer-events:none;&.b-large{width:248px;font-size:68px;font-weight:800;line-height:66px;letter-spacing:2.055px;text-transform:uppercase;opacity:.1;background:linear-gradient(133deg,#415aa8 14.96%,rgba(65,90,168,0) 98.05%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;@media (max-width:900px){font-size:54px;line-height:50px;z-index:-1}}&.l-small{width:144px;font-size:40px;font-weight:800;line-height:39px;letter-spacing:1.193px;text-transform:uppercase;opacity:.3;background:linear-gradient(132deg,#b5d43d -45.58%,rgba(181,212,61,0) 90.93%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}&.n1{top:-52px;right:-85px;@media (max-width:900px){top:-32px}}&.n2{top:190px;left:95px;@media (max-width:900px){left:0;top:160px}}&.n3{top:240px;right:-120px;@media (max-width:900px){right:-70px}}&.n4{bottom:-50px;left:65px;@media (max-width:900px){bottom:-50px;left:0}}}.card-w-num-img{display:flex;justify-content:center;padding-left:85px;@media (max-width:900px){padding-left:0;max-width:319px;position:relative;margin:0 auto}.the-card{@media (max-width:900px){width:250px}}.image-1{top:0;left:20px;z-index:1;@media (max-width:900px){left:0;width:80px}}.image-2{right:-20px;top:-120px;z-index:3;@media (max-width:900px){top:-20px;right:0;width:80px}}.image-3{bottom:-70px;right:0;z-index:3;@media (max-width:900px){bottom:0;width:80px}}}.card-two-img{display:flex;justify-content:center;.the-card{z-index:1;position:absolute;left:20px;top:-50px;@media (max-width:1080px){display:none}}.main_img{width:353px;height:405px;object-fit:cover;border-radius:30px;z-index:2;transform:translateX(70px);@media (max-width:1080px){width:100%;transform:none}@media (max-width:639px){height:300px}}.image-1{left:0;top:20px;z-index:3;right:auto;width:auto;height:87px;transform:translateX(140px);@media (max-width:1080px){transform:translateX(30px)}@media (max-width:900px){transform:translateX(-30px)}}.image-2{right:0;top:auto;z-index:3;bottom:30px;left:auto;width:auto;height:121px;transform:translateX(100px);@media (max-width:1300px){transform:translateX(50px)}@media (max-width:1080px){transform:translateX(30px)}}}.img-icon{display:flex;justify-content:center;.main_img{width:458px;height:363px;object-fit:cover;border-radius:30px;@media (max-width:1080px){width:100%}@media (max-width:639px){height:300px}}.main_icon{top:-30px;right:0;@media (max-width:1080px){display:none}}}.img-card{display:flex;justify-content:center;padding-left:85px;@media (max-width:900px){padding-left:0}.main_img{width:353px;height:405px;object-fit:cover;border-radius:30px;z-index:2;transform:translateX(19px);@media (max-width:1080px){width:100%;transform:none}@media (max-width:639px){height:300px}}.the-card{z-index:1;position:absolute;left:0;top:-50px;@media (max-width:1080px){display:none}}}.card-img-icon{display:flex;justify-content:center;.main_img{width:353px;height:405px;object-fit:cover;border-radius:30px;z-index:2;transform:translateX(70px);@media (max-width:1080px){width:100%;transform:none}@media (max-width:639px){height:300px}}.the-card{z-index:1;position:absolute;left:20px;top:-50px;@media (max-width:1080px){display:none}}.main_icon{top:-30px;right:0;z-index:3;@media (max-width:1080px){display:none}}}.card-prod-logo{display:flex;justify-content:center;.main_img{width:151px;height:auto;object-fit:contain;border-radius:20px;z-index:2;transform:translate(70px,-120px);@media (max-width:1080px){display:none}}.the-card{z-index:1;position:absolute;left:20px;top:-100px;@media (max-width:1080px){display:none}}}.form_html{min-height:570px;@media(max-width:900px){min-height:500px}.sidebar-form{background:#f4f4f4;border-radius:7px;padding:40px 30px;@media(max-width:900px){padding:20px 20px}}}}#card-video{cursor:pointer;.card-holder{position:relative;z-index:2}.the-card{will-change:transform}.card-gif,.play-icon-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);visibility:hidden}.card-gif{z-index:1;width:124%!important;border-radius:20px}.play-icon-wrapper{z-index:2;text-align:center;svg{height:70px;color:var(--ccs-color-light-grey-2);width:70px}}}}.video-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;background-color:var(--ccs-color-light-grey);cursor:pointer}.lightbox-content{width:70%;border-radius:26px;overflow:hidden;@media (max-width:650px){width:90%}.lightbox-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:40px;font-weight:700;cursor:pointer;z-index:10001;line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition);&:hover{opacity:.7}}}}.video-lightbox .embed-container{position:relative;padding-bottom:56.25%;overflow:hidden;max-width:100%;height:auto}.video-lightbox .embed-container iframe,.video-lightbox .embed-container object,.video-lightbox .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:1080px){.video-embed{& .container{padding-left:0}}}