/*
Theme Name:   ChMeetings Hello
Theme URI:    https://www.chmeetings.com/
Description:  Child theme of Hello Elementor for ChMeetings. Holds the site-wide custom CSS that used to live in Customizer → Additional CSS and Porto Theme Options under the Porto theme.
Author:       ChMeetings
Template:     hello-elementor
Version:      1.0.0
Requires PHP: 7.4
Text Domain:  chmeetings-hello
*/

/*
 * Bootstrap subset from Porto's compiled bootstrap.css (porto_styles/bootstrap.css):
 * base element rules + only the utility/grid classes used in page content
 * (tools/extract-bootstrap.js, 131 classes). Porto loaded the full 116 KB file.
 */
.col-xl-7,.col-xl-8,.col-xl-11,.col-lg-1,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-9,.col-lg-10,.col-lg-11,.col-md-5,.col-md-6,.col-md-7,.col-md-8{width:100%;flex:0 0 auto}
:root{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-primary: #009aa7;--bs-secondary: #14192a;--bs-success: #47a447;--bs-info: #5bc0de;--bs-warning: #ed9c28;--bs-danger: #d2322d;--bs-light: #f8f9fa;--bs-dark: #1d2127;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
*,*::before,*::after{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}
}
body{margin:0;font-family:Inter, sans-serif;font-size:1.125rem;font-weight:400;line-height:1.2222;color:#777;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:0.25}
hr:not([size]){height:1px}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2}
h1{font-size:calc(1.40625rem + 1.875vw)}
@media (min-width:1200px){h1{font-size:2.8125rem}
}
h2{font-size:calc(1.35rem + 1.2vw)}
@media (min-width:1200px){h2{font-size:2.25rem}
}
h3{font-size:calc(1.321875rem + 0.8625vw)}
@media (min-width:1200px){h3{font-size:1.96875rem}
}
h4{font-size:calc(1.29375rem + 0.525vw)}
@media (min-width:1200px){h4{font-size:1.6875rem}
}
h5{font-size:calc(1.265625rem + 0.1875vw)}
@media (min-width:1200px){h5{font-size:1.40625rem}
}
h6{font-size:1.125rem}
p{margin-top:0;margin-bottom:1rem}
abbr[title],abbr[data-bs-original-title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul{padding-inline-start:2rem}
ol,ul,dl{margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:0.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small{font-size:0.875em}
mark{padding:0.2em;background-color:#fcf8e3}
sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
a{color:#009aa7;text-decoration:none}
a:hover{color:#007b86}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr ;unicode-bidi:bidi-override}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:0.875em;color:#d63384;word-wrap:break-word}
a>code{color:inherit}
kbd{padding:0.2rem 0.4rem;font-size:0.875em;color:#fff;background-color:#212529;border-radius:0.2rem}
kbd kbd{padding:0;font-size:1em;font-weight:700}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:0.5rem;padding-bottom:0.5rem;color:#6c757d;text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role="button"]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[list]::-webkit-calendar-picker-indicator{display:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}
@media (min-width:1200px){legend{font-size:1.5rem}
}
legend+*{clear:left}
::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type="search"]{outline-offset:-2px;-webkit-appearance:textfield}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::file-selector-button{font:inherit}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;cursor:pointer}
progress{vertical-align:baseline}
.lead{font-size:calc(1.265625rem + 0.1875vw);font-weight:300}
@media (min-width:1200px){.lead{font-size:1.40625rem}
}
.container,.container-fluid:where(:not([data-chm-main])){width:100%;padding-right:var(--bs-gutter-x, 15px);padding-left:var(--bs-gutter-x, 15px);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px;--porto-flick-carousel-width: 540px}
}
@media (min-width:768px){.container{max-width:720px;--porto-flick-carousel-width: 720px}
}
@media (min-width:992px){.container{max-width:960px;--porto-flick-carousel-width: 960px}
}
@media (min-width:1310px){.container{max-width:1280px;--porto-flick-carousel-width: 1280px}
}
@media (min-width:1420px){.container{max-width:1280px;--porto-flick-carousel-width: 1280px}
}
.row{--bs-gutter-x: 30px;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) / -2);margin-left:calc(var(--bs-gutter-x) / -2)}
.row>*{flex-shrink:0;max-width:100%;padding-right:calc(var(--bs-gutter-x) / 2);padding-left:calc(var(--bs-gutter-x) / 2);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0%}
.col-3{width:25%}
.col-9{width:75%}
.col-11{width:91.6666666667%}
.col-12{width:100%}
@media (min-width:768px){.col-md-5{width:41.6666666667%}
.col-md-6{width:50%}
.col-md-7{width:58.3333333333%}
.col-md-8{width:66.6666666667%}
}
@media (min-width:992px){.col-lg-1{width:8.3333333333%}
.col-lg-3{width:25%}
.col-lg-4{width:33.3333333333%}
.col-lg-5{width:41.6666666667%}
.col-lg-6{width:50%}
.col-lg-7{width:58.3333333333%}
.col-lg-9{width:75%}
.col-lg-10{width:83.3333333333%}
.col-lg-11{width:91.6666666667%}
}
@media (min-width:1310px){.col-xl-7{width:58.3333333333%}
.col-xl-8{width:66.6666666667%}
.col-xl-11{width:91.6666666667%}
}
.table{--bs-table-bg: transparent;--bs-table-accent-bg: transparent;--bs-table-striped-color: #777;--bs-table-striped-bg: #f9f9f9;--bs-table-active-color: #777;--bs-table-active-bg: #f5f5f5;--bs-table-hover-color: #777;--bs-table-hover-bg: #f5f5f5;width:100%;margin-bottom:1rem;color:#777;vertical-align:top;border-color:#ddd}
.table>:not(caption)>*>*{padding:0.5rem 0.5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}
.table>tbody{vertical-align:inherit}
.table>thead{vertical-align:bottom}
.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}
.form-control{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1.125rem;font-weight:400;line-height:1.2222;color:#777;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;appearance:none;border-radius:0.25rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control{transition:none}
}
.form-control[type="file"]{overflow:hidden}
.form-control[type="file"]:not(:disabled):not([readonly]){cursor:pointer}
.form-control:focus{color:#777;background-color:#fff;border-color:#66afe9;outline:0;box-shadow:0 0 0 0.25rem rgba(0, 154, 167, 0.25)}
.form-control::-webkit-date-and-time-value{height:1.2222em}
.form-control::placeholder{color:#999;opacity:1}
.form-control:disabled,.form-control[readonly]{background-color:#eee;opacity:1}
.form-control::file-selector-button{padding:0.375rem 0.75rem;margin:-0.375rem -0.75rem;margin-inline-end:0.75rem;color:#777;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}
.form-control::-webkit-file-upload-button{padding:0.375rem 0.75rem;margin:-0.375rem -0.75rem;margin-inline-end:0.75rem;color:#777;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{transition:none}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}
textarea.form-control{min-height:calc(1.2222em + 0.75rem + 2px)}
.btn-check{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}
.btn-check[disabled]+.btn,.btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:0.65}
.btn{display:inline-block;font-weight:400;color:#777;text-align:center;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;border-radius:0.25rem}
.btn:hover{color:#777}
.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 0.25rem rgba(0, 154, 167, 0.25)}
.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:0.65}
.btn-group{position:relative;display:inline-flex;vertical-align:middle}
.btn-group>.btn{position:relative;flex:1 1 auto}
.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:1}
.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child){margin-left:-1px}
.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0, 0, 0, 0.125);border-radius:0.25rem}
.card>hr{margin-right:0;margin-left:0}
.form-group{margin-bottom:1rem}
.text-left{text-align:left !important}
.mr-2{margin-right:0.5rem !important}
.ml-3{margin-left:1rem !important}
.pl-4{padding-left:1.5rem !important}
@media (min-width:992px){.pr-lg-3{padding-right:1rem !important}
.pl-lg-4{padding-left:1.5rem !important}
.pr-lg-5{padding-right:3rem !important}
}
.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}
.overflow-hidden{overflow:hidden !important}
.d-block{display:block !important}
.d-flex{display:flex !important}
.d-none{display:none !important}
.shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important}
.shadow-lg{box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.175) !important}
.position-relative{position:relative !important}
.bottom-0{bottom:0 !important}
.border{border:1px solid #dee2e6 !important}
.w-100{width:100% !important}
.h-100{height:100% !important}
.flex-column{flex-direction:column !important}
.flex-wrap{flex-wrap:wrap !important}
.gap-1{gap:0.25rem !important}
.gap-2{gap:0.5rem !important}
.gap-4{gap:1.5rem !important}
.justify-content-start{justify-content:flex-start !important}
.justify-content-end{justify-content:flex-end !important}
.justify-content-center{justify-content:center !important}
.justify-content-between{justify-content:space-between !important}
.align-items-end{align-items:flex-end !important}
.align-items-center{align-items:center !important}
.order-0{order:0 !important}
.order-1{order:1 !important}
.order-2{order:2 !important}
.order-3{order:3 !important}
.order-4{order:4 !important}
.mx-2{margin-right:0.5rem !important;margin-left:0.5rem !important}
.mx-3{margin-right:1rem !important;margin-left:1rem !important}
.mx-auto{margin-right:auto !important;margin-left:auto !important}
.my-2{margin-top:0.5rem !important;margin-bottom:0.5rem !important}
.my-3{margin-top:1rem !important;margin-bottom:1rem !important}
.my-5{margin-top:3rem !important;margin-bottom:3rem !important}
.my-auto{margin-top:auto !important;margin-bottom:auto !important}
.mt-0{margin-top:0 !important}
.mt-2{margin-top:0.5rem !important}
.mt-3{margin-top:1rem !important}
.mt-4{margin-top:1.5rem !important}
.mt-5{margin-top:3rem !important}
.me-3{margin-right:1rem !important}
.mb-0{margin-bottom:0 !important}
.mb-1{margin-bottom:0.25rem !important}
.mb-2{margin-bottom:0.5rem !important}
.mb-3{margin-bottom:1rem !important}
.mb-4{margin-bottom:1.5rem !important}
.mb-5{margin-bottom:3rem !important}
.px-0{padding-right:0 !important;padding-left:0 !important}
.px-2{padding-right:0.5rem !important;padding-left:0.5rem !important}
.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}
.px-5{padding-right:3rem !important;padding-left:3rem !important}
.py-3{padding-top:1rem !important;padding-bottom:1rem !important}
.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}
.py-5{padding-top:3rem !important;padding-bottom:3rem !important}
.pt-0{padding-top:0 !important}
.pt-2{padding-top:0.5rem !important}
.text-start{text-align:left !important}
.text-center{text-align:center !important}
.text-white{color:#fff !important}
.bg-light{background-color:#f8f9fa !important}
.bg-white{background-color:#fff !important}
@media (min-width:768px){.d-md-flex{display:flex !important}
.justify-content-md-between{justify-content:space-between !important}
.align-items-md-start{align-items:flex-start !important}
.mt-md-0{margin-top:0 !important}
.mb-md-2{margin-bottom:0.5rem !important}
.px-md-5{padding-right:3rem !important;padding-left:3rem !important}
.pt-md-4{padding-top:1.5rem !important}
.pe-md-3{padding-right:1rem !important}
.ps-md-3{padding-left:1rem !important}
}
@media (min-width:992px){.d-lg-block{display:block !important}
.d-lg-flex{display:flex !important}
.d-lg-none{display:none !important}
.flex-lg-row{flex-direction:row !important}
.justify-content-lg-start{justify-content:flex-start !important}
.justify-content-lg-center{justify-content:center !important}
.order-lg-0{order:0 !important}
.order-lg-1{order:1 !important}
.order-lg-2{order:2 !important}
.mb-lg-0{margin-bottom:0 !important}
.mb-lg-4{margin-bottom:1.5rem !important}
.px-lg-0{padding-right:0 !important;padding-left:0 !important}
.px-lg-2{padding-right:0.5rem !important;padding-left:0.5rem !important}
.px-lg-3{padding-right:1rem !important;padding-left:1rem !important}
.px-lg-4{padding-right:1.5rem !important;padding-left:1.5rem !important}
.pt-lg-3{padding-top:1rem !important}
.pt-lg-5{padding-top:3rem !important}
.text-lg-start{text-align:left !important}
.text-lg-end{text-align:right !important}
}
@media (min-width:1310px){.px-xl-0{padding-right:0 !important;padding-left:0 !important}
}
.container,.container-fluid:where(:not([data-chm-main])){padding-left:15px;padding-right:15px}

/*
 * Base styles Porto used to supply (Theme Options → Typography / Skin), so content
 * that is not styled by Elementor keeps the same look after the switch.
 */
html {
    overflow-x: hidden;
    /* Porto scaled rem down on phones */
    font-size: calc(16px * var(--porto-mobile-fs-scale, 1));
}

@media (max-width: 575px) {
    :root {
        --porto-mobile-fs-scale: 0.7222;
    }
}

/* Porto's .page-wrapper{overflow:hidden} on phones: nothing may widen the page sideways */
@media (max-width: 767px) {
    body {
        overflow-x: clip;
    }
}

body {
    font-family: Inter, sans-serif;
    font-size: 18px;
    color: #14192a;
}

li {
    line-height: 22px;
}

p {
    margin: 0 0 1.25rem;
}

b,
strong {
    font-weight: 700;
}

/* Porto's global element defaults (theme.css) */
img {
    max-width: 100%;
    height: auto;
    user-select: none;
    -webkit-user-drag: none;
}

embed,
iframe,
object,
video {
    max-width: 100%;
    vertical-align: middle;
}

table { width: 100%; }
table p { margin: 0; }
td, th { padding: 8px; }
dl dd { margin-bottom: 15px; }

blockquote {
    border-left: 5px solid #eee;
    margin: 0 0 1rem;
    padding: 0.5rem 1rem;
    font-size: 1em;
}

hr {
    opacity: 1;
    border: 0;
    height: 1px;
    margin: 1.375rem 0;
}

body a { outline: none !important; }
button { border: 1px solid #ccc; }
input { max-width: 100%; }
textarea { resize: vertical; }
input[type=checkbox], input[type=radio] { margin-right: 5px; }
legend { border: none; }
fieldset legend { margin-top: 15px; }

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email],
input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel],
input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    -webkit-appearance: none;
}

/* Porto's select arrow (images/select-bg.svg), inlined */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='60' viewBox='0 0 30 60'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23333' d='M15.676 33.037l5.102-5.103-.707-1.086-4.49 4.492-4.49-4.492-.702 1.086 5.102 5.103.075.115.02-.02.02.02z'/%3E%3C/svg%3E") right center / 26px 60px no-repeat;
    text-indent: 0.01em;
    border-radius: 0;
    padding-right: 25px;
}

