@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css');
.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: 'Bauhaus Desk Display';
src: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-Medium.woff2') format('woff2'),
url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bauhaus Desk Display';
src: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-ExtraBold.woff2') format('woff2'),
url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bauhaus Desk Display';
src: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-Bold.woff2') format('woff2'),
url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bauhaus Desk Display';
src: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-Regular.woff2') format('woff2'),
url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bauhaus Desk Display';
src: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-SemiBold.woff2') format('woff2'),
url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bauhaus Desk Display';
src: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-Thin.woff2') format('woff2'),
url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bauhaus Desk Display';
src: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-Light.woff2') format('woff2'),
url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bauhaus Desk Display';
src: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-ExtraLight.woff2') format('woff2'),
url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bauhaus Desk Display';
src: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-Black.woff2') format('woff2'),
url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/fonts/BauhausDeskDisplay-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
/* 1a. Containers */
/* container Large */
/* container Small */
/* 1b. Colors */
/* 1c. Typography */
/* 1d. Buttons */
/* Primary Button */
/* secondary Button */
/* BT-White Button */
/* BT-White Button */
/* quinary Button */
/* senary Button */
/* septenary Button */
/* 1e. Forms */
/* 1f. Tables */
/* 1g. Website header */
/* 1h. Website footer */
.content-wrapper {
max-width: 1344px; width : 100%; margin : 0 auto; padding : 0 15px; float : none; display : block;
}
.content-wrapper_small {
max-width: 1338px; width : 100%; margin : 0 auto; padding : 0 15px; float : none; display : block;
}
/* .dnd-section, */
/* .content-wrapper--vertical-spacing { */
/* } */
/* .dnd-section > .row-fluid { */
/* } */
* { box-sizing:border-box; -webkit-box-sizing:border-box; }
*, *:before, *:after {
box-sizing: border-box;
}
html {
font-size: ;
-webkit-text-size-adjust: 100%; /* 2 */
line-height : 1.5
}
body {
font-weight: 400; text-decoration: none; font-family: 'IBM Plex Sans', sans-serif; font-style: normal;
color: rgba(14, 25, 60, .7);
font-size: 16px;
line-height : 1.2;
margin:0; padding:0; background-color : #F1F1F1
}
/* body.loaded { opacity : 1 } */
/* Paragraphs */
p {
font-weight: 400; text-decoration: none; font-family: 'IBM Plex Sans', sans-serif; font-style: normal;
color : rgba(14, 25, 60, 1)
}
/* Anchors */
a {
font-weight: 400; text-decoration: none; font-family: 'IBM Plex Sans', sans-serif; font-style: normal;
color: ;
outline: none !important; text-decoration:none !important; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; display: inline-block;
}
/* Code blocks */
pre {
overflow: auto;
}
code {
vertical-align: bottom;
}
/* Blockquotes */
blockquote {
border-left: 2px solid;
margin: 0 0 1.4rem;
padding-left: 0.7rem;
}
/* Horizontal rules */
hr {
border: none;
border-bottom: 1px solid #F1F1F1;
box-sizing: content-box;
height: 0;
}
a:hover,
a:focus {
font-weight: 400; text-decoration: none; font-family: 'IBM Plex Sans', sans-serif; font-style: normal;
color: ;
}
a:active {
font-weight: 400; text-decoration: none; font-family: 'IBM Plex Sans', sans-serif; font-style: normal;
color: ;
}
/* Headings */
h1, h2, h3, h4, h5, h6,p { margin:0; padding:0;}
h1,
.h1 {
font-weight: 500; text-decoration: none; font-family: 'Bauhaus Desk Display'; font-style: normal;
color: #0E193C;
font-size: 48px;
text-transform: none;
line-height : 1.2;
}
h2,
.h2 {
font-weight: 500; text-decoration: none; font-family: 'Bauhaus Desk Display'; font-style: normal;
color: #0E193C;
font-size: 36px;
text-transform: none;
line-height : 1.27;
}
h3,
.h3 {
font-weight: 500; text-decoration: none; font-family: 'Bauhaus Desk Display'; font-style: normal;
color: #0E193C;
font-size: 32px;
text-transform: none;
line-height : 1.25;
}
h4,
.h4 {
font-weight: 500; text-decoration: none; font-family: 'Bauhaus Desk Display'; font-style: normal;
color: #0E193C;
font-size: 24px;
text-transform: none;
line-height : 1.33;
}
h5,
.h5 {
font-weight: 500; text-decoration: none; font-family: 'Bauhaus Desk Display'; font-style: normal;
color: #0E193C;
font-size: 20px;
text-transform: none;
line-height : 1.4;
}
h6,
.h6 {
font-weight: 500; text-decoration: none; font-family: 'Bauhaus Desk Display'; font-style: normal;
color: #0E193C;
font-size: 18px;
text-transform: none;
line-height : 1.31;
}
/* Blockquote */
blockquote {
border-left-color: #fff;
}
a.button,
.button a,
.hs-button,
.hs-blog-post-listing__post-button {
border: 1px solid #004BFF;
padding-top: 10px;
padding-right: 27px;
padding-bottom: 10px;
padding-left: 27px;
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color:
rgba(0, 75, 255, 1.0)
;
border-radius: 20px;
color: #FFFFFF;
font-size: 15px;
text-transform: none;
}
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 #053DC3;
;
color:
rgba(255, 255, 255, 1.0)
;
background-color:
rgba(5, 61, 195, 1.0)
;
border-radius: 20px;
}
a.button:active,
.button a:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color: rgba(40, 115, 255, 1.0);
border-color: #2873ff;
}
a.button_secondary,
.button_secondary a{
border: 1px solid #F1F1F1;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color:
rgba(245, 245, 245, 0.6)
;
border-radius: 20px;
color: #0E193C;
font-size: 15px;
text-transform: none;
}
a.button_secondary:hover,
a.button_secondary:focus,
.button_secondary a:hover,
.button_secondary a:focus {
border: 1px solid #D5D5D5;
;
color:
rgba(14, 25, 60, 1.0)
;
background-color:
rgba(213, 213, 213, 1.0)
;
border-radius: 20px;
}
a.button_secondary:active,
.button_secondary a:active
{
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color: rgba(255, 255, 255, 0.6);
border-color: #ffffff;
}
a.button_tertiary,
.button_tertiary a{
border: 1px solid #ffffff;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color:
rgba(255, 255, 255, 1.0)
;
border-radius: 20px;
color: #0E193C;
font-size: 15px;
text-transform: none;
}
a.button_tertiary:hover,
a.button_tertiary:focus,
.button_tertiary a:hover,
.button_tertiary a:focus {
border: 1px solid #F5F5F5;
;
color:
rgba(14, 25, 60, 1.0)
;
background-color:
rgba(245, 245, 245, 1.0)
;
border-radius: 20px;
}
a.button_tertiary:active,
.button_tertiary a:active
{
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color: rgba(255, 255, 255, 1.0);
border-color: #ffffff;
}
a.button_quaternary,
.button_quaternary a{
border: 1px solid #004BFF;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color:
rgba(0, 75, 255, 0.0)
;
border-radius: 20px;
color: #004BFF;
font-size: 15px;
text-transform: none;
}
a.button_quaternary:hover,
a.button_quaternary:focus,
.button_quaternary a:hover,
.button_quaternary a:focus {
border: 1px solid #053DC3;
;
color:
rgba(255, 255, 255, 1.0)
;
background-color:
rgba(5, 61, 195, 1.0)
;
border-radius: 20px;
}
a.button_quaternary:active,
.button_quaternary a:active
{
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color: rgba(40, 115, 255, 0.0);
border-color: #2873ff;
}
a.button_quinary,
.button_quinary a{
border: 1px solid #ffffff;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color:
rgba(255, 255, 255, 0.0)
;
border-radius: 20px;
color: #fff;
font-size: 15px;
text-transform: none;
}
a.button_quinary:hover,
a.button_quinary:focus,
.button_quinary a:hover,
.button_quinary a:focus {
border: 1px solid #FFFFFF;
;
color:
rgba(14, 25, 60, 1.0)
;
background-color:
rgba(255, 255, 255, 1.0)
;
border-radius: 20px;
}
a.button_quinary:active,
.button_quinary a:active
{
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color: rgba(255, 255, 255, 0.0);
border-color: #ffffff;
}
a.button_senary,
.button_senary a{
border: 1px solid #0D1930;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color:
rgba(13, 25, 48, 0.0)
;
border-radius: 20px;
color: #0D1930;
font-size: 15px;
text-transform: none;
}
a.button_senary:hover,
a.button_senary:focus,
.button_senary a:hover,
.button_senary a:focus {
border: 1px solid #0E1930;
;
color:
rgba(255, 255, 255, 1.0)
;
background-color:
rgba(14, 25, 48, 1.0)
;
border-radius: 20px;
}
a.button_senary:active,
.button_senary a:active
{
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color: rgba(53, 65, 88, 0.0);
border-color: #354158;
}
a.button_septenary,
.button_septenary a{
border: 1px solid #293A5E;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color:
rgba(41, 58, 94, 1.0)
;
border-radius: 20px;
color: #fff;
font-size: 15px;
text-transform: none;
}
a.button_septenary:hover,
a.button_septenary:focus,
.button_septenary a:hover,
.button_septenary a:focus {
border: 1px solid #0E1930;
;
color:
rgba(255, 255, 255, 1.0)
;
background-color:
rgba(14, 25, 48, 1.0)
;
border-radius: 20px;
}
a.button_septenary:active,
.button_septenary a:active
{
font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color: rgba(81, 98, 134, 1.0);
border-color: #516286;
}
form,
.submitted-message {
font-weight: 400; text-decoration: none; font-family: 'IBM Plex Sans', sans-serif; font-style: normal;
border: 1px none #003AE9;
;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background-color:
rgba(0, 58, 233, 0.0)
;
padding: 0px;
;
}
/* Form title */
.form-title {
border: 1px none #003AE9;
;
padding: 0px;
;
font-weight: 500; text-decoration: none; font-family: 'Bauhaus Desk Display'; font-style: normal;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
font-size: 24px;
color: #0E193C;
background-color:
rgba(0, 58, 233, 0.0)
;
}
/* Labels */
form label {
color: #0E193C;
}
/* Help text */
form legend {
color: #0E193C;
}
/* 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: #0E193C;
border-radius: 30px;
}
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 {
display: inline-block;
font-size: 16px;
padding: 16px;
width: 100%;
outline : none
}
form input[type=text]::placeholder,
form input[type=search]::placeholder,
form input[type=email]::placeholder,
form input[type=password]::placeholder,
form input[type=tel]::placeholder,
form input[type=number]::placeholder,
form input[type=file]::placeholder,
form select::placeholder,
form textarea::placeholder { color: #0E193C; }
/* Form placeholder text */
::-webkit-input-placeholder {
color: rgba(141, 139, 167, .3);
}
::-moz-placeholder {
color: rgba(141, 139, 167, .3);
}
:-ms-input-placeholder {
color: rgba(141, 139, 167, .3);
}
::placeholder {
color: rgba(141, 139, 167, .3);
}
/* Inputs - date picker */
.hs-fieldtype-date .input .hs-dateinput:before {
color: #8D8BA7;
}
.fn-date-picker td.is-selected .pika-button {
background: #0E193C;
}
.fn-date-picker td .pika-button:hover {
background-color: #0E193C !important;
}
.fn-date-picker td.is-today .pika-button {
color: #0E193C;
}
.hs-form-field {
margin-bottom: 10px;
}
/* Submit button */
.hs-fieldtype-textarea.hs-input {
min-height: 133px;
}
form input[type=submit],
form .hs-button {
border: 1px solid #0D1930;
;
padding-top: 10px;
padding-right: 27px;
padding-bottom: 10px;
padding-left: 27px;
;
font-family: 'Bauhaus Desk Display'; font-style: normal; font-weight: 700; text-decoration: none;
color: #FFFFFF;
font-size: 20px;
background-color:
rgba(13, 25, 48, 1.0)
;
border-radius: 20px;
text-transform: none;
}
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
background-color:
rgba(14, 25, 60, 1.0)
;
color: #FFF;
border: 1px solid #0E193C;
;
}
form input[type=submit]:active,
form .hs-button:active {
background-color: rgba(40, 115, 255, 1.0);
border-color: #2873ff;
}
form .form-columns-1 fieldset.form-columns-1 .input { margin: 0 !important;}
form .form-columns-1 .input input,.form-columns-1 .input textarea,.form-columns-1 .input select { width: 100% !important;}
/* Fields */
/* Labels */
form label {display: block;font-size: 0.875rem;margin-bottom: 0.35rem;}
/* Form Title */
.form-title {margin-bottom: 0;}
/* Help text */
form legend {font-size: 0.875rem;}
/* Inputs */
form textarea { resize: vertical;}
form fieldset { max-width: 100% !important;}
/* Inputs - checkbox/radio */
form .inputs-list {margin: 0;padding: 0; list-style: none;}
form .inputs-list > li {display: block; margin: 0.7rem 0;}
form .inputs-list input,form .inputs-list span { vertical-align: middle;}
form input[type=checkbox],form input[type=radio] { cursor: pointer; margin-right: 0.35rem;}
/* Inputs - date picker */
.hs-dateinput { position: relative;}
.hs-dateinput:before {content:'\01F4C5'; position: absolute; right: 10%; top: 50%; transform: translateY(-50%);}
.fn-date-picker .pika-table thead th { color: #FFF;}
.fn-date-picker td.is-selected .pika-button {border-radius: 0; box-shadow: none;}
.fn-date-picker td .pika-button:hover,.fn-date-picker td .pika-button:focus { border-radius: 0 !important; color: #FFF;}
/* Inputs - file picker */
form input[type=file] { background-color: transparent; border: initial; padding: initial;}
/* Headings and text */
form .hs-richtext,form .hs-richtext p { font-size: 0.875rem; margin: 0 0 1.4rem;}
form .hs-richtext img { max-width: 100% !important;}
/* GDPR */
.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
margin-left: 1rem !important;
}
/* Validation */
.hs-form-required { color: #EF6B51;}
.hs-input.invalid.error { border-color: #EF6B51;}
.hs-error-msg { color: #EF6B51; margin-top: 0.35rem;}
/* Submit button */
form input[type=submit],form .hs-button { cursor: pointer; display: inline-block; text-align: center; transition: all 0.15s linear; white-space: normal;}
/* Captcha */
.grecaptcha-badge { margin: 0 auto;}
/* Search button input field and suggestions */
.body-container-wrapper .hs-search-field__button {
padding: 15px;
}
.body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
margin-left: 6px;
margin-bottom: 0;
}
.body-container-wrapper .hs-search-field__button svg {
height: 15px;
fill: #fff;
}
.body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
padding: 10px;
}
.body-container-wrapper .hs-search-field__suggestions li a {
color: #494A52;
padding: 0.35rem 0.7rem;
text-decoration: none;
transition: background-color 0.3s;
}
/* Table */
table {
border: 1px solid rgba(14, 25, 60, 0%);
background-color:
rgba(255, 255, 255, 1.0)
;
}
/* Table cells */
td,
th {
border: 1px solid rgba(14, 25, 60, 0%);
padding-top: 12px;
padding-right: 20px;
padding-bottom: 12px;
padding-left: 20px;
color: #0E193C;
}
/* Table header */
thead th {
background-color:
rgba(0, 58, 233, 1.0)
;
color: #101010;
}
/* Table footer */
tfoot td {
background-color:
rgba(255, 255, 255, 1.0)
;
color: #0E193C;
}
.header .HeaderInnerSec {
background-color:
rgba(255, 255, 255, 1.0)
; position : relative;
}
.header { position: fixed !important; top: 0; left: 0; width: 100%; z-index : 999 !important}
.header .HeaderInnerSec { border-radius: 40px; padding: 0 86px;}
.Headerlogo { max-width: 160px; width: 100%; padding: 25px 9px 25px 0;}
.Headerlogo a { width: 100%; height: 100%;}
.Headerlogo a img { width: 100%; height: 100%; object-fit: contain;}
.header .HeaderInnerSec { justify-content: space-between;}
.headerCTASec .HeaderReview { max-width: 114px; width: 100%;}
.headerCTASec .HeaderReview a { width: 100%;}
.headerCTASec .HearderLogin { width: 40px; height: 40px;}
.headerCTASec .HearderLogin a { width: 100%; height: 100%; border-radius: 50px; transition: all ease-in-out 0.3s; display: flex; align-items: center; justify-content: center;}
.headerCTASec .HearderLogin a img { width: 24px; height: 24px;}
.HeaderMenu > span > div > ul { display: flex; align-items: center;}
.HeaderMenu > span > div > ul > li > a { color: #0E193C; font-size: 15px; font-weight: 600;}
.HeaderMenu > span > div > ul > li {padding: 30px 10px;}
.headerCTASec { max-width: 500px; width: 100%; justify-content: flex-end;}
.header .HeaderInnerSec { gap: 30px;}
.header .HeaderInnerSec .HeaderLtCol { max-width: calc(100% - 530px); width: 100%;}
.header .HeaderInnerSec .HeaderLtCol .HeaderMenu { max-width: calc(100% - 160px); width: 100%;}
.HeaderDropdownMenu { max-width: 1140px; width: 100%; background: #FFFFFF; border-radius: 12px; padding: 30px 65px 30px 95px;}
.HeaderDropdownMenu .SolutionMenuInSec { display: flex; align-items: flex-start;}
.HeaderDropdownMenu .SolutionMenuInSec .IndustryColumn { max-width: 296px; width: 100%; padding-right: 5px; border-right: 1px solid #F0F3FA;}
.HeaderDropdownMenu .SolutionMenuInSec .IntegrationsColumn { max-width: 401px; width: 100%; padding: 0 84px 0 25px; border-right: 1px solid #F0F3FA;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks { max-width: 312px; width: 100%;}
.HeaderDropdownMenu .SolutionMenuInSec .MenuTitle p { font-family: 'IBM Plex Sans', sans-serif; font-weight: 500; font-size: 14px; line-height: 1.95; letter-spacing: 0.5px; margin-bottom: 15px;}
.HeaderDropdownMenu .SolutionMenuInSec .Childmenu ul li a { font-size: 16px; line-height: 1.5; color: #0E193C; font-weight: 500; font-family: 'IBM Plex Sans', sans-serif;}
.HeaderDropdownMenu .SolutionMenuInSec .Childmenu ul li+* { margin-top: 13px;}
.MenuButton a { color: #0E193C; font-size: 15px; font-weight: 500; font-family: 'IBM Plex Sans', sans-serif; line-height: 1.8; text-decoration: underline !important; width: 100%; position: relative;}
.HeaderDropdownMenu .SolutionMenuInSec .SolutionMenuCTA { margin-top: 27px;}
.MenuButton a:before { position: absolute; content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M11.4444 1L15 5M15 5L11.4444 9M15 5L1 5' stroke='%23004BFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: contain; background-position: center center; width: 24px; height: 24px; right: 0;}
.HeaderDropdownMenu .SolutionMenuInSec .IntegrationsColumn .IntegrationsMenu .SolutionMenuCTA { margin-top: 5px;}
.HeaderDropdownMenu .SolutionMenuInSec .IntegrationsColumn .IntegrationsMenu .IntegrationsMenuTitle.MenuTitle p { margin-bottom: 7px;}
.HeaderDropdownMenu .SolutionMenuInSec .IntegrationsColumn .UsecasemenuMenu { margin-top: 43px;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner { background: #FBFBFB; padding: 11px 10px 29px; border-radius: 6px;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul { display: flex; align-items: flex-start; gap: 8px 10px; flex-wrap: wrap;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li { max-width: calc(50% - 5px); width: 100%;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li a { display: flex; align-items: center; justify-content: flex-start; gap: 19px;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .SolutionMenuTitle.MenuTitle p { margin-bottom: 0;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li a span.boximg { width: 36px; height: 36px; display: block;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li a span.boximg img { width: 100%; height: 100%; object-fit: contain;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li a span.boxcnt { font-size: 16px; font-weight: 500; color: #0E193C; font-family: 'IBM Plex Sans', sans-serif; line-height: 1;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks { padding-left: 5px;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .SolutionMenuCTA.MenuButton { margin-top: 34px;}
.HeaderDropdownMenu .SolutionMenuInSec .IntegrationsColumn .Childmenu li+* { margin-top: 15px;}
.header .HeaderInnerSec { position: relative;}
.header .HeaderInnerSec .HeaderLtCol .HeaderMenu .hs-item-has-children > a { display: flex; align-items: center; gap: 3px;}
.header .HeaderInnerSec .HeaderLtCol .HeaderMenu .hs-item-has-children > a .childMenu { width: 18px; height: 18px;}
.HeaderDropdownMenu.ProductMenuSec { padding: 30px 77px 28px 80px;}
.ProductMenuSec .ProductMenuInSec { display: flex; align-items: flex-start; flex-wrap: wrap;}
.ProductMenuSec .ProductMenuInSec .PlatformMenu { max-width: 303px; width: 100%; padding-right: 13px; border-right: 1px solid #F0F3FA;}
.ProductMenuSec .ProductMenuInSec .capabilitiesMenu { max-width: 375px; width: 100%; border-right: 1px solid #F0F3FA; padding: 0 12px 0 19px;}
.ProductMenuSec .ProductMenuInSec .featured_contentMenu { max-width: 302px; width: 100%; padding-left: 12px;}
.MenuTitle p { font-size: 13px; font-weight: 600; color: #0E193C; margin-bottom: 10px;}
.ProductMenuGroupBox .PlatformBoxGrp { background: #FBFBFB; border-radius: 6px; padding: 13px 12px;}
.ProductMenuGroupBox .PlatformBoxGrp .PlatformBoxGrpTitleSec { justify-content: space-between; gap: 5px;}
.ProductMenuGroupBox .PlatformBoxGrp .PlatformBoxGrpTitleSec .PlatformBoxGrptitle img { width: 24px; height: 24px; object-fit: contain;}
.ProductMenuGroupBox .PlatformBoxGrp .PlatformBoxGrpTitleSec h6 { font-size: 16px;}
.ProductMenuGroupBox .PlatformBoxGrp .PlatformBoxGrpTitleSec .PlatformBoxGrptitle { gap: 4px;}
.ProductMenuGroupBox .PlatformBoxGrp .PlatformBoxGrpCnt { padding-top: 6px;}
.ProductMenuGroupBox .PlatformBoxGrp .PlatformBoxGrpCnt p { color: #999BA8; font-weight: 400;}
.ProductMenuGroupBox .PlatformBoxGrp+* { margin-top: 9px;}
.capabilitiesMenuIn ul li a img { width: 36px; height: 36px;}
.capabilitiesMenuIn ul li+* { padding-top: 16px;}
.capabilitiesMenuIn { padding-top: 9px;}
.capabilitiesMenuIn ul li a { display: flex; align-items: center; gap: 19px; color: #0E193C; font-weight: 600;}
.featuredcontentMenu { padding-top: 2px;}
.featuredcontentMenu .featuredcontentMenuBox { background: #FBFBFB; padding: 12px; border-radius: 6px;}
.featuredcontentMenu .featuredcontentMenuBox .featuredcontentMenuTag { display: inline-block; background: #CCDBFF; border-radius: 12px; padding: 7px 21px;}
.featuredcontentMenu .featuredcontentMenuBox .featuredcontentMenuTag p { color: #fff; font-weight: 600; font-size: 11px; line-height: 1; letter-spacing: 0.12px;}
.featuredcontentMenu .featuredcontentMenuBox .featuredcontentMenuTitle { padding-top: 9px;}
.featuredcontentMenu .featuredcontentMenuBox .featuredcontentMenuTitle h6 { font-family: IBM Plex Sans,sans-serif; font-weight: 600; font-size: 16px;}
.featuredcontentMenu .featuredcontentMenuBox+* { margin-top: 6px;}
.ProductMenuGroupBox .PlatformBoxGrp { position: relative;}
.ProductMenuGroupBox .PlatformBoxGrp a.PlatformBoxGrplink { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.featuredcontentMenu .featuredcontentMenuBox { position: relative;}
.featuredcontentMenu .featuredcontentMenuBox a.featuredcntlink { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.HeaderDropdownMenu.ResourcesMenuSec { padding: 26px 98px 26px 95px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesMenu { max-width: 278px; width: 100%;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesMenu a { color: #0E193C; font-size: 15px; font-weight: 600;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesMenu li+* { margin-top: 12px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec { max-width: 291px; width: 100%; border-left: 1px solid #F0F3FA; border-right: 1px solid #F0F3FA; padding-left: 13px; padding-right: 13px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu { display: flex; align-items: flex-start; justify-content: center;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesMenuIn.ResourcesBlogMenu { max-width: 377px; width: 100%;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesTitleSec { display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesTitleSec .ResourcesTitle p { color: #0E193C; font-weight: 600; font-size: 15px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesTitleSec .ResourcesLink a { font-weight: 600; color: #0E193C; font-size: 15px; text-decoration: underline !important; padding-right: 24px; position: relative;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesTitleSec .ResourcesLink a:before { position: absolute; content: ''; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.0505 8L18.4043 12M18.4043 12L15.0505 16M18.4043 12L5.19862 12' stroke='%23004BFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; right: 0; top: -3px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec { padding-top: 7px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox { background: #FBFBFB; border-radius: 6px; padding: 12px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox+* { margin-top: 6px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox .ResourcesBoxTag { display: inline-block;}
.PodcastBoximg { width: 97px;height: 97px;}
.PodcastBox { display: flex; align-items: center; gap: 12px; background: #053DC314; border-radius: 4px;}
.PodcastBoxSection { margin-top: 6px;}
.PodcastBox .PodcastBoxContent { width: calc(100% - 109px); padding: 11px 13px 9px 0;}
.PodcastBox .PodcastBoxContent p { color: #0E193C; font-weight: 600; font-size: 13px;}
.PodcastBox .PodcastBoxContent a { width: 27px; height: 27px;}
.PodcastBox .PodcastBoxContent { display: flex; flex-direction: column; align-items: flex-end;}
.ResourcesMenuSearch input { width: 100%; border: 1px solid #F0F3FA; border-radius: 30px; padding: 21px 32px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesMenuIn.ResourcesBlogMenu { padding-left: 13px;}
.ResourcesTaglist { padding-top: 17px; padding-left: 20px;}
.ResourcesTaglist .ResourcesTaglistTitle p { font-size: 16px; position: relative; padding-right: 20px;}
.ResourcesTaglist .ResourcesTaglistTitle p:before { position: absolute; content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath d='M13.9772 11.1794L9.61857 6.82084L5.25997 11.1794' stroke='%23252530' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 17px; height: 17px; background-repeat: no-repeat; background-position: center center; right: 0; top: 0;}
.ResourcesTaglist .ResourcesTaglistItem label { position: relative;}
.ResourcesTaglist .ResourcesTaglistItem label input { position: absolute; width: 100%; height: 100%; opacity: 0; margin: 0; z-index: 1; cursor: pointer;}
.ResourcesTaglist .ResourcesTaglistItem ul { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.ResourcesTaglist .ResourcesTaglistItem ul li { max-width: calc(50% - 5px); width: 100%;}
.ResourcesTaglist .ResourcesTaglistItem label span { color: #0E193C; font-weight: 600; font-size: 15px; line-height: 1.6; padding-left: 29px; display: block; position: relative;}
.ResourcesTaglist .ResourcesTaglistItem label span:before { width: 22px; height: 22px; position: absolute; content: ''; border: 1px solid #00062673; left: 0; top: 50%; transform: translateY(-50%);}
.ResourcesTaglist .ResourcesTaglistItem label span:after { width: 17px;height: 17px; position: absolute; content: '';
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='512' height='512' viewBox='0 0 100 100'%3E%3Cpath fill='%23004cff' fill-rule='evenodd' d='M95.338 2.5c-1.432 0-4.068.274-7.915.811q-5.772.812-7.455 1.555c-1.125.494-3.158 2.208-6.093 5.123-2.938 2.925-7.2 8.324-12.773 16.192-5.58 7.876-10.786 16.19-15.625 24.95a353 353 0 0 0-13.552 27.29c-3.879-6.642-7.384-11.145-10.533-13.513q-4.712-3.565-7.946-3.564c-1.682 0-3.79.897-6.333 2.683-2.54 1.792-3.81 3.545-3.81 5.274q0 1.88 3.496 5.56c4.616 4.877 8.702 10.049 12.239 15.524 2.16 3.274 3.596 5.284 4.312 6.016.712.726 2.882 1.099 6.51 1.099 5.049 0 8.047-.647 9-1.95.946-1.253 2.695-4.99 5.246-11.22 6.303-15.598 14.14-30.493 23.506-44.675 9.375-14.177 17.962-24.901 25.779-32.166 1.557-1.38 2.493-2.275 2.822-2.688.32-.415.484-.832.484-1.266 0-.686-.455-1.035-1.359-1.035' clip-rule='evenodd' data-original='%2309b285'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: contain; left: 3px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all ease-in-out 0.3s;}
.ResourcesTaglist .ResourcesTaglistItem label input:checked + span:after { opacity: 1;}
.TopicsTaglist { padding-top: 12px; padding-left: 20px; margin-top: 21px; border-top: 1px solid #000000;}
.TopicsTaglist .ResourcesTaglistTitle p { font-size: 16px; position: relative; padding-right: 20px;}
.TopicsTaglist .ResourcesTaglistTitle p:before { position: absolute; content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath d='M13.9772 11.1794L9.61857 6.82084L5.25997 11.1794' stroke='%23252530' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 17px; height: 17px; background-repeat: no-repeat; background-position: center center; right: 0; top: 0;}
.TopicsTaglist .ResourcesTaglistItem ul { display: flex; flex-wrap: wrap; gap: 7px 3px;}
.TopicsTaglist .ResourcesTaglistItem ul li a { background: #CCDBFF; border-radius: 12px; color: #fff; font-weight: 600; font-size: 11px; padding: 5.5px 9px;}
.headerCTASec .HearderLogin a:hover { background: #CCDBFF;}
.ProductMenuGroupBox .PlatformBoxGrp .PlatformBoxGrpCnt p { font-size: 15px;}
.HeaderDropdownMenu .SolutionMenuInSec .MenuTitle p { font-weight : 600 }
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox { position: relative;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox a.ResourcesBoxLink { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox .ResourcesBoxTag { background: #CCDBFF; border-radius: 12px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox .ResourcesBoxTag p { color: #fff; font-size: 11px; font-weight: 600; line-height: 1; padding: 5px 20px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox .ResourcesBoxTitle { padding-top: 10px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox .ResourcesBoxTitle p { font-weight: 600;}
.ProductMenuGroupBox .PlatformBoxGrp {
transition: all ease-in-out 0.3s;
}
.ProductMenuGroupBox .PlatformBoxGrp:hover {
background: #F0F3FA;
}
.featuredcontentMenu .featuredcontentMenuBox:hover,.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox:hover {
background: #F0F3FA;
}
.featuredcontentMenu .featuredcontentMenuBox,.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox {
transition: all ease-in-out 0.3s;
}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu.hiddenblogmenu > div { max-width: 50%;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu.hiddenblogmenu > div:last-child { border-right: unset;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu.hiddenblogmenu { justify-content: flex-start;}
@media (min-width : 1231px){
.HeaderDropdownMenu { border: 1px solid #EFF0F6;box-shadow: 0px 9px 26px 0px #170F490D, 0px 10px 14px 0px #4A3AFF03; }
.header .HeaderInnerSec .HeaderLtCol .HeaderMenu .hs-item-has-children ul.hs-menu-children-wrapper { position: absolute; width: 1140px; top: 100%;left: 50%; transform: translateX(-50%); margin-top: 5px;opacity : 0; visibility : hidden; }
.header .HeaderInnerSec .HeaderLtCol .HeaderMenu .hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity: 1; visibility: visible;}
.MobileMenuSection { display : none }
.mobilereview { display : none }
}
@media (max-width : 1230px){
.expandmenuMain { display : block !important }
.MobileMenuSection { display : block }
.HeaderLtCol .HeaderMenu { display: none;}
a.expandmenu {width: 35px;height: 35px;display: flex;cursor: pointer;padding: 3px;position: relative; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}
a.expandmenu i {position:relative;width: 100%;left:0;height: 3px;opacity:1;display: block;background: #0E193C;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;}
a.expandmenu i:first-child { margin-top: 0;}
a.expandmenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 8px; position: relative; }
a.expandmenu.active i:nth-child(2) { position:relative; left:-46px; opacity:0; }
a.expandmenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; }
.MobileMenuSection { position: absolute;width: 100%; left: 0;top: 100%; display : none}
.MobileMenuSection .MobileMenuInner { max-width: calc(95% - 30px); width: 100%; background: #fff; margin: 10px auto 0; border-radius: 24px; padding: 30px;}
.HeaderMenu>span>div>ul { flex-direction: column; align-items: flex-start;}
.HeaderMenu>span>div>ul>li { width: 100%; padding: 10px 0;}
.HeaderCTA { padding-top: 10px;}
.HeaderMenu li.hs-item-has-children .childMenu { width: 24px; height: 24px; position: absolute; top: 7px; right: 0;}
.HeaderMenu li.hs-item-has-children { position: relative;}
.HeaderMenu li.hs-item-has-children > a { width: 100%; padding-right: 30px;}
.HeaderMenu li.hs-item-has-children .childMenu img { width: 100%; height: 100%; object-fit: contain;}
.HeaderMenu li.hs-item-has-children ul.hs-menu-children-wrapper { display : none}
.HeaderDropdownMenu { padding: 30px;}
.MobileMenuSection .MobileMenuInner { height: 500px; overflow-y: auto;}
.HeaderDropdownMenu.ResourcesMenuSec { padding: 30px;}
.HeaderDropdownMenu.ProductMenuSec { padding: 30px;}
.ProductMenuSec .ProductMenuInSec .capabilitiesMenu { max-width: 290px;}
.ProductMenuSec .ProductMenuInSec { flex-wrap: nowrap;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesMenu { max-width: 230px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesMenuIn.ResourcesBlogMenu { max-width: 405px; }
.HeaderCTA { display: flex !important; height: auto !important; padding-top: 10px !important;}
.headerCTASec .HeaderCTA .cta-section:first-child {
display: none !important;
}
.desktopreview { display : none }
.headerCTASec .HeaderCTA { padding-top :0 !important }
}
@media (max-width : 1080px){
.header .HeaderInnerSec { padding: 0 30px;}
}
@media (max-width : 991px){
.header .HeaderInnerSec .HeaderLtCol { max-width: 151px;}
.header .HeaderInnerSec { padding: 0 30px;}
.headerCTASec { max-width: calc(100% - 200px);}
.HeaderDropdownMenu .SolutionMenuInSec .IntegrationsColumn { padding: 0 15px;max-width: 50%; border-right : unset}
.HeaderDropdownMenu .SolutionMenuInSec .IndustryColumn { max-width: 50%;}
.HeaderDropdownMenu .SolutionMenuInSec { flex-wrap: wrap;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks { max-width: 100%; padding-left: 0; padding-top: 10px;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li { max-width: calc(33.33% - 8px);}
.ProductMenuSec .ProductMenuInSec .PlatformMenu { max-width: 50%;}
.ProductMenuSec .ProductMenuInSec { flex-wrap: wrap;}
.ProductMenuSec .ProductMenuInSec .capabilitiesMenu { max-width: 50%;}
.ProductMenuSec .ProductMenuInSec .featured_contentMenu { max-width: 100%; padding-left: 0; padding-top: 10px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesMenu { max-width: 50%;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec { max-width: 50%;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu { flex-wrap: wrap;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesMenuIn.ResourcesBlogMenu { max-width: 100%; padding-left: 0; padding-top: 15px;}
}
@media (max-width : 767px){
.HeaderDropdownMenu {
padding: 20px 15px;
}
}
@media (max-width : 640px){
.headerCTASec .HeaderReview { max-width: 100px; }
.HeaderDropdownMenu .SolutionMenuInSec .IndustryColumn { max-width: 100%; border-right: unset;}
.HeaderDropdownMenu .SolutionMenuInSec .IntegrationsColumn { max-width: 100%; padding: 30px 0 15px;}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li { max-width: calc(50% - 5px);}
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .SolutionMenuCTA.MenuButton { margin-top: 10px;}
.HeaderDropdownMenu .SolutionMenuInSec .SolutionMenuCTA { margin-top: 15px;}
.HeaderDropdownMenu .SolutionMenuInSec .IntegrationsColumn .UsecasemenuMenu { margin-top: 30px;}
.HeaderDropdownMenu.ProductMenuSec { padding: 12px 15px;}
.ProductMenuSec .ProductMenuInSec .PlatformMenu { max-width: 100%; padding-right: 0; border-right: unset;}
.ProductMenuSec .ProductMenuInSec .capabilitiesMenu { max-width: 100%; padding: 12px 0; border-right: unset;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesMenu { max-width: 100%;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec { max-width: 100%; border: unset; padding: 15px 0;}
.HeaderDropdownMenu.ResourcesMenuSec { padding: 20px;}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu.hiddenblogmenu>div {
max-width: 100%;
}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu.hiddenblogmenu {
gap: 10px;
}
}
@media (max-width : 480px){
.MobileMenuSection .MobileMenuInner { padding: 15px; }
.ResourcesTaglist .ResourcesTaglistItem ul li { max-width: 100%;}
.headerCTASec .HeaderReview { display: none;}
.header .HeaderInnerSec { padding: 0 15px;}
.Headerlogo { max-width: 100%; padding-right: 0;}
.headerCTASec { max-width: calc(100% - 140px);}
.header .HeaderInnerSec { gap: 10px;}
.header .HeaderInnerSec .HeaderLtCol { max-width: 120px;}
}
@media (max-width : 360px){
.header .HeaderInnerSec { padding: 0 10px;}
.Headerlogo { padding: 20px 0px;}
}
.footer {
background-color:
rgba(0, 75, 255, 1.0)
;
}
/* Footer content */
.footer a,
.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
color: #fff;
}
.FooterLogo { max-width: 197px; width: 100%;}
.FooterLogo a { width: 100%;}
.FooterLogo img { width: 100%; height: 100%; object-fit: contain;}
.FooterLogoColumn ul { display: flex; align-items: center; gap: 14px; flex-wrap: wrap;}
.FooterLogoColumn ul li:first-child { width: 78px; height: 78px;}
.FooterLogoColumn ul li img { width: 100%; height: 100%; object-fit: contain;}
.FooterLogoColumn ul li:nth-child(2) { width: 151px;}
.FooterLogoColumn ul li:nth-child(3) { width: 67px;}
.FooterMenu ul { display: flex;align-items: center; flex-wrap: wrap;}
.FooterMenu ul li a { padding: 0 12px; position: relative;}
.FooterMenu ul li:not(:last-child) a:before { position: absolute; content: ''; width: 1px; height: 100%; background: #fff; right: 0;}
.FooterMenu { margin: 0 -12px;}
.FooterRTCol { max-width: 322px; width: 100%;}
.FooterTopStrip { display: flex; align-items: flex-end; gap: 20px; flex-wrap: wrap;}
.FooterTopStrip .FooterLTCol { max-width: calc(100% - 344px); width: 100%;}
.FooterRTCol .FooterRTLogo ul { display: flex; align-items: center;gap: 8px; flex-wrap: wrap;}
.FooterRTCol .FooterRTLogo ul li { max-width: calc(25% - 6px); width: 100%;}
.FooterRTSocialMenu ul { display: flex; align-items: center; gap: 11px; flex-wrap: wrap;}
.FooterRTSocialMenu ul li:not(:last-child) { width: 21px; height: 21px;}
.FooterRTSocialMenu ul li:not(:last-child) a { width: 100%; height: 100%;}
.FooterRTSocialMenu ul li:not(:last-child) a img { width: 100%; height: 100%; object-fit: contain;}
.FooterRTSocialMenu ul li:last-child { max-width: 100px; width: 100%; margin-left: 21px;}
.FooterRTSocialMenu { margin-top: 26px;}
.FooterBtStrip { max-width: 752px; width: 100%;}
.FooterBtStrip p { font-size: 12px; line-height: 1.2;}
.FooterAddressCol { gap: 25px;}
.FooterAddressCol .FooterAddBox { max-width: calc(50% - 12.5px); width: 100%;}
.FooterAddressCol .FooterAddBox .FooterAddBoxCnt { margin-top: 10px}
@media (max-width : 1230px){
.FooterSection .custom_wrapper { max-width: 90% !important;}
.FooterRTCol { max-width: 30%;}
.FooterTopStrip .FooterLTCol { max-width: calc(70% - 20px);}
.FooterRTSocialMenu ul { gap: 8px;}
.FooterRTSocialMenu ul li:last-child { margin-left: 0;}
}
@media (max-width : 1080px){
.FooterTopStrip .FooterLTCol { max-width: 100%;}
.FooterRTCol { max-width: 40%;}
.FooterRTSocialMenu ul li:last-child { margin-left: 27px;}
}
@media (max-width : 991px){
.FooterRTCol { max-width: 50%;}
}
@media (max-width : 767px){
.FooterMenu ul {
gap: 10px 0;
}
}
@media (max-width : 640px){
.FooterAddressCol .FooterAddBox { max-width: 100%;}
.FooterRTCol { max-width: 100%;}
}
button#hs_show_banner_button {display: none;}
b,
strong {
font-weight: bolder;
}
ul { margin : 0; padding : 0; list-style: none; }
/* Font Size */
.font11 a,.font11, .font11 p{font-size:11px;}
.font13 a,.font13, .font13 p{font-size:13px;}
.font14 a,.font14, .font14 p{font-size:14px;}
.font15 a,.font15, .font15 p{font-size:15px;}
.font16 a,.font16,.font16 p{font-size:16px;}
.font17 a,.font17,.font17 p{font-size:17px;}
.font18 a,.font18,.font18 p{font-size:18px;}
/* 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 }
.primarybg {
background: #0E193C;
}
.primaryborder {
border-color: #0E193C;
}
.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: #0E193C;
}
.primary_fill svg path{
fill: #0E193C
}
.primary_link a {
color: #0E193C;
}
.secondarybg {
background: #fff;
}
.secondaryborder {
border-color: #fff;
}
.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: #fff;
}
.secondary_fill svg path{
fill: #fff
}
.secondary_link a {
color: #fff;
}
.tertiarybg {
background: #F1F1F1;
}
.tertiaryborder {
border-color: #F1F1F1;
}
.tertiary_color,.tertiary_color p,.tertiary_color h1,.tertiary_color h2,.tertiary_color h3,.tertiary_color h4,.tertiary_color h5,.tertiary_color h6,.tertiary_color a {
color: #F1F1F1;
}
.tertiary_fill svg path{
fill: #F1F1F1
}
.tertiary_link a {
color: #F1F1F1;
}
.quaternarybg {
background: #004BFF;
}
.quaternaryborder {
border-color: #004BFF;
}
.quaternary_color,.quaternary_color p,.quaternary_color h1,.quaternary_color h2,.quaternary_color h3,.quaternary_color h4,.quaternary_color h5,.quaternary_color h6,.quaternary_color a {
color: #004BFF;
}
.quaternary_fill svg path{
fill: #004BFF
}
.quaternary_link a {
color: #004BFF;
}
.quinarybg {
background: #003AE9;
}
.quinaryborder {
border-color: #003AE9;
}
.quinary_color,.quinary_color p,.quinary_color h1,.quinary_color h2,.quinary_color h3,.quinary_color h4,.quinary_color h5,.quinary_color h6,.quinary_color a {
color: #003AE9;
}
.quinary_fill svg path{
fill: #003AE9
}
.quinary_link a {
color: #003AE9;
}
.senarybg {
background: #0D1930;
}
.senaryborder {
border-color: #0D1930;
}
.senary_color,.senary_color p,.senary_color h1,.senary_color h2,.senary_color h3,.senary_color h4,.senary_color h5,.senary_color h6,.senary_color a {
color: #0D1930;
}
.senary_fill svg path{
fill: #0D1930
}
.senary_link a {
color: #0D1930;
}
.septenarybg {
background: #F5F5F5;
}
.septenaryborder {
border-color: #F5F5F5;
}
.septenary_color,.septenary_color p,.septenary_color h1,.septenary_color h2,.septenary_color h3,.septenary_color h4,.septenary_color h5,.septenary_color h6,.septenary_color a {
color: #F5F5F5;
}
.septenary_fill svg path{
fill: #F5F5F5
}
.septenary_link a {
color: #F5F5F5;
}
.octalbg {
background: #293A5E;
}
.octalborder {
border-color: #293A5E;
}
.octal_color,.octal_color p,.octal_color h1,.octal_color h2,.octal_color h3,.octal_color h4,.octal_color h5,.octal_color h6,.octal_color a {
color: #293A5E;
}
.octal_fill svg path{
fill: #293A5E
}
.octal_link a {
color: #293A5E;
}
.nonarybg {
background: #8D8BA7;
}
.nonaryborder {
border-color: #8D8BA7;
}
.nonary_color,.nonary_color p,.nonary_color h1,.nonary_color h2,.nonary_color h3,.nonary_color h4,.nonary_color h5,.nonary_color h6,.nonary_color a {
color: #8D8BA7;
}
.nonary_fill svg path{
fill: #8D8BA7
}
.nonary_link a {
color: #8D8BA7;
}
img { max-width:100%; width :100%; height:auto; border:none; vertical-align:middle; }
/* font-weight */
.extrabold, .extrabold h1, .extrabold h2, .extrabold h3, .extrabold h4, .extrabold h5, .extrabold h6, .extrabold p, .extrabold li { font-weight:800; }
.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6, .bold p , .bold li { font-weight:700; }
.semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6, .semibold p, .semibold li { font-weight:600; }
.medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6, .medium p, .medium li { font-weight:500; }
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6, .normal p, .normal li { font-weight:400; }
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p, .light li { font-weight:300; }
/* text style */
.uppercase { text-transform: uppercase; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }
.font-italic{font-style: italic;}
.bg { background-repeat : no-repeat; background-size : cover; background-position : center center }
/* put listStyle class to "parent" tag of "ul" */
.nolistStyle, .nolistStyle ul{padding:0; margin:0; list-style-type: none;}
.listStyle, .listStyle ul { margin : 10px 0; padding-left : 30px; list-style:auto; }
/* .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; }
.d_block {display: block !important; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.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;}
body .row-fluid [class*="span"] { min-height:0px; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }
/* flex */
.d_flex { display: flex; flex-wrap : wrap }
.align_center { align-items: center; }
.align_start { align-items: flex-start; }
.align_end { align-items: flex-end; }
.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 }
/* flex-order */
.order1 { order : 1; }
.border1 { border-width : 1px; border-style: solid; }
.border_top1 { border-top-width : 1px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom1 { border-bottom-width : 1px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius1 { border-radius : 1px !important }
.order2 { order : 2; }
.border2 { border-width : 2px; border-style: solid; }
.border_top2 { border-top-width : 2px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom2 { border-bottom-width : 2px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius2 { border-radius : 2px !important }
.order3 { order : 3; }
.border3 { border-width : 3px; border-style: solid; }
.border_top3 { border-top-width : 3px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom3 { border-bottom-width : 3px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius3 { border-radius : 3px !important }
.order4 { order : 4; }
.border4 { border-width : 4px; border-style: solid; }
.border_top4 { border-top-width : 4px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom4 { border-bottom-width : 4px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius4 { border-radius : 4px !important }
.order5 { order : 5; }
.border5 { border-width : 5px; border-style: solid; }
.border_top5 { border-top-width : 5px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom5 { border-bottom-width : 5px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius5 { border-radius : 5px !important }
.order6 { order : 6; }
.border6 { border-width : 6px; border-style: solid; }
.border_top6 { border-top-width : 6px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom6 { border-bottom-width : 6px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius6 { border-radius : 6px !important }
.order7 { order : 7; }
.border7 { border-width : 7px; border-style: solid; }
.border_top7 { border-top-width : 7px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom7 { border-bottom-width : 7px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius7 { border-radius : 7px !important }
.order8 { order : 8; }
.border8 { border-width : 8px; border-style: solid; }
.border_top8 { border-top-width : 8px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom8 { border-bottom-width : 8px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius8 { border-radius : 8px !important }
.order9 { order : 9; }
.border9 { border-width : 9px; border-style: solid; }
.border_top9 { border-top-width : 9px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom9 { border-bottom-width : 9px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius9 { border-radius : 9px !important }
.order10 { order : 10; }
.border10 { border-width : 10px; border-style: solid; }
.border_top10 { border-top-width : 10px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom10 { border-bottom-width : 10px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius10 { border-radius : 10px !important }
.order11 { order : 11; }
.border11 { border-width : 11px; border-style: solid; }
.border_top11 { border-top-width : 11px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom11 { border-bottom-width : 11px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius11 { border-radius : 11px !important }
.order12 { order : 12; }
.border12 { border-width : 12px; border-style: solid; }
.border_top12 { border-top-width : 12px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom12 { border-bottom-width : 12px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius12 { border-radius : 12px !important }
.order13 { order : 13; }
.border13 { border-width : 13px; border-style: solid; }
.border_top13 { border-top-width : 13px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom13 { border-bottom-width : 13px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius13 { border-radius : 13px !important }
.order14 { order : 14; }
.border14 { border-width : 14px; border-style: solid; }
.border_top14 { border-top-width : 14px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom14 { border-bottom-width : 14px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius14 { border-radius : 14px !important }
.order15 { order : 15; }
.border15 { border-width : 15px; border-style: solid; }
.border_top15 { border-top-width : 15px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom15 { border-bottom-width : 15px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius15 { border-radius : 15px !important }
.order16 { order : 16; }
.border16 { border-width : 16px; border-style: solid; }
.border_top16 { border-top-width : 16px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom16 { border-bottom-width : 16px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius16 { border-radius : 16px !important }
.order17 { order : 17; }
.border17 { border-width : 17px; border-style: solid; }
.border_top17 { border-top-width : 17px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom17 { border-bottom-width : 17px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius17 { border-radius : 17px !important }
.order18 { order : 18; }
.border18 { border-width : 18px; border-style: solid; }
.border_top18 { border-top-width : 18px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom18 { border-bottom-width : 18px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius18 { border-radius : 18px !important }
.order19 { order : 19; }
.border19 { border-width : 19px; border-style: solid; }
.border_top19 { border-top-width : 19px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom19 { border-bottom-width : 19px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius19 { border-radius : 19px !important }
.order20 { order : 20; }
.border20 { border-width : 20px; border-style: solid; }
.border_top20 { border-top-width : 20px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom20 { border-bottom-width : 20px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius20 { border-radius : 20px !important }
.order21 { order : 21; }
.border21 { border-width : 21px; border-style: solid; }
.border_top21 { border-top-width : 21px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom21 { border-bottom-width : 21px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius21 { border-radius : 21px !important }
.order22 { order : 22; }
.border22 { border-width : 22px; border-style: solid; }
.border_top22 { border-top-width : 22px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom22 { border-bottom-width : 22px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius22 { border-radius : 22px !important }
.order23 { order : 23; }
.border23 { border-width : 23px; border-style: solid; }
.border_top23 { border-top-width : 23px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom23 { border-bottom-width : 23px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius23 { border-radius : 23px !important }
.order24 { order : 24; }
.border24 { border-width : 24px; border-style: solid; }
.border_top24 { border-top-width : 24px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom24 { border-bottom-width : 24px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius24 { border-radius : 24px !important }
.order25 { order : 25; }
.border25 { border-width : 25px; border-style: solid; }
.border_top25 { border-top-width : 25px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom25 { border-bottom-width : 25px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius25 { border-radius : 25px !important }
.order26 { order : 26; }
.border26 { border-width : 26px; border-style: solid; }
.border_top26 { border-top-width : 26px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom26 { border-bottom-width : 26px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius26 { border-radius : 26px !important }
.order27 { order : 27; }
.border27 { border-width : 27px; border-style: solid; }
.border_top27 { border-top-width : 27px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom27 { border-bottom-width : 27px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius27 { border-radius : 27px !important }
.order28 { order : 28; }
.border28 { border-width : 28px; border-style: solid; }
.border_top28 { border-top-width : 28px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom28 { border-bottom-width : 28px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius28 { border-radius : 28px !important }
.order29 { order : 29; }
.border29 { border-width : 29px; border-style: solid; }
.border_top29 { border-top-width : 29px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom29 { border-bottom-width : 29px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius29 { border-radius : 29px !important }
/* 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;}
.gap51 { gap : 51px; }
.columngap51 { column-gap : 51px;}
.rowgap51 { row-gap : 51px;}
.gap52 { gap : 52px; }
.columngap52 { column-gap : 52px;}
.rowgap52 { row-gap : 52px;}
.gap53 { gap : 53px; }
.columngap53 { column-gap : 53px;}
.rowgap53 { row-gap : 53px;}
.gap54 { gap : 54px; }
.columngap54 { column-gap : 54px;}
.rowgap54 { row-gap : 54px;}
.gap55 { gap : 55px; }
.columngap55 { column-gap : 55px;}
.rowgap55 { row-gap : 55px;}
.gap56 { gap : 56px; }
.columngap56 { column-gap : 56px;}
.rowgap56 { row-gap : 56px;}
.gap57 { gap : 57px; }
.columngap57 { column-gap : 57px;}
.rowgap57 { row-gap : 57px;}
.gap58 { gap : 58px; }
.columngap58 { column-gap : 58px;}
.rowgap58 { row-gap : 58px;}
.gap59 { gap : 59px; }
.columngap59 { column-gap : 59px;}
.rowgap59 { row-gap : 59px;}
.gap60 { gap : 60px; }
.columngap60 { column-gap : 60px;}
.rowgap60 { row-gap : 60px;}
.gap61 { gap : 61px; }
.columngap61 { column-gap : 61px;}
.rowgap61 { row-gap : 61px;}
.gap62 { gap : 62px; }
.columngap62 { column-gap : 62px;}
.rowgap62 { row-gap : 62px;}
.gap63 { gap : 63px; }
.columngap63 { column-gap : 63px;}
.rowgap63 { row-gap : 63px;}
.gap64 { gap : 64px; }
.columngap64 { column-gap : 64px;}
.rowgap64 { row-gap : 64px;}
.gap65 { gap : 65px; }
.columngap65 { column-gap : 65px;}
.rowgap65 { row-gap : 65px;}
.gap66 { gap : 66px; }
.columngap66 { column-gap : 66px;}
.rowgap66 { row-gap : 66px;}
.gap67 { gap : 67px; }
.columngap67 { column-gap : 67px;}
.rowgap67 { row-gap : 67px;}
.gap68 { gap : 68px; }
.columngap68 { column-gap : 68px;}
.rowgap68 { row-gap : 68px;}
.gap69 { gap : 69px; }
.columngap69 { column-gap : 69px;}
.rowgap69 { row-gap : 69px;}
.gap70 { gap : 70px; }
.columngap70 { column-gap : 70px;}
.rowgap70 { row-gap : 70px;}
.gap71 { gap : 71px; }
.columngap71 { column-gap : 71px;}
.rowgap71 { row-gap : 71px;}
.gap72 { gap : 72px; }
.columngap72 { column-gap : 72px;}
.rowgap72 { row-gap : 72px;}
.gap73 { gap : 73px; }
.columngap73 { column-gap : 73px;}
.rowgap73 { row-gap : 73px;}
.gap74 { gap : 74px; }
.columngap74 { column-gap : 74px;}
.rowgap74 { row-gap : 74px;}
.gap75 { gap : 75px; }
.columngap75 { column-gap : 75px;}
.rowgap75 { row-gap : 75px;}
.gap76 { gap : 76px; }
.columngap76 { column-gap : 76px;}
.rowgap76 { row-gap : 76px;}
.gap77 { gap : 77px; }
.columngap77 { column-gap : 77px;}
.rowgap77 { row-gap : 77px;}
.gap78 { gap : 78px; }
.columngap78 { column-gap : 78px;}
.rowgap78 { row-gap : 78px;}
.gap79 { gap : 79px; }
.columngap79 { column-gap : 79px;}
.rowgap79 { row-gap : 79px;}
.gap80 { gap : 80px; }
.columngap80 { column-gap : 80px;}
.rowgap80 { row-gap : 80px;}
.gap81 { gap : 81px; }
.columngap81 { column-gap : 81px;}
.rowgap81 { row-gap : 81px;}
.gap82 { gap : 82px; }
.columngap82 { column-gap : 82px;}
.rowgap82 { row-gap : 82px;}
.gap83 { gap : 83px; }
.columngap83 { column-gap : 83px;}
.rowgap83 { row-gap : 83px;}
.gap84 { gap : 84px; }
.columngap84 { column-gap : 84px;}
.rowgap84 { row-gap : 84px;}
.gap85 { gap : 85px; }
.columngap85 { column-gap : 85px;}
.rowgap85 { row-gap : 85px;}
.gap86 { gap : 86px; }
.columngap86 { column-gap : 86px;}
.rowgap86 { row-gap : 86px;}
.gap87 { gap : 87px; }
.columngap87 { column-gap : 87px;}
.rowgap87 { row-gap : 87px;}
.gap88 { gap : 88px; }
.columngap88 { column-gap : 88px;}
.rowgap88 { row-gap : 88px;}
.gap89 { gap : 89px; }
.columngap89 { column-gap : 89px;}
.rowgap89 { row-gap : 89px;}
.gap90 { gap : 90px; }
.columngap90 { column-gap : 90px;}
.rowgap90 { row-gap : 90px;}
.gap91 { gap : 91px; }
.columngap91 { column-gap : 91px;}
.rowgap91 { row-gap : 91px;}
.gap92 { gap : 92px; }
.columngap92 { column-gap : 92px;}
.rowgap92 { row-gap : 92px;}
.gap93 { gap : 93px; }
.columngap93 { column-gap : 93px;}
.rowgap93 { row-gap : 93px;}
.gap94 { gap : 94px; }
.columngap94 { column-gap : 94px;}
.rowgap94 { row-gap : 94px;}
.gap95 { gap : 95px; }
.columngap95 { column-gap : 95px;}
.rowgap95 { row-gap : 95px;}
.gap96 { gap : 96px; }
.columngap96 { column-gap : 96px;}
.rowgap96 { row-gap : 96px;}
.gap97 { gap : 97px; }
.columngap97 { column-gap : 97px;}
.rowgap97 { row-gap : 97px;}
.gap98 { gap : 98px; }
.columngap98 { column-gap : 98px;}
.rowgap98 { row-gap : 98px;}
.gap99 { gap : 99px; }
.columngap99 { column-gap : 99px;}
.rowgap99 { row-gap : 99px;}
/* Custom Padding */
.p1 { padding : 1px; }
.pt1, .p1-0 { padding-top: 1px; }
.pb1, .p1-0 { padding-bottom: 1px; }
.p2 { padding : 2px; }
.pt2, .p2-0 { padding-top: 2px; }
.pb2, .p2-0 { padding-bottom: 2px; }
.p3 { padding : 3px; }
.pt3, .p3-0 { padding-top: 3px; }
.pb3, .p3-0 { padding-bottom: 3px; }
.p4 { padding : 4px; }
.pt4, .p4-0 { padding-top: 4px; }
.pb4, .p4-0 { padding-bottom: 4px; }
.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; }
.pl0, .p0-0, .plr0 { padding-left:0; }
.pr0, .p0, .plr0 { padding-right:0; }
.pl0,.p0-0 { padding-left : 0px; }
.pr0,.p0-0 { padding-right : 0px; }
.ml0,.m0-0 { margin-left : 0px; }
.mr0,.m0-0 { margin-right : 0px; }
.mt0{ margin-top : 0px; }
.margin_minus0 { margin : 0 -0px }
.pl1,.p0-1 { padding-left : 1px; }
.pr1,.p0-1 { padding-right : 1px; }
.ml1,.m0-1 { margin-left : 1px; }
.mr1,.m0-1 { margin-right : 1px; }
.mt1{ margin-top : 1px; }
.margin_minus1 { margin : 0 -1px }
.pl2,.p0-2 { padding-left : 2px; }
.pr2,.p0-2 { padding-right : 2px; }
.ml2,.m0-2 { margin-left : 2px; }
.mr2,.m0-2 { margin-right : 2px; }
.mt2{ margin-top : 2px; }
.margin_minus2 { margin : 0 -2px }
.pl3,.p0-3 { padding-left : 3px; }
.pr3,.p0-3 { padding-right : 3px; }
.ml3,.m0-3 { margin-left : 3px; }
.mr3,.m0-3 { margin-right : 3px; }
.mt3{ margin-top : 3px; }
.margin_minus3 { margin : 0 -3px }
.pl4,.p0-4 { padding-left : 4px; }
.pr4,.p0-4 { padding-right : 4px; }
.ml4,.m0-4 { margin-left : 4px; }
.mr4,.m0-4 { margin-right : 4px; }
.mt4{ margin-top : 4px; }
.margin_minus4 { margin : 0 -4px }
.pl5,.p0-5 { padding-left : 5px; }
.pr5,.p0-5 { padding-right : 5px; }
.ml5,.m0-5 { margin-left : 5px; }
.mr5,.m0-5 { margin-right : 5px; }
.mt5{ margin-top : 5px; }
.margin_minus5 { margin : 0 -5px }
.pl6,.p0-6 { padding-left : 6px; }
.pr6,.p0-6 { padding-right : 6px; }
.ml6,.m0-6 { margin-left : 6px; }
.mr6,.m0-6 { margin-right : 6px; }
.mt6{ margin-top : 6px; }
.margin_minus6 { margin : 0 -6px }
.pl7,.p0-7 { padding-left : 7px; }
.pr7,.p0-7 { padding-right : 7px; }
.ml7,.m0-7 { margin-left : 7px; }
.mr7,.m0-7 { margin-right : 7px; }
.mt7{ margin-top : 7px; }
.margin_minus7 { margin : 0 -7px }
.pl8,.p0-8 { padding-left : 8px; }
.pr8,.p0-8 { padding-right : 8px; }
.ml8,.m0-8 { margin-left : 8px; }
.mr8,.m0-8 { margin-right : 8px; }
.mt8{ margin-top : 8px; }
.margin_minus8 { margin : 0 -8px }
.pl9,.p0-9 { padding-left : 9px; }
.pr9,.p0-9 { padding-right : 9px; }
.ml9,.m0-9 { margin-left : 9px; }
.mr9,.m0-9 { margin-right : 9px; }
.mt9{ margin-top : 9px; }
.margin_minus9 { margin : 0 -9px }
.pl10,.p0-10 { padding-left : 10px; }
.pr10,.p0-10 { padding-right : 10px; }
.ml10,.m0-10 { margin-left : 10px; }
.mr10,.m0-10 { margin-right : 10px; }
.mt10{ margin-top : 10px; }
.margin_minus10 { margin : 0 -10px }
.pl11,.p0-11 { padding-left : 11px; }
.pr11,.p0-11 { padding-right : 11px; }
.ml11,.m0-11 { margin-left : 11px; }
.mr11,.m0-11 { margin-right : 11px; }
.mt11{ margin-top : 11px; }
.margin_minus11 { margin : 0 -11px }
.pl12,.p0-12 { padding-left : 12px; }
.pr12,.p0-12 { padding-right : 12px; }
.ml12,.m0-12 { margin-left : 12px; }
.mr12,.m0-12 { margin-right : 12px; }
.mt12{ margin-top : 12px; }
.margin_minus12 { margin : 0 -12px }
.pl13,.p0-13 { padding-left : 13px; }
.pr13,.p0-13 { padding-right : 13px; }
.ml13,.m0-13 { margin-left : 13px; }
.mr13,.m0-13 { margin-right : 13px; }
.mt13{ margin-top : 13px; }
.margin_minus13 { margin : 0 -13px }
.pl14,.p0-14 { padding-left : 14px; }
.pr14,.p0-14 { padding-right : 14px; }
.ml14,.m0-14 { margin-left : 14px; }
.mr14,.m0-14 { margin-right : 14px; }
.mt14{ margin-top : 14px; }
.margin_minus14 { margin : 0 -14px }
.pl15,.p0-15 { padding-left : 15px; }
.pr15,.p0-15 { padding-right : 15px; }
.ml15,.m0-15 { margin-left : 15px; }
.mr15,.m0-15 { margin-right : 15px; }
.mt15{ margin-top : 15px; }
.margin_minus15 { margin : 0 -15px }
.pl16,.p0-16 { padding-left : 16px; }
.pr16,.p0-16 { padding-right : 16px; }
.ml16,.m0-16 { margin-left : 16px; }
.mr16,.m0-16 { margin-right : 16px; }
.mt16{ margin-top : 16px; }
.margin_minus16 { margin : 0 -16px }
.pl17,.p0-17 { padding-left : 17px; }
.pr17,.p0-17 { padding-right : 17px; }
.ml17,.m0-17 { margin-left : 17px; }
.mr17,.m0-17 { margin-right : 17px; }
.mt17{ margin-top : 17px; }
.margin_minus17 { margin : 0 -17px }
.pl18,.p0-18 { padding-left : 18px; }
.pr18,.p0-18 { padding-right : 18px; }
.ml18,.m0-18 { margin-left : 18px; }
.mr18,.m0-18 { margin-right : 18px; }
.mt18{ margin-top : 18px; }
.margin_minus18 { margin : 0 -18px }
.pl19,.p0-19 { padding-left : 19px; }
.pr19,.p0-19 { padding-right : 19px; }
.ml19,.m0-19 { margin-left : 19px; }
.mr19,.m0-19 { margin-right : 19px; }
.mt19{ margin-top : 19px; }
.margin_minus19 { margin : 0 -19px }
.pl20,.p0-20 { padding-left : 20px; }
.pr20,.p0-20 { padding-right : 20px; }
.ml20,.m0-20 { margin-left : 20px; }
.mr20,.m0-20 { margin-right : 20px; }
.mt20{ margin-top : 20px; }
.margin_minus20 { margin : 0 -20px }
.pl21,.p0-21 { padding-left : 21px; }
.pr21,.p0-21 { padding-right : 21px; }
.ml21,.m0-21 { margin-left : 21px; }
.mr21,.m0-21 { margin-right : 21px; }
.mt21{ margin-top : 21px; }
.margin_minus21 { margin : 0 -21px }
.pl22,.p0-22 { padding-left : 22px; }
.pr22,.p0-22 { padding-right : 22px; }
.ml22,.m0-22 { margin-left : 22px; }
.mr22,.m0-22 { margin-right : 22px; }
.mt22{ margin-top : 22px; }
.margin_minus22 { margin : 0 -22px }
.pl23,.p0-23 { padding-left : 23px; }
.pr23,.p0-23 { padding-right : 23px; }
.ml23,.m0-23 { margin-left : 23px; }
.mr23,.m0-23 { margin-right : 23px; }
.mt23{ margin-top : 23px; }
.margin_minus23 { margin : 0 -23px }
.pl24,.p0-24 { padding-left : 24px; }
.pr24,.p0-24 { padding-right : 24px; }
.ml24,.m0-24 { margin-left : 24px; }
.mr24,.m0-24 { margin-right : 24px; }
.mt24{ margin-top : 24px; }
.margin_minus24 { margin : 0 -24px }
.slickarrows .slick-arrow { background: rgba(5, 30, 66, .3); border-radius: 50%; height: 34px; width: 34px; z-index: 9;}
.slickarrows .slick-arrow:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H5m0 0 7 7m-7-7 7-7'/%3E%3C/svg%3E");
background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; height: 24px; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 24px;}
.slickarrows button.slick-prev { left: -7px;}
.slickarrows button.slick-next { right: -7px;}
.slickarrows button.slick-next:before { transform: translate(-50%,-50%) rotate(180deg);}
.octonary_button a { background: #27D3BC; border-radius: 20px; padding: 11px 36px; font-size: 15px; font-weight: 600; line-height: 1.2; color: #fff;}
.CCLPAgendaRightColBoxRTCnt ul {
list-style: auto;
padding-left: 20px;
}
.HomeBannerTitleSection { max-width: 752px; width: 100%; margin: 0 auto; text-align: center;}
.HomeBannerVideo { max-width: 996px; width: 100%; margin: 0 auto; padding-top: 39px;}
.HomeBannerVideo video { width: 100%; height: 100%; aspect-ratio: 16/9; border-radius: 24px;}
.HomeBannerreviewlogo img { width: 170px; height: auto; object-fit: contain;}
.HomeBannerreviewlogo { justify-content: center; padding-top: 37px;}
.HomeBannerInnerSec { position: relative;}
.HomeBannerInnerSec:before { position: absolute; content: ''; width: 100%; height: calc(100% - 124px); background-image: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/b930998e6bb0e81c3de2f67d8f975ba979ba92a8.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; bottom: 0; left: 0; z-index: -1; pointer-events: none;}
.HomeBannerSection:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-image: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/ARC%20%282%29.png');background-repeat: no-repeat; background-size: contain; background-position: center top; pointer-events: none}
.BlockNavlink { background: #fff; border-radius: 0 0 30px 30px;}
.BlockNavlink ul { display: flex; align-items: center; padding: 5px 5px 5px 23px;}
.BlockNavlink ul li:first-child a { font-size: 16px; font-weight: 700; color: #0E193C; font-family: IBM Plex Sans,sans-serif; line-height: 1.3;}
.BlockNavlink ul li:not(:first-child):not(:last-child) a { display: flex; align-items: center; color: #000000; gap: 18px; font-size: 16px; font-weight: 700; font-family: IBM Plex Sans, sans-serif; line-height: 1.3;padding: 13px 13px 13px 16px; min-width: 210px;}
.BlockNavlink ul li:last-child a { padding: 15px 27px; min-width: 341px; text-align: center; border-radius: 25px;}
.BlockNavlink ul { justify-content: space-between;}
.BlockNavlink ul li:not(:first-child):not(:last-child) a:hover { background: #F5F5F5;}
.BlockNavlink ul li:not(:first-child):not(:last-child) a { border-radius: 24px;}
.BlockNavlink ul li a .img { width: 24px; height: 24px;}
.BlockNavlink ul li a .img img { width: 100%; height: 100%; object-fit: contain;}
.LogoBoxSection { gap: 20px 100px;flex-wrap: nowrap;}
.RiskManagementInSec { padding-left: 70px; padding-right: 70px;}
.RiskManagementTitle { max-width: 700px; width: 100%; margin: 0 auto; text-align: center;}
.RiskManagementBoxMain { max-width: 944px; width: 100%; margin: 0 auto;}
.RiskManagementBoxMain .RiskManagementBox { background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; max-width: calc(50% - 14.5px); width: 100%; border-radius: 24px; padding: 50px;}
.RiskManagementBoxMain .RiskManagementBox { position: relative;}
.RiskManagementBoxIn { position : relative; z-index : 1 }
.RiskManagementBoxLogo { max-width: 200px; width: 100%;}
.RiskManagementBoxLogo img { width: 100%; height: 100%; object-fit: contain;}
.RiskManagementBoxPrice { min-height: 150px;}
.RiskManagementBoxCPrice { min-height: 98px; font-weight: 600;}
.RiskManagementBoxPrice p span { font-size: 24px; line-height: 1.5;}
.RiskManagementBoxPrice p { font-size: 15px;}
.RiskManagementSec { margin-top: -147px;}
.RiskManagementROSec { margin-top : 0 !important}
.RiskManagementInSec { border-radius: 24px;}
.RiskManagementInSec { position: relative;}
.RiskManagementInSec:before { position: absolute; content: ''; width: calc(100% - 140px); height: calc(100% - 140px);
background-image: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/4f64fefe48771f996479bfb23a249b19db8de13a.png');
background-repeat: no-repeat; background-size: cover; background-position: center center; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none;}
.RiskManagementTitle { position: relative; z-index: 1;}
.RiskManagementBoxMain { position: relative; z-index: 1;}
.RiskManagementBoxMain .RiskManagementBox { transition: all ease-in-out 0.3s;}
.RiskManagementBoxMain .RiskManagementBox:hover { transform: scale(1.07);}
.RiskThreeColTitleSec { max-width: 752px; width: 100%; margin: 0 auto; text-align: center;}
.RiskThreeColTitleSec .RiskThreeColContent { max-width: 652px; width: 100%; margin: 0 auto;}
.RiskThreeColBoxSec { max-width: 1140px; width: 100%; margin: 0 auto;}
.RiskThreeColBoxSec .RiskThreeColBox { max-width: calc(33.33% - 16px); width: 100%;}
.RiskThreeColBoxSec .RiskThreeColBox .RiskThreeColBoxIn { padding: 28px 23px 34px; background: #fff; border-radius: 24px;}
.RiskThreeColBoxSec .RiskThreeColBox .RiskThreeColBoxIn .RiskThreeColBoxLogo { width: 48px; height: 48px;}
.RiskThreeColBoxSec .RiskThreeColBox .RiskThreeColBoxIn .RiskThreeColBoxLogo img { width: 100%; height: 100%; object-fit: contain;}
.RiskThreeColBoxSec .RiskThreeColBox .RiskThreeColBoxTitle { margin-top: 15px;}
.RiskThreeColBoxSec .RiskThreeColBox .RiskThreeColBoxCnt { margin-top: 10px;}
.RiskThreeColBoxSec { align-items: stretch !important;}
.RiskThreeColBoxSec .RiskThreeColBox .RiskThreeColBoxIn { height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.RiskThreeColBoxSec .RiskThreeColBox .RiskThreeColBoxCTA { margin-top: 147px;}
.HomeTabbingInSec { border-radius: 24px; background: #1d1d1d;}
.HomeTabbingInSec .HomeTabbingBtns { padding: 53px 86px 30px;}
.HomeTabbingInSec .HomeTabbingBtns ul { display: flex; align-items: center; justify-content: space-between; gap: 23px; flex-wrap: wrap;}
.HomeTabbingInSec .HomeTabbingBtns ul li { max-width: calc(25% - 17.25px); width: 100%; text-align: center; padding-bottom: 25px; position: relative;}
.HomeTabbingInSec .HomeTabbingBtns ul li a { width: 100%; height: 100%;}
.HomeTabbingInSec .HomeTabbingBtns ul li a img { width: 153px; height: 55px; object-fit: contain;}
.HomeTabbingInSec .HomeTabbingBtns ul li:before { position: absolute; content: ''; width: 100%; height: 5px; background: #fff; left: 0; bottom: 0; transition: all ease-in-out 0.3s;}
.HomeTabbingInSec .HomeTabbingBtns ul li:after { position: absolute; content: ''; width: 0; height: 5px; background: #004BFF; left: 0; bottom: 0; transition: all ease-in-out 0.3s;}
.HomeTabbingContentboxMain { padding: 0 10px 0 91px;}
.HomeTabbingContentbox .HomeTabbingContentboxLT { max-width: 416px; width: 100%; padding-bottom: 66px;}
.HomeTabbingContentbox .HomeTabbingContentboxLT .HomeTabbingCntboxCTA { padding-top: 32px;}
.HomeTabbingContentbox .HomeTabbingContentboxRT { max-width: calc(100% - 416px); width: 100%; max-height: 495px;}
.HomeTabbingContentboxInner { align-items: flex-end;}
.HomeTabbingInSec { overflow: hidden;}
.HomeTabbingInSec .HomeTabbingBtns ul li.active:after { width: 100%;}
.WhyCSBoxSection .WhyCSImagesBoxMain { max-width: 462px; width: 100%;}
.WhyCSImagesBoxMain .WhyCSImagesBox { border-radius: 24px; overflow: hidden;}
.WhyCSImagesBoxMain .WhyCSImagesBox img { width: 100%; height: 100%; object-fit: cover;}
.WhyCSBoxSection .WhyCSFAQBoxSec { max-width: calc(100% - 471px); width: 100%;}
.WhyCSBoxSection { max-width: 1000px;width: 100%; margin: 0 auto;}
.WhyCSBoxSection .WhyCSFAQBoxSec .WhyCSFAQBox { padding-left: 23px; position: relative; padding-bottom: 27px; padding-top: 7px;}
.WhyCSBoxSection .WhyCSFAQBoxSec .WhyCSFAQBox .WhyCSFAQBoxTitle h6 {font-family: IBM Plex Sans,sans-serif;font-weight: 600;}
.WhyCSBoxSection .WhyCSFAQBoxSec .WhyCSFAQBox .WhyCSFAQBoxInner { padding: 13px 0 2px;}
.WhyCSBoxSection .WhyCSFAQBoxSec .WhyCSFAQBox:before { position: absolute; content: ''; width: 4px; height: 100%; background: #CCDBFF; left: 0; top: 0;}
.WhyCSBoxSection .WhyCSFAQBoxSec .WhyCSFAQBox:after { position: absolute; content: ''; width: 4px; height: 0; left: 0; top: 0; background: #004BFF; transition: all ease-in-out 0.3s;}
.WhyCSBoxSection .WhyCSFAQBoxSec .WhyCSFAQBox.lineup:after { height: 100%;}
.WhyCSImagesBoxMain .WhyCSImagesBox img { min-height: 462px;}
.WhyCSBoxSection .WhyCSFAQBoxSec .WhyCSFAQBox.active .WhyCSFAQBoxTitle h6 { color: #004BFF;}
.PackageSection:before,.PackageSection:after { position: absolute; content: ''; width: 100%; height: 96px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='96' viewBox='0 0 1920 96' fill='none'%3E%3Cg clip-path='url(%23clip0_4127_7104)'%3E%3Cpath d='M960.01 0.000320428C604.022 0.000382671 273.503 35.4185 1.67852e-05 96.0005L1920 96.0002C1646.5 35.4183 1315.98 0.000258188 960.01 0.000320428Z' fill='%23004BFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4127_7104'%3E%3Crect width='1920' height='96' fill='white' transform='translate(0 0.000488281)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-size: cover; background-repeat: no-repeat; background-position: center center; top: -96px; left: 0; }
.PackageSection:after { bottom: -96px;top : unset ; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='96' viewBox='0 0 1920 96' fill='none'%3E%3Cg clip-path='url(%23clip0_4127_7102)'%3E%3Cpath d='M959.99 95.9999C1315.98 95.9999 1646.5 60.5819 1920 -7.62939e-06L8.39259e-06 -0.000175481C273.503 60.5818 604.022 95.9999 959.99 95.9999Z' fill='%23004BFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4127_7102'%3E%3Crect width='1920' height='96' fill='white' transform='translate(1920 96) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"), #fff;}
.PackageBoxSection { max-width: 559px; width: 100%; margin: 0 auto; gap: 25px; align-items: stretch;}
.PackageBoxSection .PackageContentSection { max-width: calc(50% - 12.5px); width: 100%;}
.PackageBoxSection .PackageBox { max-width: calc(50% - 12.5px); width: 100%; border-radius: 12px; padding: 29px 12px 34px;}
.PackageBoxLogo { max-width: 180px; width: 100%; margin: 0 auto;}
.PackageBoxLogo img { width: 100%; height: 100%; object-fit: contain;}
.PackageBoxContentCol { padding: 0 5px; text-align: center;}
.PackageBoxContent { padding-top: 10px;}
.PackageBoxPrice { padding-top: 35px;}
.PackageBoxCTA { padding-top: 27px;}
.PackageBoxContentCol .PackageBoxTitle { padding-top: 23px;}
.PackageBoxCTA a { width: 100%; text-align: center;}
.PackageContent h4 {font-family: IBM Plex Sans,sans-serif;margin-bottom: 10px;}
.PackageContent p a { text-decoration: underline !important;}
.FAQBoxSection { max-width: 994px; width: 100%; margin: 0 auto;}
.FAQBoxSection .FAQBox { padding: 20px; border-bottom: 1px solid #CCDBFF;}
.FAQBox .FAQBoxContent { display: none;}
.FAQBoxSection .FAQBox .FAQBoxTitle { position: relative; cursor: pointer; padding-right: 40px;}
.FAQBoxSection .FAQBox .FAQBoxTitle:after { position: absolute; content: ''; width: 24px; height: 24px; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23004BFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center center; right: 14px; top: 50%; transform: translateY(-50%);}
.FAQBTSec { max-width: 559px; width: 100%; margin: 0 auto; text-align: center;}
.FAQBtn a { min-width: 343px; text-align: center;}
.FAQBoxContentInner { margin-top: 11px; max-width: 848px; width: 100%;}
.FAQBoxSection .FAQBox.active .FAQBoxTitle:after { transform: translateY(-50%) rotate(180deg);}
.FourColumnTitleSection { max-width: 778px; width: 100%; margin: 0 auto;}
.FourColumnBoxSection .FourColumnBox { max-width: calc(25% - 18px); width: 100%; border-radius: 12px; padding: 27px 20px;}
.FourColumnBoxSection .FourColumnBox .FourColumnBoxContent { margin-top: 14px;}
.FourColumnBoxSection .FourColumnBox .FourColumnBoxButton { padding-top: 14px;}
.FourColumnBoxSection .FourColumnBox .FourColumnBoxButton a { color: #0E193C; font-weight: 600; font-size: 16px; line-height: 1.5; position: relative; padding-right: 27px;}
.FourColumnBoxSection .FourColumnBox .FourColumnBoxButton a:before { position: absolute; content: ''; width: 24px; height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%230E193C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
right: 0; top: 50%; transform: translateY(-50%);}
.PodcastTitleimg { width: 42px; margin: 0 auto;}
.PodcastTitleSection { max-width: 944px; width: 100%; margin: 0 auto; text-align: center;}
.PodcastTitleimg img { width: 100%; height: 100%; object-fit: contain;}
.PodcastTitleSection .PodcastTitle { margin-top: 10px;}
.PodcastTitleSection .PodcastSubscribe { background: #0D1930; border-radius: 25px; justify-content: center; max-width: 267px; width: 100%; margin: 20px auto 0; padding: 13px 19px;}
.PodcastTitleSection .PodcastSubscribe p { color: #fff; margin-right: 20px;}
.PodcastTitleSection .PodcastSubscribe ul { display: flex; align-items: center; gap: 27px;}
.LatestEpisodeSec { display: flex; align-items: center; justify-content: space-between;}
.LatestEpisodeSec .LatestEpisodeBtn a { font-size: 15px; font-weight: 500; text-decoration: underline !important; position: relative; padding-right: 34px;}
.LatestEpisodeSec .LatestEpisodeBtn a:before { position: absolute; content: ''; width: 24px; height: 24px; right: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.4444 8L19 12M19 12L15.4444 16M19 12L5 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: contain; background-position: center center; top: 50%; transform: translateY(-50%);}
.PodcastBoxGrpMain .PodcastBoxsecMain { max-width: calc(25% - 18px); width: 100%; background: rgba(5, 61, 195, 0.2); border-radius: 8px; overflow: hidden;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxImage { width: 100%; height: 267px;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxImage img { width: 100%; height: 100%; object-fit: cover;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxCntSec { padding: 12px;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxCntSec .PodcastBoxTitle h6 { font-size: 13px;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxCntSec .PodcastBoxCnt { padding-top: 10px;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxCntSec .PodcastBoxCnt ul li { color: #fff; font-size: 13px; font-weight: 400;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxCntSec .PodcastBoxCnt ul { display: flex; align-items: center;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxCntSec .PodcastBoxCnt ul li:first-child { padding-right: 5px; margin-right: 5px; border-right: 1px solid #fff;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxCntSec .PodcastBoxCnt { display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxCntSec .PodcastBoxCnt a { width: 24px; height: 24px;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxCntSec .PodcastBoxCnt a svg { width: 100%; height: 100%;}
.PodcastBoxGrpMain { align-items: stretch !important;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxImage a { width: 100%; height: 100%;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxCntSec .PodcastBoxTitle a { width: 100%;}
.RiskReckoningInSec .RiskReckoningLTCol { max-width: 522px; width: 100%; position: relative;}
.RiskReckoningInSec { gap: 23px; background: #004BFF; position: relative; border-radius: 24px; padding-left: 105px; padding-right: 86px; overflow: hidden;}
.RiskReckoningInSec .RiskReckoningRTCol { max-width: calc(100% - 552px); width: 100%; position: relative;}
.RiskReckoningInSec:before { position: absolute;content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, #2644A2 40%, rgba(0, 75, 255, 0) 100%); top: 0; left: 0; pointer-events: none; border-radius: 24px;}
.RiskReckoningInSec .RiskReckoningLTCol:after { position: absolute; content: ''; background: linear-gradient(280deg, rgb(0 76 255 / 61%) 5.94%, rgba(0, 76, 255, 0) 58.24%);
width: calc(100% + 100px); height: calc(100% + 200px); border-radius: 50%; left: 44%; top: 50%; transform: translate(-50%, -50%); pointer-events: none;}
.RiskReckoningInSec .RiskReckoningLTCol img { position: relative; z-index: 1;}
.RiskReckoningcntcol { max-width: 442px; width: 100%; padding-bottom: 26px;}
.RiskReckoningcntcol .RiskReckoningCnt { margin-top: 17px;}
.RiskReckoningInSec .RiskReckoningRTCol .RiskReckCounterBoxMain { padding-top: 21px; border-top: 1px solid #fff; display: flex; align-items: flex-start; gap: 25px; flex-wrap: wrap;}
.RiskReckoningInSec .RiskReckoningRTCol .RiskReckCounterBoxMain .RiskReckCounterBox { max-width: calc(33.33% - 16.66px); width: 100%;}
.RiskReckoningInSec .RiskReckoningRTCol .RiskReckCounterBoxMain .RiskReckCounterBox .RiskReckCounterBoxCnt { padding-top: 7px;}
.RiskReckoningInSec .RiskReckoningRTCol .RiskReckCounterBoxMain .RiskReckCounterBox .RiskReckCounterBoxCnt p { font-size: 13px;}
.RiskReckoningDownlCTA { padding-top: 22px;}
.RiskReckoningDownlCTA p { max-width: 214px; width: 100%;}
.ResourcesBoxSection { align-items: stretch !important;}
.ResourcesBoxSection .ResourcesBox { position: relative; max-width: calc(25% - 18.75px); width: 100%; background: #FFFFFF; border-radius: 12px; overflow: hidden;}
.ResourcesBoxSection .ResourcesBox .ResourcesBoximg { width: 100%; height: 170px;}
.ResourcesBoxSection .ResourcesBox .ResourcesBoximg img { width: 100%; height: 100%; object-fit: cover;}
.ResourcesBoxSection .ResourcesBox .ResourcesBoxCntCol { padding: 18px 23px 40px;}
.ResourcesBoxSection .ResourcesBox .ResourcesBoxCntCol .ResourcesBoxTag a { background: #CCDBFF; border-radius: 12px; font-size: 11px; line-height: 1; font-weight: 600; padding: 7px 21px;}
.ResourcesBoxSection .ResourcesBox .ResourcesBoxCntCol .ResourcesBoxTitle { margin-top: 12px;}
.ResourcesSection .ResourcesInnerSec .ResourcesTitle { max-width: 944px; width: 100%; margin: 0 auto; text-align: center;}
.ResourcesBoxiLink { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.ReviewSTitleSection { background: #004BFF; border-radius: 8px; padding: 28px 61px 28px 32px; justify-content: space-between;}
.ReviewSTitleSection .ReviewSTitleIn p { font-size: 11px; font-weight: 500;}
.ReviewSTitleSection .ReviewSTitleIn p a { text-decoration: underline !important;}
.ReviewSliderBox { background: #004BFF; border-radius: 10px; padding: 45px 20px 40px;}
.ReviewSliderBox .ReviewSliderBoxStar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px;}
.ReviewSliderBox .ReviewSliderBoxStar p { font-size: 13px; color: #fff; font-weight: 500;}
.ReviewSliderBox .ReviewSliderBoxCnt p { color: #fff;}
.ReviewSliderBox .ReviewSliderBoxG2 { margin-top: 15px;display: flex; align-items: center; gap: 8px;}
.ReviewSliderBox .ReviewSliderBoxG2 .ReviewSliderBoxG2Cnt p { color: #DCDEDC; font-size: 11px;}
.ReviewSliderBox .ReviewSliderBoxG2 .ReviewSliderBoxG2Cnt p span { text-decoration: underline;}
.ReviewSliderBoxMain { padding: 0 12px;}
.ReviewSliderBoxSec { margin: 0 -12px;}
.ReviewSliderBoxSec .slick-arrow { width: 34px; height: 34px; background: rgb(5 30 66 / 30%); border-radius: 50%; z-index: 9;}
.ReviewSliderBoxSec .slick-arrow::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 12H5M5 12L12 19M5 12L12 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: contain; background-position: center center;width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ReviewSliderBoxSec button.slick-prev.slick-arrow { left: -7px;}
.ReviewSliderBoxSec button.slick-next.slick-arrow { right: -7px;}
.ReviewSliderBoxSec button.slick-next.slick-arrow:before { transform: translate(-50%, -50%) rotate(180deg);}
.privacyTitleSection { max-width: 752px; width: 100%; margin: 0 auto; text-align: center;}
.privacyTwoColBoxmain {max-width: 939px;width: 100%;margin: 0 auto;display: flex;align-items: flex-start;gap: 26px;flex-wrap: wrap;padding-bottom: 25px;}
.privacyTwoColBoxmain .privacyTwoColBox { max-width: calc(50% - 13px); width: 100%;}
.privacyTwoColBoxmain .privacyTwoColBox .privacyBoxCOl+* { margin-top: 30px;}
.privacyTwoColBoxmain .privacyTwoColBox .privacyBoxCOl:first-child { margin-bottom: 56px;}
.ThirdpartyBoxSection { background: #fff; border-radius: 8px; padding: 29px 36px 35px; max-width : 1067px; width : 100%; margin : 0 auto}
.ThirdpartyBoxSection .ThirdpartyBoxTitleSec { max-width: 752px; width: 100%; margin: 0 auto; text-align: center; padding-bottom: 25px;}
.ThirdpartyBoxTCol { display: flex; align-items: flex-start; flex-wrap: wrap;}
.ThirdpartyBoxLTTitle { padding-left : 26px; }
.ThirdpartyBoxTCol .ThirdpartyBoxLTCol { max-width: 50%; width: 100%;}
.ThirdpartyBoxContent { background: #F1F6FF; margin: 8px 0 0; padding: 14px 26px;}
.ThirdpartyContent p+* { margin-top: 10px;}
.ThirdpartyTitle h6 { font-size: 16px;}
.ThirdpartySubTitle h6 { font-size: 16px;}
.ThirdpartyBoxLTTitle h6 { font-size: 16px; font-family: IBM Plex Sans,sans-serif; font-weight: 700;}
.ThirdpartyBoxContent ul {max-width: 450px;padding-left: 15px;list-style: disc;margin-left: 15px;}
.ThirdpartyBoxContent p+* { margin-top: 10px;}
.ThirdpartyBoxContent ul li { font-size: 16px; font-weight: 400; color: #0E193C; line-height: 1.2;}
.ThirdpartyBoxContent ul li+* { margin-top: 2px;}
.privacyBoxContent p a { color: #0E193C; text-decoration: underline !important;}
.privacyBoxContent p+* { margin-top: 10px;}
.privacyBoxContent ul { margin-left: 10px; padding-left: 10px; list-style: disc; margin-bottom: 10px;}
.privacyBoxContent ul li { color: #0E193C;}
.privacyBoxContent ul li+* { margin-top: 8px;}
.privacyBoxTitle h6 { font-size: 16px;}
.termsofuseContent p+* { margin-top: 10px;}
.termsofuseTitleSec {max-width: 946px; width: 100%; margin: 0 auto;}
.termsofuseInSec .ContentBoxSection .ContentBox+* { margin-top: 18px;}
.termsofuseInSec .ContentBoxSection .ContentBox .ContentBoxCnt { margin-top: 3px;}
.termsofuseInSec .ContentBoxSection .ContentBox .ContentBoxTitle h6 { font-size: 16px;}
.termsofuseInSec .ContentBoxSection .ContentBox .ContentBoxCnt p+* { margin-top: 8px;}
.termsofuseInSec .ContentBoxSection .ContentBox .ContentBoxCnt p a { color: #0e193c; text-decoration: underline !important;}
.termsofuseInSec .ContentBoxSection .ContentBox .ContentBoxCnt ul { margin-left: 20px; padding-left: 10px; list-style: disc; margin-bottom: 10px;}
.termsofuseInSec .ContentBoxSection .ContentBox .ContentBoxCnt ul li { color: #0e193c;}
.CookiesPlatformTitleSec { max-width: 925px; width: 100%; margin: 0 auto; text-align: center;}
.CookiesPlatformTitleSec .CookiesPlatformContent h6 { font-size: 16px; margin: 14px 0 4px;}
.CookiesPlatformTitleSec .CookiesPlatformContent ul li a { color: #0E193C;}
.CookiesPlatformTitleSec .CookiesPlatformContent p+* { margin-top: 10px;}
.CookiesPlatformTitleSec .CookiesPlatformContent ul { margin-bottom: 10px;}
.CookiesPlatformTitleSec .CookiesPlatformContent p:first-child { max-width: 752px;width: 100%; margin: 0 auto;}
.CookiesPlatformBoxSection { max-width: 1067px; width: 100%; margin: 50px auto 0;}
.CookiesPlatformBoxSection .CookiesPlatformTitle { text-align: center;}
.CookiesPlatformBoxSection .CookiesPlatformBox { background: #FFFFFF; border-radius: 8px; padding: 17px 36px;}
.CookiesPlatformBoxSection .CookiesPlatformBox ul { display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.CookiesPlatformBoxSection .CookiesPlatformBox ul li { max-width: calc(20% - 19.2px); width: 100%;}
.CookiesPlatformBoxSection .CookiesPlatformBox ul.declarationTitle li { color: #0E193C; font-weight: 700;padding : 0 5px;}
.CookiesPlatformBoxSection .CookiesPlatformBox ul:not(.declarationTitle) { background: #F1F6FF; margin-top: 4px; padding: 0 18px;}
.CookiesPlatformBoxSection .CookiesPlatformBox ul:not(.declarationTitle) li {color : #0E193C; padding: 14px 5px; font-size: 13px;}
.CookiesPlatformBoxSection .CookiesPlatformBox ul.declarationTitle { padding: 0 18px; margin-bottom: 13px;}
.contactusContent p { font-family: Bauhaus Desk Display;}
.contactusFormSec { max-width: 943px; width: 100%; margin: 0 auto;}
.contactusFormSec form label {margin: 0;}
.contactusFormSec form .input {margin : 0 !important}
.contactusFormSec form fieldset.form-columns-2 { display: flex; align-items: center; flex-wrap: wrap; gap: 23px;}
.contactusFormSec form fieldset.form-columns-2 .hs-form-field { max-width: calc(50% - 11.5px); width: 100%;}
/* .contactusFormSec form fieldset.form-columns-2:nth-child(2n + 2) .hs-form-field:first-child { max-width: calc(70% - 11.5px); width: 100%;}
.contactusFormSec form fieldset.form-columns-2:nth-child(2n + 2) .hs-form-field:last-child { max-width: calc(30% - 11.5px); width: 100%;} */
.contactusFormSec form fieldset.form-columns-2 .hs-form-field { margin-bottom: 0;}
.contactusFormSec form fieldset+* { margin-top: 24px;}
.contactusFormSec form fieldset textarea { border-radius: 12px; font-family: IBM Plex Sans,sans-serif;}
/* .contactusFormSec form fieldset textarea { background: #004CFF; border-color: #004CFF; border-radius: 12px; color: #fff; font-family: IBM Plex Sans,sans-serif; padding: 33px 27px;} */
/* .contactusFormSec form fieldset textarea::placeholder { color : #fff} */
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field > label { color: #fff; font-size: 16px; font-weight: 400; font-family: IBM Plex Sans,sans-serif; line-height: 1;}
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input ul { display: flex; align-items: center; flex-wrap: wrap; gap: 19px 36px;}
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input ul li.hs-form-checkbox { max-width: calc(33.33% - 24px); width: 100%;}
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input ul li.hs-form-checkbox label { position: relative;}
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input ul li.hs-form-checkbox label input { position: absolute; width: 100% !important; height: 100%; opacity: 0; z-index :2}
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input ul li.hs-form-checkbox label input + span { font-size: 16px; font-weight: 400; color: #fff; font-family: IBM Plex Sans,sans-serif; line-height: 1; position: relative; padding-left: 41px;}
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input { margin-top: 14px !important;}
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input ul li.hs-form-checkbox label input + span:before { position: absolute; content: ''; width: 27px; height: 27px; border: 1px solid #F0F3FA; left: 0;top: 50%; transform: translateY(-50%); background: #FFFFFF; border-radius: 1px;}
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input ul li.hs-form-checkbox label input + span:after { position: absolute; content: ''; left: 4px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain; top: 50%;transform: translatey(-50%); opacity :0; transition : all ease-in-out 0.3s;
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 100 100' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath fill='%23004cff' fill-rule='evenodd' d='M95.338 2.5c-1.432 0-4.068.274-7.915.811-3.847.54-6.334 1.061-7.455 1.555-1.125.494-3.158 2.208-6.093 5.123-2.938 2.925-7.2 8.324-12.773 16.192-5.58 7.876-10.786 16.19-15.625 24.95a352.779 352.779 0 0 0-13.552 27.29c-3.879-6.642-7.384-11.145-10.533-13.513-3.141-2.378-5.791-3.564-7.946-3.564-1.682 0-3.79.897-6.333 2.683-2.54 1.792-3.81 3.545-3.81 5.274 0 1.252 1.165 3.107 3.496 5.56 4.616 4.877 8.702 10.049 12.239 15.524 2.16 3.274 3.596 5.284 4.312 6.016.712.726 2.882 1.099 6.51 1.099 5.049 0 8.047-.647 9-1.95.946-1.253 2.695-4.99 5.246-11.22 6.303-15.598 14.14-30.493 23.506-44.675 9.375-14.177 17.962-24.901 25.779-32.166 1.557-1.38 2.493-2.275 2.822-2.688.32-.415.484-.832.484-1.266 0-.686-.455-1.035-1.359-1.035z' clip-rule='evenodd' opacity='1' data-original='%2309b285' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");}
.contactusFormSec form .hs_submit input[type=submit]:hover {background:#0E193C;border-color: #0E193C;color: #fff;}
.contactusFormSec form .hs_submit input[type=submit] { transition: all ease-in-out 0.2s;}
.contactusFormSec form .legal-consent-container .hs-fieldtype-booleancheckbox .input { max-width: 469px; width: 100%;}
.contactusFormSec form .legal-consent-container .hs-fieldtype-booleancheckbox .input label { position: relative;}
.contactusFormSec form .legal-consent-container .hs-fieldtype-booleancheckbox .input label input { position: absolute; width: 100% !important; height: 100%; opacity: 0;z-index : 2}
.contactusFormSec form .legal-consent-container .hs-fieldtype-booleancheckbox .input label input + span { font-family: IBM Plex Sans,sans-serif; color: #fff; font-size: 12px; font-weight: 400; margin-left: 0 !important; padding-left: 36px; position: relative;}
.contactusFormSec form .legal-consent-container .hs-fieldtype-booleancheckbox .input label input + span a { color: #fff; text-decoration: underline !important; position: relative; z-index : 3}
.contactusFormSec form .legal-consent-container .hs-fieldtype-booleancheckbox .input label input + span:before { position: absolute; content: ''; width: 27px; height: 27px; border: 1px solid #F0F3FA; left: 0; top: 50%; transform: translateY(-50%); background: #FFFFFF; border-radius: 1px;}
.contactusFormSec form .legal-consent-container .hs-fieldtype-booleancheckbox .input label input + span:after { position: absolute; content: ''; left: 4px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain; top: 50%;transform: translatey(-50%);
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 100 100' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath fill='%23004cff' fill-rule='evenodd' d='M95.338 2.5c-1.432 0-4.068.274-7.915.811-3.847.54-6.334 1.061-7.455 1.555-1.125.494-3.158 2.208-6.093 5.123-2.938 2.925-7.2 8.324-12.773 16.192-5.58 7.876-10.786 16.19-15.625 24.95a352.779 352.779 0 0 0-13.552 27.29c-3.879-6.642-7.384-11.145-10.533-13.513-3.141-2.378-5.791-3.564-7.946-3.564-1.682 0-3.79.897-6.333 2.683-2.54 1.792-3.81 3.545-3.81 5.274 0 1.252 1.165 3.107 3.496 5.56 4.616 4.877 8.702 10.049 12.239 15.524 2.16 3.274 3.596 5.284 4.312 6.016.712.726 2.882 1.099 6.51 1.099 5.049 0 8.047-.647 9-1.95.946-1.253 2.695-4.99 5.246-11.22 6.303-15.598 14.14-30.493 23.506-44.675 9.375-14.177 17.962-24.901 25.779-32.166 1.557-1.38 2.493-2.275 2.822-2.688.32-.415.484-.832.484-1.266 0-.686-.455-1.035-1.359-1.035z' clip-rule='evenodd' opacity='1' data-original='%2309b285' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
opacity: 0; transition: all ease-in-out 0.3s; }
.contactusFormSec form .legal-consent-container .hs-fieldtype-booleancheckbox .input label input:checked + span:after { opacity: 1;}
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input ul li.hs-form-checkbox label input:checked + span:after { opacity: 1;}
.contactusFormSec form .hs_submit { text-align: center;}
.contactusFormSec form .hs_submit input[type="submit"] { background: #FFFFFF; border-radius: 20px; padding: 10px; min-width: 248px; font-size: 15px; color: #0E193C; line-height: 1.2; font-weight: 600; font-family: IBM Plex Sans,sans-serif; border: 1px solid #FFFFFF;}
.contactusSection:before { position: absolute; content: ''; width: 100%; height: 100%; background-image: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/Ellipse%201.png'); background-repeat: no-repeat; background-size: contain; background-position: center top; top: 0; left: 0; pointer-events: none;}
.contactusSection .contactshape { position: absolute; width: 100%; left: 0; top: calc(100% - 1px);}
.contactusSection .contactshape svg {
width: 100%;
height: 100%;
}
.ThreeColumnBoxSec { align-items: stretch;}
.ThreeColumnBoxSec .ThreeColumnBox { max-width: calc(33.33% - 16px); width: 100%; border-radius: 24px; padding: 28px 23px 45px;}
.ThreeColumnBoxSec .ThreeColumnBox .ThreeColumnBoxImg { width: 48px; height: 48px;}
.ThreeColumnBoxSec .ThreeColumnBox .ThreeColumnBoxImg img { width: 100%; height: 100%; object-fit: contain;}
.ThreeColumnTitle { text-align: center;}
.ThreeColumnInSec { max-width: 1140px; width: 100%; margin: 0 auto;}
.VideoInTitleSection { max-width: 745px; width: 100%; margin: 0 auto;}
.VideoInBox { max-width: 996px; width: 100%; margin: 0 auto; border-radius: 24px; overflow: hidden;}
.VideoInBox video { width: 100%; height: 100%;}
.VideoInSection { position: relative;}
.VideoInSection:before { position: absolute; content: ""; width: 100%; height: 100%;
background-image: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/b930998e6bb0e81c3de2f67d8f975ba979ba92a8%20%281%29.png');
background-position: center bottom; background-repeat: no-repeat; background-size: cover; z-index: -1; top: 80px; left: 0;}
.OurTeamSliderBoxSection button.slick-next.slick-arrow {
right: -15px;
}
.OurTeamTitleSection { max-width: 775px; width: 100%; margin: 0 auto; padding: 0 15px;}
.OurTeamSection .OurTeamSliderBoxSection { max-width: 100% !important; width: 100%; margin: 0 0 0 auto !important; padding-bottom : 64px}
.OurTeamSliderBoximg { width: 172px; height: 172px; margin: 0 auto;}
.OurTeamSliderBoxIn { padding: 0 16px;}
/* .OurTeamSliderBoxSection .slick-list.draggable { padding-left: 0 !important; padding-right: 100px !important;} */
.OurTeamSliderBox { border-radius: 12px; padding: 25px 15px 34px; text-align: center;}
.OurTeamSliderBox .OurTeamSliderCntBox { padding-top: 26px;}
.OurTeamSliderBox .OurTeamSliderBoxTitle h6 { font-size: 16px;}
.OurTeamSliderBox .OurTeamSliderBoxContent { padding-top: 4px;}
.OurTeamSliderBox .OurTeamSliderBoxconect { padding-top: 40px; display: flex; align-items: center; justify-content: center;}
.OurTeamSliderBox .OurTeamSliderBoxconect p { color: #999BA8; text-decoration: underline;}
.OurTeamSliderBox .OurTeamSliderBoxconect a { margin-left: 10px; width: 21px;}
.OurTeamSliderBoxSection .slick-arrow { width: 34px; height: 34px; z-index: 1;}
.OurTeamSliderBoxSection .slick-arrow:before { position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; border: 1.42px solid rgb(0 6 38 / 45%);
background-image: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/left-arrow.png');
background-repeat: no-repeat; background-position: center; background-size: 20px; left:0; top : 0}
.OurTeamSliderBoxSection .slick-prev.slick-arrow { left: -2px;}
/* .OurTeamSliderBoxSection button.slick-next.slick-arrow { display: none !important;} */
.OurTeamSliderBoxSection button.slick-next.slick-arrow:before {transform: rotate(180deg);}
.OurTeamSliderBoxSection ul.slick-dots { bottom: 0; display: inline-block; line-height: 0;}
.OurTeamSliderBoxSection ul.slick-dots li { width: 40px; height: 8px; margin: 0;}
.OurTeamSliderBoxSection ul.slick-dots li button { width: 100%; height: 100%; line-height: 0; padding: 0;}
.OurTeamSliderBoxSection ul.slick-dots li button::before { content: ''; width: 100%; opacity: 1; height: 100%; background: #CCDBFF;}
.OurTeamSliderBoxSection ul.slick-dots li:first-child button:before { border-radius : 8px 0 0 8px}
.OurTeamSliderBoxSection ul.slick-dots li:last-child button:before { border-radius : 0 8px 8px 0;}
.OurTeamSliderBoxSection ul.slick-dots li.slick-active button:before { background: #004BFF; border-radius: 8px;}
.OurTeamSliderBoxSection ul.slick-dots li.slick-active { width: 70px;}
.container-fluid.body-container.body-container--our-story-company-page { background: #F0F3FA;}
.OurStoryTitleSection { max-width: 745px; width: 100%; margin: 0 auto;}
.OurStoryImage { position: absolute; max-width: 996px; width: 100%; left: 50%; transform: translateX(-50%);}
.OurStoryshape { position: absolute; top: calc(100% - 1px); width: 100%; left: 0; z-index: -1;}
.OurStorySection:before { position: absolute; content: ''; width: 100%; height: 100%; background-image: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/Ellipse%201.png'); background-size: contain; background-repeat: no-repeat; background-position: center top; top: 0; left: 0; pointer-events: none;}
.body-container--hub-frameworks-page { background: #fff;}
.HFBannerTitleSection { max-width: 925px; width: 100%; margin: 0 auto;}
.HFBannerTitleSection .HFBannerContent { max-width: 550px; width: 100%; margin: 0 auto;}
.HFBannerSection:before { position: absolute; content: ''; width: 100%; height: 100%; background-image: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/Ellipse%201.png'); background-repeat: no-repeat; background-size: contain; background-position: center top; top: 0; left: 0; pointer-events: none;}
.HFBannerInnerSection .HFBannerImage { position: absolute; max-width: 1291px; width: 100%; left: 50%; transform: translateX(-50%); top: 100%;}
.HFBannerInnerSection { position: relative;}
.HFBannerSection .HFBannerShape { position: absolute; width: 100%; height: 96px; background-repeat: no-repeat; background-position: center center; background-size: cover; top: 100%; left: 0;}
.HFBannerShape svg { width: 100%; height: auto;}
.TCSimpleInSec {max-width: 747px;width: 100%;margin: 0 auto;}
.ImageContentTCSection .ImageContentBoxLtCol { max-width: 655px; width: 100%;}
.ImageContentTCSection .ImageContentBoxRTCol.ImageContentBoxRTColnormal { max-width: calc(100% - 678px); width: 100%;}
.ImageContentTCSection .ImageContentBoxLtCol { border-radius: 12px; overflow: hidden;}
.ImageContentTCSection .ImageContentBoxLtCol img {width: 100%; height: 100%; object-fit: cover;}
.ImageContentTCSection.imgcontentdirchange { flex-direction: row-reverse;}
.ImageContentTCSection+* { margin-top: 50px;}
.CompliancefilterTitle img { width: 24px; height: 24px; object-fit: contain;}
.CompliancefilterTitle { display: flex; align-items: center; gap: 5px; justify-content: center;}
.CompliancefilterTitle p { font-weight: 600;}
.ComplianceFilterList li { background: #fff; padding: 10px 20px; border-radius: 20px; font-weight: 600; color: #0E193C; font-size: 15px; transition: all ease-in-out 0.3s; cursor : pointer}
.ComplianceFilterList li.active { background: #DCDEDC;}
.ComplianceFilterBoxSec .ComplianceFilterBox { padding: 13px 20px 15px; max-width: calc(16.66% - 20px); width: 100%; text-align: center;}
.ComplianceFilterBoxSec .ComplianceFilterBox .ComplianceFilterBoximg { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.ComplianceFilterBoxSec .ComplianceFilterBox .ComplianceFilterBoximg img { width: 100%; height: 100%; object-fit: cover;}
.ComplianceFilterBoxSec .ComplianceFilterBox .ComplianceFilcntBox { padding-top: 8px;}
.ComplianceFilterBoxSec { justify-content: center;}
.ComplianceFilterInnerSection { max-width: 1140px; width: 100%; margin: 0 auto;}
.UseCaseThreeColBox .UseCaseThreeColBoxImg { width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.UseCaseThreeColBox .UseCaseThreeColBoxImg img { width: 100%; height: 100%; object-fit: cover;}
.UseCaseThreeColBoxGrp .UseCaseThreeColBox { max-width: calc(33.33% - 17px); width: 100%; padding: 27px 27px 41px 20px;}
.UseCaseThreeColBoxGrp .UseCaseThreeColBox .UseCaseThreeColBoxTitle { margin-top: 14px;}
.UseCaseThreeColBoxGrp .UseCaseThreeColBox .UseCaseThreeColBoxCnt { margin-top: 14px;}
.UseCaseThreeColBoxGrp .UseCaseThreeColBox .UseCaseThreeColBoxBtn { margin-top: 25px;}
.UseCaseThreeColBoxGrp .UseCaseThreeColBox .UseCaseThreeColBoxBtn a { font-size: 16px; font-weight: 600; color: #0E193C; position: relative; padding-right: 24px; line-height: 1.5;}
.UseCaseThreeColBoxGrp .UseCaseThreeColBox .UseCaseThreeColBoxBtn a:before { position: absolute; content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%230E193C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: contain; right: 0px; top: 50%; transform: translateY(-50%); transition: all ease-in-out 0.3s;}
.UseCaseThreeColInSec { max-width: 1139px; width: 100%; margin: 0 auto;}
.Bloglistingfil img { width: 24px; height: 24px; object-fit: contain;}
.BlogListingInSec { padding: 32px 42px 67px;background: #FFFFFF; border-radius: 24px; max-width: 1308px; width: 100%; margin: -368px auto 0;}
.Bloglistingfil { gap: 18px;}
.Bloglistingfil p { font-weight: 600;}
.BlogListingBoxFilterColumn { gap: 20px; justify-content: space-between; padding: 0 40px;}
.Bloglistingfilter ul li { color: #0E193C; font-weight: 600; font-size: 15px; padding: 10px 20px; background: #F5F5F5; border-radius: 20px; cursor : pointer }
.Bloglistingfilter ul { gap: 16px;}
.BlogListFeaturedBoxLTCOL { max-width: 753px; width: 100%;}
.BlogListFeaturedBoxLTCOL img, .BlogListFeaturedBoxLTCOL video { width: 100%; height: 100%; object-fit: cover;}
.BlogListFeaturedBoxLTCOLimg { border-radius : 12px; overflow : hidden; }
.BlogListFeaturedBox .BlogListFeaturedBoxRTCOL { max-width: calc(100% - 777px); width: 100%;}
.BlogListFeaturedBoxMain { background: #F5F5F5; border-radius: 12px; padding: 24px 39px;}
.BlogListFeaturedBoxTitle p { font-family: Bauhaus Desk Display; color: #0E1930; font-weight: 500; margin-bottom: 12px;}
.BlogListFeaturedBoxMain { margin-top: 22px;}
.BlogListFeaturedBoxCTA a { color: #0E193C; font-weight: 600; margin-top: 32px; position: relative; padding-right: 24px; line-height: 1.5;}
.BlogListFeaturedBoxCTA a:after { position: absolute; content: ""; width: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%230E193C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
height: 100%; background-repeat: no-repeat; background-position: center right; right: 0; background-size: contain;}
.BlogListFeaturedBoxLTTagBox { padding-top: 17px;}
.BlogListFeaturedBoxLTTag li {background: #DCDEDC; border-radius: 12px; padding: 7px 20px; font-size: 9px; color: #0E193C; font-weight: 500; line-height: 1;}
.BlogListFeaturedBoxLTTag { display: inline-block;}
.BlogListFeaturedBoxLTTag ul { display: flex; align-items: center; justify-content: flex-start; gap: 7px;}
.BlogListingextraBoxMain .BlogListingextraBox { max-width: calc(25% - 18px); width: 100%; height: 328px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 8px; position: relative;}
.BlogListingextraBoxMain .BlogListingextraBox .BlogListingextraBoxTag { padding: 24px; position: relative; z-index: 1;}
.BlogListingextraBoxMain .BlogListingextraBox .BlogListingextraBoxTag li { background: rgba(255, 255, 255, 0.4); display: inline-block; color: rgba(14, 25, 60, 1); font-size: 9px; padding: 6px 9px; border-radius: 12px;}
.BlogListingextraBoxMain .BlogListingextraBox:before { position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(180deg,#d9d9d9 5.94%,hsla(0,0%,85%,.5) 69.24%); border-radius: 8px; top: 0; left: 0; opacity: 0.7; pointer-events: none;}
.BlogListrecentBoxMain { background: #F5F5F5; border-radius: 12px; padding: 27px 39px;}
.BlogListrecentBoxMain .BlogListrecentTitle p { font-family: Bauhaus Desk Display;}
.BlogListrecentBoxIN .BlogListrecentBox { border-radius: 8px; height: 290px; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; max-width: calc(50% - 12px); width: 100%;}
.BlogListrecentBoxIN .BlogListrecentBox { display: flex; flex-direction: column;justify-content: space-between; padding: 24px 24px 33px; position: relative;}
.BlogListrecentBoxIN .BlogListrecentBox .BlogListrecentBoxTag li { display: inline-block; background: rgba(255, 255, 255, 0.4); border-radius: 12px; color: #0E193C; padding: 6px 9px;}
.BlogListrecentBoxIN .BlogListrecentBox:before { position: absolute; content: ""; width: 100%; height: 100%;background: linear-gradient(0deg, #D9D9D9 5.94%, rgba(217, 217, 217, 0.5) 69.24%); top: 0; left: 0; border-radius: 8px; pointer-events: none;}
.BlogListrecentBoxIN .BlogListrecentBox > div { position: relative; z-index: 1;}
.BlogListsharedBoxMain { padding: 0 39px;}
.BlogListsharedBoxMain .BlogListsharedTitle p { font-family: Bauhaus Desk Display; font-weight: 500; margin-top: 10px;}
.BlogListsharedBoxInner { margin-top: 13px;}
.BlogListsharedBoxInner .BlogListsharedBox { max-width: calc(25% - 18px); width: 100%; height: 328px; background-repeat: no-repeat !important; background-position: center center !important; border-radius: 8px; background-size: cover !important; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 24px 43px 24px 24px;}
.BlogListsharedBoxInner .BlogListsharedBox:before { background: linear-gradient(0deg, #d9d9d9 5.94%, hsla(0, 0%, 85%, .5) 69.24%); border-radius: 8px; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%;}
.BlogListsharedBoxInner .BlogListsharedBox > div { position: relative; z-index: 1;}
.BlogListsharedBoxInner .BlogListsharedBox .BlogListsharedBoxTag li { background: rgba(255, 255, 255, 0.4); display: inline-block; border-radius: 12px; color: #0E193C; font-size: 9px; font-weight: 500; padding: 6px 9px;}
.BlogListsharedBoxTitle p {font-weight: 600; color: #0E1930;}
.BlogListPopularBoxMain { padding-left: 39px; padding-right: 39px;}
.BlogListPopularBoxMain .BlogListPopularTitle p { font-family: Bauhaus Desk Display; font-weight: 500;}
.BlogListPopularBoxInner .BlogListPopularBox { height: 230px; position: relative}
.BlogListPopularBoxInner .BlogListPopularBox .BlogListPopularInBox { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 24px 28px; position: relative;background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; border-radius:8px;}
.BlogListPopularBoxInner .BlogListPopularBox .BlogListPopularInBox:before { background: linear-gradient(0deg, #d9d9d9 5.94%, hsla(0, 0%, 85%, .6) 69.24%); border-radius: 8px; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%;}
.BlogListPopularBoxInner .BlogListPopularBox .BlogListPopularInBox > div { position: relative; z-index: 1;}
.BlogListFeaturedBoxLTCOLimg a { width: 100%; height: 100%;}
.BlogListingextraBoxMain .BlogListingextraBox .BlogListingextraBoxTag ul { display: flex; flex-wrap: wrap; gap: 5px;
}
.BlogListFeaturedBoxLTCOLimg a img { width: 100%; height: 100%; object-fit: cover;}
.BlogListPopularBoxInner .BlogListPopularBox .BlogListPopularInBox .BlogListPopularBoxTag li { background: rgba(255, 255, 255, 0.4); display: inline-block; color: rgba(14, 25, 60, 1); font-size: 9px; padding: 6px 9px; border-radius: 12px;}
.BlogListPopularBoxTitle p {font-weight: 600; color: #0E1930;}
.BlogListPopularBox { padding: 0 12px;}
.BlogListPopularBoxInner { margin: 0 -12px;}
.BlogListPopularBoxInner .slick-arrow { width: 34px; height: 34px; border-radius: 50%; z-index: 1;}
.BlogListPopularBoxInner .slick-arrow:before { position: absolute; content: ''; width: 100%; height: 100%;
background: 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%3Cpath d='M15 8H1M1 8L8 15M1 8L8 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), rgb(5 30 66 / 30%);
background-repeat: no-repeat; background-position: center center; background-size: 14px; border-radius: 50%; top: 0; left: 0;}
.BlogListPopularBoxInner button.slick-prev.slick-arrow { left: -3px;}
.BlogListPopularBoxInner button.slick-next.slick-arrow { right: -3px;}
.BlogListPopularBoxInner button.slick-next.slick-arrow:before { transform: rotate(180deg);}
a.boxlink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.hs-blog-listing { background: #051E5F;}
.BlogListingextraBoxMain { padding-left: 39px; padding-right: 39px;}
.RHBannerLogoSec { justify-content: center; gap: 30px 100px;}
.RHBannerLogoSec .RHBannerLogoBox img { width: 100%; height: 100%; object-fit: contain;}
.ResourceHubBannerSec .blogbannershape1 { background-repeat: no-repeat; background-position: center left; background-size: contain; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;}
.ResourceHubBannerSec .blogbannershape2 { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center left; top: 0; left: 0; background-size: contain; z-index: -1; pointer-events: none;}
.RHBannerLogoSec { flex-wrap: nowrap;}
.BlogPostBackBtn a { color: #0E193C; font-weight: 600; text-decoration: underline !important; font-size: 15px; padding-left: 32px; line-height: 1.6; position: relative;}
.BlogPostBackBtn a:before { position: absolute; content: ''; width: 24px; height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M8.07062 16L4.7168 12M4.7168 12L8.07062 8M4.7168 12L17.9225 12' stroke='%23004BFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: center center; background-size: contain; left: 0; top: 0;}
.BlogPostTagSec { margin-top: 18px;}
.BlogPostTagSec ul { display: flex; align-items: center; justify-content: flex-start; gap: 9px; flex-wrap: wrap;}
.BlogPostTagSec ul li { background: #004BFF; border-radius: 12px; font-size: 11px; color: #fff; font-weight: 600; line-height: 1; padding: 6.5px 11px;}
.BlogPostTitle { margin-top: 25px;}
.BlogPostInTitleSection { max-width: 849px; width: 100%;}
.BlogPostAuthorSec { margin-top: 20px; background: #fff; border-radius: 55px; padding: 17px 53px 17px 23px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.BlogPostAuthorSec .BlogPostAuthorimg { width: 74px; height: 74px; border-radius: 50%; overflow: hidden;}
.BlogPostAuthorSec .BlogPostAuthorimg img { width: 100%; height: 100%; object-fit: cover;}
.BlogPostAuthorSec .BlogPostAuthorLtCol { display: flex; align-items: center; justify-content: flex-start; gap: 14px; flex-wrap: wrap; max-width: calc(100% - 181px); width: 100%;}
.BlogPostAuthorSec .BlogPostAuthorimg .BlogPostSocialRtCol { max-width: 161px; width: 100%;}
.BlogPostAuthorSec .BlogPostAuthorLtCol .BlogPostAuthorDetailsMain { width: calc(100% - 88px);}
.BlogPostAuthorSec .BlogPostAuthorLtCol .BlogPostAuthorDetailsMain .BlogPostAuthorDetails ul { display: flex; align-items: center; gap: 15px; flex-wrap: wrap;}
.BlogPostAuthorSec .BlogPostAuthorLtCol .BlogPostAuthorDetailsMain .BlogPostAuthorDetails ul li:first-child span { color: #0E193C; font-weight: 400;}
.BlogPostAuthorSec .BlogPostAuthorLtCol .BlogPostAuthorDetailsMain .BlogPostAuthorDetails ul li span.authsvg { width: 24px; height: 24px; display: block;}
.BlogPostAuthorSec .BlogPostAuthorLtCol .BlogPostAuthorDetailsMain .BlogPostAuthorDetails ul li span.authsvg svg { width: 100%; height: 100%;}
.BlogPostAuthorSec .BlogPostAuthorLtCol .BlogPostAuthorDetailsMain .BlogPostAuthorDetails ul li { display: flex; align-items: center; gap: 9px; flex-wrap: wrap;}
.BlogPostAuthorSec .BlogPostAuthorLtCol .BlogPostAuthorDetailsMain .BlogPostAuthorDetails ul li:not(:first-child) span { font-size: 13px; line-height: 1; color: #0E193C;}
.BlogPostAuthorshare { margin-top: 6px; display: flex; align-items: center; flex-wrap: wrap;}
.BlogPostAuthorshare a.authorname { font-size: 18px; font-weight: 600; color: #0E193C; margin-right: 10px; line-height: 1.35;}
.BlogPostAuthorshare a.authorshare { width: 24px; height: 24px;}
.BlogPostAuthorshare a.authorshare img { width: 100%; height: 100%; object-fit: contain;}
.BlogPostSocialRtCol p { color: #0E193C; font-weight: 600; line-height: 1.32; text-align: end;}
.BlogPostSocialRtCol ul { display: flex; align-items: center; margin-top: 4px; flex-wrap: wrap; gap: 11px;}
.BlogPostSocialRtCol ul li { width: 32px; height: 32px;}
.BlogPostSocialRtCol ul li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #0E1930; border-radius: 50%;}
.BlogPostTwoColBoxSec .BlogPostTwoColBox .BlogPostTCLTCol { max-width: 849px; width: 100%;}
.BlogPostTwoColBoxSec .BlogPostTwoColBox .BlogPostTCLTCol .BlogPostBoxshortSec { margin-top: 30px; background: #fff; border-radius: 4px; padding: 18px 10px 30px;}
.BlogPostBoxshortSec .BlogPostBoxshortBox .BlogPostBoxshortTitle {padding-left: 21px; padding-right: 56px; position: relative;}
.BlogPostBoxshortSec .BlogPostBoxshortBox .BlogPostBoxshortTitle:before { position: absolute; content: '';width: 24px; height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M18.9365 15L12.9224 9L6.9082 15' stroke='%230E193C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: contain; right: 2px; top: 50%; transform: translateY(-50%) rotate(180deg); transition : all ease-in-out 0.3s}
.BlogPostBoxshortcntsec { margin-top: 10px;}
.BlogPostBoxshortcntsec { background: #FBFBFB; border-radius: 4px; padding: 18px 29px 22px 20px;}
.BlogPostBoxshortcntsec .BlogPostBoxshortcntsecBox+* { margin-top: 15px;}
.BlogPostBoxshortcntsec .BlogPostBoxshortcntsecBox .BlogPostBoxshortcnttitle p { font-weight: 600; margin-bottom: 6px;}
.BlogPostBoxshortcntsec .BlogPostBoxshortcntsecBox .BlogPostBoxshortcnt ul { margin-left: 30px; list-style: disc;}
.BlogPostBoxshortcntsec .BlogPostBoxshortcntsecBox .BlogPostBoxshortcnt ul li { color: #0E193C; font-weight: 400;}
.BlogPostBoxshortBoxContentsec > .BlogPostBoxshortcnt { padding: 13px 37px 0 20px;}
.BlogPostBoxshortBox.active .BlogPostBoxshortTitle:before { transform: translateY(-50%) rotate(0);}
.BlogPostBoxFAQBoxMain .BlogPostBoxFAQBox+* { margin-top: 25px;}
.BlogPostBoxFAQBoxMain .BlogPostBoxFAQBox .BlogPostBoxFAQBoxTitle { max-width: 675px; width: 100%;}
.BlogPostCntbtnsec { margin-top: 37px; display: flex; align-items: flex-start; gap: 30px; flex-wrap: wrap;}
.BlogPostCntbtnsec p { color: #0E193C; font-weight: 600;}
.BlogPostCntbtnsec ul li+* { margin-top: 8px;}
.BlogPostCntbtnsec ul li a { color: #0E193C; font-weight: 400; padding-left: 33px; position: relative; line-height: 1.5;}
.BlogPostCntbtnsec ul li a:before { position: absolute; content: ''; width: 24px; height: 24px;
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%3Cpath d='M1 8H15M15 8L8 1M15 8L8 15' stroke='%23004BFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: 16px; background-position: center center; left: 0; opacity: 0; visibility: hidden; transition: all ease-in-out 0.3s;}
.BlogPostCntbtnsec ul li a:hover:before { opacity: 1; visibility: visible;}
.BlogPostTCRTBox { position: relative;}
.BlogPostTwoColBox .BlogPostTCRTCol { max-width: calc(100% - 873px); width: 100%;}
.BlogPostTwoColBox .BlogPostTCRTCol .BlogPostTCRTTitle { margin-bottom: 24px; margin-top: -48px;}
.BlogPostTwoColBox .BlogPostTCRTCol .BlogPostTCRTBoxSec .BlogPostTCRTBox { height: 328px; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; position: relative;}
.BlogPostTwoColBox .BlogPostTCRTCol .BlogPostTCRTBoxSec .BlogPostTCRTBox .BlogPostTCRTBoxTag li { background: #F0F3FA; display: inline-block; border-radius: 12px; color: #0E193C; font-size: 9px; font-weight: 600; line-height: 1.34; padding: 6px 9px;}
.BlogPostTwoColBox .BlogPostTCRTCol .BlogPostTCRTBoxSec .BlogPostTCRTBox+* { margin-top: 25px;}
.BlogPostTwoColBox .BlogPostTCRTCol .BlogPostTCRTBoxSec .BlogPostTCRTBox:before { background: linear-gradient(0deg, #d9d9d9 5.94%, hsla(0, 0%, 85%, .5) 69.24%); border-radius: 8px; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%;}
.BlogPostTwoColBox .BlogPostTCRTCol .BlogPostTCRTBoxSec .BlogPostTCRTBox > div { position: relative;}
.BlogPostTwoColBox .BlogPostTCRTCol .BlogPostTCRTBoxSec .BlogPostTCRTBox .BlogPostTCRTBoxTitle p { font-size: 16px; font-weight: 600; color: #0E1930;}
.BlogPostInSection { max-width: 1140px; width: 100%; margin: 0 auto;}
.authorbioInSection { max-width: 1141px; width: 100%; margin: 0 auto;}
.authorbioInSection .authorbioImg { width: 168px; height: 168px; border-radius: 50%; overflow: hidden;}
.authorbioInSection .authorbioImg img { width: 100%; height: 100%; object-fit: cover;}
.authorbioInSection .authorbioTitleSection .authorbioDetailsSection { width: calc(100% - 194px);}
.authorbioInSection .authorbioTitleSection .authorbioDetailsSection .authorbioDetailsTag p { background: #004BFF; border-radius: 12px; display: inline-block; color: #FFFFFF; font-size: 11px; font-weight: 600; padding: 6px 24px;}
.authorbioInSection .authorbioTitleSection .authorbioDetailsSection .authorbioDetailsName { margin-top: 10px;}
.authorbioInSection .authorbioTitleSection .authorbioDetailsSection .authorbioDetailsposition { margin-top: 5px;}
.authorbioInSection .authorbioTitleSection .authorbioDetailsSection .authorbioDetailsshare { margin-top: 15px;}
.authorbioInSection .authorbioTitleSection .authorbioDetailsSection .authorbioDetailsshare a { width: 24px; height: 24px;}
.authorbioInSection .authorbioTitleSection .authorbioDetailsSection .authorbioDetailsshare a img { width: 100%; height: 100%; object-fit: contain;}
.authorbiofdetailBox { background: #fff; border-radius: 12px; padding: 33px 0;}
.authorbiofdetailBox .authorbiofdetailcntboxSec { padding: 0 97px;}
.authorbiofdetailBox .authorbiofdetailcntboxSec .authorbiofdetailcntbox .authorbiofdetailcntboxcnt { margin-top: 30px;}
.authorbiofdetailBox .authorbiofdetailcntboxSec .authorbiofdetailcntbox .authorbiofdetailcntboxcnt p { margin-bottom: 15px;}
.authorbiofdetailBox .authorbiofdetailcntboxSec .authorbiofdetailcntbox .authorbiofdetailcntboxcnt blockquote { border-left-color: #004BFF; border-left-width: 4px; margin-left: 39px;}
.authorbiofdvideomSection { padding: 31px 0 0 97px;}
.authorbiofdvideomSlBoxIn { background-repeat: no-repeat !important; background-size: cover !important; background-position: center center; height: 160px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; border-radius:8px;}
.authorbiofdvideomSliderSec .slick-list.draggable { padding: 0 170px 0 0 !important;}
.authorbiofdvideomSlBoxIn .authorbiofdvideomSlBoxplay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.authorbiofdvideomSlBoxIn .authorbiofdvideomSlBoxplay img { width: 27px; height: 35px; object-fit: contain;}
.authorbiofdvideomSlBoxIn .authorbiofdvideomSlBoxTitle p { color: #0E193C; font-weight: 600; font-size: 15px; line-height: 1.5;}
.authorbiofdvideomSlBoxIn .authorbiofdvideomSlBoxdate p { color: #0E193C; font-weight: 400; font-size: 15px;}
.authorbiofdvideomSlBoxIn:before { background: linear-gradient(0deg, #d9d9d9 5.94%, hsla(0, 0%, 85%, .5) 69.24%); border-radius: 8px; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%;}
.authorbiofdvideomSlBoxInner { padding: 10px 17px;height: 100%; position: relative; display: flex; flex-direction: column; justify-content: flex-end;}
.authorbiofdvideomSlBox { padding: 0 12px;}
.authorbiofdvideomSliderSec { margin-left: -12px; position: relative;}
.authorbiofdvideomSliderSec .slick-arrow { width: 34px; height: 34px; background: rgb(5 30 66 / 30%); border-radius: 50%; left: -5px; z-index: 9;}
.authorbiofdvideomSliderSec .slick-arrow:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 12H5M5 12L12 19M5 12L12 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: center center; background-size: 20px;}
.authorbiofdvideomSliderSec .slick-arrow.slick-next { display: none;}
.authorbiofdQueAnsSec { padding: 47px 97px 0;}
.authorbiofdQueAnsBoxMain { padding-left: 41px;}
.authorbiofdQueAnsBoxMain .authorbiofdQueAnsBox { margin-bottom: 31px;}
.authorbiofdQueAnsBoxMain .authorbiofdQueAnsBox .authorbiofdQueAnsBoxTitle p { font-family: Bauhaus Desk Display; font-weight: 500;}
.authorbiofdQueAnsBoxMain .authorbiofdQueAnsBox .authorbiofdQueAnsBoxCnt { padding: 9px 0 0 30px;}
.body-container--authorbio-page { background: #F0F3FA;}
.authorbiofdetailBox .authorbiofdetailcntboxSec .authorbiofdetailcntbox .authorbiofdetailcntboxcnt ul { list-style: disc; margin-left: 20px;}
.authorbiofdetailBox .authorbiofdetailcntboxSec .authorbiofdetailcntbox .authorbiofdetailcntboxcnt ul li { color: #0E193C;}
.authorbiofdetailBox .authorbiofdetailcntboxSec .authorbiofdetailcntbox .authorbiofdetailcntboxcnt ul li span { text-decoration: underline;}
.authorbiofdvideomSlBoxInner a.playauthorpopup { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.authorsecpopupbox { width: 600px; position: relative; margin: 50px auto;}
.authorsecpopupbox video { width: 100%; height: 100%; }
.authorsecpopupbox button.mfp-close { position: absolute; background: #fff; z-index: 9; top: 0; right: 0;}
.BlogPostTwoColBox .BlogPostTCRTCol { position: sticky; top: 180px;}
.authorbioTitleSection { position: relative;}
.authorbioTitleSection:before { position: absolute; content: ''; width: 100%; height: 350px; background-image: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/Vector%20%282%29.png');
background-size: contain; background-repeat: no-repeat; background-position: right; right: 30px; top: -25px; pointer-events: none}
.authorbiofdetailsSec { position: relative;}
.authorbioInSection .authorbioTitleSection .authorbioDetailsSection .authorbioDetailsshare { display: flex;align-items: center; gap: 20px; flex-wrap: wrap;}
.newsblogbannerContent * { font-family: IBM Plex Sans,sans-serif;}
.newsblogbannerInSec .newsblogbannerTitlesec { max-width: 386px; width: 100%;}
.newsblogbannerInSec .newsblogbannerformsec { max-width: 535px; width: 100%;}
.newsblogbannerInSec { justify-content: space-between; max-width: 1140px; width: 100%; margin: 0 auto; gap: 30px;}
.newsblogbannerformin { background: #053DC3; border-radius: 12px; position: relative; padding: 27px 26px 18px;}
.newsblogbannerformin:before { position: absolute; content: ''; background: rgba(255, 255, 255, 0.12); width: calc(100% + 16px); height: calc(100% + 16px); z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 12px;}
.newsblogbannerformin .newsblogbannerformtitle * { font-size: 16px; font-weight: 600;}
.newsblogbannerformin .newsblogbannerform { margin-top: 15px;}
.newsblogbannerformin .newsblogbannerform form input[type="submit"] { color: #f0f3fa; font-size: 15px; font-weight: 600; font-family: IBM Plex Sans,sans-serif; line-height: 1; border: 1px solid #F0F3FA; padding: 10px24px; background: transparent;}
.newsblogbannerformin .newsblogbannerform form { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 10px; justify-content: space-between;}
.newsblogbannerformin .newsblogbannerform form .hs-form-field { width: 100%;}
.newsblogbannerformin .newsblogbannerform form .hs-richtext,.newsblogbannerformin .newsblogbannerform form .hs-richtext p { margin: 0 !important;}
.newsblogbannerSection .blogbannershape1, .newsblogbannerSection .blogbannershape2 { background-position: 0; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%;}
.newsblogbannerSection .blogbannershape2 { z-index: -1;}
.newsblogbannerformcnt p { color: #F0F3FA !important;}
.usecaseinbackbtn {max-width: 1140px; width: 100%; margin: 0 auto; border-bottom: 1px solid #053DC3;}
.usecaseinbackbtn a { font-size: 15px; font-weight: 500; text-decoration: underline !important; padding-left: 33px; position: relative;line-height: 1.6;}
.usecaseinbackbtn a:before { position: absolute; content: ''; width: 24px; height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M8.07062 16L4.7168 12M4.7168 12L8.07062 8M4.7168 12L17.9225 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: contain; background-position: center center; left: 0; top: 0;}
.usecaseinbannerSec .HFBannerInnerSection .HFBannerImage { max-width: 802px;}
.usecaseinbannerSec .HFBannerTitleSection .HFBannerContent { max-width: 745px;}
.DownloadPDFBox { max-width: 1067px; width: 100%; margin: 0 auto; background: #FFFFFF; border: 1px solid #F0F3FA; padding: 32px 62px 29px 88px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.DownloadPDFSection .TCSimpleInSec { max-width: 100%;}
.DownloadPDFSection .TCSimpleInSec .TCSimpleTitleSection { max-width: 767px; width: 100%; margin: 0 auto;}
.DownloadPDFBox .DownloadPDFBoxTitleSec { display: flex; max-width: 336px; width: 100%; align-items: flex-start;gap: 18px; flex-wrap: wrap;}
.DownloadPDFBox .DownloadPDFBoxTitleSec .DownloadPDFBoxlogo { width: 24px;}
.DownloadPDFBox .DownloadPDFBoxTitleSec .DownloadPDFBoxtitle { width: calc(100% - 42px);}
.DownloadPDFBox .DownloadPDFBoxPDF { max-width: 326px; width: 100%;}
.DownloadPDFBox .DownloadPDFBoxPDF ul li a { display: flex; align-items: center; gap: 23px; color: #0E193C; font-weight: 400;}
.DownloadPDFBox .DownloadPDFBoxPDF ul li+* { margin-top: 14px;}
.DownloadPDFBox .DownloadPDFBoxPDF ul li a span { width: 38px; height: 38px; display: block;}
.DownloadPDFBox .DownloadPDFBoxPDF ul li a span img { width: 100%; height: 100%; object-fit: contain;}
.body-container--usecasehubtemplate-page { background: #F0F3FA;}
.IntegratedTitleSection { max-width: calc(1064px + 30px); width: 100%; margin: 0 auto; padding: 0 15px; text-align: center;}
.IntegratedSliderBoxSection { max-width: calc(1549px + 30px); width: 100%; margin: 0 auto; padding-left: 30px;}
.IntegratedSliderBoxSection .IntegratedSliderBoxIn { padding: 0 12px;}
.IntegratedSliderBoxSection .IntegratedSliderBoxIn .IntegratedSliderBox { background: #FFFFFF; border-radius: 24px; padding: 29px 23px 34px;}
.IntegratedSliderBoxSection .IntegratedSliderBoxIn .IntegratedSliderBox .IntegratedSliderBoxImg { width: 48px; height: 48px; border-radius: 50%; overflow: hidden;}
.IntegratedSliderBoxSection .IntegratedSliderBoxIn .IntegratedSliderBox .IntegratedSliderBoxImg img { width: 100%; height: 100%; object-fit: cover;}
.IntegratedSliderBoxSection .IntegratedSliderBoxIn .IntegratedSliderBox .IntegratedSliderBoxTitle { padding-top: 14px;}
.IntegratedSliderBoxSection .IntegratedSliderBoxIn .IntegratedSliderBox .IntegratedSliderBoxCnt { padding-top: 22px;}
.IntegratedSliderBoxSectionIn { margin-bottom: 64px !important; padding-bottom: 0;}
.IntegratedSliderBoxSectionIn ul.slick-dots { bottom: 0; width: auto;}
.IntegratedSliderBoxSectionIn ul.slick-dots { bottom: -64px !important; height: 8px; display: flex; align-items: center; justify-content: center; border-radius: 8px; overflow: hidden;}
.IntegratedSliderBoxSectionIn ul.slick-dots li { margin: 0; height: 100%; display: flex;}
.IntegratedSliderBoxSectionIn ul.slick-dots li button { width: 100%; height: 100%; padding: 0; display: inline-block; line-height: 0; position: relative;}
.IntegratedSliderBoxSectionIn ul.slick-dots li button:before { position: absolute; content: ''; opacity: 1; background: #CCDBFF; width: 100%; height: 100%; top: 0; line-height: 0; left: 0; border-radius:8px;}
.IntegratedSliderBoxSectionIn ul.slick-dots li.slick-active button:before { background: #004BFF; border-radius: 8px;}
.hub-integrations-page { background: #F0F3FA }
.CBannerSection .CBannerimg { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); top: 100%;}
.CBannerSection span.Cbannerbtshape { width: 100%; position: absolute; height: auto; top: 100%; left: 0;}
.CBannerSection span.Cbannerbtshape svg { width: 100%; height: 100%;}
.CBannerSection span.Cbannershape { position: absolute; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: top; top: 0; right: 0; pointer-events: none;}
.prodcutfoundationGradient { background: linear-gradient(180deg, #004BFF 10.83%, #23CCA2 69.57%);}
.HomeBannerVideoSec { position: relative;}
.HomeBannerVideoSec .HomeBanltimg,.HomeBannerVideoSec .HomeBanrtimg { position: absolute; top: 50%; transform: translateY(-50%); max-width: 426px; width: 100%; pointer-events: none;}
.HomeBannerVideoSec .HomeBanltimg { left: -9%; z-index: -1;}
.HomeBannerVideoSec .HomeBanrtimg { right: -9%; z-index: -1;}
.HomeBannerVideoSec .HomeBanltimg img, .HomeBannerVideoSec .HomeBanrtimg img { width: 100%; height: 100%; object-fit: contain;}
.PackageCTALogo { width: 48px; height: 48px; margin: 0 auto;}
.PackageCTALogo img { width: 100%; height: 100%; object-fit: contain;}
.PackageCTAInSec { max-width: 944px; width: 100%; margin: 0 auto; text-align: center;}
.PackageCTASection span.PackageCTAtopshape {position: absolute; left: 0; width: 100%; bottom: calc(100% - 1px); line-height: 0; height: auto;}
.PackageCTASection span.PackageCTAtopshape svg { width: 100%; height: 100%;}
.PackageCTASection { position: relative;}
.PackageCTASection span.PackageCTAbottomshape { position: absolute; width: 100%; left: 0; top: 100%;}
.PackageCTASection span.PackageCTAbottomshape svg { width: 100%; height: 100%;}
.PackageCTAbtn a { max-width: 558px; width : 100%}
.PackageCTAbtn a { background: #0E1930; border-color: #0E1930;}
.TCSimpleSection.DownloadPDFSection .DownloadPDFBoxSec { margin-bottom: -68px;}
.IntegratedSliderBoxSectionIn .slick-arrow { border-radius: 50%; height: 34px; width: 34px; z-index: 1}
.IntegratedSliderBoxSectionIn .slick-arrow:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 8H1m0 0 7 7M1 8l7-7'/%3E%3C/svg%3E"),rgba(5,30,66,.3);
background-position: 50%; background-repeat: no-repeat; background-size: 14px; border-radius: 50%; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%}
.IntegratedSliderBoxSectionIn .slick-arrow.slick-prev { left: -7px;}
.IntegratedSliderBoxSectionIn .slick-arrow.slick-next { transform: translateY(-50%) rotate(180deg); right : 0}
.HubInteFilterBoxInner { background: #FFFFFF; border-radius: 12px; padding: 36px 32px 44px;}
.HubInteFilterBoxInner .HubInteFilterBoxFilters { display: flex; align-items: center; gap: 44px; flex-wrap: wrap; justify-content: flex-end;}
.HubInteFilterBoxInner .HubInteFilterBoxFilters .HubInteFilter { cursor : pointer }
.HubInteFilterBoxInner .HubInteFilterBoxFilters .HubInteFilter span img { width: 24px; height: 24px; object-fit: contain;}
.HubInteFilterBoxInner .HubInteFilterBoxFilters .HubInteFilter > span { display: flex; align-items: center; gap: 17px; border-bottom: 2px solid #000000; padding-bottom: 11px; position: relative;}
.HubInteFilter {max-width: 278px;width: 100%;}
.HubInteFilterBoxInner .HubInteFilterBoxFilters .HubInteFilter > span span.selectedfiltertext { color: #0E1930; font-size: 16px; font-weight: 600; line-height: 1; width: calc(100% - 41px);}
button#HubInteFiltershowall { cursor:pointer; background: #F5F5F5; border: unset; outline: unset; border-radius: 20px; color: #0E193C; font-size: 15px; font-weight: 600; padding: 12px 20px;}
.HubInteFilterBoxInner .HubInteFilterBoxFilters .HubInteFilter > span:before { position: absolute; content: ''; width: 24px; height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%230E193C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: contain; right: 0; top: 50%; transform: translateY(-50%);}
.HubInteFilterBoxInSec { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; justify-content: flex-start;}
.HubInteFilterBoxInSec .HubInteFilterBox { max-width: calc((100%/6) - 8.33px);width: 100%; border: 1px solid #F4F5F7; border-radius: 12px; padding: 13px 27px 5px; text-align: center;}
.HubInteFilterBoxInSec .HubInteFilterBox .HubInteFilterBoxLogo { width: 100px; height: 100px; border: 1px solid #F4F5F7; border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center; padding: 0 7px;}
.HubInteFilterBoxInSec .HubInteFilterBox .HubInteFilterBoxLogo img { width: 100%; height: 47px; object-fit: scale-down;}
.HubInteFilterBoxInSec .HubInteFilterBox .HubInteFilterBoxTitle { margin-top: 8px;}
.HubInteFilterBoxInSec .HubInteFilterBox .HubInteFilterBoxTitle * { font-size: 16px;}
.HubInteFilterBoxInSec .HubInteFilterBox .HubInteFilterBoxTag { margin-top: 2px;}
.HubInteFilterBoxInSec .HubInteFilterBox .HubInteFilterBoxTag li { display: inline-block; font-size: 9px; font-weight: 600; color: #0E193C; line-height: 1; background: #F0F3FA; border-radius: 12px; padding: 6px 5.5px;}
.HubInteFilterBoxInSec .HubInteFilterBox .HubInteFilterBoxTag li+* { margin-top: 5px;}
.HubInteFilter { position: relative;}
.HubInteFilter>ul { position: absolute; width: 100%; background: #f0f3fa; z-index: 9; border-radius: 0 0 20px 20px; padding: 20px 10px; display : none}
.HubInteFilter>ul li { font-size: 16px; font-weight: 600; color: #0e1930; cursor: pointer;}
.HubInteFilter>ul li+* { margin-top: 10px;}
.BADLogoSection .LogoInnerSec { max-width: 689px; width: 100%;}
.BADLogoSection .LogoInnerSec .LogoTitleSection { text-align: left;}
.BADLogoSection .LogoInnerSec .LogoBoxSection { flex-wrap: wrap; gap: 40px 73px;}
.BADLogoSection .LogoInnerSec .LogoBoxSection .LogoBox { height: 79px; width: calc(25% - 54.75px);}
.BADLogoSection .LogoInnerSec .LogoBoxSection .LogoBox img { width: 100%; height: 100%; object-fit: scale-down;}
.BookademobannerTitleSec { max-width: 620px; width: 100%;}
.BookademobannerTitleSec .BookademobannerLogo { display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.BookademobannerTitleSec .BookademobannerLogo .BookademobannerLogoimg { height: 72px;}
.BookademobannerTitleSec .BookademobannerLogo .BookademobannerLogoimg img { width: 100%; height: 100%; object-fit: contain;}
.BookademobannerInSec { justify-content: space-between; align-items: stretch; gap: 50px;}
.BookademobannerInSec .Bookademomeetingbox { background: #004bff; max-width: calc(100% - 776px); width: 100%; display: flex; align-items: center; justify-content: center;}
.BookademobannerSection .BADbannershape1,.BookademobannerSection .BADbannershape2 { background-position: top; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 69%;}
.BookademobannerSection .BADbannershape2 { z-index: -1;}
.BookademobannerInSec { padding-left: 87px;}
.BookademobannerInSec .Bookademomeetingbox { border-bottom-left-radius: 86px;}
.BookademobannerInSec .Bookademomeetingbox { padding: 96px;}
.BookademobannerInSec .Bookademomeetingbox iframe { max-width: 469px; width: 100%;}
.BookademobannerInSec .Bookademomeetingbox { padding: 0 96px;}
.BookademobannerInSec .Bookademomeetingbox >span { width: 100%;}
.BookademobannerInSec .Bookademomeetingbox form .hsfc-Step__Banner { height: 0;}
.BookademobannerInSec .Bookademomeetingbox form { height: 77vh; overflow-y: auto;}
.BookademobannerInSec .Bookademomeetingbox form .hsfc-Step__Content { padding: 40px 0; }
.container-fluid.book-a-demo-page-2nd { position: relative; z-index: 39;}
.BookademobannerInSec .Bookademomeetingbox { position: fixed; right: 0; max-width: 754px; width: 100%; z-index: 9; top: 0; height: 100%;}
.productenterpriseGradient { background: linear-gradient(180deg, #004BFF 10.83%, #9747FF 69.91%);}
.competitorTabInSec { max-width: 1140px; width: 100%; margin: 0 auto;}
.competitorTabbutton ul li a { color: #999BA8; font-size: 16px; font-weight: 500; font-family: Bauhaus Desk Display; line-height: 1.2; padding: 19px 25px; background: #DCDEDC; border-radius: 8px 8px 0 0;}
.competitorTabbutton ul { display: flex; align-items: center; gap: 5px; justify-content: flex-start;}
.competitorTabbutton ul li.active a { background: #FFFFFF; color: #0E193C;}
.competitorTabbutton ul li a { transition: all ease-in-out 0.3s;}
.competitorTabBoxint { padding: 10px 8px; background: #FFFFFF; border-radius: 0 8px 8px; align-items: flex-start !important;}
.competitorTabBoxRTCol { height: 324px; max-width: 550px; width: 100%; position: relative; padding: 10px;}
.competitorTabBoxRTCol .competitorTabBoxRTColLogo ul { display: flex; align-items: center; gap: 10px; justify-content: space-around;}
.competitorTabBoxRTCol:before { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(240, 243, 250, 0.8); border-radius: 8px; top: 0; left: 0;}
.competitorTabBoxint .competitorTabBoxLTCol { max-width: calc(100% - 579px); width: 100%;}
.competitorTabBoxint .competitorTabBoxLTCol .competitorTabBoxLogo { max-width: 158px; width: 100%; margin: 12px 0 0 auto;}
.competitorTabBoxint .competitorTabBoxLTCol .competitorTabBoxLogo a { width: 100%;}
.competitorTabBoxint .competitorTabBoxLTCol .competitorTabBoxLogo a img { width: 100%; height: 100%; object-fit: contain;}
.competitorTabBoxint .competitorTabBoxLTCol .competitorTabBoxlist { margin-top: 33px; max-width: 485px; width: 100%;}
.competitorTabBoxint .competitorTabBoxLTCol .competitorTabBoxlist ul li { color: rgba(14, 25, 60, 1); font-weight: 500; line-height: 1; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 15px;}
.competitorTabBoxint .competitorTabBoxLTCol .competitorTabBoxlist ul li+* { margin-top: 3px;}
.competitorTabBoxint .competitorTabBoxLTCol .competitorTabBoxlist ul li:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' fill='none'%3E%3Cpath d='M23.75 15.8333L17.4167 22.1667L14.25 19M19 33.25C11.1299 33.25 4.75 26.8701 4.75 19C4.75 11.1299 11.1299 4.75 19 4.75C26.8701 4.75 33.25 11.1299 33.25 19C33.25 26.8701 26.8701 33.25 19 33.25Z' stroke='%2323CCA2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 35px; height: 35px; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: center center;}
.competitorTabBoxRTColCTA { position: relative; max-width: 429px; width: 100%; height: 100%; max-height: 224px; background-repeat: no-repeat; background-size: contain; background-position: center center; display: flex; align-items: center; justify-content: center; margin: 35px auto 25px;}
.competitorTabBoxRTColCTA:before { position: absolute; content: ''; width: 100%; height: 100%; background-image: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/Group%2039659.png');
background-repeat: no-repeat; background-size: contain; background-position: center center; backdrop-filter: blur(8.699999809265137px);}
.competitorTabBoxRTColCTA > div { position: relative; z-index: 1;}
.competitorTabBoxRTCol:before { z-index: 1;}
.body-container--productenterprise-page .BlockNavlinkSec,
.body-container--prodcutfoundation-page .BlockNavlinkSec { background: transparent !important;}
.SingleDownloadPDFSection.TCSimpleSection.DownloadPDFSection .DownloadPDFBoxSec { margin: 0;}
.BenefitsThreeColBox { background: #F0F3FA; border-radius: 12px; max-width: calc(33.33% - 46.66px); width: 100%;}
.BenefitsThreeColBoxMain { gap: 46px 70px;}
.BenefitsThreeColInSec { background: #fff; border-radius: 24px;}
.BenefitsThreeColIn { max-width: 946px; width: 100%; margin: 0 auto;}
.BenefitsThreeColInSec { padding: 68px 30px 85px;}
.BenefitsThreeColBoxLogo { width: 50px; height: 50px;}
.BenefitsThreeColBoxLogo img { width: 100%; height: 100%; object-fit: contain;}
.BenefitsThreeColBox { padding: 18px 17px 34px;}
.BenefitsThreeColBoxMain { align-items: stretch;}
.LPBannerSection .HomeBannerTitleSection { max-width: 775px;}
.SimpleSliderBoxSection .slick-slide { max-width: 838px;width: 100%; margin: 0 70px; opacity: 20%;}
.SimpleSliderBoxSection .slick-slide .SimpleSliderBoxTitle { opacity: 0; transition: all ease-in-out 0.3s;}
.SimpleSliderBoxSection .slick-slide.slick-center .SimpleSliderBoxTitle { opacity: 1;}
.SimpleSliderBoxSection .slick-slide.slick-center { opacity: 1;}
.SimpleSliderBoxSection { margin-bottom: 0 !important; padding-bottom: 57px;}
.SimpleSliderBoxSection ul.slick-dots { bottom: 0; display: flex; align-items: center; justify-content: center; gap: 5px;}
.SimpleSliderBoxSection ul.slick-dots li { width: 14px; height: 14px; margin: 0;}
.SimpleSliderBoxSection ul.slick-dots li button { width: 100%; height: 100%; padding: 0;}
.SimpleSliderBoxSection ul.slick-dots li button:before { position: absolute; content: ''; width: 100%; height: 100%; border: 2px solid #FFFFFF; opacity: 1; border-radius: 50%;}
.SimpleSliderBoxSection ul.slick-dots li.slick-active button:before { background: #fff;}
.FrameworkCntBoxSec .FrameworkCntBox {max-width: calc(16.66% - 20px);width: 100%;padding: 13px 20px 15px;}
.FrameworkCntBoxSec .FrameworkCntBox .FrameworkCntBoxLogo { width: 100px; height: 100px; margin: 0 auto;}
.FrameworkCntBoxSec .FrameworkCntBox .FrameworkCntBoxLogo img { width: 100%; height: 100%; object-fit: contain;}
.FrameworkCntBoxcnt p { font-size: 13px;}
.FrameworkCntSection .FrameworkCntInSec { max-width: 1141px; width: 100%; margin: 0 auto;}
.SeamlessinteSection .SeamlessinteInSec { background: #FFFFFF; border-radius: 24px; padding: 61px 50px 54px;}
.SeamlessinteSection .SeamlessinteInSec .SeamlessinteLogoSec { display: flex; align-items: center; flex-wrap: wrap; gap: 19px 46px; max-width: calc(915px + 184px); width: 100%; margin: 0 auto; justify-content: center;}
.SeamlessinteSection .SeamlessinteInSec .SeamlessinteLogoSec .SeamlessinteLogoBox { max-width: calc(20% - 36.8px); width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; padding : 10px 12px;}
.SeamlessinteSection .SeamlessinteInSec .SeamlessinteLogoSec .SeamlessinteLogoBox img { width: 100%; height: 100%; object-fit: contain;}
.DemoSlotTnkBnformdetails { background: #004CFF; border-radius: 12px; max-width: 943px; width: 100%; margin: 0 auto; padding: 32px 26px 30px;}
.DemoSlotTnkBnformBox { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap;}
.DemoSlotTnkBnformBox .DemoSlotTnkBnformBoxDls:first-child { max-width: calc(100% - 353px); width: 100%;}
.DemoSlotTnkBnformBox .DemoSlotTnkBnformBoxDls:last-child { max-width: 343px; width: 100%;}
.DemoSlotTnkBnform2ndBox { padding-top: 25px;}
.DemoSlotTBoxbtBox { margin-top: 42px; background: rgba(0, 58, 233, 0.5); border-radius: 8px; padding: 14px 21px;}
.body-container--demoslotthankyou-page { background: #F0F3FA;}
.DSTBfBoxDlsdetailsinfo { padding-top: 15px;}
.DSTBfBoxDlsdetailsinfo p { color: #99B7FF; font-size: 15px; font-weight: 400;}
.DemoSlotTnkBnformBox .DemoSlotTnkBnformBoxDls .DSTBfBoxDlsdetails { margin-top: 9px;}
.DemoSlotTnkBnformBox .DemoSlotTnkBnformBoxDls .DSTBfBoxDlsdetails.namedetails ul { display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
/* .DemoSlotTnkBnformBox .DemoSlotTnkBnformBoxDls .DSTBfBoxDlsdetails.namedetails ul li { width: calc(50% - 5px);} */
.DemoSlotTnkBnformBox.DemoSlotTnkBnform2ndBox .DemoSlotTnkBnformBoxDls { display: flex; align-items: center;}
.DemoSlotTnkBnformBox.DemoSlotTnkBnform2ndBox .DemoSlotTnkBnformBoxDls .DSTBfBoxDlsdetails { margin-top: 0; margin-left: 23px;}
.DemoSlotTBoxbtBox ul { display: flex; align-items: center; gap: 10px;}
.DemoSlotTBoxbtBox ul li { max-width: calc(33.33% - 6.66px); width: 100%;}
.DemoSlotTBoxbtBox ul li span { display: flex;}
.DemoSlotTBoxbtBox ul li span:first-child { font-size: 16px; font-weight: 600; line-height: 1;}
.DemoSlotTBoxbtBox ul li span:last-child { margin-top: 7px; font-size: 18px; font-weight: 400;}
.DemoSlotTnkBnformBox .DSTBfBoxDlstitle p { font-weight: 600;}
.DemoSlotTnkBnformBox .DSTBfBoxDlsdetails li { font-size: 18px; font-weight: 400;}
.btShapebndemo { position: absolute; top: calc(100% - 1px); width: 100%; height: auto; left: 0;}
.btShapebndemo svg { width: 100%; height : 100%}
.PricingParentBoxSection .PricingParentBox { max-width: calc(50% - 14.5px); width: 100%; border-radius: 24px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;}
.PricingParentBoxSection { max-width: 949px; width: 100%; margin: 0 auto;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxoverlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; pointer-events: none;}
.PricingParentBoxSection .PricingParentBox { overflow: hidden; padding: 50px;}
.PricingParentBoxSection .PricingParentBox > div { position: relative;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxImgSec { display: flex; align-items: center; gap: 11px;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxImgSec .PricingParentBoximg { width: 52px; height: 52px;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxImgSec .PricingParentBoximg img { width: 100%; height: 100%; object-fit: contain;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxContent { min-height: 150px; margin-top: 25px;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxcustomtext { margin-top: 25px; min-height: 98px;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxTitle { margin-top: 25px;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxcnt { margin-top: 25px;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxContent span {font-size: 24px;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxContent p { line-height: 1.6;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxcustomtext p { font-weight: 600;}
.PricingParentBnSection .PricingParentBnshape { position: absolute; width: 100%; top: calc(100% - 1px); left: 0;}
.PricingParentBnSection .PricingParentBnshape svg { width: 100%; height: 100%;}
.PricingParentBoxSection .PricingParentBox { transition: all ease-in-out 0.3s;}
.PricingParentBoxSection .PricingParentBox:hover { transform: scale(1.05);}
.PricingParentBnSection span.PricingParentBntpshape { position: absolute; background-repeat: no-repeat; background-size: contain; background-position: top; width: 100%; height: 100%; top: 0; right: 0; pointer-events: none;}
.BADLogoSection .LogoInnerSec { margin-left: 87px;}
.BookademobannerInSec .Bookademomeetingbox iframe {
height: 75vh;
}
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0; /* support: IE7 */
font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/* button sets */
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0; /* support: IE7 */
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
/* Support: IE7 */
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: 0.4em 2.1em 0.4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position: -65px -16px;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a {
color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cd0a0a_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
border-radius: 8px;
}
.EventFilterInSec { max-width: 1120px; width: 100%; margin: 0 auto;}
.EventFilterTwoColSec { display: flex; align-items: flex-start; gap: 39px; flex-wrap: wrap;}
.EventFilterTwoColSec .EventFilterRTCol { max-width: calc(100% - 465px); width: 100%;}
.EventFilterTwoColSec .EventFilterLTCol { max-width: 426px; width: 100%;}
.EventFilterTwoColSec .EventFilterRTCol .EventFilterAllCate ul { display: flex; align-items: center; gap: 19px; flex-wrap: wrap;}
.EventFilterTwoColSec .EventFilterRTCol .EventFilterAllCate ul li {background: #FFFFFF; border-radius: 20px; padding: 10px 20px; font-weight: 600; font-size: 15px; color: #0E193C; cursor : pointer}
.EventFilterBoxMain { padding-top: 34px;}
.EventFilterBoxMain .EventFilterBox { display: flex; align-items: stretch; flex-wrap: wrap; border-radius: 12px; overflow: hidden; background: #fff;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoximg { max-width: 170px; width: 100%;}
.EventFilterBoxMain .EventFilterBox .EventFilterCntBox { max-width: calc(100% - 170px); width: 100%; padding: 12px 35px 14px 24px;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoximg img { width: 100%; height: 100%; object-fit: cover;}
.EventFilterBoxMain .EventFilterBox+* { margin-top: 26px;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoxcate { padding-top: 9px;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoxcate ul { display: flex; align-items: center; gap: 9px; flex-wrap: wrap;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoxcate ul li { padding: 6px 9px; background: #F0F3FA; border-radius: 12px; color: #0E193C; font-size: 9px; font-weight: 600; min-width: 88px; text-align: center;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoxcate ul li.eventclose { background: #ED7996; min-width: 74px; text-align: center;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoxDetails { margin-top: 8px;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoxDetails ul { display: flex; align-items: center; flex-wrap: wrap;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoxDetails ul li { color: #CCCDD4; font-size: 13px; font-weight: 500;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoxDetails ul li:first-child { padding-right: 7px; margin-right: 7px; border-right: 1px solid #CCCDD4;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoxContent { margin-top: 8px; font-size: 13px; color: #0E193C;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoxBtns { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoxBtns a:last-child { font-size: 16px; color: #0E193C; font-weight: 600; line-height: 1.5; padding-right: 30px; position: relative;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoxBtns a:last-child:before { position: absolute; content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%230E193C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center center; right: 0; top: 0;}
.dp-highlight .ui-state-default {
background: #d6f0ee;
color: #FFF;
}
.cf-hidden {
display: none;
}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker { width: 100%;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-inline { width: 100%; background: #FFFFFF; border-radius: 16px; padding: 24px; border: unset;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header { background: transparent; border: transparent;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header a.ui-datepicker-prev span { font-size: 0; display: none;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header a.ui-datepicker-prev span:before { position: absolute; content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%23000626' stroke-opacity='0.45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 44px; height: 44px;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header a.ui-datepicker-prev { width: 40px; height: 40px; box-shadow: 0px 1px 1px 0px #000E330D; border-radius: 50%; left: 0; top: 2px; background: #fff !important; border: unset !important; cursor: pointer;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header .ui-datepicker-title { color: #141414; font-size: 24px; font-weight: 700; font-family: IBM Plex Sans,sans-serif; line-height: 1;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-month, .EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
box-shadow: 0px 1px 1px 0px #000E330D; background: #fff; padding: 10px 12px; display: inline-block;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header a.ui-datepicker-prev:before { position: absolute; content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%23000626' stroke-opacity='0.45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center center; top: 50%;left: 50%; transform: translate(-50%, -50%);}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header a.ui-datepicker-next { width: 40px; height: 40px; box-shadow: 0px 1px 1px 0px #000E330D; border-radius: 50%; background: #fff !important; border: unset !important; cursor: pointer;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header a.ui-datepicker-next span { display: none;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header a.ui-datepicker-next:before { position: absolute; content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%23000626' stroke-opacity='0.45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center center; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg);}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker table.ui-datepicker-calendar thead tr th { background: transparent; color: #1F1F1F; font-family: IBM Plex Sans,sans-serif; font-size: 18px; font-weight: 600;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker table.ui-datepicker-calendar tbody tr td a { background-color: #fff !important; box-shadow: 0px 1px 1px 0px #000E330D; border-radius: 6px; border-color: transparent; font-size: 18px; color: #1F1F1F; text-align: center; font-weight: 600; min-width: 50px; min-height: 44px; display: flex; align-items: center; justify-content: center;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker table.ui-datepicker-calendar tbody tr+* { padding-top: 4px;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker table.ui-datepicker-calendar tbody tr td.ui-datepicker-today a { border: 2px solid #0047FF;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker table.ui-datepicker-calendar tbody tr td.dp-highlight a { background: #D8E3FF !important;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcnt h6 { font-size: 16px; margin-bottom: 10px;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcnt p { margin-bottom: 8px;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcnt ul li { color: #0E193C;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcnt ul li+* { margin-top: 8px;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcnt ul li span { color: #004BFF; font-weight: 600;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcnt p:last-child { margin-top: 8px;}
.events-listing-page {
background: #F0F3FA;
}
.eventslistbanLogo { width: 48px; height: 48px; margin: 0 auto;}
.eventslistbanLogo img { width: 100%; height: 100%; object-fit: contain;}
.eventslistbanSection .eventlistbannershape { position: absolute; width: 100%; height: auto; top: calc(100% - 1px); left: 0;}
.eventslistbanSection .eventlistbannershape svg { width: 100%; height: 100%;}
.EventFilterTwoColSec .EventFilterLTCol { padding-top: 72px;}
.FoundationPricingMainBoxSec { max-width: 1067px; width: 100%; background: #004BFF; border-radius: 24px; margin: 0 auto; position: relative;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec { display: flex; align-items: center; gap: 10px; justify-content: space-between; padding-left: 62px; padding-right: 36px; position: absolute; width: 100%; top: -40px;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps ul { display: flex; align-items: center; gap: 25px; justify-content: flex-start;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps ul li { width: 72px; height: 72px; background: #0042E1; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.FoundationPricingMainBoxPricing { background: #0042E1; border-radius: 45px; padding: 13px 24px; min-width: 218px;}
.FormStepMain.step1 { padding: 73px 36px 24px;}
.FormStepTitleSection { text-align: center;}
.FormStepTitleSection .FormStepTitleSecLogo { width: 52px; height: 52px; margin: 0 auto;}
.FormStepTitleSection .FormStepTitleSecLogo img { width: 100%; height: 100%; object-fit: contain;}
.StepformInputBox { gap: 31px 27px;}
.StepformInputBox .StepformInput { max-width: calc(50% - 13.5px); width: 100%;}
.Step1stCTA button { font-family: IBM Plex Sans,sans-serif; font-size: 20px; padding: 19px; border-radius: 30px !important; min-width: 548px; line-height: 1;}
.StepformInSec.step1stforminsec { background: #0047F1; border-radius: 12px; padding: 45px 24px 32px; margin-top: 12px;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps ul li.active { background: #fff;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps ul li { transition: all ease-in-out 0.3s;}
.FoundPricingCTABox { max-width: 376px; width: 100%; text-align: center;}
.FoundPricingCTABox .FoundPricingCTABoxLogo { width: 46px; height: 46px; margin: 0 auto;}
.FoundPricingCTABox .FoundPricingCTABoxLogo img { width: 100%; height: 100%; object-fit: contain;}
.FoundPricingCTABox .FoundPricingCTABoxText a { text-decoration: underline !important;}
.FoundPricingCTABox .FoundPricingCTABoxBtLogo img { filter: brightness(0) invert(1);width: 34px; height: 34px; object-fit:contain}
.FoundPricingCTABoxBtLogo { justify-content: center;}
.FoundPricingCTABoxBtLogo p { color: #FFF !important;}
.FoundationPricingMainCTASection {display: flex; justify-content: space-between; padding: 26px 61px 77px; align-items: flex-end; flex-wrap: wrap; gap: 10px;}
.FoundationPricingMainPrevCTA a { position: relative; padding: 10px 40px;}
.FoundationPricingMainPrevCTA a:before { content: "<"; margin-right: 2px;}
.FoundationPricingMainNextCTA a { padding: 10px 40px;}
.FoundationPricingMainNextCTA a:after { content: ">"; margin-left: 3px;}
/* step2 */
.FoundationPricingMainBoxStep.step2 { padding: 76px 60px 40px;}
.Form2ndStepPackageSection { margin-top: 18px; background: #C8F2ED; border: 1px solid #23CCA2; border-radius: 8px;}
.Form2ndStepPackageBox { padding: 0 13px 19px;}
.Form2ndStepPackageSection .Form2ndStepPackageTitleSec { padding: 24px 25px; position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.Form2ndStepPackageSection .Form2ndStepPackageTitleSec h5 { color: #136D57; font-weight: 700; font-family: IBM Plex Sans,sans-serif; display: flex; align-items: center;}
.Form2ndStepPackageSection .Form2ndStepPackageTitleSec h5:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 9L10.125 16L7 12.8182M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23136D57' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; content: ''; margin-right: 21px; background-repeat: no-repeat; background-size: contain; background-position: center center;}
.Form2ndStepPackageSection .Form2ndStepPackageTitleSec:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23136D57' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.Form2ndStepPackageBox .Form2ndStepPackageBoxList { padding: 0 13px;}
.Form2ndStepPackageBox .Form2ndStepPackageBoxList ul { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px;}
.Form2ndStepPackageBox .Form2ndStepPackageBoxList ul li { max-width: calc(50% - 5px); width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 20px;}
.Form2ndStepPackageBox .Form2ndStepPackageBoxList ul li:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 6L9 17L4 12' stroke='%23136D57' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
content: ''; width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center center;}
.Form2ndStepPackageBox .Form2ndStepPackageBoxList ul li .Form2ndStepPBoxTitle p { color: #0E193C; font-weight: 600;}
.Form2ndStepPackageBox .Form2ndStepPackageBoxList ul li .Form2ndStepPBoxcnt { color: #8D8BA7; font-weight: 400; font-size: 13px; line-height: 1.2;}
.Form2ndStepPackageBoxContent { text-align: center; margin-top: 23px; background: rgba(35, 204, 162, 0.2); border: 1px solid #23CCA2; border-radius: 8px; padding: 9px 15px;}
.Form2ndStepPackageBoxContent p { color: #136D57;}
.FormCheckboxstyleBox { background: #0042E1; border: 2px solid #053DC3; border-radius: 8px; padding: 38px 24px 31px;}
.FormCheckboxstyleBox label { position: relative;}
.FormCheckboxstyleBox label input[type="checkbox"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0;}
.FormCheckboxstyleBox label input[type="checkbox"] + span {padding-left: 32px;display: block;position: relative;}
.FormCheckboxstyleBox label input[type="checkbox"] + span h5, .FormCheckboxstyleBox label input[type="checkbox"] + span p { color: #fff;}
.FormCheckboxstyleBox label input[type="checkbox"] + span:before { position: absolute; content: ''; width: 24px; height: 24px; border-radius: 6px; left: 0; top: 4px; cursor: pointer;
background-image: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/checkbox1st.png'); background-repeat: no-repeat; background-size: contain;background-position: center center;}
.FormCheckboxstyleBox label input[type="checkbox"] + span:after { position: absolute; content: ''; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: 19px; top: 1px; left: 3px; background-image: url('https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/Assets%20-%20Surecloud%20-%202025/checkbox2.png'); opacity: 0; visibility: hidden;}
.FormCheckboxstyleBox label input[type="checkbox"]:checked + span:after { opacity: 1; visibility: visible;}
.FormCheckboxstyleBox label input[type="checkbox"] { z-index: 1; cursor: pointer;}
/* step 3 */
.FoundationPricingMainBoxStep.step3 { padding: 97px 60px 20px;}
.ComplianceFrameworksGrpBox { margin-top: 47px;}
.ComplianceFrameworksGrpListSec { margin-top: 14px; background: #C8F2ED; border: 1px solid #23CCA2; border-radius: 8px; padding: 23px 25px 39px;}
.ComplianceFrameworksGrpListSec .ComplianceFrameworksGrpListTitle h5:before { content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 9L10.125 16L7 12.8182M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23136D57' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.ComplianceFrameworksGrpListSec .ComplianceFrameworksGrpListTitle h5 { display: flex; align-items: center; gap: 21px; color: #136D57; font-weight: 700; font-family: IBM Plex Sans,sans-serif;}
.ComplianceFrameworksGrpListTitle:after { content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23136D57' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center center;}
.ComplianceFrameworksGrpListTitle { display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.ComplianceFrameworksGrpListgrp .ComplianceFrameworksGrpListInSec { margin-top: 18px;}
.ComplianceFrameworksGrpListgrp .ComplianceFrameworksGrpListInSec ul { display: flex; align-items: center; gap: 30px; flex-wrap: wrap;}
.ComplianceFrameworksGrpListgrp .ComplianceFrameworksGrpListInSec ul li { color: #0E193C; font-weight: 600;}
.ComplianceFrameworksGrpListgrp .ComplianceFrameworksGrpListInSec ul li:before { content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 6L9 17L4 12' stroke='%23136D57' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center center;}
.ComplianceFrameworksGrpListgrp .ComplianceFrameworksGrpListInSec ul li { display: flex; align-items: center; gap: 23px; max-width: calc(33.33% - 20px); width: 100%;}
.AddFrameBoxSectionInner { border: 1px solid #053DC3; border-radius: 8px; padding: 19px 15px;}
.AddFrameBoxSection { margin-top: 20px;}
.AddFrameBoxPrp { margin-top: 20px;}
.AddFrameBoxPrp label { color: #FFFFFF; font-weight: 600; font-size: 16px;}
.AddFrameBoxPrp form textarea { background: #034AF2; border-radius: 8px; border: 1px solid #034AF2; margin-top: 7px; color: rgba(255, 255, 255, 0.3);}
.AddFrameBoxPrp form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: rgba(255, 255, 255, 0.3);}
.AddFrameBoxPrp form textarea::-moz-placeholder { /* Firefox 19+ */color: rgba(255, 255, 255, 0.3);}
.AddFrameBoxPrp form textarea:-ms-input-placeholder { /* IE 10+ */ color: rgba(255, 255, 255, 0.3);}
.AddFrameBoxPrp form textarea:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, 0.3);}
.CustomFrameworkBoxSec { margin-top: 12px; background: rgba(0, 66, 225, 1); border-radius: 8px; padding: 24px;}
.CustomFrameworkBoxSec .CustomFrameworkBoxTitleSec { display: flex; align-items: center; gap: 8px;}
.CustomFrameworkBoxSec .CustomFrameworkBoxTitleSec img { width: 24px; height: 24px; object-fit: contain;}
.CustomFrameworkBoxSec .CustomFrameworkBoxTitleSec h5 { font-family: IBM Plex Sans,sans-serif;}
.FoundationPricingMainBoxStep.step4 { padding: 97px 60px 27px;}
.LivePackageListBoxSec { margin-top: 22px; background: #C8F2ED; border: 1px solid #23CCA2; border-radius: 8px; padding: 26px 25px 20px;}
.LivePackageListBoxSec .LivePackageListBoxTitleSec:before { content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 9L10.125 16L7 12.8182M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23136D57' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.LivePackageListBoxSec .LivePackageListBoxTitleSec { display: flex; align-items: center; gap: 0 21px; flex-wrap: wrap;}
.LivePackageListBoxSec .LivePackageListBoxTitleSec > div { width: calc(100% - 45px);}
.LivePackageListBoxSec .LivePackageListBoxTitleSec .LivePackageListCnt { margin-left: 45px; color: #999BA8; font-weight: 400;}
.LivePackageListBoxSec .LivePackageListBoxIn { margin-top: 12px;}
.LivePackageListBoxSec .LivePackageListBoxIn ul { display: flex; flex-wrap: wrap; gap: 10px 10px; align-items: flex-start;}
.LivePackageListBoxSec .LivePackageListBoxIn ul li { max-width: calc(50% - 5px); width: 100%; display: flex; align-items: flex-start; gap: 20px;}
.LivePackageListBoxSec .LivePackageListBoxIn ul li:before { content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 6L9 17L4 12' stroke='%23136D57' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center center;}
.LivePackageListBoxSec .LivePackageListBoxIn ul li .LivePackageListBoxTitle { color: #0E193C; font-size: 16px; font-weight: 600;}
.LivePackageListBoxSec .LivePackageListBoxIn ul li .LivePackageListBoxCnt { font-size: 13px; color: #8D8BA7; line-height: 1.2; margin-top: 4px;}
.FormstepOptionalListIn { padding-left: 56px;}
.FormstepOptionalListIn .FormstepOptionalListTitle h5 { font-family: IBM Plex Sans,sans-serif; font-weight: 600;}
.FormstepOptionalListIn .FormstepOptionalListCnt { margin-top: 4px;}
.FormstepOptionalListIn .FormstepOptionalList { margin-top: 15px;}
.FormstepOptionalListIn .FormstepOptionalList ul li { font-weight: 400; display: flex; align-items: center; gap: 23px;}
.FormstepOptionalListIn .FormstepOptionalList ul li:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 6L9 17L4 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
content: ''; width: 24px; height: 24px; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.FormstepOptionalListIn .FormstepOptionalList ul li+* { margin-top: 9px;}
.FoundationPricingMainBoxStep.step5 { padding: 97px 36px 0;}
.QuoteTwoColBoxSec { margin-top: 38px; display: flex; align-items: flex-start; justify-content: center; gap: 10px; flex-wrap: wrap;}
.QuoteTwoColBoxSec .PackageSummaryBoxSec { background: rgba(14, 25, 60, 0.1); max-width: 605px; width: 100%; border-radius: 12px; padding: 25px 23px;}
.QuoteTwoColBoxSec .ContactInformationBoxSec { max-width: calc(100% - 615px); width: 100%;}
.PackageSummaryBoxListsec { margin-top: 10px;}
.PackageSummaryBoxList ul { display: flex; align-items: center; padding: 10px 24px; gap: 5px; flex-wrap: wrap;}
.PackageSummaryBoxList ul li:first-child { width: 241px;}
.PackageSummaryBoxList ul li:not(:first-child) { width: calc(((100% - 241px) / 3) - 5px); text-align: center;}
.PackageSummaryBoxList ul:first-child li { font-size: 15px; font-weight: 400;}
.PackageSummaryBoxList ul.productsale { background: #053DC3; border-radius: 25px;}
.PackageSummaryBoxTitle { padding-left: 24px;}
.PackageSummaryBoxListtotal { padding-top: 21px; margin-top: 130px; border-top: 1px solid #FFFFFF;}
.PackageSummaryBoxListtotal ul { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;}
.PackageSummaryBoxListtotal ul { padding: 0 21px 0 27px;}
.ContactInformationBoxSec { padding-top: 25px;}
.ContactInformationBoxSec .ContactInformationTitle h5 { margin-bottom: 10px;}
.ContactInformationBoxDetails { margin-top: 16px;}
.ContactInformationBoxDetails ul li+* { margin-top: 10px;}
.ContactInformationBoxDetails ul li { font-weight: 600;}
.ContactInformationBoxDetails ul li { display: flex; align-items: center; justify-content: flex-start; gap: 8px;}
.ContactInformationBoxDetails ul li span:first-child { min-width: 80px;}
.ContactInformationBoxCTA { margin-top: 66px;}
.ContactInformationBoxCTA a:first-child { background: #23CCA2; border-color: #23CCA2;}
.ContactInformationBoxDetails { margin-top: 16px;}
.ContactInformationBoxDetails ul li { line-height: 1.82;}
.ContactInformationBoxDetails ul li span:last-child {font-weight: 400; font-size: 15px;}
.StepformInputBox .StepformInput.error input,.StepformInputBox .StepformInput.error select { border-color: red;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps ul li[data-visible="true"] { background: #fff;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps ul li[data-completed="true"] { background: #23CCA2;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps ul li[data-completed="true"] svg path { stroke: #fff;}
.FormStepMain[data-visible="true"] { display: block;}
.FormStepMain { display: none;}
.FoundationPricingMainCTA { opacity : 0 }
.FormCheckboxstyleBox.error { border-color: red;}
.AddFrameBoxPrp form textarea { color: #fff;}
.foundation-pricing-page { background: #F0F3FA;}
.FoundationPricingbtshape { position: absolute; width: 100%; height: auto; top: calc(100% - 1px); left: 0;}
.FoundationPricingbtshape svg { width: 100%; height: 100%;}
.FoundationPricingMainBoxPricing h4 > span:first-child { font-size: 13px; font-weight: 500; font-family: IBM Plex Sans,sans-serif;}
.FoundationPricingMainBoxPricing h4 { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 5px;}
.FoundationPricingMainBoxStep.step2 .FormSteppricetitle h4 { font-family: IBM Plex Sans,sans-serif; margin: 10px 0;}
.FoundationPricingtpshape { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center top; top: 0; right: 0;}
.Form2ndStepPackageBox .Form2ndStepPackageBoxList ul li .Form2ndStepPackageBoxListContent {width: calc(100% - 44px);}
.Enterprise-pricing-page { background: #F0F3FA;}
.enterpricecheckboxgrp .enterpricecheckbox { background: #155AFF; padding: 20px 29px; border-radius: 8px; display: flex; align-items: flex-start; justify-content: space-between;flex-wrap: wrap}
.enterpricecheckboxgrp .enterpricecheckbox .FormstepOptACbox { max-width: calc(100% - 181px); width: 100%; border: unset; background: transparent; padding: 0; border-radius: 0;}
.enterpricecheckboxgrp .enterpricecheckbox .enterpricecheckboxbtn { max-width: 181px; width: 100%;}
.enterpricecheckboxgrp .enterpricecheckbox .FormstepOptACbox label input[type=checkbox]+span { padding-left: 64px;}
.enterpricecheckboxgrp .enterpricecheckbox .FormstepOptACbox label input[type=checkbox]+span:before { left: 32px;}
.enterpricecheckboxgrp .enterpricecheckbox .FormstepOptACbox label input[type=checkbox]+span span { width: 24px; height: 24px; display: inline-block; position: absolute; left: 0; top: 3px;}
.enterpricecheckboxgrp .enterpricecheckbox .FormstepOptACbox label input[type=checkbox]+span span img { width: 100%; height: 100%; object-fit: contain;}
.enterpricecheckboxgrp .enterpricecheckbox .FormstepOptACbox label input[type=checkbox]+span:after { left: 35px;}
.enterpricecheckboxgrp .enterpricecheckbox+* { margin-top: 10px;}
.enterpricecheckboxgrp .enterpricecheckbox.active { background: #0042E1;}
.enterpricecheckboxgrp .enterpricecheckbox { transition: all ease-in-out 0.3s;}
.enterpriceselectappsection { margin-top: 49px; background: rgba(41, 58, 94, 0.08); border-radius: 8px; padding: 16px; text-align: center;}
.enterpriceselectappbox { margin-bottom: 15px;}
.enterpriceselectappbox .enterpriceselectappboxtitle h5 { font-family: IBM Plex Sans,sans-serif; font-weight: 700; margin-bottom: 5px;}
.enterpricequotebox .enterpricequoteboxtitle h6 { font-size: 16px; font-family: IBM Plex Sans,sans-serif; font-weight: 700; margin-bottom: 5px;}
.enterpriceselectappboxname p span { position: relative;}
.enterpriceselectappboxname p span:not(:last-child):after { content: ','; margin-right: 3px;}
.BlogListingBoxFilterColumn .Bloglistingfilter { position: relative;}
.BlogListingBoxFilterColumn .Bloglistingfilter > span { background: #f5f5f5; border-radius: 20px; color: #0e193c; cursor: pointer; font-size: 15px; font-weight: 600; padding: 10px 20px;}
.BlogListingBoxFilterColumn .Bloglistingfilter ul { z-index: 999; position: absolute; width: 300px; flex-direction: column; align-items: flex-start; background: #fff; border-radius: 10px; right: 0; top: 100%; margin-top: 20px; gap: 10px; display: none;}
.BlogListingBoxFilterColumn .Bloglistingfilter ul li { width: 100%; text-align: center; background: transparent; padding: 6px 10px;}
.BlogPostTwoColBoxSec .BlogPostTwoColBox .BlogPostTCLTCol .BlogPostBoxshortSec .BlogPostBoxshortBox+* { margin-top: 15px;}
.ComplianceFilterList.ComplianceFilterListpills span.ComplianceFilterListselected { font-weight: 600; font-size: 16px; line-height: 1.5; color: #0E1930; padding: 12px 39px; display: inline-block; min-width: 278px; border-bottom: 2px solid #000000; position: relative;}
.ComplianceFilterList.ComplianceFilterListpills span.ComplianceFilterListselected:before {
position: absolute; content: '';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%230E193C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center right; right: 5px; top: 50%; transform: translateY(-50%);}
.ComplianceFilterList.ComplianceFilterListpills { position: relative; display: inline-block; padding-top: 0;}
.ComplianceFilterList.ComplianceFilterListpills ul { flex-direction: column; position: absolute; background: #fff; min-width: 278px; right: 0; top: 100%; width: 100%; border-radius: 0 0 10px 10px; gap: 0; display: none;}
.ComplianceFilterList.ComplianceFilterListpills ul li { background: transparent; padding: 15px 10px; width: 100%;}
.ComplianceFilterListparent.ComplianceFilterListdpparent { display: flex; align-items: center; gap: 10px; justify-content: space-between;}
.UpcomingEventSliderBox .slick-slide { padding: 0 10px; }
.UpcomingEventSliderBox .EventFilterBox {display: flex !important;}
.UpcomingEventSliderBox .slick-list { padding: 0 198px 0 0 !important;margin-left: -10px;}
.EventFilterBoxMain.UpcomingEventSliderBox { margin-bottom: 0; padding-bottom: 47px;}
.EventFilterBoxMain.UpcomingEventSliderBox ul.slick-dots { bottom: 0;}
.UpcomingEventSliderBox ul.slick-dots { bottom: 0; display: inline-block; line-height: 0}
.UpcomingEventSliderBox ul.slick-dots li { height: 8px; margin: 0; width: 40px}
.UpcomingEventSliderBox ul.slick-dots li button { height: 100%; line-height: 0; padding: 0; width: 100%}
.UpcomingEventSliderBox ul.slick-dots li button:before { background: #ccdbff; content: ""; height: 100%; opacity: 1; width: 100%}
.UpcomingEventSliderBox ul.slick-dots li:first-child button:before { border-radius: 8px 0 0 8px}
.UpcomingEventSliderBox ul.slick-dots li:last-child button:before { border-radius: 0 8px 8px 0}
.UpcomingEventSliderBox ul.slick-dots li.slick-active button:before { background: #004bff; border-radius: 8px}
.UpcomingEventSliderBox ul.slick-dots li.slick-active { width: 70px}
.UpcomingEventSliderBox .EventFilterBoxContent { min-height : 46px }
.EventpostdetailsBoxSec .EventpostdetailsLTCol { max-width: 655px; width: 100%;}
.EventpostdetailsBoxSec .EventpostdetailsRTCol { max-width: calc(100% - 776px); width: 100%;}
.EventpostdetailsBoxSec { gap: 50px; justify-content: space-between;}
.EventpostdetailsBoxSec .EventpostdetailsRTCol .Eventpostdetailsmap iframe { width: 100%; border-radius: 12px 12px 0 0;}
.EventpostdetailsBoxSec .EventpostdetailsRTCol .Eventpostdetailsmapsec { background: #FFFFFF; border-radius: 12px;}
.EventpostdetailsBoxSec .EventpostdetailsRTCol .Eventpostdetailsmap iframe { height: 305px;}
.EventpostdetailsBoxSec .EventpostdetailsRTCol .Eventpostdetailsmapsec .Eventpostdetailsdemobox { margin: 11px 15px; background: #F8F8F8; border-radius: 8px; padding: 17px 10px;}
.Eventpostdetailsdemobox .EventpostddemoLocation { margin-top: 16px;}
.EventpostddemoEventsCnt { padding-top: 7px;}
.EventpostddemoBtn { margin-top: 21px;}
.EventpostddemoBtn a { width: 100%; text-align: center;}
.Eventpostdetailstaglist ul li { font-size: 14px; font-weight: 500; color: #0E193C; padding: 6px 9px; background: #FFFFFF; border-radius: 12px; text-align: center; min-width: 88px;}
.Eventpostdetailstaglist ul { display: flex; align-items: center; gap: 9px;}
.Eventpostdetailstaglist ul li.Closed { background: #ED7996; min-width: 74px; text-align: center;}
.Eventpostdetailssharebox { display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.Eventpostdetailsdate { margin-top: 7px;}
.Eventpostdetailsdate p { color: #0E193C;}
.EventpostdetailsTitle { margin: 8px 0 35px;}
.Eventpostdetailsimg img { width: 100%; height: 100%;}
.EventpostdetailsOverview { margin-top: 44px;}
.EventpostdetailsOverview h6 { margin-bottom: 8px; font-size: 16px;}
.EventpostdetailsTimescnt { margin-top: 39px;}
.EventpostdetailsTimescnt h6 { margin-bottom: 8px; font-size: 16px; display: flex; align-items: center; gap: 7px;}
.Eventpostdetailscontectcnt { margin-top: 42px;}
.Eventpostdetailscontectcnt h6 { margin-bottom: 8px; font-size: 16px;}
.EventpostdetailsOverview p+* { margin-top: 8px;}
.EventpostdetailsTimescnt h6:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 6V12L16 14M12 2C9.34784 2 6.8043 3.05357 4.92893 4.92893C3.05357 6.8043 2 9.34784 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C6.8043 20.9464 9.34784 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 9.34784 20.9464 6.8043 19.0711 4.92893C17.1957 3.05357 14.6522 2 12 2Z' stroke='%230E193C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
content: ''; width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center center;}
.Eventpostdcalendarbox { padding: 32px 19px 42px; text-align: center;}
.Eventpostdcalendarbox .Eventpostdcalendartitle h4 { font-size: 16px; font-weight: 500;}
.EventpostdereviewboxMain { margin-top: 51px;}
.EventpostdereviewboxMain .Eventpostdereviewtitle h5 { margin-bottom: 25px;}
.Eventpostdereviewbox+* { margin-top: 38px;}
.Eventpostdereviewbox .Eventpostdereviewboxstarcn { color: #004BFF; font-size: 13px; font-weight: 500; display: flex; align-items: center; gap: 30px; margin-bottom: 18px;}
.Eventpostdereviewbox { max-width: 325px; width: 100%;}
.EventpostddemoEvents:before { content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 2V6M8 2V6M3 10H21M5 4H19C20.1046 4 21 4.89543 21 6V20C21 21.1046 20.1046 22 19 22H5C3.89543 22 3 21.1046 3 20V6C3 4.89543 3.89543 4 5 4Z' stroke='%230E193C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center center;}
.EventpostddemoEvents { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 3px;}
.EventpostddemoEvents > div { width: calc(100% - 27px);}
.EventpostddemoEvents > div:last-child { margin: 0 0 0 auto;}
.EventpostddemoLocation:before { content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z' stroke='%230E193C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z' stroke='%230E193C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.EventpostddemoLocation { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 3px;}
.EventpostddemoLocation .EventpostddemoEventstitle { width: calc(100% - 27px);}
.EventpostddemoLocation .EventpostddemoEventsCnt { width: calc(100% - 27px); margin: 0 0 0 auto;}
.Eventpostdetailsharelist ul { display: flex; align-items: center; gap: 11px; flex-wrap: wrap; margin-top: 8px;}
.Eventpostdetailsharelist ul li { width: 32px; height: 32px;}
.Eventpostdetailsharelist ul li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #0E1930; border-radius: 50%;}
.Eventpostdcalendarlist { margin-top: 19px;}
.Eventpostdcalendarlist ul { display: flex; align-items: center; justify-content: center; gap: 15px;}
.Eventpostdcalendarlist ul li { width: 25px; height: 25px;}
.Eventpostdcalendarlist ul li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.Eventpostdcalendarlist ul li a svg { width: 100%; height: 100%;}
.eventpostVideoSection { position: relative;}
.eventpostVideoSection:before { position: absolute; content: ''; width: 100%; height: 151px; background: linear-gradient(360deg, #0042E1 0%, #00247B 100%); top: 0; left: 0;}
.eventpostVideoSection .eventpostshape { position: absolute; top: 150px; left: 0;}
.eventpostVideoSection .eventpostshape svg { width: 100%; height: 100%;}
.eventpostbackcta a { color: #fff; font-weight: 500; font-size: 15px; line-height: 1; vertical-align: middle; text-decoration: underline !important; text-decoration-style: solid; position: relative;}
.eventpostbackcta a { display: flex; align-items: center; gap: 9px;}
.eventpostVideoInSec .eventpostvideo { max-width: 996px; width: 100%; margin: 0 auto; padding-top: 154px;}
.eventpostVideoInSec .eventpostvideo video { width: 100%; height: 100%; aspect-ratio: 16/9; border-radius: 12px;}
.GuestSpeakerSection .OurTeamInnerSec { background: rgba(255, 255, 255, 0.5); border-radius: 12px; padding: 41px 0 54px 83px;}
.GuestSpeakerSection .OurTeamInnerSec .OurTeamTitleSection { max-width: 100%;}
.GuestSpeakerSection .OurTeamInnerSec .OurTeamSliderBoxSection { max-width: 100%;}
.Form2ndStepPackageSection .Form2ndStepPackageTitleSec.active:after { transform: rotate(180deg);}
.PackageSummaryBoxList ul .removepopup { position: fixed; width: 100%;height: 100%;z-index: 999; top: 0; left: 0; background: rgb(0 0 0 / 20%); display : none}
.PackageSummaryBoxList ul .removepopup .removepopupInner { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; height: 100%;}
.PackageSummaryBoxList ul .removepopup .removepopupInner .removepopupIn { max-width: 400px; width: 100%; padding: 20px; background: #fff; border-radius: 10px; text-align: center;}
.PackageSummaryBoxList ul .removepopup .removepopupInner .removepopupIn .removepopuptitle * { color: #0e193c;}
.PackageSummaryBoxList ul .removepopup .removepopupInner .removepopupIn .removepopuptitle { margin-bottom: 20px;}
.PackageSummaryBoxList ul .removepopup .removepopupInner .removepopupIn button { cursor: pointer; min-width: 150px;}
.PackageSummaryBoxList ul .removepopup .removepopupInner .removepopupIn .removepopupbtn { display: flex; align-items: center; justify-content: center; gap: 15px;}
.PackageSummaryBoxList ul li.remove { cursor: pointer;}
.CCLPAgendaTitleSection { max-width: 326px; width: 100%;}
.CCLPAgendaInSection { gap: 24px;}
.CCLPAgendaRightColSection { max-width: calc(100% - (326px + 24px));}
.BookademobannerInSec .Bookademomeetingbox form .hsfc-ErrorAlert {
color: #fff;
opacity: 0.8;
}
.CCLPBannerSection:before { position: absolute; content: ''; width: 100%; height: 100%; background: hsla(222, 95%, 39%, 1); background: linear-gradient(0deg, hsla(222, 95%, 39%, 1) 40%, hsla(222, 100%, 50%, 0) 100%); background: -moz-linear-gradient(0deg, hsla(222, 95%, 39%, 1) 40%, hsla(222, 100%, 50%, 0) 100%); background: -webkit-linear-gradient(0deg, hsla(222, 95%, 39%, 1) 40%, hsla(222, 100%, 50%, 0) 100%); top: 0; left: 0; pointer-events: none;}
.CCLPBannerInSection { position: relative;}
.CCLPBannerTitleSection { width: 100%; max-width: 650px;}
.CCLPBannerSubTitle p { font-weight: 700; text-transform: uppercase; font-size: 18px; line-height: 1.9; font-family: Bauhaus Desk Display;}
.CCLPBannerTitle h1 { font-size: 60px; line-height: 1.06;}
.CCLPBannerConSubTitle h5 { color: #27D3BC; font-weight: 700; line-height: 1.1;}
.CCLPBannerConTitleSec h4 { font-family: IBM Plex Sans,sans-serif; font-size: 28px; line-height: 1.14; font-weight: 500;}
.CCLPBannerConTitleSec p { font-size: 18px; font-weight: 400; margin-top: 4px;}
.CCLPBannerConBtn a { background: #27D3BC; border-radius: 20px; padding: 10px 40px; font-size: 15px; font-weight: 600; line-height: 1.34;}
.CCLPAgendaRightColCTASec ul li { width: 25%; padding-bottom: 19px; position: relative; cursor : pointer}
.CCLPAgendaRightColCTASec { border-bottom: 1px solid #CCDBFF;}
.CCLPAgendaRightColCTASec ul li:before { position: absolute; content: ''; width: 0; height: 8px; background: #004BFF; bottom: 0; left: 50%; transition: all ease-in-out 0.3s; transform: translateX(-50%);}
.CCLPAgendaRightColCTASec ul li span h4 { font-weight: 600; color: #9C9C9C; transition: all ease-in-out 0.3s;}
.CCLPAgendaRightColCTASec ul li span p { font-size: 15px; color: #9C9C9C; line-height: 1.4;}
.CCLPAgendaRightColBoxSection { padding-top: 44px;}
.CCLPAgendaRightColBoxIn+* { margin-top: 18.5px;}
.CCLPAgendaRightColBoxIn .CCLPAgendaRightColBoxLT { max-width: 170px; width: 100%;}
.CCLPAgendaRightColBoxIn .CCLPAgendaRightColBoxRT { max-width: calc(100% - (170px + 26px)); width: 100%;}
.CCLPAgendaRightColCTASec ul li.active:before { width: 100%;}
.CCLPAgendaRightColCTASec ul li.active h4 { color: #0E193C;}
.CCLPContentCTATpContent p { font-size: 28px; line-height: 1.4; font-weight: 600;}
.CCLPContentCTAbtcontent p { font-size: 18px; font-weight: 600; line-height: 1.33; color: #0E193C;}
.CCLPContentCTAmdcontent p { font-size: 18px;}
.CCLPKeySpeakerInSection { gap: 24px;}
.CCLPKeySpeakerInSection .CCLPKeySpeakerTitle { padding-top: 70px; max-width: 228px; width: 100%;}
.CCLPKeySpeakerBoxMain { max-width: calc(100% - (228px + 24px)); width: 100%;}
.CCLPKeySpeakerBoxMain .CCLPKeySpeakerBoxIn { max-width: calc(33.33% - 17.33px); width: 100%;}
.CCLPKeySpeakerBoxMain .CCLPKeySpeakerBoxIn .CCLPKeySpeakerBox { background: #004BFF; border-radius: 12px; padding: 26px 26px 33px; text-align: center;}
.CCLPKeySpeakerBoxCTA a { min-width: 162px;}
.CCLPPastEventBoxSection .CCLPPastEventBox { padding-bottom: 56.25%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.CCLPPastEventBoxSection .CCLPPastEventBoxIn { padding-right: 7px;}
.CCLPPastEventBoxSection .slick-list.draggable { padding: 0 614px 0 0 !important;}
.CCLPPastEventBoxSection .slick-arrow { display: none !important;}
.CCLPPastEventTitleSection { gap: 50px; justify-content: space-between;}
.CCLPPastEventTitleSection .Slickbtns button { background: transparent; border: unset; outline: unset; cursor: pointer; padding: 0;}
.CCLPPastEventTitleSection .Slickbtns button svg { width: 36px; height: 8px;}
.CCLPPastEventTitleSection .Slickbtns { display: flex; align-items: center; gap: 23px; flex-wrap: wrap;}
.CCLPPastEventBoxSection .CCLPPastEventBox a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.CCLPPastEventBoxSection .CCLPPastEventBox { position: relative;}
.CCLPPastEventBoxSection { line-height : 0 }
.CCLPSecureyspaceBoxSection { background: #0043E3; max-width: 941px; width: 100%; margin: 0 auto; border-radius: 24px; padding: 62px 94px; text-align: center;}
.CCLPSecureyspaceForm input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #8D8BA7;}
.CCLPSecureyspaceForm input::-moz-placeholder { /* Firefox 19+ */color: #8D8BA7;}
.CCLPSecureyspaceForm input:-ms-input-placeholder { /* IE 10+ */color: #8D8BA7;}
.CCLPSecureyspaceForm input:-moz-placeholder { /* Firefox 18- */ color: #8D8BA7;}
.CCLPSecureyspaceForm input { line-height: 1.1; padding: 20px 29px !important;}
.CCLPSecureyspaceForm form fieldset.form-columns-2 { display: flex; align-items: center; gap: 24px; flex-wrap: wrap;}
.CCLPSecureyspaceForm form fieldset.form-columns-2 .input { margin-right: 0;}
.CCLPSecureyspaceForm form fieldset.form-columns-2 > div { max-width: calc(50% - 12px); width: 100%;}
.CCLPSecureyspaceForm form fieldset .hs-form-field label { display: none;}
.CCLPSecureyspaceForm form fieldset.form-columns-1 .input { margin: 0;}
.CCLPSecureyspaceForm form fieldset .hs-form-field { margin-bottom: 22px;}
.CCLPSecureyspaceForm form input[type=submit] { background: #FFFFFF; border-radius: 20px; color: #004BFF; font-weight: 600; font-size: 15px; line-height: 1.33; padding: 10px 24px !important; font-family: IBM Plex Sans,sans-serif !important;}
.CCLPSecureyspaceForm form fieldset .hs-fieldtype-radio.field.hs-form-field label { display: block;}
.CCLPSecureyspaceForm form fieldset .hs-fieldtype-radio.field.hs-form-field > label > span { color: #fff; font-weight: 600; font-size: 16px;}
.CCLPSecureyspaceForm form fieldset .hs-fieldtype-radio.field.hs-form-field .input ul { display: flex; align-items: center; justify-content: center; gap: 33px; flex-wrap: wrap; margin-top: 23px;}
.CCLPSecureyspaceForm form fieldset .hs-fieldtype-radio.field.hs-form-field .input ul li label span { color: #fff; font-weight: 600; font-size: 16px; font-family: IBM Plex Sans,sans-serif;}
.CCLPSecureyspaceForm form fieldset .hs-fieldtype-radio.field.hs-form-field .input ul li label input { position: absolute; width: 100% !important; height: 100% !important; opacity: 0; margin: 0;}
.CCLPSecureyspaceForm form fieldset .hs-fieldtype-radio.field.hs-form-field .input ul li label { position: relative;}
.CCLPSecureyspaceForm form fieldset .hs-fieldtype-radio.field.hs-form-field .input ul li { margin: 0;}
.CCLPSecureyspaceForm form fieldset .hs-fieldtype-radio.field.hs-form-field .input ul li label input + span { padding-left: 39px; position: relative;}
.CCLPSecureyspaceForm form fieldset .hs-fieldtype-radio.field.hs-form-field .input ul li label input + span:before { position: absolute; content: ''; width: 27px; height: 27px; left: 0; top: 50%; background: #fff; border-radius: 6px; transform: translateY(-50%); border: 2px solid #F0F3FA;}
.CCLPSecureyspaceForm form fieldset .hs-fieldtype-radio.field.hs-form-field .input ul li label input + span:after { background-image: url(https://1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/check.png); background-position: 50%; background-repeat: no-repeat; background-size: 25px; content: ""; height: 34px; left: -2px; opacity: 0; position: absolute; top: -7px; visibility: hidden; width: 32px;}
.CCLPSecureyspaceForm form fieldset .hs-fieldtype-radio.field.hs-form-field .input ul li label input:checked + span:after { opacity: 1; visibility: visible;}
.CCLPSecureyspaceSection:before { position: absolute; content: ''; width: 100%; height: 57%; background: #004BFF; bottom: 0; left: 0;}
.CCLPSpeakerInSection { max-width: 1043px; width: 100%; margin: 0 auto;}
.CCLPSpeakerTitleSection { justify-content: space-between; gap: 30px;}
.CCLPSpeakerFilterbtn ul { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: flex-end;}
.CCLPSpeakerFilterbtn ul li { cursor : pointer; background: #F5F5F5; border-radius: 20px; padding: 10px 20px; color: #0E193C; font-size: 15px; font-weight: 600; line-height: 1.35;}
.CCLPSpeakerFilterbtn ul li.active { background: #CCDBFF;}
.CCLPSpeakerBox .CCLPSpeakerBoxImg { max-width: 461px; width: 100%; border-radius: 24px; overflow: hidden;}
.CCLPSpeakerBox .CCLPSpeakerBoxCnt { max-width: calc(100% - (461px + 26px)); width: 100%;}
.CCLPSpeakerBox .CCLPSpeakerBoxImg img { width: 100%; height: 100%; object-fit: cover;}
.CCLPSpeakerBox .CCLPSpeakerBoxCnt .CCLPSpeakerBoxTag { background: #F2F6FF; border-radius: 12px; display: inline-block; color: #0E193C; font-size: 11px; font-weight: 600; line-height: 1.8; padding: 3px 15px;}
.CCLPSpeakerBoxTitleSec { margin-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;}
.CCLPSpeakerBoxTitleSec .CCLPSpeakerBoxTitle { max-width: calc(100% - 135px); width: 100%;}
.CCLPSpeakerBoxTitleSec .CCLPSpeakerBoxsocialmenu { max-width: 125px; width: 100%;}
.CCLPSpeakerBoxTitleSec .CCLPSpeakerBoxsocialmenu a { display: flex; align-items: center; gap: 10px; flex-wrap: nowrap;}
.CCLPSpeakerBoxTitleSec .CCLPSpeakerBoxsocialmenu a img { width: 24px; height: 24px; object-fit: contain;}
.CCLPSpeakerBoxTitleSec .CCLPSpeakerBoxsocialmenu a span { color: #0E193C; text-decoration: underline; font-weight: 400; font-size: 16px;}
.CCLPSpeakerBoxContent { padding-top: 10px;}
.CCLPSpeakerBox:not(:last-child) { padding-bottom: 39px; margin-bottom: 41px;}
.CCLPSpeakerBox { position: relative;}
.CCLPSpeakerBox:not(:last-child):before { position: absolute; content: ''; width: 174px; height: 8px; background: #004BFF; bottom: 0; left: 50%; transform: translateX(-50%);}
.CCLPSpeakerBox:nth-child(even) { flex-direction: row-reverse;}
.CCLPKeySpeakerBoxImg { position: relative;}
.CCLPKeySpeakerBoxImg:before { position: absolute; content: ''; background: linear-gradient(0deg,rgba(0, 75, 255, 1) 4%, rgba(0, 75, 255, 0) 103%); width: 100%; height: 60%; left: 0; bottom: 0;}
.CCLPWhyAttendLtSec { max-width: 326px; width: 100%;}
.CCLPWhyAttendInSec { gap: 24px; max-width: 906px; width: 100%;}
.CCLPWhyAttendRtSec { max-width: calc(100% - (326px + 24px)); width: 100%;}
.CCLPWhyAttendRtList ul li span { display: block;}
.CCLPWhyAttendRtList ul li+* { margin-top: 4px;}
.CCLPWhyAttendRtList ul li { padding-left: 34px; position: relative;}
.CCLPWhyAttendRtList ul li:before { position: absolute; content: ''; width: 24px; height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M17 9.5L10.125 16.5L7 13.3182M22 12.5C22 18.0228 17.5228 22.5 12 22.5C6.47715 22.5 2 18.0228 2 12.5C2 6.97715 6.47715 2.5 12 2.5C17.5228 2.5 22 6.97715 22 12.5Z' stroke='%23004BFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: contain; background-position: center center; left: 0; top: 1px;}
.LPHeaderSection { position: fixed; top: 62px; width: 100%; left: 0;z-index : 9999}
.LPHeaderSection .LPHeaderInSection { background: rgb(5 61 195 / 70%); border-radius: 40px; display: flex; align-items: center; gap: 58px; justify-content: space-between; flex-wrap: wrap; padding: 18px 42px 18px 78px;}
.LPHeaderSection .LPHeaderInSection .LPHeaderLogo { width: 230px;}
.LPHeaderSection .LPHeaderInSection .LPHeaderLogo a { width: 100%;}
.LPHeaderSection .LPHeaderInSection .LPHeaderLogo a img { width: 100%; height: 100%; object-fit: contain;}
.LPHeaderSection .LPHeaderInSection .LPHeaderRTCol { max-width: calc(100% - 288px); width: 100%; display: flex; align-items: center; gap: 64px; justify-content: space-between;}
.LPHeaderSection .LPHeaderInSection .LPHeaderRTCol .LPHeaderMenu ul { display: flex; align-items: center; flex-wrap: wrap; gap: 49px;}
.LPHeaderSection .LPHeaderInSection .LPHeaderRTCol .LPHeaderMenu ul li a { font-size: 16px; font-weight: 500; color: #fff; font-family: Bauhaus Desk Display;}
.LPHeaderSection .LPHeaderInSection .LPHeaderRTCol .LPHeaderBtnSection { display: flex; align-items: center; flex-wrap: wrap; gap: 25px;}
.LPHeaderSection .LPHeaderInSection .LPHeaderRTCol .LPHeaderBtnSection .LPHeadereventsec p { color: #fff;}
.FAQBTSec.FulwidthFAQBTSec { max-width: 100%;}
.FAQBTSec.FulwidthFAQBTSec .FAQBtn a { min-width: 197px !important;}
.CCLPWhyAttendRtList ul li span:last-child { margin-top: 3px;}
.CCLPWhyAttendRtList ul li+* { margin-top: 8px;}
.competitorTabBoxRTPopupCancel { color: #fff; display: none; border: 1px solid #FFFFFF; padding: 12px 20px; border-radius: 20px; font-weight: 600; font-size: 15px; line-height: 100%; letter-spacing: normal; text-align: center; min-width: 127px; cursor: pointer; transition: all .3s; }
.competitorTabBoxRTPopup .competitorTabBoxRTPopupCancel { display: inline-block; }
.competitorTabBoxRTPopupCancel:hover { background-color: #fff; color: #053DC3; }
.competitorTabBoxRTPopup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex ; align-items: center; justify-content: center; transition: all .4s; opacity: 0; visibility: hidden; z-index: 999; }
.competitorTabBoxRTPopup.active { opacity: 1; visibility: visible; }
.competitorTabBoxRTPopOverlay { cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, .4); z-index: -1; }
.competitorTabBoxRTPopInn { border: 8px solid #CCDBFF; border-radius: 4px; background: #053DC3; padding: 30px 18px; width: calc(100% - 30px); max-width: 942px; }
.competitorTabBoxRTPopInn h3 { color: #fff; font-weight: 600; font-size: 20px; line-height: 32px; letter-spacing: normal; text-align: center; margin: 0 0 2px; }
.competitorTabBoxRText { text-align: center; color: #fff; }
.competitorTabBoxRForm { margin: 18px 0 0; }
.competitorTabBoxRForm form input[type=email],
.competitorTabBoxRForm form input[type=file],
.competitorTabBoxRForm form input[type=number],
.competitorTabBoxRForm form input[type=password],
.competitorTabBoxRForm form input[type=search],
.competitorTabBoxRForm form input[type=tel],
.competitorTabBoxRForm form input[type=text],
.competitorTabBoxRForm form select,
.competitorTabBoxRForm form textarea { padding: 16px 30px !important; }
.cta-section.cta-popup a { cursor: pointer; }
.competitorTabBoxRForm form fieldset .input { margin: 0 !important; }
.competitorTabBoxRForm form fieldset.form-columns-2 { display: flex ; justify-content: space-between; flex-wrap: wrap; }
.competitorTabBoxRForm form fieldset.form-columns-2 .hs-form-field { width: calc(50% - 15px); margin: 0 0 16px; }
.competitorTabBoxRForm form .hs-form-field label { margin: 0; }
.competitorTabBoxRForm form .hs_submit.hs-submit { margin: 5px 0 0; display: flex ; align-items: center; flex-wrap: wrap; justify-content: center; gap: 36px; }
.competitorTabBoxRForm form .hs_submit.hs-submit input[type=submit] { background: #004BFF; border: 0; font-weight: 600; font-size: 15px; line-height: 100%; letter-spacing: normal; text-align: center; font-family: IBM Plex Sans, sans-serif; padding: 13px 24px; }
.competitorTabBoxRForm .submitted-message { text-align: center; }
.competitorTabBoxRForm .submitted-message, .competitorTabBoxRForm form { color: #fff; }
.competitorTabBoxRForm form .hs_error_rollup { display: none; }
.competitorTabBoxRForm form label.hs-error-msg { color: #fff; }
.FrameworkBannerLTCol { max-width: 620px; width: 100%;}
.FrameworkBannerRTCol { max-width: 509px; width: 100%;}
.Frameworkbannershape1 { background-position: 0; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%;}
.Frameworkbannershape2 { background-position: 0; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: -1;}
.FrameworkBannerback a { text-decoration: underline !important; padding-left: 33px; position: relative;}
.FrameworkBannerback a:before { position: absolute; content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M8.07062 16L4.7168 12M4.7168 12L8.07062 8M4.7168 12L17.9225 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: contain; left: 0; top: 50%; transform: translateY(-50%);}
.FrameworkBannerback { border-bottom: 1px solid #053DC3; padding-bottom: 17px; margin-bottom: 150px;}
.FrameworkBannerRTLogo { width: 270px; height: 270px; margin: 0 0 0 auto;}
.FrameworkBannerRTCol { position: relative;}
.FrameworkBannerRTCol > span { position: absolute; content: ''; width: 42px; height: 42px; background: #053DC3; border-radius: 50%; top: 50%; left: 0; transform: translateY(-50%);}
.FrameworkBannerRTCol span.FrameworkBannerRTshape2 { width: 68px; height: 68px; left: calc(42px + 13px);}
.FrameworkBannerRTCol span.FrameworkBannerRTshape3 { width: 98px; height: 98px; left: calc(42px + 13px + 68px + 13px);}
.FrameworkBannerRTCol .FrameworkBannerRTLogo { position: relative; display: flex; align-items: center; justify-content: center;}
.FrameworkBannerRTCol .FrameworkBannerRTLogo span.FrameworkBannerRTshape4 { position: absolute; background: linear-gradient(131.92deg, #004BFF 5.94%, rgba(0, 75, 255, 0) 69.24%); width: 100%; height: 100%; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0;}
.FrameworkBannerRTCol .FrameworkBannerRTLogo img { position: relative; width: 188px; height: 188px;}
.Frameworkbancolumn { position: relative;}
.FrameworkBannerRTCol { position: absolute; right: 0; z-index: -1; top: 0;}
.FrameworkBannerRTCol .FrameworkBannerRTLogo { left: -35px; z-index: -1;}
.FrameworkBannerCnt { max-width: 550px; width: 100%;}
.TrustedbyImgBoxMain { display: flex; align-items: center; gap: 50px; justify-content: space-between; max-width: 892px; width: 100%;}
.TrustedbyInSection .TrustedbyTitle { max-width: calc(100% - (892px + 15px)); width: 100%;}
.TrustedbyImgBoxMain { flex-wrap: wrap;}
.TrustedbyImgBoxMain .TrustedbyImgBox { max-width: calc(20% - 40px); width: 100%;}
.TrustedbyImgBoxMain .TrustedbyImgBox img { width: 100%; height: 100%; object-fit: contain;}
.TrustedbyImgBoxMain .TrustedbyImgBox img {min-width: 63px;max-height: 63px;}
.TrustedSection span.shadowtrusted { position: absolute; width: calc(100% - 100px); height: 50%; background-color: #053DC3; filter: blur(33px); border-radius: 50%; left: 50%; transform: translateX(-50%); bottom: 0;}
.TrustedSection .baseModuleParent > div { position: relative;}
.FrameworkFormInSec { max-width: 752px; width: 100%; margin: 0 auto;}
.FrameworkFormTitleSec { text-align: center;}
.FrameworkFormTitleSec { max-width: calc(100% - 40px); margin: 0 auto;}
.FrameworkFormBox form .hs-form-field:not(.hs-fieldtype-booleancheckbox) label { display: none;}
.FrameworkFormBox form .hs-form-field:not(.hs-fieldtype-booleancheckbox) { margin-bottom: 22px;}
.FrameworkFormBox form .hs-form-field .hs-fieldtype-intl-phone select { width: 165px !important; appearance: unset; -webkit-appearance: unset;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M15 1L8 8L1 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: 13px; background-position: center right 20px; padding-right: 40px;}
.FrameworkFormBox form .hs-form-field .hs-fieldtype-intl-phone .hs-input[type="tel"] { width: calc(100% - 193px) !important;}
.FrameworkFormBox form input::-webkit-input-placeholder,.FrameworkFormBox form select::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #8D8BA7;}
.FrameworkFormBox form input::-moz-placeholder,.FrameworkFormBox form select::-moz-placeholder { /* Firefox 19+ */ color: #8D8BA7;}
.FrameworkFormBox form input:-ms-input-placeholder,.FrameworkFormBox form select:-ms-input-placeholder { /* IE 10+ */ color: #8D8BA7;}
.FrameworkFormBox form input:-moz-placeholder,.FrameworkFormBox form select:-moz-placeholder { /* Firefox 18- */ color: #8D8BA7;}
.FrameworkFormBox form .legal-consent-container ul.inputs-list li label { position: relative;}
.FrameworkFormBox form .legal-consent-container ul.inputs-list li label input { position: absolute;width: 100%;height: 100%; opacity: 0; z-index:1}
.FrameworkFormBox form .legal-consent-container ul.inputs-list li label input + span { color: #FFFFFF; font-weight: 400; font-size: 12px; padding-left: 35px; position: relative;}
.FrameworkFormBox form .legal-consent-container ul.inputs-list li label input + span:before { position: absolute; content: ''; width: 27px; height: 27px; border: 1px solid #F0F3FA; left: 0; background: #fff; border-radius: 1px;}
.FrameworkFormBox form .legal-consent-container ul.inputs-list li label input + span:after { position: absolute; content: ''; width: 27px; height: 27px; border-radius: 1px; left: 0px; top: 0; transition: all ease-in-out 0.3s; opacity: 0; visibility: hidden;background: 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 21 21' style='enable-background:new 0 0 512 512' xml:space='preserve' fill-rule='evenodd' class=''%3E%3Cg%3E%3Cg fill='%2300ba00'%3E%3Cpath d='M6.338 15.598 18.154 3.782a.183.183 0 0 1 .258 0l.327.326.003.004.703.702.003.004.327.326c.07.07.07.187 0 .258L7.958 17.22a.183.183 0 0 1-.258 0l-.326-.327-.004-.003-.702-.703-.004-.003-.326-.327a.183.183 0 0 1 0-.258z' fill='%23ffffff' opacity='1' data-original='%2300ba00'%3E%3C/path%3E%3Cpath d='m7.7 17.218-6.475-6.474a.183.183 0 0 1 0-.259l.327-.326.003-.003.703-.703.003-.003.327-.327a.183.183 0 0 1 .258 0l6.475 6.475a.183.183 0 0 1 0 .258l-.327.327-.003.003-.703.703-.003.003-.327.326a.183.183 0 0 1-.258 0z' fill='%23ffffff' opacity='1' data-original='%2300ba00'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),#053DC3;background-repeat: no-repeat;background-size: 22px; background-position : center center }
.FrameworkFormBox form .legal-consent-container ul.inputs-list li label input:checked + span:after {opacity: 1;visibility: visible;}
.FrameworkFormBox form input[type=submit] { width: 100%; border-radius: 30px; font-family: IBM Plex Sans,sans-serif; padding: 19px 60px; line-height: 1;}
.FrameworkFormBox form .hs_submit { margin-top: 35px;}
.FrameworkFormBox .submitted-message { text-align: center; color: #fff;}
.FrameworkLogoBoxSec { display: flex; align-items: center; justify-content: center; gap: 25px;}
.FrameworkLogoBoxSec .FrameworkLogoBox { max-width: 170px; width: 100%;}
.FrameworkLogoBoxSec .FrameworkLogoBox img { width: 100%; height: 100%; object-fit: contain;}
.FWTwoColBoxTitle { max-width: 655px; width: 100%; margin: 0 auto;}
.FWTCTwoColBoxSec .FWTCTwoColLTBox { max-width: 558px; width: 100%;}
.FWTCTwoColBoxSec .FWTCTwoColRTBox { max-width: calc(100% - (558px + 48px)); width: 100%;}
.FWTCTwoColLTCnt h5 { font-family: IBM Plex Sans,sans-serif; font-weight: 600; margin-bottom: 10px;}
.FWTCTwoColLTCalcBox { margin-top: 23px; display: flex; align-items: center; flex-wrap: wrap; gap: 17px; background: #0047F1; border-radius: 8px; padding: 19px 35px 19px 15px;}
.FWTCTwoColLTCalcBox .FWTCTwoColLTCalcImg { width: 58px; height: 58px;}
.FWTCTwoColLTCalcBox .FWTCTwoColLTCalcCnt { width: calc(100% - 75px);}
.FWTCTwoColLTCalcBox .FWTCTwoColLTCalcCnt p+* { margin-top: 5px;}
.FWTCTwoColLTCalcBox .FWTCTwoColLTCalcImg img { width: 100%; height: 100%; object-fit: contain;}
.FWTCTwoColBoxSec .FWTCTwoColRTBox ul li+* { margin-top: 5px;}
.FWTCTwoColRTBox ul li { display: flex; align-items: stretch; gap: 19px;}
.FWTCTwoColRTBox ul li span.listimg { line-height: 1;}
.FWTCTwoColRTBox ul li span.listtext { display: flex; align-items: center;}
.frameworkzigzagInSec { max-width: 1142px; width: 100%; margin: 0 auto;}
.frameworkzigzagBox { gap: 95px; padding: 198px 0 122px;}
.frameworkzigzagBox .frameworkzigzagLTBox { max-width: 489px; width: 100%; position: relative;}
.frameworkzigzagRTBox { max-width: calc(100% - (95px + 489px)); width: 100%;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxText { left: 2px; position: absolute; width: 357px; height: 357px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='359' height='359' viewBox='0 0 359 359' fill='none'%3E%3Ccircle cx='179.705' cy='179.705' r='148.706' transform='rotate(67.9608 179.705 179.705)' stroke='url(%23paint0_linear_6091_17716)' stroke-width='60'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6091_17716' x1='-62.9024' y1='117.019' x2='174.846' y2='330.47' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23004BFF'/%3E%3Cstop offset='1' stop-color='%23004BFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: center center; background-size: contain; z-index: 1; top: -158px; display: flex; align-items: center; justify-content: center;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxText .frameworkzigzagLTBoxCnt { width: 244px; height: 244px; background: #004BFF; border-radius: 50%; font-family: Bauhaus Desk Display; font-weight: 500; font-size: 62.55px; line-height: 1.34; text-align: center; display: flex; align-items: center; justify-content: center;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxImage2nd { position: absolute; width: 267px; bottom: -40px; right: -64px;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxImage2nd img { width: 100%; height: 100%; object-fit: contain;}
.frameworkzigzagBox:nth-child(even) { flex-direction: row-reverse;}
.frameworkzigzagBox:nth-child(even) .frameworkzigzagLTBox .frameworkzigzagLTBoxImage2nd { right: unset; left: -64px;}
.frameworkzigzagBox:nth-child(even) .frameworkzigzagLTBox .frameworkzigzagLTBoxText { left: unset; right: 2px;}
.FrameworkFourColInSec { max-width: 1140px; width: 100%; margin: 0 auto;}
.FrameworkFourColTitleSec { max-width: 778px; width: 100%; margin: 0 auto; text-align: center;}
.FrameworkFourColBox { background: #F4F5F7; max-width: calc(25% - 18px); width: 100%; padding: 27px 20px; border-radius: 8px;}
.FrameworkFourColBoxTitle p { font-family: Bauhaus Desk Display; font-weight: 500;}
.FrameworkFourColBox { position: relative;}
.FrameworkFourColBox .FrameworkFourColBoxNumber { width: 40px; height: 40px; background: #004BFF; border-radius: 50%; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; color: #fff; font-family: 'Bauhaus Desk Display'; font-weight: 500; font-size: 20px; line-height: 1.2;}
.FrameworkFourColBoxCnt p { font-size: 15px; font-weight: 400; color: #0E193C;}
.FrameworkFourColBoxCTA a { font-weight: 600; color: #0E193C; padding-right: 27px; position: relative; line-height: 1.5;}
.FrameworkFourColBoxCTA a:before { position: absolute; content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%230E193C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px; height: 24px; right: 0; background-size: contain; background-position: center center; background-repeat: no-repeat; top: 50%; transform: translateY(-50%);}
.TestimonialSliderSection { position: relative;}
.TestimonialSliderSection .topshape { position: absolute; top: 0; left: 0; width : 100%}
.TestimonialSliderSection .topshape svg { width: 100%; height: 100%;}
.TestimonialSliderInSec { max-width: 838px; width: 100%;margin: 0 auto;}
.TestimonialSliderBoxIn { text-align: center;}
.TestimonialSliderBoxLogo { max-width: 153px; width: 100%; margin: 0 auto;}
.TestimonialSliderBoxLogo img { width: 100%; height: 100%; object-fit: contain;}
.TestimonialSliderBoxcnt { max-width: 461px; width: 100%; margin: 0 auto;}
.TestimonialSliderBoxMain { margin-bottom: 0 !important; padding-bottom: 52px;}
.TestimonialSliderBoxMain ul.slick-dots li { width: 14px; height: 14px; margin: 0 2.5px;}
.TestimonialSliderBoxMain ul.slick-dots { bottom: 0;}
.TestimonialSliderBoxMain ul.slick-dots li button { padding: 0; width: 100%; height: 100%;}
.TestimonialSliderBoxMain ul.slick-dots li button:before { width: 100%; height: 100%; content: ''; background: #053DC3; border-radius: 50%; opacity: 1;}
.TestimonialSliderBoxMain ul.slick-dots li.slick-active button:before { background: #004BFF;}
@media (min-width : 1080px){
.LPmobilemenu,.LPHeaderMobileMenu { display : none }
}
@media (max-width : 1740px){
.IntegratedSliderBoxSection { max-width: calc(1440px + 30px);}
.BADLogoSection .LogoInnerSec { max-width: 620px;}
}
@media (max-width : 1640px){
.OurTeamSection .OurTeamSliderBoxSection { max-width: 1366px;}
.BookademobannerInSec .Bookademomeetingbox { padding: 50px; max-width: 40%; min-height: 700px;}
.HomeBannerVideoSec .HomeBanrtimg { right: -5%; max-width: 350px;}
.HomeBannerVideoSec .HomeBanltimg { left: -5%; max-width: 350px;}
}
@media (max-width: 1500px){
.Frameworkbannershape1, .Frameworkbannershape2 { background-size: cover; background-position: center left -150px;}
}
@media (max-width : 1440px){
.LogoSection .custom_wrapper { max-width: 1280px !important;}
.RiskManagementSec .custom_wrapper { max-width: 1360px !important;}
.RiskReckoningSection .custom_wrapper { max-width: 1300px !important;}
.OurTeamSection .OurTeamSliderBoxSection { max-width: 1230px;}
.RHBannerLogoSec { max-width: 1280px; width: 100%; margin: 0 auto;}
.IntegratedSliderBoxSection { max-width: calc(1300px + 30px);}
.SimpleSliderBoxSection .slick-slide { margin: 0 50px; max-width: 750px;}
.HomeBannerVideoSec .HomeBanltimg { left: 0;}
.HomeBannerVideoSec .HomeBanrtimg { right: 0;}
.eventpostVideoSection:before { height: 200px;}
.eventpostVideoSection .eventpostshape { top: 199px;}
.GuestSpeakerSection .custom_container { max-width: 1300px !important;}
.CCLPPastEventBoxSection { padding-left: 8%;}
}
@media (max-width : 1366px){
h1,.h1 { font-size: calc(48px - 0.5rem )}
h2,.h2 { font-size: calc(36px - 0.3rem);}
h3,.h3 { font-size: calc(32px - 0.2rem);}
.HFBannerTitleSection { max-width: 750px;}
}
@media (max-width : 1300px){
.content-wrapper { max-width: calc(1344px / 1.1 );}
.content-wrapper_small { max-width: calc(1338px/ 1.1 );}
.LogoSection .custom_wrapper { max-width: 1170px !important;}
.LogoBoxSection { gap: 20px 70px;}
.RiskManagementSec .custom_wrapper { max-width: calc(1338px/ 1.1 ) !important;}
.BlogListFeaturedBoxLTCOL { max-width: 70%; }
.BlogListFeaturedBox .BlogListFeaturedBoxRTCOL { max-width: calc(30% - 24px); }
.RHBannerLogoSec { max-width: 1170px; gap: 20px 70px}
.BlogPostTwoColBoxSec .BlogPostTwoColBox .BlogPostTCLTCol { max-width: 70%;}
.BlogPostTwoColBox .BlogPostTCRTCol { max-width: calc(30% - 24px);}
.BlogPostInTitleSection { max-width: 70%;}
.IntegratedSliderBoxSection { max-width: calc(1080px + 30px);}
.SeamlessinteSection .SeamlessinteInSec .SeamlessinteLogoSec { max-width: 80%;}
.SeamlessinteSection .SeamlessinteInSec .SeamlessinteLogoSec .SeamlessinteLogoBox { max-width: calc(25% - 35px);}
.BookademobannerInSec { padding-left: 40px;}
.BADLogoSection .LogoInnerSec { margin-left: 40px;}
.CCLPPastEventBoxSection { padding-left: 3%;}
.Frameworkbannershape1, .Frameworkbannershape2 { background-position: center left -170px;}
}
@media (max-width : 1280px){
.font_large, .font_large p, .font_large a { ; font-size : calc( - 0.3rem) }
.OurTeamSection .OurTeamSliderBoxSection { max-width: 90%;}
.newsblogbannerSection .blogbannershape1, .newsblogbannerSection .blogbannershape2 { background-position: top; }
.HubInteFilterBoxInSec .HubInteFilterBox { max-width: calc(20% - 8px);}
}
@media (max-width : 1230px){
.content-wrapper { max-width: 95%}
.content-wrapper_small { max-width: 90%;}
h1,.h1 { font-size: calc(48px - 1rem );}
.HomeBannerVideo { max-width: 800px;}
.BlockNavlinkSec .custom_wrapper { max-width: 900px !important;}
.BlockNavlinkSec .BlockNavlinkInner.active { max-width: calc(900px - 30px) !important;}
.BlockNavlink ul li:not(:first-child):not(:last-child) a {min-width: 167px;}
.BlockNavlink ul li:last-child a { min-width: auto; white-space: nowrap; padding: 15px;}
.LogoSection .custom_wrapper { max-width: 90% !important;}
.RiskManagementSec .custom_wrapper { max-width: 90% !important;}
.RiskManagementInSec { padding: 30px;}
.HomeTabbingSection .custom_wrapper { max-width: 90% !important;}
.HomeTabbingInSec .HomeTabbingBtns { padding: 30px;}
.HomeTabbingContentboxMain { padding-left: 30px;}
.HomeTabbingContentbox .HomeTabbingContentboxLT { max-width: 40%; padding-right: 10px;}
.HomeTabbingContentbox .HomeTabbingContentboxRT { max-width: 60%;}
.PackageSection:before { top: -95px;}
.PackageSection:after { bottom: -95px;}
.FourColumnSection .custom_wrapper { max-width: 90% !important;}
.FourColumnBoxSection { gap: 15px;}
.FourColumnBoxSection .FourColumnBox { max-width: calc(25% - 11.25px); padding: 15px;}
.RiskReckoningInSec .RiskReckoningLTCol { max-width: 40%;}
.RiskReckoningInSec .RiskReckoningRTCol { max-width: calc(60% - 23px);}
.TestimonialSliderSection .topshape { top: -1px;}
.ResourcesBoxSection { gap: 15px;}
.ResourcesBoxSection .ResourcesBox { max-width: calc(25% - 11.25px);}
.ResourcesBoxSection .ResourcesBox .ResourcesBoxCntCol { padding: 15px;}
.PodcastSection .custom_wrapper { max-width: 90% !important;}
.PodcastBoxGrpMain { gap: 15px;}
.PodcastBoxGrpMain .PodcastBoxsecMain { max-width: calc(25% - 11.25px);}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxCntSec .PodcastBoxCnt { flex-direction: column; align-items: flex-start;}
.ReviewSliderSection .custom_wrapper { max-width: 90% !important;}
.ReviewSliderBoxMain { padding: 0 5px;}
.ReviewSliderBoxSec { margin: 0 -5px;}
.ReviewSliderBox { padding: 30px 15px 30px;}
.ReviewSliderBox .ReviewSliderBoxStar svg { width: 100px;}
.ReviewSliderBoxSec button.slick-prev.slick-arrow { left: -15px;}
.ReviewSliderBoxSec button.slick-next.slick-arrow { right: -15px;}
.OurTeamSliderBoxIn { padding: 0 10px;}
.HFBannerInnerSection .HFBannerImage { top: calc(100% + 80px);}
.UseCaseThreeColBoxGrp { gap: 15px;}
.UseCaseThreeColBoxGrp .UseCaseThreeColBox { max-width: calc(33.33% - 10px);}
.RHBannerLogoSec { flex-wrap: wrap; gap: 20px 50px;}
.RHBannerLogoSec .RHBannerLogoBox { max-width: 150px; width: 100%; height: 60px;}
.ResourceHubBannerSec .blogbannershape1, .ResourceHubBannerSec .blogbannershape2 { background-position: top;}
.usecaseinbannerSec .HFBannerInnerSection .HFBannerImage { top: unset;}
.FrameworkCntBoxSec { gap: 12px; justify-content: center;}
.FrameworkCntBoxSec .FrameworkCntBox { max-width: calc(25% - 9px);}
.competitorTabbutton ul li a { font-size: 15px;}
.competitorTabBoxRTCol { max-width: 500px;}
.competitorTabBoxint .competitorTabBoxLTCol { max-width: calc(100% - 529px);}
.BookademobannerTitleSec { max-width: 400px;}
.BADLogoSection .LogoInnerSec { max-width: 450px;}
.BookademobannerInSec .Bookademomeetingbox { max-width: 45%;}
.BADLogoSection .LogoInnerSec .LogoBoxSection { gap: 40px;}
.BADLogoSection .LogoInnerSec .LogoBoxSection .LogoBox { width: calc(25% - 30px);}
.QuoteTwoColBoxSec .PackageSummaryBoxSec { max-width: 60%;}
.QuoteTwoColBoxSec .ContactInformationBoxSec { max-width: calc(40% - 10px);}
.EventpostdetailsBoxSec .EventpostdetailsRTCol { max-width: calc(100% - 705px);}
.GuestSpeakerSection .OurTeamInnerSec { padding: 30px 0 30px 30px;}
.UpcomingEventSliderBox .slick-list { padding: 0 250px 0 0 !important;}
.CCLPPastEventInSec .wrapLeft { padding-left: 15px !important;}
.CCLPPastEventBoxSection { padding-left: 0;}
.LPHeaderSection .LPHeaderInSection { padding: 18px 20px;}
.LPHeaderSection .LPHeaderInSection .LPHeaderRTCol .LPHeaderMenu ul { gap: 25px;}
.LPHeaderSection .LPHeaderInSection .LPHeaderRTCol { gap: 30px;}
.LPHeaderSection { top: 30px;}
.TrustedbyImgBoxMain { gap: 30px;}
.TrustedbyInSection .TrustedbyTitle { max-width: calc(100% - 815px);}
.TrustedbyImgBoxMain { max-width: 800px;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxText { width: 280px; height: 280px; top: -130px;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxText .frameworkzigzagLTBoxCnt { width: 200px; height: 200px;}
.frameworkzigzagBox { padding: 150px 0 80px;}
}
@media (max-width : 1080px){
.WhyCSBoxSection .WhyCSImagesBoxMain { max-width: 45%;}
.WhyCSBoxSection .WhyCSFAQBoxSec { max-width: calc(55% - 9px);}
.PackageSection:before { top: -50px; background-size: cover;}
.PackageSection:after { bottom: -47px;}
.OurStoryImage { max-width: 800px;}
.HFBannerInnerSection .HFBannerImage { top : 100% }
.ImageContentTCSection .ImageContentBoxLtCol { max-width: 55%;}
.ImageContentTCSection .ImageContentBoxRTCol.ImageContentBoxRTColnormal { max-width: calc(45% - 23px);}
.ComplianceFilterBoxSec .ComplianceFilterBox { max-width: calc(20% - 20px);}
.UseCaseThreeColBoxGrp .UseCaseThreeColBox { padding: 20px 15px;}
.BlogListingInSec { padding: 32px 20px 67px;}
.BlogListFeaturedBoxMain { padding: 20px;}
.BlogListingextraBoxMain {padding: 20px;}
.BlogListrecentBoxMain { padding: 20px;}
.BlogListsharedBoxMain,.BlogListingBoxFilterColumn { padding: 0 20px;}
.BlogListPopularBoxMain { padding: 20px 20px 0;}
.BlogListFeaturedBoxLTCOL { max-width: 60%;}
.BlogListFeaturedBox .BlogListFeaturedBoxRTCOL { max-width: calc(40% - 24px);}
.BlogListingextraBoxMain .BlogListingextraBox { max-width: calc(33.33% - 16px);}
.BlogListsharedBoxInner .BlogListsharedBox { max-width: calc(33.33% - 16px);}
.BlogPostInTitleSection { max-width: 100%;}
.authorbiofdetailBox .authorbiofdetailcntboxSec { padding: 0 50px;}
.authorbiofdvideomSection { padding-left: 50px;}
.authorbiofdQueAnsSec { padding: 30px 50px 0;}
.newsblogbannerInSec .newsblogbannerTitlesec { max-width: 40%;}
.newsblogbannerInSec .newsblogbannerformsec { max-width: calc(60% - 30px);}
.CBannerSection .CBannerimg { width: 70%; padding-top: 30px;}
.HubInteFilterBoxInSec .HubInteFilterBox { max-width: calc(25% - 8px);}
.SimpleSliderBoxSection .slick-list.draggable { padding: 0 50px !important;}
.SimpleSliderBoxSection .slick-slide { margin: 0 15px;}
.SeamlessinteSection .SeamlessinteInSec .SeamlessinteLogoSec { max-width: 100%; gap: 10px 30px;}
.competitorTabbutton ul li a { padding: 15px 20px;}
.BookademobannerInSec .Bookademomeetingbox { position: unset; max-width: calc(100% - 450px); min-height: auto; height: auto; padding: 150px 50px 50px;}
.BookademobannerInSec .Bookademomeetingbox iframe { height: 100%;}
.BookademobannerInSec { align-items: stretch;}
.BADLogoSection .wrapLeft { padding: 0 15px !important; max-width: 95%; width: 100%; margin: 0 auto;}
.BADLogoSection .LogoInnerSec .LogoTitleSection { text-align: center;}
.BADLogoSection .LogoInnerSec { max-width: 100%; margin-left: 0;}
.BADLogoSection .LogoInnerSec .LogoBoxSection .LogoBox { width: calc(17% - 25px);}
.BADLogoSection .LogoInnerSec .LogoBoxSection { justify-content: center;}
.BookademobannerInSec { padding-left : 0 }
.EventFilterTwoColSec .EventFilterLTCol { max-width: 350px;}
.EventFilterTwoColSec .EventFilterRTCol { max-width: calc(100% - 389px);}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker table.ui-datepicker-calendar thead th,.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker table.ui-datepicker-calendar thead td { width: calc(100%/7);}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker table.ui-datepicker-calendar tbody tr td a { min-width: 100%;}
.PackageSummaryBoxListtotal { margin-top: 100px;}
.PackageSummaryBoxList ul li:first-child { width: 200px;}
.PackageSummaryBoxList ul li:not(:first-child) { width: calc(((100% - 200px) / 3) - 5px);}
.HomeBannerVideo { max-width: 600px; padding-top: 0; margin-top: 30px; }
.eventpostVideoInSec .eventpostvideo { padding-top: 120px;}
.CCLPBannerTitle h1 { font-size: 45px;}
.CCLPBannerConferenceSec { padding-top: 40px;}
.CCLPAgendaRightColCTASec ul li span p { font-size: 14px;}
a.LPexpandmenu {width: 35px;height: 35px;display: flex;cursor: pointer;padding: 3px;position: relative; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}
a.LPexpandmenu i {position:relative;width: 100%;left:0;height: 3px;opacity:1;display: block;background: #FFF;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;}
a.LPexpandmenu i:first-child { margin-top: 0;}
a.LPexpandmenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 8px; position: relative; }
a.LPexpandmenu.active i:nth-child(2) { position:relative; left:-46px; opacity:0; }
a.LPexpandmenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; }
.LPHeaderSection .LPHeaderInSection .LPHeaderRTCol .LPHeaderMenu { display: none;}
.LPHeaderSection .LPHeaderInSection .LPHeaderRTCol .LPHeaderBtnSection .LPHeadereventsec { display: none;}
.LPHeaderSection .LPHeaderInSection .LPHeaderRTCol { justify-content: flex-end; gap: 16px;}
.LPHeaderMobileMenu { position: absolute; top: -26px; left: -15px; width: calc(100% + 30px); background: #fff; height: 100vh; z-index: -1;}
.LPHeaderSection { top: 0;}
.LPHeaderSection .LPHeaderInSection { margin-top: 26px;}
.LPHeaderSection .LPHeaderInSection {position: relative;}
.LPHeaderMobileMenuIn { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 147px; text-align: center;}
.LPHeaderMenu ul { display: flex; flex-direction: column; gap: 69px;}
.LPHeaderMenu ul a { font-family: Bauhaus Desk Display; font-weight: 500; font-size: 24px; line-height: 18px; letter-spacing: 0%; text-align: center; color: rgba(14, 25, 60, 1);}
.PHeaderMobileBtn a { min-width: 318px; font-family: IBM Plex Sans; font-weight: 600; font-size: 15px; line-height: 1; text-align: center; padding: 12px 65px;}
.LPHeaderMobileMenu { display: none;}
body.menu-open {
overflow: hidden;
}
.LPHeaderSection .LPHeaderInSection { gap : 16px; }
.CCLPKeySpeakerBoxMain .CCLPKeySpeakerBoxIn .CCLPKeySpeakerBox { padding: 26px 15px; height: 100%;}
.CCLPKeySpeakerBoxMain { align-items: stretch;}
.CCLPPastEventBoxSection .CCLPPastEventBox { padding-bottom: 70%;}
.CCLPSpeakerBox .CCLPSpeakerBoxImg { max-width: 400px;}
.CCLPSpeakerBox .CCLPSpeakerBoxCnt { max-width: calc(100% - 426px);}
.FrameworkBannerback { margin-bottom: 100px;}
.TrustedbyInSection .TrustedbyTitle { max-width: calc(100% - 750px);}
.TrustedbyImgBoxMain { max-width: 735px;}
.frameworkzigzagBox .frameworkzigzagLTBox { max-width: calc(50% - 25px);}
.frameworkzigzagBox { gap: 50px;}
.frameworkzigzagRTBox { max-width: calc(50% - 25px);}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxText { width: 200px; height: 200px; top: -70px;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxText .frameworkzigzagLTBoxCnt { width: 160px; height: 160px; font-size: 40px;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxImage2nd { width: 250px; right: -30px; bottom: -60px;}
.frameworkzigzagBox { padding: 80px 0;}
.FWTCTwoColBoxSec .FWTCTwoColLTBox { max-width: 50%;}
.FWTCTwoColBoxSec .FWTCTwoColRTBox { max-width: calc(50% - 48px);}
.FrameworkFourColBoxSec { gap: 15px;}
.FrameworkFourColBox { max-width: calc(25% - 11.25px); padding: 27px 15px 20px;}
.FrameworkBannerLTCol { max-width: 50%;}
.FrameworkBannerRTCol .FrameworkBannerRTLogo { width: 200px; height: 200px;}
.FrameworkBannerRTCol .FrameworkBannerRTLogo img { width: 150px; height: 150px;}
.FrameworkBannerRTCol { max-width: 460px;}
.Frameworkbannershape1, .Frameworkbannershape2 { background-position: center left -250px;}
}
@media (max-width : 1024px){
h1,.h1 { font-size: calc(48px - 1.2rem );}
.font_large, .font_large p, .font_large a { ; font-size : calc( - 0.5rem) }
/* flex-gap */
.md_gap1 { gap : 1px; }
.md_columngap1 { column-gap : 1px;}
.md_rowgap1 { row-gap : 1px;}
.md_gap2 { gap : 2px; }
.md_columngap2 { column-gap : 2px;}
.md_rowgap2 { row-gap : 2px;}
.md_gap3 { gap : 3px; }
.md_columngap3 { column-gap : 3px;}
.md_rowgap3 { row-gap : 3px;}
.md_gap4 { gap : 4px; }
.md_columngap4 { column-gap : 4px;}
.md_rowgap4 { row-gap : 4px;}
.md_gap5 { gap : 5px; }
.md_columngap5 { column-gap : 5px;}
.md_rowgap5 { row-gap : 5px;}
.md_gap6 { gap : 6px; }
.md_columngap6 { column-gap : 6px;}
.md_rowgap6 { row-gap : 6px;}
.md_gap7 { gap : 7px; }
.md_columngap7 { column-gap : 7px;}
.md_rowgap7 { row-gap : 7px;}
.md_gap8 { gap : 8px; }
.md_columngap8 { column-gap : 8px;}
.md_rowgap8 { row-gap : 8px;}
.md_gap9 { gap : 9px; }
.md_columngap9 { column-gap : 9px;}
.md_rowgap9 { row-gap : 9px;}
.md_gap10 { gap : 10px; }
.md_columngap10 { column-gap : 10px;}
.md_rowgap10 { row-gap : 10px;}
.md_gap11 { gap : 11px; }
.md_columngap11 { column-gap : 11px;}
.md_rowgap11 { row-gap : 11px;}
.md_gap12 { gap : 12px; }
.md_columngap12 { column-gap : 12px;}
.md_rowgap12 { row-gap : 12px;}
.md_gap13 { gap : 13px; }
.md_columngap13 { column-gap : 13px;}
.md_rowgap13 { row-gap : 13px;}
.md_gap14 { gap : 14px; }
.md_columngap14 { column-gap : 14px;}
.md_rowgap14 { row-gap : 14px;}
.md_gap15 { gap : 15px; }
.md_columngap15 { column-gap : 15px;}
.md_rowgap15 { row-gap : 15px;}
.md_gap16 { gap : 16px; }
.md_columngap16 { column-gap : 16px;}
.md_rowgap16 { row-gap : 16px;}
.md_gap17 { gap : 17px; }
.md_columngap17 { column-gap : 17px;}
.md_rowgap17 { row-gap : 17px;}
.md_gap18 { gap : 18px; }
.md_columngap18 { column-gap : 18px;}
.md_rowgap18 { row-gap : 18px;}
.md_gap19 { gap : 19px; }
.md_columngap19 { column-gap : 19px;}
.md_rowgap19 { row-gap : 19px;}
.md_gap20 { gap : 20px; }
.md_columngap20 { column-gap : 20px;}
.md_rowgap20 { row-gap : 20px;}
.md_gap21 { gap : 21px; }
.md_columngap21 { column-gap : 21px;}
.md_rowgap21 { row-gap : 21px;}
.md_gap22 { gap : 22px; }
.md_columngap22 { column-gap : 22px;}
.md_rowgap22 { row-gap : 22px;}
.md_gap23 { gap : 23px; }
.md_columngap23 { column-gap : 23px;}
.md_rowgap23 { row-gap : 23px;}
.md_gap24 { gap : 24px; }
.md_columngap24 { column-gap : 24px;}
.md_rowgap24 { row-gap : 24px;}
.md_gap25 { gap : 25px; }
.md_columngap25 { column-gap : 25px;}
.md_rowgap25 { row-gap : 25px;}
.md_gap26 { gap : 26px; }
.md_columngap26 { column-gap : 26px;}
.md_rowgap26 { row-gap : 26px;}
.md_gap27 { gap : 27px; }
.md_columngap27 { column-gap : 27px;}
.md_rowgap27 { row-gap : 27px;}
.md_gap28 { gap : 28px; }
.md_columngap28 { column-gap : 28px;}
.md_rowgap28 { row-gap : 28px;}
.md_gap29 { gap : 29px; }
.md_columngap29 { column-gap : 29px;}
.md_rowgap29 { row-gap : 29px;}
.md_gap30 { gap : 30px; }
.md_columngap30 { column-gap : 30px;}
.md_rowgap30 { row-gap : 30px;}
.md_gap31 { gap : 31px; }
.md_columngap31 { column-gap : 31px;}
.md_rowgap31 { row-gap : 31px;}
.md_gap32 { gap : 32px; }
.md_columngap32 { column-gap : 32px;}
.md_rowgap32 { row-gap : 32px;}
.md_gap33 { gap : 33px; }
.md_columngap33 { column-gap : 33px;}
.md_rowgap33 { row-gap : 33px;}
.md_gap34 { gap : 34px; }
.md_columngap34 { column-gap : 34px;}
.md_rowgap34 { row-gap : 34px;}
.md_gap35 { gap : 35px; }
.md_columngap35 { column-gap : 35px;}
.md_rowgap35 { row-gap : 35px;}
.md_gap36 { gap : 36px; }
.md_columngap36 { column-gap : 36px;}
.md_rowgap36 { row-gap : 36px;}
.md_gap37 { gap : 37px; }
.md_columngap37 { column-gap : 37px;}
.md_rowgap37 { row-gap : 37px;}
.md_gap38 { gap : 38px; }
.md_columngap38 { column-gap : 38px;}
.md_rowgap38 { row-gap : 38px;}
.md_gap39 { gap : 39px; }
.md_columngap39 { column-gap : 39px;}
.md_rowgap39 { row-gap : 39px;}
.md_gap40 { gap : 40px; }
.md_columngap40 { column-gap : 40px;}
.md_rowgap40 { row-gap : 40px;}
.md_gap41 { gap : 41px; }
.md_columngap41 { column-gap : 41px;}
.md_rowgap41 { row-gap : 41px;}
.md_gap42 { gap : 42px; }
.md_columngap42 { column-gap : 42px;}
.md_rowgap42 { row-gap : 42px;}
.md_gap43 { gap : 43px; }
.md_columngap43 { column-gap : 43px;}
.md_rowgap43 { row-gap : 43px;}
.md_gap44 { gap : 44px; }
.md_columngap44 { column-gap : 44px;}
.md_rowgap44 { row-gap : 44px;}
.md_gap45 { gap : 45px; }
.md_columngap45 { column-gap : 45px;}
.md_rowgap45 { row-gap : 45px;}
.md_gap46 { gap : 46px; }
.md_columngap46 { column-gap : 46px;}
.md_rowgap46 { row-gap : 46px;}
.md_gap47 { gap : 47px; }
.md_columngap47 { column-gap : 47px;}
.md_rowgap47 { row-gap : 47px;}
.md_gap48 { gap : 48px; }
.md_columngap48 { column-gap : 48px;}
.md_rowgap48 { row-gap : 48px;}
.md_gap49 { gap : 49px; }
.md_columngap49 { column-gap : 49px;}
.md_rowgap49 { row-gap : 49px;}
.md_gap50 { gap : 50px; }
.md_columngap50 { column-gap : 50px;}
.md_rowgap50 { row-gap : 50px;}
.md_gap51 { gap : 51px; }
.md_columngap51 { column-gap : 51px;}
.md_rowgap51 { row-gap : 51px;}
.md_gap52 { gap : 52px; }
.md_columngap52 { column-gap : 52px;}
.md_rowgap52 { row-gap : 52px;}
.md_gap53 { gap : 53px; }
.md_columngap53 { column-gap : 53px;}
.md_rowgap53 { row-gap : 53px;}
.md_gap54 { gap : 54px; }
.md_columngap54 { column-gap : 54px;}
.md_rowgap54 { row-gap : 54px;}
.md_gap55 { gap : 55px; }
.md_columngap55 { column-gap : 55px;}
.md_rowgap55 { row-gap : 55px;}
.md_gap56 { gap : 56px; }
.md_columngap56 { column-gap : 56px;}
.md_rowgap56 { row-gap : 56px;}
.md_gap57 { gap : 57px; }
.md_columngap57 { column-gap : 57px;}
.md_rowgap57 { row-gap : 57px;}
.md_gap58 { gap : 58px; }
.md_columngap58 { column-gap : 58px;}
.md_rowgap58 { row-gap : 58px;}
.md_gap59 { gap : 59px; }
.md_columngap59 { column-gap : 59px;}
.md_rowgap59 { row-gap : 59px;}
.md_gap60 { gap : 60px; }
.md_columngap60 { column-gap : 60px;}
.md_rowgap60 { row-gap : 60px;}
.md_gap61 { gap : 61px; }
.md_columngap61 { column-gap : 61px;}
.md_rowgap61 { row-gap : 61px;}
.md_gap62 { gap : 62px; }
.md_columngap62 { column-gap : 62px;}
.md_rowgap62 { row-gap : 62px;}
.md_gap63 { gap : 63px; }
.md_columngap63 { column-gap : 63px;}
.md_rowgap63 { row-gap : 63px;}
.md_gap64 { gap : 64px; }
.md_columngap64 { column-gap : 64px;}
.md_rowgap64 { row-gap : 64px;}
.md_gap65 { gap : 65px; }
.md_columngap65 { column-gap : 65px;}
.md_rowgap65 { row-gap : 65px;}
.md_gap66 { gap : 66px; }
.md_columngap66 { column-gap : 66px;}
.md_rowgap66 { row-gap : 66px;}
.md_gap67 { gap : 67px; }
.md_columngap67 { column-gap : 67px;}
.md_rowgap67 { row-gap : 67px;}
.md_gap68 { gap : 68px; }
.md_columngap68 { column-gap : 68px;}
.md_rowgap68 { row-gap : 68px;}
.md_gap69 { gap : 69px; }
.md_columngap69 { column-gap : 69px;}
.md_rowgap69 { row-gap : 69px;}
.md_gap70 { gap : 70px; }
.md_columngap70 { column-gap : 70px;}
.md_rowgap70 { row-gap : 70px;}
.md_gap71 { gap : 71px; }
.md_columngap71 { column-gap : 71px;}
.md_rowgap71 { row-gap : 71px;}
.md_gap72 { gap : 72px; }
.md_columngap72 { column-gap : 72px;}
.md_rowgap72 { row-gap : 72px;}
.md_gap73 { gap : 73px; }
.md_columngap73 { column-gap : 73px;}
.md_rowgap73 { row-gap : 73px;}
.md_gap74 { gap : 74px; }
.md_columngap74 { column-gap : 74px;}
.md_rowgap74 { row-gap : 74px;}
.md_gap75 { gap : 75px; }
.md_columngap75 { column-gap : 75px;}
.md_rowgap75 { row-gap : 75px;}
.md_gap76 { gap : 76px; }
.md_columngap76 { column-gap : 76px;}
.md_rowgap76 { row-gap : 76px;}
.md_gap77 { gap : 77px; }
.md_columngap77 { column-gap : 77px;}
.md_rowgap77 { row-gap : 77px;}
.md_gap78 { gap : 78px; }
.md_columngap78 { column-gap : 78px;}
.md_rowgap78 { row-gap : 78px;}
.md_gap79 { gap : 79px; }
.md_columngap79 { column-gap : 79px;}
.md_rowgap79 { row-gap : 79px;}
.md_gap80 { gap : 80px; }
.md_columngap80 { column-gap : 80px;}
.md_rowgap80 { row-gap : 80px;}
.md_gap81 { gap : 81px; }
.md_columngap81 { column-gap : 81px;}
.md_rowgap81 { row-gap : 81px;}
.md_gap82 { gap : 82px; }
.md_columngap82 { column-gap : 82px;}
.md_rowgap82 { row-gap : 82px;}
.md_gap83 { gap : 83px; }
.md_columngap83 { column-gap : 83px;}
.md_rowgap83 { row-gap : 83px;}
.md_gap84 { gap : 84px; }
.md_columngap84 { column-gap : 84px;}
.md_rowgap84 { row-gap : 84px;}
.md_gap85 { gap : 85px; }
.md_columngap85 { column-gap : 85px;}
.md_rowgap85 { row-gap : 85px;}
.md_gap86 { gap : 86px; }
.md_columngap86 { column-gap : 86px;}
.md_rowgap86 { row-gap : 86px;}
.md_gap87 { gap : 87px; }
.md_columngap87 { column-gap : 87px;}
.md_rowgap87 { row-gap : 87px;}
.md_gap88 { gap : 88px; }
.md_columngap88 { column-gap : 88px;}
.md_rowgap88 { row-gap : 88px;}
.md_gap89 { gap : 89px; }
.md_columngap89 { column-gap : 89px;}
.md_rowgap89 { row-gap : 89px;}
.md_gap90 { gap : 90px; }
.md_columngap90 { column-gap : 90px;}
.md_rowgap90 { row-gap : 90px;}
.md_gap91 { gap : 91px; }
.md_columngap91 { column-gap : 91px;}
.md_rowgap91 { row-gap : 91px;}
.md_gap92 { gap : 92px; }
.md_columngap92 { column-gap : 92px;}
.md_rowgap92 { row-gap : 92px;}
.md_gap93 { gap : 93px; }
.md_columngap93 { column-gap : 93px;}
.md_rowgap93 { row-gap : 93px;}
.md_gap94 { gap : 94px; }
.md_columngap94 { column-gap : 94px;}
.md_rowgap94 { row-gap : 94px;}
.md_gap95 { gap : 95px; }
.md_columngap95 { column-gap : 95px;}
.md_rowgap95 { row-gap : 95px;}
.md_gap96 { gap : 96px; }
.md_columngap96 { column-gap : 96px;}
.md_rowgap96 { row-gap : 96px;}
.md_gap97 { gap : 97px; }
.md_columngap97 { column-gap : 97px;}
.md_rowgap97 { row-gap : 97px;}
.md_gap98 { gap : 98px; }
.md_columngap98 { column-gap : 98px;}
.md_rowgap98 { row-gap : 98px;}
.md_gap99 { gap : 99px; }
.md_columngap99 { column-gap : 99px;}
.md_rowgap99 { row-gap : 99px;}
/* Custom Padding */
.md_p1 { padding : 1px; }
.md_pt1, .md_p1-0 { padding-top: 1px; }
.md_pb1, .md_p1-0 { padding-bottom: 1px; }
.md_p2 { padding : 2px; }
.md_pt2, .md_p2-0 { padding-top: 2px; }
.md_pb2, .md_p2-0 { padding-bottom: 2px; }
.md_p3 { padding : 3px; }
.md_pt3, .md_p3-0 { padding-top: 3px; }
.md_pb3, .md_p3-0 { padding-bottom: 3px; }
.md_p4 { padding : 4px; }
.md_pt4, .md_p4-0 { padding-top: 4px; }
.md_pb4, .md_p4-0 { padding-bottom: 4px; }
.md_p5 { padding : 5px; }
.md_pt5, .md_p5-0 { padding-top: 5px; }
.md_pb5, .md_p5-0 { padding-bottom: 5px; }
.md_p6 { padding : 6px; }
.md_pt6, .md_p6-0 { padding-top: 6px; }
.md_pb6, .md_p6-0 { padding-bottom: 6px; }
.md_p7 { padding : 7px; }
.md_pt7, .md_p7-0 { padding-top: 7px; }
.md_pb7, .md_p7-0 { padding-bottom: 7px; }
.md_p8 { padding : 8px; }
.md_pt8, .md_p8-0 { padding-top: 8px; }
.md_pb8, .md_p8-0 { padding-bottom: 8px; }
.md_p9 { padding : 9px; }
.md_pt9, .md_p9-0 { padding-top: 9px; }
.md_pb9, .md_p9-0 { padding-bottom: 9px; }
.md_p10 { padding : 10px; }
.md_pt10, .md_p10-0 { padding-top: 10px; }
.md_pb10, .md_p10-0 { padding-bottom: 10px; }
.md_p11 { padding : 11px; }
.md_pt11, .md_p11-0 { padding-top: 11px; }
.md_pb11, .md_p11-0 { padding-bottom: 11px; }
.md_p12 { padding : 12px; }
.md_pt12, .md_p12-0 { padding-top: 12px; }
.md_pb12, .md_p12-0 { padding-bottom: 12px; }
.md_p13 { padding : 13px; }
.md_pt13, .md_p13-0 { padding-top: 13px; }
.md_pb13, .md_p13-0 { padding-bottom: 13px; }
.md_p14 { padding : 14px; }
.md_pt14, .md_p14-0 { padding-top: 14px; }
.md_pb14, .md_p14-0 { padding-bottom: 14px; }
.md_p15 { padding : 15px; }
.md_pt15, .md_p15-0 { padding-top: 15px; }
.md_pb15, .md_p15-0 { padding-bottom: 15px; }
.md_p16 { padding : 16px; }
.md_pt16, .md_p16-0 { padding-top: 16px; }
.md_pb16, .md_p16-0 { padding-bottom: 16px; }
.md_p17 { padding : 17px; }
.md_pt17, .md_p17-0 { padding-top: 17px; }
.md_pb17, .md_p17-0 { padding-bottom: 17px; }
.md_p18 { padding : 18px; }
.md_pt18, .md_p18-0 { padding-top: 18px; }
.md_pb18, .md_p18-0 { padding-bottom: 18px; }
.md_p19 { padding : 19px; }
.md_pt19, .md_p19-0 { padding-top: 19px; }
.md_pb19, .md_p19-0 { padding-bottom: 19px; }
.md_p20 { padding : 20px; }
.md_pt20, .md_p20-0 { padding-top: 20px; }
.md_pb20, .md_p20-0 { padding-bottom: 20px; }
.md_p21 { padding : 21px; }
.md_pt21, .md_p21-0 { padding-top: 21px; }
.md_pb21, .md_p21-0 { padding-bottom: 21px; }
.md_p22 { padding : 22px; }
.md_pt22, .md_p22-0 { padding-top: 22px; }
.md_pb22, .md_p22-0 { padding-bottom: 22px; }
.md_p23 { padding : 23px; }
.md_pt23, .md_p23-0 { padding-top: 23px; }
.md_pb23, .md_p23-0 { padding-bottom: 23px; }
.md_p24 { padding : 24px; }
.md_pt24, .md_p24-0 { padding-top: 24px; }
.md_pb24, .md_p24-0 { padding-bottom: 24px; }
.md_p25 { padding : 25px; }
.md_pt25, .md_p25-0 { padding-top: 25px; }
.md_pb25, .md_p25-0 { padding-bottom: 25px; }
.md_p26 { padding : 26px; }
.md_pt26, .md_p26-0 { padding-top: 26px; }
.md_pb26, .md_p26-0 { padding-bottom: 26px; }
.md_p27 { padding : 27px; }
.md_pt27, .md_p27-0 { padding-top: 27px; }
.md_pb27, .md_p27-0 { padding-bottom: 27px; }
.md_p28 { padding : 28px; }
.md_pt28, .md_p28-0 { padding-top: 28px; }
.md_pb28, .md_p28-0 { padding-bottom: 28px; }
.md_p29 { padding : 29px; }
.md_pt29, .md_p29-0 { padding-top: 29px; }
.md_pb29, .md_p29-0 { padding-bottom: 29px; }
.md_p30 { padding : 30px; }
.md_pt30, .md_p30-0 { padding-top: 30px; }
.md_pb30, .md_p30-0 { padding-bottom: 30px; }
.md_p31 { padding : 31px; }
.md_pt31, .md_p31-0 { padding-top: 31px; }
.md_pb31, .md_p31-0 { padding-bottom: 31px; }
.md_p32 { padding : 32px; }
.md_pt32, .md_p32-0 { padding-top: 32px; }
.md_pb32, .md_p32-0 { padding-bottom: 32px; }
.md_p33 { padding : 33px; }
.md_pt33, .md_p33-0 { padding-top: 33px; }
.md_pb33, .md_p33-0 { padding-bottom: 33px; }
.md_p34 { padding : 34px; }
.md_pt34, .md_p34-0 { padding-top: 34px; }
.md_pb34, .md_p34-0 { padding-bottom: 34px; }
.md_p35 { padding : 35px; }
.md_pt35, .md_p35-0 { padding-top: 35px; }
.md_pb35, .md_p35-0 { padding-bottom: 35px; }
.md_p36 { padding : 36px; }
.md_pt36, .md_p36-0 { padding-top: 36px; }
.md_pb36, .md_p36-0 { padding-bottom: 36px; }
.md_p37 { padding : 37px; }
.md_pt37, .md_p37-0 { padding-top: 37px; }
.md_pb37, .md_p37-0 { padding-bottom: 37px; }
.md_p38 { padding : 38px; }
.md_pt38, .md_p38-0 { padding-top: 38px; }
.md_pb38, .md_p38-0 { padding-bottom: 38px; }
.md_p39 { padding : 39px; }
.md_pt39, .md_p39-0 { padding-top: 39px; }
.md_pb39, .md_p39-0 { padding-bottom: 39px; }
.md_p40 { padding : 40px; }
.md_pt40, .md_p40-0 { padding-top: 40px; }
.md_pb40, .md_p40-0 { padding-bottom: 40px; }
.md_p41 { padding : 41px; }
.md_pt41, .md_p41-0 { padding-top: 41px; }
.md_pb41, .md_p41-0 { padding-bottom: 41px; }
.md_p42 { padding : 42px; }
.md_pt42, .md_p42-0 { padding-top: 42px; }
.md_pb42, .md_p42-0 { padding-bottom: 42px; }
.md_p43 { padding : 43px; }
.md_pt43, .md_p43-0 { padding-top: 43px; }
.md_pb43, .md_p43-0 { padding-bottom: 43px; }
.md_p44 { padding : 44px; }
.md_pt44, .md_p44-0 { padding-top: 44px; }
.md_pb44, .md_p44-0 { padding-bottom: 44px; }
.md_p45 { padding : 45px; }
.md_pt45, .md_p45-0 { padding-top: 45px; }
.md_pb45, .md_p45-0 { padding-bottom: 45px; }
.md_p46 { padding : 46px; }
.md_pt46, .md_p46-0 { padding-top: 46px; }
.md_pb46, .md_p46-0 { padding-bottom: 46px; }
.md_p47 { padding : 47px; }
.md_pt47, .md_p47-0 { padding-top: 47px; }
.md_pb47, .md_p47-0 { padding-bottom: 47px; }
.md_p48 { padding : 48px; }
.md_pt48, .md_p48-0 { padding-top: 48px; }
.md_pb48, .md_p48-0 { padding-bottom: 48px; }
.md_p49 { padding : 49px; }
.md_pt49, .md_p49-0 { padding-top: 49px; }
.md_pb49, .md_p49-0 { padding-bottom: 49px; }
.md_p50 { padding : 50px; }
.md_pt50, .md_p50-0 { padding-top: 50px; }
.md_pb50, .md_p50-0 { padding-bottom: 50px; }
.md_p51 { padding : 51px; }
.md_pt51, .md_p51-0 { padding-top: 51px; }
.md_pb51, .md_p51-0 { padding-bottom: 51px; }
.md_p52 { padding : 52px; }
.md_pt52, .md_p52-0 { padding-top: 52px; }
.md_pb52, .md_p52-0 { padding-bottom: 52px; }
.md_p53 { padding : 53px; }
.md_pt53, .md_p53-0 { padding-top: 53px; }
.md_pb53, .md_p53-0 { padding-bottom: 53px; }
.md_p54 { padding : 54px; }
.md_pt54, .md_p54-0 { padding-top: 54px; }
.md_pb54, .md_p54-0 { padding-bottom: 54px; }
.md_p55 { padding : 55px; }
.md_pt55, .md_p55-0 { padding-top: 55px; }
.md_pb55, .md_p55-0 { padding-bottom: 55px; }
.md_p56 { padding : 56px; }
.md_pt56, .md_p56-0 { padding-top: 56px; }
.md_pb56, .md_p56-0 { padding-bottom: 56px; }
.md_p57 { padding : 57px; }
.md_pt57, .md_p57-0 { padding-top: 57px; }
.md_pb57, .md_p57-0 { padding-bottom: 57px; }
.md_p58 { padding : 58px; }
.md_pt58, .md_p58-0 { padding-top: 58px; }
.md_pb58, .md_p58-0 { padding-bottom: 58px; }
.md_p59 { padding : 59px; }
.md_pt59, .md_p59-0 { padding-top: 59px; }
.md_pb59, .md_p59-0 { padding-bottom: 59px; }
.md_p60 { padding : 60px; }
.md_pt60, .md_p60-0 { padding-top: 60px; }
.md_pb60, .md_p60-0 { padding-bottom: 60px; }
.md_p61 { padding : 61px; }
.md_pt61, .md_p61-0 { padding-top: 61px; }
.md_pb61, .md_p61-0 { padding-bottom: 61px; }
.md_p62 { padding : 62px; }
.md_pt62, .md_p62-0 { padding-top: 62px; }
.md_pb62, .md_p62-0 { padding-bottom: 62px; }
.md_p63 { padding : 63px; }
.md_pt63, .md_p63-0 { padding-top: 63px; }
.md_pb63, .md_p63-0 { padding-bottom: 63px; }
.md_p64 { padding : 64px; }
.md_pt64, .md_p64-0 { padding-top: 64px; }
.md_pb64, .md_p64-0 { padding-bottom: 64px; }
.md_p65 { padding : 65px; }
.md_pt65, .md_p65-0 { padding-top: 65px; }
.md_pb65, .md_p65-0 { padding-bottom: 65px; }
.md_p66 { padding : 66px; }
.md_pt66, .md_p66-0 { padding-top: 66px; }
.md_pb66, .md_p66-0 { padding-bottom: 66px; }
.md_p67 { padding : 67px; }
.md_pt67, .md_p67-0 { padding-top: 67px; }
.md_pb67, .md_p67-0 { padding-bottom: 67px; }
.md_p68 { padding : 68px; }
.md_pt68, .md_p68-0 { padding-top: 68px; }
.md_pb68, .md_p68-0 { padding-bottom: 68px; }
.md_p69 { padding : 69px; }
.md_pt69, .md_p69-0 { padding-top: 69px; }
.md_pb69, .md_p69-0 { padding-bottom: 69px; }
.md_p70 { padding : 70px; }
.md_pt70, .md_p70-0 { padding-top: 70px; }
.md_pb70, .md_p70-0 { padding-bottom: 70px; }
.md_p71 { padding : 71px; }
.md_pt71, .md_p71-0 { padding-top: 71px; }
.md_pb71, .md_p71-0 { padding-bottom: 71px; }
.md_p72 { padding : 72px; }
.md_pt72, .md_p72-0 { padding-top: 72px; }
.md_pb72, .md_p72-0 { padding-bottom: 72px; }
.md_p73 { padding : 73px; }
.md_pt73, .md_p73-0 { padding-top: 73px; }
.md_pb73, .md_p73-0 { padding-bottom: 73px; }
.md_p74 { padding : 74px; }
.md_pt74, .md_p74-0 { padding-top: 74px; }
.md_pb74, .md_p74-0 { padding-bottom: 74px; }
.md_p75 { padding : 75px; }
.md_pt75, .md_p75-0 { padding-top: 75px; }
.md_pb75, .md_p75-0 { padding-bottom: 75px; }
.md_p76 { padding : 76px; }
.md_pt76, .md_p76-0 { padding-top: 76px; }
.md_pb76, .md_p76-0 { padding-bottom: 76px; }
.md_p77 { padding : 77px; }
.md_pt77, .md_p77-0 { padding-top: 77px; }
.md_pb77, .md_p77-0 { padding-bottom: 77px; }
.md_p78 { padding : 78px; }
.md_pt78, .md_p78-0 { padding-top: 78px; }
.md_pb78, .md_p78-0 { padding-bottom: 78px; }
.md_p79 { padding : 79px; }
.md_pt79, .md_p79-0 { padding-top: 79px; }
.md_pb79, .md_p79-0 { padding-bottom: 79px; }
.md_p80 { padding : 80px; }
.md_pt80, .md_p80-0 { padding-top: 80px; }
.md_pb80, .md_p80-0 { padding-bottom: 80px; }
.md_p81 { padding : 81px; }
.md_pt81, .md_p81-0 { padding-top: 81px; }
.md_pb81, .md_p81-0 { padding-bottom: 81px; }
.md_p82 { padding : 82px; }
.md_pt82, .md_p82-0 { padding-top: 82px; }
.md_pb82, .md_p82-0 { padding-bottom: 82px; }
.md_p83 { padding : 83px; }
.md_pt83, .md_p83-0 { padding-top: 83px; }
.md_pb83, .md_p83-0 { padding-bottom: 83px; }
.md_p84 { padding : 84px; }
.md_pt84, .md_p84-0 { padding-top: 84px; }
.md_pb84, .md_p84-0 { padding-bottom: 84px; }
.md_p85 { padding : 85px; }
.md_pt85, .md_p85-0 { padding-top: 85px; }
.md_pb85, .md_p85-0 { padding-bottom: 85px; }
.md_p86 { padding : 86px; }
.md_pt86, .md_p86-0 { padding-top: 86px; }
.md_pb86, .md_p86-0 { padding-bottom: 86px; }
.md_p87 { padding : 87px; }
.md_pt87, .md_p87-0 { padding-top: 87px; }
.md_pb87, .md_p87-0 { padding-bottom: 87px; }
.md_p88 { padding : 88px; }
.md_pt88, .md_p88-0 { padding-top: 88px; }
.md_pb88, .md_p88-0 { padding-bottom: 88px; }
.md_p89 { padding : 89px; }
.md_pt89, .md_p89-0 { padding-top: 89px; }
.md_pb89, .md_p89-0 { padding-bottom: 89px; }
.md_p90 { padding : 90px; }
.md_pt90, .md_p90-0 { padding-top: 90px; }
.md_pb90, .md_p90-0 { padding-bottom: 90px; }
.md_p91 { padding : 91px; }
.md_pt91, .md_p91-0 { padding-top: 91px; }
.md_pb91, .md_p91-0 { padding-bottom: 91px; }
.md_p92 { padding : 92px; }
.md_pt92, .md_p92-0 { padding-top: 92px; }
.md_pb92, .md_p92-0 { padding-bottom: 92px; }
.md_p93 { padding : 93px; }
.md_pt93, .md_p93-0 { padding-top: 93px; }
.md_pb93, .md_p93-0 { padding-bottom: 93px; }
.md_p94 { padding : 94px; }
.md_pt94, .md_p94-0 { padding-top: 94px; }
.md_pb94, .md_p94-0 { padding-bottom: 94px; }
.md_p95 { padding : 95px; }
.md_pt95, .md_p95-0 { padding-top: 95px; }
.md_pb95, .md_p95-0 { padding-bottom: 95px; }
.md_p96 { padding : 96px; }
.md_pt96, .md_p96-0 { padding-top: 96px; }
.md_pb96, .md_p96-0 { padding-bottom: 96px; }
.md_p97 { padding : 97px; }
.md_pt97, .md_p97-0 { padding-top: 97px; }
.md_pb97, .md_p97-0 { padding-bottom: 97px; }
.md_p98 { padding : 98px; }
.md_pt98, .md_p98-0 { padding-top: 98px; }
.md_pb98, .md_p98-0 { padding-bottom: 98px; }
.md_p99 { padding : 99px; }
.md_pt99, .md_p99-0 { padding-top: 99px; }
.md_pb99, .md_p99-0 { padding-bottom: 99px; }
}
@media (max-width : 991px){
.BlockNavlinkSec {display : none}
.LogoBoxSection { flex-wrap: wrap; gap: 20px 50px;}
.LogoBoxSection .LogoBox { width: 100%; max-width: calc(25% - 38px); height: 70px;}
.LogoBoxSection .LogoBox img { width: 100%; height: 100%; object-fit: contain;}
.RiskManagementBoxMain .RiskManagementBox { max-width: 100%;}
.RiskManagementBoxPrice { min-height: auto;}
.RiskManagementBoxCPrice { min-height: auto;}
.RiskThreeColBoxSec .RiskThreeColBox { max-width: 100%;}
.RiskThreeColBoxSec { align-items: flex-start !important;}
.RiskThreeColBoxSec .RiskThreeColBox .RiskThreeColBoxCTA { margin-top: 70px;}
.HomeTabbingContentbox .HomeTabbingContentboxLT { max-width: 100%; padding-right: 0; padding-bottom: 20px;}
.HomeTabbingContentbox .HomeTabbingContentboxRT { max-width: 100%;}
.HomeTabbingInSec .HomeTabbingBtns ul li a img { width: 100px; height: 40px;}
.HomeTabbingInSec .HomeTabbingBtns ul li { padding-bottom: 15px;}
.WhyCSBoxSection .WhyCSImagesBoxMain { max-width: 100%;}
.WhyCSBoxSection .WhyCSFAQBoxSec { max-width: 100%;}
.FourColumnBoxSection .FourColumnBox { max-width: calc(50% - 8px);}
.RiskReckoningInSec { padding: 50px; justify-content: center;}
.RiskReckoningInSec .RiskReckoningLTCol { max-width: 65%;}
.RiskReckoningInSec .RiskReckoningRTCol { max-width: 100%;}
.ResourcesBoxSection .ResourcesBox { max-width: calc(50% - 8px);}
.PodcastBoxGrpMain .PodcastBoxsecMain { max-width: calc(50% - 8px);}
.ThirdpartyBoxSection { padding: 20px;}
.ThirdpartyBoxContent { padding: 14px 10px 14px 15px;}
.ThirdpartyBoxLTTitle { padding-left: 15px;}
.CookiesPlatformBoxIn { width: 1000px; overflow: hidden;}
.CookiesPlatformBoxSection .CookiesPlatformBox { overflow-x: auto;}
.ThreeColumnBoxSec { gap: 15px;}
.ThreeColumnBoxSec .ThreeColumnBox { max-width: calc(50% - 8px);}
.OurTeamSection .OurTeamSliderBoxSection { max-width: 95%;}
/* .contactusFormSec form fieldset.form-columns-2:nth-child(2n+2) .hs-form-field:first-child { max-width: calc(60% - 11.5px);} */
/* .contactusFormSec form fieldset.form-columns-2:nth-child(2n+2) .hs-form-field:last-child { max-width: calc(40% - 11.5px);} */
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input ul { gap: 19px;}
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input ul li.hs-form-checkbox { max-width: calc(50% - 10px);}
.ImageContentTCSection .ImageContentBoxLtCol { max-width: 100%; order: 1;}
.ImageContentTCSection .ImageContentBoxRTCol.ImageContentBoxRTColnormal { max-width: 100%; order: 2;}
.ComplianceFilterBoxSec .ComplianceFilterBox { max-width: calc(25% - 12px); padding: 12px 15px;}
.ComplianceFilterBoxSec { gap: 15px;}
.UseCaseThreeColBoxGrp .UseCaseThreeColBox { max-width: calc(50% - 7.5px);}
.BlogListFeaturedBoxLTCOL { max-width: 100%;}
.BlogListFeaturedBox .BlogListFeaturedBoxRTCOL { max-width: 100%;}
.BlogListingextraBoxMain .BlogListingextraBox, .BlogListsharedBoxInner .BlogListsharedBox { max-width: calc(50% - 12px);}
.BlogListrecentBoxIN .BlogListrecentBox { max-width: 100%;}
.BlogListingInSec { padding: 20px;}
.BlogPostTwoColBoxSec .BlogPostTwoColBox .BlogPostTCLTCol { max-width: 100%;}
.BlogPostTwoColBox .BlogPostTCRTCol { max-width: 100%;}
.BlogPostTwoColBox .BlogPostTCRTCol .BlogPostTCRTTitle { margin-top: 0;}
.authorbioInSection .authorbioImg { width: 150px; height: 150px;}
.newsblogbannerInSec .newsblogbannerTitlesec { max-width: 100%; text-align: center;}
.newsblogbannerInSec .newsblogbannerTitlesec .newsblogbannerContent { padding-top: 20px;}
.newsblogbannerInSec .newsblogbannerformsec { max-width: 100%; margin: 0 auto;}
.newsblogbannerInSec .newsblogbannerformsec .newsblogbannerformcnt { text-align: center;}
.newsblogbannerInSec .newsblogbannerformsec .newsblogbannerformin { max-width: 80%; width: 100%; margin: 0 auto;}
.CBannerSection .CBannerimg { width: 85%;}
.IntegratedSliderBoxSection { padding: 40px 30px 0;}
.HubInteFilterBoxInSec .HubInteFilterBox { max-width: calc(33.33% - 8px);}
.SimpleSliderBoxSection .slick-slide { max-width: 400px;}
.SimpleSliderBoxSection .slick-slide .SimpleSliderBoxTitle h2 { font-size: 25px;}
.SimpleSliderBoxSection .slick-slide .SimpleSliderBoxCnt h3 { font-size: 20px;}
.SimpleSliderBoxSection .slick-slide .SimpleSliderBoxCnt { padding-top: 30px;}
.SeamlessinteSection .SeamlessinteInSec { padding: 30px;}
.SeamlessinteSection .SeamlessinteInSec .SeamlessinteLogoSec .SeamlessinteLogoBox { max-width: calc(33.33% - 20px);}
.DemoSlotTnkBnformBox .DemoSlotTnkBnformBoxDls:first-child { max-width: 60%;}
.DemoSlotTnkBnformBox .DemoSlotTnkBnformBoxDls:last-child { max-width: calc(40% - 10px);}
.PricingParentBoxSection .PricingParentBox { max-width: 100%;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxContent { min-height: auto;}
.PricingParentBoxSection .PricingParentBox .PricingParentBoxcustomtext { min-height: auto;}
.competitorTabbutton ul li a { font-size: 14px; padding: 15px 10px;}
.competitorTabBoxint .competitorTabBoxLTCol { max-width: 100%;}
.competitorTabBoxRTCol { max-width: 100%;}
.BookademobannerSection .wrapLeft { padding: 0 15px !important; max-width: 95%; width: 100%; margin: 0 auto;}
.BookademobannerInSec .BookademobannerTitleSec { max-width: 100%; padding-bottom: 20px !important;}
.BookademobannerInSec .Bookademomeetingbox { max-width: 100%; border-radius: 30px; padding: 30px;}
.BookademobannerInSec { gap: 0 !important;}
.BookademobannerInSec .Bookademomeetingbox iframe { height: 669px;}
.BookademobannerSection .BADbannershape1, .BookademobannerSection .BADbannershape2 { width: 100%;}
.BookademobannerTitleSec { text-align: center;}
.BookademobannerTitleSec .BookademobannerLogo { justify-content: center;}
.EventFilterTwoColSec .EventFilterLTCol { max-width: 100%; display: flex; flex-direction: column; padding-top: 0;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcnt { margin-top: 30px; padding-top: 0;}
.EventFilterTwoColSec .EventFilterRTCol { max-width: 100%;}
.FormStepMain.step1 { padding: 73px 20px 24px;}
.FoundationPricingMainCTASection { padding: 26px 20px 50px;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec { padding-left: 20px; padding-right: 20px;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps ul li { width: 50px; height: 50px;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps ul { gap: 20px;}
.StepformInputBox { gap: 30px 15px;}
.StepformInputBox .StepformInput { max-width: calc(50% - 7.5px);}
.Step1stCTA button { min-width: 400px;}
.Step1stCTA { padding-top: 30px;}
.FoundationPricingMainBoxStep.step3 { padding: 73px 20px 24px;}
.FoundationPricingMainBoxStep.step4 { padding: 73px 20px 24px;}
.FoundationPricingMainBoxStep.step5 { padding: 73px 20px 24px;}
.QuoteTwoColBoxSec .PackageSummaryBoxSec { max-width: 100%;}
.QuoteTwoColBoxSec { gap: 0;}
.QuoteTwoColBoxSec .ContactInformationBoxSec { max-width: 100%;}
.PackageSummaryBoxListtotal { margin-top: 50px;}
.ContactInformationBoxCTA { margin-top: 30px;}
.FoundationPricingMainBoxStep.step2 { padding: 73px 20px 10px;}
.BookademobannerInSec .Bookademomeetingbox form { height: 100%;}
.ResourcesBoxSection .ResourcesBox { max-width: 100%;}
.ResourcesBoxSection .slick-slide { padding: 0 10px;}
.ResourcesBoxSection .slick-arrow { background:rgb(204 219 255 / 60%);}
.ResourcesBoxSection .slick-arrow:before {background-image: url("data:image/svg+xml;charset=utf-8,");}
.ResourcesBoxSection.slick-initialized { padding-top: 0 !important; margin-top: 40px;}
.PodcastBoxGrpMain .PodcastBoxsecMain { max-width: 100%;}
.PodcastBoxGrpMain .slick-slide { padding: 0 10px;}
.PodcastBoxGrpMain .slick-arrow { background: rgb(255 255 255 / 50%);}
.PodcastBoxGrpMain .slick-arrow:before { filter: brightness(0);}
.HomeBannerVideoSec .HomeBanltimg,.HomeBannerVideoSec .HomeBanrtimg { display: none;}
.HomeBannerVideo { max-width: 100%;}
.BenefitsThreeColBoxMain { gap: 20px;}
.BenefitsThreeColBoxMain .BenefitsThreeColBox { max-width: calc(33.33% - 13.33px);}
.EventpostdetailsBoxSec .EventpostdetailsLTCol { max-width: 100%;}
.EventpostdetailsBoxSec .EventpostdetailsRTCol { max-width: 100%;}
.Eventpostdereviewbox { max-width: 100%;}
.UpcomingEventSliderBox .slick-list { padding: 0 100px 0 0 !important;}
.eventpostVideoInSec .eventpostvideo { padding-top: 100px;}
.IntegratedSliderBoxSectionIn { margin-bottom: 30px !important;}
.IntegratedSliderBoxSectionIn ul.slick-dots { bottom: -30px !important; width: 100% !important; }
.CCLPSpeakerBox .CCLPSpeakerBoxCnt { max-width: 100%;}
.CCLPSpeakerBox { justify-content: flex-start; flex-direction: column;}
.CCLPSpeakerBox:nth-child(2n) { flex-direction: column;}
.CCLPKeySpeakerInSection .CCLPKeySpeakerTitle { display: none;}
.CCLPKeySpeakerBoxMain { max-width: 100%;}
.CCLPAgendaTitleSection { max-width: 100%; text-align: center;}
.CCLPAgendaBtn .ckbutton-1 { text-align: center;}
.CCLPAgendaRightColSection { max-width: 100%;}
.CCLPPastEventBoxSection .slick-list.draggable { padding: 0 100px 0 0 !important;}
.CCLPWhyAttendLtSec { max-width: 100%; text-align: center;}
.CCLPWhyAttendLtSec .CCLPWhyAttendBtn .ckbutton-1 { text-align: center;}
.CCLPWhyAttendRtSec { max-width: 100%;}
.TrustedbyInSection .TrustedbyTitle { max-width: 100%;}
.FWTCTwoColBoxSec { gap: 20px;}
.FWTCTwoColBoxSec .FWTCTwoColLTBox { max-width: 100%;}
.FWTCTwoColBoxSec .FWTCTwoColRTBox { max-width: 100%;}
.frameworkzigzagRTBox { max-width: 100%;}
.frameworkzigzagBox .frameworkzigzagLTBox { max-width: 60%;}
.frameworkzigzagBox { gap: 70px; padding: 80px 0 30px;}
.frameworkzigzagBox:nth-child(2n) { flex-direction: row;}
.frameworkzigzagBox:nth-child(2n) .frameworkzigzagLTBox .frameworkzigzagLTBoxImage2nd { left: unset; right: -30px;}
.frameworkzigzagBox:nth-child(2n) .frameworkzigzagLTBox .frameworkzigzagLTBoxText { right: unset; left: 0;}
.FrameworkFourColBox { max-width : 100% }
.FrameworkFourColBoxSec .slick-slide { margin: 25px 10px 0;}
.FrameworkFourColBoxSec .slick-arrow { width: 34px; height: 34px; background: rgb(5 61 195 / 70%); border-radius: 50%; z-index: 9;}
.FrameworkFourColBoxSec .slick-arrow::before { content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 12H5M5 12L12 19M5 12L12 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: contain; background-position: center center; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.FrameworkFourColBoxSec button.slick-prev.slick-arrow { left: -7px;}
.FrameworkFourColBoxSec button.slick-next.slick-arrow { right: -7px;}
.FrameworkFourColBoxSec button.slick-next.slick-arrow:before { transform: translate(-50%, -50%) rotate(180deg);}
.FrameworkFourColBoxSec { padding-top: 0 !important; margin-top: 45px;}
.Frameworkbannershape1, .Frameworkbannershape2 { background-position: center left -500px;}
}
@media (max-width : 767px){
h2,.h2 { font-size: calc(36px - 0.5rem); }
h3,.h3 { font-size: calc(32px - 0.3rem);}
.font_large, .font_large p, .font_large a { ; font-size : calc( - 0.7rem) }
.content-wrapper { max-width: 100%;}
.content-wrapper_small { max-width: 100%;}
/* flex-gap */
.sm_gap1 { gap : 1px; }
.sm_columngap1 { column-gap : 1px;}
.sm_rowgap1 { row-gap : 1px;}
.sm_gap2 { gap : 2px; }
.sm_columngap2 { column-gap : 2px;}
.sm_rowgap2 { row-gap : 2px;}
.sm_gap3 { gap : 3px; }
.sm_columngap3 { column-gap : 3px;}
.sm_rowgap3 { row-gap : 3px;}
.sm_gap4 { gap : 4px; }
.sm_columngap4 { column-gap : 4px;}
.sm_rowgap4 { row-gap : 4px;}
.sm_gap5 { gap : 5px; }
.sm_columngap5 { column-gap : 5px;}
.sm_rowgap5 { row-gap : 5px;}
.sm_gap6 { gap : 6px; }
.sm_columngap6 { column-gap : 6px;}
.sm_rowgap6 { row-gap : 6px;}
.sm_gap7 { gap : 7px; }
.sm_columngap7 { column-gap : 7px;}
.sm_rowgap7 { row-gap : 7px;}
.sm_gap8 { gap : 8px; }
.sm_columngap8 { column-gap : 8px;}
.sm_rowgap8 { row-gap : 8px;}
.sm_gap9 { gap : 9px; }
.sm_columngap9 { column-gap : 9px;}
.sm_rowgap9 { row-gap : 9px;}
.sm_gap10 { gap : 10px; }
.sm_columngap10 { column-gap : 10px;}
.sm_rowgap10 { row-gap : 10px;}
.sm_gap11 { gap : 11px; }
.sm_columngap11 { column-gap : 11px;}
.sm_rowgap11 { row-gap : 11px;}
.sm_gap12 { gap : 12px; }
.sm_columngap12 { column-gap : 12px;}
.sm_rowgap12 { row-gap : 12px;}
.sm_gap13 { gap : 13px; }
.sm_columngap13 { column-gap : 13px;}
.sm_rowgap13 { row-gap : 13px;}
.sm_gap14 { gap : 14px; }
.sm_columngap14 { column-gap : 14px;}
.sm_rowgap14 { row-gap : 14px;}
.sm_gap15 { gap : 15px; }
.sm_columngap15 { column-gap : 15px;}
.sm_rowgap15 { row-gap : 15px;}
.sm_gap16 { gap : 16px; }
.sm_columngap16 { column-gap : 16px;}
.sm_rowgap16 { row-gap : 16px;}
.sm_gap17 { gap : 17px; }
.sm_columngap17 { column-gap : 17px;}
.sm_rowgap17 { row-gap : 17px;}
.sm_gap18 { gap : 18px; }
.sm_columngap18 { column-gap : 18px;}
.sm_rowgap18 { row-gap : 18px;}
.sm_gap19 { gap : 19px; }
.sm_columngap19 { column-gap : 19px;}
.sm_rowgap19 { row-gap : 19px;}
.sm_gap20 { gap : 20px; }
.sm_columngap20 { column-gap : 20px;}
.sm_rowgap20 { row-gap : 20px;}
.sm_gap21 { gap : 21px; }
.sm_columngap21 { column-gap : 21px;}
.sm_rowgap21 { row-gap : 21px;}
.sm_gap22 { gap : 22px; }
.sm_columngap22 { column-gap : 22px;}
.sm_rowgap22 { row-gap : 22px;}
.sm_gap23 { gap : 23px; }
.sm_columngap23 { column-gap : 23px;}
.sm_rowgap23 { row-gap : 23px;}
.sm_gap24 { gap : 24px; }
.sm_columngap24 { column-gap : 24px;}
.sm_rowgap24 { row-gap : 24px;}
.sm_gap25 { gap : 25px; }
.sm_columngap25 { column-gap : 25px;}
.sm_rowgap25 { row-gap : 25px;}
.sm_gap26 { gap : 26px; }
.sm_columngap26 { column-gap : 26px;}
.sm_rowgap26 { row-gap : 26px;}
.sm_gap27 { gap : 27px; }
.sm_columngap27 { column-gap : 27px;}
.sm_rowgap27 { row-gap : 27px;}
.sm_gap28 { gap : 28px; }
.sm_columngap28 { column-gap : 28px;}
.sm_rowgap28 { row-gap : 28px;}
.sm_gap29 { gap : 29px; }
.sm_columngap29 { column-gap : 29px;}
.sm_rowgap29 { row-gap : 29px;}
.sm_gap30 { gap : 30px; }
.sm_columngap30 { column-gap : 30px;}
.sm_rowgap30 { row-gap : 30px;}
.sm_gap31 { gap : 31px; }
.sm_columngap31 { column-gap : 31px;}
.sm_rowgap31 { row-gap : 31px;}
.sm_gap32 { gap : 32px; }
.sm_columngap32 { column-gap : 32px;}
.sm_rowgap32 { row-gap : 32px;}
.sm_gap33 { gap : 33px; }
.sm_columngap33 { column-gap : 33px;}
.sm_rowgap33 { row-gap : 33px;}
.sm_gap34 { gap : 34px; }
.sm_columngap34 { column-gap : 34px;}
.sm_rowgap34 { row-gap : 34px;}
.sm_gap35 { gap : 35px; }
.sm_columngap35 { column-gap : 35px;}
.sm_rowgap35 { row-gap : 35px;}
.sm_gap36 { gap : 36px; }
.sm_columngap36 { column-gap : 36px;}
.sm_rowgap36 { row-gap : 36px;}
.sm_gap37 { gap : 37px; }
.sm_columngap37 { column-gap : 37px;}
.sm_rowgap37 { row-gap : 37px;}
.sm_gap38 { gap : 38px; }
.sm_columngap38 { column-gap : 38px;}
.sm_rowgap38 { row-gap : 38px;}
.sm_gap39 { gap : 39px; }
.sm_columngap39 { column-gap : 39px;}
.sm_rowgap39 { row-gap : 39px;}
.sm_gap40 { gap : 40px; }
.sm_columngap40 { column-gap : 40px;}
.sm_rowgap40 { row-gap : 40px;}
.sm_gap41 { gap : 41px; }
.sm_columngap41 { column-gap : 41px;}
.sm_rowgap41 { row-gap : 41px;}
.sm_gap42 { gap : 42px; }
.sm_columngap42 { column-gap : 42px;}
.sm_rowgap42 { row-gap : 42px;}
.sm_gap43 { gap : 43px; }
.sm_columngap43 { column-gap : 43px;}
.sm_rowgap43 { row-gap : 43px;}
.sm_gap44 { gap : 44px; }
.sm_columngap44 { column-gap : 44px;}
.sm_rowgap44 { row-gap : 44px;}
.sm_gap45 { gap : 45px; }
.sm_columngap45 { column-gap : 45px;}
.sm_rowgap45 { row-gap : 45px;}
.sm_gap46 { gap : 46px; }
.sm_columngap46 { column-gap : 46px;}
.sm_rowgap46 { row-gap : 46px;}
.sm_gap47 { gap : 47px; }
.sm_columngap47 { column-gap : 47px;}
.sm_rowgap47 { row-gap : 47px;}
.sm_gap48 { gap : 48px; }
.sm_columngap48 { column-gap : 48px;}
.sm_rowgap48 { row-gap : 48px;}
.sm_gap49 { gap : 49px; }
.sm_columngap49 { column-gap : 49px;}
.sm_rowgap49 { row-gap : 49px;}
.sm_gap50 { gap : 50px; }
.sm_columngap50 { column-gap : 50px;}
.sm_rowgap50 { row-gap : 50px;}
.sm_gap51 { gap : 51px; }
.sm_columngap51 { column-gap : 51px;}
.sm_rowgap51 { row-gap : 51px;}
.sm_gap52 { gap : 52px; }
.sm_columngap52 { column-gap : 52px;}
.sm_rowgap52 { row-gap : 52px;}
.sm_gap53 { gap : 53px; }
.sm_columngap53 { column-gap : 53px;}
.sm_rowgap53 { row-gap : 53px;}
.sm_gap54 { gap : 54px; }
.sm_columngap54 { column-gap : 54px;}
.sm_rowgap54 { row-gap : 54px;}
.sm_gap55 { gap : 55px; }
.sm_columngap55 { column-gap : 55px;}
.sm_rowgap55 { row-gap : 55px;}
.sm_gap56 { gap : 56px; }
.sm_columngap56 { column-gap : 56px;}
.sm_rowgap56 { row-gap : 56px;}
.sm_gap57 { gap : 57px; }
.sm_columngap57 { column-gap : 57px;}
.sm_rowgap57 { row-gap : 57px;}
.sm_gap58 { gap : 58px; }
.sm_columngap58 { column-gap : 58px;}
.sm_rowgap58 { row-gap : 58px;}
.sm_gap59 { gap : 59px; }
.sm_columngap59 { column-gap : 59px;}
.sm_rowgap59 { row-gap : 59px;}
.sm_gap60 { gap : 60px; }
.sm_columngap60 { column-gap : 60px;}
.sm_rowgap60 { row-gap : 60px;}
.sm_gap61 { gap : 61px; }
.sm_columngap61 { column-gap : 61px;}
.sm_rowgap61 { row-gap : 61px;}
.sm_gap62 { gap : 62px; }
.sm_columngap62 { column-gap : 62px;}
.sm_rowgap62 { row-gap : 62px;}
.sm_gap63 { gap : 63px; }
.sm_columngap63 { column-gap : 63px;}
.sm_rowgap63 { row-gap : 63px;}
.sm_gap64 { gap : 64px; }
.sm_columngap64 { column-gap : 64px;}
.sm_rowgap64 { row-gap : 64px;}
.sm_gap65 { gap : 65px; }
.sm_columngap65 { column-gap : 65px;}
.sm_rowgap65 { row-gap : 65px;}
.sm_gap66 { gap : 66px; }
.sm_columngap66 { column-gap : 66px;}
.sm_rowgap66 { row-gap : 66px;}
.sm_gap67 { gap : 67px; }
.sm_columngap67 { column-gap : 67px;}
.sm_rowgap67 { row-gap : 67px;}
.sm_gap68 { gap : 68px; }
.sm_columngap68 { column-gap : 68px;}
.sm_rowgap68 { row-gap : 68px;}
.sm_gap69 { gap : 69px; }
.sm_columngap69 { column-gap : 69px;}
.sm_rowgap69 { row-gap : 69px;}
.sm_gap70 { gap : 70px; }
.sm_columngap70 { column-gap : 70px;}
.sm_rowgap70 { row-gap : 70px;}
.sm_gap71 { gap : 71px; }
.sm_columngap71 { column-gap : 71px;}
.sm_rowgap71 { row-gap : 71px;}
.sm_gap72 { gap : 72px; }
.sm_columngap72 { column-gap : 72px;}
.sm_rowgap72 { row-gap : 72px;}
.sm_gap73 { gap : 73px; }
.sm_columngap73 { column-gap : 73px;}
.sm_rowgap73 { row-gap : 73px;}
.sm_gap74 { gap : 74px; }
.sm_columngap74 { column-gap : 74px;}
.sm_rowgap74 { row-gap : 74px;}
.sm_gap75 { gap : 75px; }
.sm_columngap75 { column-gap : 75px;}
.sm_rowgap75 { row-gap : 75px;}
.sm_gap76 { gap : 76px; }
.sm_columngap76 { column-gap : 76px;}
.sm_rowgap76 { row-gap : 76px;}
.sm_gap77 { gap : 77px; }
.sm_columngap77 { column-gap : 77px;}
.sm_rowgap77 { row-gap : 77px;}
.sm_gap78 { gap : 78px; }
.sm_columngap78 { column-gap : 78px;}
.sm_rowgap78 { row-gap : 78px;}
.sm_gap79 { gap : 79px; }
.sm_columngap79 { column-gap : 79px;}
.sm_rowgap79 { row-gap : 79px;}
.sm_gap80 { gap : 80px; }
.sm_columngap80 { column-gap : 80px;}
.sm_rowgap80 { row-gap : 80px;}
.sm_gap81 { gap : 81px; }
.sm_columngap81 { column-gap : 81px;}
.sm_rowgap81 { row-gap : 81px;}
.sm_gap82 { gap : 82px; }
.sm_columngap82 { column-gap : 82px;}
.sm_rowgap82 { row-gap : 82px;}
.sm_gap83 { gap : 83px; }
.sm_columngap83 { column-gap : 83px;}
.sm_rowgap83 { row-gap : 83px;}
.sm_gap84 { gap : 84px; }
.sm_columngap84 { column-gap : 84px;}
.sm_rowgap84 { row-gap : 84px;}
.sm_gap85 { gap : 85px; }
.sm_columngap85 { column-gap : 85px;}
.sm_rowgap85 { row-gap : 85px;}
.sm_gap86 { gap : 86px; }
.sm_columngap86 { column-gap : 86px;}
.sm_rowgap86 { row-gap : 86px;}
.sm_gap87 { gap : 87px; }
.sm_columngap87 { column-gap : 87px;}
.sm_rowgap87 { row-gap : 87px;}
.sm_gap88 { gap : 88px; }
.sm_columngap88 { column-gap : 88px;}
.sm_rowgap88 { row-gap : 88px;}
.sm_gap89 { gap : 89px; }
.sm_columngap89 { column-gap : 89px;}
.sm_rowgap89 { row-gap : 89px;}
.sm_gap90 { gap : 90px; }
.sm_columngap90 { column-gap : 90px;}
.sm_rowgap90 { row-gap : 90px;}
.sm_gap91 { gap : 91px; }
.sm_columngap91 { column-gap : 91px;}
.sm_rowgap91 { row-gap : 91px;}
.sm_gap92 { gap : 92px; }
.sm_columngap92 { column-gap : 92px;}
.sm_rowgap92 { row-gap : 92px;}
.sm_gap93 { gap : 93px; }
.sm_columngap93 { column-gap : 93px;}
.sm_rowgap93 { row-gap : 93px;}
.sm_gap94 { gap : 94px; }
.sm_columngap94 { column-gap : 94px;}
.sm_rowgap94 { row-gap : 94px;}
.sm_gap95 { gap : 95px; }
.sm_columngap95 { column-gap : 95px;}
.sm_rowgap95 { row-gap : 95px;}
.sm_gap96 { gap : 96px; }
.sm_columngap96 { column-gap : 96px;}
.sm_rowgap96 { row-gap : 96px;}
.sm_gap97 { gap : 97px; }
.sm_columngap97 { column-gap : 97px;}
.sm_rowgap97 { row-gap : 97px;}
.sm_gap98 { gap : 98px; }
.sm_columngap98 { column-gap : 98px;}
.sm_rowgap98 { row-gap : 98px;}
.sm_gap99 { gap : 99px; }
.sm_columngap99 { column-gap : 99px;}
.sm_rowgap99 { row-gap : 99px;}
/* Custom Padding */
.sm_p1 { padding : 1px; }
.sm_pt1, .sm_p1-0 { padding-top: 1px; }
.sm_pb1, .sm_p1-0 { padding-bottom: 1px; }
.sm_p2 { padding : 2px; }
.sm_pt2, .sm_p2-0 { padding-top: 2px; }
.sm_pb2, .sm_p2-0 { padding-bottom: 2px; }
.sm_p3 { padding : 3px; }
.sm_pt3, .sm_p3-0 { padding-top: 3px; }
.sm_pb3, .sm_p3-0 { padding-bottom: 3px; }
.sm_p4 { padding : 4px; }
.sm_pt4, .sm_p4-0 { padding-top: 4px; }
.sm_pb4, .sm_p4-0 { padding-bottom: 4px; }
.sm_p5 { padding : 5px; }
.sm_pt5, .sm_p5-0 { padding-top: 5px; }
.sm_pb5, .sm_p5-0 { padding-bottom: 5px; }
.sm_p6 { padding : 6px; }
.sm_pt6, .sm_p6-0 { padding-top: 6px; }
.sm_pb6, .sm_p6-0 { padding-bottom: 6px; }
.sm_p7 { padding : 7px; }
.sm_pt7, .sm_p7-0 { padding-top: 7px; }
.sm_pb7, .sm_p7-0 { padding-bottom: 7px; }
.sm_p8 { padding : 8px; }
.sm_pt8, .sm_p8-0 { padding-top: 8px; }
.sm_pb8, .sm_p8-0 { padding-bottom: 8px; }
.sm_p9 { padding : 9px; }
.sm_pt9, .sm_p9-0 { padding-top: 9px; }
.sm_pb9, .sm_p9-0 { padding-bottom: 9px; }
.sm_p10 { padding : 10px; }
.sm_pt10, .sm_p10-0 { padding-top: 10px; }
.sm_pb10, .sm_p10-0 { padding-bottom: 10px; }
.sm_p11 { padding : 11px; }
.sm_pt11, .sm_p11-0 { padding-top: 11px; }
.sm_pb11, .sm_p11-0 { padding-bottom: 11px; }
.sm_p12 { padding : 12px; }
.sm_pt12, .sm_p12-0 { padding-top: 12px; }
.sm_pb12, .sm_p12-0 { padding-bottom: 12px; }
.sm_p13 { padding : 13px; }
.sm_pt13, .sm_p13-0 { padding-top: 13px; }
.sm_pb13, .sm_p13-0 { padding-bottom: 13px; }
.sm_p14 { padding : 14px; }
.sm_pt14, .sm_p14-0 { padding-top: 14px; }
.sm_pb14, .sm_p14-0 { padding-bottom: 14px; }
.sm_p15 { padding : 15px; }
.sm_pt15, .sm_p15-0 { padding-top: 15px; }
.sm_pb15, .sm_p15-0 { padding-bottom: 15px; }
.sm_p16 { padding : 16px; }
.sm_pt16, .sm_p16-0 { padding-top: 16px; }
.sm_pb16, .sm_p16-0 { padding-bottom: 16px; }
.sm_p17 { padding : 17px; }
.sm_pt17, .sm_p17-0 { padding-top: 17px; }
.sm_pb17, .sm_p17-0 { padding-bottom: 17px; }
.sm_p18 { padding : 18px; }
.sm_pt18, .sm_p18-0 { padding-top: 18px; }
.sm_pb18, .sm_p18-0 { padding-bottom: 18px; }
.sm_p19 { padding : 19px; }
.sm_pt19, .sm_p19-0 { padding-top: 19px; }
.sm_pb19, .sm_p19-0 { padding-bottom: 19px; }
.sm_p20 { padding : 20px; }
.sm_pt20, .sm_p20-0 { padding-top: 20px; }
.sm_pb20, .sm_p20-0 { padding-bottom: 20px; }
.sm_p21 { padding : 21px; }
.sm_pt21, .sm_p21-0 { padding-top: 21px; }
.sm_pb21, .sm_p21-0 { padding-bottom: 21px; }
.sm_p22 { padding : 22px; }
.sm_pt22, .sm_p22-0 { padding-top: 22px; }
.sm_pb22, .sm_p22-0 { padding-bottom: 22px; }
.sm_p23 { padding : 23px; }
.sm_pt23, .sm_p23-0 { padding-top: 23px; }
.sm_pb23, .sm_p23-0 { padding-bottom: 23px; }
.sm_p24 { padding : 24px; }
.sm_pt24, .sm_p24-0 { padding-top: 24px; }
.sm_pb24, .sm_p24-0 { padding-bottom: 24px; }
.sm_p25 { padding : 25px; }
.sm_pt25, .sm_p25-0 { padding-top: 25px; }
.sm_pb25, .sm_p25-0 { padding-bottom: 25px; }
.sm_p26 { padding : 26px; }
.sm_pt26, .sm_p26-0 { padding-top: 26px; }
.sm_pb26, .sm_p26-0 { padding-bottom: 26px; }
.sm_p27 { padding : 27px; }
.sm_pt27, .sm_p27-0 { padding-top: 27px; }
.sm_pb27, .sm_p27-0 { padding-bottom: 27px; }
.sm_p28 { padding : 28px; }
.sm_pt28, .sm_p28-0 { padding-top: 28px; }
.sm_pb28, .sm_p28-0 { padding-bottom: 28px; }
.sm_p29 { padding : 29px; }
.sm_pt29, .sm_p29-0 { padding-top: 29px; }
.sm_pb29, .sm_p29-0 { padding-bottom: 29px; }
.sm_p30 { padding : 30px; }
.sm_pt30, .sm_p30-0 { padding-top: 30px; }
.sm_pb30, .sm_p30-0 { padding-bottom: 30px; }
.sm_p31 { padding : 31px; }
.sm_pt31, .sm_p31-0 { padding-top: 31px; }
.sm_pb31, .sm_p31-0 { padding-bottom: 31px; }
.sm_p32 { padding : 32px; }
.sm_pt32, .sm_p32-0 { padding-top: 32px; }
.sm_pb32, .sm_p32-0 { padding-bottom: 32px; }
.sm_p33 { padding : 33px; }
.sm_pt33, .sm_p33-0 { padding-top: 33px; }
.sm_pb33, .sm_p33-0 { padding-bottom: 33px; }
.sm_p34 { padding : 34px; }
.sm_pt34, .sm_p34-0 { padding-top: 34px; }
.sm_pb34, .sm_p34-0 { padding-bottom: 34px; }
.sm_p35 { padding : 35px; }
.sm_pt35, .sm_p35-0 { padding-top: 35px; }
.sm_pb35, .sm_p35-0 { padding-bottom: 35px; }
.sm_p36 { padding : 36px; }
.sm_pt36, .sm_p36-0 { padding-top: 36px; }
.sm_pb36, .sm_p36-0 { padding-bottom: 36px; }
.sm_p37 { padding : 37px; }
.sm_pt37, .sm_p37-0 { padding-top: 37px; }
.sm_pb37, .sm_p37-0 { padding-bottom: 37px; }
.sm_p38 { padding : 38px; }
.sm_pt38, .sm_p38-0 { padding-top: 38px; }
.sm_pb38, .sm_p38-0 { padding-bottom: 38px; }
.sm_p39 { padding : 39px; }
.sm_pt39, .sm_p39-0 { padding-top: 39px; }
.sm_pb39, .sm_p39-0 { padding-bottom: 39px; }
.sm_p40 { padding : 40px; }
.sm_pt40, .sm_p40-0 { padding-top: 40px; }
.sm_pb40, .sm_p40-0 { padding-bottom: 40px; }
.sm_p41 { padding : 41px; }
.sm_pt41, .sm_p41-0 { padding-top: 41px; }
.sm_pb41, .sm_p41-0 { padding-bottom: 41px; }
.sm_p42 { padding : 42px; }
.sm_pt42, .sm_p42-0 { padding-top: 42px; }
.sm_pb42, .sm_p42-0 { padding-bottom: 42px; }
.sm_p43 { padding : 43px; }
.sm_pt43, .sm_p43-0 { padding-top: 43px; }
.sm_pb43, .sm_p43-0 { padding-bottom: 43px; }
.sm_p44 { padding : 44px; }
.sm_pt44, .sm_p44-0 { padding-top: 44px; }
.sm_pb44, .sm_p44-0 { padding-bottom: 44px; }
.sm_p45 { padding : 45px; }
.sm_pt45, .sm_p45-0 { padding-top: 45px; }
.sm_pb45, .sm_p45-0 { padding-bottom: 45px; }
.sm_p46 { padding : 46px; }
.sm_pt46, .sm_p46-0 { padding-top: 46px; }
.sm_pb46, .sm_p46-0 { padding-bottom: 46px; }
.sm_p47 { padding : 47px; }
.sm_pt47, .sm_p47-0 { padding-top: 47px; }
.sm_pb47, .sm_p47-0 { padding-bottom: 47px; }
.sm_p48 { padding : 48px; }
.sm_pt48, .sm_p48-0 { padding-top: 48px; }
.sm_pb48, .sm_p48-0 { padding-bottom: 48px; }
.sm_p49 { padding : 49px; }
.sm_pt49, .sm_p49-0 { padding-top: 49px; }
.sm_pb49, .sm_p49-0 { padding-bottom: 49px; }
.sm_p50 { padding : 50px; }
.sm_pt50, .sm_p50-0 { padding-top: 50px; }
.sm_pb50, .sm_p50-0 { padding-bottom: 50px; }
.sm_p51 { padding : 51px; }
.sm_pt51, .sm_p51-0 { padding-top: 51px; }
.sm_pb51, .sm_p51-0 { padding-bottom: 51px; }
.sm_p52 { padding : 52px; }
.sm_pt52, .sm_p52-0 { padding-top: 52px; }
.sm_pb52, .sm_p52-0 { padding-bottom: 52px; }
.sm_p53 { padding : 53px; }
.sm_pt53, .sm_p53-0 { padding-top: 53px; }
.sm_pb53, .sm_p53-0 { padding-bottom: 53px; }
.sm_p54 { padding : 54px; }
.sm_pt54, .sm_p54-0 { padding-top: 54px; }
.sm_pb54, .sm_p54-0 { padding-bottom: 54px; }
.sm_p55 { padding : 55px; }
.sm_pt55, .sm_p55-0 { padding-top: 55px; }
.sm_pb55, .sm_p55-0 { padding-bottom: 55px; }
.sm_p56 { padding : 56px; }
.sm_pt56, .sm_p56-0 { padding-top: 56px; }
.sm_pb56, .sm_p56-0 { padding-bottom: 56px; }
.sm_p57 { padding : 57px; }
.sm_pt57, .sm_p57-0 { padding-top: 57px; }
.sm_pb57, .sm_p57-0 { padding-bottom: 57px; }
.sm_p58 { padding : 58px; }
.sm_pt58, .sm_p58-0 { padding-top: 58px; }
.sm_pb58, .sm_p58-0 { padding-bottom: 58px; }
.sm_p59 { padding : 59px; }
.sm_pt59, .sm_p59-0 { padding-top: 59px; }
.sm_pb59, .sm_p59-0 { padding-bottom: 59px; }
.sm_p60 { padding : 60px; }
.sm_pt60, .sm_p60-0 { padding-top: 60px; }
.sm_pb60, .sm_p60-0 { padding-bottom: 60px; }
.sm_p61 { padding : 61px; }
.sm_pt61, .sm_p61-0 { padding-top: 61px; }
.sm_pb61, .sm_p61-0 { padding-bottom: 61px; }
.sm_p62 { padding : 62px; }
.sm_pt62, .sm_p62-0 { padding-top: 62px; }
.sm_pb62, .sm_p62-0 { padding-bottom: 62px; }
.sm_p63 { padding : 63px; }
.sm_pt63, .sm_p63-0 { padding-top: 63px; }
.sm_pb63, .sm_p63-0 { padding-bottom: 63px; }
.sm_p64 { padding : 64px; }
.sm_pt64, .sm_p64-0 { padding-top: 64px; }
.sm_pb64, .sm_p64-0 { padding-bottom: 64px; }
.sm_p65 { padding : 65px; }
.sm_pt65, .sm_p65-0 { padding-top: 65px; }
.sm_pb65, .sm_p65-0 { padding-bottom: 65px; }
.sm_p66 { padding : 66px; }
.sm_pt66, .sm_p66-0 { padding-top: 66px; }
.sm_pb66, .sm_p66-0 { padding-bottom: 66px; }
.sm_p67 { padding : 67px; }
.sm_pt67, .sm_p67-0 { padding-top: 67px; }
.sm_pb67, .sm_p67-0 { padding-bottom: 67px; }
.sm_p68 { padding : 68px; }
.sm_pt68, .sm_p68-0 { padding-top: 68px; }
.sm_pb68, .sm_p68-0 { padding-bottom: 68px; }
.sm_p69 { padding : 69px; }
.sm_pt69, .sm_p69-0 { padding-top: 69px; }
.sm_pb69, .sm_p69-0 { padding-bottom: 69px; }
.sm_p70 { padding : 70px; }
.sm_pt70, .sm_p70-0 { padding-top: 70px; }
.sm_pb70, .sm_p70-0 { padding-bottom: 70px; }
.sm_p71 { padding : 71px; }
.sm_pt71, .sm_p71-0 { padding-top: 71px; }
.sm_pb71, .sm_p71-0 { padding-bottom: 71px; }
.sm_p72 { padding : 72px; }
.sm_pt72, .sm_p72-0 { padding-top: 72px; }
.sm_pb72, .sm_p72-0 { padding-bottom: 72px; }
.sm_p73 { padding : 73px; }
.sm_pt73, .sm_p73-0 { padding-top: 73px; }
.sm_pb73, .sm_p73-0 { padding-bottom: 73px; }
.sm_p74 { padding : 74px; }
.sm_pt74, .sm_p74-0 { padding-top: 74px; }
.sm_pb74, .sm_p74-0 { padding-bottom: 74px; }
.sm_p75 { padding : 75px; }
.sm_pt75, .sm_p75-0 { padding-top: 75px; }
.sm_pb75, .sm_p75-0 { padding-bottom: 75px; }
.sm_p76 { padding : 76px; }
.sm_pt76, .sm_p76-0 { padding-top: 76px; }
.sm_pb76, .sm_p76-0 { padding-bottom: 76px; }
.sm_p77 { padding : 77px; }
.sm_pt77, .sm_p77-0 { padding-top: 77px; }
.sm_pb77, .sm_p77-0 { padding-bottom: 77px; }
.sm_p78 { padding : 78px; }
.sm_pt78, .sm_p78-0 { padding-top: 78px; }
.sm_pb78, .sm_p78-0 { padding-bottom: 78px; }
.sm_p79 { padding : 79px; }
.sm_pt79, .sm_p79-0 { padding-top: 79px; }
.sm_pb79, .sm_p79-0 { padding-bottom: 79px; }
.sm_p80 { padding : 80px; }
.sm_pt80, .sm_p80-0 { padding-top: 80px; }
.sm_pb80, .sm_p80-0 { padding-bottom: 80px; }
.sm_p81 { padding : 81px; }
.sm_pt81, .sm_p81-0 { padding-top: 81px; }
.sm_pb81, .sm_p81-0 { padding-bottom: 81px; }
.sm_p82 { padding : 82px; }
.sm_pt82, .sm_p82-0 { padding-top: 82px; }
.sm_pb82, .sm_p82-0 { padding-bottom: 82px; }
.sm_p83 { padding : 83px; }
.sm_pt83, .sm_p83-0 { padding-top: 83px; }
.sm_pb83, .sm_p83-0 { padding-bottom: 83px; }
.sm_p84 { padding : 84px; }
.sm_pt84, .sm_p84-0 { padding-top: 84px; }
.sm_pb84, .sm_p84-0 { padding-bottom: 84px; }
.sm_p85 { padding : 85px; }
.sm_pt85, .sm_p85-0 { padding-top: 85px; }
.sm_pb85, .sm_p85-0 { padding-bottom: 85px; }
.sm_p86 { padding : 86px; }
.sm_pt86, .sm_p86-0 { padding-top: 86px; }
.sm_pb86, .sm_p86-0 { padding-bottom: 86px; }
.sm_p87 { padding : 87px; }
.sm_pt87, .sm_p87-0 { padding-top: 87px; }
.sm_pb87, .sm_p87-0 { padding-bottom: 87px; }
.sm_p88 { padding : 88px; }
.sm_pt88, .sm_p88-0 { padding-top: 88px; }
.sm_pb88, .sm_p88-0 { padding-bottom: 88px; }
.sm_p89 { padding : 89px; }
.sm_pt89, .sm_p89-0 { padding-top: 89px; }
.sm_pb89, .sm_p89-0 { padding-bottom: 89px; }
.sm_p90 { padding : 90px; }
.sm_pt90, .sm_p90-0 { padding-top: 90px; }
.sm_pb90, .sm_p90-0 { padding-bottom: 90px; }
.sm_p91 { padding : 91px; }
.sm_pt91, .sm_p91-0 { padding-top: 91px; }
.sm_pb91, .sm_p91-0 { padding-bottom: 91px; }
.sm_p92 { padding : 92px; }
.sm_pt92, .sm_p92-0 { padding-top: 92px; }
.sm_pb92, .sm_p92-0 { padding-bottom: 92px; }
.sm_p93 { padding : 93px; }
.sm_pt93, .sm_p93-0 { padding-top: 93px; }
.sm_pb93, .sm_p93-0 { padding-bottom: 93px; }
.sm_p94 { padding : 94px; }
.sm_pt94, .sm_p94-0 { padding-top: 94px; }
.sm_pb94, .sm_p94-0 { padding-bottom: 94px; }
.sm_p95 { padding : 95px; }
.sm_pt95, .sm_p95-0 { padding-top: 95px; }
.sm_pb95, .sm_p95-0 { padding-bottom: 95px; }
.sm_p96 { padding : 96px; }
.sm_pt96, .sm_p96-0 { padding-top: 96px; }
.sm_pb96, .sm_p96-0 { padding-bottom: 96px; }
.sm_p97 { padding : 97px; }
.sm_pt97, .sm_p97-0 { padding-top: 97px; }
.sm_pb97, .sm_p97-0 { padding-bottom: 97px; }
.sm_p98 { padding : 98px; }
.sm_pt98, .sm_p98-0 { padding-top: 98px; }
.sm_pb98, .sm_p98-0 { padding-bottom: 98px; }
.sm_p99 { padding : 99px; }
.sm_pt99, .sm_p99-0 { padding-top: 99px; }
.sm_pb99, .sm_p99-0 { padding-bottom: 99px; }
.HomeTabbingInSec .HomeTabbingBtns ul li { max-width: calc(50% - 12px);}
.privacyTwoColBoxmain .privacyTwoColBox { max-width: 100%;}
.privacyTwoColBoxmain { gap: 50px;}
.ThirdpartyBoxTCol .ThirdpartyBoxLTCol { max-width: 100%;}
.ThirdpartyBoxContent { height: auto !important;}
.ThirdpartyBoxTCol { gap: 40px;}
.OurStoryImage { max-width: 500px;}
.contactusFormSec form fieldset.form-columns-2:nth-child(odd) .hs-form-field { max-width: 100%;}
.contactusFormSec form fieldset.form-columns-2:nth-child(2n+2) .hs-form-field:first-child { max-width: 100%;}
.contactusFormSec form fieldset.form-columns-2:nth-child(2n+2) .hs-form-field:last-child { max-width: 100%;}
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input ul li.hs-form-checkbox { max-width: 100%;}
.contactusFormSec form .hs-fieldtype-checkbox.field.hs-form-field .input ul { gap: 10px;}
.ComplianceFilterBoxSec .ComplianceFilterBox { max-width: calc(33.33% - 11px);}
.BlogListingextraBoxMain .BlogListingextraBox, .BlogListsharedBoxInner .BlogListsharedBox { max-width: 100%; height: 270px;}
.BlogPostAuthorSec .BlogPostAuthorLtCol { max-width: 100%;}
.BlogPostSocialRtCol { max-width: 100%; width: 100%;}
.BlogPostSocialRtCol ul { justify-content: flex-end;}
.authorbiofdetailBox .authorbiofdetailcntboxSec { padding: 0 20px;}
.authorbiofdvideomSection { padding-left: 30px;}
.authorbiofdvideomSliderSec .slick-list.draggable { padding: 0 70px 0 0!important;}
.authorbiofdQueAnsSec { padding: 30px 20px 0;}
.authorbiofdQueAnsBoxMain { padding-left: 20px;}
.newsblogbannerInSec .newsblogbannerformsec .newsblogbannerformin { max-width: 100%; width: 100%; }
.DownloadPDFBox { padding: 30px; flex-wrap: wrap;}
.DownloadPDFBox .DownloadPDFBoxTitleSec { max-width: 100%;}
.HubInteFilterBoxInSec .HubInteFilterBox { max-width: calc(50% - 5px);}
.FrameworkCntBoxSec .FrameworkCntBox { max-width: calc(33.33% - 8px);}
.DemoSlotTnkBnformBox:first-child { gap: 25px;}
.DemoSlotTnkBnformBox:first-child .DemoSlotTnkBnformBoxDls { max-width: 100%;}
.DemoSlotTBoxbtBox ul li { max-width: calc(50% - 5px);}
.DemoSlotTBoxbtBox ul { flex-wrap: wrap; gap: 15px 10px;}
.PricingParentBnTitleSection .PricingParentBnSubTitle h2 { font-size: 24px;}
.PricingParentBnTitleSection .PricingParentBnCnt h4 { font-size: 20px;}
.competitorTabbutton ul { align-items: stretch;}
.competitorTabbutton ul li a { height: 100%; padding: 15px 5px;}
.HomeTabbingInSec .HomeTabbingBtns ul { width: calc(250px * 4); flex-wrap: nowrap;}
.HomeTabbingInSec .HomeTabbingBtns {overflow-x: auto;padding-bottom: 0;margin-bottom: 30px;padding-bottom: 10px;}
.HomeTabbingInSec .HomeTabbingBtns::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #FFF;}
.HomeTabbingInSec .HomeTabbingBtns::-webkit-scrollbar{ height: 5px; background-color: #FFF;}
.HomeTabbingInSec .HomeTabbingBtns::-webkit-scrollbar-thumb{ border-radius: 10px;height : 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #004bff;}
.StepformInputBox .StepformInput { max-width: 100%;}
.StepformInputBox { gap: 20px;}
.Step1stCTA button { min-width: 100%; width: 100%;}
.FoundPricingCTABox { order: 1; max-width: 100%;}
.FoundationPricingMainPrevCTA { order: 2;}
.FoundationPricingMainNextCTA { order: 3;}
.FoundationPricingMainCTASection { gap: 30px 10px;}
.ComplianceFrameworksGrpBox { margin-top: 30px;}
.ComplianceFrameworksGrpListgrp .ComplianceFrameworksGrpListInSec ul { gap: 20px 15px;}
.ComplianceFrameworksGrpListgrp .ComplianceFrameworksGrpListInSec ul li { max-width: calc(33.33% - 10px);}
.FormstepOptionalListIn { padding-left: 0;}
.enterpricecheckboxgrp .enterpricecheckbox .FormstepOptACbox { max-width: 100%;}
.enterpricecheckboxgrp .enterpricecheckbox .enterpricecheckboxbtn { max-width: unset; margin-top: 10px;}
.BlogPostAuthorSec { border-radius : 10px; }
.BenefitsThreeColBoxMain .BenefitsThreeColBox { max-width: 100%; }
.BenefitsThreeColBoxMain .slick-slide { padding: 0 10px; }
.UpcomingEventSection .wrapLeft { padding-left: 15px !important;}
.Eventpostdetailssharebox { flex-wrap: wrap;}
.OurTeamSliderBoxSection .slick-list.draggable { padding-right: 0 !important;}
.OurTeamSliderBoxSection button.slick-next.slick-arrow { right: 0;}
.CCLPPastEventBoxSection .slick-list.draggable { padding: 0 50px 0 0 !important;}
.CCLPPastEventBoxSection { padding-top: 30px !important;}
.CCLPSpeakerFilterbtn { display: none;}
.CCLPSpeakerTitle { text-align: center;}
.CCLPSpeakerTitleSection { justify-content: center;}
.CCLPSpeakerBoxTitleSec .CCLPSpeakerBoxTitle { max-width: 100%;}
.CCLPSpeakerBoxTitleSec {text-align: center;justify-content: center;}
.CCLPSpeakerBox .CCLPSpeakerBoxCnt { text-align: center;}
.CCLPSpeakerBox:not(:last-child) { padding-bottom: 24px; margin-bottom: 36px;}
.CCLPSecureyspaceBoxSection { padding: 45px 26px 51px;}
.CCLPKeySpeakerBoxMain { gap: 15px;}
.CCLPKeySpeakerBoxMain .CCLPKeySpeakerBoxIn { max-width: calc(33.33% - 10px);}
.FrameworkBannerLTCol { max-width: 100%;}
.FrameworkBannerRTCol { position: relative; max-width: 100%;z-index : 1}
.Frameworkbannershape1, .Frameworkbannershape2 { background-position: center right -150px;}
.FrameworkBannerRTCol span.FrameworkBannerRTshape3 { left: unset; right: calc(220px + 5px);}
.FrameworkBannerRTCol span.FrameworkBannerRTshape2 { left: unset; right: calc(220px + 98px + 16px);}
.FrameworkBannerRTCol span.FrameworkBannerRTshape1 { left: unset; right: calc(220px + 98px + 16px + 68px + 16px);}
.FrameworkLogoBoxSec .FrameworkLogoBox { max-width: 120px;}
.FrameworkBannerback { margin-bottom: 50px;}
.TrustedbyImgBoxMain .TrustedbyImgBox { max-width: 120px; margin: 0 10px;}
.TrustedbyImgBoxMain .slick-track { display: flex; align-items: center;}
.TrustedbyImgBoxMain .slick-slide { text-align: center;}
.TrustedbyInSection .TrustedbyTitle { text-align: center;}
.FWTCTwoColBoxSec { padding-top: 20px;}
.frameworkzigzagBox .frameworkzigzagLTBox { max-width: 80%;}
.frameworkzigzagBox { padding: 100px 0 30px;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxText { top: -100px;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxImage2nd { width: 270px; right: -70px !important;}
.FrameworkFourColBoxSec { margin-top: 30px;}
.FrameworkFourColbttitle { padding-top: 40px;}
.FrameworkFourColBox { padding: 27px 25px;}
.TrustedSection .custom_wrapper { max-width: 100% !important; padding: 0 !important;}
.TrustedbyInSection .TrustedbyTitle { padding: 0 15px;}
.TrustedbyInSection { padding: 20px 0 !important;}
}
@media (max-width : 640px){
h2,.h2 { font-size: calc(36px - 0.8rem); }
h3,.h3 { font-size: calc(32px - 0.6rem);}
h4,.h4 {font-size: calc(24px - 0.3rem);}
.font_large, .font_large p, .font_large a { ; font-size : calc( - 0.85rem) }
form fieldset.form-columns-2 .hs-form-field,form fieldset.form-columns-2 .hs-form-field input { width: 100% !important; display: block;}
.LogoBoxSection { gap: 20px;}
.LogoBoxSection .LogoBox { max-width: calc(32% - 10px);}
.RiskManagementBoxMain .RiskManagementBox { padding: 20px;}
.HomeTabbingContentboxMain { padding: 0 15px;}
.HomeTabbingInSec .HomeTabbingBtns { padding: 20px 15px;}
.PackageBoxSection .PackageBox { max-width: 100%;}
.PackageBoxContentCol { height: auto !important;}
.FourColumnBoxSection .FourColumnBox { max-width: 100%;}
.RiskReckoningInSec .RiskReckoningRTCol .RiskReckCounterBoxMain .RiskReckCounterBox { max-width: 100%; }
.ResourcesBoxSection .ResourcesBox { max-width: 100%;}
.PodcastBoxGrpMain .PodcastBoxsecMain { max-width: 100%;}
.PodcastBoxGrpMain .PodcastBoxsecMain .PodcastBoxCntSec .PodcastBoxCnt { flex-direction: row;}
.ThreeColumnBoxSec .ThreeColumnBox { max-width: 100%;}
.OurTeamSliderBoxSection ul.slick-dots li { width: 10px;}
.OurTeamSliderBoxSection ul.slick-dots li.slick-active { width: 20px;}
.OurTeamSection .OurTeamSliderBoxSection { padding-bottom: 30px;}
.RiskManagementSec .custom_wrapper { max-width: 100% !important;}
.HFBannerSection { padding-bottom: 140px !important;}
.ComplianceFilterBoxSec .ComplianceFilterBox { max-width: calc(50% - 8px);}
.ComplianceFilterList ul { gap: 10px;}
.UseCaseThreeColBoxGrp .UseCaseThreeColBox { max-width: 100%;}
.BlogListingBoxFilterColumn { gap: 10px;}
.BlogPostAuthorSec { padding: 17px;}
.BlogPostAuthorSec .BlogPostAuthorLtCol .BlogPostAuthorDetailsMain .BlogPostAuthorDetails ul { gap: 5px;}
.authorbiofdetailcntbox+* { padding-top: 20px;}
.CBannerSection { margin-bottom: 150px !important;}
.HubInteFilterBoxInner .HubInteFilterBoxFilters { flex-wrap: nowrap; gap: 10px;}
/* .HubInteFilter { max-width: calc(150px + 10px);} */
button#HubInteFiltershowall { max-width: 150px; width: 100%;}
.SimpleSliderSection .SimpleSliderInSection { padding: 0 20px;}
.FrameworkCntBoxSec .FrameworkCntBox { max-width: calc(50% - 6px);}
.SeamlessinteSection .SeamlessinteInSec .SeamlessinteLogoSec .SeamlessinteLogoBox { max-width: calc(50% - 15px);}
.DemoSlotTnkBnformBox .DemoSlotTnkBnformBoxDls:first-child { max-width: 100%;}
.DemoSlotTnkBnformBox .DemoSlotTnkBnformBoxDls:last-child { max-width: 100%;}
.competitorTabbutton ul li { width: 100%;}
.competitorTabbutton ul { flex-wrap: wrap;}
.competitorTabbutton ul li a { width: 100%;}
.BADLogoSection .LogoInnerSec .LogoBoxSection .LogoBox { width: calc(23% - 25px);}
.BADLogoSection .LogoInnerSec .LogoBoxSection { gap: 20px 40px;}
.EventFilterTwoColSec .EventFilterRTCol .EventFilterAllCate ul { gap: 10px;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoximg { max-width: 100%;}
.EventFilterBoxMain .EventFilterBox .EventFilterCntBox { max-width: 100%;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec { flex-wrap: wrap; position: relative; top: -20px; justify-content: center;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps { width: 100%;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps ul { justify-content: center;}
.FormStepMain.step1 { padding: 30px 20px 0;}
.StepformInTitleMain { text-align: center;}
.FoundationPricingMainBoxStep.step2 {padding: 30px 20px 20px;}
.Form2ndStepPackageBox .Form2ndStepPackageBoxList ul li { max-width: 100%;}
.FormstepOptionalAppCheckbox { padding-top: 20px;}
.FormstepOptionalApp { padding-top: 20px;}
.Form2ndStepPackageSection .Form2ndStepPackageTitleSec h5:before { margin-right: 10px;}
.ComplianceFrameworksGrpListgrp .ComplianceFrameworksGrpListInSec ul li { max-width: calc(50% - 7.5px);}
.ComplianceFrameworksGrpListSec { padding: 20px;}
.CustomFrameworkBoxSec { padding: 10px;}
.CustomFrameworkBoxSec .CustomFrameworkBoxTitleSec h5 { font-size: 18px;}
.CustomFrameworkBoxSec .CustomFrameworkBoxCnt { margin-top: 10px;}
.FoundationPricingMainBoxStep.step3 { padding: 30px 20px 0;}
.FoundationPricingMainBoxStep.step4 { padding: 30px 20px 0;}
.LivePackageListBoxSec .LivePackageListBoxIn ul li { max-width: 100%;}
.LivePackageListBoxSec { padding: 15px;}
.FoundationPricingMainBoxStep.step5 { padding: 30px 20px 0;}
.QuoteTwoColBoxSec { margin-top: 20px;}
.PackageSummaryBoxList ul li:first-child { width: 150px;}
.PackageSummaryBoxList ul li:not(:first-child) { width: calc(((100% - 150px) / 3) - 5px);}
.PackageSummaryBoxList ul { padding: 10px;}
.QuoteTwoColBoxSec .PackageSummaryBoxSec { padding: 15px;}
.PackageSummaryBoxListtotal ul { padding: 0;}
.CBannerSection.Capabilitybanner {
margin-bottom: 150px !important;
}
.CBannerSection.Capabilitybanner { margin-bottom: 100px !important; padding-bottom: 200px !important;}
.HFBannerSection.usecasehubbannersec { margin-bottom: 50px !important; padding-bottom: 50px !important;}
.EventFilterBoxMain .EventFilterBox .EventFilterBoximg { height: 250px;}
.EventFilterBoxMain.UpcomingEventSliderBox { margin-bottom: 30px;}
.eventpostVideoInSec .eventpostvideo { padding-top: 70px;}
.eventpostVideoSection:before { height: 160px;}
.eventpostVideoSection .eventpostshape { top: 159px;}
.Eventpostdetailsharelist { width: 100%;}
.Eventpostdetailssharebox { flex-wrap: wrap;}
.OurTeamSliderBoxSection ul.slick-dots li { width: 40px;}
.OurTeamSliderBoxSection ul.slick-dots li.slick-active { width: 40px;}
.CCLPKeySpeakerBoxMain .CCLPKeySpeakerBoxIn { max-width: 100%; padding-right: 16px;}
.CCLPKeySpeakerBoxMain .slick-list.draggable { padding: 0 80px 0 0 !important;}
.CCLPKeySpeakerBoxImg {height: 172px;}
.CCLPKeySpeakerBoxImg img { width: 100%; height: 100%; object-fit: contain;}
.CCLPKeySpeakerBoxMain { padding-left: 62px;}
.CCLPAgendaRightColCTASec { overflow-x: auto; scrollbar-width : none}
.CCLPAgendaRightColBoxIn .CCLPAgendaRightColBoxLT { max-width: 100%;}
.CCLPAgendaRightColBoxIn .CCLPAgendaRightColBoxRT { max-width: 100%;}
.CCLPAgendaRightColBox { height: 294px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #004BFF #004BFF;}
.CCLPPastEventTitleSection { gap: 28px; flex-direction: column; justify-content: center;}
.CCLPWhyAttendRtSec { padding: 0 20px;}
.CCLPWhyAttendRtList { padding-top: 20px;}
.CCLPContentCTATpContent p { font-size: 20px;}
.CCLPSecureyspaceForm form fieldset.form-columns-2>div { max-width: 100%;}
.CCLPSecureyspaceForm form fieldset.form-columns-2 { gap: 0;}
.CCLPSecureyspaceForm { padding-top: 38px;}
.CCLPBannerTitle h1 { font-size: 32px;}
.CCLPBannerConTlBox .CCLPBannerConBtn { display: none;}
.LPHeaderSection .LPHeaderInSection .LPHeaderLogo { width: 130px;}
.LPHeaderSection .LPHeaderInSection .LPHeaderRTCol { max-width: calc(100% - (130px + 16px));}
.CCLPKeySpeakerBoxMain .slick-list.draggable { padding: 0 50px 0 0 !important;}
.CCLPKeySpeakerBoxMain { margin-left: 15px; padding-left: calc(62px - 15px);}
.speakerSlickbtns { display : flex !important; }
.speakerSlickbtns { display: flex !important; align-items: center; justify-content: flex-end; width: 100%; gap: 8px; position: absolute; top: -30px;}
.speakerSlickbtns button { background: transparent; border: transparent; cursor: pointer; outline: unset;}
.CCLPKeySpeakerInSection { position: relative;}
.CCLPKeySpeakerBoxMain .slick-arrow { display: none !important;}
body.menu-open .body-container--CustomerConnect-page { position: relative; z-index: -10;}
a.LPexpandmenu.active i:first-child {
top: 6px;
}
.FrameworkBannerRTCol .FrameworkBannerRTLogo { left: 0;}
.FrameworkBannerRTCol span.FrameworkBannerRTshape3 { right: calc(180px + 5px);}
.FrameworkBannerRTCol span.FrameworkBannerRTshape2 { right: calc(180px + 98px + 16px);}
.FrameworkBannerRTCol span.FrameworkBannerRTshape1 { right: calc(180px + 98px + 16px + 68px + 16px);}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxText .frameworkzigzagLTBoxCnt { width: 140px; height: 140px; font-size: 35px;}
.frameworkzigzagBox .frameworkzigzagLTBox { max-width: 90%;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxImage2nd { right: -50px !important;}
.ReviewSTitleSection { gap: 17px;}
}
@media (max-width : 480px){
.HomeBannerSection { padding-top: 140px !important;}
.HomeBannerreviewlogo img { width: 150px;}
.RiskManagementSec { margin-top: -100px;}
.LogoSection { padding-bottom: 150px !important;}
.RiskManagementInSec { padding: 15px;}
.RiskManagementBoxMain { padding-top: 20px;}
.RiskManagementBoxMain .RiskManagementBox { padding: 15px;}
.button a, .hs-blog-post-listing__post-button, .hs-button, a.button { padding: 10px 15px; text-align: center;}
.RiskReckoningInSec .RiskReckoningLTCol { max-width: 100%;}
.RiskReckoningInSec { padding: 30px 15px;}
.TestimonialSliderBoxLogo { max-width: 120px;}
.LatestEpisodeSec { flex-direction: column; gap: 15px;}
.ReviewSTitleSection { padding: 20px; gap: 15px;}
.LogoTitleSection .LogoTitle br { display: none;}
.WhyCSImagesBoxMain .WhyCSImagesBox img { min-height: auto;}
.WhyCSBoxSection { padding-top: 20px;}
body .custom_wrapper { max-width: 100% !important;}
.HFBannerSection { padding-bottom: 80px !important; padding-top : 130px !important}
.BlogListingextraBoxMain { padding: 0;}
.BlogListFeaturedBoxMain { padding: 15px 10px;}
.BlogListrecentBoxMain { margin-top: 20px; padding: 10px;}
.BlogListsharedBoxMain { padding: 0;}
.BlogListPopularBoxMain { padding: 20px 0 0;}
.authorbioInSection .authorbioImg { width: 100px; height: 100px;}
.authorbioInSection .authorbioTitleSection .authorbioDetailsSection { width: calc(100% - 126px);}
.authorbiofdetailBox { padding: 20px 0;}
.authorbiofdetailBox .authorbiofdetailcntboxSec .authorbiofdetailcntbox .authorbiofdetailcntboxcnt blockquote { margin-left: 10px;}
.authorbiofdQueAnsBoxMain { padding-left: 0;}
.authorbiofdQueAnsBoxMain .authorbiofdQueAnsBox .authorbiofdQueAnsBoxCnt { padding-left: 15px;}
.CBannerSection { padding-bottom: 200px !important; margin-bottom: 180px !important;}
.CBannerSection .CBannerimg {width: 100%; }
.HFBannerSection.usecaseinbannerSec { margin-bottom: 150px !important; padding-bottom: 150px !important;}
.HubInteFilterBoxInSec .HubInteFilterBox { max-width: 100%;}
.HubInteFilterBoxInner .HubInteFilterBoxFilters { flex-wrap: wrap;}
.HubInteFilter { max-width: 100%;}
.HubInteFilterBoxInner { padding: 20px;}
.SimpleSliderBoxSection .slick-slide { margin: 0; max-width: 350px;}
.SeamlessinteSection .SeamlessinteInSec .SeamlessinteLogoSec .SeamlessinteLogoBox { max-width: 100%;}
.DemoSlotTBoxbtBox ul li { max-width : 100% }
.PricingParentBnTitleSection .PricingParentBnSubTitle h2 { font-size: 20px;}
.PricingParentBnTitleSection .PricingParentBnCnt h4 { font-size: 16px;}
.PricingParentBoxSection { padding-top: 20px;}
.BADLogoSection .LogoInnerSec .LogoBoxSection .LogoBox { width: 100%;}
.LogoSection.BADLogoSection { padding-bottom: 30px !important;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-inline { padding: 12px;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header a.ui-datepicker-prev {top: 50%;transform: translateY(-50%);}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header a.ui-datepicker-next { top: 50%; transform: translateY(-50%);}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker .ui-datepicker-header .ui-datepicker-title { font-size: 20px; line-height: 1.5;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker table.ui-datepicker-calendar thead tr th { font-size: 15px;}
.EventFilterTwoColSec .EventFilterLTCol .EventFilterLTColcalendar .hasDatepicker table.ui-datepicker-calendar tbody tr td a { font-size: 15px;}
.EventFilterTwoColSec .EventFilterRTCol .EventFilterAllCate ul li { font-size: 15px;}
.ComplianceFrameworksGrpListgrp .ComplianceFrameworksGrpListInSec ul li { max-width: 100%;}
.FoundationPricingMainBoxStep.step3 { padding: 30px 20px 0;}
.ComplianceFrameworksGrpListgrp .ComplianceFrameworksGrpListInSec ul li { max-width: 100%;}
.FormCheckboxstyleBox { padding: 15px;}
.FormCheckboxstyleBox label input[type=checkbox]+span h5 { font-size: 18px;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps ul li { width: 40px; height: 40px;}
.FoundationPricingMainBoxSec .FoundationPricingMainBoxTpSec .FoundationPricingMainBoxSteps ul li svg { width: 20px; height: 20px;}
.PackageSummaryBoxList ul li:last-child { display: none;}
.PackageSummaryBoxList ul li:not(:first-child) { width: calc(((100% - 100px) / 2) - 5px);}
.PackageSummaryBoxList ul li:first-child { width: 100px;}
.PackageSummaryBoxListtotal { margin-top: 30px;}
.HFBannerSection.usecasehubbannersec { margin-bottom: 50px !important; padding-bottom: 50px !important;}
.ComplianceFilterListparent.ComplianceFilterListdpparent {
flex-direction: column;
}
.ComplianceFilterBoxSec .ComplianceFilterBox { max-width : 100% }
.UpcomingEventSliderBox .slick-list { padding: 0 !important;}
.EventFilterBoxMain.UpcomingEventSliderBox { padding-bottom: 20px;}
.octonary_button a {
padding: 10px 22px;
white-space: nowrap;
}
a.LPexpandmenu {
width: 24px;
height: 24px;
}
a.LPexpandmenu i {
height: 2px;
}
.LPHeaderSection .LPHeaderInSection {
padding: 18px 15px;
}
.LPHeaderSection .LPHeaderInSection .LPHeaderRTCol { gap : 10px; }
.competitorTabBoxRForm form fieldset.form-columns-2 .hs-form-field { width: 100%; }
.competitorTabBoxRTPopInn h3 { font-size: 18px; line-height: 24px; }
.FrameworkFormBox form .hs-form-field .hs-fieldtype-intl-phone select { width: 100px !important;}
.FrameworkFormBox form .hs-form-field .hs-fieldtype-intl-phone .hs-input[type="tel"] { width: calc(100% - 120px) !important;}
.FrameworkBannerRTCol .FrameworkBannerRTLogo { width: 160px; height: 160px;}
.FrameworkBannerRTCol .FrameworkBannerRTLogo img { width: 120px; height: 120px;}
.FrameworkBannerRTCol span.FrameworkBannerRTshape3 { right: calc(140px + 5px); width: 80px; height: 80px;}
.FrameworkBannerRTCol span.FrameworkBannerRTshape2 { width: 60px; height: 60px; right: calc(140px + 80px + 9px);}
.FrameworkBannerRTCol span.FrameworkBannerRTshape1 { right: calc(140px + 80px + 8px + 60px + 8px);}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxText { width: 150px; height: 150px; top: -60px;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxText .frameworkzigzagLTBoxCnt { width: 100px; height: 100px; font-size: 25px;}
.frameworkzigzagBox .frameworkzigzagLTBox .frameworkzigzagLTBoxImage2nd { width: 200px;}
.frameworkzigzagBox { padding: 60px 0 30px;}
.FrameworkFormBox { padding-top: 30px;}
.FrameworkLogoBoxSec {
gap: 10px;
}
}
@media (max-width : 400px){
.LPHeaderMobileMenuIn { gap: 120px;}
.LPHeaderMenu ul { gap: 40px;}
}
@media (max-width : 360px){
.ComplianceFilterBoxSec .ComplianceFilterBox { max-width : 100% }
.SimpleSliderBoxSection .slick-slide { max-width: 280px;}
.SimpleSliderBoxSection .slick-list.draggable { padding: 0 !important;}
.FrameworkCntBoxSec .FrameworkCntBox { max-width: 100%;}
.FAQBtn a { min-width: 100% !important }
/* }
@media (max-width : 340px){ */
a.expandmenu { width: 30px; height: 30px;}
.headerCTASec .HeaderCTA .cta-section:last-child a { white-space: nowrap; padding: 10px;}
.header .HeaderInnerSec { gap: 5px; padding: 0 8px;}
.headerCTASec { gap: 5px; flex-wrap: nowrap;}
}