.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;
}
/* 1a. Containers */
/* 1b. Colors */
/* 1c. Typography */
/* 1d. Buttons */
/* secondary button */
/* tertiary button */
/* quaternary button */
/* 1e. Forms */
/* 1f. Tables */
/* 1g. Website header */
/* 1h. Website footer */
.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;
}
/* Paragraphs */
p {
font-family: Tenon; font-style: normal; font-weight: normal; text-decoration: none;
}
/* Anchors */
a {
display: inline-block; transition: all ease-in-out .3s;
}
/* Headings */
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 */
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)
;
}
/* secondary button */
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)
;
}
/* Tertiary button */
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)
;
}
/* quaternary button */
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 */
.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
}
/* Labels */
form label {
color: #000000;
}
/* Help text */
form legend {
color: #000000;
}
/* Inputs */
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;
}
/* Form placeholder text */
::-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);
}
/* Inputs - date picker */
.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;
}
/* Submit button */
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 */
table {
background-color:
rgba(#null, 1)
;
}
/* Table cells */
td,
th {
color: ;
}
/* Table header */
thead th {
background-color:
rgba(#null, 1)
;
color: ;
}
/* Table footer */
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;
}
/* body header.header.scrolled .headerInnersec:before, body.fullView.leaveIt .header .headerInnersec:before{ opacity: 1;}
body.fullView .header .headerInnersec:before { opacity: 0;}
body header.header.scrolled .headerInnersec:before { opacity: 1;} */
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+* { margin-top: 20px;}
.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;}
ul.hs-menu-children-wrapper.menuhasesignlechild { left: calc(50% - 80px);}
.headermegamenuBoxMenusec.headermegamenuBoxMenusec-single-item .headermegamenuBoxList { padding-left: 0;}
ul.hs-menu-children-wrapper.menuhasesignlechild .headermegamenusection { padding: 32px;}
ul.hs-menu-children-wrapper.menuhasesignlechild .headermegamenusection .headermegamenuBoxSec { line-height: 1;}
.headermegamenuBoxMenusec.headermegamenuBoxMenusec-single-item .headermegamenuBoxList ul li:first-child { margin-top: 0;}
.headermegamenuBoxMenusec.headermegamenuBoxMenusec-single-item .headermegamenuBoxList ul li a:before { display: none;}
.headermegamenuBoxMenusec.headermegamenuBoxMenusec-single-item .headermegamenuBoxList ul li a { padding-left: 0 !important;}
/* temp css */
header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-depth-1,header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-depth-1:nth-child(2), header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-depth-1:nth-child(3) { position: relative;}
header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-depth-1 ul.hs-menu-children-wrapper,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 { left: 50%; width: fit-content;}
.headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu { display: none;}
.headermegamenus2InSecbt { display: none;}
/* temp css */
@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; }
/* temp css start*/
header.header .headerInnersec .headerRTCol .headerNav >span > div > ul > li.hs-menu-depth-1 ul.hs-menu-children-wrapper.menuhasesignlechild .headermegamenusection {
background: #7359FF99;
border: 1px solid #9682FF;
box-shadow: 0px 84px 74px -50px #31248066;
backdrop-filter: blur(200px);
border-radius: 30px;
}
ul.hs-menu-children-wrapper.menuhasesignlechild .headermegamenusection { margin-top: 10px; }
.headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp { display: none;}
.headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu { width: 416px; max-width: 100%;}
.headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp { gap: 48px;}
.headermegamenus2Section { width: max-content; margin: 10px auto 0;}
.headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu { max-width : 100%; width:356px }
/* temp css start*/
}
@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: max-content;
}
header.header .headerInnersec { gap: 20px;}
header.header .headerInnersec .headerRTCol .headerNav >span > div > ul { gap: 40px;}
/* temp css start */
.headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu { max-width: 100%; width: 416px;}
.headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Box.content_menu { max-width: 100%;}
.headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu { max-width : 100%; width:356px }
/* temp css end */
.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%;}
}
@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%;}
/* temp css start */
.headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu { width: 100%; }
.headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.card_menu { width : 100% }
.headermegamenus2Section .headermegamenus2InSec .headermegamenus2InSectp .headermegamenus2BoxMain.content_menu .headermegamenus2Boxsmenugrp { display : none }
/* temp css end */
}
@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 }
}
.footer {
background-color:
rgba(32, 38, 64, 1.0)
; margin : 0 20px 20px; border-radius : 30px;
}
/* Footer content */
.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;}
/* line-height */
.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 }
/* letter spacing */
.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; }
/* put listStyle class to "parent" tag of "ul" */
.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 */
/* Widths */
.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%; }
/* Max-width */
.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;}
/* flex */
.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; }
/* flex-gap */
.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;}
/* Custom Padding */
.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);
}
.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);}
/* platform Page */
.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 { 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 { /* Chrome/Opera/Safari */
color: #fff;
}
.ResourcesLisFilterBoxSec .searchFilterBox .ResourcesLisFilterBoxFil input::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
.ResourcesLisFilterBoxSec .searchFilterBox .ResourcesLisFilterBoxFil input:-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
.ResourcesLisFilterBoxSec .searchFilterBox .ResourcesLisFilterBoxFil input:-moz-placeholder { /* Firefox 18- */
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 { /* Chrome/Opera/Safari */
color: #fff;
}
.ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form input[type="email"]::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
.ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form input[type="email"]:-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
.ResHubCTASection .ResHubCTAInSec .ResHubCTATitleSection .ResHubCTAForm form input[type="email"]:-moz-placeholder { /* Firefox 18- */
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%);
}
/* Top glossy reflection */
.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;
}
/* Inner refraction */
.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;
}
@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);}
}
@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);}
}
@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;
}
}
@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;}
}
@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%;}
/* .PlatformThreeColumnBoxSec:before { transform: rotate(90deg);} */
.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; }
}
@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;
}
}
@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;}
/* .PlatformThreeColumnBoxSec:before { transform: rotate(0); background-size: cover; width: 130%; background-position: center center; left: 50%; transform: translateX(-50%);} */
.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: 100px !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-reverse;
gap: 30px;
}
.TwoColumnBannerInSec .TwoColumnBannerLTCol .TwoColumnBannerTitle {
text-align: center;
}
.TwoColumnBannerInSec .TwoColumnBannerLTCol .TwoColumnBannerContent {
text-align: center;
}
.FourColumnBoxTitle br {
display: none;
}
.BannerVideoInSec .annerVideoFormsec { padding : 30px; }
}
@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: 10px 15px;}
a.secondary_button, .secondary_button a { padding: 10px 15px;}
a.button, .button a, .hs-button, .hs-blog-post-listing__post-button { 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 { width: 100%; 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;
}
.testimonialBoxInfo .testimonialBoxInfotext {
width: 100%;
}
.softwaresolutionInSec .softwaresolutionTitleSec .softwaresolutionTitle span {
display: block;
}
}
@media (max-width : 400px){
.AllourplanCTA a { min-width: 100%; width: 100%;}
.AllourplanCTA .basebutton-1 { width: 100%;}
}