a {
    color: #009aa7;
}

a:hover {
    color: #00b2c1;
}

a:active,
a:focus {
    color: #00838e;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Inter, sans-serif;
    color: #14192a;
}

h1 { font-size: 36px; line-height: 44px; font-weight: 400; margin-bottom: 32px; }
h2 { font-size: 26px; line-height: 40px; font-weight: 700; margin-bottom: 32px; }
h3 { font-size: 22px; line-height: 32px; font-weight: 700; margin-bottom: 20px; }
h4 { font-size: 20px; line-height: 27px; font-weight: 400; margin: 0 0 14px; }
h5 { font-size: 14px; line-height: 18px; font-weight: 600; margin: 0 0 14px; }
h6 { font-size: 14px; line-height: 18px; font-weight: 400; margin: 0 0 14px; }

.sidebar-content .wp-block-search__button {
    color: #fff;
}

@media (max-width: 575px) {
    body { font-size: 13px; }
    li { line-height: 20px; }
    h1 { font-size: 26px; line-height: 40px; }
    h2 { font-size: 18.78px; line-height: 36.36px; }
    h3 { font-size: 15.89px; line-height: 29.09px; }
    h4 { font-size: 14.44px; line-height: 24.55px; }
    h5, h6 { font-size: 10.11px; line-height: 16.36px; }
}

