@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} @font-face { font-family: 'Tenon'; src: url('https://6160003.fs1.hubspotusercontent-eu1.net/hubfs/6160003/raw_assets/public/HrDuo_April2023/fonts/Tenon-Bold.woff2') format('woff2'), url('https://6160003.fs1.hubspotusercontent-eu1.net/hubfs/6160003/raw_assets/public/HrDuo_April2023/fonts/Tenon-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-stretch: normal; font-display: swap; } @font-face { font-family: 'Tenon'; src: url('https://6160003.fs1.hubspotusercontent-eu1.net/hubfs/6160003/raw_assets/public/HrDuo_April2023/fonts/Tenon-Medium.woff2') format('woff2'), url('https://6160003.fs1.hubspotusercontent-eu1.net/hubfs/6160003/raw_assets/public/HrDuo_April2023/fonts/Tenon-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-stretch: normal; font-display: swap; } @font-face { font-family: 'Tenon'; src: url('https://6160003.fs1.hubspotusercontent-eu1.net/hubfs/6160003/raw_assets/public/HrDuo_April2023/fonts/Tenon-Regular.woff2') format('woff2'), url('https://6160003.fs1.hubspotusercontent-eu1.net/hubfs/6160003/raw_assets/public/HrDuo_April2023/fonts/Tenon-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-stretch: normal; font-display: swap; }
.content-wrapper {max-width: 1270px; width: 100%; margin:0 auto; display: block; padding: 0 15px;} html {font-size: 18px; overflow-x: hidden !important;} body { font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none; color: #000000; font-size: 18px; line-height: 1.2; margin: 0; padding: 0; overflow-x: hidden !important;} p { font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none; } a { display: inline-block; transition: all ease-in-out .3s; } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } h1, .h1 { font-weight: 500; text-decoration: none; font-family: Tenon; font-style: normal; color: #000000; font-size: 48px; text-transform: none; line-height: 1.08; } h2, .h2 { font-weight: 500; text-decoration: none; font-family: Tenon; font-style: normal; color: #000000; font-size: 40px; text-transform: none; line-height: 1.08; } h3, .h3 { font-weight: 500; text-decoration: none; font-family: Tenon; font-style: normal; color: #000000; font-size: 32px; text-transform: none; line-height: 1.25; } h4, .h4 { font-weight: 500; text-decoration: none; font-family: Tenon; font-style: normal; color: #000000; font-size: 26px; text-transform: none; line-height: 1.2; } h5, .h5 { font-weight: 500; text-decoration: none; font-family: Tenon; font-style: normal; color: #000000; font-size: 20px; text-transform: none; line-height: 1.08; } h6, .h6 { font-weight: 500; text-decoration: none; font-family: Tenon; font-style: normal; color: #000000; font-size: 18px; text-transform: none; line-height: 1.08; } blockquote { border-left-color: #0C0F31; }
a.button, .button a, .hs-button, .hs-blog-post-listing__post-button { border: 1px solid #6347FF;
padding-top: 14px;
padding-right: 24px;
padding-bottom: 14px;
padding-left: 24px;
font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none; background-color:
rgba(99, 71, 255, 1.0)
; border-radius: 46px; color: #FFFFFF; font-size: 16px; text-transform: none; line-height: 1.25; font-weight: 500; } a.button:hover, a.button:focus, .button a:hover, .button a:focus, .hs-button:hover, .hs-button:focus, .hs-blog-post-listing__post-button:hover, .hs-blog-post-listing__post-button:focus { border: 1px solid #6347FF;
; color:
rgba(99, 71, 255, 1.0)
; background-color:
rgba(99, 71, 255, 0.0)
; border-radius: px; } a.button, .button a { display: flex; align-items: center; justify-content: center; width: max-content; gap: 15px;} a.button .arrow, .button a .arrow { line-height: 0;} a.button .arrow svg rect, .button a .arrow svg rect { fill: #FFFFFF;; stroke: #FFFFFF;; transition: all ease-in-out 0.3s;} a.button:active, .button a:active, .hs-button:active, .hs-blog-post-listing__post-button:active { font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none; background-color: rgba(139, 111, 255, 1.0); border-color: ; } a.button:focus .arrow svg rect, .button a:focus .arrow svg rect, a.button:hover .arrow svg rect, .button a:hover .arrow svg rect { fill:
rgba(99, 71, 255, 1.0)
; stroke:
rgba(99, 71, 255, 1.0)
; } a.button.border_button , .button.border_button a { border: 1px solid #6347FF;
padding-top: 14px;
padding-right: 24px;
padding-bottom: 14px;
padding-left: 24px;
font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none; background-color: transparent; border-radius: 46px; color:
rgba(99, 71, 255, 1.0)
; font-size: 16px; text-transform: none; line-height: 1.25; font-weight: 500; } a.button.border_button:hover, a.button.border_button:focus, .button.border_button a:hover, .button.border_button a:focus { border: 1px solid #6347FF;
; color: #FFFFFF; background-color:
rgba(99, 71, 255, 1.0)
; border-radius: px; } a.button.border_button, .button.border_button a { display: flex; align-items: center; justify-content: center; width: max-content; gap: 15px;} a.button.border_button .arrow, .button.border_button a .arrow { line-height: 0;} a.button.border_button .arrow svg rect, .button.border_button a .arrow svg rect { fill: #FFFFFF;; stroke: #FFFFFF;; transition: all ease-in-out 0.3s;} a.button.border_button:active, .button.border_button a:active { font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none; background-color: rgba(139, 111, 255, 1.0); border-color: ; } a.button.border_button:focus .arrow svg rect, .button.border_button a:focus .arrow svg rect, a.button.border_button:hover .arrow svg rect, .button.border_button a:hover .arrow svg rect { fill:
rgba(99, 71, 255, 1.0)
; stroke:
rgba(99, 71, 255, 1.0)
; } a.secondary_button, .secondary_button a { border: 1px solid #FFFFFF;
padding-top: 14px;
padding-right: 24px;
padding-bottom: 14px;
padding-left: 24px;
font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none; background-color:
rgba(255, 255, 255, 1.0)
; border-radius: 46px; color: #6347FF; font-size: 16px; text-transform: none;line-height: 1.25; font-weight: 500; } a.secondary_button, .secondary_button a { display: flex; align-items: center; justify-content: center; width: max-content; gap: 15px;} a.secondary_button .arrow, .secondary_button a .arrow { line-height: 0;} a.secondary_button .arrow svg rect, .secondary_button a .arrow svg rect { fill: #6347FF;; stroke: #6347FF;; transition: all ease-in-out 0.3s;} a.secondary_button .btn_text_gradient, .secondary_button a .btn_text_gradient { background: linear-gradient(90deg, #6347FF 25%, #8E7AFF 50%, #6347FF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} a.secondary_button:hover .btn_text_gradient, .secondary_button a:hover .btn_text_gradient { background: linear-gradient(90deg, #fff 25%, #fff 50%, #fff 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } a.secondary_button:focus, .secondary_button a:focus, a.secondary_button:hover, .secondary_button a:hover { border: 1px solid #6347FF;
; color:
rgba(255, 255, 255, 1.0)
; background-color:
rgba(99, 71, 255, 1.0)
; border-radius: px; } a.secondary_button:focus .arrow svg rect, .secondary_button a:focus .arrow svg rect, a.secondary_button:hover .arrow svg rect, .secondary_button a:hover .arrow svg rect { fill:
rgba(255, 255, 255, 1.0)
; stroke:
rgba(255, 255, 255, 1.0)
; } a.tertiary_button, .tertiary_button a { border: 1px solid rgba(99, 71, 255, 8%);
padding-top: 14px;
padding-right: 24px;
padding-bottom: 14px;
padding-left: 24px;
font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none; background-color:
rgba(99, 71, 255, 0.08)
; border-radius: 46px; color: #6347FF; font-size: 16px; text-transform: none;line-height: 1.25; font-weight: 500; } a.tertiary_button, .tertiary_button a { display: flex; align-items: center; justify-content: center; width: max-content; gap: 15px;} a.tertiary_button .arrow, .tertiary_button a .arrow { line-height: 0;} a.tertiary_button .arrow svg rect, .tertiary_button a .arrow svg rect { fill: #6347FF;; stroke: #6347FF;; transition: all ease-in-out 0.3s;} a.tertiary_button:focus, .tertiary_button a:focus, a.tertiary_button:hover, .tertiary_button a:hover { border: 1px solid #6347FF;
; color:
rgba(255, 255, 255, 1.0)
; background-color:
rgba(99, 71, 255, 1.0)
; border-radius: px; } a.tertiary_button:focus .arrow svg rect, .tertiary_button a:focus .arrow svg rect, a.tertiary_button:hover .arrow svg rect, .tertiary_button a:hover .arrow svg rect { fill:
rgba(255, 255, 255, 1.0)
; stroke:
rgba(255, 255, 255, 1.0)
; } a.quaternary_button, .quaternary_button a { border: 1px solid #FFFFFF;
padding-top: 14px;
padding-right: 24px;
padding-bottom: 14px;
padding-left: 24px;
font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none; background-color:
rgba(255, 255, 255, 0.0)
; border-radius: 46px; color: #FFF; font-size: 16px; text-transform: none;line-height: 1.25; font-weight: 500; } a.quaternary_button, .quaternary_button a { display: flex; align-items: center; justify-content: center; width: max-content; gap: 15px;} a.quaternary_button .arrow, .quaternary_button a .arrow { line-height: 0;} a.quaternary_button .arrow svg rect, .quaternary_button a .arrow svg rect { fill: #FFF;; stroke: #FFF;; transition: all ease-in-out 0.3s;} a.quaternary_button:focus, .quaternary_button a:focus, a.quaternary_button:hover, .quaternary_button a:hover { border: 1px solid #FFFFFF;
; color:
rgba(99, 71, 255, 1.0)
; background-color:
rgba(255, 255, 255, 1.0)
; border-radius: px; } a.quaternary_button:focus .arrow svg rect, .quaternary_button a:focus .arrow svg rect, a.quaternary_button:hover .arrow svg rect, .quaternary_button a:hover .arrow svg rect { fill:
rgba(99, 71, 255, 1.0)
; stroke:
rgba(99, 71, 255, 1.0)
; }
form, .submitted-message { font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none; border: 1px none #0C0F31;
; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color:
rgba(12, 15, 49, 0.0)
; padding: 0px;
; } .form-title { border: 1px none #0C0F31;
; padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
; font-family: Tenon; font-style: normal; font-weight: 500; text-decoration: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; font-size: 32px; color: #000000; background-color:
rgba(12, 15, 49, 1.0)
; display:none } form label { color: #000000; } form legend { color: #000000; } form input[type=text], form input[type=search], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea { border: 1px solid #FFFFFF;
background-color:
rgba(255, 255, 255, 1.0)
; color: #312480; border-radius: 46px; } ::-webkit-input-placeholder { color: rgba(49, 36, 128, 0.5); } ::-moz-placeholder { color: rgba(49, 36, 128, 0.5); } :-ms-input-placeholder { color: rgba(49, 36, 128, 0.5); } ::placeholder { color: rgba(49, 36, 128, 0.5); } .hs-fieldtype-date .input .hs-dateinput:before { color: #312480; } .fn-date-picker td.is-selected .pika-button { background: #000000; } .fn-date-picker td .pika-button:hover { background-color: #000000 !important; } .fn-date-picker td.is-today .pika-button { color: #000000; } form input[type=submit], form .hs-button { border: 1px none #000000;
; padding-top: 14px;
padding-right: 24px;
padding-bottom: 14px;
padding-left: 24px;
; font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none; color: #FFFFFF; font-size: 16px; background-color:
rgba(0, 0, 0, 1.0)
; border-radius: 46px; text-transform: none; } form input[type=submit]:hover, form input[type=submit]:focus, form .hs-button:hover, form .hs-button:focus { background-color:
rgba(49, 36, 128, 1.0)
; color: #ffffff; border: 1px none #1a334e;
; } form input[type=submit]:active, form .hs-button:active { background-color: rgba(#null, 0.0); border-color: ; } table { background-color:
rgba(#null, 1)
; } td, th { color: ; } thead th { background-color:
rgba(#null, 1)
; color: ; } tfoot td { background-color:
rgba(#null, 1)
; color: ; }
.header {top: 40px;left:0;right:0;z-index: 9999;position: fixed;width: 100%;transition: all 0.3s;-webkit-transition: all 0.3s;} body.leaveIt .header{transform:translateY(calc(-100% - 40px));-webkit-transform: translateY(calc(-100% - 40px));-moz-transform: translateY(calc(-100% - 40px));} body.fixIt .header { transform: translateY(-20px); -webkit-transform: translateY(-20px);} body.fullView .header { transform: translateY(0); -webkit-transform: translateY(0); } .header .headerInnersec:before { position: absolute; content: ""; width: 100%; height: 100%; background: #6347ff; opacity: 100%; left: 0; top: 0; border-radius: 70px; z-index: -1;} header.header.scrolled .headerInnersec:before { opacity: 0; }
header.header .headerInnersec { background-color:
rgba(255, 255, 255, 0.1)
; border-radius: 70px; padding: 0 10px 0 30px; background: url("https://6160003.fs1.hubspotusercontent-eu1.net/hubfs/6160003/hrduo-theme-2026/Navigation-%281%29.png"), rgba(255, 255, 255, 0.1); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; } header.header .headerInnersec .headerlogo { max-width: 115px; width: 100%; padding: 24px 0;} header.header .headerInnersec .headerlogo a { width: 100%; height: 100%;} header.header .headerInnersec .headerlogo a img { width: 100%; height: 100%; object-fit: contain;} header.header .headerInnersec { gap: 50px; justify-content: space-between;} header.header .headerInnersec .headerRTCol .headerNav >span>div> ul > li > a { padding: 25px 0;} header.header .headerInnersec .headerRTCol .headerNav >span > div > ul { gap: 50px; margin: 0; padding: 0; list-style: none; display: flex; align-items: center; } header.header .headerInnersec .headerRTCol .headerdemobtn a span.text_gradient { background: linear-gradient(90deg, #6347FF 25%, #8E7AFF 50%, #6347FF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} header.header .headerInnersec .headerRTCol .headerdemobtn a:hover span.text_gradient { background: linear-gradient(90deg, #FFF 25%, rgb(255 255 255 / 60%) 50%, #FFF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} header.header .headerInnersec .headerRTCol .headerdemobtn a:hover { border-color: #FFF; background: transparent;} ul.hs-menu-children-wrapper { margin: 0; width: 100%; padding: 0;} ul.hs-menu-children-wrapper .headermegamenuBoxSec .headermegamenuBox.image { max-width: 283px; width: 100%;} .headermegamenusection { width: max-content; margin: 0 auto; padding: 32px 40px 32px 32px;} ul.hs-menu-children-wrapper .headermegamenuBoxSec .headermegamenuBox.menu { max-width: max-content; width: 100%;} ul.hs-menu-children-wrapper .headermegamenuBoxSec .headermegamenuBox .headermegamenuBoxTitlecol { display: flex; align-items: center; gap: 12px;} ul.hs-menu-children-wrapper .headermegamenuBoxSec .headermegamenuBox .headermegamenuBoxTitlecol .headermegamenuBoximg { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #FFFFFFCC; border-radius: 7px; background: rgb(0 0 0 / 30%);} .headermegamenuBoxMenusec .headermegamenuBoxList li { margin-top: 16px;} .headermegamenuBoxMenusec .headermegamenuBoxList { padding-left: 52px;} .headermegamenuBoxMenusec .headermegamenuBoxList ul { margin: 0; padding: 0; list-style: none;} .headermegamenuBoxMenusec .headermegamenuBoxList li a { padding-left: 16px; position: relative;} .headermegamenuBoxMenusec .headermegamenuBoxList li a:before { position: absolute; content: ""; width: 6px; height: 6px; background: #fff; left: 0; border-radius: 50%; top: 53%; transform: translateY(-50%);} ul.hs-menu-children-wrapper .headermegamenuBoxSec .headermegamenuBox.image { position: relative; height: 334px; border-radius: 20px; overflow: hidden;} ul.hs-menu-children-wrapper .headermegamenuBoxSec .headermegamenuBox.image .headermegamenuimgBox { height: 100%; position: relative;} ul.hs-menu-children-wrapper .headermegamenuBoxSec .headermegamenuBox.image .headermegamenuimgBox .headermegamenuimgText { position: absolute; z-index: 5; bottom: 0; left: 0; padding: 32px; pointer-events: none;} ul.hs-menu-children-wrapper .headermegamenuBoxSec .headermegamenuBox.image .headermegamenuimgBox img { width: 100%; height: 100%; object-fit: cover;} ul.hs-menu-children-wrapper .headermegamenuBoxSec .headermegamenuBox.image .headermegamenuimgBox a.headermegamenuimglink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3;} ul.hs-menu-children-wrapper .headermegamenuBoxSec .headermegamenuBox.image .headermegamenuimgBox:before { position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(32, 38, 64, 0) 0%, #202640 89.38%); bottom: 0; left: 0;} .headermegamenusection.has-image { padding: 32px 72px 38px 32px;} header.header .headerInnersec { position: relative;} header.header .headerInnersec .headerRTCol ul li.hs-item-has-children > ul.hs-menu-children-wrapper.no-img { width: max-content;}
.headermegamenus2Section { background: #7359FF99; border: 1px solid #9682FF; border-radius: 30px; box-shadow: 0px 84px 74px -50px #31248066; backdrop-filter: blur(200px);} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp { padding: 48px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp { display: flex; align-items: flex-start; gap: 10px; background: #7359FF99; flex-wrap: wrap; border: 1px solid #9682FF; border-radius: 14px; transition: all ease-in-out 0.3s; padding: 20px; position: relative; cursor: pointer;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp .headermegamenucntBoxLTCol { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: rgb(0 0 0 / 16%); border-radius: 7px; border: 1px solid rgb(255 255 255 / 20%);} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp .headermegamenucntBoxRTCol { max-width: 278px; width: 100%;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp .headermegamenucntBoxbtnarrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: #FFFFFF; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all ease-in-out 0.3s;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp .headermegamenucntBoxbtnarrow svg { transition: all ease-in-out 0.3s;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp .headermegamenucntBoxRTCol .headermegamenucntBoxTitle h5 { font-size: 20px; line-height: 1; font-weight: 500; margin-bottom: 5px; transition: all ease-in-out 0.3s;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp .headermegamenucntBoxRTCol .headermegamenucntBoxContent p { color: rgb(255 255 255 / 70%); color : rgba(255, 255, 255, 70%); line-height: 1.25; transition: all ease-in-out 0.3s;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp:hover { background: #FFF; box-shadow: 0px 24px 24px 0px #3124804D;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp:hover .headermegamenucntBoxLTCol { background: rgb(99 71 255 / 10%);} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp:hover .headermegamenucntBoxLTCol svg path { fill: #6347FF;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp .headermegamenucntBoxLTCol svg path { transition: all ease-in-out 0.3s;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp:hover .headermegamenucntBoxTitle h5 { color: #000000;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp:hover .headermegamenucntBoxContent p { color: #000000;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp:hover .headermegamenucntBoxbtnarrow { background: #6347FF; transform: translateY(-50%) rotate(-90deg);} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp:hover .headermegamenucntBoxbtnarrow svg rect { fill: #FFF; stroke: #FFF;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp .headermegamenucntBoxbtnarrow svg rect { transition: all ease-in-out 0.3s;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp a.headermegamenucntBoxbtn { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu { max-width: 356px; width: 100%;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu .headermegamenus2BoxCard { background: #7359FF99; border: 1px solid #9682FF; box-shadow: 0px 54px 74px -50px #31248066; backdrop-filter: blur(200px); border-radius: 20px; padding: 20px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu .headermegamenus2BoxCard .headermegamenus2BoxCardimg { width: 100%; height: 200px; border-radius: 12px; overflow: hidden;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu .headermegamenus2BoxCard .headermegamenus2BoxCardimg img { width: 100%; height: 100%; object-fit: cover;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu .headermegamenus2BoxCard .headermegamenus2BoxCardText { margin-top: 16px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu .headermegamenus2BoxCard .headermegamenus2BoxCardText h5 { font-size: 20px; line-height: 1; font-weight: 500;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu .headermegamenus2BoxCard .headermegamenus2BoxCardbtn { margin-top: 46px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu .headermegamenus2BoxCard .headermegamenus2BoxCardbtn a { text-decoration: underline; font-weight: 500; line-height: 1.25; display: flex; align-items: center; gap: 12px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu .headermegamenus2BoxCard .headermegamenus2BoxCardbtn a:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='12' viewBox='0 0 44 12' fill='none'%3E%3Cpath d='M1 4.7735C0.447715 4.7735 0 5.22121 0 5.7735C0 6.32578 0.447715 6.7735 1 6.7735V5.7735V4.7735ZM43.625 5.7735L33.625 -4.29153e-06V11.547L43.625 5.7735ZM1 5.7735V6.7735H34.625V5.7735V4.7735H1V5.7735Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; width: 42px; height: 20px; line-height: 0; background-position: center bottom 3px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.simple_menu { max-width: calc(100% - (416px + 356px)); width: 100%; padding: 0 50px 0 72px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.simple_menu ul { margin: 0; padding: 0; list-style: none;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.simple_menu ul li+* { margin-top: 24px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.simple_menu ul li a { line-height: 1.25;} .headermegamenus2InSecbt { border-top: 1px solid rgb(255 255 255 / 30%); padding: 17px 47px; display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap;} .headermegamenus2InSecbt .headermegamenus2InSecbtctas { display: flex; align-items: center; gap: 32px; flex-wrap: wrap;} .headermegamenus2InSecbt .headermegamenus2InSecbtctas .headermm2ISbutton a { text-decoration: underline;} .headermegamenus2InSecbt .headermegamenus2InSecbtcnt p a { font-weight: 500; text-decoration: underline;} ul.hs-menu-children-wrapper .headermegamenuBoxSec .headermegamenuBox .headermegamenuBoxTitlecol { position: relative;} ul.hs-menu-children-wrapper .headermegamenuBoxSec .headermegamenuBox .headermegamenuBoxTitlecol a.headermegamenuBoxlink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu { max-width: calc(100% - 356px); width: 100%; display: flex; align-items: flex-start;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Box.content_menu { max-width: 416px; width: 100%;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp { max-width: calc(100% - 416px); width: 100%; padding: 0 50px 0 72px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp ul { margin: 0; padding: 0; list-style: none;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp ul a { font-size: 16px; line-height: 1.25;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp ul li+* { margin-top: 20px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp.active { background: #FFF; box-shadow: 0px 24px 24px 0px #3124804D;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp.active .headermegamenucntBoxLTCol { background: rgb(99 71 255 / 10%);} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp.active .headermegamenucntBoxLTCol svg path { fill: #6347FF;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp.active .headermegamenucntBoxTitle h5 { color: #000000;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp.active .headermegamenucntBoxContent p { color: #000000;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp.active .headermegamenucntBoxbtnarrow { background: #6347FF; transform: translateY(-50%) rotate(-90deg); } .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp.active .headermegamenucntBoxbtnarrow svg rect { fill: #FFF; stroke: #FFF;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp ul:hover > li { opacity: 0.7; transition: opacity .3s ease;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp ul:hover > li:hover { opacity: 1; transition: opacity .3s ease;} .headermegamenus2List:hover .headermegamenus2ListCol { opacity: 0.6; transition: opacity .3s ease;} .headermegamenus2List:hover .headermegamenus2ListCol:hover { opacity: 1; transition: opacity .3s ease;}
@media (min-width : 992px){
header.header .headerInnersec .headerRTCol .headerburgermenu { display: none;} ul.hs-menu-children-wrapper { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); top: 100%; transition: all ease-in-out 0.3s; opacity: 0; visibility: hidden;} header.header .headerInnersec .headerRTCol ul li.hs-item-has-children > a:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='4.4668' y='6.50256' width='5.99639' height='1' rx='0.25' transform='rotate(45 4.4668 6.50256)' fill='white' stroke='white' stroke-width='0.5'/%3E%3Crect x='12.2444' y='7.20499' width='6.00299' height='1' rx='0.25' transform='rotate(135 12.2444 7.20499)' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E"); width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center center;} header.header .headerInnersec .headerRTCol ul li.hs-item-has-children > ul.hs-menu-children-wrapper { border-radius: 30px; } header.header .headerInnersec .headerRTCol ul .hs-item-has-children > a { display: flex; align-items: center; gap: 5px;} header.header .headerInnersec .headerRTCol ul .hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible;} header.header .headerInnersec .headerRTCol ul li.hovered { opacity: 75%;} header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-depth-1 { transition: all ease-in-out 0.3s;} .childExpand { display: none; } .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Box.content_menu .headermegamenus2BoxIn { display: flex; flex-direction: column; gap: 20px; } .headermegamenus2BoxMain.normal_menu { width: calc(30% - 48px) } .headermegamenus2Boxsmenu.headermegamenus2Boxsmenumobile { display: none; } .headermegamenus2Section { margin-top: 15px }
}
@media (max-width: 1300px){
.headermegamenuBoxMenusec .headermegamenuBoxList { padding-left: 20px;} .headermegamenusection.has-image,.headermegamenusection { padding: 32px;} .headermegamenusection.has-image { width: 100%;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.simple_menu { padding: 0 30px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp { padding: 0 30px 0 50px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Box.content_menu { max-width: 380px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp .headermegamenucntBoxRTCol { max-width: calc(100% - (40px + 38px + 10px)); width: 100%;}
}
@media (max-width : 1230px){
header.header .headerInnersec { gap: 100px;} header.header .headerInnersec .headerRTCol { max-width: calc(100% - 215px);} header.header .headerInnersec { gap: 50px;} ul.hs-menu-children-wrapper .headermegamenusection.has-image .headermegamenuBoxSec .headermegamenuBox.image { max-width: calc(50% - 16px);} ul.hs-menu-children-wrapper .headermegamenusection.has-image .headermegamenuBoxSec .headermegamenuBox.menu { max-width: calc(50% - 16px);} .headermegamenuBoxMenusec .headermegamenuBoxList { padding-left: 52px;} .headermegamenusection.no-img { width: 100%;} ul.hs-menu-children-wrapper .headermegamenusection.no-img .headermegamenuBoxSec .headermegamenuBox.menu { max-width: calc(33.33% - 32px);} header.header .headerInnersec .headerRTCol ul li.hs-item-has-children > ul.hs-menu-children-wrapper.no-img { width: 100%;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp { padding: 32px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp .headermegamenucntBoxRTCol { max-width: calc(100% - (48px + 20px + 28px));} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu {max-width: 320px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.simple_menu { max-width: calc(100% - (320px + 356px));} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu { max-width: calc(100% - 320px);} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp { padding: 0 30px; max-width: calc(100% - 350px);} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Box.content_menu { max-width: 350px;} header.header .headerInnersec .headerRTCol ul li.hs-item-has-children > ul.hs-menu-children-wrapper.menuhasesignlechild { width: fit-content;} ul.hs-menu-children-wrapper.menuhasesignlechild .headermegamenusection .headermegamenuBoxSec { width: 100%;} ul.hs-menu-children-wrapper.menuhasesignlechild .headermegamenusection .headermegamenuBoxSec .headermegamenuBox.menu { max-width: 100%;} header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-depth-1:nth-child(2) ul.hs-menu-children-wrapper, header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-depth-1:nth-child(3) ul.hs-menu-children-wrapper { width: 100%; } header.header .headerInnersec { gap: 20px;} header.header .headerInnersec .headerRTCol .headerNav >span > div > ul { gap: 40px;} .CounterBoxSection .CounterBox { padding: 30px 10px;} .CounterBoxSection .CounterBox .CounterBoxText { word-break: break-word;}
}
@media (max-width : 1080px){
header.header .headerInnersec .headerRTCol { max-width: calc(100% - 145px);} header.header .headerInnersec .headerRTCol .headerNav >span > div > ul { gap: 25px; } .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.simple_menu { max-width: 100%; order: 3; padding: 0;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu { max-width: calc(50% - 20px); order: 2;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp { gap: 40px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.simple_menu ul { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 24px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.simple_menu ul li+* { margin-top: 0;} .headermegamenus2InSecbt { padding: 17px 32px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Box.content_menu { max-width: 420px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp { max-width: calc(100% - 420px); padding: 0 0 0 70px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu { max-width: 100%;} .headermegamenus2BoxMain.normal_menu { width: calc(50% - 20px); } .headermegamenus2Section { overflow-y: auto; height: 60vh; padding-right: 30px; } .headermegamenus2Section::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #7359FF99; border-radius: 30px; } .headermegamenus2Section::-webkit-scrollbar { width: 10px; background-color: #7359FF99; border-radius: 30px; } .headermegamenus2Section::-webkit-scrollbar-thumb { background-color: #FFF; border: 2px solid #555555; border-radius: 30px; }
}
@media (max-width : 991px){
.headermenuCol { position: absolute; top: 100%; background: #202640; width: 100%; left: 0; margin-top: 15px; border-radius: 50px; display: none;} header.header .headerInnersec { position: relative;} .headermenuCol .headerNav ul { flex-direction: column;} .headermenuCol .headerNav { max-width: 90%; width: 100%; margin: 0 auto; padding: 30px;} header.header .headerInnersec .headerRTCol { justify-content: flex-end; } header.header .headerInnersec .headerRTCol .headerburgermenu { order: 2;} header.header .headerInnersec .headerRTCol .headerbtnsec { order: 1;} .headerburgermenu {width: 36px;height: 30px;display: block;cursor: pointer;padding: 3px;position: relative;top: 3px;right: 0;/* line-height: 0; */} .headerburgermenu i {position:relative;width: 30px;left:0;height: 3px;opacity:1;display: block;background: #fff;margin: 5px 0;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;} .headerburgermenu i:first-child { margin-top: 0;} .headerburgermenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 8px; position: relative; } .headerburgermenu.active i:nth-child(2) { position:relative; left:-46px; opacity:0; } .headerburgermenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; } header.header .headerInnersec .headerbtnsec.headerbtnsecdesktop { display: none;} header.header .headerInnersec .headerRTCol .headerbtnsec.headerbtnsectab { display: flex !important;} header.header .headerInnersec .headerRTCol { gap: 20px;} header.header .headerInnersec { padding : 0 30px; } .childExpand {position: absolute;top: 8px;right: 10px;width: 24px;text-align: center;height: 24px;margin: 0;padding:5px;cursor:pointer;} .childExpand i { position:relative; width: 15px; left:0; height: 1px; opacity:1; display: block; background:#fff; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top:-7px; } .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children { position: relative;} header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul.hs-menu-children-wrapper { display: none;} header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-item.hs-menu-depth-1 { width: 100%;} header.header .headerInnersec .headerRTCol .headerNav >span > div > ul { gap: 20px;} header.header .headerInnersec .headerRTCol .headerNav >span>div> ul > li > a { padding: 10px 0;} .headermegamenusection.has-image, .headermegamenusection { padding: 20px 0; } ul.hs-menu-children-wrapper .headermegamenusection.no-img .headermegamenuBoxSec .headermegamenuBox.menu { max-width: calc(50% - 24px); } .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp {padding: 20px 0;} .headermegamenus2Section { background: transparent; border: unset; box-shadow: unset; backdrop-filter: unset;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu { max-width: 100%;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.simple_menu { order: 2; max-width:100%;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu { max-width: 100%;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu .headermegamenus2BoxCard .headermegamenus2BoxCardimg { height: 300px;} .headermegamenus2InSecbt { padding: 17px 0;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu { flex-wrap: wrap; gap: 30px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Box.content_menu { max-width: 100%;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp { max-width: 100%; padding: 0;} header.header .headerInnersec .headerRTCol ul li.hs-item-has-children > ul.hs-menu-children-wrapper.menuhasesignlechild { width: 100%;} header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-depth-1:nth-child(2) ul.hs-menu-children-wrapper, header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-depth-1:nth-child(3) ul.hs-menu-children-wrapper { width: 100%;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Box.content_menu .headermegamenus2BoxIn { display: flex; flex-direction: column; gap: 20px; } .headermegamenus2Boxsmenu.headermegamenus2Boxsmenumobile ul { margin: 0; padding: 0; } .headermegamenus2Boxsmenu.headermegamenus2Boxsmenumobile ul li+* { margin-top: 20px; } .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp+* { margin-top: 0; } .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Box.content_menu .headermegamenus2BoxIn { display: flex; flex-direction: column; gap: 20px; } .headermegamenus2Boxsmenu.headermegamenus2Boxsmenumobile ul { margin: 0; padding: 0; } .headermegamenus2Boxsmenu.headermegamenus2Boxsmenumobile ul li+* { margin-top: 20px; } .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp+* { margin-top: 0; } .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu, .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp { display: none !important; } .headermegamenus2BoxMain.normal_menu { width: 100%; } .headermegamenus2Section { border-radius: 0 } .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp a.headermegamenucntBoxbtn { width: calc(100% - 60px); } .headermegamenus2Boxsmenu.headermegamenus2Boxsmenumobile { display: none; } .headermegamenus2Boxsmenu.headermegamenus2Boxsmenumobile.headermegamenus2Boxsmenumobilefirst { display: block; }
}
@media (max-width : 767px){
header.header { top: 40px;} .headermegamenuBoxMenusec .headermegamenuBoxList { padding-left: 20px;} .headermegamenuBoxSec { gap: 30px 20px !important;} ul.hs-menu-children-wrapper .headermegamenusection.has-image .headermegamenuBoxSec .headermegamenuBox.image,ul.hs-menu-children-wrapper .headermegamenusection.has-image .headermegamenuBoxSec .headermegamenuBox.menu { max-width: calc(50% - 10px);} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu .headermegamenus2BoxCard .headermegamenus2BoxCardimg { height: 200px; } ul.hs-menu-children-wrapper.menuhasesignlechild .headermegamenusection { padding: 20px; }
}
@media (max-width : 640px){
header.header .headerInnersec .headerRTCol > .headerbtnsec { display: none;} .headermenuCol .headerbtnsec.headerbtnsecmobile { display: flex !important; padding: 0 30px 30px; flex-direction: column; align-items: flex-start;} .headermenuCol .headerNav { max-width: 100%;} header.header .headerInnersec .headerRTCol .headerbtnsec.headerbtnsectab { display: none !important;} ul.hs-menu-children-wrapper .headermegamenusection.has-image .headermegamenuBoxSec .headermegamenuBox.image, ul.hs-menu-children-wrapper .headermegamenusection.has-image .headermegamenuBoxSec .headermegamenuBox.menu { max-width: 100%;} ul.hs-menu-children-wrapper .headermegamenusection.no-img .headermegamenuBoxSec .headermegamenuBox.menu { max-width: 100%; } body.fixIt .header { transform: translateY(-10px); -webkit-transform: translateY(-10px);}
}
@media (max-width : 480px){
header.header .headerInnersec .headerlogo { padding: 20px 0;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp .headermegamenucntBoxRTCol { max-width: 100%;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp .headermegamenucntBoxbtnarrow { transform: unset; top: 27px; right: 18px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu .headermegamenus2BoxCard .headermegamenus2BoxCardimg { height: 150px;} .headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2BoxIn .headermegamenucntBoxgrp.active .headermegamenucntBoxbtnarrow { transform: rotate(-90deg); } header.header { top : 30px } .headermegamenus2Section { padding-right: 10px; } .headermegamenus2InSecbt .headermegamenus2InSecbtctas { width: 100%; justify-content: space-between; }
}
.headermegamenus2Listile { opacity: 0.75; margin-bottom: 12px; } .headermegamenus2ListCol a { font-size: 18px; margin-bottom: 8px; } .headermegamenus2Listxt { opacity: 0.75; font-size: 15px; } .headermegamenus2ListCol:not(:last-child) { margin-bottom: 20px; } .footer { background-color:
rgba(32, 38, 64, 1.0)
; margin : 0 20px 20px; border-radius : 30px; } .footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer label, .footer span, .footer li, .footer img { color: #FFF; } .FooterMenuSec { max-width: 1030px; width: 100%; margin: 0 0 0 auto;} .FooterMenuSec .FooterMenuBox { max-width: calc(20% - 16px); width: 100%;} .FooterMenuSec .FooterMenuBox .FooterMenu ul { flex-direction: column; margin: 10px 0 0; padding: 0; gap: 10px; list-style: none; display: flex;} .FooterMenuSec .FooterMenuBox .FooterMenu ul li a { line-height: 1.286;} .footer .footerinSec { padding-bottom: 300px; } .footer .footerinSec .FooterLogo { position: absolute; bottom: 0; width: 100%; max-width: 50%; left: calc((100% - 1240px) / 2);} .footer .footerinSec .FooterLogo img { width: 100%; height: 100%; object-fit: contain;} footer.footer { position: relative;} footer.footer .footershape { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;} footer.footer .footershape svg { width: 100%; height: 100%;} .footer .footerinSec .FooterCopyRight { position: absolute; bottom: 20px; right: 30px;}
@media (max-width: 1600px){ .footer .footerinSec .FooterLogo { max-width: 60%; } } @media (max-width: 1300px){ .footer .footerinSec .FooterLogo { left: 5%; } .footer .footerinSec { padding-bottom: 250px;} .FooterMenuSec { justify-content: center; } } @media (max-width : 1080px){ .footer .footerinSec .FooterLogo { max-width: 100%; width: 80%;} .footer .footerinSec { padding-bottom: 200px;} .footer .footerinSec .FooterCopyRight { bottom: 100px;} }
@media (max-width : 991px){ .FooterMenuSec { gap: 30px 20px !important;} .footer .footerinSec .FooterLogo { width: calc(100% - 60px); left: 50%; transform: translateX(-50%);} .footer .footerinSec { padding: 50px 0 150px;} .FooterMenuSec .FooterMenuBox { max-width: calc(25% - 15.33px);} .footer .footerinSec .FooterCopyRight { bottom: 120px;} }
@media (max-width : 640px){ .FooterMenuSec .FooterMenuBox { max-width: calc(50% - 10px);} .footer .footerinSec { padding: 30px 0 150px;} .footer { margin: 0 10px 10px; } .footer .footerinSec .FooterCopyRight { bottom: 100px;} .footer .footerinSec .FooterCopyRight { right: unset; left: 0; width: 100%; text-align: center; padding: 0 10px; } }
@media (max-width : 480px){.footer .footerinSec .FooterCopyRight { bottom: 80px;} }
.p2 *, .p2 { font-size: 16px; } .p3 *, .p3 { font-size: 14px; } .p4 *, .p4 { font-size: 10px; } img { max-width:100%; height:auto; border:none; vertical-align:middle; } a { text-decoration:none; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; display: inline-block; } p { margin:0; }
.extrabold, .extrabold h1, .extrabold h2, .extrabold h3, .extrabold h4, .extrabold h5, .extrabold h6, .extrabold p, { font-weight:800; } .bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6, .bold p { font-weight:700; } .semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6, .semibold p { font-weight:600; } .medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6, .medium p { font-weight:500; } .normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6, .normal p { font-weight:400; } .light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p { font-weight:300; } .uppercase, .uppercase * { text-transform: uppercase; } .text-center { text-align:center; } .text-right { text-align:right; } .text-left { text-align:left; } .font-italic{font-style: italic;} .lh1, .lh1 a, .lh1 h1, .lh1 h2, .lh1 h3, .lh1 h4, .lh1 h5, .lh1 h6, .lh1 p { line-height : 1 } .lh11, .lh11 a, .lh11 h1, .lh11 h2, .lh11 h3, .lh11 h4, .lh11 h5, .lh11 h6, .lh11 p { line-height : 1.1 } .lh12, .lh12 a, .lh12 h1, .lh12 h2, .lh12 h3, .lh12 h4, .lh12 h5, .lh12 h6, .lh12 p { line-height : 1.2 } .lh13, .lh13 a, .lh13 h1, .lh13 h2, .lh13 h3, .lh13 h4, .lh13 h5, .lh13 h6, .lh13 p { line-height : 1.3 } .lh14, .lh14 a, .lh14 h1, .lh14 h2, .lh14 h3, .lh14 h4, .lh14 h5, .lh14 h6, .lh14 p { line-height : 1.4 } .lh15, .lh15 a, .lh15 h1, .lh15 h2, .lh15 h3, .lh15 h4, .lh15 h5, .lh15 h6, .lh15 p { line-height : 1.5 } .lh16, .lh16 a, .lh16 h1, .lh16 h2, .lh16 h3, .lh16 h4, .lh16 h5, .lh16 h6, .lh16 p { line-height : 1.6 } .ls1, .ls1 h1, .ls1 h2, .ls1 h3, .ls1 h4, .ls1 h5, .ls1 h6, .ls1 p, .ls1 a { letter-spacing: 0; } .ls2, .ls2 h1, .ls2 h2, .ls2 h3, .ls2 h4, .ls2 h5, .ls2 h6, .ls2 p, .ls2 a { letter-spacing: 0; } .ls3, .ls3 h1, .ls3 h2, .ls3 h3, .ls3 h4, .ls3 h5, .ls3 h6, .ls3 p, .ls3 a { letter-spacing: 0; } .nolistStyle, .nolistStyle ul{padding:0; margin:0; list-style-type: none;} .listStyle * + ul { margin-top:15px; } .listStyle ul li { padding-left:25px; position:relative; } .listStyle ul li:before { font-family:'fontawesome',sans-serif; position:absolute; left:4px; color:#0078ff; font-weight:normal; top:2px; } .listStyle ul li:not([class*="fa-"]):before { content:"\f111"; font-size:60%; line-height:2; } /*Default without any class in if you want any other font awesome icon just put icon class in Content */ .fl { float:left; } .fr { float:right; } .ib { display: inline-block; vertical-align:middle; margin-right:-4px; } .ib.vt { vertical-align:top; } .w20 { width: 20%; } .w25 { width: 25%; } .w30 { width: 30%; } .w33 { width: 33.33%; } .w40 { width: 40%; } .w45 { width: 45%; } .w50 { width: 50%; } .w55 { width: 55%; } .w60 { width: 60%; } .w66 { width: 66.66%; } .w70 { width: 70%; } .w75 { width: 75%; } .w80 { width: 80%; } .w100 { width: 100%; } .max50 {max-width:50px; width:100%;} .max100 {max-width:100px; width:100%;} .max150 {max-width:150px; width:100%;} .max200 {max-width:200px; width:100%;} .max250 {max-width:250px; width:100%;} .max300 {max-width:300px; width:100%;} .max350 {max-width:350px; width:100%;} .max400 {max-width:400px; width:100%;} .max450 {max-width:450px; width:100%;} .max500 {max-width:500px; width:100%;} .max550 {max-width:550px; width:100%;} .max600 {max-width:600px; width:100%;} .max650 {max-width:650px; width:100%;} .max700 {max-width:700px; width:100%;} .max750 {max-width:750px; width:100%;} .max800 {max-width:800px; width:100%;} .max850 {max-width:850px; width:100%;} .max900 {max-width:900px; width:100%;} .max950 {max-width:950px; width:100%;} .max1000 {max-width:1000px; width:100%;} .maxfull { max-width : 100%; width : 100% } .widthCenter{margin:0 auto;} .widthend{margin:0 0 0 auto;} .d_none { display: none; } .d_flex { display: flex; flex-wrap : wrap } .align_center { align-items: center; } .align_start { align-items: flex-start; } .align_end { align-items: flex-end; } .align_stretch { align-items: stretch; } .space_between { justify-content: space-between; } .flex_start { justify-content: flex-start; } .flex_end { justify-content: flex-end; } .flex_center { justify-content: center; } .flex_column { flex-direction : column } .nowrap { flex-wrap : nowrap } .align_self_end { align-self: flex-end; } .gap1 { gap : 1px; } .columngap1 { column-gap : 1px;} .rowgap1 { row-gap : 1px;} .gap2 { gap : 2px; } .columngap2 { column-gap : 2px;} .rowgap2 { row-gap : 2px;} .gap3 { gap : 3px; } .columngap3 { column-gap : 3px;} .rowgap3 { row-gap : 3px;} .gap4 { gap : 4px; } .columngap4 { column-gap : 4px;} .rowgap4 { row-gap : 4px;} .gap5 { gap : 5px; } .columngap5 { column-gap : 5px;} .rowgap5 { row-gap : 5px;} .gap6 { gap : 6px; } .columngap6 { column-gap : 6px;} .rowgap6 { row-gap : 6px;} .gap7 { gap : 7px; } .columngap7 { column-gap : 7px;} .rowgap7 { row-gap : 7px;} .gap8 { gap : 8px; } .columngap8 { column-gap : 8px;} .rowgap8 { row-gap : 8px;} .gap9 { gap : 9px; } .columngap9 { column-gap : 9px;} .rowgap9 { row-gap : 9px;} .gap10 { gap : 10px; } .columngap10 { column-gap : 10px;} .rowgap10 { row-gap : 10px;} .gap11 { gap : 11px; } .columngap11 { column-gap : 11px;} .rowgap11 { row-gap : 11px;} .gap12 { gap : 12px; } .columngap12 { column-gap : 12px;} .rowgap12 { row-gap : 12px;} .gap13 { gap : 13px; } .columngap13 { column-gap : 13px;} .rowgap13 { row-gap : 13px;} .gap14 { gap : 14px; } .columngap14 { column-gap : 14px;} .rowgap14 { row-gap : 14px;} .gap15 { gap : 15px; } .columngap15 { column-gap : 15px;} .rowgap15 { row-gap : 15px;} .gap16 { gap : 16px; } .columngap16 { column-gap : 16px;} .rowgap16 { row-gap : 16px;} .gap17 { gap : 17px; } .columngap17 { column-gap : 17px;} .rowgap17 { row-gap : 17px;} .gap18 { gap : 18px; } .columngap18 { column-gap : 18px;} .rowgap18 { row-gap : 18px;} .gap19 { gap : 19px; } .columngap19 { column-gap : 19px;} .rowgap19 { row-gap : 19px;} .gap20 { gap : 20px; } .columngap20 { column-gap : 20px;} .rowgap20 { row-gap : 20px;} .gap21 { gap : 21px; } .columngap21 { column-gap : 21px;} .rowgap21 { row-gap : 21px;} .gap22 { gap : 22px; } .columngap22 { column-gap : 22px;} .rowgap22 { row-gap : 22px;} .gap23 { gap : 23px; } .columngap23 { column-gap : 23px;} .rowgap23 { row-gap : 23px;} .gap24 { gap : 24px; } .columngap24 { column-gap : 24px;} .rowgap24 { row-gap : 24px;} .gap25 { gap : 25px; } .columngap25 { column-gap : 25px;} .rowgap25 { row-gap : 25px;} .gap26 { gap : 26px; } .columngap26 { column-gap : 26px;} .rowgap26 { row-gap : 26px;} .gap27 { gap : 27px; } .columngap27 { column-gap : 27px;} .rowgap27 { row-gap : 27px;} .gap28 { gap : 28px; } .columngap28 { column-gap : 28px;} .rowgap28 { row-gap : 28px;} .gap29 { gap : 29px; } .columngap29 { column-gap : 29px;} .rowgap29 { row-gap : 29px;} .gap30 { gap : 30px; } .columngap30 { column-gap : 30px;} .rowgap30 { row-gap : 30px;} .gap31 { gap : 31px; } .columngap31 { column-gap : 31px;} .rowgap31 { row-gap : 31px;} .gap32 { gap : 32px; } .columngap32 { column-gap : 32px;} .rowgap32 { row-gap : 32px;} .gap33 { gap : 33px; } .columngap33 { column-gap : 33px;} .rowgap33 { row-gap : 33px;} .gap34 { gap : 34px; } .columngap34 { column-gap : 34px;} .rowgap34 { row-gap : 34px;} .gap35 { gap : 35px; } .columngap35 { column-gap : 35px;} .rowgap35 { row-gap : 35px;} .gap36 { gap : 36px; } .columngap36 { column-gap : 36px;} .rowgap36 { row-gap : 36px;} .gap37 { gap : 37px; } .columngap37 { column-gap : 37px;} .rowgap37 { row-gap : 37px;} .gap38 { gap : 38px; } .columngap38 { column-gap : 38px;} .rowgap38 { row-gap : 38px;} .gap39 { gap : 39px; } .columngap39 { column-gap : 39px;} .rowgap39 { row-gap : 39px;} .gap40 { gap : 40px; } .columngap40 { column-gap : 40px;} .rowgap40 { row-gap : 40px;} .gap41 { gap : 41px; } .columngap41 { column-gap : 41px;} .rowgap41 { row-gap : 41px;} .gap42 { gap : 42px; } .columngap42 { column-gap : 42px;} .rowgap42 { row-gap : 42px;} .gap43 { gap : 43px; } .columngap43 { column-gap : 43px;} .rowgap43 { row-gap : 43px;} .gap44 { gap : 44px; } .columngap44 { column-gap : 44px;} .rowgap44 { row-gap : 44px;} .gap45 { gap : 45px; } .columngap45 { column-gap : 45px;} .rowgap45 { row-gap : 45px;} .gap46 { gap : 46px; } .columngap46 { column-gap : 46px;} .rowgap46 { row-gap : 46px;} .gap47 { gap : 47px; } .columngap47 { column-gap : 47px;} .rowgap47 { row-gap : 47px;} .gap48 { gap : 48px; } .columngap48 { column-gap : 48px;} .rowgap48 { row-gap : 48px;} .gap49 { gap : 49px; } .columngap49 { column-gap : 49px;} .rowgap49 { row-gap : 49px;} .gap50 { gap : 50px; } .columngap50 { column-gap : 50px;} .rowgap50 { row-gap : 50px;} .p5 { padding : 5px; } .pt5, .p5-0 { padding-top: 5px; } .pb5, .p5-0 { padding-bottom: 5px; } .p6 { padding : 6px; } .pt6, .p6-0 { padding-top: 6px; } .pb6, .p6-0 { padding-bottom: 6px; } .p7 { padding : 7px; } .pt7, .p7-0 { padding-top: 7px; } .pb7, .p7-0 { padding-bottom: 7px; } .p8 { padding : 8px; } .pt8, .p8-0 { padding-top: 8px; } .pb8, .p8-0 { padding-bottom: 8px; } .p9 { padding : 9px; } .pt9, .p9-0 { padding-top: 9px; } .pb9, .p9-0 { padding-bottom: 9px; } .p10 { padding : 10px; } .pt10, .p10-0 { padding-top: 10px; } .pb10, .p10-0 { padding-bottom: 10px; } .p11 { padding : 11px; } .pt11, .p11-0 { padding-top: 11px; } .pb11, .p11-0 { padding-bottom: 11px; } .p12 { padding : 12px; } .pt12, .p12-0 { padding-top: 12px; } .pb12, .p12-0 { padding-bottom: 12px; } .p13 { padding : 13px; } .pt13, .p13-0 { padding-top: 13px; } .pb13, .p13-0 { padding-bottom: 13px; } .p14 { padding : 14px; } .pt14, .p14-0 { padding-top: 14px; } .pb14, .p14-0 { padding-bottom: 14px; } .p15 { padding : 15px; } .pt15, .p15-0 { padding-top: 15px; } .pb15, .p15-0 { padding-bottom: 15px; } .p16 { padding : 16px; } .pt16, .p16-0 { padding-top: 16px; } .pb16, .p16-0 { padding-bottom: 16px; } .p17 { padding : 17px; } .pt17, .p17-0 { padding-top: 17px; } .pb17, .p17-0 { padding-bottom: 17px; } .p18 { padding : 18px; } .pt18, .p18-0 { padding-top: 18px; } .pb18, .p18-0 { padding-bottom: 18px; } .p19 { padding : 19px; } .pt19, .p19-0 { padding-top: 19px; } .pb19, .p19-0 { padding-bottom: 19px; } .p20 { padding : 20px; } .pt20, .p20-0 { padding-top: 20px; } .pb20, .p20-0 { padding-bottom: 20px; } .p21 { padding : 21px; } .pt21, .p21-0 { padding-top: 21px; } .pb21, .p21-0 { padding-bottom: 21px; } .p22 { padding : 22px; } .pt22, .p22-0 { padding-top: 22px; } .pb22, .p22-0 { padding-bottom: 22px; } .p23 { padding : 23px; } .pt23, .p23-0 { padding-top: 23px; } .pb23, .p23-0 { padding-bottom: 23px; } .p24 { padding : 24px; } .pt24, .p24-0 { padding-top: 24px; } .pb24, .p24-0 { padding-bottom: 24px; } .p25 { padding : 25px; } .pt25, .p25-0 { padding-top: 25px; } .pb25, .p25-0 { padding-bottom: 25px; } .p26 { padding : 26px; } .pt26, .p26-0 { padding-top: 26px; } .pb26, .p26-0 { padding-bottom: 26px; } .p27 { padding : 27px; } .pt27, .p27-0 { padding-top: 27px; } .pb27, .p27-0 { padding-bottom: 27px; } .p28 { padding : 28px; } .pt28, .p28-0 { padding-top: 28px; } .pb28, .p28-0 { padding-bottom: 28px; } .p29 { padding : 29px; } .pt29, .p29-0 { padding-top: 29px; } .pb29, .p29-0 { padding-bottom: 29px; } .p30 { padding : 30px; } .pt30, .p30-0 { padding-top: 30px; } .pb30, .p30-0 { padding-bottom: 30px; } .p31 { padding : 31px; } .pt31, .p31-0 { padding-top: 31px; } .pb31, .p31-0 { padding-bottom: 31px; } .p32 { padding : 32px; } .pt32, .p32-0 { padding-top: 32px; } .pb32, .p32-0 { padding-bottom: 32px; } .p33 { padding : 33px; } .pt33, .p33-0 { padding-top: 33px; } .pb33, .p33-0 { padding-bottom: 33px; } .p34 { padding : 34px; } .pt34, .p34-0 { padding-top: 34px; } .pb34, .p34-0 { padding-bottom: 34px; } .p35 { padding : 35px; } .pt35, .p35-0 { padding-top: 35px; } .pb35, .p35-0 { padding-bottom: 35px; } .p36 { padding : 36px; } .pt36, .p36-0 { padding-top: 36px; } .pb36, .p36-0 { padding-bottom: 36px; } .p37 { padding : 37px; } .pt37, .p37-0 { padding-top: 37px; } .pb37, .p37-0 { padding-bottom: 37px; } .p38 { padding : 38px; } .pt38, .p38-0 { padding-top: 38px; } .pb38, .p38-0 { padding-bottom: 38px; } .p39 { padding : 39px; } .pt39, .p39-0 { padding-top: 39px; } .pb39, .p39-0 { padding-bottom: 39px; } .p40 { padding : 40px; } .pt40, .p40-0 { padding-top: 40px; } .pb40, .p40-0 { padding-bottom: 40px; } .p41 { padding : 41px; } .pt41, .p41-0 { padding-top: 41px; } .pb41, .p41-0 { padding-bottom: 41px; } .p42 { padding : 42px; } .pt42, .p42-0 { padding-top: 42px; } .pb42, .p42-0 { padding-bottom: 42px; } .p43 { padding : 43px; } .pt43, .p43-0 { padding-top: 43px; } .pb43, .p43-0 { padding-bottom: 43px; } .p44 { padding : 44px; } .pt44, .p44-0 { padding-top: 44px; } .pb44, .p44-0 { padding-bottom: 44px; } .p45 { padding : 45px; } .pt45, .p45-0 { padding-top: 45px; } .pb45, .p45-0 { padding-bottom: 45px; } .p46 { padding : 46px; } .pt46, .p46-0 { padding-top: 46px; } .pb46, .p46-0 { padding-bottom: 46px; } .p47 { padding : 47px; } .pt47, .p47-0 { padding-top: 47px; } .pb47, .p47-0 { padding-bottom: 47px; } .p48 { padding : 48px; } .pt48, .p48-0 { padding-top: 48px; } .pb48, .p48-0 { padding-bottom: 48px; } .p49 { padding : 49px; } .pt49, .p49-0 { padding-top: 49px; } .pb49, .p49-0 { padding-bottom: 49px; } .p50 { padding : 50px; } .pt50, .p50-0 { padding-top: 50px; } .pb50, .p50-0 { padding-bottom: 50px; } .p51 { padding : 51px; } .pt51, .p51-0 { padding-top: 51px; } .pb51, .p51-0 { padding-bottom: 51px; } .p52 { padding : 52px; } .pt52, .p52-0 { padding-top: 52px; } .pb52, .p52-0 { padding-bottom: 52px; } .p53 { padding : 53px; } .pt53, .p53-0 { padding-top: 53px; } .pb53, .p53-0 { padding-bottom: 53px; } .p54 { padding : 54px; } .pt54, .p54-0 { padding-top: 54px; } .pb54, .p54-0 { padding-bottom: 54px; } .p55 { padding : 55px; } .pt55, .p55-0 { padding-top: 55px; } .pb55, .p55-0 { padding-bottom: 55px; } .p56 { padding : 56px; } .pt56, .p56-0 { padding-top: 56px; } .pb56, .p56-0 { padding-bottom: 56px; } .p57 { padding : 57px; } .pt57, .p57-0 { padding-top: 57px; } .pb57, .p57-0 { padding-bottom: 57px; } .p58 { padding : 58px; } .pt58, .p58-0 { padding-top: 58px; } .pb58, .p58-0 { padding-bottom: 58px; } .p59 { padding : 59px; } .pt59, .p59-0 { padding-top: 59px; } .pb59, .p59-0 { padding-bottom: 59px; } .p60 { padding : 60px; } .pt60, .p60-0 { padding-top: 60px; } .pb60, .p60-0 { padding-bottom: 60px; } .p61 { padding : 61px; } .pt61, .p61-0 { padding-top: 61px; } .pb61, .p61-0 { padding-bottom: 61px; } .p62 { padding : 62px; } .pt62, .p62-0 { padding-top: 62px; } .pb62, .p62-0 { padding-bottom: 62px; } .p63 { padding : 63px; } .pt63, .p63-0 { padding-top: 63px; } .pb63, .p63-0 { padding-bottom: 63px; } .p64 { padding : 64px; } .pt64, .p64-0 { padding-top: 64px; } .pb64, .p64-0 { padding-bottom: 64px; } .p65 { padding : 65px; } .pt65, .p65-0 { padding-top: 65px; } .pb65, .p65-0 { padding-bottom: 65px; } .p66 { padding : 66px; } .pt66, .p66-0 { padding-top: 66px; } .pb66, .p66-0 { padding-bottom: 66px; } .p67 { padding : 67px; } .pt67, .p67-0 { padding-top: 67px; } .pb67, .p67-0 { padding-bottom: 67px; } .p68 { padding : 68px; } .pt68, .p68-0 { padding-top: 68px; } .pb68, .p68-0 { padding-bottom: 68px; } .p69 { padding : 69px; } .pt69, .p69-0 { padding-top: 69px; } .pb69, .p69-0 { padding-bottom: 69px; } .p70 { padding : 70px; } .pt70, .p70-0 { padding-top: 70px; } .pb70, .p70-0 { padding-bottom: 70px; } .p71 { padding : 71px; } .pt71, .p71-0 { padding-top: 71px; } .pb71, .p71-0 { padding-bottom: 71px; } .p72 { padding : 72px; } .pt72, .p72-0 { padding-top: 72px; } .pb72, .p72-0 { padding-bottom: 72px; } .p73 { padding : 73px; } .pt73, .p73-0 { padding-top: 73px; } .pb73, .p73-0 { padding-bottom: 73px; } .p74 { padding : 74px; } .pt74, .p74-0 { padding-top: 74px; } .pb74, .p74-0 { padding-bottom: 74px; } .p75 { padding : 75px; } .pt75, .p75-0 { padding-top: 75px; } .pb75, .p75-0 { padding-bottom: 75px; } .p76 { padding : 76px; } .pt76, .p76-0 { padding-top: 76px; } .pb76, .p76-0 { padding-bottom: 76px; } .p77 { padding : 77px; } .pt77, .p77-0 { padding-top: 77px; } .pb77, .p77-0 { padding-bottom: 77px; } .p78 { padding : 78px; } .pt78, .p78-0 { padding-top: 78px; } .pb78, .p78-0 { padding-bottom: 78px; } .p79 { padding : 79px; } .pt79, .p79-0 { padding-top: 79px; } .pb79, .p79-0 { padding-bottom: 79px; } .p80 { padding : 80px; } .pt80, .p80-0 { padding-top: 80px; } .pb80, .p80-0 { padding-bottom: 80px; } .p81 { padding : 81px; } .pt81, .p81-0 { padding-top: 81px; } .pb81, .p81-0 { padding-bottom: 81px; } .p82 { padding : 82px; } .pt82, .p82-0 { padding-top: 82px; } .pb82, .p82-0 { padding-bottom: 82px; } .p83 { padding : 83px; } .pt83, .p83-0 { padding-top: 83px; } .pb83, .p83-0 { padding-bottom: 83px; } .p84 { padding : 84px; } .pt84, .p84-0 { padding-top: 84px; } .pb84, .p84-0 { padding-bottom: 84px; } .p85 { padding : 85px; } .pt85, .p85-0 { padding-top: 85px; } .pb85, .p85-0 { padding-bottom: 85px; } .p86 { padding : 86px; } .pt86, .p86-0 { padding-top: 86px; } .pb86, .p86-0 { padding-bottom: 86px; } .p87 { padding : 87px; } .pt87, .p87-0 { padding-top: 87px; } .pb87, .p87-0 { padding-bottom: 87px; } .p88 { padding : 88px; } .pt88, .p88-0 { padding-top: 88px; } .pb88, .p88-0 { padding-bottom: 88px; } .p89 { padding : 89px; } .pt89, .p89-0 { padding-top: 89px; } .pb89, .p89-0 { padding-bottom: 89px; } .p90 { padding : 90px; } .pt90, .p90-0 { padding-top: 90px; } .pb90, .p90-0 { padding-bottom: 90px; } .p91 { padding : 91px; } .pt91, .p91-0 { padding-top: 91px; } .pb91, .p91-0 { padding-bottom: 91px; } .p92 { padding : 92px; } .pt92, .p92-0 { padding-top: 92px; } .pb92, .p92-0 { padding-bottom: 92px; } .p93 { padding : 93px; } .pt93, .p93-0 { padding-top: 93px; } .pb93, .p93-0 { padding-bottom: 93px; } .p94 { padding : 94px; } .pt94, .p94-0 { padding-top: 94px; } .pb94, .p94-0 { padding-bottom: 94px; } .p95 { padding : 95px; } .pt95, .p95-0 { padding-top: 95px; } .pb95, .p95-0 { padding-bottom: 95px; } .p96 { padding : 96px; } .pt96, .p96-0 { padding-top: 96px; } .pb96, .p96-0 { padding-bottom: 96px; } .p97 { padding : 97px; } .pt97, .p97-0 { padding-top: 97px; } .pb97, .p97-0 { padding-bottom: 97px; } .p98 { padding : 98px; } .pt98, .p98-0 { padding-top: 98px; } .pb98, .p98-0 { padding-bottom: 98px; } .p99 { padding : 99px; } .pt99, .p99-0 { padding-top: 99px; } .pb99, .p99-0 { padding-bottom: 99px; } .p100 { padding : 100px; } .pt100, .p100-0 { padding-top: 100px; } .pb100, .p100-0 { padding-bottom: 100px; } .p101 { padding : 101px; } .pt101, .p101-0 { padding-top: 101px; } .pb101, .p101-0 { padding-bottom: 101px; } .p102 { padding : 102px; } .pt102, .p102-0 { padding-top: 102px; } .pb102, .p102-0 { padding-bottom: 102px; } .p103 { padding : 103px; } .pt103, .p103-0 { padding-top: 103px; } .pb103, .p103-0 { padding-bottom: 103px; } .p104 { padding : 104px; } .pt104, .p104-0 { padding-top: 104px; } .pb104, .p104-0 { padding-bottom: 104px; } .p105 { padding : 105px; } .pt105, .p105-0 { padding-top: 105px; } .pb105, .p105-0 { padding-bottom: 105px; } .p106 { padding : 106px; } .pt106, .p106-0 { padding-top: 106px; } .pb106, .p106-0 { padding-bottom: 106px; } .p107 { padding : 107px; } .pt107, .p107-0 { padding-top: 107px; } .pb107, .p107-0 { padding-bottom: 107px; } .p108 { padding : 108px; } .pt108, .p108-0 { padding-top: 108px; } .pb108, .p108-0 { padding-bottom: 108px; } .p109 { padding : 109px; } .pt109, .p109-0 { padding-top: 109px; } .pb109, .p109-0 { padding-bottom: 109px; } .p110 { padding : 110px; } .pt110, .p110-0 { padding-top: 110px; } .pb110, .p110-0 { padding-bottom: 110px; } .p111 { padding : 111px; } .pt111, .p111-0 { padding-top: 111px; } .pb111, .p111-0 { padding-bottom: 111px; } .p112 { padding : 112px; } .pt112, .p112-0 { padding-top: 112px; } .pb112, .p112-0 { padding-bottom: 112px; } .p113 { padding : 113px; } .pt113, .p113-0 { padding-top: 113px; } .pb113, .p113-0 { padding-bottom: 113px; } .p114 { padding : 114px; } .pt114, .p114-0 { padding-top: 114px; } .pb114, .p114-0 { padding-bottom: 114px; } .p115 { padding : 115px; } .pt115, .p115-0 { padding-top: 115px; } .pb115, .p115-0 { padding-bottom: 115px; } .p116 { padding : 116px; } .pt116, .p116-0 { padding-top: 116px; } .pb116, .p116-0 { padding-bottom: 116px; } .p117 { padding : 117px; } .pt117, .p117-0 { padding-top: 117px; } .pb117, .p117-0 { padding-bottom: 117px; } .p118 { padding : 118px; } .pt118, .p118-0 { padding-top: 118px; } .pb118, .p118-0 { padding-bottom: 118px; } .p119 { padding : 119px; } .pt119, .p119-0 { padding-top: 119px; } .pb119, .p119-0 { padding-bottom: 119px; } .p120 { padding : 120px; } .pt120, .p120-0 { padding-top: 120px; } .pb120, .p120-0 { padding-bottom: 120px; } .p121 { padding : 121px; } .pt121, .p121-0 { padding-top: 121px; } .pb121, .p121-0 { padding-bottom: 121px; } .p122 { padding : 122px; } .pt122, .p122-0 { padding-top: 122px; } .pb122, .p122-0 { padding-bottom: 122px; } .p123 { padding : 123px; } .pt123, .p123-0 { padding-top: 123px; } .pb123, .p123-0 { padding-bottom: 123px; } .p124 { padding : 124px; } .pt124, .p124-0 { padding-top: 124px; } .pb124, .p124-0 { padding-bottom: 124px; } .p125 { padding : 125px; } .pt125, .p125-0 { padding-top: 125px; } .pb125, .p125-0 { padding-bottom: 125px; } .p126 { padding : 126px; } .pt126, .p126-0 { padding-top: 126px; } .pb126, .p126-0 { padding-bottom: 126px; } .p127 { padding : 127px; } .pt127, .p127-0 { padding-top: 127px; } .pb127, .p127-0 { padding-bottom: 127px; } .p128 { padding : 128px; } .pt128, .p128-0 { padding-top: 128px; } .pb128, .p128-0 { padding-bottom: 128px; } .p129 { padding : 129px; } .pt129, .p129-0 { padding-top: 129px; } .pb129, .p129-0 { padding-bottom: 129px; } .p130 { padding : 130px; } .pt130, .p130-0 { padding-top: 130px; } .pb130, .p130-0 { padding-bottom: 130px; } .p131 { padding : 131px; } .pt131, .p131-0 { padding-top: 131px; } .pb131, .p131-0 { padding-bottom: 131px; } .p132 { padding : 132px; } .pt132, .p132-0 { padding-top: 132px; } .pb132, .p132-0 { padding-bottom: 132px; } .p133 { padding : 133px; } .pt133, .p133-0 { padding-top: 133px; } .pb133, .p133-0 { padding-bottom: 133px; } .p134 { padding : 134px; } .pt134, .p134-0 { padding-top: 134px; } .pb134, .p134-0 { padding-bottom: 134px; } .p135 { padding : 135px; } .pt135, .p135-0 { padding-top: 135px; } .pb135, .p135-0 { padding-bottom: 135px; } .p136 { padding : 136px; } .pt136, .p136-0 { padding-top: 136px; } .pb136, .p136-0 { padding-bottom: 136px; } .p137 { padding : 137px; } .pt137, .p137-0 { padding-top: 137px; } .pb137, .p137-0 { padding-bottom: 137px; } .p138 { padding : 138px; } .pt138, .p138-0 { padding-top: 138px; } .pb138, .p138-0 { padding-bottom: 138px; } .p139 { padding : 139px; } .pt139, .p139-0 { padding-top: 139px; } .pb139, .p139-0 { padding-bottom: 139px; } .p140 { padding : 140px; } .pt140, .p140-0 { padding-top: 140px; } .pb140, .p140-0 { padding-bottom: 140px; } .p141 { padding : 141px; } .pt141, .p141-0 { padding-top: 141px; } .pb141, .p141-0 { padding-bottom: 141px; } .p142 { padding : 142px; } .pt142, .p142-0 { padding-top: 142px; } .pb142, .p142-0 { padding-bottom: 142px; } .p143 { padding : 143px; } .pt143, .p143-0 { padding-top: 143px; } .pb143, .p143-0 { padding-bottom: 143px; } .p144 { padding : 144px; } .pt144, .p144-0 { padding-top: 144px; } .pb144, .p144-0 { padding-bottom: 144px; } .p145 { padding : 145px; } .pt145, .p145-0 { padding-top: 145px; } .pb145, .p145-0 { padding-bottom: 145px; } .p146 { padding : 146px; } .pt146, .p146-0 { padding-top: 146px; } .pb146, .p146-0 { padding-bottom: 146px; } .p147 { padding : 147px; } .pt147, .p147-0 { padding-top: 147px; } .pb147, .p147-0 { padding-bottom: 147px; } .p148 { padding : 148px; } .pt148, .p148-0 { padding-top: 148px; } .pb148, .p148-0 { padding-bottom: 148px; } .p149 { padding : 149px; } .pt149, .p149-0 { padding-top: 149px; } .pb149, .p149-0 { padding-bottom: 149px; } .p150 { padding : 150px; } .pt150, .p150-0 { padding-top: 150px; } .pb150, .p150-0 { padding-bottom: 150px; }
.primarybg { background: #000000; } .primaryborder { border-color: #000000; } .primary_color,.primary_color p,.primary_color h1,.primary_color h2,.primary_color h3,.primary_color h4,.primary_color h5,.primary_color h6,.primary_color a { color: #000000; } .primary_fill svg path{ fill: #000000 } .primary_link a { color: #000000; } .primary_span span { color: #000000; } .secondarybg { background: #0C0F31; } .secondaryborder { border-color: #0C0F31; } .secondary_color,.secondary_color p,.secondary_color h1,.secondary_color h2,.secondary_color h3,.secondary_color h4,.secondary_color h5,.secondary_color h6,.secondary_color a { color: #0C0F31; } .secondary_fill svg path{ fill: #0C0F31 } .secondary_link a { color: #0C0F31; } .secondary_span span { color: #0C0F31; } .secondary_60bg { background: rgba(12, 15, 49, 0.6); } .secondary_60border { border-color: rgba(12, 15, 49, 0.6); } .secondary_60_color,.secondary_60_color p,.secondary_60_color h1,.secondary_60_color h2,.secondary_60_color h3,.secondary_60_color h4,.secondary_60_color h5,.secondary_60_color h6,.secondary_60_color a { color: rgba(12, 15, 49, 0.6); } .secondary_60_fill svg path{ fill: rgba(12, 15, 49, 0.6) } .secondary_60_link a { color: rgba(12, 15, 49, 0.6); } .secondary_60_span span { color: rgba(12, 15, 49, 0.6); } .purplebg { background: #6347FF; } .purpleborder { border-color: #6347FF; } .purple_color,.purple_color p,.purple_color h1,.purple_color h2,.purple_color h3,.purple_color h4,.purple_color h5,.purple_color h6,.purple_color a { color: #6347FF; } .purple_fill svg path{ fill: #6347FF } .purple_link a { color: #6347FF; } .purple_span span { color: #6347FF; } .dark_purplebg { background: #312480; } .dark_purpleborder { border-color: #312480; } .dark_purple_color,.dark_purple_color p,.dark_purple_color h1,.dark_purple_color h2,.dark_purple_color h3,.dark_purple_color h4,.dark_purple_color h5,.dark_purple_color h6,.dark_purple_color a { color: #312480; } .dark_purple_fill svg path{ fill: #312480 } .dark_purple_link a { color: #312480; } .dark_purple_span span { color: #312480; } .whitebg { background: #FFF; } .whiteborder { border-color: #FFF; } .white_color,.white_color p,.white_color h1,.white_color h2,.white_color h3,.white_color h4,.white_color h5,.white_color h6,.white_color a { color: #FFF; } .white_fill svg path{ fill: #FFF } .white_link a { color: #FFF; } .white_span span { color: #FFF; } .white_75bg { background: rgba(255, 255, 255, 0.75); } .white_75border { border-color: rgba(255, 255, 255, 0.75); } .white_75_color,.white_75_color p,.white_75_color h1,.white_75_color h2,.white_75_color h3,.white_75_color h4,.white_75_color h5,.white_75_color h6,.white_75_color a { color: rgba(255, 255, 255, 0.75); } .white_75_fill svg path{ fill: rgba(255, 255, 255, 0.75) } .white_75_link a { color: rgba(255, 255, 255, 0.75); } .white_75_span span { color: rgba(255, 255, 255, 0.75); } .white_80bg { background: rgba(255, 255, 255, 0.80); } .white_80border { border-color: rgba(255, 255, 255, 0.80); } .white_80_color,.white_80_color p,.white_80_color h1,.white_80_color h2,.white_80_color h3,.white_80_color h4,.white_80_color h5,.white_80_color h6,.white_80_color a { color: rgba(255, 255, 255, 0.80); } .white_80_fill svg path{ fill: rgba(255, 255, 255, 0.80) } .white_80_link a { color: rgba(255, 255, 255, 0.80); } .white_80_span span { color: rgba(255, 255, 255, 0.80); } .blackbg { background: #000; } .blackborder { border-color: #000; } .black_color,.black_color p,.black_color h1,.black_color h2,.black_color h3,.black_color h4,.black_color h5,.black_color h6,.black_color a { color: #000; } .black_fill svg path{ fill: #000 } .black_link a { color: #000; } .black_span span { color: #000; } .black_50bg { background: rgba(0, 0, 0, 0.5); } .black_50border { border-color: rgba(0, 0, 0, 0.5); } .black_50_color,.black_50_color p,.black_50_color h1,.black_50_color h2,.black_50_color h3,.black_50_color h4,.black_50_color h5,.black_50_color h6,.black_50_color a { color: rgba(0, 0, 0, 0.5); } .black_50_fill svg path{ fill: rgba(0, 0, 0, 0.5) } .black_50_link a { color: rgba(0, 0, 0, 0.5); } .black_50_span span { color: rgba(0, 0, 0, 0.5); } .dark_bluebg { background: #0C0F31; } .dark_blueborder { border-color: #0C0F31; } .dark_blue_color,.dark_blue_color p,.dark_blue_color h1,.dark_blue_color h2,.dark_blue_color h3,.dark_blue_color h4,.dark_blue_color h5,.dark_blue_color h6,.dark_blue_color a { color: #0C0F31; } .dark_blue_fill svg path{ fill: #0C0F31 } .dark_blue_link a { color: #0C0F31; } .dark_blue_span span { color: #0C0F31; } .dark_navy_bluebg { background: #202640; } .dark_navy_blueborder { border-color: #202640; } .dark_navy_blue_color,.dark_navy_blue_color p,.dark_navy_blue_color h1,.dark_navy_blue_color h2,.dark_navy_blue_color h3,.dark_navy_blue_color h4,.dark_navy_blue_color h5,.dark_navy_blue_color h6,.dark_navy_blue_color a { color: #202640; } .dark_navy_blue_fill svg path{ fill: #202640 } .dark_navy_blue_link a { color: #202640; } .dark_navy_blue_span span { color: #202640; } .dark_navy_blue_75bg { background: rgba(32, 38, 64, 0.75); } .dark_navy_blue_75border { border-color: rgba(32, 38, 64, 0.75); } .dark_navy_blue_75_color,.dark_navy_blue_75_color p,.dark_navy_blue_75_color h1,.dark_navy_blue_75_color h2,.dark_navy_blue_75_color h3,.dark_navy_blue_75_color h4,.dark_navy_blue_75_color h5,.dark_navy_blue_75_color h6,.dark_navy_blue_75_color a { color: rgba(32, 38, 64, 0.75); } .dark_navy_blue_75_fill svg path{ fill: rgba(32, 38, 64, 0.75) } .dark_navy_blue_75_link a { color: rgba(32, 38, 64, 0.75); } .dark_navy_blue_75_span span { color: rgba(32, 38, 64, 0.75); } .Dblue span { color: #000000; }
.HomeBannerInSec .HomeBannerTitleSection { max-width: 820px; width: 100%; margin: 0 auto; text-align: center;} .HomeBannerInSec .HomeBannerTitleSection .HomeBannerContent { max-width: 610px; width: 100%; margin: 0 auto;} .HomeBannerInSec .HomeBannerTitleSection .HomeBannerTag { width: fit-content;margin: 0 auto; border-radius: 46px; padding: 5.5px 15px 5.5px; position: relative; } .HomeBannerInSec .HomeBannerTitleSection .HomeBannerTag p { background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 35%, #FFFFFF 65%, rgba(255, 255, 255, 0.5) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .HomeBannerInSec .HomeBannerTitleSection .HomeBannerTag p { position: relative; z-index: 1;} .HomeBannerFormSec { max-width: 500px; width: 100%; margin: 0 auto;} .HomeBannerFormSec .HomeBannerForm form { position: relative;} .HomeBannerFormSec .HomeBannerForm form .hs-form-field { margin-bottom: 0;} .HomeBannerFormSec .HomeBannerForm form .hs-form-field input { padding: 22px 245px 22px 25px; outline: none;} .HomeBannerFormSec .HomeBannerForm form .hs-form-field input.invalid.error { border-color: red; } .HomeBannerFormSec .HomeBannerForm form .hs-submit { max-width: 236px; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 7px; border-radius: 46px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='13.2886' y='14.5454' width='7' height='1' rx='0.25' transform='rotate(-45 13.2886 14.5454)' fill='white' stroke='white' stroke-width='0.5'/%3E%3Crect x='13.9958' y='5.35303' width='7' height='1' rx='0.25' transform='rotate(45 13.9958 5.35303)' fill='white' stroke='white' stroke-width='0.5'/%3E%3Crect x='0.5' y='9.80273' width='16.9958' height='1' rx='0.25' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E"), #000; background-repeat: no-repeat; background-position: center right 20px; background-size: 20px;} .HomeBannerFormSec .HomeBannerForm form .hs-submit input[type="submit"] { width: 100%; background: linear-gradient(90deg, #D4CCFF 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500; padding-right: 55px;} .HomeBannerFormText p span { opacity: 50%;} .HomeBannerFormText p a { text-decoration: underline;} .HomeBannerImagesec { margin-bottom: -330px;} .HomeBannerImagesec img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px;} .HomeBannerFormSec .HomeBannerForm form ul.no-list { display: none; }
.HomeBannerImagesec video { width: 100%; height: 100%; object-fit: cover; border-radius: 20px;} .HomeBannerFormSec .HomeBannerForm form .hs-submit { transition: all ease-in-out 0.3s; border: 1px solid transparent;} .HomeBannerFormSec .HomeBannerForm form .hs-submit:hover { filter: invert(1); border-color: #fff;} .HomeBannerFormSec .HomeBannerForm form .hs-submit input[type="submit"] { padding-left: 20px;} .TrustedbyteamInSec .TrustedbyteamTitle * { text-transform: uppercase; font-weight: 500; letter-spacing: 0.8px;} .TrustedbyteamInSec .TrustedbyteamTitle { margin: 0 auto; max-width: 1270px; padding: 0 15px; width: 100%; } .TrustedbyteamSection { background: #F1F3FB80;} .HomeBannerImagesec { position: relative; z-index: 2; box-shadow: 0px 0px 200px 0px #FFFFFF40, 0px 100px 50px 0px #0000000D; border-radius: 20px;} .TrustedbyteamLogoBoxIn { max-width: 200px; width: 100%; height: 60px; text-align: center;} .TrustedbyteamLogoBoxIn img { width: 100%; height: 100%; object-fit: scale-down;} .TrustedbyteamLogoBox { padding: 0 10px; text-align: center; text-align: -webkit-center;}
.TrustedbyteamLogoBox { width: 220px !important;} .PlatformThreeColumnBoxSec .PlatformThreeColumnBox { max-width: calc(33.33% - 13.33px); width: 100%; background: #fff; border: 1px solid #F1F3FB; padding: 49px; border-radius: 20px;} .PlatformThreeColumnBoxSec .PlatformThreeColumnBox .PlatformThreeColumnBoxLogo { background: #E6F2FE; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 10px; box-shadow: 0px 0px 20px 0px #FFFFFF, 0px 0px 10px 0px #FFFFFF80;} .PlatformThreeColumnBoxSec .PlatformThreeColumnBox .PlatformThreeColumnBoxLogo img { width: 30px; height: 30px;} .PlatformThreeColumnBoxSec .PlatformThreeColumnBox .PlatformThreeColumnBoxCnt { opacity: 75%;} .PlatformThreeColumnBoxSec { position: relative; align-items: stretch;} .PlatformThreeColumnBoxSec:before {position: absolute;content: "";width: 1140px;height: 318px;z-index: -1;background: rgba(99, 71, 255, 0.15);border-radius: 50%;filter: blur(150px);bottom: 50px;left: 50%;transform: translatex(-50%);}
.compareTwoColBoxSec { max-width: 1030px; width: 100%; margin: 0 auto;} .compareTwoColBoxSec .compareTwoColBox { max-width: calc(50% - 10px); width: 100%; border-radius: 20px; border: 1px solid #6347FF14;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColBoxTitle { padding: 35px 55px 20px;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColListBoxMain .compareTwoColListBox { gap: 15px; padding: 20px; display: flex; align-items: flex-start;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColListBoxMain .compareTwoColListBox .compareTwoColListBoxLogo { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #6347FF14;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColListBoxMain .compareTwoColListBox .compareTwoColListBoxLogo svg { width: 13px; height: 13px;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColListBoxMain .compareTwoColListBox .compareTwoColListBoxIn { width: calc(100% - 45px);} .compareTwoColBoxSec .compareTwoColBox.with-hr-duo .compareTwoColListBoxMain .compareTwoColListBox .compareTwoColListBoxLogo { background: #6347FF;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColBoxBTCol { margin: 20px 35px 35px; background: #6347FF14; box-shadow: 0px -1px 0px 0px #6347FF14 inset; border-radius: 10px; padding: 20px;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColListBoxMain .compareTwoColListBox .compareTwoColListBoxIn .compareTwoColListBoxCnt * { opacity: 75%;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColBoxBTCol .compareTwoColBoxBTCnt * { opacity: 75%;} .compareTwoColBoxSec .compareTwoColBox.with-hr-duo { background: #202640;} .compareTwoColBoxSec .compareTwoColBox.with-hr-duo * { color: #fff;} .compareTwoColBoxSec .compareTwoColBox { position: relative; overflow: hidden;} .compareTwoColBoxSec .compareTwoColBox.with-hr-duo:before { position: absolute; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='485' height='875' viewBox='0 0 485 875' fill='none'%3E%3Cg opacity='0.5' filter='url(%23filter0_f_2055_7277)'%3E%3Ccircle cx='618' cy='257' r='218' fill='%236347FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2055_7277' x='0' y='-361' width='1236' height='1236' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='200' result='effect1_foregroundBlur_2055_7277'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); right: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; pointer-events: none;} .compareTwoColBoxSec .compareTwoColBox.with-hr-duo:after { position: absolute; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='505' height='883' viewBox='0 0 505 883' fill='none'%3E%3Cg opacity='0.5' filter='url(%23filter0_f_2055_7278)'%3E%3Ccircle cx='261' cy='545' r='218' fill='%236347FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2055_7278' x='-357' y='-73' width='1236' height='1236' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='200' result='effect1_foregroundBlur_2055_7278'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); right: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; pointer-events: none;} .compareTwoColBoxSec .compareTwoColBox.with-hr-duo .compareTwoColBoxBTCol { background: #6347FF; box-shadow: 0px 0px 70px 0px #6347FF80;} .compareTwoColBoxSec .compareTwoColBox.without-hr-duo .compareTwoColListBoxMain .compareTwoColListBox:not(:last-child) { border-bottom: 1px solid #6347FF14;} .compareTwoColBoxSec .compareTwoColBox.with-hr-duo .compareTwoColListBoxMain .compareTwoColListBox { padding: 20px 35px;} .CounterInSec .Countertitlesection { max-width: 500px; width: 100%; margin: 0 auto;} .CounterBoxSection { max-width: 1200px; width: 100%; margin: 0 auto; justify-content: center; gap: 20px; align-items: stretch;} .CounterBoxSection .CounterBox { max-width: calc(20% - 16px); width: 100%; text-align: center; padding: 30px 25px 40px 25px; position: relative;} .CounterBoxSection .CounterBox:not(:last-child):before { position: absolute; content: ""; width: 1px; height: 100%; background: #FFFFFF; right: -10px; top: 50%; transform: translateY(-50%); opacity: 25%;} .CounterInSec .Countercta a:hover { border-color: #fff;} .CounterBoxSection .CounterBox .CounterBoxNumber h4 { display: flex; align-items: center; justify-content: center;} .TwoColumnImgCntBoxSec .TwoColumnImgCntImgcol { max-width: calc(50% - 10px); width: 100%;} .TwoColumnImgCntBoxSec .TwoColumnImgCntImgcol img { width: 100%; height: 100%; object-fit: cover; border-radius: 25px;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol { max-width: calc(50% - 10px); width: 100%;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntColIn { max-width: 400px; width: 100%; margin: 0 auto;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntTag { width: fit-content;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntTag p { display: flex; align-items: center; padding: 6px 14px; background: rgba(99, 71, 255, 0.08); border-radius: 46px; gap: 5px; border: 1px solid #fff; box-sizing: content-box; font-weight: 500;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntTag p span { line-height: 0;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntTag p span svg { width: 18px; height: 18px;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntContent ul { margin: 20px 0 0 0; padding: 0; list-style: none;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntContent ul li { padding: 20px 15px 20px 35px; display: flex; align-items: center; gap: 10px; position: relative;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntContent ul li:not(:last-child) { border-bottom: 1px solid #6347FF14;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntContent ul li:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='4.25903' y='10.0759' width='6.25' height='1.25' rx='0.3125' transform='rotate(45 4.25903 10.0759)' fill='%236347FF' stroke='%236347FF' stroke-width='0.625'/%3E%3Crect x='16.6333' y='6.54031' width='12.5' height='1.25' rx='0.3125' transform='rotate(135 16.6333 6.54031)' fill='%236347FF' stroke='%236347FF' stroke-width='0.625'/%3E%3C/svg%3E"); width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center center;} .TwoColumnImgCntCTA a span.text_gradient { background: linear-gradient(90deg, #D4CCFF 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500;} .TwoColumnImgCntCTA a:hover span.text_gradient { background: linear-gradient(90deg, rgb(99 71 255 / 50%) 0%, #6347ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntContent ul li:before { position: absolute; left: 0; top: 20px;} .testimonialInSection:before, .testimonialInSection:after { position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1229' height='433' viewBox='0 0 1229 433' fill='none'%3E%3Cg opacity='0.75' filter='url(%23filter0_f_2055_7564)'%3E%3Ccircle cx='718' cy='57' r='218' fill='%236347FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2055_7564' x='0' y='-661' width='1436' height='1436' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_2055_7564'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; top: 0; right: 0; background-position: center right; pointer-events: none; border-radius: 30px;} .testimonialInSection:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1230' height='433' viewBox='0 0 1230 433' fill='none'%3E%3Cg opacity='0.75' filter='url(%23filter0_f_2055_7565)'%3E%3Ccircle cx='512' cy='377' r='218' fill='%236347FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2055_7565' x='-206' y='-341' width='1436' height='1436' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_2055_7565'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); bottom: 0; left: 0; background-position: center left;} .TestimonialSection .testimonialInSection { max-width: 780px; width: 100%; margin: 0 auto;} .TestimonialSection .testimonialInSection .testimonialBoxIcon { width: 30px; height: 30px;} .TestimonialSection .testimonialInSection .testimonialBoxIcon svg { width: 100%; height: 100%;} .TestimonialSection .testimonialInSection .testimonialBoxInfo .testimonialBoxImage { width: 70px; height: 70px; overflow: hidden; border-radius: 50%;} .TestimonialSection .testimonialInSection .testimonialBoxInfo .testimonialBoxImage img { width: 100%; height: 100%; object-fit: cover;} .automatetwoColInSec .automatetwoColBoxSec { gap: 50px; justify-content: space-between;}
.automatetwoColInSec .automatetwoColBoxSec .automatetwoColBoxLTCol { max-width: 505px; width: 100%;} .automatetwoColInSec .automatetwoColBoxSec .automatetwoColBoxRTCol { max-width: calc(100% - (505px + 116px)); width: 100%;} .automatetwoColInSec .automatetwoColBoxSec .automatetwoColBoxRTCol img { width: 100%; height: 100%; object-fit: contain;} .automatetwoColbtn a:hover { border-color: #fff; } .automatetwoColbtn a span.text_gradient { background: linear-gradient(90deg, #6347FF 25%, #8E7AFF 50%, #6347FF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .automatetwoColbtn a:hover span.text_gradient { background: linear-gradient(90deg, rgb(255 255 255 / 80%) 25%, #FFF 50%, #FFF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .TeamswinBoxSection .TeamswinBox { max-width: calc(50% - 10px); width: 100%; background: rgb(0 0 0 / 25%); padding: 50px 40px; border-radius: 15px;} .TeamswinBoxSection .TeamswinBox .TeamswinBoxQuoteIcon { width: 40px; height: 40px;} .TeamswinBoxSection .TeamswinBox .TeamswinBoxQuoteIcon svg { width: 100%; height: 100%;} .TeamswinSection:before { position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='641' viewBox='0 0 1400 641' fill='none'%3E%3Cg opacity='0.75' filter='url(%23filter0_f_4001_245)'%3E%3Ccircle cx='889' cy='177' r='218' fill='%236347FF'/%3E%3C/g%3E%3Cg opacity='0.75' filter='url(%23filter1_f_4001_245)'%3E%3Ccircle cx='512' cy='465' r='218' fill='%236347FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_4001_245' x='271' y='-441' width='1236' height='1236' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='200' result='effect1_foregroundBlur_4001_245'/%3E%3C/filter%3E%3Cfilter id='filter1_f_4001_245' x='-106' y='-153' width='1236' height='1236' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='200' result='effect1_foregroundBlur_4001_245'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; top: 0; left: 0; pointer-events: none; border-radius: 30px;} .TeamswinBoxCTA .button a span.btn_text_gradient { background: linear-gradient(90deg, #D4CCFF 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .TeamswinBoxCTA .button a:hover span.arrow svg rect { fill: #fff; stroke: #fff;} .BookDemoCTAInSec { max-width: 820px; width: 100%; margin: 0 0 0 auto;} .BookDemoCTAInSec .BookDemoCTAContent { max-width: 505px; width: 100%;} .BookDemoCTAListBoxSec ul { margin: 0; padding: 0; list-style: none; gap: 10px 5px;} .BookDemoCTAListBoxSec ul li { border: 1px solid #FFFFFF40; border-radius: 30px; padding: 7px 15px 7px 6px; display: flex; align-items: center; gap: 10px;} .BookDemoCTAListBoxSec ul li span.listarrow { background: #312480; line-height: 0; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .BookDemoCTAListBoxSec ul li span.listcontent { width: calc(100% - 34px);} .BookDemoCTASection .BookDemoCTAImge { position: absolute; top: 0; left: calc(((100% - 1270px) / 2) - 120px); width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 2;} .BookDemoCTASection .BookDemoCTAImge img { width: 100%; height: 100%; object-fit: contain; object-position: left;} .BookDemoCTASection .BookDemoCTAshape { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; pointer-events: none; z-index: 1; border-radius: 30px 0 0 30px;} .BookDemoCTASection .BookDemoCTAshape svg { height: 100%; } .BookDemoCTAButton .secondary_button a span.CTA_text_gradient { background: linear-gradient(90deg, #6347FF 25%, #8E7AFF 50%, #6347FF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .BookDemoCTAButton .secondary_button a:hover span.CTA_text_gradient { background: linear-gradient(90deg, #FFF 25%, rgb(255 255 255 / 60%) 50%, #FFF 75%);75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .BookDemoCTAButton .secondary_button a:hover { border-color: #fff;} .FAQBoxSection { max-width: 820px; width: 100%; margin: 0 auto;} .FAQBoxSection .FAQBox { border: 1px solid rgb(99 71 255 / 8%); border-radius: 10px; padding: 25px 30px;} .FAQBoxSection .FAQBox .FAQBoxTitleBox { display: flex;align-items: center; justify-content: space-between; gap: 10px;} .FAQBoxSection .FAQBox .FAQBoxTitleBox .FAQBoxTitle { width: calc(100% - 34px); cursor: pointer;} .FAQBoxSection .FAQBox .FAQBoxTitleBox .FAQBoxTitleIcon { position: relative; width: 24px; height: 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;} .FAQBoxSection .FAQBox .FAQBoxTitleBox .FAQBoxTitleIcon i { width: 10px; height: 2px; background: #6347FF; display: block; position: relative; top: 2px; transition: all ease-in-out 0.3s;} .FAQBoxSection .FAQBox .FAQBoxTitleBox .FAQBoxTitleIcon i:last-child { transform: rotate(90deg); top: 0px;} .FAQBoxSection .FAQBox .FAQBoxContent { padding-top: 10px; max-width: 716px; width: 100%; } .FAQBoxSection .FAQBox.active .FAQBoxTitleBox .FAQBoxTitleIcon i:last-child {transform: rotate(0);} .FAQBoxSection .FAQBox+* { margin-top: 10px;} .FeaturetabInSection .Featuretabtitlesec { max-width: 820px; width: 100%; margin: 0 auto;} .FeaturetabInSection .Featuretabtitlesec .FeaturetabContent { max-width: 650px; width: 100%; margin: 0 auto;} .FeaturetabBoxSection .FeaturetabBoxmain { max-width: 505px; width: 100%;} .FeaturetabBoxSection .FeaturetabBoxImageBox { max-width: calc(100% - (505px + 20px)); width: 100%; background: rgba(99, 71, 255, 0.08); border-radius: 20px; overflow: hidden; padding: 75px 0 0 75px;} .FeaturetabBoxSection .FeaturetabBoxImageBox img { width: 100%; height: 100%; object-fit: cover;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox+* { margin-top: 20px;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox { border: 1px solid rgb(99 71 255 / 8%); border-radius: 10px; padding: 25px 30px;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox .FeaturetabBoxTitleCol { display: flex; align-items: center; justify-content: space-between; gap: 20px;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox .FeaturetabBoxTitleCol .FeaturetabBoxTitle h4 { display: none;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox .FeaturetabBoxTitleCol .FeaturetabBoxArrow { position: relative; width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox .FeaturetabBoxTitleCol .FeaturetabBoxArrow i { width: 15px; height: 2.5px; background: #6347FF; display: block; position: relative; top: 2px; transition: all ease-in-out 0.3s;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox .FeaturetabBoxTitleCol .FeaturetabBoxArrow i:last-child { transform: rotate(90deg); top: -1px;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox .FeaturetabBoxCnt { padding-top: 20px; max-width: 395px; width: 100%;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox.active {background: rgba(99, 71, 255, 0.08);} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox .FeaturetabBoxbtn a { display: flex; align-items: center; gap: 5px;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox .FeaturetabBoxbtn a span { line-height: 0; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox.active .FeaturetabBoxArrow i:last-child { transform: rotate(0deg);} .softwaresolutionBoxSec .softwaresolutionBox { max-width: calc(33.33% - 13.33px); width: 100%; padding: 50px; border-radius: 20px;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxListgrp ul { margin: 0; padding: 0; list-style: none; } .softwaresolutionBoxListgrpInsec { overflow: hidden; height: 250px ;}
.softwaresolutionBoxListgrpInsec {overflow: hidden;mask-image: linear-gradient(to bottom, transparent 0%, black 18%, black 82%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 18%, black 82%, transparent 100%);} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxListgrp ul li .softwaresolutionBoxListitems { gap: 10px;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxListgrp ul li span.listarrow { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxListgrp ul li h5.listcontent { width: calc(100% - 38px);} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxListgrp ul li+* { margin-top: 20px;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxListgrp ul { position: relative;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxtitlesec { display: flex; align-items: center; gap: 10px; justify-content: space-between;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxtitlesec .softwaresolutionBoxTitle { width: calc(100% - 38px);} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxtitlesec .softwaresolutionBoxArrow a { display: flex; align-items: center; justify-content: center;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxtitlesec .softwaresolutionBoxArrow { width: 28px; height: 28px; background: #BF3D94; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; flex-direction: column;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxtitlesec .softwaresolutionBoxArrow i {width: 13px;height: 1px;background: #fff;display: block;position: relative;top: 1px;transition: all ease-in-out 0.3s;border: 1.5px solid var(--Light, #FFFFFF);} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxtitlesec .softwaresolutionBoxArrow i:last-child { transform: rotate(90deg); top: -0.5px;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxtitlesec .softwaresolutionBoxArrow.active i:last-child { transform: rotate(0);} .softwaresolutionInSec .softwaresolutionTitleSec { max-width: 650px; width: 100%; margin: 0 auto; text-align: center;} .CounterInSec .Countertitlesection .CounterTitle h3 { line-height: 1.25;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntColIn .TwoColumnImgCntTitle h3 { line-height: 1.19;} .TestimonialSection .testimonialInSection .testimonialBoxSec .testimonialBoxText * { line-height: 1.2;} .softwaresolutionInSec .softwaresolutionTitleSec .softwaresolutionTitle * { line-height: 1.2;} .HomeBannerFormSec .HomeBannerForm form .hs_error_rollup { display: none;} .Countercta a span.btn_gradient { background: linear-gradient(90deg, #6347FF 25%, #8E7AFF 50%, #6347FF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .Countercta a:hover span.btn_gradient { background: linear-gradient(90deg, #FFF 25%, rgb(255 255 255 / 90%) 50%, #FFF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .headerdemobtn a span.text_gradient { background: linear-gradient(90deg, #6347FF 25%, #8E7AFF 50%, #6347FF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .headerdemobtn a:hover span.text_gradient { background: linear-gradient(90deg, #FFF 25%, rgb(255 255 255 / 90%) 50%, #FFF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .CounterBoxSection.three_column .CounterBox { max-width: calc(33.33% - 13.33px);} .TwoColumnBannerInSec .TwoColumnBannerLTCol { max-width: 504px; width: 100%;} .TwoColumnBannerInSec .TwoColumnBannerRTCol { max-width: calc(100% - (504px + 126px)); width: 100%; height: 470px;} .TwoColumnBannerContent { max-width: 389px; width: 100%;} .TwoColumnBannerInSec .TwoColumnBannerRTCol img { width: 100%; height: 100%; object-fit: cover; min-height: 470px; border-radius: 16px; } .TwoColumnBannerInSec { justify-content: space-between;} .TwoColumnBannerCTA .secondary_button a:hover { border-color: #fff;} .FourColumnTitleSec { max-width: 775px; width: 100%; margin: 0 auto;} .FourColumnTitleSec .FourColumnSubTitle { display: flex; align-items: center; justify-content: center; background:rgb(99 71 255 / 8%); width: max-content; margin: 0 auto; border-radius: 46px; padding: 7px 15px; gap: 5px;} .FourColumnTitleSec .FourColumnContent { max-width: 598px; width: 100%; margin: 0 auto;} .FourColumnTitleSec .FourColumnSubTitle p { line-height: 1.286;} .FourColumnTitleSec .FourColumnSubTitle span { line-height: 0;} .FourColumnBoxSection .FourColumnBox { max-width: calc(25% - 15px); width: 100%; background: #fff; border: 1px solid #F1F3FB; border-radius: 20px; padding: 32px; display: flex; flex-direction: column; gap: 15px; position: relative;} .FourColumnBoxSection .FourColumnBox .FourColumnBoxLogo { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 10px; box-shadow: 0px 0px 20px 0px #FFFFFF, 0px 0px 10px 0px #FFFFFF80;} .FourColumnBoxSection .FourColumnBox .FourColumnBoxLogo svg { width: 24px; height: 24px;} .FourColumnBoxSection .FourColumnBox .FourColumnBoxCnt p { line-height: 1.2222;} .FourColumnBoxSection { position: relative; justify-content: center;} .FourColumnBoxSection:before { position: absolute; content: ""; width: 1140px; height: 100%; left: 50%; transform: translateX(-50%); top: 0; pointer-events: none; border-radius: 100%; background: rgba(99, 71, 255, 0.15); filter: blur(150px);} .FourColumnBoxSection.FourTrColumnBoxSection .FourColumnBox { max-width: calc(33.33% - 13.33px); padding: 50px 50px 60px;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntImgcol { max-width: 610px; width: 100%; height: 580px;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntCol { max-width: calc(100% - (610px)); width: 100%;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox:nth-child(odd) .TwoColumnImgCntCol { padding-left: 125px;} .TwoColumnImgCntinSec.TwoColumnImgzigzaginSec { max-width: 1135px; width: 100%; margin: 0 auto;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntImgcol img { width: 100%; height: 100%; object-fit: cover; border-radius: 16px;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox:nth-child(even) { flex-direction: row-reverse;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox+* { margin-top: 100px;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox:nth-child(even) .TwoColumnImgCntCol { padding-right: 125px;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntCol ul { margin: 16px 0 0; padding: 0; list-style: none;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntCol ul li+* { margin-top: 18px;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntCol ul li {position: relative; font-size: 16px; line-height: 1.25; padding-left: 30px;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntCol ul li:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='4.25903' y='10.0759' width='6.25' height='1.25' rx='0.3125' transform='rotate(45 4.25903 10.0759)' fill='%236347FF' stroke='%236347FF' stroke-width='0.625'/%3E%3Crect x='16.6333' y='6.54031' width='12.5' height='1.25' rx='0.3125' transform='rotate(135 16.6333 6.54031)' fill='%236347FF' stroke='%236347FF' stroke-width='0.625'/%3E%3C/svg%3E"); width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center center ; position: absolute; left: 0; top: 0;} .switchingTCSection .switchingTCShape { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;} .switchingTCSection .switchingTCShape svg { width: 100%; height: 100%;} .problemBoxSection { max-width: 742px; width: 100%; margin: 0 auto;} .problemBoxSection .problemBoxTag { display: flex; align-items: center; justify-content: center; width: max-content; margin: 0 auto; background: #BF3D9414; padding: 8px 15px; border-radius: 46px; gap: 5px;} .problemBoxSection .problemBoxTag span { line-height: 0;} .problemBoxSection .problemBoxTag p { color: #BF3D94; font-size: 14px; line-height: 18px; font-weight: 500;} .problemInSec { max-width: 1035px; width: 100%; margin: 0 auto;} .problemBoxSection .problemBoxTitle { max-width: 634px; width: 100%; margin: 0 auto;} .problemBoxContent p+* { margin-top: 20px; } .problemSection .problemsliderBoxSection { position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: -1;} .problemInSec { position: relative;} .problemInSec:before { position: absolute; width: 100%; content: ""; height: 100%; background: #fff; filter: blur(50px); pointer-events: none;} .problemBoxSection { position: relative; z-index: 2;} .problemsliderBoxImg { max-width: 200px; height: 154px; padding: 0 5px;} .problemSection .problemsliderBoxSection .problemsliderBox+* { margin-top: 20px;} .problemsliderBoxImg .problemsliderBoxImage { width: 100%; height: 100%; background: #F8F7FF;} .problemsliderBoxImg .problemsliderBoxImage img { width: 100%; height: 100%; object-fit: contain; border-radius: 7.5px;} .HeroBannerCTA .quaternary_button a:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M10.5 5.33161C11.1667 5.71651 11.1667 6.67876 10.5 7.06366L1.5 12.2598C0.833332 12.6447 -6.10471e-07 12.1636 -5.76822e-07 11.3938L-1.2256e-07 1.00148C-8.8911e-08 0.231678 0.833333 -0.249447 1.5 0.135454L10.5 5.33161Z' fill='white'/%3E%3C/svg%3E"); width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center center;} .HeroBannerCTA .quaternary_button a { gap: 5px;} .HeroBannerCTA .quaternary_button a:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M10.5 5.33161C11.1667 5.71651 11.1667 6.67876 10.5 7.06366L1.5 12.2598C0.833332 12.6447 -6.10471e-07 12.1636 -5.76822e-07 11.3938L-1.2256e-07 1.00148C-8.8911e-08 0.231678 0.833333 -0.249447 1.5 0.135454L10.5 5.33161Z' fill='white' style='&%2310; fill: %236347ff;&%2310;'/%3E%3C/svg%3E");} .HeroBannerCTA .secondary_button a:hover { border-color: rgba(255, 255, 255, 1.0);} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntCol ul li strong { color: #0C0F31; font-weight: 500;} .CounterBoxSection.four_column .CounterBox { max-width: calc(25% - 15px);} .BadformBannerTitleSec { max-width: 636px; width: 100%; margin: 0 auto;} .BadformBannerTitleSec .BadformBannerFormSec { max-width: 580px; width: 100%; margin: 0 auto;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form { position: relative;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form input[type="email"] { padding: 15px 170px 15px 24px; background: #FFFFFF1A; border: 1px solid #FFFFFF40; color: #fff;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form input[type="email"]::-webkit-input-placeholder { color: #FFF; } .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form input[type="email"]::-moz-placeholder { color: #FFFFFF;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form input[type="email"]:-ms-input-placeholder { color: #FFFFFF;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form input[type="email"]:-moz-placeholder {color: #FFFFFF;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form .hs_submit { display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%);} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form .hs-form-field { margin: 0;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form .hs_submit input[type="submit"] { min-width: 142px; padding: 15px 25px; background: linear-gradient(90deg, #6347FF 25%, #8E7AFF 50%, #6347FF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form .hs_submit .actions { background: #fff; border-radius: 46px;} .PlanThreeColBoxSection .PlanThreeColBox { max-width: calc(33.33% - 13.33px); width: 100%; border: 1px solid #F2F2F2; background: #FFFFFF; border-radius: 20px;} .PlanThreeColBoxSection .PlanThreeColBox .PlanThreeColBoxTitleSec { padding: 32px 24px; border-bottom: 1px solid #F2F2F2;} .PlanThreeColBoxSection .PlanThreeColBox .PlanThreeColBoxTitleSec .PlanThreeColBoxLogo { width: 54px; height: 54px; box-shadow: 0px 0px 20px 0px #FFFFFF, 0px 0px 10px 0px #FFFFFF80; border-radius: 10px; display: flex; align-items: center; justify-content: center;} .PlanThreeColBoxSection .PlanThreeColBox .PlanThreeColBoxTitleSec .PlanThreeColBoxLogo img { width: 30px; height: 30px; object-fit: contain;} .PlanThreeColBoxSection .PlanThreeColBox .PlanThreeColBoxBTCol { padding: 32px 26px;} .PlanThreeColBoxSection .PlanThreeColBox .PlanThreeColBoxListcnt ul { margin: 0; padding: 0; list-style: none;} .PlanThreeColBoxSection .PlanThreeColBox .PlanThreeColBoxListcnt ul li { color: #0C0F3199; line-height: 1.223; display: flex; align-items: center; gap: 8px;} .PlanThreeColBoxSection .PlanThreeColBox .PlanThreeColBoxListcnt ul li+* { margin-top: 12px;} .PlanThreeColBoxSection .PlanThreeColBox .PlanThreeColBoxListcnt ul li:before { content: ""; 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%3Ccircle cx='9' cy='9' r='9' fill='%236347FF'/%3E%3Cpath d='M5 10.6667L7.39572 12.6994C7.56184 12.8404 7.64491 12.9108 7.7388 12.9003C7.8327 12.8897 7.89806 12.8026 8.02877 12.6283L13 6' stroke='white' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E"); width: 18px; height: 18px; background-repeat: no-repeat; background-position: center center; background-size: contain;} .PlanThreeColBoxBTCTA a , .PlanThreeColBoxBTCTA .button.border_button a { width: 100%;} .PlanThreeColBoxBTCTA div { width: 100%; display: block;} .PlanThreeColbtcnt { max-width: 505px; width: 100%; margin: 0 auto; text-align: center;} .AllourplanTitleSec { max-width: 598px; width: 100%; margin: 0 auto;} .AllourplanBoxSection { position: relative; justify-content: center;} .AllourplanBoxSection .AllourplanBox { max-width: calc(25% - 15px); width: 100%; padding: 10px 20px 10px 10px; border: 1px solid #F1F3FB; border-radius: 14px; background: #fff; position: relative;} .AllourplanBoxSection .AllourplanBox .AllourplanBoxImage { width: 54px; height: 54px; border-radius: 10px; display: flex; align-items: center; justify-content: center;} .AllourplanBoxSection .AllourplanBox .AllourplanBoxImage img { width: 28px; height: 28px; object-fit: contain;} .AllourplanBoxSection:before { position: absolute; content: ""; width: 1140px; background: rgb(99 71 255 / 30%); height: 100%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; top: 50%; filter: blur(300px); pointer-events: none;} .AllourplanCTA a { min-width: 348px;} .AllourplanBoxSection .AllourplanBox .AllourplanBoxText { width: calc(100% - 64px);} .OurCustomerLogoTitleSection { max-width: 400px; width: 100%; margin: 0 auto;}
.OurCustomerLogoBoxSection { align-items: stretch; position: relative;} .OurCustomerLogoBoxSection .OurCustomerLogoBox { max-width: calc(20% - 9.6px); width: 100%; border: 1px solid #F1F3FB; background: #fff; padding: 34px; border-radius: 14px; position: relative;} .OurCustomerLogoBoxSection .OurCustomerLogoBox .OurCustomerLogoBoxImg { width: 100%; height: 54px;} .OurCustomerLogoBoxSection .OurCustomerLogoBox .OurCustomerLogoBoxImg img { width: 100%; height: 100%; object-fit: scale-down;} .OurCustomerLogoBoxSection:before { position: absolute; content: ""; background: rgb(99 71 255 / 25%); width: 100%; max-width: 1140px; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; filter: blur(300px); pointer-events: none;} .LContentRFormBannerInSec { gap: 87px; justify-content: space-between;} .LContentRFormBannerInSec .LContentRFormBannerLTCol { max-width: 636px; width: 100%;} .LContentRFormBannerInSec .LContentRFormBannerRTCol { max-width: calc(100% - (636px + 87px)); width: 100%; background: rgb(0 0 0 / 20%); border-radius: 30px; padding: 32px 52px;} .LContentRFormBannerInSec .LContentRFormBannerLTCol .LContentRFormBannerTag { margin-bottom: 20px; width: fit-content; border-radius: 46px; padding: 5.5px 15px 5.5px; position: relative;} .LContentRFormBannerInSec .LContentRFormBannerLTCol .LContentRFormBannerTag:before { background: linear-gradient(180deg, rgba(99, 71, 255, 0) 0%, rgba(99, 71, 255, 0) 100%), linear-gradient(0deg, rgba(99, 71, 255, 100%), rgba(99, 71, 255, 100%)) padding-box, linear-gradient(106.39deg, rgba(255, 255, 255, 0.25) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0.25) 100%); border: 1px solid transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; border-radius: 46px; box-sizing: content-box;} .LContentRFormBannerInSec .LContentRFormBannerLTCol .LContentRFormBannerTag p { background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 35%, #FFFFFF 65%, rgba(255, 255, 255, 0.5) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; z-index: 1; font-weight: 500;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .hs-form-field label { color: #FFFFFF; font-size: 20px; line-height: 1.2; margin-bottom: 8px; font-weight: 500;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .hs-form-field label span.hs-form-required { color: #fff;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .hs-form-field input,.LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .hs-form-field select { border: 1px solid #FFFFFF40; border-radius: 10px; background: rgb(255 255 255 / 10%); min-height: 54px; color: #fff; width: 100% !important;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset.form-columns-2 { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .input { margin: 0;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .hs-form-field { margin-bottom: 12px;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset.form-columns-2 .hs-form-field { width: calc(50% - 5px);} .LContentRFormBannerRTCol .LContentRFormBannerForm form .hs-richtext p { margin: 0; color: #fff; font-weight: 500; font-size: 14px; line-height: 1.428; } .LContentRFormBannerRTCol .LContentRFormBannerForm form .hs-richtext a { color : #fff; text-decoration: underline;} .LContentRFormBannerRTCol .LContentRFormBannerForm form .hs-richtext { margin-bottom: 12px;} .LContentRFormBannerForm form .hs_submit input[type="submit"] { max-width: 326px; width: 100%; background: #FFFFFF; color: #6347FF; font-weight: 500; font-size: 16px; line-height: 20px; padding: 15px;} .LContentRFormBannerlist ul { margin: 0; padding: 0; list-style: none;} .LContentRFormBannerlist ul li { padding-left: 30px; position: relative; line-height: 1.25;} .LContentRFormBannerlist ul li+* { margin-top: 12px;} .LContentRFormBannerlist ul li:before { position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 20 24' fill='none'%3E%3Crect x='4.25977' y='10.0758' width='6.25' height='1.25' rx='0.3125' transform='rotate(45 4.25977 10.0758)' fill='white' stroke='white' stroke-width='0.625'/%3E%3Crect x='16.6348' y='6.54031' width='12.5' height='1.25' rx='0.3125' transform='rotate(135 16.6348 6.54031)' fill='white' stroke='white' stroke-width='0.625'/%3E%3C/svg%3E"); width: 20px; height: 24px; left: 0; background-repeat: no-repeat; background-size: contain; background-position: center; top: 0;} .LContentRFormBannerlist { max-width: 521px; width: 100%;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .hs-form-field select option { color: rgba(99, 71, 255,100%);} .Counterv1Btns .secondary_button a:hover { border-color: #fff;} .ResourcesLisFilterSection { background: #6347FF; margin: 20px 20px 0 20px; border-radius: 30px; padding: 180px 0 75px;} .ResourcesLisFilterBoxSec { gap: 20px;} .ResourcesLisFilterBoxSec .ResourcesLisFilterBox { width: calc(33.33% - 13.33px);}
.ResourcesLisFilterBoxSec .searchFilterBox .ResourcesLisFilterBoxFil input { width: 100%; background: rgb(255 255 255 / 10%); border: 1px solid rgb(255 255 255 / 25%); border-radius: 10px; padding: 16px 16px; color: #fff; outline: none;} .ResourcesLisFilterBoxSec .searchFilterBox .ResourcesLisFilterBoxFil input::-webkit-input-placeholder { color: #fff;} .ResourcesLisFilterBoxSec .searchFilterBox .ResourcesLisFilterBoxFil input::-moz-placeholder { color: #fff;} .ResourcesLisFilterBoxSec .searchFilterBox .ResourcesLisFilterBoxFil input:-ms-input-placeholder { color: #fff;} .ResourcesLisFilterBoxSec .searchFilterBox .ResourcesLisFilterBoxFil input:-moz-placeholder { color: #fff;} .ResourcesLisFilterBoxSec .ResourcesLisFilterBox select { width: 100%; border: 1px solid rgb(255 255 255 / 25%); border-radius: 10px; padding: 16px 50px 16px 16px; color: #fff; outline: none; appearance: none; -webkit-appearance: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33' fill='none'%3E%3Crect x='9.1123' y='13.2679' width='12.2351' height='2.04041' rx='0.510101' transform='rotate(45 9.1123 13.2679)' fill='white' stroke='white' stroke-width='1.0202'/%3E%3Crect x='24.9824' y='14.7011' width='12.2485' height='2.0404' rx='0.510101' transform='rotate(135 24.9824 14.7011)' fill='white' stroke='white' stroke-width='1.0202'/%3E%3C/svg%3E"), rgb(255 255 255 / 10%); background-repeat: no-repeat; background-size: 32px; background-position: center right 10px;} .ResourcesLisFilterBoxSec .ResourcesLisFilterBox select option { color: #6347FF;} .ResourcesLisFilterBoxSec { padding-bottom: 56px; border-bottom: 1px solid rgb(255 255 255 / 25%); margin-bottom: 56px;} .ResourcesLisFilterCatebox .ResourcesLisFilterCateboxFil label { position: relative;} .ResourcesLisFilterCatebox .ResourcesLisFilterCateboxFil label input { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; cursor: pointer; z-index: 1;} .ResourcesLisFilterCatebox .ResourcesLisFilterCateboxFil label span { padding-left: 48px; position: relative; line-height: 38px;} .ResourcesLisFilterCatebox .ResourcesLisFilterCateboxFil label span:before { position: absolute; content: ""; width: 38px; height: 38px; background: #FFFFFF1A; left: 0; top: 50%; transform: translateY(-50%); border-radius: 8px; border: 1px solid #FFFFFF40;} .ResourcesLisFilterCatebox .ResourcesLisFilterCateboxFil label span:after { position: absolute; content: ""; width: 38px; height: 38px; border-radius: 8px; left: 0; top: 50%; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='4.25879' y='10.0758' width='6.25' height='1.25' rx='0.3125' transform='rotate(45 4.25879 10.0758)' fill='%236347FF' stroke='%236347FF' stroke-width='0.625'/%3E%3Crect x='16.6338' y='6.54031' width='12.5' height='1.25' rx='0.3125' transform='rotate(135 16.6338 6.54031)' fill='%236347FF' stroke='%236347FF' stroke-width='0.625'/%3E%3C/svg%3E"), #fff; background-repeat: no-repeat; background-size: 20px; background-position: center center; opacity: 0; transition: all ease-in-out 0.3s;} .ResourcesLisFilterCatebox .ResourcesLisFilterCateboxFil label input:checked + span:after { opacity: 1;} .ResourcesCntListingBoxsec .ResourcesCntListingBox { max-width: calc(33.33% - 13.33px); width: 100%;} .ResourcesCntListingBoxsec .ResourcesCntListingBox .ResourcesCntListingBoxImg { background-repeat: no-repeat; background-size: cover; background-position: center center; padding-bottom: 65.01%; border-radius: 20px; position: relative;} .ResourcesCntListingBoxsec .ResourcesCntListingBox .ResourcesCntListingBoxImg a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;} .ResourcesCntListingBoxsec .ResourcesCntListingBox .ResourcesCntListingCntBox { padding-top: 32px;} .ResourcesCntListingBoxsec { row-gap: 60px;} .ResourcesCntListingBoxsec .ResourcesCntListingBox .ResourcesCntListingCntBox .ResourcesCntListingBoxCTA a { display: flex; align-items: center; gap: 5px; color: #6347FF; font-weight: 500; position: relative; width: max-content;} .ResourcesCntListingBoxsec .ResourcesCntListingBox .ResourcesCntListingCntBox .ResourcesCntListingBoxCTA a:before { position: absolute; content: ""; width: 0; height: 2px; left: 0; background: #6347FF; bottom: -1px; transition: all ease-in-out 0.3s;} .ResourcesCntListingBoxsec .ResourcesCntListingBox .ResourcesCntListingCntBox .ResourcesCntListingBoxCTA a:hover:before { width: calc(100% - 21px);} .ResHubCTASection .ResHubCTAImg { position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .ResHubCTASection .ResHubCTAImg img { width: 100%; height: 100%; object-fit: contain; object-position: left;} .ResHubCTASection .ResHubCTAInSec { max-width: 657px; width: 100%; margin: 0 0 0 auto;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection { max-width: 580px; width: 100%;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form { position: relative;} .ResHubCTAForm { margin-top: 32px;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .hs-form-field { margin-bottom: 0;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .hs_submit { position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: inline-block;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form input[type="email"] { padding: 15px 170px 15px 24px; background: #FFFFFF1A; border: 1px solid #FFFFFF40; color: #fff; outline: none;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form input[type="email"]::-webkit-input-placeholder { color: #fff;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form input[type="email"]::-moz-placeholder {color: #fff;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form input[type="email"]:-ms-input-placeholder {color: #fff;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form input[type="email"]:-moz-placeholder { color: #fff;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .hs_submit .actions { background: #fff; border-radius: 46px;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .hs_submit .actions input[type="submit"] { min-width: 142px; padding: 15px 25px; background: linear-gradient(90deg, #6347FF 25%, #8E7AFF 50%, #6347FF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .ResHubCTAFormCnt { max-width: 469px; width: 100%;} .ResHubCTAFormCnt p { line-height: 1.3;} .ResHubCTASection .ResHubCTAshape { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .ResHubCTASection .ResHubCTAshape svg { height: 100%;} .ResHubCTASection .ResHubCTAImg { left: calc(((100% - 1270px) / 2) - 60px);} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .hs-error-msgs { display: none;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .hs_error_rollup { display: none;} .ResHubCTAForm .submitted-message { color: #fff;} .ResourcesCntListingpagi { display: flex; align-items: center; justify-content: center; gap: 10px;} .ResourcesCntListingpagi button { width: 38px; height: 38px; border: 1px solid #000; border-radius: 8px; background: #fff; outline: none; display: flex; align-items: center; justify-content: center; color: #000000; font-size: 18px; font-weight: 500; transition: all ease-in-out 0.3s;} .ResourcesCntListingpagi span.pg-dots { width: 38px; height: 38px; border: 1px solid #000; border-radius: 8px; background: #fff; outline: none; display: flex; align-items: center; justify-content: center; color: #000000; font-size: 18px; font-weight: 500; transition: all ease-in-out 0.3s;} .ResourcesCntListingpagi button.pg-nav { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33' fill='none'%3E%3Crect x='19.3779' y='9.11353' width='12.2351' height='2.04041' rx='0.510101' transform='rotate(135 19.3779 9.11353)' fill='white' stroke='white' stroke-width='1.0202'/%3E%3Crect x='17.9453' y='24.9836' width='12.2485' height='2.0404' rx='0.510101' transform='rotate(-135 17.9453 24.9836)' fill='white' stroke='white' stroke-width='1.0202'/%3E%3C/svg%3E"), #000; background-repeat: no-repeat; background-size: 30px; background-position: center right 2px; transition: all ease-in-out 0.3s;} .ResourcesCntListingpagi button.pg-nav.pg-next {transform: rotate(180deg);margin-left: 22px;} .ResourcesCntListingpagi button.pg-nav[disabled] { opacity: 30%;} .ResourcesCntListingpagi button.pg-nav.pg-prev { margin-right: 22px;} .ResourcesCntListingpagi button.pg-num.active { background: #000; color: #fff;}
.TagStyle { width: fit-content; margin: 0 auto; border-radius: 46px; padding: 5.5px 15px 5.5px; position: relative;} .TagStyle:before { background: linear-gradient(180deg, rgba(99, 71, 255, 0) 0%, rgba(99, 71, 255, 0) 100%), linear-gradient(0deg, rgba(99, 71, 255, 100%), rgba(99, 71, 255, 100%)) padding-box, linear-gradient(106.39deg, rgba(255, 255, 255, 0.25) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0.25) 100%); border: 1px solid transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; border-radius: 46px; box-sizing: content-box;} .TagStyle p { position: relative; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 35%, #FFFFFF 65%, rgba(255, 255, 255, 0.5) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .BannerVideoTitleSection { max-width: 650px; width: 100%; margin: 0 auto;} .BannerVideoInSec .BannerVideoBox { max-width: 1240px; width: 100%; height: 659px; margin-bottom: -473px;} .BannerVideoInSec .BannerVideoBox video { width: 100%; height: 100%; border-radius: 30px; vertical-align: middle; object-fit: cover; object-position: top;} .BannerVideoInSec .BannerVideoBox .videoplaybtn { width: 191px; height: 191px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #FFFFFF4D; background: #FFFFFF33; z-index: 1; border-radius: 50%; backdrop-filter: blur(60px); cursor: pointer; transition: all ease-in-out 0.3s;} .BannerVideoInSec .BannerVideoBox { position: relative;} .BannerVideoInSec .BannerVideoBox .videoplaybtn:before { position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='35' viewBox='0 0 32 35' fill='none'%3E%3Cpath d='M28.8 13.121C32 14.9686 32 19.5874 28.8 21.4349L7.2 33.9056C4 35.7532 -1.7557e-06 33.4438 -1.59419e-06 29.7487L-5.03959e-07 4.80719C-3.42443e-07 1.11214 4 -1.19726 7.2 0.650266L28.8 13.121Z' fill='white'/%3E%3C/svg%3E"); width: 48px; height: 48px; background-repeat: no-repeat; background-size: 35px; background-position: center center; top: 50%; left: 50%; transform: translate(-50%, -50%);} .BannerVideoInSec .BannerVideoBox .videoplaybtn.pause-btn:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M13 5v22a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h1a3 3 0 0 1 3 3zm10-3h-1a3 3 0 0 0-3 3v22a3 3 0 0 0 3 3h1a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3z' data-name='Layer 30' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");} .BannerVideoInSec .BannerVideoBox .videoplaybtn.pause-btn { opacity: 10%;} .WebinarCoverInSec .WebinarCoverLTCol { max-width: 505px; width: 100%;} .WebinarCoverInSec .WebinarCoverRTCol { max-width: calc(100% - (505px + 126px)); width: 100%; border: 1px solid #0000001A; border-radius: 20px;} .WebinarCoverInSec { gap: 50px; max-width: 1030px; width: 100%; justify-content: space-between; margin: 0 auto;} .WebinarCoverInSec .WebinarCoverRTCol .WebinarCoverBoxTitle { padding: 32px 40px 28px; border-bottom: 1px solid #E5E5E5;} .WebinarCoverInSec .WebinarCoverRTCol .WebinarCoverBoxList ul li:not(:last-child) { border-bottom: 1px solid #E5E5E5;} .WebinarCoverInSec .WebinarCoverRTCol .WebinarCoverBoxList ul li { padding: 20px 20px 20px 39px; display: flex; align-items: flex-start; gap: 15px;} .WebinarCoverInSec .WebinarCoverRTCol .WebinarCoverBoxList ul { margin: 0; padding: 0; list-style: none;} .WebinarCoverInSec .WebinarCoverRTCol .WebinarCoverBoxList ul li span.WebinarCoverBoxnumber { width: 32px; height: 32px; background: #6347FF; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 16px; line-height: 1;} .WebinarCoverInSec .WebinarCoverRTCol .WebinarCoverBoxList ul li span.WebinarCoverBoxtext { width: calc(100% - 47px);} .Counterv1Section .Counterv1Shape { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;} .Counterv1Section .Counterv1Shape svg { height: 100%;} .Counterv1Section .Counterv1Image { position: absolute; z-index: 1;} .Counterv1Section .Counterv1InSection { max-width: 576px; width: 100%; margin: 0 140px 0 auto;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection { max-width: 530px; width: 100%; align-items: stretch;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box { width: 33.33%;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box .Counterv1Boxin { max-width: 150px; width: 100%;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box:nth-child(2n + 2) .Counterv1Boxin { margin: 0 auto;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box:nth-child(3n + 3) .Counterv1Boxin { margin: 0 0 0 auto;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box:not(:last-child) { border-right: 1px solid rgb(255 255 255 / 25%);} .Counterv1Section .Counterv1Image { width: 100%; height: 100%; top: 0; left: calc(((100% - 1440px) / 2) + 30px);} .Counterv1Section .Counterv1Image img { width: 100%; height: 100%; object-fit: contain; object-position: left bottom;} .Counterv1Section { overflow: hidden;} .workforceThreeColBoxSec .workforceThreeColBox { max-width: calc(33.33% - 13.33px); width: 100%; border: 1px solid #F2F2F2; background: #fff; border-radius: 20px;} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxTitlesec { padding: 31px 23px 20px; border-bottom: 1px solid #F2F2F2;} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxbtgrp { padding: 20px 25px 30px;} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxListgrp ul { margin: 0; list-style: none; padding-left: 0;} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxListgrp ul li { padding-left: 26px; position: relative; display: none;} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxListgrp ul li+* { margin-top: 12px;} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxListgrp ul li:before { position: absolute; content: ""; width: 18px; height: 18px; border-radius: 50%; left: 0; top: 1px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M0.875 5.54167L3.27072 7.5744C3.43684 7.71535 3.51991 7.78583 3.6138 7.77528C3.7077 7.76474 3.77306 7.67759 3.90377 7.5033L8.875 0.875' stroke='white' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E"), #6347FF; background-repeat: no-repeat; background-position: center center; background-size: 10px;} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxListgrp button.workforceloadmore { margin-top: 12px; border: unset; background: transparent; display: flex; align-items: center; gap: 7px; padding: 0; font-weight: 500; color: #0C0F31;} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxListgrp button.workforceloadmore span.workforceloadarrow { width: 18px; height: 18px; background: #000000; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxListgrp button.workforceloadmore.loadless span.workforceloadarrow { transform: rotate(180deg);} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxCTA .cta-section+* { margin-top: 10px;} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxCTA .cta-section { width: 100%;} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxCTA .cta-section > div { width: 100%;} .workforceThreeColBoxSec .workforceThreeColBox .workforceThreeColBoxCTA .cta-section a { width: 100%;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box .Counterv1Boxin .Counterv1BoxNumber h4 { display: flex;} .switchingTCInSec { max-width: 780px; width: 100%; margin: 0 auto;} .workforceThreeColtitlesec { max-width: 689px; width: 100%; margin: 0 auto;} .CaseStudyBannerTag { margin: 0;} .CaseStudyBannerTwoColsec { max-width: 1030px; width: 100%; margin: 0 auto; justify-content: space-between;} .CaseStudyBannerRTCol { max-width: 505px; width: 100%;} .CaseStudyBannerTwoColsec .CaseStudyBannerLTCol { max-width: calc(100% - (505px + 186px)); width: 100%;} .CaseStudyBannerCounterBoxSec { margin: 0 -20px; flex-wrap: nowrap;} .CaseStudyBannerCounterBoxSec .CaseStudyBannerCounterBox { padding: 0 20px;} .CaseStudyBannerCounterBoxSec .CaseStudyBannerCounterBox:not(:last-child) { border-right: 1px solid rgb(255 255 255 / 25%);} .CaseStudyBannerCounterBoxSec .CaseStudyBannerCounterBox .CaseStudyBannerCounterBoxText { white-space: nowrap;} .CaseStudyBannerImage { box-shadow: 0px 0px 200px 0px #FFFFFF40, 0px 100px 50px 0px #0000000D; border-radius: 60px; overflow: hidden; margin-bottom: -405px;} .CaseStudyBannerImage img { width: 100%; height: 100%; object-fit: cover;} .CaseStudyBannerCounterBoxSec .CaseStudyBannerCounterBox .CaseStudyBannerCounterBoxNumber h3 { display: flex;} .CaseStudyOverBoxSec .CaseStudyOverLTCol { max-width: 610px; width: 100%; border: 1px solid rgb(99 71 255 / 8%); border-radius: 20px; background: #fff; overflow: hidden;} .CaseStudyOverBoxSec .CaseStudyOverRTCol { max-width: calc(100% - (610px + 125px)); width: 100%;} .CaseStudyOverBoxSec { justify-content: space-between;} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverviewBox { padding: 40px 65px 70px 40px; background: rgb(99 71 255 / 8%);} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverExploreBox { padding: 39px 40px 46px;} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverExploreBox .CaseStudyOverExploreBoxList ul { margin: 0; padding: 0; list-style: none;} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverExploreBox .CaseStudyOverExploreBoxList ul li+* { margin-top: 12px;} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverExploreBox .CaseStudyOverExploreBoxList ul li { padding-left: 26px; position: relative;} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverExploreBox .CaseStudyOverExploreBoxList ul li:before { position: absolute; content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M0.875 5.54167L3.27072 7.5744C3.43684 7.71535 3.51991 7.78583 3.6138 7.77528C3.7077 7.76474 3.77306 7.67759 3.90377 7.5033L8.875 0.875' stroke='white' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E"), #6347FF; background-repeat: no-repeat; border-radius: 50%; background-size: 10px; background-position: center center; left: 0; top: 3px;} .CaseStudyOverBoxSec .CaseStudyOverRTCol .CaseStudyOverRTColContent p+* { margin-top: 20px;} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverviewBox .CaseStudyOverviewBoxlist ul { margin: 0; padding: 0; list-style: none;} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverviewBox .CaseStudyOverviewBoxlist ul li { display: flex; align-items: center; gap: 20px;} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverviewBox .CaseStudyOverviewBoxlist ul li span.CaseStudyOverviewBoxlistTitle { width: 95px; font-weight: 500; color: #0C0F31;} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverviewBox .CaseStudyOverviewBoxlist ul li span:last-child { width: calc(100% - (95px + 20px));} .LCntRListInSec .LCntRListLeftCol { max-width: 505px; width: 100%;} .LCntRListInSec .LCntRListRightCol { border-radius: 20px; max-width: calc(100% - (505px + 125px)); width: 100%; background: #FFFFFF; padding: 40px;} .LCntRListInSec { justify-content: space-between;} .LCntRListLeftCnt p+* { margin-top: 20px;} .LCntRListInSec .LCntRListRightCol .LCntRListRightList ul { margin: 0; padding: 0; list-style: none;} .LCntRListInSec .LCntRListRightCol .LCntRListRightList ul li+* { margin-top: 12px;} .LCntRListInSec .LCntRListRightCol .LCntRListRightList ul li { padding-left: 25px; position: relative;} .LCntRListInSec .LCntRListRightCol .LCntRListRightList ul li:before { position: absolute; content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M0.875 5.54167L3.27072 7.5744C3.43684 7.71535 3.51991 7.78583 3.6138 7.77528C3.7077 7.76474 3.77306 7.67759 3.90377 7.5033L8.875 0.875' stroke='white' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E"), #6347FF; left: 0; border-radius: 50%; background-repeat: no-repeat; background-size: 10px; background-position: center center; top: 3px;} .GetFreeDemoInSec .GetFreeDemoLTCol { max-width: 401px; width: 100%;}
.GetFreeDemoInSec .GetFreeDemoFormSec { max-width: calc(100% - (401px + 127px)); width: 100%; background: rgb(0 0 0 / 20%); border-radius: 30px; padding: 32px 52px;} .GetFreeDemoInSec { max-width: 1031px; width: 100%; margin: 0 auto; gap: 50px; justify-content: space-between;} .GetFreeDemoFormSec .GetFreeDemoForm form input, .GetFreeDemoFormSec .GetFreeDemoForm form select { border: 1px solid #FFFFFF40; background: #FFFFFF1A; border-radius: 10px; width: 100% !important; color: #fff; outline: unset; min-height: 54px; font-size: 18px; padding: 16px 15px; } .GetFreeDemoFormSec .GetFreeDemoForm form .input { width: 100% !important; margin-right: 0 !important;} .GetFreeDemoFormSec .GetFreeDemoForm form fieldset.form-columns-2 { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;} .GetFreeDemoFormSec .GetFreeDemoForm form fieldset.form-columns-2 .hs-form-field { width: calc(50% - 5px);} .GetFreeDemoFormSec .GetFreeDemoForm form .hs-form-field label { font-weight: 500; color: #fff; font-size: 20px; line-height: 1; margin-bottom: 8px;} .GetFreeDemoFormSec .GetFreeDemoForm form .hs-form-field { margin-bottom: 12px;} .GetFreeDemoFormSec .GetFreeDemoForm form p { color: #fff; font-size: 14px; font-weight: 500; font-family: "Poppins",sans-serif; line-height: 20px;} .GetFreeDemoFormSec .GetFreeDemoForm form select option { color: #000;} .GetFreeDemoFormSec .GetFreeDemoForm form .hs-form-field label span.hs-form-required { color: #fff;} .GetFreeDemoFormSec .GetFreeDemoForm form input[type="submit"] { min-width: 326px; width: auto !important; background: #fff; border-radius: 46px; color: #6347FF; font-size: 16px; font-weight: 500; line-height: 20px; border: unset; padding: 15px; min-height: auto;} .GetFreeDemoFormSec .GetFreeDemoForm form p { margin-bottom: 12px;} .GetFreeDemoFormSec .GetFreeDemoForm form .hs-richtext { margin-bottom: 12px;} .GetFreeDemoSection .GetFreeDemoImg { position: absolute; bottom: 0; left: calc(((100% - 1240px) / 2) - 60px); width: 100%;} .GetFreeDemoLTCol .GetFreeDemoContent {max-width: 371px;width: 100%;} .FourColumnTitleSec .FourColumnContent p+* { margin-top: 15px;} .FourColumnSection.hideFourColumnShape .FourColumnBoxSection:before { display: none;} .FourColumnSection.hideFourColumnShape .FourColumnBoxSection .FourColumnBox { border: 1px solid rgb(0 0 0 / 10%);} .GetFreeDemoFormSec .GetFreeDemoForm form ul.no-list.hs-error-msgs { display: none;} .GetFreeDemoFormSec .GetFreeDemoForm form .hs_error_rollup { display: none;} .AboutusBannerInSec .AboutusBannerTitleSec { max-width: 776px; width: 100%; margin: 0 auto;} .AboutusBannerInSec .AboutusBannerTitleSec .AboutusBannerContent { max-width: 636px; width: 100%; margin: 0 auto;} .AboutusBannerInSec .AboutusBannerTitleSec .AboutusBannerContent p+* { margin-top: 20px;} .AUBannerTimelineSection { background: #202640; box-shadow: 0px 0px 200px 0px #FFFFFF40, 0px 100px 50px 0px #0000000D; padding: 107px 41px 88px; border-radius: 30px; margin-bottom: -219px;} .AUBannerTimelineSection span.AUBannerTimelineShape { border-bottom: 2px dashed #6347FF; position: absolute; width: 100%; height: 1px; left: 0; top: 50%; transform: translateY(-50%);} .AUBannerTimelineSection { position: relative;} .AUBannerTimelineSection:before, .AUBannerTimelineSection:after { position: absolute; content: ""; width: 85px; height: 100%; background: linear-gradient(90deg, #202640 17.44%, rgba(32, 38, 64, 0) 100%); top: 0; left: 0; z-index: 1; border-radius: 30px;} .AUBannerTimelineSection:after { transform: rotate(180deg); left: unset; right: 0;} .AUBannerTimelineSection .AUBannerTimelineInBox { position: relative; z-index: 2;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox { text-align: center; position: relative;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox.AUBannerTimelineBoxmobile { display : none } .AUBannerTimelineSection .AUBannerTimelineTpCol { gap: 173px;} .AUBannerTimelineSection .AUBannerTimelineBtCol { gap: 198px; justify-content: flex-end;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox span.AUBannerTimelineBoxshape { position: absolute; width: 17px; height: 17px; border: 5px solid #6347FF; border-radius: 50%; background: #fff; box-shadow: 0px 0px 11px 0px #6347FF; left: 50%; transform: translateX(-50%); bottom: -49px;} .AUBannerTimelineSection .AUBannerTimelineBtCol .AUBannerTimelineBox span.AUBannerTimelineBoxshape { bottom: unset; top: -47px;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox:before { position: absolute; content: ""; width: 2px; height: 35px; background: linear-gradient(117deg, #202640 0, #6347FF 100%); left: 50%; transform: translateX(-50%); bottom: -38px;} .AUBannerTimelineSection .AUBannerTimelineBtCol .AUBannerTimelineBox:before { bottom: unset; top: -38px; transform: rotate(180deg); left: calc(50% - 1px);} .TwoColCntinSection .TwoColCntTitle { max-width: 373px; width: 100%;} .TwoColCntinSection .TwoColCntContent { max-width: calc(100% - (373px + 152px)); width: 100%;} .TwoColCntinSection { gap: 50px; max-width: 1030px; width: 100%; justify-content: space-between; margin: 0 auto;} .TwoColCntinSection .TwoColCntContent p+* { margin-top: 20px;} .MeetteamSliderBoxSec .MeetteamSliderBoxIn { width: 100%; height: 300px; position: relative;} .MeetteamSliderBoxSec .MeetteamSliderBox { padding: 0 5px;} .MeetteamSliderBoxSec .MeetteamSliderBoxIn .MeetteamSliderImg { width: 100%; height: 100%;} .MeetteamSliderBoxSec .MeetteamSliderBoxIn .MeetteamSliderImg img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px;} .MeetteamSliderBoxSec .MeetteamSliderBoxIn a.MeetteamSliderBoxlink { position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .MeetteamSliderSection { position: relative;} .MeetteamSliderSection:before, .MeetteamSliderSection:after { position: absolute; content: ""; width: 164px; height: 100%; background: linear-gradient(90deg, #202640 17.44%, rgba(32, 38, 64, 0) 100%); top: 0; left: 0; z-index: 6; border-radius: 30px;} .MeetteamSliderSection:after { left: unset; right: 0; transform: rotate(180deg);} .Counterv1Section .Counterv1BoxSection.Counterv1fourBoxSection .Counterv1Box { width: auto; padding-right: 20px; margin-right: 20px;} .Counterv1Section .Counterv1BoxSection.Counterv1fourBoxSection .Counterv1Box .Counterv1Boxin { max-width: 110px; width: 100%;} .Counterv1Section .Counterv1InSection .Counterv1InBoxSec .Counterv1Content p+* { margin-top: 15px;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox p img { width: 24px; height: 21px; object-fit: scale-down; vertical-align: top;} .MeetteamSliderBoxSec .MeetteamSliderBox { width: 410px !important;} .LImageRContentSection .LImageRContentInSec .LImageRContentLeftCol { max-width: 610px; width: 100%;} .LImageRContentSection .LImageRContentInSec .LImageRContentLeftCol img { width: 100%; height: 100%; } .LImageRContentSection .LImageRContentInSec .LImageRContentRightCol { max-width: calc(100% - 610px); width: 100%; padding-left: 125px;} .LImageRContentSection .LImageRContentInSec .LImageRContentRightCol .LImageRContentCnt p+* { margin-top: 20px;} .LImageRContentSection .LImageRContentInSec .LImageRContentRightCol .LImageRContentCnt ul { margin: 20px 0; padding: 0; list-style: none;} .LImageRContentSection .LImageRContentInSec .LImageRContentRightCol .LImageRContentCnt ul li { padding-left: 30px; position: relative;} .LImageRContentSection .LImageRContentInSec .LImageRContentRightCol .LImageRContentCnt ul li:before { position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 20 24' fill='none'%3E%3Crect x='4.25977' y='10.0759' width='6.25' height='1.25' rx='0.3125' transform='rotate(45 4.25977 10.0759)' fill='%236347FF' stroke='%236347FF' stroke-width='0.625'/%3E%3Crect x='16.6348' y='6.54028' width='12.5' height='1.25' rx='0.3125' transform='rotate(135 16.6348 6.54028)' fill='%236347FF' stroke='%236347FF' stroke-width='0.625'/%3E%3C/svg%3E"); width: 20px; height: 24px; background-repeat: no-repeat; background-size: contain; left: 0; top: 0; background-position: center center;} .LImageRContentSection .LImageRContentInSec .LImageRContentRightCol .LImageRContentCnt ul li+* { margin-top: 12px;} .LContentRFormBannerInSec .LContentRFormBannerLTCol .LContentRFormBannerContent p+* { margin-top: 20px;} .SystemStatusBannerInSec .SystemStatusBannerLTCol { background: rgb(0 0 0 / 20%); border-radius: 30px; min-height: 432px; display: flex; align-items: center; justify-content: center; padding: 20px; max-width: 610px; width: 100%;} .SystemStatusBannerInSec .SystemStatusBannerLTCol img { width: 460px; height: 100%; object-fit: contain;} .SystemStatusBannerInSec .SystemStatusBannerRTCol { max-width: calc(100% - 610px); width: 100%; padding-left: 127px;} .SystemStatusBannerInSec .SystemStatusBannerRTCol .SystemStatusBannerTitle { max-width: 424px; width: 100%;} .SystemStatusBannerInSec .SystemStatusBannerRTCol .SystemStatusBannerCnt { max-width: 448px; width: 100%;} .SystemStatusBannerInSec .SystemStatusBannerRTCol .SystemStatusBannerbtn { width: 100%;} .SystemStatusBannerInSec .SystemStatusBannerRTCol .SystemStatusBannerbtn .cta-section { width: 100%;} .SystemStatusBannerInSec .SystemStatusBannerRTCol .SystemStatusBannerbtn > div { width: 100%;} .SystemStatusBannerInSec .SystemStatusBannerRTCol .SystemStatusBannerbtn > div a { width: 100%;} .SystemStatusbackbtn a { text-decoration: underline;}
.SystemsOperationalBoxSec .SystemsOperationalBox { background: #6347FF0D; border: 1px solid #6347FF; border-radius: 30px; padding: 40px 40px 31px;} .SystemsOperationalBoxSec .SystemsOperationalBox .SystemsOperationalBoxImg { margin-top: 20px; width: 100%;} .SystemsOperationalBoxSec .SystemsOperationalBox .SystemsOperationalBoxImg img { width: 100%; height: 100%; object-fit: contain;} .SystemsOperationalBoxSec .SystemsOperationalBox .SystemsOperationalBoxthrcol { justify-content: space-between; padding: 9px 0; gap: 16px;} .SystemsOperationalBoxSec .SystemsOperationalBox .SystemsOperationalBoxthrcol .SystemsOperationalBoxuptime * { font-weight: 500;} .SystemsOperationalBoxSec .SystemsOperationalBox .SystemsOperationalBoxthrcol .SystemsOperationalBoxtdaysago { width: 97px;} .SystemsOperationalBoxSec .SystemsOperationalBox .SystemsOperationalBoxthrcol .SystemsOperationalBoxday { width: 48px;} .SystemsOperationalBoxSec .SystemsOperationalBox .SystemsOperationalBoxthrcol .SystemsOperationalBoxuptime { width: calc(100% - (97px + 48px + 32px)); text-align: center; position: relative;} .SystemsOperationalBoxSec .SystemsOperationalBox .SystemsOperationalBoxthrcol .SystemsOperationalBoxuptime p { width: max-content; margin: 0 auto; padding: 0 40px; position: relative;} .SystemsOperationalBoxSec .SystemsOperationalBox .SystemsOperationalBoxthrcol .SystemsOperationalBoxuptime:before,.SystemsOperationalBoxSec .SystemsOperationalBox .SystemsOperationalBoxthrcol .SystemsOperationalBoxuptime:after {position: absolute; content: ""; width: calc(50% - 100px); height: 1px; background: #000; opacity: 20%; left: 0; top: calc(50% + 2px); transform: translateY(-50%);} .SystemsOperationalBoxSec .SystemsOperationalBox .SystemsOperationalBoxthrcol .SystemsOperationalBoxuptime:after { left: unset; right: 0;} .SystemsOperationalBoxSec .SystemsOperationalBox+* { margin-top: 10px;} .SystemPastIncidentBoxSec .SystemPastIncidentBox { border: 1px solid #275CD3; background: rgb(39 92 211 / 5%); border-radius: 30px; padding: 39px;} .SystemPastIncidentBoxSec .SystemPastIncidentBox+* { margin-top: 10px;} .SystemPastIncidentBoxSec .SystemPastIncidentBox .SystemPastIncidentBoxDate { padding-bottom: 20px; border-bottom: 1px solid rgb(0 0 0 / 30%);} .SystemPastIncidentBoxSec .SystemPastIncidentBox .SystemPastIncidentBoxDate * { font-weight: 700;} .SystemPastIncidentBoxSec .SystemPastIncidentBox .SystemPastIncidentBoxText { padding-top: 12px;} .simpletextsection .simpletextInSec { max-width: 1030px; width: 100%; margin: 0 auto;} .simpletextsection .simpletextInSec .simpletext h3 { color: #6347FF; font-weight: 500; margin: 40px 0 20px;} .simpletextsection .simpletextInSec .simpletext h3:first-child { margin-top: 0;} .simpletextsection .simpletextInSec .simpletext * { color: rgb(32 38 64 / 75%);} .simpletextsection .simpletextInSec .simpletext p+* { margin-top: 20px;} .simpletextsection .simpletextInSec .simpletext ol { margin: 40px 0;} .simpletextsection .simpletextInSec .simpletext ul { padding: 0; list-style: none;} .simpletextsection .simpletextInSec .simpletext ul li { padding-left: 30px; position: relative;} .simpletextsection .simpletextInSec .simpletext ul li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #202640; opacity: 75%; left: 15px; top: 10px;} .errorbannerInSec .errorbannerLTCol { max-width: 610px; width: 100%; height: 649px; position: relative; border-radius: 30px; background: rgb(0 0 0 / 20%); overflow: hidden;} .errorbannerInSec .errorbannerRTCol { max-width: calc(100% - (610px + 127px)); width: 100%;} .errorbannerInSec { justify-content: space-between; gap: 50px;} .errorbannerInSec .errorbannerLTCol span.errorbannerLTColTPRound { position: absolute; width: 35px; height: 35px; background: #A594FF; border-radius: 50%; left: 50%; transform: translateX(-50%); top: -17.5px;} .errorbannerInSec span.errorbannerLTColline { position: absolute; width: 2px; height: 217px; background: #A594FF; left: 50%; transform: translateX(-50%); top: 0;} .errorbannerInSec .errorbannerRTCol p { margin-top: 20px; margin-bottom: 32px;} .errorbannerInSec .errorbannerRTCol a { width: 100%; text-align: center;} .errorbannerInSec .errorbannerRTCol a.simplebtn { margin: 20px 0 40px; text-decoration: underline;} .errorbannerInSec .errorbannerRTCol a.simplebtn:last-child { margin-bottom: 0;} .errorbannerInSec .errorbannerLTCol .errorbannerLTColText p { color: rgba(255, 255, 255, 0.20); text-align: center; font-family: Tenon; font-size: 286px; font-style: normal; font-weight: 500; line-height: normal; position: relative; z-index: 1;} .errorbannerInSec .errorbannerLTCol span.errorbannerLTColbtshape { opacity: 0.4; background: #202640; width: 297px; height: 39px; display: block; border-radius: 50%;} .errorbannerInSec .errorbannerLTCol { display: flex; align-items: center; justify-content: center; flex-direction: column;} .errorbannerInSec .errorbannerLTCol .errorbannerLTColText { margin-top: -65px; width: 100%; height: 100%;} .errorbannerLTColText{ position: relative; display: inline-block; text-align: center; font-family: Tenon; font-size: 286px; font-style: normal; font-weight: 500; line-height: normal; position: relative; color: rgba(255,255,255,0.2); background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.20) 35%,rgba(255,255,255,0.20) 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 2px rgba(255,255,255,0.1); filter: drop-shadow(0 10px 25px rgba(0,0,0,0.35)); -webkit-backdrop-filter: blur(12px) saturate(180%); } .errorbannerLTColText::before{ content: attr(data-text); position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(255,255,255,0.20) 69%, rgba(255,255,255,0.20) 0, rgba(255,255,255,0.20) 0, rgba(255,255,255,0) 91% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: 1; pointer-events: none; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .errorbannerLTColText::after{ position: absolute; inset: 0; opacity: .2; pointer-events: none; } .errorbannerInSec .errorbannerLTCol span.errorbannerLTColbtshape { position: absolute; left: 50%; transform: translateX(-50%); bottom: 141px; } .errorbannerInSec .errorbannerRTCol a.secondary_button:hover, .errorbannerInSec .errorbannerRTCol a.secondary_button:focus { border-color: #fff; } .errorbannerInSec .errorbannerRTCol a.secondary_button:hover .btn_text_gradient, .errorbannerInSec .errorbannerRTCol a.secondary_button:focus .btn_text_gradient { background: linear-gradient(90deg, #FFF 25%, #FFF 50%, #FFF 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .BlogPostBannerInSec .BlogPostBannerTitleSec { max-width: 650px; width: 100%; margin: 0 auto; text-align: center;} .BlogPostBannerInSec .BlogPostBannerTitleSec .BlogPostBannerInfo { padding-top: 20px;} .BlogPostBannerInSec .BlogPostBannerTitleSec .BlogPostBannerInfo ul { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; list-style: none; gap: 10px;} .BlogPostBannerInSec .BlogPostBannerTitleSec .BlogPostBannerInfo ul li { border-radius: 46px; border: 1px solid rgba(255, 255, 255, 0.25); padding: 5px 15px; display: flex; align-items: center; gap: 5px; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.28;} .BlogPostBannerInSec .BlogPostBannerTitleSec .BlogPostBannerInfo ul li span { line-height: 0;} .BlogPostBannerInSec .BlogPostBannerimg { margin-top: 75px; border-radius: 30px; box-shadow: 0 100px 50px 0 rgba(0, 0, 0, 0.05), 0 0 200px 0 rgba(255, 255, 255, 0.25); overflow: hidden; height: 659px; margin-bottom: -297px;} .BlogPostBannerInSec .BlogPostBannerimg img { width: 100%; height: 100%; object-fit: cover;} .BlogPostBodyInSec { max-width: 820px; width: 100%; margin: 0 auto;} div#hs_cos_wrapper_blog_post_audio { max-width: calc(1029px + 30px); width: 100%; margin: 0 auto; padding: 50px 15px 0;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player { background: #6347FF !important; border-radius: 46px; padding: 24px 32px; height: 68px !important;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__controls .hs-audio-player__play-pause-button { width: auto; height: auto; background: transparent;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__controls .hs-audio-player__play-pause-button span.hs-audio-player__play-icon svg path { fill: #fff;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__controls .hs-audio-player__play-pause-button span.hs-audio-player__pause-icon svg { fill: #fff;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__controls {gap: 10px;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__controls .hs-audio-player__skip-button { background: transparent; width: auto; height: auto;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__controls .hs-audio-player__skip-button span.hs-audio-player__skip-icon svg { fill: #fff;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__controls ._play-pause-skip_1nxo7_117.hs-audio-player__controls { gap: 10px;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__duration { color: #fff;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player ._tooltip-wrapper_1x94v_1 svg { fill: #fff;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__title { color: #fff; font-size: 14px; line-height: 1; font-weight: 500;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__volume { border: unset;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__volume ._tooltip-wrapper_1x94v_1 { background: transparent;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__volume ._tooltip-wrapper_1x94v_1 .hs-audio-player__mute-button { width: auto; height: auto; background: transparent;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__volume ._tooltip-wrapper_1x94v_1 ._slider-container_1nxo7_168 ._slider-played_1nxo7_206 { background: #fff;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__playback-rate ._tooltip-wrapper_1x94v_1 .hs-audio-player__playback-rate-button { background: transparent;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player .hs-audio-player__playback-rate-current { color: #fff;} div#hs_cos_wrapper_blog_post_audio .hs-audio-player span.hs-audio-player__playback-rate-value { color: #fff;} .BlogPostBodyInSec .BlogPostBody p { color: #0C0F3199 !important;} .BlogPostBodyInSec .BlogPostBody p+* { margin-top: 20px;} .BlogPostBodyInSec .BlogPostBody p a, .blogpostbodyv1InSec a { color: rgba(99, 71, 255,100%); text-decoration: underline !important;} .BlogPostBodyInSec .BlogPostBody ul { margin: 20px 0; } .BlogPostBodyInSec .BlogPostBody ul li { color: #0C0F3199; position: relative;} .BlogPostBodyInSec .BlogPostBody ul li+* { margin-top: 10px;} .BlogPostBodyInSec .BlogPostBody h2 { margin-bottom: 32px; margin-top: 56px;} .BlogPostBodyInSec .BlogPostBody h6 { margin: 32px 0 16px;} .blogpostbodyv1InSec { max-width: 820px; width: 100%; margin: 0 auto;} .blogpostbodyv1InSec h3, .blogpostbodyv1InSec h4, .blogpostbodyv1InSec h5, .blogpostbodyv1InSec h6, .BlogPostBody h3, .BlogPostBody h4, .BlogPostBody h5, .BlogPostBody h6 { margin-bottom: 20px; color: #000;} .blogpostbodyv1InSec * { color: #0C0F3199;} .blogpostbodyv1InSec p+* { margin-top: 32px;} .blogpostbodyv1InSec ul { margin: 32px 0; } .blogpostbodyv1InSec ul li+* { margin-top: 10px;} .blogpostbodyv1InSec ul li { position: relative;}
.BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form .hs_error_rollup { display: none;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form ul.no-list.hs-error-msgs { display: none;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .hs-form-field ul.no-list.hs-error-msgs.inputs-list { display: block;} .LContentRFormBannerRTCol .LContentRFormBannerForm form .hs_error_rollup { display: none;} .LContentRFormBannerInSec .LContentRFormBannerRTCol .LContentRFormBannerForm .submitted-message { color: #fff;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .hs-form-field ul.no-list.hs-error-msgs.inputs-list label.hs-error-msg { font-size: 14px; color: #EF6B51; font-weight: 400; } .FeaturesThreecolsec.FourColumnSection .FourColumnBoxSection .FourColumnBox { padding: 30px;} .ComparisonBannerInSec {gap: 80px;justify-content: space-between;} .ComparisonBannerInSec .ComparisonBannerLTCol { max-width: 500px; width: 100%;} .ComparisonBannerInSec .ComparisonBannerRTCol { margin-right: -25px; max-width: calc(100% - 580px); width: 100%; border-radius: 13px; overflow: hidden;} .ComparisonBannerSection .wrapLeft { padding-left: calc((100% - 1240px) / 2);} .ComparisonBannerInSec .ComparisonBannerRTCol img { width: 100%; height: 100%; object-fit: cover;} .ComparisonBannerSection { overflow-x: hidden;} .ComparisonBannerSection { overflow-x: hidden;} .ComparisonBannerInSec .ComparisonBannerLTCol .ComparisonBannerForm form { position: relative;} .ComparisonBannerInSec .ComparisonBannerLTCol .ComparisonBannerForm form .hs-form-field { margin: 0;} .ComparisonBannerInSec .ComparisonBannerLTCol .ComparisonBannerForm form .hs_submit { position: absolute; top: 50%; right: 10px; transform: translateY(-50%);} .ComparisonBannerInSec .ComparisonBannerLTCol .ComparisonBannerForm form input[type="email"] { padding: 22px 170px 22px 25px; outline: none;} .ComparisonBannerInSec .ComparisonBannerLTCol .ComparisonBannerFormCnt { padding-top: 10px;} .ComparisonBannerInSec .ComparisonBannerLTCol .ComparisonBannerForm form ul.no-list.hs-error-msgs.inputs-list { display: none;} .ComparisonBannerInSec .ComparisonBannerLTCol .ComparisonBannerForm form .hs_error_rollup { display: none;} .homevideopopupsec { max-width: 900px; width: 100%; margin: 20px auto; position: relative; padding:30px; background: #fff; border-radius: 30px;} .homevideopopupsec .homevideopopup video { width: 100%; height: 100%;} .homevideopopupsec button.mfp-close { background: rgba(99, 71, 255, 100%); border-radius: 0 30px 0 0; color: #fff;} .threecolumnimgcnttitlesec { max-width: 600px; width: 100%; margin: 0 auto;} .threecolumnimgcntBoxSection .threecolumnimgcntBox { max-width: calc(33.33% - 13.33px); width: 100%;} .threecolumnimgcntBoxSection .threecolumnimgcntBox .threecolumnimgcntImg { background: #6347FF14; border-radius: 20px; height: 300px; display: flex; align-items: center; justify-content: center;} .threecolumnimgcntBoxSection .threecolumnimgcntBox .threecolumnimgcntImg img { width: calc(100% - 100px); height: calc(100% - 100px); object-fit: contain; border-radius: 20px;} .threecolumnimgcntBoxSection .threecolumnimgcntBox .threecolumnimgcntBoxContent { padding: 20px 20px 40px;} .ComparisonTableBox table { max-width:900px; width: 100%; margin: 0 auto; border: unset; border-collapse: collapse;} .ComparisonTableBox table thead tr { border: unset;} .ComparisonTableBox table thead tr th:first-child { width: 50%; max-width: 100%; text-align: left; border: unset; padding: 20px 10px 20px 40px;} .ComparisonTableBox table thead tr th:nth-child(2) { width: 25%; max-width: 100%; text-align: center; border: unset; padding: 20px 10px;} .ComparisonTableBox table thead tr th:nth-child(3) { width: 25%; max-width: 100%; text-align: center; border: unset; padding: 20px 40px 20px 10px;} .ComparisonTableBox table thead tr th:nth-child(2) img { filter: contrast(0) brightness(0.7); width: 100px; height: auto; object-fit: contain;} .ComparisonTableBox table thead tr th:nth-child(3) img { width: 100px; object-fit: contain;} .ComparisonTableBox table tbody td span.uncheck-icon svg { width: 15px; height: 12px;} .ComparisonTableBox table thead tr th:first-child { color: #6347FF; font-size: 25px; font-weight: 500; line-height: 1;} .ComparisonTableBox table tbody tr, .ComparisonTableBox table tbody td { border: unset;} .ComparisonTableBox table tbody tr:nth-child(odd) td { background: rgb(39 92 211 / 5%);} .ComparisonTableBox table tbody td.ComparisonTableBoxlttitle { font-size: 20px; color: rgb(32 38 64 / 75%); padding: 15px 10px 15px 40px;} .ComparisonTableBox table tbody tr:nth-child(odd) td:first-child { border-radius: 20px 0 0 20px;} .ComparisonTableBox table tbody tr:nth-child(odd) td:last-child { border-radius: 0 20px 20px 0;} .ComparisonTableBox table tbody td { vertical-align: middle;} .ComparisonTableBox table tbody td span.check-icon { width: 30px; height: 30px; background: #45a733; display: flex; border-radius: 50%; margin: 0 auto; align-items: center; justify-content: center; line-height: 0;} .ComparisonTableBox table tbody td:not(:first-child) { text-align: center; width: 25%;} .ComparisonTableBox table tbody td span.check-icon svg { width: 15px; height: 12px;} .ComparisonTableBox table tbody td span.uncheck-icon { width: 30px; height: 30px; background: #ff5c5c; display: flex; border-radius: 50%; margin: 0 auto; align-items: center; justify-content: center; line-height: 0;} .ComparisonTableBoxSec .ComparisonTableBox+* { margin-top: 40px;} .ComparisonTableBox table tbody tr td:nth-child(2) { padding: 0 10px;} .ComparisonTableBox table tbody tr td:nth-child(3) { padding: 0 40px 0 10px;} .ContactBannerInSec { display: grid; grid-template-columns: 1fr 560px; gap: clamp(40px, 6vw, 80px); align-items: start;} .ContactBcontactBoxSec .ContactBcontactBox+* { margin-top: 14px;} .ContactBcontactBoxSec .ContactBcontactBox { display: grid; grid-template-columns: 48px 1fr; gap: 18px; align-items: start; padding: 20px 22px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 18px; color: #fff; transition: background .2s ease, border-color .2s ease, transform .2s ease;} .ContactBcontactBoxSec .ContactBcontactBox:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.28); transform: translateX(3px);} .ContactBcontactBoxSec .ContactBcontactBox .ContactBcontactBoxLTCol { width: 48px; height: 48px; border-radius: 12px; background: #fff; color: rgb(49 36 128); display: grid; place-items: center;} .ContactBcontactBoxSec .ContactBcontactBox .ContactBcontactBoxRTCol p:first-child { text-transform: uppercase; font-weight: 500; letter-spacing: 0.05em;} .ContactBcontactBoxSec .ContactBcontactBox .ContactBcontactBoxRTCol p:nth-child(2) { margin-top: 6px; font-weight: 500; font-size: 16px;} .ContactBcontactBoxSec .ContactBcontactBox .ContactBcontactBoxRTCol p:last-child { margin-top: 4px; font-weight: 400;} .ContactBannerRTCol { background: rgb(0 0 0 / 20%); border-radius: 30px; padding: 32px 52px;} .ContactBannerRTCol .ContactBannerForm form .hs-form-field > label { color: #fff;} .ContactBannerRTCol .ContactBannerForm form fieldset .hs-form-field input, .ContactBannerRTCol .ContactBannerForm form fieldset .hs-form-field select, .ContactBannerRTCol .ContactBannerForm form fieldset .hs-form-field textarea {border: 1px solid #FFFFFF40;border-radius: 10px;background: rgb(255 255 255 / 10%);min-height: 54px;color: #fff;width: 100% !important;outline: none;} .ContactBannerRTCol .ContactBannerForm form fieldset .hs-form-field select option { color : #000 } .ContactBannerRTCol .ContactBannerForm form .hs-fieldtype-booleancheckbox ul li label { position: relative; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.42;} .ContactBannerRTCol .ContactBannerForm form .hs-fieldtype-booleancheckbox ul li label a { color: #fff; text-decoration: underline;} .ContactBannerRTCol .ContactBannerForm form .hs-fieldtype-booleancheckbox ul li label input { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0;} .ContactBannerRTCol .ContactBannerForm form .hs-fieldtype-booleancheckbox ul li label input + span { margin-left: 0 !important; padding-left: 40px; position: relative;} .ContactBannerRTCol .ContactBannerForm form .hs-fieldtype-booleancheckbox ul li label input + span:before { position: absolute; content: ""; width: 20px; height: 20px; border: 1px solid #fff; left: 0; top: 5px;} .ContactBannerRTCol .ContactBannerForm form .hs-fieldtype-booleancheckbox ul li label input + span:after { position: absolute; content: ""; width: 20px; height: 20px; top: 5px; left: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M0.875 5.54167L3.27072 7.5744C3.43684 7.71535 3.51991 7.78583 3.6138 7.77528C3.7077 7.76474 3.77306 7.67759 3.90377 7.5033L8.875 0.875' stroke='%236347ff' stroke-width='1.75' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E"), #fff; background-repeat: no-repeat; background-size: 12px; background-position: center center; opacity: 0; transition: all ease-in-out 0.3s;} .ContactBannerRTCol .ContactBannerForm form .hs-fieldtype-booleancheckbox ul li label input:checked + span:after { opacity: 1;} .ContactBannerRTCol .ContactBannerForm form input[type=submit] { max-width: 326px; width: 100%; background: #FFFFFF; color: #6347FF; font-weight: 500; font-size: 16px; line-height: 20px; padding: 15px;} .ContactBannerRTCol .ContactBannerFormBTCnt { margin-top: 15px;} .ContactBannerRTCol .ContactBannerFormBTCnt p { color: rgb(255 255 255 / 75%); font-size: 14px; position: relative; display: flex; align-items: center; gap: 8px;} .ContactBannerRTCol .ContactBannerFormBTCnt p:before { width: 8px; height: 8px; border-radius: 50%; background: #2BB673; box-shadow: 0 0 0 4px rgba(43, 182, 115, 0.18); content: "";} .ContactBannertag { width: fit-content; border-radius: 46px; padding: 5.5px 15px 5.5px; position: relative;} .ContactBannertag:before { background: linear-gradient(180deg, rgba(99, 71, 255, 0) 0%, rgba(99, 71, 255, 0) 100%), linear-gradient(0deg, rgba(99, 71, 255, 100%), rgba(99, 71, 255, 100%)) padding-box, linear-gradient(106.39deg, rgba(255, 255, 255, 0.25) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0.25) 100%); border: 1px solid transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; border-radius: 46px; box-sizing: content-box;} .ContactBannertag p { background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 35%, #FFFFFF 65%, rgba(255, 255, 255, 0.5) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; z-index: 1;} .soundfamiliartctitleTag { display: flex; align-items: center; justify-content: center; background: rgb(99 71 255 / 8%); width: max-content; margin: 0 auto; border-radius: 46px; padding: 7px 15px; gap: 5px;} .soundfamiliartctitlesec { max-width: 800px; width: 100%; margin: 0 auto;} .soundfamiliartcInSec .soundfamiliartcBoxSection { max-width: 1040px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 14px;} .soundfamiliartcInSec .soundfamiliartcBoxSection .soundfamiliartcBox { background: #fff; border: 1px solid #e8e8ee; border-radius: 16px; padding: 22px 24px; display: grid; grid-template-columns: 28px 1fr; gap: 16px; align-items: start;} .soundfamiliartcInSec .soundfamiliartcBoxSection .soundfamiliartcBox .soundfamiliartcBoxLogo { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #ffeded; color: #e5484d;} .TwoColumnBannerbreadcrumb ul { margin: 0 -10px; padding: 0; list-style: none; display: flex; align-items: center;} .TwoColumnBannerbreadcrumb ul li { padding: 0 10px; position: relative; line-height: 12px;} .TwoColumnBannerbreadcrumb ul li { font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 0.6px;} .TwoColumnBannerbreadcrumb ul li:not(:last-child) { opacity: 75%;} .TwoColumnBannerbreadcrumb ul li:not(:last-child):before { position: absolute; content: "/"; right: -3px; color: #fff; opacity: 75%; font-size: 14px; line-height: 1; top: 50%; transform: translateY(-50%);} .CounterSection.CustomCounterSection:before, .CounterSection.CustomCounterSection:after { position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1229' height='433' viewBox='0 0 1229 433' fill='none'%3E%3Cg opacity='0.75' filter='url(%23filter0_f_2055_7564)'%3E%3Ccircle cx='718' cy='57' r='218' fill='%236347FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2055_7564' x='0' y='-661' width='1436' height='1436' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_2055_7564'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; top: 0; right: 0; background-position: center right; pointer-events: none; border-radius: 30px;} .CounterSection.CustomCounterSection:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1230' height='433' viewBox='0 0 1230 433' fill='none'%3E%3Cg opacity='0.75' filter='url(%23filter0_f_2055_7565)'%3E%3Ccircle cx='512' cy='377' r='218' fill='%236347FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2055_7565' x='-206' y='-341' width='1436' height='1436' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_2055_7565'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); bottom: 0; left: 0; background-position: center left;} .TwoColumnImgCntSection.v2 .TwoColumnImgCntBoxSec.Changedirection { flex-direction: row-reverse;}
.TwoColumnImgCntSection.v2 .TwoColumnImgCntBoxSec.Changedirection .TwoColumnImgCntCol .TwoColumnImgCntColIn { margin: 0 } .TwoColumnImgCntSection.v2 .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntColIn { margin: 0 0 0 auto;; max-width: calc(100% - 100px);} .TwoColumnImgCntSection.v2 .TwoColumnImgCntBoxSec .TwoColumnImgCntImgcol { box-shadow: 0px 0 16px 12px rgb(0 0 0 / 5%); border-radius: 30px; overflow: hidden;} .TwoColumnBannerSection.Version1 .TwoColumnBannerInSec .TwoColumnBannerRTCol { height: auto !important;} .TwoColumnBannerSection.Version1 .TwoColumnBannerInSec .TwoColumnBannerRTCol img { min-height: auto !important;} .switchingTCTag { width: fit-content; margin: 0 auto 15px; border-radius: 46px; padding: 6.5px 15px 5.5px; position: relative;} .switchingTCTag:before { background: linear-gradient(180deg, rgba(99, 71, 255, 0) 0%, rgba(99, 71, 255, 0) 100%), linear-gradient(0deg, rgba(99, 71, 255, 100%), rgba(99, 71, 255, 100%)) padding-box, linear-gradient(106.39deg, rgba(255, 255, 255, 0.25) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0.25) 100%); border: 1px solid transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; border-radius: 46px; box-sizing: content-box;} .switchingTCTag p { position: relative; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 35%, #FFFFFF 65%, rgba(255, 255, 255, 0.5) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.2;} .testimonialBoxSec { position: relative; z-index: 1;} .industrylistInSec .industrylistBoxSection ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap;} .industrylistInSec .industrylistBoxSection ul li { border: 1px solid #e8e8ee; border-radius: 99px; padding: 10px 25px; display: flex; align-items: center; gap: 10px;} .industrylistInSec .industrylistBoxSection ul li .industrylistDot { width: 8px; height: 8px; border-radius: 50%;} .industrylistInSec .industrylistTitleSection { max-width: 800px; width: 100%; margin: 0 auto;} .FourColumnSection.Version2 .FourColumnBoxSection .FourColumnBox .FourColumnBoxtag { background: rgba(99, 71, 255,8%); display: inline-block; width: fit-content; padding: 8px 15px; border-radius: 99px;} .industrylistInSec .industrylistTitleSection .industrylistTag p { text-transform: uppercase; font-weight: 500; letter-spacing: 0.8px;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .hs-form-field .hs-fieldtype-intl-phone { display: flex; align-items: center; flex-wrap: wrap;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .hs-form-field .hs-fieldtype-intl-phone select { width: 56px !important; padding: 10px; outline: unset; appearance: none; font-size: 12px;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .hs-form-field .hs-fieldtype-intl-phone input { width: calc(100% - (56px + 8px)) !important; margin-left: 8px;} .ComparisongridBoxSec .ComparisongridBox { max-width: calc(33.33% - 13.33px); width: 100%;} .ComparisongridBoxSec .ComparisongridBox .ComparisongridBoxImg { background-repeat: no-repeat; background-size: cover; background-position: center center; padding-bottom: 56.25%; border-radius: 20px; position: relative; overflow: hidden;} .ComparisongridBoxSec .ComparisongridBox .ComparisongridBoxImg a { position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .ComparisongridBoxSec .ComparisongridBox .ComparisongridBoxImg:before { position: absolute; content: ""; background: rgb(0 0 0 / 10%); width: 100%; height: 100%; top: 0; left: 0; z-index: -1;} .ComparisongridBoxSec .ComparisongridBox .ComparisongridBoxTitle { margin-top: 20px;} .ComparisongridBoxSec .ComparisongridBox .ComparisongridBoxTitle a { color: inherit;} .ComparisongridInSec .ComparisongridBoxSec { row-gap: 60px;} .RelationRepeaterInSec { max-width: 800px; width: 100%; margin: 0 auto;} .RelationRepeaterInSec .RelationRepeaterContent { margin-bottom: clamp(52px, 6.5vw, 80px);} .RelationRepeaterBoxSec .RelationRepeaterBox+* { margin-top: clamp(40px, 5.5vw, 60px);} .RelationRepeaterBoxSec .RelationRepeaterBox .RelationRepeaterBoxtitlesec { display: flex; align-items: center; gap: 16px;} .RelationRepeaterBoxSec .RelationRepeaterBox .RelationRepeaterBoxtitlesec .RelationRepeaterBoxTitleSVG { width: 52px; height: 52px; border-radius: 15px; display: flex; align-items: center; justify-content: center;} .RelationRepeaterBoxSec .RelationRepeaterBox .RelationRepeaterBoxtitlesec .RelationRepeaterBoxTitleSVG svg { width: 25px; height: 25px;} .RelationRepeaterBoxSec .RelationRepeaterBox .RelationRepeaterBoxtitlesec .RelationRepeaterBoxTitle { width: calc(100% - (52px + 16px));} .RelationRepeaterBoxSec .RelationRepeaterBox .RelationRepeaterBoxList ul { margin: 0; padding: 0; list-style: none;} .RelationRepeaterBoxSec .RelationRepeaterBox .RelationRepeaterBoxList ul li { display: flex; align-items: center; gap: 16px;} .RelationRepeaterBoxSec .RelationRepeaterBox .RelationRepeaterBoxList ul li span.RelationRepeaterBoxListIcon { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .RelationRepeaterBoxSec .RelationRepeaterBox .RelationRepeaterBoxList ul li span.RelationRepeaterBoxListIcon svg { width: 12px; height: 12px;} .RelationRepeaterBoxSec .RelationRepeaterBox .RelationRepeaterBoxList ul li+* { margin-top: 12px;} .TwoColumnBannerInSec .TwoColumnBannerLTCol.TwoColumnBannerLTColnoimg { max-width: 600px; text-align: center; margin: 0 auto;} .TwoColumnBannerInSec .TwoColumnBannerLTCol.TwoColumnBannerLTColnoimg .TwoColumnBannerContent { max-width: 100%;} .TwoColumnBannerInSec .TwoColumnBannerLTCol.TwoColumnBannerLTColnoimg .TwoColumnBannerbreadcrumb ul { justify-content: center;} .CaseStudyBannerImage.CaseStudyBannervideo { border-radius: 30px;} .CaseStudyBannerImage.CaseStudyBannervideo video { width: 100%; height: 100%; object-fit: cover;} .TwoColumnBannerFormSec form { position: relative;} .TwoColumnBannerFormSec form .hs-form-field { margin: 0;} .TwoColumnBannerFormSec form .hs-form-field input { padding: 22px 245px 22px 25px; outline: none;} .TwoColumnBannerFormSec form .hs_submit { transition: all ease-in-out 0.3s; border: 1px solid transparent; max-width: 225px; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 7px; border-radius: 46px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='13.2886' y='14.5454' width='7' height='1' rx='0.25' transform='rotate(-45 13.2886 14.5454)' fill='white' stroke='white' stroke-width='0.5'/%3E%3Crect x='13.9958' y='5.35303' width='7' height='1' rx='0.25' transform='rotate(45 13.9958 5.35303)' fill='white' stroke='white' stroke-width='0.5'/%3E%3Crect x='0.5' y='9.80273' width='16.9958' height='1' rx='0.25' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E"), #000; background-repeat: no-repeat; background-position: center right 15px; background-size: 20px;} .TwoColumnBannerFormSec form .hs_submit input[type="submit"] { width: 100%; background: linear-gradient(90deg, #D4CCFF 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500; padding-right: 35px; padding-left: 15px;} .TwoColumnBannerFormSec form .hs_submit:hover { filter: invert(1); border-color: #fff;} .TwoColumnBannerFormSec form ul.no-list.hs-error-msgs.inputs-list { display: none;} .TwoColumnBannerFormSec form .hs_error_rollup { display: none;} .TwoColumnBannerFormSec form .hs-form-field input.hs-input.invalid.error { border-color: red;} .RelationRBtBoxSection { margin-top: clamp(56px, 7vw, 84px); border-radius: 24px; padding: clamp(30px, 5vw, 52px); background: #202640;} .RelationRBtBoxSection .RelationRBtBoxIcon { width: 54px; height: 54px; color: #fff; margin-bottom: 24px; border-radius: 15px; background: rgba(99, 71, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.16); display: flex; align-items: center; justify-content: center;} .RelationRBtBoxSection .RelationRBtBoxIcon svg { width: 26px; height: 26px;} .GDPRTwoColInSec .GDPRTwoColTitleSec { max-width: 600px; width: 100%; margin: 0 auto;} .GDPRTwoColInSec .GDPRTwoColBoxSection { max-width: 1000px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;} .GDPRTwoColInSec .GDPRTwoColBoxSection .GDPRTwoColBox { border-radius: 20px; padding: 30px; display: grid; grid-template-columns: 52px 1fr; gap: 20px; align-items: start; border: 1px solid #e8e8ee; background: #fafafc; transition: transform .18s ease, border-color .18s ease;} .GDPRTwoColInSec .GDPRTwoColBoxSection .GDPRTwoColBox:hover { transform: translateY(-2px); border-color: rgb(99 71 255 / 22%);} .GDPRTwoColInSec .GDPRTwoColBoxSection .GDPRTwoColBox .GDPRTwoColBoxLogo { width: 52px; height: 52px; border-radius: 14px; background: #fff; border: 1px solid #e8e8ee; color: #6347FF; display: grid; place-items: center;} .GDPRTwoColInSec .GDPRTwoColBoxSection .GDPRTwoColBox .GDPRTwoColBoxLogo svg { width: 24px; height: 24px;} .GDPRTwoColInSec .GDPRTwoColTitleSec .GDPRTwoColTag { display: flex; align-items: center; justify-content: center; background: rgb(99 71 255 / 8%); width: max-content; margin: 0 auto; border-radius: 46px; padding: 7px 15px; gap: 5px;} .NomisusepledgeInSec .NomisusepledgeLogo { width: 64px; height: 64px; border-radius: 18px; background: rgba(99, 71, 255, 0.25); border: 1px solid rgba(255, 255, 255, 0.16); color: #fff; display: grid; place-items: center; margin: 0 auto 28px;} .NomisusepledgeInSec .NomisusepledgeLogo svg { width: 30px; height: 30px;} .NomisusepledgeInSec { max-width: 720px; width: 100%; margin: 0 auto;} .NomisusepledgeInSec .Nomisusepledgelist ul { margin: 0; padding: 0; list-style: none;} .NomisusepledgeInSec .Nomisusepledgelist ul li { display: inline; position: relative; padding-left : 30px}
.NomisusepledgeInSec .Nomisusepledgelist ul li:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232bb673' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; left: 0; top: 0;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntContent ol { margin: 20px 0 0 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 22px; flex-wrap: wrap;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntContent ol li { display: flex; align-items: center; gap: 9px;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntContent ol li span:first-child { width: 16px; height: 16px; opacity: 0.9;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntContent ol li span:first-child svg { stroke: #6347FF;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntContent ol li { font-size: 16px;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntContent ol li span:last-child { line-height: 1;} .switchingTCInSec .switchingTCCTA .secondary_button a:hover { border-color: #fff;} .ImplementationIntroInSec { max-width: 800px; width: 100%; margin: 0 auto;} .ImplementationIntroInSec .ImplementationIntroBoxSec .ImplementationIntroBox { display: grid; grid-template-columns: 56px 1fr; gap: 20px; align-items: start; padding: 28px; border-radius: 20px; border: 1px solid #e8e8ee; background: #fafafc;} .ImplementationIntroInSec .ImplementationIntroBoxSec .ImplementationIntroBox+* { margin-top: 18px;} .ImplementationIntroInSec .ImplementationIntroBoxSec .ImplementationIntroBox .ImplementationIntroBoxLogo { width: 56px; height: 56px; border-radius: 16px; background: #6347ff; color: #fff; display: grid; place-items: center; box-shadow: 0 10px 24px -10px rgba(99, 71, 255, 0.55);} .ImplementationIntroInSec .ImplementationIntroBoxSec .ImplementationIntroBox .ImplementationIntroBoxLogo svg { width: 26px; height: 26px;} .ImplementationIntroquotesec { margin-top: 28px; border-left: 3px solid #6347ff; padding: 24px 28px; background: rgb(99 71 255 / 8%); border-radius: 0 16px 16px 0; line-height: 1.5;} .ImplementationIntroSection:before { position: absolute; content: ""; width: 800px; height: 1px; background: #e8e8ee; bottom: 0; left: 50%; transform: translateX(-50%); pointer-events: none;} .twtrpayrollInSection .twtrpayrollTitleSection { max-width: 680px; width: 100%; margin: 0 auto;} .twtrpayrollBoxSection .twtrpayrollBox > ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: flex-start;} .twtrpayrollBox {background: #fff;border: 1px solid #e8e8ee;border-radius: 22px;overflow: hidden;box-shadow: 0 18px 50px -30px rgba(20, 22, 43, 0.18);} .twtrpayrollBoxSection .twtrpayrollBox > ul > li { max-width: 33.33%; width: 100%;} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxTitleSec { padding: 28px 24px;} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxContentsection { border-top: 1px solid rgb(99 71 255 / 8%);} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxContentsection .twtrpayrollBoxContentsec { border-bottom: 1px solid rgb(99 71 255 / 8%)} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxContentsection .twtrpayrollBoxContentsec > div { padding: 18px 24px; height: 100%; } .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxTitleSec.highlight { background: linear-gradient(135deg, #6347ff 0%, #312480 100%);} .twtrpayrollBoxSection .twtrpayrollBox > ul > li:nth-child(2) { border-left: 1px solid rgb(99 71 255 / 8%); border-right: 1px solid rgb(99 71 255 / 8%);} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxTitleSec.highlight .twtrpayrollBoxTitle h5 { color: #fff;} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxTitleSec.highlight .twtrpayrollBoxContentMain * { color: #fff;} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxTitleSec .twtrpayrollBoxTag { border: 1px solid rgb(99 71 255 / 80%); display: inline-block; background: rgba(99, 71, 255, 0.08); border-radius: 46px; padding: 5px 10px;} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxTitleSec.highlight .twtrpayrollBoxTag { border-color: #fff; background: transparent;} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxTitleSec.highlight .twtrpayrollBoxTag p { color: #fff;} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxContentsection .twtrpayrollBoxContentsec:last-child { border-bottom: unset;} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxContentsection .twtrpayrollBoxContentsec .twtrpayrollBoxContent .check { width: 25px; height: 25px; background: #45a733; display: flex; border-radius: 50%; align-items: center; justify-content: center; line-height: 0;} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxContentsection .twtrpayrollBoxContentsec .twtrpayrollBoxContent p { display: grid; grid-template-columns: 25px 1fr; gap: 10px; align-items: center;} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxContentsection .twtrpayrollBoxContentsec > div { display: flex; align-items: center;} .twtrpayrollTag { border: 1px solid #fff; display: inline-block; padding: 8px 15px; border-radius: 44px; background: rgb(255 255 255 / 30%);} form ul.no-list.hs-error-msgs.inputs-list { display: none;} form .hs_error_rollup { display: none;} .ContactBannerForm .submitted-message { color: #fff;} .ComparisonBannerForm .submitted-message { color: #fff;} .TwoColumnBannerFormSec .submitted-message { color: #fff;} .ComparisongridBoxSec .ComparisongridBox .ComparisongridBoxImg { background-image: unset !important; padding-bottom: unset; height: 224px; display: flex; align-items: center; justify-content: center;} .ComparisongridBoxSec .ComparisongridBox .ComparisongridBoxImg img { width: calc(100% - 50px); transition: all ease-in-out 0.3s; height: 100%; object-fit: contain;} .ComparisongridBoxSec .ComparisongridBox:hover .ComparisongridBoxImg img { transform: scale(1.1);} .TwoColumnBannerassuresec ul { display: flex; gap: 22px; margin: 0; padding: 0; list-style: none; white-space: nowrap;} .TwoColumnBannerassuresec ul li { display: inline-flex; align-items: center; gap: 9px; color: rgba(255, 255, 255, 0.9);} .TwoColumnBannerassuresec ul li span.TwoColumnBannerassuresvg svg { stroke: rgba(255,255,255,0.9);} .TwoColumnBannerassuresec ul li span.TwoColumnBannerassuresvg { width: 16px; height: 16px; opacity: 0.9;} .TwoColumnBannerassuresec ul li p { width: calc(100% - (16px + 9px));} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntContent.circle_arrow li:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"),#6347ff; border-radius: 50%; background-size: 13px; background-repeat: no-repeat; background-position: center center; top: 22px;} .FourColumnBoxSection.boxHoverEffect .FourColumnBox { border: 1px solid transparent;} .FourColumnBoxSection.boxHoverEffect .FourColumnBox:hover { transform: translateY(-2px); border-color: #6347ff38; box-shadow: 0 18px 40px -22px rgba(99, 71, 255, 0.25);} .CounterBoxSection .CounterBox .CounterBoxNumber.CounterBoxNumbertextgrd h4 { background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.6)); -webkit-background-clip: text; background-clip: text; color: transparent;} .CounterBoxSection .CounterBox .CounterBoxNumber .CounterBoxNumbertitle span { font-size: calc(100% - 10px); display: inline-block; margin-left: 5px;letter-spacing: -2px; margin-bottom: -9px;} .industrylistTag { display: flex; align-items: center; justify-content: center; background: rgb(99 71 255 / 8%); width: max-content; margin: 0 auto; border-radius: 46px; padding: 7px 15px; gap: 5px; font-weight: 500; } .industrylistTag p { line-height: 1.286; } .twtrpayrollTag { display: flex; align-items: center; justify-content: center; background: rgb(99 71 255 / 8%); width: max-content; margin: 0 auto; border-radius: 46px; padding: 7px 15px; gap: 5px; font-weight: 500; } .twtrpayrollTag p { line-height: 1.286; } .FourColumnSection.Version2 .FourColumnBoxSection .FourColumnBox .FourColumnBoxtag { display: flex; align-items: center; gap: 8px;} .FourColumnSection.Version2 .FourColumnBoxSection .FourColumnBox .FourColumnBoxtag span.dot { width: 8px; height: 8px; border-radius: 50%;} .SimpleTextBannerInSec { max-width: 800px; width: 100%; margin: 0 auto;} .TwoColumnBannerFormSec form .legal-consent-container { position: absolute; color: #fff; top: 100%; margin-top: 5px;} .TwoColumnBannerFormSec form .legal-consent-container .hs-richtext { margin: 0;} .TwoColumnBannerFormSec form .legal-consent-container a { color: #fff; text-decoration: underline;} #main-content .TwoColumnBannerFormSec form .legal-consent-container .hs-richtext p { margin: 0; font-size: 14px !important;} .HomeBannerFormSec .HomeBannerForm form .legal-consent-container {position: absolute;color: #fff;top: 100%;margin-top: 5px; text-align:center; width: 100%; } .HomeBannerFormSec .HomeBannerForm form .legal-consent-container .hs-richtext { margin: 0;} .HomeBannerFormSec .HomeBannerForm form .legal-consent-container a { color: #fff; text-decoration: underline;} #main-content .HomeBannerFormSec .HomeBannerForm form .legal-consent-container .hs-richtext p { margin: 0; font-size: 14px !important;} .noresultbox { text-align: center;}
.spinner-box { background-color: #fff; position: fixed; z-index: 9999999; width: 100%; height: 100%; top: 0; left: 0;} .spinner-box .spinner-boxIn { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;} .spinner-box .spinner-boxIn .circle-border { width: 150px; height: 150px; padding: 3px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #6347FF; background: linear-gradient(0deg, rgb(99 71 255 / 20%) 33%, #6347FF 100%); animation: spin .8s linear 0s infinite;} .spinner-box .spinner-boxIn .circle-border .circle-core { width: 100%; height: 100%; background-color: #FFF; border-radius: 50%;} @keyframes spin { from { transform: rotate(0); } to{ transform: rotate(359deg); } } .BannerVideoInSec .annerVideoFormsec { margin-top: 50px; background: rgba(32, 38, 64,100%); border-radius: 30px; padding: 32px 52px; margin-bottom: -250px;} #main-content .BannerVideoInSec .annerVideoFormsec form .hs-richtext p,.BannerVideoInSec .annerVideoFormsec form .hs-richtext { color: #fff; font-weight: 500; font-size: 14px !important; line-height: 1.428 !important;} .BannerVideoInSec .annerVideoFormsec form .hs-form-field label { color: #FFFFFF; font-size: 20px; line-height: 1.2; margin-bottom: 8px; font-weight: 500;} .BannerVideoInSec .annerVideoFormsec form fieldset .hs-form-field input, .BannerVideoInSec .annerVideoFormsec form fieldset .hs-form-field select { border: 1px solid #FFFFFF40; border-radius: 10px; background: rgb(255 255 255 / 10%); min-height: 54px; color: #fff; width: 100% !important;} .BannerVideoInSec .annerVideoFormsec form fieldset .hs-form-field input::-webkit-input-placeholder, .BannerVideoInSec .annerVideoFormsec form fieldset .hs-form-field select::-webkit-input-placeholder { color : #fff;} .BannerVideoInSec .annerVideoFormsec form fieldset .hs-form-field input::-moz-placeholder, .BannerVideoInSec .annerVideoFormsec form fieldset .hs-form-field select::-moz-placeholder { color : #fff;} .BannerVideoInSec .annerVideoFormsec form fieldset .hs-form-field input:-ms-input-placeholder, .BannerVideoInSec .annerVideoFormsec form fieldset .hs-form-field select:-ms-input-placeholder { color : #fff;} .BannerVideoInSec .annerVideoFormsec form fieldset .hs-form-field input:-moz-placeholder , .BannerVideoInSec .annerVideoFormsec form fieldset .hs-form-field select:-moz-placeholder { color : #fff;} .BannerVideoInSec .annerVideoFormsec form .hs-richtext a { color: #fff; text-decoration: underline;} .BannerVideoInSec .annerVideoFormsec form .hs_submit input[type="submit"] { max-width: 326px; width: 100%; background: #FFFFFF; color: #6347FF; font-weight: 500; font-size: 16px; line-height: 20px; padding: 15px;} .BannerVideoCTA .secondary_button a:hover { border-color: #fff; } .GetFreeDemoFormSec { min-height: 588px; } .GetFreeDemoFormSec .submitted-message { text-align: center; color: #fff; } .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .legal-consent-container { position: absolute; top: 100%; margin-top: 10px;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form { margin-bottom: 40px;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .legal-consent-container .hs-richtext { margin: 0;} #main-content .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .legal-consent-container .hs-richtext p { color: #fff; font-size: 14px !important; margin: 0;} .SimpleTextBannerSection .SimpleTextBannerShape { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;} .SimpleTextBannerSection .SimpleTextBannerShape svg { width: 100%; height: 100%;} .ContactBannerForm form .hs_message { margin-bottom: 0;} .ContactBcontactBox { position: relative;} .ContactBcontactBox a.ContactBcontactBoxlink { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.RoiCalculatorLTCol { max-width: calc(50% - 15px); width: 100%; background: rgb(99 71 255 / 8%); border-radius: 30px; padding: 30px;} .RoiCalculatorsubtitle p { display: flex; align-items: center; padding: 6px 14px; background: rgba(99, 71, 255, 0.08); border-radius: 46px; gap: 5px; border: 1px solid #fff; box-sizing: content-box; font-weight: 500;} .RoiCalculatorsubtitle { display: inline-block;} .employee-control { display: flex; align-items: center; gap: 16px;} .employee-slider { flex: 1; -webkit-appearance: none; appearance: none; height: 8px; border-radius: 999px; background: #e5e7eb; outline: none; cursor: pointer;} .employee-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 1px solid var(--primary, #4f46e5); box-shadow: 0 1px 2px rgba(0,0,0,.1); cursor: pointer;} .employee-slider::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 1px solid var(--primary, #4f46e5); cursor: pointer;} .employee-number { width: 96px; height: 36px; text-align: center; border: 1px solid #d1d5db; border-radius: 6px; font-size: 14px; background: transparent; outline: none;} .employee-number:focus { border-color: var(--primary, #4f46e5); box-shadow: 0 0 0 3px rgba(79,70,229,.25);} .employee-control input.employee-slider { width: 75%;} .employee-control input.employee-number { width: calc(25% - 16px); appearance: none;} .RoiCalculatorFormSection form { display: flex; align-items: center; flex-wrap: wrap; gap: 32px 16px;} .RoiCalculatorFormSection form .RoiCalculatoremployeefield.forminput { width: 100%;} .RoiCalculatorFormSection form .forminput { width: calc(50% - 8px);} .RoiCalculatorFormSection form .formsubmitbtn { width: 100%; text-align: center;} .RoiCalculatorFormSection form .formsubmitbtn button[type="submit"] { border: 1px solid #6347FF; padding-top: 14px; padding-right: 24px; padding-bottom: 14px; padding-left: 24px; font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none; background-color: rgba(99, 71, 255, 1.0); border-radius: 46px; color: #FFFFFF; font-size: 16px; text-transform: none; line-height: 1.25; font-weight: 500;} .RoiCalculatorFormSection form .formsubmitbtn button[type="submit"] span { background: linear-gradient(90deg, #D4CCFF 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500;} .RoiCalculatorInSection { align-items: stretch; gap: 30px;} .RoiCalculatorInSection .RoiCalculatorRTCol { max-width: calc(50% - 15px); width: 100%;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol { background: #202640; border-radius: 30px; height: 100%; padding: 30px; position: relative;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol .RoiCalculatorBoxAnnualsavings h2 { font-size: 60px;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol .RoiCalculatorBoxlist ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: stretch; gap: 20px; flex-wrap: wrap;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol .RoiCalculatorBoxlist ul li { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); padding: 15px; border-radius: 15px; width: calc(33.33% - 13.33px); display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; font-size: 16px;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol:before, .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol:after { position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1229' height='433' viewBox='0 0 1229 433' fill='none'%3E%3Cg opacity='0.75' filter='url(%23filter0_f_2055_7564)'%3E%3Ccircle cx='718' cy='57' r='218' fill='%236347FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2055_7564' x='0' y='-661' width='1436' height='1436' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_2055_7564'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; top: 0; right: 0; background-position: center right; pointer-events: none; border-radius: 30px;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1230' height='433' viewBox='0 0 1230 433' fill='none'%3E%3Cg opacity='0.75' filter='url(%23filter0_f_2055_7565)'%3E%3Ccircle cx='512' cy='377' r='218' fill='%236347FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2055_7565' x='-206' y='-341' width='1436' height='1436' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_2055_7565'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); bottom: 0; left: 0; background-position: center left;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol .RoiCalculatorResultbox { position: relative; z-index: 2;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol .RoiCalculatorBoxlist ul li span { display: block; text-align: center; margin-top: 10px; font-size: 22px; font-weight: 600;} .RoiCalculatorBoxinvestment { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); padding: 15px; border-radius: 15px; font-size: 16px; margin-top: 15px;} .RoiCalculatorBoxinvestment p { font-size: 16px;}
.RoiCalculatorRBDsection { background: #fff; border: 1px solid #F1F3FB; box-shadow: 0 5px 20px rgba(99, 71, 255, 0.15); border-radius: 20px; padding: 30px; width: 100%} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: rgba(99, 71, 255, 0.08); border: 1px solid rgb(99 71 255 / 8%); border-radius: 10px; padding: 15px;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec { width: 80%; display: flex; align-items: center; gap: 10px;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxIcon { width: 40px; height: 40px;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxIcon svg, .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxIcon img { width: 100%; height: 100%; object-fit: contain;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxtitecol { width: calc(100% - 50px);} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxResult { width: calc(20% - 10px); text-align: center;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox+* { margin-top: 20px;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxtitecol .RoiCalculatorRBDBoxContent { margin-top: 10px;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxResult * { font-weight: 700; font-size: 22px; color: #6347ff;} .RoiCalculatorFTEsec { background: #fff; border: 1px solid #F1F3FB; box-shadow: 0 5px 20px rgba(99, 71, 255, 0.15); border-radius: 20px; padding: 30px; width: 100%;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: rgba(99, 71, 255, 0.08); border: 1px solid rgb(99 71 255 / 8%); border-radius: 10px; padding: 15px;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec { width: 80%; display: flex; align-items: center; gap: 10px;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxIcon { width: 40px; height: 40px;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxIcon svg, .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxIcon img { width: 100%; height: 100%; object-fit: contain;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxtitecol { width: calc(100% - 50px);} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxtitecol .RoiCalculatorRBDBoxContent { margin-top: 10px;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxResult { width: calc(20% - 10px); text-align: center;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxResult * { font-weight: 700; font-size: 22px; color: #6347ff;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox+* { margin-top: 20px;} .RoiCalculatorbottomcalgrp { display: flex; flex-direction: column; gap: 30px; width: 100%;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatorbeforeboxSec { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; background: rgba(99, 71, 255,100%); border-radius: 30px; text-align: center;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatorbeforeboxSec * { color: #fff;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatorbeforeboxSec .RoiCalculatorBBIcon { width: 100px; height: 30px; } .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatorbeforeboxSec .RoiCalculatorBBIcon img { width: 100%; height: 100%; object-fit: contain; } .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxtotal { display: flex; align-items: center; gap: 10px;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxtotal svg { width: 40px; height: 40px;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatorbeforeboxSec .RoiCalculatorBBText { margin-top: 20px;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatorbeforeboxSec .RoiCalculatorBBCnt { margin-top: 20px;} .RoiCalculatorBoxpieC #roiChart { opacity: 0; transition: all ease-in-out 0.3s;} .RoiCalculatorInSection .RoiCalculatorRTCol { position: relative; } .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatorloader { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(99 71 255 / 80%); border-radius: 30px; display: flex; align-items: center; justify-content: center; z-index : 25; opacity: 0 } .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatorloader span.loader-10 { width: 48px; height: 48px; border-radius: 50%; display: inline-block; position: relative; border: 3px solid; border-color: #FFF #FFF transparent; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite;} @keyframes rotation { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatorloader .loader-10:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 3px solid; border-color: transparent #FFF #FFF; width: 24px; height: 24px; border-radius: 50%; -webkit-animation: rotationBack 0.5s linear infinite; animation: rotationBack 0.5s linear infinite; transform-origin: center center;} .RoiCalculatorFormSection form .forminput input, .RoiCalculatorFormSection form .forminput select { outline: none;} .LContentRFormBannercontersec ul li { display: flex; flex-direction: column; text-align: center; border-width: 1px; border-style: solid; border-radius: 20px; padding: 15px 8px; gap: 16px; max-width: 86px; width:100%} .LContentRFormBannertestisec { max-width: 507px; width: 100%; border-radius: 30px; background: #312480; padding: 32px; display: flex; align-items: flex-start; gap: 14px; flex-wrap: wrap;} .LContentRFormBannertestisec .LContentRFormBannertestiltsec { width: 72px; height: 72px; border-radius: 16px; overflow: hidden;} .LContentRFormBannertestisec .LContentRFormBannertestiltsec img { width: 100%; height: 100%; object-fit: cover;} .LContentRFormBannertestisec .LContentRFormBannertestirtsec { width: calc(100% - (72px + 14px));} .webinarcolsection { width: 100%; border-radius: 20px; border: 1px solid #fff; filter: drop-shadow(0 0 200px rgba(255, 255, 255, 0.25)) drop-shadow(0 60px 50px rgba(0, 0, 0, 0.05));} .webinarcolsection .webinarcolInSec { border-radius: 12px; background: #F1F3FB; padding: 60px 57px;} .webinarcolsection .webinarcolInSec ul li { padding: 0 52px; width: fit-content;} .webinarcolsection .webinarcolInSec ul { margin: 0 -52px;} .webinarcolsection { margin-bottom: -98px;}
.LContentRFormBannerSection.v1 .LContentRFormBannerInSec { gap: 112px 87px;} .webinartwocolSection { background: linear-gradient(180deg, rgba(241, 243, 251, 0.00) 0%, rgba(241, 243, 251, 0.00) 53.85%, rgba(241, 243, 251, 0.50) 100%);} .webinartwocolInSec { flex-wrap: wrap; display: flex; align-items: flex-start; gap: 124px;} .webinartwocolInSec .webinartwocolLTCol { max-width: calc(100% - (609px + 124px)); width: 100%;} .webinartwocolInSec .webinartwocolrtCol { max-width: 609px; width: 100%;} .webinartwocolInSec .webinartwocolLTCol .webinartwocolTag { display: flex; align-items: center; justify-content: center; background: rgb(99 71 255 / 8%); width: max-content; border-radius: 46px; padding: 7px 15px; gap: 5px;} .webinartwocolContent * { color: rgba(12, 15, 49, 0.60);} .webinartwocolContent p+* { margin-top: 20px;} .webinartwocolHighlightContent { border-radius: 16px; background: #312480; display: flex; align-items: center; gap: 10px; padding: 16px;} .webinartwocolHighlightContent p { color: #F3FDF2; font-weight: 300; line-height: 1.4;} .webinartwocolHighlightContent p strong { font-weight: 500;} .webinartwocolHighlightContent > span { width: 54px; height: 54px; border-radius: 10px; background: #6347FF; display: flex; align-items: center; justify-content: center;} .webinartwocolHighlightContent > span svg { width: 30px; height: 30px;} .webinartwocolHighlightContent > p { width: calc(100% - 64px);} .webinartwocolInSec .webinartwocolrtCol { border-radius: 30px; background: rgba(99, 71, 255, 0.08); padding: 32px 0 0 32px;} .webinartwocolInSec .webinartwocolrtCol img { width: 100%; height: 100%; object-fit: cover;} .AgendaTitleSection { max-width: 439px; width: 100%; margin: 0 auto;} .AgendaTitleSection .AgendaContent * { color: rgba(12, 15, 49, 0.6);} .AgendaBoxSection { max-width: 802px; width: 100%; margin: 0 auto;} .AgendaBoxSection .AgendaBox+* { margin-top: 10px;} .AgendaBoxSection .AgendaBox { padding: 24px; border-radius: 20px; border: 1px solid #F1F3FB; position: relative; z-index: 1; background: #FFF; } .AgendaBoxSection .AgendaBox:first-child,.AgendaBoxSection .AgendaBox:last-child { background: #312480;} .AgendaBoxSection .AgendaBox .AgendaBoxLTCol { display: flex; align-items: flex-start; gap: 16px; flex-wrap: wrap;} .AgendaBoxSection .AgendaBox .AgendaBoxLTCol .AgendaBoxLogo { border-radius: 10px; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; background: rgb(191 61 148 / 10%);} .AgendaBoxSection .AgendaBox:first-child .AgendaBoxLTCol .AgendaBoxLogo,.AgendaBoxSection .AgendaBox:last-child .AgendaBoxLTCol .AgendaBoxLogo { background: #6347FF;} .AgendaBoxSection .AgendaBox .AgendaBoxLTCol .AgendaBoxLogo svg { width: 30px; height: 30px;} .AgendaBoxSection .AgendaBox .AgendaBoxLTCol .AgendaBoxCntsec { width: calc(100% - 70px);} .AgendaBoxSection .AgendaBox .AgendaBoxLTCol .AgendaBoxCntsec .AgendaBoxTitlesec { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;} .AgendaBoxSection .AgendaBox:first-child .AgendaBoxTitle *,.AgendaBoxSection .AgendaBox:last-child .AgendaBoxTitle * { color: #fff; font-weight: 500; line-height: 1.3;} .AgendaBoxSection .AgendaBox:first-child span.Agendaplay svg path,.AgendaBoxSection .AgendaBox:last-child span.Agendaplay svg path { fill: #F3FDF2;} .AgendaBoxSection .AgendaBox span.agendatime { color: #6347FF; font-size: 14px; font-weight: 500; line-height: 1.2;} .AgendaBoxSection .AgendaBox:last-child .AgendaBoxContent *,.AgendaBoxSection .AgendaBox:first-child .AgendaBoxContent * { color: rgb(255 255 255 / 70%);} .AgendaBoxSection .AgendaBox .AgendaBoxContent * { font-size: 16px; line-height: 1.3; font-weight: 400; color: rgba(12, 15, 49, 0.60);} .AgendaBoxSection .AgendaBox .AgendaBoxTitle span { color: #BF3D94;} .AgendaBoxSection .AgendaBox .AgendaBoxTitle * { font-weight: 500;} .AgendaBoxSection .AgendaBox:first-child span.agendatime,.AgendaBoxSection .AgendaBox:last-child span.agendatime { color: #F3FDF2;} .AgendaBoxSection { position: relative;} .AgendaBoxSection:before { position: absolute; content: ""; border-radius: 820px; background: rgba(99, 71, 255, 0.15); filter: blur(150px); width: 598px; height: 820px; transform: rotate(90deg); left: 50%; transform: translateX(-50%);} .AgendaimgcntInSec { max-width: 1138px; width: 100%; margin: 0 auto;} .AgendaimgcntInSec .AgendaimgcntLTCol { max-width: 601px; width: 100%;} .AgendaimgcntInSec .AgendaimgcntLTCol img { width: 100%; height: 100%; object-fit: cover; border-radius: 30px;} .AgendaimgcntInSec .AgendaimgcntRTCol { max-width: calc(100% - 601px); width: 100%; padding-left: 125px;} .AgendaimgcntInSec .AgendaimgcntRTCol .moduleContent ul { margin: 0; padding: 0; list-style: none;} .AgendaimgcntInSec .AgendaimgcntRTCol .moduleContent ul li+* { margin-top: 16px;} .AgendaimgcntInSec .AgendaimgcntRTCol .moduleContent ul li { color: rgb(12 15 49 / 60%); font-weight: 400; line-height: 1.225; padding-left: 26px; position: relative;} .AgendaimgcntInSec .AgendaimgcntRTCol .moduleContent ul li:before { position: absolute; content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M0.875 5.54167L3.27072 7.5744C3.43684 7.71535 3.51991 7.78583 3.6138 7.77528C3.7077 7.76474 3.77306 7.67759 3.90377 7.5033L8.875 0.875' stroke='white' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E"), #6347FF; background-repeat: no-repeat; left: 0; border-radius: 50%; background-position: center center; top: 3px;} .savespotlistgroup ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 24px; flex-wrap: wrap;} .savespotlistgroup ul li { display: flex; align-items: center; gap: 8px;} .savespotlistgroup ul li span.savespotlisticon { line-height: 0; width: 24px; height: 24px;} .savespotlistgroup ul li span.savespotlisticon svg { width: 100%; height: 100%;} .savespotlistgroup ul li span.savespotlisttext { font-size: 16px; line-height: 1.37; font-weight: 500;} .BookDemoCTASection.v1 .BookDemoCTAInSec { max-width: 711px;} .AgendaBoxAudio {display: none;} .AgendaBoxRTCol { display: flex; align-items: center; gap: 4px;} .Agendaplay { display: inline-flex; align-items: center; justify-content: center; width: 12px; height: 12px; color: #6347ff; cursor: pointer;} .Agendaplay:focus-visible { outline: 2px solid #6347ff; outline-offset: 3px;} .Agendaplay .play-icon { display: block;} .Agendaplay .pause-icon { display: none;} .AgendaBox.is-playing .Agendaplay .play-icon { display: none;} .AgendaBox.is-playing .Agendaplay .pause-icon { display: block;} .AgendaBoxSection .AgendaBox:first-child span.Agendaplay, .AgendaBoxSection .AgendaBox:last-child span.Agendaplay { color: #fff;} .hs-landing-page .OurCustomerLogoTitleSection { max-width: 554px; width: 100%;} .webinarcolsection .webinarcolInSec ul li { position: relative;} .webinarcolsection .webinarcolInSec ul li:not(:last-child):before { position: absolute; content: ""; width: 1px; height: 100%; background: linear-gradient(226deg, rgba(32, 38, 64, 0.00) 0%, rgb(32 38 64 / 50%) 50%, rgba(32, 38, 64, 0.00) 100%); right: 0; top: 50%; transform: translateY(-50%);} span.LContentRFormBannertmsvg { line-height: 0;} .webinarcolsection .webinarcolInSec ul li h2 { line-height: 1.0832;} .webinar-lp-page .PlatformThreeColumnBoxSec:before { background: rgba(191, 61, 148, 0.15); height: 287px;} .webinar-lp-page .OurCustomerLogoBoxSection:before { background: rgba(99, 71, 255, 0.15);} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec .LContentRFormBannerLTCol .LContentRFormBannerTag p { font-weight: 400; line-height: 1.287;} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec .LContentRFormBannerLTCol .LContentRFormBannerContent p { line-height: 1.445;} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec .LContentRFormBannerLTCol .LContentRFormBannerContent { max-width: 550px;} .AgendaSubTitle p { letter-spacing: 1.2px;} .PlatformThreeColumnTitle > div p { line-height: 1; letter-spacing: 1.2px;} .hrservice-support-sec .TwoColumnImgCntContent p:not(:last-child){ margin-bottom: 20px; } .TestimonialFullwidthSection .testimonialBoxInfotext { line-height: 1.25; } .OnboardingLeft { width: calc(50% - 11px); } .OnboardingRight { width: calc(50% - 11px); } .OnboardingColumn { padding: 32px 32px 40px; } .OnboardingContent p:not(:last-child) { margin-bottom: 24px; } .TestimonialSection.TestimonialFullwidthSection { padding: 0 20px; } .TestimonialFullwidthSection .content-wrapper { width: 100%; max-width: 100%; padding: 0; } .RetailHeroSection { z-index: 2; } .RetailHeroSection .TwoColumnBannerInSec .TwoColumnBannerRTCol { text-align: center; } .RetailHeroSection .TwoColumnBannerInSec .TwoColumnBannerRTCol img { width: initial; height: auto; object-fit: contain; min-height: 470px; border-radius: 0; } .RetailHeroSection .TwoColumnBannerContent { max-width: 100%; } .RetailHeroSection .quaternary_button a { gap: 5px; } .RetailHeroSection .quaternary_button a:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M10.5 5.33161C11.1667 5.71651 11.1667 6.67876 10.5 7.06366L1.5 12.2598C0.833332 12.6447 -6.10471e-07 12.1636 -5.76822e-07 11.3938L-1.2256e-07 1.00148C-8.8911e-08 0.231678 0.833333 -0.249447 1.5 0.135454L10.5 5.33161Z' fill='white'/%3E%3C/svg%3E"); width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center center; } .RetailHeroSection .quaternary_button a:hover:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M10.5 5.33161C11.1667 5.71651 11.1667 6.67876 10.5 7.06366L1.5 12.2598C0.833332 12.6447 -6.10471e-07 12.1636 -5.76822e-07 11.3938L-1.2256e-07 1.00148C-8.8911e-08 0.231678 0.833333 -0.249447 1.5 0.135454L10.5 5.33161Z' fill='white' style='&%2310; fill: %236347ff;&%2310;'/%3E%3C/svg%3E"); } .RetailHeroSection .TwoColumnBannerTitle h1 { font-weight: 400; } .TwoColumnBannerTag { width: fit-content; border-radius: 46px; padding: 6px 15px 6px; position: relative; } .TwoColumnBannerTag::before { background: linear-gradient(180deg, rgba(99, 71, 255, 0) 0%, rgba(99, 71, 255, 0) 100%), linear-gradient(0deg, rgba(99, 71, 255, 100%), rgba(99, 71, 255, 100%)) padding-box, linear-gradient(106.39deg, rgba(255, 255, 255, 0.25) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0.25) 100%); border: 1px solid transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; border-radius: 46px; box-sizing: content-box; } .TwoColumnBannerTag p { line-height: 1.286; position: relative; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 35%, #FFFFFF 65%, rgba(255, 255, 255, 0.5) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .RetailZigzagv2Section .TwoColumnImgCntContent ul , .RetailZigzagSection .TwoColumnImgCntContent ul { margin-top: 20px; } .TwoColumnImgCntCounterSection .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntImgcol img , .RetailZigzagv2Section .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntImgcol img , .RetailZigzagSection .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntImgcol img { width: initial; height: auto; object-fit: contain; } .TwoColumnImgCntCounterSection .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntImgcol , .RetailZigzagv2Section .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntImgcol , .RetailZigzagSection .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntImgcol { height: auto; } .RetailswitchingTCSection .switchingTCContent.white_75_color , .RetailswitchingTCSection .switchingTCContent.white_75_color p { color: rgba(255, 255, 255, 0.80); } .RetailswitchingTCSection .switchingTCContent { line-height: 1.223; } .RetailswitchingTCSection .switchingTCContent p:not(:last-child) { margin-bottom: 22px; } .RetailswitchingTCSection .switchingTCTitle h3 { line-height: 1.1878; } .RetailswitchingTCSection.switchingTCSection .switchingTCShape svg { display: none; } .RetailswitchingTCSection { overflow: hidden;} .RetailswitchingTCSection.switchingTCSection .switchingTCShape:before { content: ''; position: absolute; top: -161px; right: 21%; width: 436px; height: 436px; border-radius: 436px; opacity: 0.75; background: #6347FF; filter: blur(250px); } .RetailswitchingTCSection.switchingTCSection .switchingTCShape:after { content: ''; position: absolute; bottom: -161px; left: 22%; width: 436px; height: 436px; border-radius: 436px; opacity: 0.75; background: #6347FF; filter: blur(250px); } .RetailTCSBtnUpdateSection .switchingTCTitle h3 , .RetailTCSBtnUpdateSection .switchingTCTitle h2 , .RetailTCSBtnUpdateSection .switchingTCTitle .h1 {font-weight: 400; } .RetailTCSBtnUpdateSection .pt20.switchingTCCTA { padding-top: 32px; } .PlanThreeColHeader { max-width: 678px; margin-left: auto; margin-right: auto; width: 100%; text-align: center; } .PlanThreeColEllipsSection { overflow: hidden;} .PlanThreeColEllipsSection .baseModuleParent:before { width: 1240px; height: 852px; content: ''; border-radius: 1240px; background: rgba(191, 61, 148, 0.15); filter: blur(150px); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } .h3lh .h3 , .h3lh h3 , .PlanThreeColHeaderTitle .h3 { line-height: 1.1878; } .RetailBannerVideoSection .BannerVideoTitleSection { padding-bottom: 56px; } .RetailBannerVideoSection .BannerVideoTitle.white_color, .RetailBannerVideoSection .BannerVideoTitle.white_color h2, .RetailBannerVideoSection .BannerVideoTitle.white_color .h3 { color: #000000; } .RetailBannerVideoSection .BannerVideoInSec .BannerVideoBox .videoplaybtn { width: 145px; height: 145px; border-color: #6347FF; background-color: #6347FF; } .RetailBannerVideoSection .BannerVideoInSec .BannerVideoBox .videoplaybtn:before { margin-left: 3px; width: 37px; height: 37px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='30' viewBox='0 0 26 30' fill='none'%3E%3Cpath d='M24.75 12.8285C26.0833 13.5983 26.0833 15.5228 24.75 16.2926L3 28.85C1.66666 29.6198 -1.42486e-06 28.6575 -1.35756e-06 27.1179L-2.59761e-07 2.00318C-1.92463e-07 0.463575 1.66667 -0.498673 3 0.271128L24.75 12.8285Z' fill='white'/%3E%3C/svg%3E"); } .RetailBannerVideoSection .BannerVideoInSec .BannerVideoBox { margin-bottom: 0; } .RetailBannerVideoSection { margin-left: 0 !important; margin-right: 0 !important; } .RetailBannerVideoSection .BannerVideoTitle .h3 { line-height: 1.1878; } .RetailTCHeaderSec { max-width: 820px; margin-left: auto; margin-right: auto; } .RetailTwoColumnBox { background-color: #FFF; border-radius: 20px; border: 1px solid #F1F3FB; padding: 32px 32px 41px; width: calc(50% - 10px); } .RetailTwoColumnInnerBox { margin-top: 46px; width: 100%; border-radius: 12px; background: #6347FF; backdrop-filter: blur(165.8531951904297px); padding: 32px 32px 37px; } .RetailTwoColumnBoxLogo { margin-bottom: 24px; width: 54px; height: 54px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 12px; } .RetailTwoColumnBoxTitle { margin-bottom: 20px; } .RetailTwoColumnBoxCnt p:not(:last-child) { margin-bottom: 24px; } .RetailTwoColumnInnerBoxTitle { margin-bottom: 12px; } .RetailTwoColumnInnerBoxTitle h4.h6 { line-height: 1.223; } .RetailTwoColumnInnerBoxContent { line-height: 1.25; } .RetailTwoColumnBoxTitle h3 { line-height: 1.1876; } .RetailTwoColumnSection .baseModuleParent:before { border-radius: 1240px; background: rgba(99, 71, 255, 0.15); filter: blur(150px); content: ''; width: 1240px; height: 702px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .RetailTwoColumnSectionhideRetailTwoColumnShape .baseModuleParent:before { display: none; } .RetailLContentRFormSection .LContentRFormBannerInSec { max-width: 1031px; margin-left: auto; margin-right: auto; gap: 58px; } .RetailLContentRFormSection .LContentRFormBannerInSec .LContentRFormBannerLTCol { max-width: 470px; } .RetailLContentRFormSection .LContentRFormBannerInSec .LContentRFormBannerRTCol { max-width: calc(100% - (470px + 58px)); } .LContentRFormShapeBannerImage { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-start; position: absolute; bottom: 0; left: 0; width: 35%; max-width: 585px; } .RetailcounterTWColumn { width: calc(33.33% - 22px); }
.RetailcounterTWColumnCounter { display: flex; line-height: 1.125; } .ebookbannerInSec .ebookbannerLTCol { max-width: 640px; width: 100%;} .ebookbannerInSec .ebookbannerRTCol { max-width: calc(100% - (640px + 98px)); width: 100%;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerTag { width: fit-content; border-radius: 46px; padding: 6px 15px 6px; position: relative;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerTag p { line-height: 1.286; position: relative; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 35%, #FFFFFF 65%, rgba(255, 255, 255, 0.5) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerTag:before { background: linear-gradient(180deg, rgba(99, 71, 255, 0) 0%, rgba(99, 71, 255, 0) 100%), linear-gradient(0deg, rgba(99, 71, 255, 100%), rgba(99, 71, 255, 100%)) padding-box, linear-gradient(106.39deg, rgba(255, 255, 255, 0.25) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0.25) 100%); border: 1px solid transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; border-radius: 46px; box-sizing: content-box;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerContent { line-height: 1.445; max-width: 559px; width: 100%;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerContent ul {line-height: 1.223; margin: 0; padding: 20px 0 0 0; list-style: none;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerContent ul li+* { margin-top: 16px;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerContent ul li { padding-left: 26px; position: relative;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerContent ul li:before { position: absolute; content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M0.875 5.54167L3.27072 7.5744C3.43684 7.71535 3.51991 7.78583 3.6138 7.77528C3.7077 7.76474 3.77306 7.67759 3.90377 7.5033L8.875 0.875' stroke='%236347FF' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E"), #fff; background-repeat: no-repeat; border-radius: 50%; left: 0; background-position: center center; top: 2px;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerbxcnt { margin-top: 40px; background: #312480; max-width: 507px; border-radius: 30px; width: 100%; padding: 32px;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerbxcnt .ebookbannerboxsec { padding-top: 25px; display: flex; align-items: center; flex-wrap: wrap;} .ebookbannerInSec .ebookbannerRTCol { border-radius: 30px; background: rgb(0 0 0 / 20%); padding: 32px 36px;} .ebookbannerInSec .ebookbannerRTCol .ebookbannerForm form .hs-form-field label { line-height: 1.397; color: #fff;} .ebookbannerInSec .ebookbannerRTCol .ebookbannerForm form .hs-richtext { color: #fff;} .ebookbannerInSec .ebookbannerRTCol .ebookbannerForm form input[type="submit"] { max-width: 326px; max-width: 100%; width: 100%; background: #FFFFFF; color: #6347FF; font-weight: 500; font-size: 16px; line-height: 20px; padding: 15px; border-radius: 46px;} .ebookbannerInSec .ebookbannerRTCol .ebookbannerForm form input,.ebookbannerInSec .ebookbannerRTCol .ebookbannerForm form select { border: 1px solid #FFFFFF40; border-radius: 10px; background: rgb(255 255 255 / 10%); min-height: 54px; color: #fff; width: 100% !important;} .ebooklogoslidersection { border-radius: 20px; border: 1px solid #FFF; background: #FFF; width: 100%; text-align: center; padding: 47px 0 68px; position: relative} .ebooklogoslidersection .ebooklogosliderTitle { text-transform: uppercase; padding: 0 15px; } .ebooklogoslidersection:before,.ebooklogoslidersection:after { position: absolute; content: ""; border-radius: 20px; background: linear-gradient(90deg, #FFF 3.31%, rgba(255, 255, 255, 0.00) 100%); width: 250px; height: 100%; left: 0; top: 0; z-index: 1;} .ebooklogoslidersection:after { left: unset; right: 0; transform: rotate(180deg);} .ebooklogoslidersection .ebooklogosliderBoxMain .ebooklogosliderBox {text-align: center;text-align: -webkit-center;padding: 0 40px;} .ebooklogoslidersection .ebooklogosliderBoxMain .slick-slide { width: 200px; text-align: -webkit-center;} .ebooklogoslidersection { margin-top: 80px; margin-bottom: -98px; filter: drop-shadow(0 0 200px rgba(255, 255, 255, 0.25)) drop-shadow(0 60px 50px rgba(0, 0, 0, 0.05));} .ebooklogosliderBoxMain .slick-track { display: flex; flex-wrap: wrap; align-items: center; } .ebookbannerInSec .ebookbannerLTCol .ebookbannerbxcnt .ebookbannerboxsec .ebookbannerbox { width: 79px; height: 79px;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerbxcnt .ebookbannerboxsec .ebookbannerbox .ebookbannerboxImg { width: 100%; height: 100%; border: 2px solid #fff; border-radius: 50%; overflow: hidden;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerbxcnt .ebookbannerboxsec .ebookbannerbox .ebookbannerboxImg img { width: 100%; height: 100%; object-fit: cover;} .ebookbannerInSec .ebookbannerLTCol .ebookbannerbxcnt .ebookbannerboxsec .ebookbannerbox:not(:first-child) { margin-left: -15px;} .ebookbannerContent ul { max-width: 530px; } .RetailHeroSection .TwoColumnBannerInSec { max-width: 1028px; margin-left: auto; margin-right: auto; } .RetailHeroSection .TwoColumnBannerInSec { justify-content: center; } .RetailHeroSection .TwoColumnBannerInSec.gap50 { column-gap: 85px; } .RetailTwoColumnInnerBox { margin-top: 24px; } .RetailTwoColumnInnerBoxTitle h4.h6 { font-weight: 400; } .PlanThreeColEllipsSection .PlanThreeColBoxBTTitle h5 { font-weight: 400; } .PlanThreeColEllipsSection .PlanThreeColBoxBTCnt { line-height: 1.25; } .RetailLContentRFormSection { min-height: 809px; } .LContentRFormShapeBannerImage { width: 45%; } .rotalivestcolInSec { gap: 20px; } .rotalivestcolLTCol { width: calc(22.85% + 34px); margin-left: -34px; } .rotalivestcolRTCol { width: 23%; } .rotalivestcolMdCol { width: 51%; text-align: center; } .rotalivestcolMdCol { width: calc(52.5% - 20px); } .rotalivestcolLTCol img { max-width: 299px !important; width: 100%; } .rotalivestcolTag p { border-radius: 46px; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(99, 71, 255, 0.08); text-align: center; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 8px 15px; gap: 5px; font-size: 14px; color: #6347FF; line-height: 18px; font-weight: 400; } .rotalivestcolTag p span { display: inline-block; line-height: 0; } .rotalivestcolTitle { max-width: 481px; margin-left: auto; margin-right: auto; } .rotalivestcolContent { line-height: 1.3; max-width: 459px; margin-left: auto; margin-right: auto; } .rotalivestcolthcolBox { width: calc(33.33% - 13.33px); text-align: left; } .rotalivestcolthcolBoxnumber { width: 40px; height: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; border-radius: 7.407px; background: #6347FF; box-shadow: 0 0 7.407px 0 rgba(255, 255, 255, 0.50), 0 0 14.815px 0 #FFF; color: #FFF; font-size: 16px; line-height: 1.3; font-weight: 500; } .rotalivestcolthcolBoxRTCol { width: calc(100% - 50px); } .rotalivestcolthcolBoxContent { margin-top: 4px; line-height: 1.313; } .platformThreeColumnStepTitle { text-transform: uppercase; font-size: 16px; line-height: 1.3; font-weight: 500; } .requestdemosetupsec .PlatformThreeColumnBoxSec:before { background: rgba(191, 61, 148, 0.15); height: 287px; } .PlatformThreeColumnTag { letter-spacing: 2.52px; } .TestimonialrequestdemoSection.TestimonialSection .testimonialInSection .testimonialBoxSec .testimonialBoxText h4 { line-height: 1.5; } .BookDemoCTATag { width: fit-content; border-radius: 46px; padding: 6px 15px 6px; position: relative; } .BookDemoCTATag::before { background: linear-gradient(180deg, rgba(99, 71, 255, 0) 0%, rgba(99, 71, 255, 0) 100%), linear-gradient(0deg, rgba(99, 71, 255, 100%), rgba(99, 71, 255, 100%)) padding-box, linear-gradient(106.39deg, rgba(255, 255, 255, 0.25) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0.25) 100%); border: 1px solid transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; border-radius: 46px; box-sizing: content-box; } .BookDemoCTATag p { line-height: 1.286; position: relative; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 35%, #FFFFFF 65%, rgba(255, 255, 255, 0.5) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .BookDemoCTAListBoxSec.listbeforecta li { column-gap: 8px; font-size: 18px; line-height: 1.375; line-height: 1.223; border: 0; padding: 0; font-weight: 400; } .BookDemoCTAListBoxSec.listbeforecta li * { font-size: 18px; } .BookDemoCTAListBoxSec.listbeforecta ul li span.listarrow { line-height: 0; width: 18px; height: 18px; background: transparent; } .BookDemoCTAListBoxSec.listbeforecta ul li span.listcontent { width: calc(100% - 26px); } .RequestBookdemoSection .BookDemoCTATitle h3 { line-height: 1.1878; } .RequestFaqanswersec .FAQBoxTitle h5 , .RequestFaqanswersec .FAQBoxSection .FAQBoxContent p { font-family: "Poppins", sans-serif; } .RequestFaqanswersec .FAQBoxSection .FAQBoxContent p { line-height: 1.223; } .RequestFaqanswersec .FAQBoxTitle h5 { font-weight: 400; } .ebookbannerFormBottomText p { font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; line-height: 1.429; } .ebookbannerFormBottomText ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; } .ebookbannerFormBottomText ul li { text-align: center; border: 1px solid rgba(255, 255, 255, 0.25); font-size: 14px; line-height: 1.28; width: fit-content; border-radius: 46px; padding: 6px 14px 6px; position: relative; } .ebookbannerFormBottomText ul li span { line-height: 1.286; position: relative; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 35%, #FFFFFF 65%, rgba(255, 255, 255, 0.5) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ebookbannerSection .ebookbannerForm fieldset.form-columns-0 { display: none; } .ebookbannerSection .ebookbannerForm .hs-form-field { margin-bottom: 12px; } .ebookbannerInSec .ebookbannerRTCol .ebookbannerForm form input[type="submit"] { padding: 14px 15px; min-height: 50px; } .ebookbannerInSec .ebookbannerRTCol .ebookbannerForm .submitted-message { margin-bottom: 20px; color: #fff; } .ebookbannerformCnt { line-height: 1.445; } .ebookbannerInSec .ebookbannerLTCol .ebookbannerbxcnt h4 { line-height: 1.25; } .rotalivestcolthcolBoxTitle h6 { line-height: 1.3; } .TestimonialrequestdemoSection .testimonialBoxText h4 { font-family: "Poppins", sans-serif; } .TestimonialrequestdemoSection .testimonialBoxInfotext p { font-family: "Poppins", sans-serif; } .TestimonialrequestdemoSection .testimonialBoxInfotext p.white_75_color:first-child { color: #FFF; } .requestdemosetupsec .PlatformThreeColumnBoxCntIn { line-height: 1.3; } .TestimonialrequestdemoSection .testimonialBoxInfotext p.medium { font-weight: 400; } .PlatformThreeColumnSection.theagendaSec .PlatformThreeColumnBoxSec { justify-content: center;} .BookDemoCTASection.constructiondemosec .BookDemoCTAListBoxSec ul {flex-direction: column;align-items: flex-start;gap: 16px;} .ebookbannerInSec .ebookbannerRTCol .ebookbannerForm form select option { color: #6347FF; } #requestdemosec .ebookbannerForm.ebookbannerFormtwocols form .legal-consent-container { display: none;} .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media(min-width: 1280px){
.hrservice-support-sec .TwoColumnImgCntColIn { width: calc(100% + 30px); margin-right: -30px; } .RetailZigzagSection .TwoColumnImgCntContent p { margin-right: -4px; } .RetailZigzagv2Section .TwoColumnImgCntBox:nth-child(2) .TwoColumnImgCntContent p { margin-right: -7px; } .PlanThreeColEllipsSection .PlanThreeColBoxBTCTA.pt32 { padding-top: 48px; } .TwoColumnImgCntCounterSection .TwoColumnImgCntColIn { margin-right: -18px; } .TwoColumnImgCntCounterSection .TwoColumnImgCntContent { max-width: 400px; } .rotalivestcolthcolBox:nth-child(3) .rotalivestcolthcolBoxContent { margin-right: -5px; } .requestdemosetupsec .PlatformThreeColumnBoxSec .PlatformThreeColumnBox:nth-child(2) .PlatformThreeColumnBoxTitle { margin-right: -8px; }
}
@media (max-width : 1440px){
.BookDemoCTASection .BookDemoCTAImge { left: 0; } .Counterv1Section .Counterv1Image { left: 0;} .BookDemoCTASection .BookDemoCTAImge {width: 60%; left: 0;} .BookDemoCTASection .BookDemoCTAImge img { object-position: bottom;}
}
@media (max-width:1366px){
.ResHubCTASection .ResHubCTAImg { left: 30px;} .Counterv1Section .Counterv1Image { left: 0;} .BookDemoCTASection .BookDemoCTAImge { left: 0;} .BookDemoCTASection .BookDemoCTAImge { width: 60%;} .BookDemoCTASection .BookDemoCTAImge img { object-position: bottom; }
}
@media (max-width : 1300px){
.HomeBannerImagesec { margin-bottom: -250px;} .HomeBannerInSec .HomeBannerTitleSection.HomeBannerTitlebtimgSection { padding-bottom: 50px;} .PlatformThreeColumnBoxSec { padding-top: 50px; } .content-wrapper { max-width: 1170px;} .PlatformThreeColumnBoxSec .PlatformThreeColumnBox { padding: 30px;} .CounterBoxSection .CounterBox { padding: 30px;} .FeaturetabBoxSection .FeaturetabBoxImageBox { padding: 50px 0 0 50px;} .BookDemoCTAInSec { max-width: 800px;} .BookDemoCTASection .BookDemoCTAImge { width: 60%; bottom: 0; top: unset;} .BookDemoCTASection .BookDemoCTAImge img { object-position: bottom;} .TwoColumnBannerInSec .TwoColumnBannerRTCol { max-width: calc(100% - 554px);} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox+* { margin-top: 70px; } .AUBannerTimelineSection .AUBannerTimelineTpCol { gap: 150px;} .AUBannerTimelineSection .AUBannerTimelineBtCol {gap: 150px;} .LImageRContentSection .LImageRContentInSec .LImageRContentRightCol { padding-left: 50px;} .errorbannerInSec .errorbannerRTCol { max-width: calc(100% - (610px + 50px));} .errorbannerInSec .errorbannerRTCol { max-width: calc(100% - (610px + 50px));} .ComparisonBannerSection .wrapLeft { padding-left: calc((100% - 1140px) / 2);} .webinarcolsection .webinarcolInSec ul li { padding: 0 30px;} .webinarcolsection .webinarcolInSec ul { margin: 0 -30px;} .webinarcolsection .webinarcolInSec ul li h2 { font-size: 40px;} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec .LContentRFormBannerLTCol { max-width: calc(50% - 44px);} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec .LContentRFormBannerRTCol { max-width: calc(50% - 44px);} .webinartwocolInSec { gap: 50px;} .webinartwocolInSec .webinartwocolLTCol { max-width: calc(100% - (609px + 50px));} .AgendaimgcntInSec .AgendaimgcntRTCol { padding-left: 50px;} .webinartwocolInSec .webinartwocolLTCol { max-width: calc(50% - 25px); } .webinartwocolInSec .webinartwocolrtCol { max-width: calc(50% - 25px); } .AgendaimgcntInSec .AgendaimgcntLTCol { max-width: 50%; } .AgendaimgcntInSec .AgendaimgcntRTCol { max-width: 50%; } .RetailcounterTWRow { column-gap: 20px; row-gap: 16px; } .RetailcounterTWColumn { width: calc(33.33% - 13.33px); } .RetailHeroSection .TwoColumnBannerInSec.gap50 { column-gap: 50px; } .RetailLContentRFormSection { min-height: 670px; } .LContentRFormShapeBannerImage { width: 35%; } .rotalivestcolMdCol { width: calc(52.2% - 20px); }
}
@media (max-width: 1280px){
.automatetwoColInSec .automatetwoColBoxSec { padding: 0 30px;} .automatetwoColInSec .automatetwoColBoxSec .automatetwoColBoxRTCol { max-width: calc(100% - 555px);} .TeamswinBoxSection { padding-left: 20px; padding-right: 20px;} .TeamswinBoxSection .TeamswinBox { padding: 40px 30px;} .PlatformThreeColumnBoxSec:before { width: calc(100% - 60px);} .FourColumnBoxSection .FourColumnBox { padding: 20px;} .FourColumnBoxSection.FourTrColumnBoxSection .FourColumnBox { padding: 30px;} .LContentRFormBannerInSec .LContentRFormBannerLTCol { max-width: 50%;} .LContentRFormBannerInSec { gap: 50px;} .LContentRFormBannerInSec .LContentRFormBannerRTCol { max-width: calc(50% - 50px);} .ResourcesCntListingSection { padding: 100px 0;} .BannerVideoInSec .BannerVideoBox { height: 550px; max-width: 90%; margin: 0 auto -473px;} .BlogPostBannerInSec .BlogPostBannerimg { height: 600px;} .ComparisonBannerInSec { gap: 50px;} .ComparisonBannerInSec .ComparisonBannerRTCol { max-width: calc(100% - 550px);} .RetailLContentRFormSection .LContentRFormBannerInSec { gap: 50px; } .RetailLContentRFormSection .LContentRFormBannerInSec .LContentRFormBannerLTCol { max-width: 50%; } .RetailLContentRFormSection .LContentRFormBannerInSec .LContentRFormBannerRTCol { max-width: calc(50% - 50px); } .ebookbannerInSec .ebookbannerLTCol { max-width: 50%; } .ebookbannerInSec .ebookbannerRTCol { max-width: calc(100% - (50% + 50px)); } .ebookbannerInSec .ebookbannerLTCol .ebookbannerbxcnt .ebookbannerboxsec .ebookbannerbox { width: 69px; height: 69px; } .ebookbannerInSec .ebookbannerLTCol .ebookbannerContent { max-width: 100%; } .ebookbannerContent ul { max-width: 100%; } .rotalivestcolLTCol { width: calc(22.85% + 34px); margin-left: -34px; }
}
@media (max-width : 1230px){
.content-wrapper { max-width: 95%;} .TestimonialSection .testimonialInSection { padding: 0 20px; max-width: calc(780px + 40px);} .softwaresolutionBoxSec .softwaresolutionBox { padding: 30px;} .automatetwoColInSec .automatetwoColBoxSec .automatetwoColBoxLTCol { max-width: 50%;} .automatetwoColInSec .automatetwoColBoxSec .automatetwoColBoxRTCol { max-width: calc(50% - 50px);} .FeaturetabBoxSection .FeaturetabBoxmain { max-width: 50%;} .FeaturetabBoxSection .FeaturetabBoxImageBox { max-width: calc(50% - 20px);} .BookDemoCTAInSec { max-width: 700px;} .BookDemoCTASection .BookDemoCTAImge { width: 70%;} .BookDemoCTAListBoxSec ul li { background: rgba(99, 71, 255,100%);} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntImgcol {height: 100%;} .TwoColumnBannerInSec .TwoColumnBannerRTCol img { min-height: auto;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntImgcol { max-width: 50%;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntCol { max-width: 50%;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox:nth-child(odd) .TwoColumnImgCntCol { padding-left: 50px;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox:nth-child(even) .TwoColumnImgCntCol { padding-right: 50px;} .FourColumnTitleSec { padding-bottom: 50px; } .TwoColumnBannerInSec .TwoColumnBannerLTCol { max-width: calc(50% - 25px);;} .TwoColumnBannerInSec .TwoColumnBannerRTCol { max-width: calc(50% - 25px); height: 100% } .AllourplanBoxSection .AllourplanBox { max-width: calc(33.33% - 13.33px);} .OurCustomerLogoBoxSection .OurCustomerLogoBox { max-width: calc(25% - 9px);} .ResHubCTASection .ResHubCTAImg { left: 0; width: 67%;} .ResHubCTASection .ResHubCTAImg img { object-position: bottom;} .WebinarCoverInSec .WebinarCoverLTCol { max-width: calc(50% - 25px);} .WebinarCoverInSec .WebinarCoverRTCol { max-width: calc(50% - 25px);} .Counterv1Section .Counterv1InSection { margin: 0 0 0 auto;} .Counterv1Section .Counterv1Image { width: 75%;} .CaseStudyOverBoxSec .CaseStudyOverLTCol { max-width: calc(50% - 25px);} .CaseStudyOverBoxSec .CaseStudyOverRTCol { max-width: calc(50% - 25px);} .LCntRListInSec .LCntRListLeftCol { max-width: calc(50% - 25px);} .LCntRListInSec .LCntRListRightCol { max-width: calc(50% - 25px); padding: 30px 20px;} .GetFreeDemoInSec .GetFreeDemoFormSec { max-width: calc(100% - 451px);} .GetFreeDemoSection .GetFreeDemoImg { width: 550px; left: calc(((100% - 988px) / 2) - 100px);} .GetFreeDemoSection .GetFreeDemoImg img { width: 100%; height: 100%; object-fit: contain;} .CaseStudyBannerTwoColsec .CaseStudyBannerLTCol { max-width: calc(50% - 25px);} .CaseStudyBannerRTCol { max-width: calc(50% - 25px);} .AUBannerTimelineSection .AUBannerTimelineTpCol { gap: 100px;} .AUBannerTimelineSection .AUBannerTimelineBtCol { gap: 80px;} .AUBannerTimelineSection { padding: 80px 20px;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox span.AUBannerTimelineBoxshape { bottom: -59px;} .AUBannerTimelineSection .AUBannerTimelineBtCol .AUBannerTimelineBox span.AUBannerTimelineBoxshape { top: -41px;} .TwoColCntinSection { justify-content: center;} .LImageRContentSection .LImageRContentInSec .LImageRContentLeftCol { max-width: 50%;} .LImageRContentSection .LImageRContentInSec .LImageRContentRightCol { max-width: 50%;} .errorbannerInSec .errorbannerLTCol { max-width: 50%; height: 500px;} .errorbannerInSec .errorbannerRTCol { max-width: calc(50% - 50px);} .errorbannerLTColText { font-size: 200px;} .errorbannerInSec .errorbannerLTCol .errorbannerLTColText { margin-top: 0;} .errorbannerInSec span.errorbannerLTColline { height: 198px;} .errorbannerInSec .errorbannerLTCol span.errorbannerLTColbtshape { bottom: 100px; width: 200px; height: 30px;} .BlogPostBannerInSec .BlogPostBannerimg { height: 500px;} .SystemStatusBannerInSec .SystemStatusBannerRTCol { padding-left: 20px;} .AUBannerTimelineSection .AUBannerTimelineTpCol { gap: 15%;} .AUBannerTimelineSection .AUBannerTimelineBtCol { gap: 15%; } .ComparisonBannerInSec .ComparisonBannerRTCol { margin-right: 0;} .threecolumnimgcntBoxSection .threecolumnimgcntBox .threecolumnimgcntImg img { width: calc(100% - 50px); height: calc(100% - 50px);} .threecolumnimgcntBoxSection .threecolumnimgcntBox .threecolumnimgcntImg { height: 220px;} .threecolumnimgcntBoxSection .threecolumnimgcntBox .threecolumnimgcntBoxContent { padding: 20px 0;} .ContactBannerInSec { grid-template-columns: 1fr 50%; gap: clamp(40px, 4vw, 80px);} .ContactBannerRTCol { padding: 30px;} .TwoColumnImgCntSection.v2 .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntColIn { max-width: calc(100% - 24px); } .ImplementationIntroSection:before { width: calc(95% - 30px) } .TwoColumnBannerassuresec ul { flex-wrap: wrap;} .CounterBoxSection .CounterBox { padding: 15px;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol .RoiCalculatorBoxlist ul { gap: 10px;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol .RoiCalculatorBoxlist ul li { width: calc(33.33% - 6.66px); padding: 10px; font-size: 14px;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol .RoiCalculatorBoxlist ul li span { font-size: 18px;} .RoiCalculatorFormSection form { gap: 20px 16px;} .RoiCalculatorFormSection form .forminput.IntegratedPayrollsec {width: 100%;} .webinarcolsection .webinarcolInSec { padding: 50px 30px;} .webinarcolsection .webinarcolInSec ul li h2 { font-size: 35px;} .webinarcolsection .webinarcolInSec ul li { padding: 0 25px;} .webinarcolsection .webinarcolInSec ul { margin: 0 -25px; flex-wrap: nowrap;} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec { gap: 80px 50px;} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec .LContentRFormBannerLTCol { max-width: 50%;} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec .LContentRFormBannerRTCol { max-width: calc(50% - 50px);} .BookDemoCTASection.v1 .BookDemoCTAInSec { max-width: 60%;} .rotalivestcolMdCol { width: calc(51.9% - 20px); } .rotalivestcolthcolBox { width: calc(50% - 10px); } .rotalivestcolthcolBoxSection { justify-content: center; }
}
@media (max-width : 1200px){
.AUBannerTimelineSection .AUBannerTimelineBtCol { gap: 13%; } .AUBannerTimelineSection .AUBannerTimelineTpCol { gap: 10%;}
}
@media (max-width : 1080px){
h4, .h4 { font-size: 22px;} .CounterBoxSection .CounterBox { padding: 20px;} .FeaturetabBoxSection .FeaturetabBoxImageBox { padding: 20px 0 0 20px;} .BookDemoCTAInSec { max-width: 550px;} .BookDemoCTAInSec .BookDemoCTATitle br { display: none;} .FourColumnBoxSection .FourColumnBox { max-width: calc(50% - 10px);} .PlanThreeColBoxSection .PlanThreeColBox .PlanThreeColBoxBTCol { padding: 30px 15px;} .PlanThreeColBoxSection .PlanThreeColBox .PlanThreeColBoxTitleSec { padding: 30px 15px;} .LContentRFormBannerInSec .LContentRFormBannerRTCol { padding: 30px 20px;} .ResourcesLisFilterCateboxFil { gap: 40px 20px;} .ResHubCTASection .ResHubCTAInSec { max-width: 600px;} .BannerVideoInSec .BannerVideoBox { max-width: 100%;} .BannerVideoInSec .BannerVideoBox .videoplaybtn { width: 120px; height: 120px;} .TwoColumnBannerContent { max-width: 100%; } .GetFreeDemoSection .GetFreeDemoImg { width: 550px; left: calc(((100% - 988px) / 2) - 80px);} .GetFreeDemoInSec .GetFreeDemoFormSec { padding: 32px;} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverExploreBox { padding: 30px;} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverviewBox { padding: 30px;} .Counterv1Section .Counterv1Image { width: 68%;} .AUBannerTimelineSection .AUBannerTimelineBtCol { gap: 10%; } .MeetteamSliderBoxSec .MeetteamSliderBox { width: 310px !important;} .errorbannerInSec .errorbannerRTCol h1 br { display: none;} .SystemStatusBannerInSec .SystemStatusBannerLTCol { max-width: 500px;} .SystemStatusBannerInSec .SystemStatusBannerLTCol img { width: 350px;} .SystemStatusBannerInSec .SystemStatusBannerRTCol { max-width: calc(100% - 500px);} .homevideopopupsec { padding: 30px;} .ComparisongridBoxSec .ComparisongridBox .ComparisongridBoxImg img { width: calc(100% - 20px);} .CounterBoxSection .CounterBox .CounterBoxText br { display: none;} .SimpleTextBannerInSec { max-width: 700px;} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec {gap: 50px;} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec .LContentRFormBannerLTCol { max-width: calc(50% - 25px);} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec .LContentRFormBannerRTCol { max-width: calc(50% - 25px);} .webinarcolsection .webinarcolInSec ul { flex-wrap: wrap; gap: 30px 0;} .webinarcolsection .webinarcolInSec ul li { width: 50%; text-align: center;} .BookDemoCTASection.v1 .BookDemoCTAInSec { max-width: 550px;} .webinarcolsection .webinarcolInSec ul li:not(:last-child):before { display: none;} .RetailBannerVideoSection .BannerVideoInSec .BannerVideoBox .videoplaybtn { width: 100px; height: 100px; }
}
@media (max-width : 1024px){
.AUBannerTimelineSection .AUBannerTimelineTpCol { gap: 7%; } .AUBannerTimelineSection .AUBannerTimelineBtCol { gap: 10%; }
}
@media (max-width : 991px){
h1, .h1 { font-size: 40px;} h3, .h3 { font-size: 28px;} h2, .h2 { font-size: 37px;} .TrustedbyteamLogoBoxIn { max-width: 150px;} .PlatformThreeColumnBoxSec .PlatformThreeColumnBox { max-width: 100%;} .compareTwoColBoxSec .compareTwoColBox { max-width: 100%;} .CounterBoxSection .CounterBox { max-width: calc(33.33% - 13.33px);} .CounterBoxSection .CounterBox:not(:last-child):before { display: none;} .TwoColumnImgCntBoxSec .TwoColumnImgCntImgcol { max-width: 80%; order: 2;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol { max-width: 100%; order: 1;} .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntColIn { margin: 0; max-width: 100%;} .softwaresolutionBoxSec { justify-content: center;} .softwaresolutionBoxSec .softwaresolutionBox { max-width: 60%;} .automatetwoColInSec .automatetwoColBoxSec .automatetwoColBoxLTCol { max-width: 100%;} .automatetwoColInSec .automatetwoColBoxSec .automatetwoColBoxRTCol { max-width: 100%;} .FeaturetabBoxSection .FeaturetabBoxmain { max-width: 100%;} .FeaturetabBoxSection .FeaturetabBoxImageBox { max-width: 100%; padding: 75px 0 0 75px;} .TeamswinBoxSection .TeamswinBox { max-width: 100%;} .BookDemoCTAInSec { max-width: 100%;} .BookDemoCTASection .BookDemoCTAImge { display: none;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox .FeaturetabBoxCnt { max-width: 100%; } .PlatformThreeColumnBoxSec:before { height: calc(100% - 60px); bottom: 0;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColListBoxMain .compareTwoColListBox { height: 100% !important;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColBoxBTCol { height: 100% !important;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColBoxBTCol .compareTwoColBoxBTCnt br { display: none;} .TeamswinBoxCntIn { height: 100% !important;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntImgcol { max-width: 80%; order: 2;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntCol { max-width: 100%; padding: 0 !important; order: 1;} .TwoColumnImgCntBox { gap: 30px;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox:nth-child(even) { flex-direction: column; align-items: flex-start;} .problemInSec { padding: 50px 0;} .CounterBoxSection.four_column .CounterBox {max-width: calc(50% - 10px);} .FourColumnBoxSection.FourTrColumnBoxSection .FourColumnBox { max-width: calc(50% - 10px);} .TwoColumnBannerInSec .TwoColumnBannerLTCol { max-width : 100% } .TwoColumnBannerInSec .TwoColumnBannerRTCol { max-width: 100%; } .PlanThreeColBoxSection .PlanThreeColBox { max-width: 70%;} .PlanThreeColBoxSection { justify-content: center;} .PlanThreeColBoxTitleSecIn { height: 100% !important;} .PlanThreeColBoxList { height: 100% !important;} .AllourplanBoxSection .AllourplanBox { max-width: calc(50% - 10px);} .OurCustomerLogoBoxSection .OurCustomerLogoBox { max-width: calc(33.33% - 8px); padding: 24px 15px;} .OurCustomerLogoBoxSection { justify-content: center;} .LContentRFormBannerInSec .LContentRFormBannerLTCol { max-width: 100%;} .LContentRFormBannerInSec .LContentRFormBannerRTCol { max-width: 100%; padding: 30px 50px;} .ResourcesLisFilterBoxSec { padding-bottom: 30px; margin-bottom: 30px;} .ResourcesCntListingBoxsec .ResourcesCntListingBox { max-width: calc(50% - 10px);} .ResourcesCntListingSection { padding: 50px 0;} .ResourcesCntListingpagi { padding-top: 40px;} .ResourcesCntListingBoxsec { row-gap: 30px; } .ResHubCTASection .ResHubCTAInSec { max-width: 100%;} .ResHubCTASection .ResHubCTAImg { display: none;} .WebinarCoverInSec .WebinarCoverLTCol { max-width: 100%;} .WebinarCoverInSec .WebinarCoverRTCol { max-width: 100%;} .WebinarCoverInSec { gap: 30px;} .Counterv1Section .Counterv1InSection { max-width: 100%;} .Counterv1Section .Counterv1Image { display: none;} .workforceThreeColBoxSec .workforceThreeColBox { max-width: 100%;} .workforceThreeColBoxTitlesecIn { height: 100% !important;} .BannerVideoInSec .BannerVideoBox .videoplaybtn { width: 100px; height: 100px;} .CaseStudyBannerTwoColsec .CaseStudyBannerLTCol { max-width: 100%;} .CaseStudyBannerRTCol { max-width: 100%;} .CaseStudyBannerImage { margin-bottom: -250px;} .CaseStudyBannerSec { margin-bottom: 200px !important;} .CaseStudyOverBoxSec { gap: 30px;} .CaseStudyOverBoxSec .CaseStudyOverLTCol { max-width: 100%;} .CaseStudyOverBoxSec .CaseStudyOverRTCol { max-width: 100%;} .LCntRListInSec { gap: 30px;} .LCntRListInSec .LCntRListLeftCol { max-width: 100%;} .LCntRListInSec .LCntRListRightCol { max-width: 100%;} .GetFreeDemoLTCol .GetFreeDemoContent { max-width: 100%;} .GetFreeDemoInSec .GetFreeDemoLTCol { max-width: 100%;} .GetFreeDemoInSec .GetFreeDemoFormSec { max-width: 100%;} .GetFreeDemoSection .GetFreeDemoImg {display: none;} .TwoColCntinSection .TwoColCntTitle { max-width: 100%;} .TwoColCntinSection .TwoColCntContent { max-width: 100%;} .TwoColCntinSection { gap: 20px;} .AUBannerTimelineSection .AUBannerTimelineTpCol { flex-direction: column; align-items: center; padding-bottom: 50px; width: 90%; margin: 0 0 0 auto;} .AUBannerTimelineSection .AUBannerTimelineBtCol { flex-direction: column; align-items: center; padding-top: 0; width: 90%; margin: 0 0 0 auto;} .AUBannerTimelineSection span.AUBannerTimelineShape { border-left: 2px dashed #6347FF; border-bottom: unset; width: 1px; height: 100%; left: 7%;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox { padding-left: 0; width: 100%; text-align: left;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox br { display: none;} .AUBannerTimelineSection:before { left: 0; height: 85px; width: 100%; top: 0; background: linear-gradient(180deg, #202640 17.44%, rgba(32, 38, 64, 0) 100%); } .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox span.AUBannerTimelineBoxshape { left: -46px; top: 50%; transform: translateY(-50%);} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox:before { left: -20px; transform: translateY(-50%) rotate(90deg); top: 50%;} .AUBannerTimelineSection:after { left: 0; height: 85px; width: 100%; top: unset; background: linear-gradient(180deg, #202640 17.44%, rgba(32, 38, 64, 0) 100%); bottom: 0;} .LImageRContentSection .LImageRContentInSec .LImageRContentLeftCol { max-width: 100%;} .LImageRContentSection .LImageRContentInSec .LImageRContentRightCol { max-width: 100%; padding: 30px 0 0;} .errorbannerInSec .errorbannerRTCol { max-width: 100%;} .errorbannerInSec .errorbannerRTCol a { max-width: 70%;} .errorbannerInSec .errorbannerRTCol { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;} .errorbannerInSec .errorbannerLTCol { max-width: 500px;} .errorbannerInSec { justify-content: center;} .BlogPostBannerInSec .BlogPostBannerimg { margin-top: 50px; height: 350px; margin-bottom: -150px;} .BlogPostBannerSection { margin-bottom: 150px !important;} .SystemStatusBannerInSec .SystemStatusBannerRTCol { max-width: 100%; padding-left: 0; padding-top: 30px;} .SystemStatusBannerInSec .SystemStatusBannerLTCol { max-width: 100%;} .SystemStatusBannerInSec .SystemStatusBannerRTCol .SystemStatusBannerCnt { max-width: 100%;} .AUBannerTimelineSection .AUBannerTimelineBtCol { gap: 50px;} .AUBannerTimelineSection .AUBannerTimelineTpCol { gap: 50px;} .ComparisonBannerInSec .ComparisonBannerLTCol { max-width: 100%;} .ComparisonBannerInSec .ComparisonBannerRTCol { max-width: 100%;} .threecolumnimgcntBoxSection .threecolumnimgcntBox { max-width: calc(50% - 10px);} .ContactBannerInSec {grid-template-columns: 1fr;grid-template-rows: auto;} .TwoColumnImgCntSection.v2 .TwoColumnImgCntBoxSec .TwoColumnImgCntCol .TwoColumnImgCntColIn { max-width: 100%;} .TwoColumnImgCntSection.v2 .TwoColumnImgCntBoxSec { flex-direction: column !important; gap : 35px} .ComparisongridBoxSec .ComparisongridBox { max-width: calc(50% - 10px);} .ComparisongridInSec .ComparisongridBoxSec { row-gap: 40px;} .TwoColumnBannerFormSec form { max-width: 500px;} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxTitleSec { padding: 20px 15px;} .twtrpayrollBoxSection .twtrpayrollBox > ul > li .twtrpayrollBoxContentsection .twtrpayrollBoxContentsec > div { padding: 15px;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxListgrp ul li .softwaresolutionBoxListitems { justify-content: center;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxListgrp ul li h5.listcontent { width: 170px;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox+* { margin-top: 40px;} .FeaturetabBoxSection .FeaturetabBoxImageBox { display: none;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox .FeaturetabBoxImage { display: block !important; margin-top: 20px; background: rgba(99, 71, 255, 0.08); border-radius: 20px; padding: 50px 0 0 50px;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox .FeaturetabBoxImage img { width: 100%; height: 100%; object-fit: cover;} .AUBannerTimelineSection .AUBannerTimelineBtCol { display: none;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox { display: none;} .AUBannerTimelineSection .AUBannerTimelineTpCol { padding-bottom: 0;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox.AUBannerTimelineBoxmobile { display: block;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox.AUBannerTimelineBox-1 { order: 1;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox.AUBannerTimelineBox-4 { order: 2;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox.AUBannerTimelineBox-2 { order: 3;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox.AUBannerTimelineBox-5 { order: 4;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox.AUBannerTimelineBox-3 { order: 5;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox.AUBannerTimelineBox-6 { order: 6;} .AUBannerTimelineSection span.AUBannerTimelineShape { transform: translateY(-50%) !important } .spinner-box .spinner-boxIn .circle-border { width: 80px; height: 80px; } .BookDemoCTASection .BookDemoCTAshape { opacity: 30%;} .RoiCalculatorLTCol { max-width: 100%;} .RoiCalculatorInSection .RoiCalculatorRTCol { max-width: 100%;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatorbeforeboxSec { min-height: 500px;} header.header.lp-header .headermenuCol { padding: 50px; display: none;} header.header.lp-header .headermenuCol .headerNav { max-width: 100%; padding: 0 0 30px;} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec .LContentRFormBannerLTCol { max-width: 100%;} .LContentRFormBannerSection.v1 .LContentRFormBannerInSec .LContentRFormBannerRTCol { max-width: 100%;} .webinartwocolInSec .webinartwocolLTCol { max-width: 100%;} .webinartwocolInSec .webinartwocolrtCol { max-width: 70%;} .webinartwocolInSec { justify-content: center;} .AgendaimgcntInSec .AgendaimgcntLTCol { max-width: 70%;} .AgendaimgcntInSec { justify-content: center;} .AgendaimgcntInSec .AgendaimgcntRTCol { max-width: 100%; padding-left: 0; padding-top: 50px;} .LContentRFormBannertestisec { max-width: 100%;} .BookDemoCTASection.v1 .BookDemoCTAInSec { max-width:100% } .OnboardingLeft { width: 100%; } .OnboardingRight { width: 100%; } .OnboardingColumn { padding: 32px 24px 32px; } .RetailBannerVideoSection .BannerVideoInSec .BannerVideoBox .videoplaybtn { width: 80px; height: 80px; } .RetailBannerVideoSection .BannerVideoInSec .BannerVideoBox .videoplaybtn:before { margin-left: 1px; width: 24px; height: 24px; } .RetailTCHeaderSec { padding-bottom: 50px; } .RetailTwoColumnBox { padding: 32px 24px 32px; width: 100%; } .RetailTwoColumnInnerBox { margin-top: 32px; padding: 24px 24px 24px; } .RetailTwoColumnBoxTitle , .RetailTwoColumnBoxCnt , .RetailTwoColumnInnerBox { height: auto !important; } .RetailLContentRFormSection .LContentRFormBannerInSec .LContentRFormBannerLTCol { max-width: 100%; } .RetailLContentRFormSection .LContentRFormBannerInSec .LContentRFormBannerRTCol { max-width: 100%; } .LContentRFormShapeBannerImage { display: none; } .RetailTwoColumnInnerBox { margin-top: 24px; } .RetailLContentRFormSection { min-height: auto; } .ebookbannerInSec .ebookbannerLTCol { max-width: 100%; } .ebookbannerInSec .ebookbannerRTCol { max-width: 100%; margin-top: 40px; } .ebooklogoslidersection { margin-top: 40px; } .ebookbannerInSec .ebookbannerLTCol .ebookbannerbxcnt { max-width: 100%; } .rotalivestcolMdCol { width: 100%; order: 0; } .rotalivestcolLTCol { width: calc(50% - 10px); margin-left: 0; order: 1; } .rotalivestcolRTCol { width: calc(45% - 10px); order: 2; } .rotalivestcolLTCol img { max-width: 100% !important; } .rotalivestcolContent { max-width: 810px; } .rotalivestcolTitle { max-width: 820px; } .rotalivestcolthcolBoxSection { max-width: 820px; margin-left: auto; margin-right: auto; }
}
@media (max-width : 767px){
h2, .h2 { font-size: 30px;} h1, .h1 { font-size: 34px;} .FeaturetabBoxSection { padding-top: 50px;} .HomeBannerImagesec { margin-bottom: -150px;} .automatetwoColInSec .automatetwoColBoxSec { padding: 0; } .FeaturetabBoxSection .FeaturetabBoxImageBox { padding: 50px 0 0 50px; } .TeamswinBoxSection { padding-left:0; padding-right: 0;} .softwaresolutionBoxSec .softwaresolutionBox { max-width: 80%;} .TwoColumnBannerInSec .TwoColumnBannerLTCol { max-width: 100%;} .TwoColumnBannerInSec .TwoColumnBannerRTCol { max-width: 100%;} .CounterBoxSection.three_column .CounterBox { max-width: calc(50% - 10px);} .CounterBoxSection .CounterBox .CounterBoxText br { display: none;} .problemsliderBoxImg { height: 120px;} .problemInSec { padding: 0; } .PlanThreeColBoxSection .PlanThreeColBox { max-width: 80%;} .ResourcesLisFilterBoxSec .ResourcesLisFilterBox { width: 100%;} .ResourcesLisFilterSection { padding: 130px 0 50px;} .ResourcesLisFilterCateboxFil { gap: 20px;} .BannerVideoInSec .BannerVideoBox { height: 56.25%; margin: 0 auto -40%;} .BannerVideonoformSection { margin-bottom: 200px !important;} .BannerVideoTitleSection { padding-bottom: 50px; } .CaseStudyBannerImage { border-radius: 30px;} .MeetteamSliderSection:before, .MeetteamSliderSection:after { width: 100px;} .AUBannerTimelineSection span.AUBannerTimelineShape { left: 6%;} .errorbannerInSec .errorbannerRTCol a { max-width: 100%;} .switchingTCInSec .switchingTCTitle { max-width: 411px; width: 100%; margin: 0 auto;} .homevideopopupsec { padding: 0; background: transparent;} .homevideopopupsec button.mfp-close { background: #fff; border-radius: 0; color: #000; opacity: 100%;} .ComparisonTableBox table tbody td.ComparisonTableBoxlttitle { padding: 15px 10px 15px 20px;} .ComparisonTableBox table thead tr th:first-child { padding: 15px 10px 15px 20px; font-size: 22px;} .ComparisonTableBox table thead tr th:nth-child(3) { padding: 15px 20px 15px 10px;} .ComparisonTableBox table thead tr th:nth-child(2) { padding: 15px 10px;} .ComparisonTableBox table tbody tr td:nth-child(3) { padding: 0 20px 0 10px;} .ComparisonTableBox table tbody td.ComparisonTableBoxlttitle { font-size: 18px;} .soundfamiliartcInSec .soundfamiliartcBoxSection .soundfamiliartcBox { padding: 15px;} .GDPRTwoColInSec .GDPRTwoColBoxSection { grid-template-columns: repeat(1, 1fr);} .twtrpayrollBox { width: 900px;} .twtrpayrollBoxSection { overflow-x: auto;} .ResourcesLisFilterSection { padding: 120px 0 50px; margin : 10px 10px 0 10px; } .CounterBoxSection .CounterBox { padding: 20px 10px;} .FourColumnTitleSec { padding-bottom: 30px; } .BannerVideoInSec .annerVideoFormsec { margin-top: 0; } .ComparisongridBoxSec .ComparisongridBox .ComparisongridBoxTitle { text-align: center; } .footer .footerinSec .FooterCopyRight { bottom: 105px; } .BookDemoCTAInSec .BookDemoCTAButton { justify-content: center; } .Counterv1Section .Counterv1Shape svg {opacity: 30%;} .BookDemoCTASection .BookDemoCTAshape { opacity: 30%;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec { width: 70%;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxResult { width: calc(30% - 10px);} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec { width: 70%;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxResult { width: calc(30% - 10px);} .PlatformThreeColumncnt p br { display: none;} .OnboardingColumn { padding: 24px 16px 24px; } .OnboardingRow.rowgap40 { row-gap: 30px; } .OnboardingContent p:not(:last-child) { margin-bottom: 16px; } .RetailBannerVideoSection .BannerVideoTitleSection { padding-bottom: 40px; } .RetailBannerVideoSection.BannerVideonoformSection { margin-bottom: 0 !important; } .RetailTCHeaderSec { padding-bottom: 40px; } .RetailLContentRFormSection .LContentRFormBannerInSec { gap: 30px; } .PlanThreeColHeader { padding-bottom: 40px; } .TrustedbyteamTitle { text-wrap: pretty; } .PlanThreeColEllipsSection .PlanThreeColHeaderTitle h2.h3 { text-wrap: pretty; } .RetailLContentRFormSection .LContentRFormBannerTitle h2.h1 { text-wrap: pretty; } .RetailZigzagSection .TwoColumnImgCntTitle h3 , .RetailZigzagSection .TwoColumnImgCntTitle h2 { text-wrap: pretty; } .RetailTwoColumnBoxTitle { text-wrap: pretty; } .rotalivestcolthcolBox { width: 100%; } .ebookbannerInSec .ebookbannerLTCol .ebookbannerbxcnt { margin-top: 30px; border-radius: 10px; padding: 32px 24px; } .ebookbannerInSec .ebookbannerRTCol { margin-top: 30px; padding: 32px 24px; border-radius: 10px; } .ebooklogoslidersection:before, .ebooklogoslidersection:after { width: 25%; } .ebooklogoslidersection { border-radius: 10px; padding: 32px 0 50px; } .ebooklogoslidersection .ebooklogosliderBoxMain .ebooklogosliderBox { padding: 0 30px; } .ebooklogoslidersection .ebooklogosliderBoxMain .slick-slide { width: 180px;} .rotalivestcolTitle { text-wrap: pretty; } .RequestFaqanswersec .FAQTitle { text-wrap: pretty; } .ebookbannerTitle { text-wrap: pretty; }
}
@media (max-width : 640px){
h1, .h1 { font-size: 32px;} .content-wrapper { max-width: 100%;} .HomeBannerTitle br { display: none;} .HomeBannerSection { margin: 10px 10px 0 10px !important;} .HomeBannerImagesec { margin-bottom: -160px;} .CounterBoxSection .CounterBox { max-width: calc(50% - 10px);} .CounterBoxSection { padding-top: 30px;} .Countercta { padding-top: 30px;} .TwoColumnImgCntBoxSec .TwoColumnImgCntImgcol { max-width: 100%;} .softwaresolutionBoxSec { padding-top: 30px;} .automatetwoColSection { margin: 0 10px !important;} h2, .h2 { font-size: 28px;} .FeaturetabBoxSection { padding-top: 30px;} .FeaturetabBoxSection .FeaturetabBoxImageBox { padding: 30px 0 0 30px;} .TeamswinBoxSection { padding-top: 30px;} .TeamswinSection { margin: 0 10px !important;} .BookDemoCTASection { margin-left: 10px !important; margin-right: 10px !important;} .FAQBoxSection { padding-top: 30px;} .ComparetwoColSection { padding: 20px 0 30px !important;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColBoxTitle { padding: 30px;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColBoxBTCol { margin: 20px;} .CounterSection { margin: 0 10px !important;} .content-wrapper { padding: 0 25px;} .TeamswinBoxSection .TeamswinBox { padding: 30px 20px;} .FAQBoxSection .FAQBox { padding: 15px 20px;} .HomeBannerFormSec .HomeBannerForm form .hs-submit input[type="submit"] { padding: 14px 35px 15px 15px;} .HomeBannerFormSec .HomeBannerForm form .hs-submit { max-width: max-content; background-position: center right 10px;} .HomeBannerFormSec .HomeBannerForm form .hs-form-field input { padding: 22px 220px 22px 25px;} .compareTwoColBoxSec .compareTwoColBox.with-hr-duo .compareTwoColListBoxMain .compareTwoColListBox { padding : 20px } .softwaresolutionBoxSec .softwaresolutionBox { max-width: 100%;} .TrustedbyteamLogoBoxSec { padding-top: 40px; } .TwoColumnBannerInSec { gap: 30px;} .FourColumnBoxSection .FourColumnBox { max-width: 100%;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox .TwoColumnImgCntImgcol { max-width: 100%;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox+* { margin-top: 30px;} .problemInSec:before { filter: blur(20px);} .CounterBoxSection.three_column .CounterBox { max-width: 100%;} .CounterBoxSection.four_column .CounterBox {max-width: 100%;} .FourColumnBoxSection.FourTrColumnBoxSection .FourColumnBox { max-width: 100%; } .FourColumnBoxTitle { height: auto !important; } .BookDemoCTASection .BookDemoCTAshape svg { height: 100%;} .PlanThreeColBoxSection .PlanThreeColBox { max-width: 100%;} .AllourplanBoxSection .AllourplanBox { max-width: 100%;} .OurCustomerLogoBoxSection .OurCustomerLogoBox { max-width: calc(50% - 6px);} .LContentRFormBannerInSec .LContentRFormBannerRTCol { padding: 30px;} .ResourcesCntListingBoxsec .ResourcesCntListingBox { max-width: 100%;} .BannerVideonoformSection { margin-bottom: 120px !important;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box { width: 100%;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box .Counterv1Boxin { max-width: 100%;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box:not(:last-child) { border: unset;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection { gap: 20px;} .BannerVideoInSec .BannerVideoBox { height: 250px;} .switchingTCInSec .switchingTCTitle br { display: none;} .CaseStudyBannerImage { margin-bottom: -150px;} .CaseStudyBannerSec { margin-bottom: 100px !important;} .GetFreeDemoFormSec .GetFreeDemoForm form input[type="submit"] { min-width: 100%; max-width: 326px;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox span.AUBannerTimelineBoxshape { left: -30px;} .AUBannerTimelineSection .AUBannerTimelineInBox .AUBannerTimelineBox:before { display: none;} .Counterv1Section .Counterv1BoxSection.Counterv1fourBoxSection .Counterv1Box { margin-right: 0; padding-right: 0; width: 47%; text-align: center;} .Counterv1Section .Counterv1BoxSection.Counterv1fourBoxSection .Counterv1Box .Counterv1Boxin .Counterv1BoxNumber h4 {justify-content: center;} .MeetteamSliderBoxSec .MeetteamSliderBox { width: 210px !important;} .MeetteamSliderBoxSec .MeetteamSliderBoxIn { height: 200px;} .MeetteamSliderBoxSec { padding-top: 30px;} .AUBannerTimelineSection span.AUBannerTimelineShape { left: 8.5%;} .errorbannerInSec .errorbannerLTCol { max-width: 100%; height: 350px;} .errorbannerInSec span.errorbannerLTColline { height: 135px;} .errorbannerLTColText { font-size: 150px;} .errorbannerInSec .errorbannerLTCol span.errorbannerLTColbtshape { bottom: 50px;} .BlogPostBannerInSec .BlogPostBannerimg { height: 250px;} .SystemStatusBannerInSec .SystemStatusBannerLTCol { min-height: 350px;} .LContentRFormBannerlist ul li br{ display: none;} .ComparisonTableBox table { width: 600px;} .ComparisonTableBox { overflow-x: auto;} .threecolumnimgcntBoxSection .threecolumnimgcntBox { max-width: 100%;} .threecolumnimgcntBoxSection { row-gap: 40px;} .soundfamiliartcInSec .soundfamiliartcBoxSection { grid-template-columns: 1fr;} .ComparisongridBoxSec .ComparisongridBox { max-width: 100%;} .ImplementationIntroInSec .ImplementationIntroBoxSec .ImplementationIntroBox { grid-template-columns: 1fr;} .soundfamiliartctitlesec .soundfamiliartcTitle br { display: none; } .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox .FeaturetabBoxImage { padding: 30px 0 0 30px;} .TwoColumnBannerFormSec form { margin-bottom: 30px; } .ResourcesLisFilterCatebox .ResourcesLisFilterCateboxFil label { max-width: calc(50% - 10px); width: 100%; } .LContentRFormBannerInSec { flex-direction: column; gap: 30px; } .TwoColumnBannerInSec .TwoColumnBannerLTCol .TwoColumnBannerTitle { text-align: center; } .TwoColumnBannerInSec .TwoColumnBannerLTCol .TwoColumnBannerContent { text-align: center; } .FourColumnBoxTitle br { display: none; } .BannerVideoInSec .annerVideoFormsec { padding : 30px; } .TwoColumnBannerCTA { gap: 10px;} .TwoColumnBannerCTA .cta-section { max-width: calc(50% - 5px); width: 100%;} .TwoColumnBannerCTA .cta-section a { width: 100%; padding: 14px 12px;} .TwoColumnBannerbreadcrumb ul li { font-size: 12px; } .FourColumnBoxSection .FourColumnBox .FourColumnBoxLogo { margin: 0 auto;} .TwoColumnBannerbreadcrumb ul { justify-content: center;} .ContactBannertag::before { display: none;} .ContactBannertag { border: 1px solid #fff;} .ContactBannertag p { background: unset; color: #fff; background-clip: unset; -webkit-text-fill-color: unset;} .TwoColumnImgzigzaginSec .TwoColumnImgCntBox+* { margin-top: 30px; } .ContactBannertag { margin: 0 auto;} .ContactBannerForm form .hs_submit { text-align: center;} .testimonialBoxbtn { justify-content: center;} .CaseStudyBannerTag { margin: 0 auto; } .CaseStudyBannerTitle {text-align: center;} .PlatformThreeColumnBoxSec .PlatformThreeColumnBox .PlatformThreeColumnBoxLogo { margin: 0 auto;} .LContentRFormBannerForm form .hs_submit { text-align: center; text-align: -webkit-center;} .CaseStudyBannerCounterBoxSec { justify-content: center;} .CaseStudyBannerCounterBoxSec .CaseStudyBannerCounterBox .CaseStudyBannerCounterBoxNumber h3 { justify-content: center;} .CaseStudyBannerCounterBoxSec .CaseStudyBannerCounterBox .CaseStudyBannerCounterBoxNumber { text-align: center;} .CaseStudyBannerTitle h1 {font-size: 35px;} .BannerVideonoformSection { margin-bottom: 150px !important; } .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box .Counterv1Boxin .Counterv1BoxNumber h4 { justify-content: center;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box .Counterv1Boxin .Counterv1BoxText { text-align: center;} .Counterv1Btns { justify-content: center;} .SimpleTextBannerContent h4 { font-size: 23px;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol .RoiCalculatorBoxlist ul li { width: 100%;} .RoiCalculatorBoxinvestment p { font-size: 14px; text-align: center;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol .RoiCalculatorBoxlist ul li span { font-size: 20px;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec { width: 100%; flex-direction: column; align-items: flex-start; order: 2;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxtitecol { width: 100%;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxResult { order: 1; width: 100%; text-align: right; margin-bottom: -40px;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox { gap: 0; justify-content: space-between;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec { width: 100%; align-items: flex-start; flex-direction: column; order: 2;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxtitecol { width: 100%;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxResult { order: 1; width: auto; margin-bottom: -40px;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox {gap: 0;justify-content: right;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxtotal { flex-direction: column; align-items: flex-start; } .webinarcolsection .webinarcolInSec ul li { width: 100% } .LContentRFormBannercontersec ul li { max-width: calc(25% - 9px);} .AgendaimgcntInSec .AgendaimgcntLTCol { max-width: 100%; } .webinartwocolInSec .webinartwocolrtCol { max-width: 100%; } .TestimonialSection.TestimonialFullwidthSection { padding: 0 10px; } .TwoColumnBannerLTCol .TwoColumnBannerTag { margin-left: auto; margin-right: auto; } .PlanThreeColbtcnt br { display: none; } .ebookbannerInSec .ebookbannerLTCol .ebookbannerbxcnt .ebookbannerboxsec .ebookbannerbox { width: 50px; height: 50px; }
}
@media (max-width: 480px){
h1, .h1 { font-size: 30px;} p, body { font-size: 16px;} .HomeBannerFormSec { padding-top: 30px;} .HomeBannerImagesec { margin: 0 -15px -160px;} .HomeBannerInSec .HomeBannerTitleSection.HomeBannerTitlebtimgSection { padding-bottom: 30px;} .PlatformThreeColumnBoxSec .PlatformThreeColumnBox { padding: 15px;} h3, .h3 { font-size: 22px;} h4, .h4 { font-size: 20px;} a.tertiary_button, .tertiary_button a { padding: 12px 15px;} a.secondary_button, .secondary_button a, a.quaternary_button, .quaternary_button a { padding: 12px 15px;} a.button, .button a, .hs-button, .hs-blog-post-listing__post-button { padding: 10px 15px;} a.button.border_button, .button.border_button a { padding: 10px 15px; } h2, .h2 { font-size: 26px;} h5, .h5 { font-size: 18px;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxListgrp ul li+* { margin-top: 15px;} .softwaresolutionBoxSec .softwaresolutionBox { padding: 15px;} .automatetwoColInSec .automatetwoColBoxSec { gap: 30px;} .FeaturetabBoxSection .FeaturetabBoxmain .FeaturetabBox { padding: 15px;} .TeamswinBoxCTA { padding-top: 30px;} .BookDemoCTASection .BookDemoCTAshape { opacity: 30%;} .BookDemoCTASection .BookDemoCTAshape svg { height: 100%;} .softwaresolutionBoxSec .softwaresolutionBox .softwaresolutionBoxtitlesec .softwaresolutionBoxArrow i:last-child { top: -1px; } .HomeBannerFormSec .HomeBannerForm form .hs-submit { position: unset; transform: unset; margin-top: 20px;} .HomeBannerFormSec .HomeBannerForm form .hs-form-field input { padding: 15px;} .compareTwoColBoxSec .compareTwoColBox .compareTwoColBoxBTCol .compareTwoColBoxBTCnt br { display: none;} .PlatformThreeColumnTitle h3,.TeamswinTitle h3 { font-size: 5.5vw;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form input[type="email"] { padding: 15px 24px;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form .hs_submit { position: unset; transform: unset; margin-top: 20px; text-align: left;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form { display: flex; flex-direction: column; align-items: flex-start;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form .hs-form-field { width: 100%;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset.form-columns-2 .hs-form-field { width: 100%;} .LContentRFormBannerRTCol .LContentRFormBannerForm form fieldset .hs-form-field label { font-size: 16px;} .LContentRFormBannerInSec .LContentRFormBannerRTCol { padding: 30px 20px;} .ResourcesCntListingBoxsec .ResourcesCntListingBox .ResourcesCntListingCntBox { padding-top: 20px;} .ResourcesCntListingpagi button.pg-nav.pg-prev { margin-right: 0; background-position: center right 5px;} .ResourcesCntListingpagi button.pg-nav.pg-next { margin-left: 0; background-position: center right 4px;} .ResourcesCntListingpagi button { width: 30px; height: 30px; font-size: 14px;} .ResourcesCntListingpagi span.pg-dots { width: 30px; height: 30px; font-size: 14px;} .ResourcesCntListingpagi button.pg-nav { width: 30px; height: 30px; background-size: 18px;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .hs_submit { position: unset; transform: unset; margin-top: 20px;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form input[type="email"] { padding: 15px;} .AUBannerTimelineSection span.AUBannerTimelineShape { left: 8%;} .errorbannerInSec .errorbannerLTCol .errorbannerLTColText { font-size: 120px; margin-top: -16px;} .errorbannerInSec .errorbannerLTCol { height: 280px; max-width: 300px;} .errorbannerInSec span.errorbannerLTColline { height: 100px;} .errorbannerInSec .errorbannerLTCol span.errorbannerLTColbtshape { width: 150px; height: 20px; bottom: 40px;} .SystemStatusBannerInSec .SystemStatusBannerLTCol img { width: 100%;} .SystemStatusBannerInSec .SystemStatusBannerLTCol {min-height: 300px;} .BadformBannerTitleSec .BadformBannerFormSec .BadformBannerForm form .hs_submit { display: flex; align-items: center; justify-content: center; width: 100%;} .switchingTCInSec .switchingTCTitle { max-width: 306px; } .Counterv1Section .Counterv1BoxSection.Counterv1fourBoxSection .Counterv1Box { width: calc(50% - 10px);} .ComparisonBannerInSec .ComparisonBannerLTCol .ComparisonBannerForm form input[type="email"] { padding: 15px 25px;} .ComparisonBannerInSec .ComparisonBannerLTCol .ComparisonBannerForm form .hs_submit { position: unset; transform: unset; margin-top: 20px;} .ComparisonBannerInSec { gap: 30px;} .ComparisonBannerFormsec { padding-top: 30px;} .ContactBannerRTCol { padding: 30px 15px;} .TwoColumnBannerbreadcrumb ul li { font-size: 12px;} .TwoColumnBannerFormSec form .hs_submit { position: unset; transform: unset; margin-top: 20px;} .TwoColumnBannerFormSec form .hs-form-field input { padding: 15px;} .TwoColumnBannerFormSec form .hs_submit input[type="submit"] { padding: 14px 35px 15px 15px;} .CounterBoxSection { gap : 20px } .CounterBoxSection .CounterBox { padding: 0; } .testimonialBoxInfo { justify-content: center; text-align: center;} .testimonialBoxbtn { justify-content: center;} .PlatformThreeColumnBoxSec .PlatformThreeColumnBox .PlatformThreeColumnBoxLogo { margin: 0 auto; } .PlatformThreeColumnBoxSec { padding-top: 30px; } .TwoColumnBannerFormSec form .legal-consent-container { position: unset;} .TwoColumnBannerSection { padding-top : 100px !important } .FourColumnBoxSection .FourColumnBox .FourColumnBoxLogo { margin: 0 auto;} .HomeBannerFormSec .HomeBannerForm form .legal-consent-container { position: unset;} .TwoColumnBannerFormSec form .hs_submit { margin: 20px auto 0;} .TwoColumnBannerFormSec form { margin-bottom: 0 ;} .footer .footerinSec .FooterLogo { height: 70px; bottom: -2px; width: calc(100% - 30px);} .footer .footerinSec .FooterLogo img { object-fit: fill;} .ResourcesLisFilterSection { padding: 100px 0 50px;} .HomeBannerFormSec .HomeBannerForm form .hs-submit { margin : 20px auto 0; } .GetFreeDemoFormSec .GetFreeDemoForm form fieldset.form-columns-2 .hs-form-field { width: 100%;} .HeroBannerCTA a { min-width: 230px; padding: 12px 15px;} .testimonialBoxInfo .testimonialBoxInfotext { width: 100%;} .softwaresolutionInSec .softwaresolutionTitleSec .softwaresolutionTitle span { display: block;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .legal-consent-container { position: unset;} .BannerVideonoformSection { margin-bottom: 80px !important; } .TwoColumnBannerCTA .cta-section { max-width: 100%;} .TwoColumnBannerCTA .cta-section a { width: max-content; padding: 14px 24px;} .TwoColumnBannerCTA .cta-section { max-width: max-content;} .TwoColumnBannerCTA { justify-content: center;} .ContactBannertag { margin: 0 auto;} .TwoColumnBannerFormSec { padding-top: 20px;} .TwoColumnBannerFormSec form .legal-consent-container { margin-top: 10px;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .hs_submit { width: 100%; text-align: center; text-align: -webkit-center;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form .hs_submit .actions { width: fit-content;} .ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form { margin-bottom:0 } .PlanThreeColBoxSection .PlanThreeColBox .PlanThreeColBoxTitleSec .PlanThreeColBoxLogo { margin: 0 auto;} .ContactBannerRTCol .ContactBannerFormBTCnt p { align-items: flex-start; } .ContactBannerRTCol .ContactBannerFormBTCnt p:before { margin-top: 5px; } .CaseStudyBannerTitle h1 {font-size: 35px;} .CaseStudyOverBoxSec .CaseStudyOverLTCol .CaseStudyOverExploreBox .CaseStudyOverExploreBoxList ul li:before { top: 1px } .BannerVideonoformSection { margin-bottom: 100px !important; } .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box .Counterv1Boxin .Counterv1BoxNumber h4 { justify-content: center;} .Counterv1Section .Counterv1InSection .Counterv1BoxSection .Counterv1Box .Counterv1Boxin .Counterv1BoxText { text-align: center;} .Counterv1Btns { justify-content: center;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol .RoiCalculatorBoxlist ul li { width: 100%;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol .RoiCalculatorBoxAnnualsavings h2 { font-size: 45px;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatoraftercol { border-radius: 10px; padding: 20px;} .RoiCalculatorLTCol { border-radius: 10px; padding: 20px;} .RoiCalculatorFormSection form .forminput { width: 100%;} .employee-control input.employee-slider { width: 60%;} .employee-control input.employee-number { width: calc(40% - 16px);} .RoiCalculatorRBDsection { padding: 20px; border-radius: 10px;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec { width: 100%; flex-wrap: wrap;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxtitecol { width: 100%;} .RoiCalculatorRBDsection .RoiCalculatorRBDBoxSec .RoiCalculatorRBDBox .RoiCalculatorRBDBoxResult { width: 100%; text-align: right;} .RoiCalculatorFTEsec { padding: 20px; border-radius: 10px;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec { width: 100%; flex-wrap: wrap;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec .RoiCalculatorRBDBoxtitecol { width: 100%;} .RoiCalculatorFTEBoxresult .RoiCalculatorRBDBox .RoiCalculatorRBDBoxResult { width: 100%; text-align: right;} .RoiCalculatorRBDBox .RoiCalculatorRBDBoxtitlesec { order: 2;} .RoiCalculatorRBDBox .RoiCalculatorRBDBoxResult { order: 1; margin-bottom: -55px;} .RoiCalculatorRBDBox { gap: 0;} .RoiCalculatorBoxpieCbar { height: 250px !important;} .RoiCalculatorInSection .RoiCalculatorRTCol .RoiCalculatorbeforeboxSec { border-radius : 10px; } .LContentRFormBannercontersec ul li span:last-child { font-size: 14px; } .CaseStudyBannerCounterBoxSec .CaseStudyBannerCounterBox .CaseStudyBannerCounterBoxText p { font-size: 14px;} .CaseStudyBannerCounterBoxSec .CaseStudyBannerCounterBox { width: 33.33%; max-width: 100%;} .CaseStudyBannerCounterBoxSec { flex-wrap: wrap;} .CaseStudyBannerCounterBoxSec .CaseStudyBannerCounterBox .CaseStudyBannerCounterBoxText { white-space: normal; text-align: center;} .LContentRFormBannercontersec ul li { max-width: calc(25% - 9px); gap: 8px;} .LContentRFormBannercontersec ul li span:last-child { font-size: 12px;} .LContentRFormBannercontersec ul li span:first-child { font-size: 20px;} .LContentRFormBannertestisec .LContentRFormBannertestirtsec { width: 100%;} .webinarcolsection .webinarcolInSec ul li { width: 100%; padding: 0;} .webinarcolsection .webinarcolInSec ul { margin: 0;} .AgendaBoxSection .AgendaBox .AgendaBoxLTCol .AgendaBoxCntsec { width: 100%;} .AgendaBoxRTCol {position: absolute;top: 20px;right: 20px;z-index: 1;} .AgendaBoxSection .AgendaBox .AgendaBoxLTCol .AgendaBoxCntsec .AgendaBoxTitlesec .AgendaBoxTitle { width: 100%; max-width: 100%;} .AgendaBoxSection .AgendaBox .AgendaBoxLTCol .AgendaBoxCntsec .AgendaBoxTitlesec {display: block;} .AgendaBoxSection .AgendaBox { padding: 15px;} header.header.lp-header .headermenuCol { padding: 30px;} .webinarcolsection .webinarcolInSec { padding: 30px;} .RetailcounterTWColumn { width: 100%;} .RequestFaqanswersec .FAQBoxTitle h5 { font-size: 16px; } .RequestFaqanswersec .FAQBoxSection .FAQBoxContent p { font-size: 14px; } header.header.check { min-height: 64px; } body:not(.leaveIt) #hs_cos_wrapper_website_banner+div header.header.check { top: 170px !important;} .website-banner .website-banner__inner, .website-banner { min-height: 140px; } div#hs_cos_wrapper_website_banner { opacity: 1 !important; display: block !important; visibility: visible !important; height: 140px !important; }
}
@media (max-width : 400px){
.AllourplanCTA a { min-width: 100%; width: 100%;} .AllourplanCTA .basebutton-1 { width: 100%;} .ebookbannerFormBottomText ul li { width: 100%; }
}
@media (max-width:365px){
h1, .h1 { font-size: 28px;} .CaseStudyBannerCounterBoxSec {margin: 0;} .CaseStudyBannerCounterBoxSec .CaseStudyBannerCounterBox { max-width: 33.33%; padding: 0 5px; width: 100%;} .CaseStudyBannerCounterBoxSec .CaseStudyBannerCounterBox .CaseStudyBannerCounterBoxText p {font-size: 14px;} .CaseStudyBannerCounterBoxSec .CaseStudyBannerCounterBox .CaseStudyBannerCounterBoxText { padding-top: 10px;} .LContentRFormBannercontersec ul li { max-width: calc(50% - 6px);} .ebookbannerInSec .ebookbannerLTCol .ebookbannerbxcnt .ebookbannerboxsec .ebookbannerbox { width: 48px; height: 48px; }
}
@media (max-width: 350px){
.ResourcesLisFilterCateboxFil { gap: 20px 10px;} .ResourcesLisFilterCatebox .ResourcesLisFilterCateboxFil label { max-width: calc(50% - 5px);} .CaseStudyBannerSec .content-wrapper { padding: 0 15px; }
}