@charset "utf-8";
/*
Theme Name: Manage My Lawsuits
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 2023.11.06-01 - 2024.03.07-02
Text Domain: Manage My Lawsuits
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; max-width: 100%;}
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; height: 100%; box-sizing: border-box; scroll-behavior: smooth;}
a{color: var(--text-color); text-decoration: none; transition: all 0.45s ease-in-out; font-weight: 500;}
a:focus {outline: none;}
a:hover, a:active {outline: 0;}
a:hover{color: var(--green-color);}
h1, h2, h3, h4, h5, h6 {clear: both; margin: 0; letter-spacing: normal; text-transform: none; font-family: 'Montserrat', sans-serif; font-weight: bold;}
h1 {font-size: 47px; line-height: 60px;}
h2 {font-size: 34px; line-height: 44px;}
h3 {font-size: 30px; line-height: 35px;}
h4 {font-size: 25px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: var(--text-color);}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color: var(--green-color);}
address{font-size: 12px; line-height: 20px; color: var(--text-color); margin-bottom: 24px;}
abbr[title] {border-bottom: 1px dotted var(--text-color); cursor: help;}
b, strong {font-weight: 700;}
cite, dfn, em, i {font-style: italic;}
mark, ins {background: #fff9c0; text-decoration: none;}
p {margin-bottom: 18px;}
p:last-child{margin-bottom: 0;}
code, kbd, tt, var, samp, pre {font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6;}
pre {border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
blockquote, q {-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
blockquote{padding: 75px 153px 68px; margin: 0 0 35px; font-size: 20px; line-height: 30.6px; font-style: normal; position: relative; letter-spacing: normal; border-radius: 0; background-color: var(--dark-blue); color: var(--white-80); text-align: center;}
blockquote cite, blockquote small {font-size: 1rem;}
blockquote em, blockquote i, blockquote cite {font-style: normal;}
blockquote p::before{ content: ""; display: block; background-image: url("../../images/standalone-images/quote.svg"); width: 24px; height: 17px; margin: 0 auto 32px; background-repeat: no-repeat; background-position: center; }
small {font-size: 14px; line-height: 20px;}
big {font-size: 125%;}
sup, sub {font-size: 10px; letter-spacing: -0.18px; height: 0; line-height: 0; position: relative; vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: 0;}
dl {margin-bottom: 24px;}
dd {margin-bottom: 24px;}
ul {list-style: none; margin: 0 0 32px 22px;}
ul > li {counter-increment: li; position: relative; margin-bottom: 20px; line-height: 1.55rem; font-size: 20px;}
ul > li::before{content: " "; position: absolute; top: 6px; left: -29px; background-color: #02da99; width: 18px; height: 18px; border-radius: 50%; background-image: url('../../images/standalone-images/tick.png'); background-size: 10px; background-repeat: no-repeat; background-position: center center;}
li > ul {margin: 25px 0 26px 25px;}
ol {counter-reset: section; list-style: none; margin: -1px 0 32px 56px;}
ol > li{counter-increment: li; position: relative; margin-bottom: 9px; line-height: 1.5rem;}
ol > li::before{counter-increment: section; content: counter(section,decimal) "."; top: 0; left: -20px; position: absolute; color: var(--blue-color); opacity: 0.9; }
li > ol {margin: 25px 0 26px 25px;}
ul > li a, ol> li a{color: var(--gray2-color);}
ul > li a:hover, ol> li a:hover{color: var(--green-color);}
img {-ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto;}
figure {margin: 0;}
fieldset {border: none; margin: 0; padding: 0;}
legend {white-space: normal;}
button, input, select, textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; appearance: none;}
button, input {line-height: normal;}
input, textarea {background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));}

/* Removing the inner shadow, rounded corners on iOS inputs */
button, input[type="button"], input[type="reset"], input[type="submit"] {appearance: button; cursor: pointer;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {padding: 0;}
input[type="search"] {appearance: textfield;}
input[type="search"]::-webkit-search-decoration {appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}

table, th, td {border: 1px solid rgba(0, 0, 0, 0.1);}
table {border-collapse: separate; border-spacing: 0; border-width: 1px; margin: 0 0 40px; max-width: 100%; width: 100%;}
table tr td:first-child {padding-left: 15px; text-align: left;}
table:not(.annual-table) tr th:first-child {text-align: left; padding-left: 17px;}
table tbody img {margin: 0 auto;}
th {border-width: 0; padding: 14px 0 13px; background-color: var(--dark-blue); color: #FFFFFF;  border-radius: 0;}
.white-text th { background-color: var(--gray-color); color: #FFFFFF;}
th span.icon{font-size: 14px; margin-left: 4px; top: 0px; position: relative; }
td {border-width: 0; padding: 13px 10px 11px; text-align: center; border-bottom: 1px solid rgba(0,0,0,.1); vertical-align: middle; font-size: 1rem; line-height: 1.4rem;}
table tr:nth-child(even) td{background-color: rgba(0,0,0, 0.02);}
/* table tr:last-child td{border-bottom: none;} */

caption, th, td {text-align: left; padding-left: 18px;}
del {color: var(--text-color);}
hr{margin: 24px 0 24px; display: block; border: none; width: 100%; height: 2px; background-color: var(--blue-color);}

::selection {background-color: #000000; color: #FFFFFF;}
::-moz-selection {background-color: #000000; color: #FFFFFF;}

/* Input fields */
input[type="search"], input, select, textarea {outline: 0; width: 100%; font-size: 1rem; line-height: 1.5; letter-spacing: -0.02em; background: #FFFFFF; box-shadow: none; padding: 16px 40px 15px 16px; vertical-align: middle; height: auto; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; border: solid 2px transparent; border-radius: 0; font-family: 'Montserrat', sans-serif;}
textarea {width: 100%; resize: none; height: 118px;}
input:focus, textarea:focus{outline: 0;}
input[type="button"], input[type="reset"], input[type="submit"] {display: inline-block; font-size: 14px; line-height: normal; padding: 17px 35px 16px 36px; vertical-align: middle; cursor: pointer; border: none; border-radius: 0; background-color: var(--red-color); font-weight: bold; letter-spacing: normal; position: relative; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; text-transform: uppercase; text-align: center; color: #FFFFFF;}
input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {background-color: #000000; color: #FFFFFF;}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {outline: none;}
.search-field {width: 100%;}
.search-submit {display: none;}

/* Buttons */
button, .button, body .frm_forms .frm_form_fields .frm_submit button.frm_button_submit{background-color: var(--green-color); border-radius: 0; color: #000000; display: inline-block; font-size: 15px; line-height: 25px; letter-spacing: 0; padding: 11px 17px 10px; vertical-align: middle; cursor: pointer; border: none; outline: none; position: relative; text-align: center;  font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: none; transition: all 0.45s ease-in-out; text-transform: capitalize; z-index: 0; box-shadow: none; overflow: hidden;}
body .frm_forms .frm_form_fields .frm_submit button.frm_button_submit::after, .button::after{content: ""; position: absolute; width: 100%; height: 100%; background-color: #000000; left: -100%; top: 0; transition: all .5s ease; z-index: -1;}
body .frm_forms .frm_form_fields .frm_submit button.frm_button_submit:hover::after, .button:hover::after{left: 0;}
button:hover, .button:hover, body .frm_forms .frm_form_fields .frm_submit button.frm_button_submit:hover{background-color: #000000; color: var(--green-color);}

.button.blue{background-color: var(--blue-color);}
.button.blue::before, .button.blue::after{background-color: var(--blue-color);}
.button.blue:hover{background-color: transparent; border-color: var(--blue-color); color: var(--blue-color);}

.btn-transparent.white{padding: 14px 37px 14px 37px; border: 1px solid #FFFFFF; background-color: transparent; color: #FFFFFF; z-index: 1;}
.btn-transparent.white::before{width: 100%; background-color: #FFFFFF;}
.btn-transparent.white::after{width: 100%; background-color: #FFFFFF;}
.btn-transparent.white:hover::before{width: 0%;}
.btn-transparent.white:hover::after{width: 0%;}
.btn-transparent.white:hover{background-color: var(--purple-color); border-color: transparent;}

.btn-green{font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: bold; padding: 9px 22px 8px; background-color: #02DA99; display: inline-block; border-radius: 20px; color: #000; animation: glow 1.5s ease-in-out infinite alternate;}

@keyframes glow {
        0% {
            box-shadow: 0 0 10px #ffffff;
        }
        100% {
            box-shadow: 0 0 20px #009D6E, 0 0 30px #009D6E, 0 0 50px #009D6E;
        }
    }

/* Placeholder text color -- selectors need to be separate to work. */ 
::-webkit-input-placeholder {color: var(--text-color); font-family: 'Poppins-Medium', sans-serif;}
:-moz-placeholder {color: var(--text-color); font-family: 'Poppins-Medium', sans-serif; opacity: 1; }
::-moz-placeholder {color: var(--text-color); font-family: 'Poppins-Medium', sans-serif; opacity: 1;}
:-ms-input-placeholder {color: var(--text-color); font-family: 'Poppins-Medium', sans-serif; opacity: 1;}

/* Responsive images. Fluid images for posts, comments, and widgets */
embed, iframe, object, video{margin: 0; max-width: 100%; border-radius: 0; display: block; object-fit: cover;}
p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {margin-bottom: 0;}

/* Alignment */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
blockquote.alignleft{margin: 25px 25px 25px 0;}
.hide {display: none;}

img.alignnone{margin: 25px 0 25px;}
img.alignleft{margin: 18px 23px 16px 0;}
img.alignright{margin: 25px 0 25px 20px;}
img.aligncenter{margin: 25px auto; clear: both;}

/* Genericons */
.bypostauthor > article .fn:before, .comment-edit-link:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .contributor-posts-link:before, .menu-toggle:before, .search-toggle:before, .slider-direction-nav a:before, .widget_twentyfourteen_ephemera .widget-title:before {-webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom;}
.comment-form label {display: block;}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {width: 100%;}
.clearfix {clear: both;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*-- flex css starts here --*/
.flex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; }
.flex-vcenter{-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.flex-content-center{-ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }
.flex-center{-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }
.flex-nowrap{flex-wrap: nowrap; }
.table{display: table; width: 100%; height: 100%;}
.table-cell{display: table-cell; vertical-align: middle;}
.grid{display: grid; display: -moz-grid; display: -ms-grid;}


@font-face {
  font-family: 'Avenir Next';
  src: url(../../fonts/AvenirNext-Medium.woff2) format('woff2'), url(../../fonts/AvenirNext-Medium.woff) format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: AvenirLTStd-Black;
  src: url(../../fonts/AvenirLTStd-Black.eot?#iefix) format('embedded-opentype'), url(../../fonts/AvenirLTStd-Black.otf) format('opentype'), url(../../fonts/AvenirLTStd-Black.woff) format('woff'), url(../../fonts/AvenirLTStd-Black.ttf) format('truetype'), url(../../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black) format('svg');
  font-weight: 400;
  font-style: normal
}

body{font-size: 18px; line-height: 25px; font-family: 'Montserrat', sans-serif; overflow: hidden; color: #fff; background-color: #000;}
/* span.optional-text{margin-bottom: 16px; color: var(--blue-color); font-size: 20px; line-height: 22px; letter-spacing: normal; font-weight: normal; display: block; font-family: 'lexend', sans-serif; text-transform: none;}
span.optional-text.black{color: var(--text-color);}
.sub-heading{font-size: 20px; line-height: 24px; letter-spacing: -0.4px; color: var(--text-color); font-family: 'Gotham-Medium',sans-serif; margin-bottom: 20px; display: block;}
.sub-heading a{color: var(--text-color);}
.sub-heading a:hover{color: var(--blue-color);}
span.optional-text.electric{color: var(--blue-color); letter-spacing: 0.2em;}
.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6{color: #FFFFFF;}
.white-text ul li a, .white-text ol li a{color: var(--blue-color);}
.white-text ul li a:hover, .white-text ol li a:hover{color: #FFFFFF;}
.white-text p a{color: var(--blue-color);}
.white-text p a:hover{color: #FFFFFF;} */

.pos-relative{position: relative;}
.background-bg{width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -1;}
.background-text{width: 100%; height: 100%; top: 0; left: 0; right: 0; position: absolute; z-index: 1;}
figure.object-fit{width: 100%; height: 100%; display: block;}
picture.object-fit{width: 100%; height: 100%; display: block;}
.object-fit img{width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%; }
.object-img-fit img{width: 100%; height: auto; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%; }
.slick-arrow{top: -94px; left: auto; right: 0; width: 30px; height: 30px; font-size: 13px;  font-weight: bold; line-height: 1.5; position: absolute; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s ease-in-out; z-index: 2; background-color: #F2F1F1; color: #545353; border-radius: 5px;}
.slick-arrow.slick-prev{right: 35px;}
.slick-arrow:hover{background-color: var(--green-color);}
.slick-arrow.slick-disabled{opacity: 0.25; background-color: var(--text-color); pointer-events: none;}
.slick-arrow.slick-prev::before{content: "\f060"; font-family: "Font Awesome 6 Pro";}
.slick-arrow.slick-next::before{content: "\f061"; font-family: "Font Awesome 6 Pro";}
ul.slick-dots{margin: 0 auto; width: 100%; left: 0; right: 0; gap: 6px; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 42px;}
ul.slick-dots li::before{display: none;}
ul.slick-dots li{margin-bottom: 0;}
ul.slick-dots li button{margin: 0; width: 12px; height: 12px; padding: 0; font-size: 0; line-height: 0; background-color: #F3F3F3; border-radius: 300px; border: 1px solid #CFCFCF }
ul.slick-dots li.slick-active button{background-color: #02DA99; border-color: #02DA99;}

.play-btn-main {width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; overflow: hidden; z-index: 1;}
.play-btn-main .play-btn{width: 68px; height: 68px; z-index: 1; font-size: 68px; line-height: 68px; color: #FFFFFF; opacity: 0.47; position: relative; transform: scale(1);}
.play-btn-main .play-btn:hover{color: #FFFFFF; opacity: 1; transform: scale(1.25);}

.play-btn-bg{width: 100%; height: 100%; transition: all 0.3s ease-in-out;}
.play-btn-bg img{margin-left: 3px; transform: scale(1); transition: all 0.3s ease-in-out;}
.play-btn-bg:hover img{transform: scale(1.125);}
.play-btn-bg:hover::before{opacity: 1;}
.play-btn-bg > span.square{ background-color: rgba(0, 240, 255, 0.8); z-index: 1; }
.play-btn-bg > span.square::after{ top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 48px; line-height: 48px; color: var(--text-color); content: "\f04b"; font-weight: 400; font-family: "Font Awesome 6 Sharp"; display: block; position: absolute; transition: all 0.45s ease-in-out; }
.play-btn-bg > span.square:hover{background-color: var(--blue-color);}
.play-btn-bg > span.square:hover::after{color: #FFFFFF;}
.play-btn-bg > span { transition: all 0.45s ease-in-out; border-radius: 0%; bottom: 0; content: " "; left: 0; position: absolute; right: 0; top: 0; }
.play-btn-bg > span:not(:first-child) { animation: 6s playBtnZooming infinite linear; transform: scale(1); filter: opacity(0.25); -webkit-filter: opacity(0.25); background-color: #FFFFFF; }
.play-btn-bg > span:not(:first-child):nth-child(2) { -webkit-animation-delay: 2s; animation-delay: 2s; }
.play-btn-bg > span:not(:first-child):nth-child(3) { -webkit-animation-delay: 4s; animation-delay: 4s; }
@keyframes playBtnZooming { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(5); opacity: 0; } }
.full_width{width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; display: block !important; padding-left: 0 !important; padding-right: 0 !important; left: 0 !important;}
/* .heading-three{margin-bottom: 20px; font-size: 32px; line-height: 40px; font-family: "Gotham-Medium", sans-serif;}
.f-500{font-weight: 500; font-family: "lexend", sans-serif;}
.f-700{font-weight: 700; font-family: "lexend", sans-serif;} */
.fluid-container{width: 100vw; left: -50vw; margin-left: 50%;}

.page-not-number{margin-bottom: 21px; font-size: 124px; line-height: 128px; filter: drop-shadow(2px 2px 0 #00f0ff); color: transparent; -webkit-text-stroke-color: var(--dark-blue); -webkit-text-stroke-width: 1px; display: block; }

/* Cookie bar */
body .cky-modal.cky-modal-open button.cky-show-desc-btn:not(:hover):not(:active){color: var(--blue-color);}
.cky-accordion-header .cky-always-active{color: var(--blue-color) !important;}
body .cky-box-bottom-left{right: 40px; left: auto;}
body .cky-revisit-bottom-left{right: 15px; left: auto;}
body .cky-revisit-bottom-left:hover::before{background: var(--heading-color); right: calc(100% + 7px); left: auto;}
body .cky-revisit-bottom-left:hover::after{right: calc(100% + 2px); border-right-color: var(--heading-color); left: auto;}
body .cky-btn.cky-btn-reject, body .cky-btn.cky-btn-preferences, body .cky-btn.cky-btn-customize{font-size: 14px; font-weight: 500; font-family: 'Poppins', sans-serif; border: 1px solid var(--purple-color) !important; color: var(--purple-color) !important;  transition: all .45s ease-in-out;}
body .cky-btn.cky-btn-reject:hover, body .cky-btn.cky-btn-accept:hover,body .cky-btn.cky-btn-customize:hover{background-color: var(--purple-color)!important; color: #FFFFFF !important; border-color: transparent !important; opacity: 1;}
body .cky-btn.cky-btn-accept:hover{background-color: transparent !important; color: var(--purple-color) !important; border-color: var(--purple-color) !important; opacity: 1;}
body .cky-modal.cky-modal-open button.cky-btn.cky-btn-reject:hover, body .cky-modal.cky-modal-open button.cky-btn.cky-btn-preferences:hover{background-color: var(--purple-color) !important; color: #FFFFFF !important; border-color: transparent !important; opacity: 1;}
body .cky-btn.cky-btn-accept{font-size: 14px; font-weight: 500; font-family: 'Poppins', sans-serif; border: 1px solid transparent !important; color: #FFFFFF !important; background-color: var(--purple-color) !important; transition: all .45s ease-in-out;}
body .cky-modal.cky-modal-open button.cky-btn.cky-btn-accept:hover{border-color: var(--purple-color) !important; color: var(--purple-color) !important; background-color: transparent !important; opacity: 1;}

/* Brave Popup */

body .brave_element--text {
  display: block !important
}
body .brave_popup__elements_wrap {
  margin-bottom: inherit !important
}

.brave_popup .brave_element.brave_element--form .brave_element__form_inner {
  overflow: inherit !important; padding: 0!important;
}
.brave_popup .brave_element.brave_element--form.label-move-top .brave_element__form_inner {
  padding: 0
}
.brave_popup .brave_element.brave_element--text.brave_element--text_advanced .brave_element__text_inner p {letter-spacing: .2px; margin-bottom: 24px;}

.brave_popup .brave_element.brave_element--form.label-move-top .brave_form_field input[type=email]::placeholder, 
.brave_popup .brave_element.brave_element--form.label-move-top .brave_form_field input[type=text]::placeholder, 
.brave_popup .brave_element.brave_element--form.label-move-top .brave_form_field textarea::placeholder,
.brave_popup .brave_element.brave_element--form .brave_form_field input[type=email]::placeholder, 
.brave_popup .brave_element.brave_element--form .brave_form_field input[type=text]::placeholder,
.brave_popup .brave_element.brave_element--form .brave_form_field textarea::placeholder {
  color: transparent !important
}


.brave_popup .brave_element.brave_element--form.label-move-top .brave_form_field {
  margin: 20px 0 0 0 !important
}
.brave_form_button {
  text-align: center;
  margin-top: 30px !important
}
.brave_form_button button {
  text-transform: none !important;
  height: 58px !important
}
.brave_form_button button:hover {
  background: #1eb47c !important
}
.brave-halfwidth {
  margin-top: 10px
}
.brave-halfwidth .brave_form_fields {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.brave-halfwidth .brave_form_fields .brave_form_field {margin: 20px 0 0 !important; line-height: 18px;}
.brave-halfwidth .brave_form_fields .brave_form_field label {margin-bottom: 2px !important}
.brave-halfwidth .brave_form_fields .brave_form_field--input {
  width: 47.8% !important
}
.brave_form_custom_content {
  padding: 0 30px !important;
}
.brave_form_custom_content .frm_success_msg {
  font-family: 'Avenir Next';
  font-weight: 500
}
.brave_form_custom_content .frm_success_msg br {
  display: none
}
.brave_form_custom_content .frm_success_msg .button {
  color: #fff !important;
  padding: 15px 30px;
  text-transform: capitalize;
  margin: 0;
  font-family: AvenirLTStd-Black;
  font-weight: 400; background-color: #263959;
  border-radius: 2px;
  font-size: 14px;
}
.brave_form_custom_content .frm_success_msg .button:after {display: none;}
.brave_form_custom_content .frm_success_msg .button:hover {background-color: #1eb47c;}
.brave_form_custom_content p {
  font-family: AvenirLTStd-Black !important;
  line-height: 22px !important;
  margin-bottom: 20px
}
.brave_form_custom_content p a {
  color: #1eb47c !important
}
.brave_form_custom_content p a:hover {
  color: #000 !important
}
.brave_form_custom_content .frm_success_msg span {
  display: block;
  margin-top: 20px;
  float: left;
  width: 100%
}

#hubspot-messages-iframe-container.widget-align-right{display: none !important;}

.brave_popup .brave_element.brave_element--text.brave_element--text_advanced .brave_element__styler {padding: 5px 2px;}


/*-- media css starts here --*/
@media only screen and (min-width: 1024px){
    .container{max-width: 1200px; margin: 0 auto;}
    .container.lg{max-width: 100%;}
    .container.x-lg{max-width: 1234px;}
    .container.md{max-width: 1162px;}
    .container.sm{max-width: 803px;}
    .container.no_padding{padding: 0;}
    .hide-desktop{display: none;}
}
@media only screen and (max-width: 1339px) and (min-width: 1024px){
    .container.md{max-width: 100%;}
    .container{max-width: 100%; padding: 0 30px;}
    blockquote{padding: 62px 24px 65px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .hide-tablet{display: none;}
    .play-btn-main .play-btn{width: 64px; height: 64px; font-size: 64px; line-height: 64px;}
    .play-btn-main .play-btn::before{width: 90px; height: 90px;}
    .play-btn-bg > span.square::after{font-size: 32px; line-height: 28px;}
    .button.blue-mbtn{background-color: var(--blue-color); border-color: transparent; min-width: 158px;}
    .button.blue-mbtn::before, .button.blue-mbtn::after{background-color: var(--blue-color);}
    .button.blue-mbtn:hover::before, .button.blue-mbtn:hover::after{background-color: var(--purple-color);}
}
@media only screen and (max-width: 1023px) and (min-width: 200px){
    .container{max-width: 100%; padding: 0 20px;}
    .container.no_padding{padding: 0;}

}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .hide-mobile{display: none;}
    ol{margin: 28px 0 36px 38px;}
    ul{margin: 0 0 32px 32px;}
    ul > li{line-height: 15px; font-size: 15px;}
    ul > li::before{left: -14px; font-size: 10px;}
    blockquote{padding: 70px 24px 64px;}

    body .cky-box-bottom-left{right: 15px; width: calc(100% - 30px); bottom: 15px;}
    .cky-consent-container .cky-consent-bar{padding: 20px 20px; border-radius: 6px;}
    .cky-notice .cky-title{margin: 0 0 10px 0;}
    .cky-notice-des{line-height: 23px !important; margin-bottom: 15px;}
    .cky-notice-btn-wrapper{flex-direction: row !important; gap: 15px;}
    .cky-btn.cky-btn-customize, .cky-btn.cky-btn-accept{width: calc(50% - 15px); margin: 0 !important;}
    .cky-notice-btn-wrapper .cky-btn-accept{order: 1;}
    .cky-notice-btn-wrapper .cky-btn-customize{order: 2;}
    .cky-notice-btn-wrapper .cky-btn-reject{order: 3; margin: 0;}

    img.alignleft, img.alignright, img.aligncenter, img.alignnone{float: none; display: block; margin: 25px auto;}

    .play-btn-main .play-btn{width: 56px; height: 56px; font-size: 56px; line-height: 56px;}
    .play-btn-main .play-btn::before{width: 80px; height: 80px;}
}

@media only screen and (max-width:761px) {
  .brave-halfwidth .brave_form_fields .brave_form_field--input {
    width: 100% !important
  }
  .brave_popup .brave_element.brave_element--form .brave_element__form_inner {
    padding: 15px !important
  }
    .brave_popup .brave_element.brave_element--text.brave_element--text_advanced .brave_element__styler, .brave_popup .brave_element.brave_element--text  .brave_element__styler {padding: 5px 7px!important;}
}