/*
 * Porto utility classes still used in page content (from Porto's theme.css,
 * shortcodes.css and theme_radius.css; usage list: backup/porto-utilities-used.txt).
 */
.size-full { max-width: 100%; height: auto; }
.inline-block { display: inline-block; }
.m-b-sm { margin-bottom: 10px !important; }
.text-md { font-size: 1rem !important; }
.text-sm { font-size: 0.8125rem !important; }
.font-weight-bold { font-weight: 700; }
.align-left { text-align: left; }
.aligncenter { clear: both; display: block; margin: 4px auto 7px; text-align: center; }
.alignleft { float: left; margin: 4px 24px 7px 0; }
.divider { border: 0; height: 1px; margin: 44px auto; text-align: center; position: relative; clear: both; }
.footer { font-size: 0.9em; padding: 0; position: relative; clear: both; }
.container-fluid:where(:not([data-chm-main])) { padding-left: var(--porto-fluid-spacing); padding-right: var(--porto-fluid-spacing); }

/*
 * Porto's #main > .container-fluid wrapper around wide-page content, printed again by
 * functions.php. Zero specificity, so each page's own Elementor CSS still decides:
 * ".page-id-N #main .container-fluid:first-child{padding:0}" or ".container-fluid{padding:0}"
 * lets that page's sections run edge to edge, as on the Porto site.
 */
:where(#main > .container-fluid[data-chm-main]) {
    padding-left: var(--porto-fluid-spacing);
    padding-right: var(--porto-fluid-spacing);
}

@media (max-width: 991px) {
    .container {
        max-width: none;
        padding-left: var(--porto-fluid-spacing);
        padding-right: var(--porto-fluid-spacing);
    }

    .container-fluid .container {
        padding-left: 0;
        padding-right: 0;
    }
}

/*
 * Porto's page wrapper was itself a .container (.container-fluid on wide pages),
 * so .container elements in page content were nested ones.
 */
body:not(.chm-porto-wide) :is(.elementor[data-elementor-type="wp-page"], .elementor[data-elementor-type="wp-post"], .elementor[data-elementor-type="single-post"], .elementor[data-elementor-type="single-page"], .elementor[data-elementor-type="archive"], .elementor[data-elementor-type="error-404"], .elementor[data-elementor-type="search-results"]):not(.elementor *) .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 991px) {
    body.chm-porto-wide .elementor[data-elementor-type="wp-page"]:not(.elementor *) .container {
        padding-left: 0;
        padding-right: 0;
    }
}

.btn { margin: 0; padding: 0.533rem 0.933rem; font-size: 0.8rem; line-height: 1.42857; }
.btn-xl { font-size: 1rem; padding: 0.8rem 2rem; }
.btn-outline { border-width: 2px; }

.btn-primary {
    background-color: #009aa7;
    border-color: #009aa7 #009aa7 #006b75;
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #00bbcb;
    border-color: #00cadb #00cadb #009aa7;
    color: #fff;
}

.form-control {
    border: 1px solid;
    outline: none;
    box-shadow: none;
    text-align: left;
    line-height: 1.42857;
    padding: 8px 12px;
    font-size: 0.85rem;
    vertical-align: middle;
    height: auto;
}

/* Image Boxes converted from Porto Info Boxes keep Porto's featured-box look */
.featured-box {
    position: relative;
    min-height: 100px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    margin: 20px auto;
    text-align: center;
    z-index: 1;
}

.featured-box h4 {
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: -0.7px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.featured-box h2 {
    margin-bottom: 0;
    padding: 10px 0;
}

/*
 * Porto layout parity for Elementor (from Porto's theme_elementor.css and
 * dynamic style). Porto narrowed boxed content by the 30px grid gutter,
 * used 15px column gutters on legacy sections, and switched to a 960px
 * container between 992px and 1309px.
 *
 * Rules that compete with Elementor's own CSS only took effect where Porto's
 * CSS loaded after Elementor's: pages built with Elementor
 * (body.chm-porto-elementor). :where() keeps Porto's original specificity.
 * This block stays above the migrated Customizer CSS, which loaded after it.
 */
:root {
    --porto-grid-gutter-width: 30px;
    --porto-column-spacing: 15px;
    --porto-fluid-spacing: 30px;
    --porto-res-spacing: 15px;
    --porto-container-width: 1280px;
    /* Page content column: Porto's .container minus its padding */
    --chm-col-width: 1250px;
    --chm-col-gutter: 15px;
}

@media (min-width: 769px) and (max-width: 991px) {
    :root {
        --chm-col-gutter: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1309px) {
    :root {
        --porto-container-width: 960px;
        --chm-col-width: 930px;
    }

    :where(body.chm-porto-elementor) .e-con {
        --container-max-width: 960px;
    }

    :where(body.chm-porto-elementor) .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 960px;
    }
}

@media (max-width: 575px) {
    :root {
        --porto-res-spacing: 20px;
        --porto-fluid-spacing: 20px;
    }
}

:where(body.chm-porto-elementor) .e-con {
    --content-width: calc(var(--container-max-width, 1140px) - var(--porto-grid-gutter-width));
}

/*
 * "Stretch" sections break out to the viewport width, also when nested in a
 * narrower container (e.g. inside a Template widget). --porto-scroll-w is the
 * scrollbar width, set by a small script in functions.php as Porto's JS did.
 */
.e-con.porto_stretch_css,
.elementor-section.porto_stretch_css {
    position: relative;
    left: calc(50% - 50vw + var(--porto-scroll-w, 0px) / 2);
    min-width: calc(100vw - var(--porto-scroll-w, 0px));
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*
 * Padding is set through --padding-left/right at low specificity so an element's
 * own padding always wins (Elementor writes it to those variables once
 * porto-functionality is gone; Porto's rule lost to it by load order).
 */
.e-con-boxed.porto_stretch_css {
    --padding-left: var(--porto-fluid-spacing);
    --padding-right: var(--porto-fluid-spacing);
}

.elementor-section {
    display: flex;
    justify-content: center;
}

.elementor-section .elementor-container {
    width: 100%;
}

:where(body.chm-porto-elementor) .elementor-section .elementor-container {
    margin-left: 0;
    margin-right: 0;
}

:where(body.chm-porto-elementor) .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: var(--porto-container-width);
}

:where(body.chm-porto-elementor) .elementor-section > .elementor-column-gap-default {
    margin-left: calc(var(--porto-column-spacing) * -1);
    margin-right: calc(var(--porto-column-spacing) * -1);
    width: calc(100% + var(--porto-grid-gutter-width));
}

:where(body.chm-porto-elementor) .elementor-section > .elementor-column-gap-narrow { margin-left: -5px; margin-right: -5px; width: calc(100% + 10px); }
:where(body.chm-porto-elementor) .elementor-section > .elementor-column-gap-extended { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); }
:where(body.chm-porto-elementor) .elementor-section > .elementor-column-gap-wide { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); }
:where(body.chm-porto-elementor) .elementor-section > .elementor-column-gap-wider { margin-left: -30px; margin-right: -30px; width: calc(100% + 60px); }

:where(body.chm-porto-elementor) .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding: var(--porto-column-spacing);
}

:where(body.chm-porto-elementor) .elementor-section.elementor-section-boxed > .elementor-column-gap-no { max-width: calc(var(--porto-container-width) - var(--porto-grid-gutter-width)); }
:where(body.chm-porto-elementor) .elementor-section.elementor-section-boxed > .elementor-column-gap-narrow { max-width: calc(var(--porto-container-width) - var(--porto-grid-gutter-width) + 10px); }
:where(body.chm-porto-elementor) .elementor-section.elementor-section-boxed > .elementor-column-gap-extended { max-width: calc(var(--porto-container-width) - var(--porto-grid-gutter-width) + 30px); }
:where(body.chm-porto-elementor) .elementor-section.elementor-section-boxed > .elementor-column-gap-wide { max-width: calc(var(--porto-container-width) - var(--porto-grid-gutter-width) + 40px); }
:where(body.chm-porto-elementor) .elementor-section.elementor-section-boxed > .elementor-column-gap-wider { max-width: calc(var(--porto-container-width) - var(--porto-grid-gutter-width) + 60px); }

@media (max-width: 991px) {
    .elementor-section.elementor-section-stretched > .elementor-container {
        padding-left: var(--porto-res-spacing);
        padding-right: var(--porto-res-spacing);
    }
}

.elementor-widget-text-editor p {
    letter-spacing: inherit;
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
}

/*
 * Porto rendered page content inside its .container column; sections
 * flagged "stretch" (.porto_stretch_css) broke out to the full width.
 * Nested documents (header mega menus, embedded templates) are excluded.
 */
body:not(.chm-porto-wide) :is(.elementor[data-elementor-type="wp-page"], .elementor[data-elementor-type="wp-post"], .elementor[data-elementor-type="single-post"], .elementor[data-elementor-type="single-page"], .elementor[data-elementor-type="archive"], .elementor[data-elementor-type="error-404"], .elementor[data-elementor-type="search-results"]):not(.elementor *) > :is(.e-con, .elementor-section):not(.porto_stretch_css):not(.elementor-section-stretched) {
    width: auto;
    margin-inline-start: max(var(--chm-col-gutter), (100% - var(--chm-col-width)) / 2);
    margin-inline-end: max(var(--chm-col-gutter), (100% - var(--chm-col-width)) / 2);
}

/* Porto's .main-content bottom padding on boxed pages */
body:not(.chm-porto-wide) :is(.elementor[data-elementor-type="wp-page"], .elementor[data-elementor-type="wp-post"], .elementor[data-elementor-type="single-post"], .elementor[data-elementor-type="single-page"], .elementor[data-elementor-type="archive"], .elementor[data-elementor-type="error-404"], .elementor[data-elementor-type="search-results"]):not(.elementor *) {
    padding-bottom: 40px;
}

/* Classic (non-Elementor) pages, e.g. /release-notes/: Porto's boxed content column and bottom padding */
body:not(.elementor-page) main#content.site-main {
    width: auto;
    max-width: none;
    margin-inline-start: max(var(--chm-col-gutter), (100% - var(--chm-col-width)) / 2);
    margin-inline-end: max(var(--chm-col-gutter), (100% - var(--chm-col-width)) / 2);
    padding-bottom: 40px;
}

/*
 * Porto "wide" pages (body.chm-porto-wide, set in functions.php): every parent
 * container in the content, loop items included, ran edge to edge with
 * fluid-spacing padding.
 */
body.chm-porto-wide .elementor[data-elementor-type="wp-page"]:not(.elementor *) .e-parent:not(.porto_stretch_css) {
    margin-inline-start: calc(var(--porto-fluid-spacing) * -1);
    margin-inline-end: calc(var(--porto-fluid-spacing) * -1);
    max-width: calc(100% + 2 * var(--porto-fluid-spacing));
    width: calc(100% + 2 * var(--porto-fluid-spacing));
}

/* Stretched ones lost the negative margins but kept the extra width.
 * Low specificity on purpose: under Porto, page CSS such as
 * ".container-fluid .e-parent.porto_stretch_css { width: auto; max-width: none; }" (/all-features/) won over this. */
:where(body.chm-porto-wide .elementor[data-elementor-type="wp-page"]:not(.elementor *)) .e-parent.porto_stretch_css {
    max-width: calc(100% + 2 * var(--porto-fluid-spacing));
    width: calc(100% + 2 * var(--porto-fluid-spacing));
}

/* Padding stays below per-element specificity (see .porto_stretch_css above) */
:where(body.chm-porto-wide .elementor[data-elementor-type="wp-page"]:not(.elementor *)) .e-parent.e-con {
    --padding-left: var(--porto-fluid-spacing);
    --padding-right: var(--porto-fluid-spacing);
}

:where(body.chm-porto-wide .elementor[data-elementor-type="wp-page"]:not(.elementor *)) .e-parent.e-con-full {
    --padding-left: 0;
    --padding-right: 0;
}

:where(body.chm-porto-wide .elementor[data-elementor-type="wp-page"]:not(.elementor *) .e-parent.e-con-full) .e-con-boxed.e-con {
    --padding-left: var(--porto-fluid-spacing);
    --padding-right: var(--porto-fluid-spacing);
}

:where(body.chm-porto-wide .elementor[data-elementor-type="wp-page"]:not(.elementor *)) .elementor-section.elementor-top-section {
    margin-left: calc(var(--porto-fluid-spacing) * -1);
    margin-right: calc(var(--porto-fluid-spacing) * -1);
    padding-left: var(--porto-fluid-spacing);
    padding-right: var(--porto-fluid-spacing);
}

body.chm-porto-wide .elementor[data-elementor-type="wp-page"]:not(.elementor *) .elementor-top-section.elementor-section-full_width > .elementor-column-gap-no {
    margin-left: calc(var(--porto-fluid-spacing) * -1);
    margin-right: calc(var(--porto-fluid-spacing) * -1);
    width: calc(100% + 2 * var(--porto-fluid-spacing));
}

/*
 * Migrated from Customizer → Additional CSS (Porto) on 2026-10-31.
 * Rules that only targeted Porto / WPBakery markup (#header .main-menu, #footer .footer-main,
 * .vc_*, .porto-sicon*, #nav-panel, .retina-logo, .sticky-header, Porto menu-location ids …)
 * were dropped. The original is kept in backup/customizer-additional-css.css.
 */

html,
body {
    width: 100%;
}

#launcher {
    bottom: 200px !important;
}

@media (min-width: 575px) {
    #launcher {
        bottom: 90px !important;
    }
}

@media (min-width: 576px) {
    .awrded-logos {
        width: fit-content;
    }

    .awrded-logos img {
        transition: transform .2s;
        margin-inline: 10px;
    }

    .awrded-logos img:hover {
        transform: scale(1.2);
    }
}

.cli-bar-message {
    width: 100% !important;
}

[dir="rtl"] .cli-bar-btn_container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: auto !important;
}

.cli-bar-btn_container {
    width: 100%;
    text-align: right;
    float: right;
}

@media (min-width: 990px) {
    .sign-up-menu a {
        background-color: #00b4c1;
        color: #fff !important;
        border-radius: 4px;
        margin-right: 15px;
        margin-left: 15px !important;
    }

    .menu-login-btn a,
    .login-btn a {
        border: 1px solid #00b4c1;
        border-radius: 4px;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
}

@media (max-width: 500px) {
    .captera-link img {
        width: 150px;
        height: 49px;
    }
}

.app-android-img img {
    height: 50px;
}

.app-container-imgs img {
    width: 170px;
}

.share-links {
    justify-content: center;
    display: flex;
}

.share-links .share-twitter {
    margin-inline: 15px !important;
}

.share-links .share-youtube {
    margin-inline-end: 15px !important;
}

/*******************/
#features-items .cat {
    display: flex;
    align-items: flex-start;
    color: black;
    padding: 14px 0px 0px;
    border: 1px solid transparent;
    height: auto !important;
}

#features-items .cat img {
    width: 50px;
    height: 50px;
    margin-inline: 2px;
    margin-top: 10px;
}

#features-items h4 {
    margin-bottom: 5px;
    font-weight: bold;
}

.popover.list-features {
    max-width: 600px;
}

.list-features .popover-body {
    margin: 0px !important;
    padding: 0px !important;
}

#features-items .cat:hover {
    border: 1px solid #98E4E9;
    color: black;
    cursor: pointer;
}

.features-link {
    cursor: pointer
}

.required {
    color: #c10000;
    margin-inline-start: 3px;
}

.church-logo h2 {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.slides {
    border-radius: 7px;
    overflow: hidden;
}

.ch-box-shadow .slides {
    box-shadow: -5px -5px 10px #888;
}

@media (min-width: 768px) {
    .ch-features {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (min-width: 1200px) {
    .menu-login-btn {
        margin-left: 100px !important;
    }
}

.post-slide .post-item-title a,
.post-meta .meta-cats a,
.post-content .entry-title a {
    color: #009aa7 !important;
}

.sidebar-content .widget_search .wp-block-search button {
    background-color: #00b4c1;
    border-color: #00b4c1;
}

.sidebar-content .widget_search div.wp-block-search__inside-wrapper {
    height: 40px;
}

[lang="ar"] .sidebar-content .widget_search {
    display: none;
}

.free-subscribtion {
    display: none;
}

.single-post .free-subscribtion {
    display: block !important;
    background-color: #F4F4F4;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.free-subscribtion .free-subscribtion-title {
    color: #000000;
    font-size: 28px;
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#ch-security-img h2 {
    font-weight: bold !important;
}

#ch-security-desc {
    text-align: right;
}

#ch-security-desc a {
    color: #139DAA !important;
    font-weight: bold;
    text-decoration: underline;
}

.monthly-outside,
.yearly-outside {
    font-weight: 600;
}

.blog-qote {
    line-height: 25px;
    font-style: italic;
    color: #dd9470;
    border: 1px solid #b47454;
    padding: 15px;
}

.qote-color {
    color: #dd9470;
}

.long-line-height {
    line-height: 28px;
}

.ch-link {
    color: #009aa7 !important;
    cursor: pointer;
}

.menu-item .flag {
    display: none;
}

.new-feature-badge:after {
    background-color: #fee378;
    color: black;
    padding: 3px 5px;
    border-radius: 5px;
    margin-left: 9px;
    content: "New";
    font-size: 13px;
}

[lang="es-ES"] .new-feature-badge:after {
    content: "Nuevo" !important;
}

[lang="pt-PT"] .new-feature-badge:after {
    content: "Novo" !important;
}

#btn-schedule-demo .btn-borders.btn-success {
    border-color: #009aa7;
    color: #009aa7;
    border-radius: 5px !important;
    font-size: 18px !important;
}

#btn-schedule-demo .btn-borders.btn-success:hover,
#btn-schedule-demo .btn-borders.btn-success:focus {
    background-color: #009aa7 !important;
    border-color: #009aa7 !important;
    color: white;
}

#btn-schedule-demo {
    margin-bottom: 0px !important;
    margin-top: 20px !important;
}

/* Footer */
#footer-menu-toggles ul {
    list-style: none !important;
}

#footer-menu-toggles a {
    color: black;
}

select#optionsDropdown {
    width: 90%;
    margin: auto;
    text-align: left;
    height: 50px;
    color: black;
    background-color: white;
    line-height: 1.2em;
}

figure.elementor-image-box-img {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
}

.action-button.active {
    background-color: var(--e-global-color-text);
}

.action-button.active a {
    color: white !important;
}

/* Footer */
.footer-menu-toggles ul {
    list-style: none !important;
    margin-top: -20px;
    margin-left: -13px;
}

.footer-menu-toggles li {
    margin-bottom: 10px;
}

:lang(ar).footer-menu-toggles ul {
    list-style: none !important;
    margin-top: -20px;
    margin-right: -25px;
}

:lang(ar) div#elementor-tab-title-1951,
:lang(ar) div#elementor-tab-title-1952 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.footer-menu-toggles a {
    color: black !important;
}

.blog-posts {
    z-index: 0;
}

/* fix glitch of polylang */
.cpel-switcher__list {
    display: none;
}

@media (max-width: 767px) {
    a.elementor-item.btn-free-signup {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        color: white !important;
        background-color: rgba(228, 113, 52, 1);
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px
    }

    li.menu-login-btn.menu-item.menu-item-type-custom {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        font-size: 16px;
        font-weight: 700;
        border: 1px solid;
        border-color: #189AAA;
        margin-bottom: 10px;
        border-bottom-width: 1px !important;
    }

    li.menu-login-btn.menu-item.menu-item-type-custom a {
        color: #189AAA !important;
    }

    .elementor-menu-toggle.elementor-active {
        margin-top: 28px;
    }
}

.cpel-switcher__lang a span.cpel-switcher__code,
.cpel-switcher__list span.cpel-switcher__code {
    display: none;
}

.cpel-switcher__list span.cpel-switcher__name {
    display: block;
}

.cpel-switcher__lang a {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.Simple-Line-Icons-arrow-down:before {
    font-size: 12px;
}

nav.cpel-switcher__nav {
    direction: ltr;
}

a.broken_link {
    text-decoration: none !important;
}

/*****Headings******/
:root {
    --heading-font-color: #16303d;
    --hero-font-color: #45565f;
    --body-font-color: #45565f;
    --ch-color: #189AAA;
    --e-global-typography-primary-font-family: Inter,sans-serif;
    --e-global-typography-secondary-font-family: Inter,sans-serif;
    --heading-margin-bottom: 12px;
    --hero-lead-font-size: 19px;
    --body-font-size: 16px;
}

h1,
h2,
h3,
p,
span:not(.vc_icon_element-icon):not(.fa),
.elementor-toc__list-item,
a,
th,
td {
    font-family: var(--e-global-typography-primary-font-family) !important;
}

body:not(.blog-url) h1 {
    font-weight: 800;
    font-size: clamp(34px, 3.8vw, 50px) !important;
    line-height: 1.07 !important;
    letter-spacing: -0.025em;
    color: var(--heading-font-color) !important;
    margin-bottom: 5px;
}

.hero-paragraph p {
    color: var(--hero-font-color) !important;
    font-size: var(--hero-lead-font-size) !important;
    line-height: 1.65;
}

body.blog-url h1 {
    font-weight: 700;
    font-size: 32px !important;
    color: var(--ch-color) !important;
    margin-bottom: 5px;
}

body.comparison-page h1 {
    font-weight: 700;
    font-size: clamp(34px, 3.8vw, 40px) !important;
    color: var(--heading-font-color) !important;
    margin-bottom: 5px;
    font-family: var(--font-family);
}

body:not(.blog-url) h2 {
    font-weight: 800;
    font-size: clamp(28px, 3.4vw, 40px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em;
    color: var(--heading-font-color) !important;
    margin-bottom: 5px;
}

body.blog-url h2 {
    color: var(--heading-font-color);
    font-size: 32px;
    font-weight: 600;
}

body.comparison-page h2 {
    font-weight: 600;
    font-size: clamp(28px, 3.8vw, 35px) !important;
    color: var(--heading-font-color) !important;
    margin-bottom: 5px;
    font-family: var(--font-family);
}

body:not(.blog-url):not(.comparison-page) h3:not(.ch-faq-ctrl *):not(.h3-small *) {
    font-weight: 800;
    font-size: clamp(22px, 2.2vw, 28px) !important;
    line-height: 1.30;
    letter-spacing: -0.015em;
    color: var(--heading-font-color) !important;
    margin-bottom: var(--heading-margin-bottom) !important;
}

body.blog-url h3:not(.ch-faq-ctrl *) {
    color: var(--heading-font-color) !important;
    font-size: 24px;
    font-weight: 600;
}

body.comparison-page h3 {
    color: var(--heading-font-color) !important;
    font-size: 24px;
    font-weight: 600;
}

body:not(.blog-url) .h3-small h3 {
    font-size: 17px !important;
    color: var(--heading-font-color) !important;
    font-weight: 600;
    margin-bottom: 5px;
}

body:not(.blog-url) h4 {
    font-size: 20px !important;
    font-weight: 400;
    margin-bottom: var(--heading-margin-bottom) !important;
}

.elementor-widget-text-editor p,
p,
.elementor-icon-box-title {
    color: var(--body-font-color) !important;
    font-size: var(--body-font-size) !important;
    font-family: var(--e-global-typography-primary-font-family) !important;
    line-height: 1.5 !important;
}

a.btn {
    color: white;
}

.blog-posts a.btn-readmore {
    color: #189AAA;
}

a.btn-orang {
    color: white !important;
}

#footer-start-support a {
    color: white !important;
}

.elementor-toc__list-item {
    font-family: var(--font-family) !important;
}

.share-twitter::before {
    content: "" !important;
    background: url(/wp-content/uploads/2025/07/Untitled-design-2.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 29px;
    height: 29px !important;
    margin-top: 7px !important;
    margin-right: 2px !important;
}

.share-btn {
    padding-inline-end: 10px;
}

#right-side-share-banner {
    position: sticky;
    top: 100px;
}

.banner {
    background: #f4f4f4;
    border-radius: 5px;
    padding: 20px;
    width: 300px;
    margin-top: 20px;
}

.banner h3 {
    color: #222529;
    font-size: 22px;
}

.banner p {
    width: 90%;
    font-size: 18px;
    line-height: 28px;
}

.btn-orang {
    color: white;
    background-color: #E47134;
    border-color: #E47134;
    border-radius: 4px 4px 4px 4px;
    padding: 8px 12px 8px 12px;
    font-weight: bold;
    font-size: 18px;
    min-width: 160px;
}

.btn-orang:hover {
    color: white;
}

#ch-header-desktop li.current-menu-item > a {
    background-color: #189AAA !important;
    color: white !important;
}

.feature-menu-item p {
    margin-bottom: 0px !important;
}

#ch-header-desktop .menu-item a {
    font-weight: 500 !important;
    font-size: 15px !important;
}

html[lang="ar"] .sign-up-menu a,
html[lang="ar"] .menu-login-btn a {
    font-weight: bold !important;
}

/*******Start FAQ**********/
.ch-faq-ctrl summary i:before {
    font-size: 20px;
    font-weight: bold;
}

.ch-faq-ctrl details {
    border: 1px solid #d5d8dc;
    border-radius: 10px;
}

.ch-faq-ctrl summary[aria-expanded="false"] .e-closed svg path,
.ch-faq-ctrl summary[aria-expanded="false"] .e-opened svg path {
    fill: #008B96;
    stroke: #008B96;
    stroke-width: 30;
    stroke-linejoin: round;
}

.ch-faq-ctrl summary[aria-expanded="true"] .e-closed svg {
    transform: rotate(-180deg);
    transition: transform 0.2s ease-in-out;
}

.ch-faq-ctrl summary[aria-expanded="true"] .e-closed .Simple-Line-Icons-arrow-down {
    transform: rotate(-180deg);
    transition: transform 0.2s ease-in-out;
}

.ch-faq-ctrl summary[aria-expanded="false"] .e-closed svg {
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
}

.ch-faq-ctrl summary[aria-expanded="false"] .e-closed .Simple-Line-Icons-arrow-down {
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
}

.ch-faq-ctrl .e-n-accordion-item-title {
    border: 0px !important;
    border-radius: 10px !important;
}

.ch-faq-ctrl summary .e-opened {
    display: none !important;
}

.ch-faq-ctrl summary .e-closed {
    display: flex !important;
}

.ch-faq-ctrl .e-n-accordion-item-title-text {
    font-size: 17px;
    font-weight: 700;
}

.ch-faq-ctrl summary {
    padding: 15px 20px !important;
}
/*******End FAQ**********/

.elementskit-megamenu-panel p.elementor-icon-box-title {
    margin-bottom: 0px !important;
}

/* Lists */
body:not(.blog-url) ul li {
    font-family: Inter,sans-serif !important;
    font-size: var(--body-font-size) !important;
    line-height: 1.6 !important;
}

/* Small paragraphs */
body:not(.blog-url) .p-small p,
body:not(.blog-url) .p-small span {
    font-size: 16px !important;
    font-weight: 400;
    line-height: 1.6 !important;
}

body:not(.blog-url) .p-small b {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Orange buttons */
body:not(.blog-url) .btn-orange a {
    color: #ffffff !important;
    background-color: #f97316 !important;
    border-radius: 5px;
    border-color: #f97316 !important;
}

.elementor-icon-box-icon svg.e-far-check-circle {
    margin-top: 8px;
}

/************************/
.hero-bg {
    background: linear-gradient(rgb(232, 246, 248) 0%, rgb(244, 251, 252) 45%, rgb(255, 255, 255) 100%);
}

/********Reviews section********/
.container-reviews .reviewer-initial-name .elementor-widget-container {
    background-color: rgb(220, 239, 242) !important;
    border-radius: 50%;
}

.container-reviews .swiper-pagination-bullets {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 7px;
}

.container-reviews .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #c6d3d8 !important;
    opacity: 1 !important;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.container-reviews .swiper-pagination-bullet:hover {
    background: #139EAB !important;
}

.container-reviews .swiper-pagination-bullet-active {
    width: 22px !important;
    background: #139EAB !important;
}

.container-reviews .cm-reviews-link {
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    font-size: 16px;
    font-weight: 600;
    color: #14919b;
    text-decoration: none;
    transition: gap .2s ease, color .2s ease;
}

.container-reviews .cm-reviews-link:hover {
    gap: 12px;
    color: #0e6f77;
}

.container-reviews .cm-reviews-link span {
    font-weight: 800;
    -webkit-text-stroke: 0.8px currentColor;
    transition: transform .2s ease;
}

/******no-credit-required*****/
.no-credit-required-lbl {
    margin-top: 12px;
}

.no-credit-required-lbl span {
    font-size: 14px;
    color: rgb(123, 138, 146) !important;
}

/***********/
@media (max-width: 480px) {
    iframe#launcher {
        transform: scale(0.8) !important;
        transform-origin: bottom right !important;
        bottom: 20px !important;
    }
}

/*
 * Blog sidebar (single posts): widget titles and the share/signup banner that
 * used to come from Porto's sidebar.php (+ the Bootstrap helpers it relied on).
 * Spacing and form controls follow Porto's .sidebar / .widget / .form-control rules.
 */
@media (min-width: 992px) {
    .elementor-widget-sidebar.sidebar-content {
        padding-top: 20px;
    }
}

.sidebar-content .widget {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

.sidebar-content .widget:first-child {
    margin-top: 0;
}

.sidebar-content .widget-title,
.sidebar-content .widget h2,
.sidebar-content .widget h3 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin-bottom: 15px !important;
}

/* Porto: body.blog-url h3 (24px/600) with .widget .widget-title's 1.4 line height */
.sidebar-content .widget .widget-title {
    font-size: 24px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    margin-top: 0;
}

.sidebar-content .widget select {
    width: 100%;
}

.sidebar-content input[type="search"],
.sidebar-content .widget select {
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 3px;
    outline: none;
    box-shadow: none;
    padding: 8px 12px;
    font-size: 0.85rem;
    line-height: 1.42857;
    height: auto;
    color: #777;
    background-color: #fff;
    vertical-align: middle;
}

.sidebar-content .widget select {
    border-color: rgba(0, 0, 0, 0.08);
    padding-inline-end: 25px;
    font-size: 0.9em;
}

[dir="rtl"] .sidebar-content .widget select {
    background-position: left center;
    text-align: right;
}

/*
 * Feature cards converted from Porto info boxes to Elementor image boxes: Porto linked
 * the whole card, so stretch the title link over it (only when nothing else in the card links).
 */
.elementor-widget-image-box.featured-box:not(:has(.elementor-image-box-description a)) {
    position: relative;
}

.elementor-widget-image-box.featured-box:not(:has(.elementor-image-box-description a)) .elementor-image-box-title a::after {
    content: "";
    position: absolute;
    inset: 0;
}

.sidebar-content .wp-block-search__button {
    padding: 8px 10px;
    line-height: 1.42857;
    border: 1px solid #00b4c1;
    margin-left: 0;
}

#right-side-share-banner {
    margin-bottom: 1.5rem;
}

#right-side-share-banner .share-btn {
    display: inline-block;
}

#right-side-share-banner .share-btn img {
    width: 50px;
    height: 50px;
}

#right-side-share-banner .d-flex {
    display: flex;
}

#right-side-share-banner .justify-content-between {
    justify-content: space-between;
}

#right-side-share-banner .col-12 {
    width: 100%;
}

#right-side-share-banner .mt-3 {
    margin-top: 1rem;
}

#right-side-share-banner .btn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

#right-side-share-banner .w-100 {
    width: 100%;
}

/*
 * Simple Line Icons (was bundled with Porto). Used by the language switcher,
 * FAQ arrows and a few icon widgets; only the glyphs in use are mapped.
 */
@font-face {
    font-family: "Simple-Line-Icons";
    src: url("fonts/Simple-Line-Icons.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class*=" Simple-Line-Icons-"],
[class^="Simple-Line-Icons-"] {
    font-family: "Simple-Line-Icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.Simple-Line-Icons-people:before { content: "\e001"; }
.Simple-Line-Icons-speedometer:before { content: "\e007"; }
.Simple-Line-Icons-graduation:before { content: "\e019"; }
.Simple-Line-Icons-puzzle:before { content: "\e02d"; }
.Simple-Line-Icons-globe:before { content: "\e037"; }
.Simple-Line-Icons-book-open:before { content: "\e04c"; }
.Simple-Line-Icons-music-tone-alt:before { content: "\e061"; }
.Simple-Line-Icons-like:before { content: "\e068"; }
.Simple-Line-Icons-heart:before { content: "\e08a"; }
.Simple-Line-Icons-lock:before { content: "\e08e"; }
.Simple-Line-Icons-settings:before { content: "\e09a"; }
.Simple-Line-Icons-arrow-down:before { content: "\e604"; }
.Simple-Line-Icons-arrow-up:before { content: "\e607"; }
.Simple-Line-Icons-exclamation:before { content: "\e617"; }

/*
 * Migrated from Porto Theme Options → Custom CSS (mega menu rules only).
 */
.menu-login-btn a {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px !important;
}

.menu .elementor-icon-box-title {
    font-size: 17px !important;
}

.menu .elementor-icon-box-description {
    font-size: 15px !important;
}