/* Fonts */
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjMdZwlou4.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjMdZwlou4.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjMdZwlou4.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjMdZwlou4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYjMdZwl.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjMdZwlou4.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjMdZwlou4.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjMdZwlou4.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjMdZwlou4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYjMdZwl.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjMdZwlou4.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjMdZwlou4.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjMdZwlou4.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjMdZwlou4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v40/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYjMdZwl.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* General */
/* html,
body {
overflow-x: hidden; 
} */
:root {
    --primary-color: #D64933;
    --body-font: 'Open Sans', sans-serif;
    /* --primary-color: #AF0D0D; */
}
body {
background-color: var(--body-bg-color);
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18px;
padding: 0;
margin: 0;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
position: static !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Oswald', sans-serif;
font-weight: 700;
line-height: 1.4;
position: relative;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 15px;
color: #000;
}
h1, .h1 {
font-size: 60px;
}
h2, .h2 {
font-size: 46px;
}
h3, .h3 {
font-size: 30px;
}
h4, .h4 {
font-size: 25px;
}
h5, .h5 {
font-size: 20px;
}
h6, .h6 {
font-size: 15px;
}
p {
font-size: 16px;
line-height: 1.5;
margin-top: 0;
margin-bottom: 16px;
}
#content li{
line-height: 1.7;
}
#content  p strong{
font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
}
p:empty{
display: none;
}
a {
color: #000;
-o-transition: all .5s;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
text-decoration: none;
}
label {
font-size: 14px;
font-weight: bold;
letter-spacing: 0.2px;
color: var(--heading-color);
margin-bottom: 8px;
}
label.small {
font-size: 12px;
font-weight: normal;
font-style: italic;
color: #666666;
}
label.sub {
font-size: 14px;
font-weight: normal;
}
label.sub span {
font-style: italic;
}
h3 a {
color: #000;
text-decoration: none;
}
h3 a:hover {
color: var(--primary-color);
}
a{
color: var(--primary-color);
font-weight: bold;
}
/* Placeholder */
::-webkit-input-placeholder {
color: #666666 !important;
font-weight: normal;
}
::-moz-placeholder {
color: #666666 !important;
font-weight: normal;
}
:-ms-input-placeholder {
color: #666666 !important;
font-weight: normal;
}
:-moz-placeholder {
color: #666666 !important;
font-weight: normal;
}
input::placeholder {
color: #666666 !important;
font-weight: normal;
}
/* Buttons */
.btn {
font-weight: 700;
padding: 5px 24px;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out; 
text-decoration: none !important;  
}
.btn.focus, .btn:focus {
/* outline: 0; */
box-shadow: none;
}
.btn::before, .btn::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.btn-primary {
background-color: var(--primary-color);
border: 2px solid var(--primary-color);
border-radius: 3px;
line-height: 2;
min-width: 160px;
font-size: 18px;
/* height: 50px; */
color: #FFF;
}
.btn-primary:hover{
background-color: #d83319;
border-color: #d83319;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: none;
}
.btn-primary.focus, .btn-primary:focus {
background-color: #d83319;
border-color: #d83319;
box-shadow: none;
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
background-color: #d83319;
border-color: #d83319;
}
.btn-lg {
font-size: 20px;
height: 70px;
}
button:focus:not(:focus-visible) {
box-shadow: none;
}
.mm-button-group label {
margin-right: 5px;
margin-bottom: 12px;
}
/* main */
#main{
    margin-top: 50px;
    margin-bottom: 50px;
}
/* Header */
header {
background-color: rgba(0, 0, 0, 0);
}
header .navbar-top {
background-color: var(--primary-color);
}
header .navbar-brand img{
max-width: 105px;
height: auto;
}
header .navbar-wrapper {
border-bottom: 1px solid rgba(255,255,255,0.3);
display: flex;
align-items: center;
justify-content: space-between;
}
header .navbar {
padding-top: 0;
padding-bottom: 0;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out; 
}

.header-wrapper #header {
width: 100%;
z-index: 100;
top: 0;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
position: absolute;
}
.header-wrapper #header .navbar-brand {
font-family: 'Oswald', sans-serif;
line-height: 1.2;
text-transform: uppercase;
color: #FFF;
margin-top: 10px;
margin-bottom: 10px;
}
.header-wrapper #header .navbar-brand.text span {
font-size: 26px;
font-weight: 700;
}
.header-wrapper #header .navbar-brand.text span span {
display: block;
font-size: 24px;
letter-spacing: 1px;
font-weight: 400;
}
#navbarMain .navbar-nav .nav-link {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
}
#navbarMain .navbar-nav .nav-link .icon {
margin-right: 5px;
}
#navbarMain .navbar-nav .nav-link .icon img {
width: 16px;
height: 16px;
}
#navbarMain .navbar-nav .nav-item:last-child .nav-link {
padding-right: 0;
margin-right: 0;
}
#navbarMain .navbar-nav .nav-item-group {
display: flex;
padding-right: 20px;
}
#navbarMain .navbar-nav .nav-item-group .nav-link {
padding-left: 10px;
padding-right: 10px;
position: relative;
}
#navbarMain .navbar-nav .nav-item-group .nav-link:first-child:after {
position: absolute;
content:"";
width: 1px;
height: 10px;
right: 0;
top: 52%;
transform: translateY(-52%);
background-color: rgba(0, 0, 0, .20);
}
#navbarMain .navbar-nav .nav-link:hover {
color: #FFF;
}
#navbarMain .navbar-nav .nav-link.active, #navbarMain .navbar-nav .show>.nav-link {
color: #FFF;
}
.navbar-toggler {
padding: 0;
border: 0;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
/* outline: none; */
box-shadow: none;
border: 0;
}
.toggler-icon{
width: 30px;
height: 3px;
background-color: #FFF;
display: block;
transition: all 0.2s;
}
.middle-bar{
margin: 5px auto;
}
.navbar-toggler .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggler .middle-bar {
opacity: 0;
filter: alpha(opacity=0);
}
.navbar-toggler .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggler.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggler.collapsed .middle-bar {
opacity: 1;
filter: alpha(opacity=100);
}
.navbar-toggler.collapsed .bottom-bar {
transform: rotate(0);
}
.navbar-toggler.collapsed .toggler-icon {
background-color: #FFF;
}
.dropdown-menu {
border: 1px solid #FFF;
border-radius: 0;
}
.dropdown-menu[data-bs-popper] {
top: 100%;
right: 50px;
left: 28%;
margin-top: 0;
}
.dropdown-toggle.show:after {
transform: rotate(-180deg);
}
.dropdown-menu .container, .dropdown-menu .container-fluid {
padding: 10px 40px;
}
.dropdown-toggle::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
content: "\f078";
border: none;
position: relative;
top: 3px;
}
.dropdown-menu {
border: 1px solid #FFF;
border-radius: 0;
top: calc(100% + 0px);
left: 32%;
right: 50px;
margin-top: 0;
}
.nav-link:hover .dropdown-menu {
top: 100%;
}
.dropdown-menu .mega-content {
position: relative;
}
.dropdown-menu .mega-content::before {
content: "";
position: absolute;
left: 40px;
top: -18px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #ffffff transparent;
z-index: 9999;
display: none;
}
.dropdown-menu .col-title {
font-size: 18px;
line-height: 1.2;
font-weight: bold;
color: var(--primary-color);
}
.dropdown-menu a {
font-size: 14px;
line-height: 1.2;
font-weight: bold;
text-decoration: none;
}
.dropdown-menu h3 {
line-height: 100%;
}
.dropdown-menu h3 a {
font-size: 24px;
line-height: 100%;
padding-top: 20px;
}
.dropdown-menu h3 a span {
display: block;
font-size: 16px;
font-weight: normal;
padding-top: 5px;
color: rgba(0, 0, 0, 0.40);
}
.dropdown-menu h4 {
margin-bottom: 0;
}
.dropdown-menu h4 a {
font-size: 20px;
text-transform: uppercase;
}
.menu-list a {
display: block;
width: 100%;
text-transform: capitalize;
font-size: 14px;
line-height: 100%;
}
.menu-list a span {
display: block;
font-size: 13px;
font-weight: normal;
padding-top: 5px;
padding-bottom: 15px;
color: rgba(0, 0, 0, 0.50);
}
.menu-list a:last-child span {
padding-bottom: 0;
}
.dropdown-menu a:hover {
color: var(--primary-color);
}
.menu-item p {
font-size: 12px;
font-weight: normal;
margin: 5px 5px 0 0;
}
.container, .container-fluid, .container-lg {
padding-right: 50px;
padding-left: 50px;
}
.g-sec {
padding-top: 70px;
padding-bottom: 70px;
}
.m-sec{
    padding-top: 50px;
    padding-bottom: 50px;
}
#slider .form-control, #slider .form-select {
font-weight: 600;
line-height: 1.5;
height: 70px;
padding: 20px 30px;
color: #000;
}
.form-control:focus, .form-select:focus {
box-shadow: none;
}
/* .page-wrapper {
position: relative;
overflow: hidden;
} */
#topbar {
background-color: var(--primary-color);
padding: 16px 0;
color: #FFF;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out; 
}
#topbar a {
/* color: #FFF;s */
font-weight: bold;
text-decoration: none;
}
#topbar .dropdown .shadow ul a {
color: #000;
}
#topbar i {
margin-right: 10px;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out; 
}
#topbar #emergency-alerts {
position: relative;
margin-left: 60px;
}
button#emergency-alerts {
  border: none;
  background: transparent;
  color: #fff;
  outline: 0;
}
#topbar #emergency-alerts:before {
position: absolute;
content: "|";
left: -35px;
top: 50%;
transform: translateY(-50%);
}
#topbar #emergency-alerts i {
margin-left: 10px;
font-size: 14px;
}
#topbar #emergency-alerts[aria-expanded="false"] i.fas:before {
content: "\f078";
}
#topbar #emergency-alerts[aria-expanded="true"] i.fas:before {
content: "\f077";
}
#topbar .navbar {
padding-top: 0;
padding-bottom: 0;
}
#topbar .nav-link {
padding: 0 1rem;
}
#topbar .nav-item:last-child .nav-link {
padding-right: 0;
margin-right: 0;
}
#topbar .dropdown-menu {
min-width: 135px;
top: 35px;
left: 0;
}
#alert-message {
background-color: #FFF;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out; 
}
#alert-message .message {
position: relative;
padding: 16px 0 16px 0;
}
#alert-message .message p {
margin-bottom: 0;
padding: 15px 0;
}
#alert-message .message .close {
position: absolute;
cursor: pointer;
top: 40px;
right: 0;
transform: translateY(-50%);
}
/* Slider */

#slider .item {
position: relative;
background-color: #000;
/* max-height: 100vh;
min-height: 100vh; */
}
/* #slider .item .image-banner{
max-height: 100vh;
min-height: 100vh;
} */
#slider .item img {
width: 100%;
/* max-height: 100vh;
min-height: 100vh; */
object-fit: cover;
object-position: top;
}
#slider .item .slide-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/* background-color: rgb(0 0 0 / 15%); */
background-color: rgba(0, 0, 0, 0.55);
background-image: linear-gradient(0deg, #000000B5 0%, #54545400 70%, #00000000 100%);
display: flex;
align-items: center;
}
#slider .item{
overflow: hidden;
}
#slider .item video {
width: 100%;
/*height: 100%;*/
object-fit: cover;
object-position: top;
/* -moz-transform:scale(1.5);
-webkit-transform:scale(1.5);
-o-transform:scale(1.5);
-ms-transform:scale(1.5);
transform:scale(1.5); */
}
#slider .item .slide-content.dark-bg-2 {
background-color: rgba(0, 0, 0, 0.40);
}
#slider .item .slide-text {
position: relative;
overflow: hidden;
margin-top: 200px;
}
#slider .item .dark-bg-1 .slide-text {
margin-top: 270px;
}
#slider .item .dark-bg-2 .slide-text {
margin-top: 185px;
}
#slider .item .slide-text h1 {
font-weight: 500;
color: #FFFFFF;
margin-bottom: 15px;
}
#slider .item .slide-form {
margin-top: 50px;
}
#slider .item .slide-form p {
font-size: 28px;
font-weight: 600;
letter-spacing: 0.13px;
color: #FFFFFF;
text-shadow: 0px 0px 10px #000000;
margin-bottom: 30px;
}
#slider .item .slide-form i {
font-size: 16px;
padding-left: 5px;
}
#slider .item .slide-quick-links {
margin-top: 45px;
}
#slider .item .slide-quick-links h2 {
position: relative;
font-size: 24px;
color: #FFF;
margin-bottom: 40px;
}
#slider .item .slide-quick-links h2:after {
position: absolute;
content: "";
background-color: var(--primary-color);
margin: 0px auto;
bottom: -20px;
left: 0;
right: 0;
width: 105px;
height: 4px;
}
#slider .item .quick-links {
margin-top: 10px;
margin-bottom: 30px;
display: inline-block;
}
#slider .item .slide-quick-links li {
padding: 0 10px;
}
#slider .item .slide-quick-links li a {
position: relative;
font-size: 18px;
font-weight: 600;
color: #FFF;
text-decoration: none;
}
#slider .item .slide-quick-links li a span {
width: 30px;
display: inline-block;
}
#slider .item .slide-quick-links li a:after {
position: absolute;
content: "";
background-color: var(--primary-color);
left: 0;
bottom: -10px;
width: 0px;
height: 3px;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
}
#slider .item .slide-quick-links li a:hover:after {
width: 99%;
}
#slider .item .slide-quick-links li i {
padding-left: 8px;
font-size: 14px;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
}
#slider .item .slide-quick-links li:hover i {
padding-left: 12px; 
}
/* .section-title p {
margin-bottom: 50px;
} */
#the-court .section-title .description{
  margin-bottom: 50px;
}
.m-sec h2 {
position: relative;
}
.m-sec h2:after {
position: absolute;
content: "";
background-color: var(--primary-color);
margin: 0px auto;
bottom: -20px;
left: 0;
right: 0;
width: 105px;
height: 6px;
}
.m-sec .left h2:after {
right: auto;
}
.g-sec h2 {
position: relative;
margin-bottom: 50px;
}
.g-sec h2:after {
position: absolute;
content: "";
background-color: var(--primary-color);
margin: 0px auto;
bottom: -15px;
left: 0;
right: 0;
width: 105px;
height: 6px;
}
.g-sec .left h2:after {
right: auto;
}
#quick-links h3 {
margin-top: 30px;
}
.quick-link-item {
margin: 20px auto 0;
height: 300px;  
position: relative;
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
}
.quick-link-item h2 {
font-size: 28px;
line-height: 1.2;
margin: 0;
}
.quick-link-item h3 {
position: absolute;
margin: 0px auto;
left: 0;
right: 0;
bottom: 0px;
}
.quick-link-item h2 a {
color: #FFF;
text-decoration: none;
}
.quick-link-item .front img {
width: 90px;
height: 90px;
}
.quick-link-item .front,
.quick-link-item .back {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.quick-link-item .front a, .quick-link-item .back a {
color: #FFF;
}
.quick-link-item .back i {
font-size: 24px;
}
.quick-link-item .back a i {
font-size: 20px;
}
.quick-link-item .front {
background-color: #BDD5EA;
border-radius: 50%;
height: inherit;
position: absolute;
width: 230px;
height: 230px;
padding: 30px;
top: 0;
left: 0;
right: 0;
margin: 0px auto;
z-index: 900;
text-align: center;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
margin-bottom: 30px;
}
.quick-link-item .back {
background-color: var(--primary-color);
border-radius: 50% !important;
height: inherit;
position: absolute;
width: 230px;
height: 230px;
padding: 30px;
top: 0;
left: 0;
right: 0;
margin: 0px auto;
z-index: 1000;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
color: #FFF;
}
.quick-link-item.flip .front {
z-index: 900;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.quick-link-item.flip .back {
z-index: 1000;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
}
.quick-link-item img {
width: 232px;
height: 232px;
object-fit: cover;
}
#the-court {
background-color: #F5F5F5;
}
#the-court a{
    line-height: 1.4;
}
#the-court .container a{
    font-size: 20px;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
}
.variant-small .card-overlay{
    padding: 0 15px;
}
.court-feat {
position: relative;
overflow: hidden;
border: none;
border-radius: 0;
}
.card-title {
position: absolute;  
bottom: -8px;
width: 100%;
padding: 20px 40px;
background-color: var(--primary-color);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.card-title h3 {
font-size: 28px;
margin-bottom: 0;
line-height: 1.2;
}
.card-title h3 a {
color: #fff;
font-size: 28px;
}
.card-overlay h4 {
font-size: 28px;
position: relative;
margin-bottom: 50px;
color: #fff;
}
#h-resource .card-overlay h4 {
font-size: 20px;
}
#h-resource .card-title h3 a {
  font-size: 20px;
}
#h-resource .card-title h3 {
font-size: 20px;
}
.card-overlay h4 a {
color: #fff;
text-decoration: none;
}
.card-overlay h4:after {
position: absolute;
content: "";
background-color: var(--primary-color);
margin: 0px auto;
bottom: -20px;
left: 0;
right: 0;
width: 105px;
height: 4px;
}
.card-overlay {
position: absolute;  
top: 0;
width: 100%;
height: 100%;
/* padding: 30px 40px; */
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
background-color: black;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
color: #FFF;
/* transform: translateY(100%); */
}
.card-overlay-content {
  padding: 30px 40px;
  margin: 20px 0;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
.flip-top .card-overlay{
    transform: translateY(100%);
}
.flip-down .card-overlay{
    transform: translateY(-100%);
}
.flip-down .card-title{
    bottom: initial;
    top: 0;
}
.flip-left .card-overlay{
    transform: translateX(-100%);
}
.flip-right .card-overlay{
    transform: translateX(100%);
}
.court-feat:hover .card-overlay {
transform: translateY(0%);
}
.court-feat:hover .card-title {
transform: translateY(100%);
}
/* LATEST NEWS */
#latest-news {
background-color: #000;
position: relative;
}
#latest-news h2 {
color: #FFF;
}
#latest-news:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.60);
z-index: 0;
}
#latest-news .card {
border: none;
border-radius: 0;
}
#latest-news .card-image {
min-height: 240px;
}
#latest-news .card-image img {
width: 100%;
height: 350px;
object-position: top;
object-fit: cover;
opacity: 0.9;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
}
.card.latest-news .card-image img{
  width: 100%;
  height: 350px;
  object-position: top;
  object-fit: cover;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  }
#latest-news .card-body {
text-align: center;
padding: 40px 40px 25px 40px;
}
#latest-news .card-body h3 {
font-size: 26px;
line-height: 1.2;
margin-bottom: 25px;
}
#latest-news .card-footer {
background-color: #FFF;
border: none;
padding: 0 40px 40px;
}
#latest-news .card-footer a {
font-size: 18px;
text-transform: uppercase;
color: var(--primary-color);
font-weight: bold;
text-decoration: none;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
}
#latest-news .card-footer a span {
padding-left: 10px;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
}
#latest-news .card-footer a i {
font-size: 16px;
}
#latest-news .card-footer a:hover span {
padding-left: 14px; 
}
#latest-news .latest-news-wrapper {
position: relative;
z-index: 1;
}
#latest-news .card:hover img {
opacity: 1;
}
.sec-link {
margin-top: 90px;
}
#latest-press-release .left {
position: relative;
}
#latest-press-release .card {
border: none;
}
#latest-press-release .card .card-body {
  border: 1px solid rgba(112,112,112,0.5);
  border-radius: 0;
  border-top: 0;
}
#latest-press-release .card-image {
min-height: 300px;
}
#latest-press-release .card-image img {
width: 100%;
height: 340px;
object-fit: cover;
opacity: 0.9;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
min-height: 250px;
}
#latest-press-release .post-info {
color: rgba(21,21,21,0.5);
margin-bottom: 20px;
}
#latest-press-release .card-body {
padding: 40px;
}
#latest-press-release .card-body h3 {
font-size: 26px;
line-height: 1.2;
margin-bottom: 10px;
}
#latest-press-release .sec-link {
position: absolute;
top: 0;
right: 0;
margin: 20px 0;
}
#latest-press-release .sec-link a {
font-size: 18px;
text-transform: uppercase;
color: #000;
font-weight: bold;
text-decoration: none;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
}
#latest-press-release .sec-link a:hover {
color: var(--primary-color);
}
#latest-press-release .sec-link a span {
padding-left: 15px;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
}
#latest-press-release .sec-link a i {
font-size: 16px;
}
#latest-press-release .sec-link a:hover span {
padding-left: 14px; 
}
#latest-press-release .card:hover img {
opacity: 1;
}
#footer .navbar-brand {
font-family: 'Oswald', sans-serif;
line-height: 1.2;
text-transform: uppercase;
color: #000;
}
#footer .navbar-brand img {
height: 90px;
}
#footer .navbar-brand.text span {
font-size: 26px;
font-weight: 700;
}
#footer .navbar-brand.text span span {
display: block;
font-size: 24px;
letter-spacing: 1px;
font-weight: 400;
}
#footer li {
/* margin-bottom: 28px; */
margin-bottom: 10px;
line-height: 1.4;
}
#footer li a {
color: #000;
text-decoration: none;
}
#footer li a:hover {
color: var(--primary-color);
}
#footer .social-linkedin {
  background-color: #0077b5;
}
#footer .social-icon {
font-size: 14px;
color: #fff;
height: 30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-top: 15px;
}
#footer .social-icon i {
transition: 0.4s all
}
#footer .social-icon:hover i {
transform: scale(1.4);
color: #fff;
}
#footer .social-facebook {
background-color: #3b5999
}
#footer .social-twitter {
background-color: #55acee
}
#footer .social-youtube {
background-color: #dd4b39
}
.border-top {
border-top: 1px solid #b7b7b7!important;
}
#feedback-btn a {
top:60%;
position:fixed;
right:-40px;
z-index: 301;
transform: rotate(-90deg);
background-color: var(--primary-color);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding:10px 20px 30px;
height: 0px;
color:#fff;
box-shadow: 0 2px 10px rgb(0 0 0 / 30%);
z-index: 12;
}
#feedback-btn a:hover{
background-color: #d83319;
text-decoration: none;
color:#fff;
}
.card-block {
background-color: whitesmoke;
padding: 60px;
margin-bottom: 60px;
}
.card-page-link h2 {
font-size: 24px;
}
.card-page-link p {
font-weight: normal;
}
.card-page-link .card-header {
background-color: transparent;
}
.card-page-link .card-body {
padding: 2rem;
}
.card-page-link p:last-child {
margin-bottom: 0;
}
.content-block {
margin-top: 30px;
margin-bottom: 60px;
}
.content-block h2 {
margin-bottom: 30px;
}
.content-block ul {
margin-bottom: 30px;
}
.sidebar-panel {
box-shadow: 0 0 18px -4px rgb(0 0 0 / 20%);
}
.panel-title {
font-size: 1.25rem;
background-color: var(--primary-color);
padding: 15px 25px;
color: #FFF;
margin-bottom: 8px;
}
.panel-content {
padding: 5px 20px 10px 28px;
}
.sidebar-panel .panel-content {
  padding: 5px 20px 10px 10px;
}
.panel-list {
padding: 0;
margin-bottom: 0;
}
.panel-list li {
position: relative;
padding: 6px 0 6px 0;
list-style-type: none;
border-bottom: 1px solid #d9d9d9;
}
.panel-list li:last-child {
border-bottom: none;
}
.panel-list li a {
padding: 0.5rem 0;
font-size: 16px;
line-height: 1.5;
color: #000;
}
.panel-list li a:hover {
color: var(--primary-color);
}
.alert .fontawesome-icons {
margin-right: 20px;
}
.alert {
padding: 1.5rem 2rem;
margin-bottom: 30px;
}
.alert strong {
margin-bottom: 5px;
font-size: 18px;
line-height: 24px;
}
.alert p {
margin-bottom: 0;
}
#jurors-details .accordion-button {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
}
.basic_page img, #body img, #text_editor img {
max-width: 100%;
height: auto;
}
#judge_detail table.table th {
  padding: 0;
}
#judge_detail table.table tr td{
  width: 50%;
}
#judge_detail table.table tr.odd {
  background: #fff;
}
#judge_detail table.table tr td:first-child {
  font-weight: bold;
}
@media (max-width: 991.98px) {
  .video-banner{
    display: none;
  }
  .navbar-sticky-on{
    position: relative !important;
  }
    .header-wrapper #header {
        background: var(--primary-color);
        border: none;
        border-top: 1px solid rgba(255,255,255,0.3);
    }
    /* .navbar-sticky-on.header-wrapper #header{
    padding-top: 15px;
    } */
    #navbarMain .navbar-nav {
        background-color: #000;
        padding: 15px 20px;
        max-height: 60vh;
        overflow-y: auto;
    }
    #navbarTop .dropdown-menu {
        position: absolute;
    }
    .topbar-left strong {
        display: none;
    }
   
    #slider .item {
        min-height: 850px;
    }
    #slider .item .slide-quick-links li {
        padding: 0 10px 20px;
    }
    #slider .item .slide-form p {
        font-size: 18px;
    }
    header .nav-item {
        position: relative !important;
        width: 100%;
    }
    .dropdown-toggle.show::after {
        position: absolute;
        right: 0;
    }
    .header-wrapper #header .navbar-brand {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .header-wrapper #header .navbar-brand.logo {
        margin-right: 0;
    }
    #header .navbar-nav {
      text-align: left;
    }
    #navbarTop .dropdown-toggle::after {
        top: 0;
    }
    #topbar .nav-item:last-child .nav-link {
        padding-right: 2rem;
    }
    #topbar, #alert-message .message p {
        font-size: 12px;
    }
    #topbar {
        padding: 8px 0;
    }
    #topbar #emergency-alerts {
        margin-left: 0;
    }
    #topbar #emergency-alerts i {
        margin-left: 5px !important;
        position: relative;
        top: 1px;
    }
    #topbar #emergency-alerts:before {
        display: none;
    }
    #topbar i {
        margin-right: 5px;
    }
    #topbar .dropdown-menu {
        min-width: 100px;
    }
    #header .navbar-nav {
        align-items: left;
    }
    #header .navbar-nav {
        width: 100%;
    }
    div#block-mainmenu-2 {
        margin-bottom: 15px;
    }
    #navbarMain .dropdown-toggle::after {
        font-size: 12px;
        position: absolute;
        right: 0;
        top: 9px;
    }
    #slider .item .slide-text h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px !important;
    }
    h3 {
        font-size: 32px;
        text-transform: inherit;
    }
    .g-sec {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .dropdown-wrapper {
        padding: 10px 20px;
    }
    .dropdown-sm-col {
        margin-top: 30px;
    }
}
@media (max-width: 767.98px) {
    header .navbar-brand img {
        height: 50px;
    }
    .header-wrapper #header .navbar-brand.text span {
        font-size: 16px;
    }
    .header-wrapper #header .navbar-brand.text span span {
        font-size: 14px;
    }
}
@media (max-width: 575.98px) {
    header .navbar-brand img {
        height: 50px;
    }
    .header-wrapper #header .navbar-brand.text span {
        font-size: 16px;
    }
    .header-wrapper #header .navbar-brand.text span span {
        font-size: 14px;
    }
    #topbar i {
        margin-right: 0;
    }
    #topbar #emergency-alerts i {
        margin-left: 5px;
        font-size: 12px;
    }
    .dropdown-toggle::after {
        /* top: 5px; */
        font-size: 12px;
    }
    #topbar .nav-link {
        padding: 0;
    }
    #navbarMain .navbar-nav .nav-link {
        font-size: 14px;
    }
}
@media (min-width: 992px) {
    .navbar-nav {
        padding: 0;
    }
    #navbarMain .navbar-nav .nav-link {
        padding: 40px 10px 50px 10px;
        margin-left: 12px;
        margin-right: 12px;
        border-bottom: 5px solid transparent;
    }
    #navbarMain .navbar-nav .nav-link.show {
        border-bottom: 5px solid var(--primary-color);
    }
    .dropdown-wrapper {
        padding: 30px 40px;
    }
    .dropdown-wrapper p {
        padding-right: 12px;
    }
    .dropdown-sm-col {
        border-left: 1px solid #dee2e6!important;
    }
}
@media (min-width:2560px) {
    body, p {
        font-size: 28px;
    }
    h1, .h1 {
        font-size: 80px;
    }
    h2, .h2 {
        font-size: 46px;
    }
    h3, .h3 {
        font-size: 34px;
    }
    h4, .h4 {
        font-size: 25px;
    }
    h5, .h5 {
        font-size: 20px;
    }
    h6, .h6 {
        font-size: 15px;
    }
    p {
        font-size: 28px;
    }
    /*.container-fluid {*/
    /*    max-width: 95%;*/
    /*}*/
    #navbarMain .navbar-nav .nav-link {
        font-size: 28px;
        margin-right: 0;
        padding-right: 0;
        padding: 90px 40px;
    }
    .dropdown-menu .container, .dropdown-menu .container-fluid {
        padding: 30px 80px;
    }
    .dropdown-menu .col-title {
        font-size: 30px;
    }
    .dropdown-menu a {
        font-size: 28px;
    }
    .dropdown-menu h4 a {
        font-size: 26px;
    }
    .menu-item p {
        font-size: 24px;
        margin: 15px 5px 0 0;
    }
    #navbarTop li ul li {
        margin: 20px;
    }
    #topbar #emergency-alerts i, .dropdown-toggle::after {
        font-size: 24px;
    }
    #topbar .dropdown-menu {
        min-width: 210px;
    }
}
@media (min-width:5120px) {
    body, p {
        font-size: 32px;
    }
    #topbar {
        padding: 30px 0;
    }
    #alert-message .message {
        padding: 25px 30px 25px 0;
    }
    #topbar #emergency-alerts i, .dropdown-toggle::after {
        font-size: 28px;
    }
    .container-fluid {
        max-width: 70%;
    }
    div#main.container-fluid {
        max-width: 100%;
    }
    .form-control, .form-select {
        font-size: 26px;
        padding: 20px 40px;
    }
    .btn {
        padding: 15px 40px;
    }
    #slider .item img, #slider .item video {
        height: 1200px;
    }
    #slider .item .slide-form p {
        font-size: 36px;
    }
    #slider .item .slide-form {
        max-width: 800px;
    }
    h1, .h1 {
        font-size: 100px;
    }
    h2, .h2 {
        font-size: 74px;
    }
    h3, .h3 {
        font-size: 60px;
    }
    h5, .h5 {
        font-size: 40px;
    }
    .btn-primary {
        line-height: 2;
        font-size: 42px;
        height: auto;
    }
    .btn-lg {
        font-size: 30px;
        height: 100px;
    }
    #slider .item .slide-form i {
        font-size: 24px;
    }
    #navbarMain .navbar-nav .nav-link {
        font-size: 36px;
    }
    .dropdown-wrapper {
        padding: 60px 80px;
    }
    .dropdown-menu[data-bs-popper] {
        right: 6%;
        left: 55%;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 5040px;
    }
    .judge-image {
        height: 618px;
        overflow: hidden;
        margin-bottom: 30px;
    }
    .judge-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .g-sec {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    #slider .item .slide-quick-links h2 {
        font-size: 32px;
    }
    .mb-4 {
        margin-bottom: 3rem!important;
    }
    .dropdown-menu .col-title {
        font-size: 42px;
    }
    .dropdown-menu a {
        font-size: 32px;
    }
    .dropdown-menu h3 a {
        font-size: 38px;
    }
    .dropdown-menu h4 a {
        font-size: 36px;
    }
    .menu-list a span, .dropdown-menu h3 a span, #slider .item .slide-quick-links li a, #latest-press-release .sec-link a, #latest-press-release .sec-link a i {
        font-size: 30px;
    }
    #latest-press-release .sec-link {
        top: 20px;
    }
    #slider .item .slide-quick-links li i {
        font-size: 22px;
    }
    #navbarMain .navbar-nav .nav-link {
        margin-right: 0;
        padding-right: 0;
        padding: 120px 40px;
    }
    header .navbar-brand img {
        height: 200px;
        margin-right: 20px;
    }
    .header-wrapper #header .navbar-brand.text span {
        font-size: 60px;
    }
    .header-wrapper #header .navbar-brand.text span span {
        font-size: 58px;
    }
    .dropdown-menu .container, .dropdown-menu .container-fluid {
        padding: 30px 80px;
    }
    .menu-item p {
        font-size: 24px;
        margin: 15px 5px 0 0;
    }
    #navbarTop li ul li {
        margin: 20px;
    }
    #topbar .dropdown-menu {
        min-width: 240px;
    }
    #feedback-btn a {
        right: -80px;
        padding: 60px 40px 80px;
        font-size: 50px;
    }
    .quick-link-item {
        height: 620px;
    }
    .quick-link-item .front, .quick-link-item .back {
        width: 500px;
        height: 500px;
    }
    .quick-link-item .front img {
        width: 48%;
        height: 48%;
    }
    .quick-link-item .back i {
        font-size: 60px;
    }
    .quick-link-item .back a i {
        font-size: 50px;
        margin-bottom: 40px;
    }
    .g-sec .section-title.left {
        width: 100%;
    }
    .card-title {
        padding: 60px 40px;
    }
    #latest-news .card-body {
        padding: 80px 60px 45px 60px;
    }
    #latest-press-release .card-body {
        padding: 80px;
    }
    #latest-press-release .card-body h3 {
        margin-bottom: 30px;
    }
    #latest-news .card-footer {
        padding: 0 50px 80px;
    }
    #latest-news .card-footer a {
        font-size: 40px;
    }
    #latest-news .card-footer a i {
        font-size: 36px;
    }
    #latest-news .card-footer a:hover span {
        padding-left: 14px;
    }
    .form-control, .form-select {
        height: 100px;
    }
    #footer .navbar-brand img {
        height: 200px;
        margin-right: 20px;
    }
    #footer .navbar-brand.text span {
        font-size: 60px;
    }
    #footer .navbar-brand.text span span {
        font-size: 58px;
    }
    #footer .social-icon {
        width: 80px;
        height: 80px;
    }
    #footer .social-icon {
        font-size: 32px;
    }
}
@media (min-width: 1024px) and (max-width: 1365.98px) {
    #navbarMain .navbar-nav .nav-link {
        padding: 54px 0px 54px 0px !important;
    }   
    .header-wrapper.navbar-sticky-on #navbarMain .navbar-nav .nav-link {
      padding: 30px 0px 30px 0px !important;
    }   
    .header-wrapper.navbar-sticky-on .dropdown-menu {
      left: 20%;
    }
    /* .header-wrapper #header .navbar-brand.text {
        display: none;
    } */
    #navbarMain .navbar-nav .nav-link {
        font-size: 14px;
    }
    .card-title {
        padding: 20px;
    }
    .card-title h3, .card-overlay h4 {
        font-size: 26px;
    }
    .card-overlay {
        padding: 30px 25px;
    }
    .card-overlay h4 {
        margin-bottom: 30px;
    }
    .card-overlay p {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 0;
    }
    .card-overlay .btn-primary {
        font-size: 14px;
    }
    #latest-news .card-image, #latest-press-release .card-image {
        min-height: auto;
    }
}

/* custom */
.page footer .row.pb-5 hr{
    display: none;
}
span.emergency-alerts-title {
    font-weight: bolder;
}
/* FEEDBACK FORM */
.feedback-form{
    padding: 40px 50px;
}
.feedback-form h2{
    text-align: center;
}
.webform-feedback label{
    padding-right: 10px;
}
.webform-feedback .send{
    text-align: center;
}
/* .modal {
    overflow-y : hidden !important;
}  */
.modal-backdrop{
    opacity: 0.7 !important;
}
.modal-open{
    padding-right: 0 !important;
}
.feedback-form .modal-header{
    padding: 0;
    border-bottom: none;
}
.feedback-form .modal-body{
    padding: 0;
}
/* LATEST NEWS */
#latest-news .card {
    height: 100%;
}
.news-title {
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#latest-press-release .card {
    height: 100%;
}
/* .court-feat .image{
  height: 430px;
} */
.court-feat img.img-fluid {
  height: 430px;
  object-fit: cover;
  width: 100%;
}
#block-courtsectionjurors .court-feat img.img-fluid {
  height: 300px !important;
}
.topbar-left{
  display: flex;
  align-items: center;
}
/* ACCOUNTABILITY COURT */
.page_banner{
    background-repeat: no-repeat;
    padding: 207px 0px 86px;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.page_banner h1{
    text-align: center;
    color: #ffffff;
}
.page_banner h1 a{
    color: #fff;
    font-size: 47px;
}
.page_banner .overlay {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  top: 0;
}

#img-with-description .section-img .image{
    position: relative;
}
#img-with-description .section-img .image .address{
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    background-color: rgb(0 0 0 / 42%);
    text-align: center;
    padding: 40px 0 25px;
} 
#img-with-description .section-img .image .address p{
    font-size: 15px;
    margin-bottom: 3px;
    padding: 0 10px;
}
#img-with-description h2{
    text-transform:none;
    font-size: 35px;
    font-weight: 500;
}
#programs-and-services .m-sec h2{
    font-weight: 500;
}
#programs-and-services .g-sec h2{
    font-weight: 500;
}
#programs-and-services h6{
    text-transform: none;
    font-size: 18px;
    text-transform: none;
    font-weight: 500;
}
#programs-and-services .m-sec h2:after {
    height: 6px;
    bottom: -35px;
}
#programs-and-services .g-sec h2:after {
    height: 6px;
    bottom: -35px;
}
#programs-and-services .program-panels .links-svg svg{
    width: 30px;
    height: 30px;
    margin-right: 16px;
}
#programs-and-services .program-panels{
    padding-left: 40px;
}
#programs-and-services .panel{
    padding: 0;
    margin-bottom: 25px;
}
/* #programs-and-services .accordion-button::after{
    display: none;
}
#programs-and-services .accordion-button:not(.collapsed)::after {
    display: none;
}
#programs-and-services .panel-heading{
    background-color: #bdd5ea;
    border-color: #bdd5ea;
    border-radius: 0;
}
#programs-and-services .accordion-button::before{
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    transition: transform .2s ease-in-out;
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    padding-right: 30px;
    vertical-align: middle;
    font-weight: 900;
    transition: transform .8s ease-in-out;
}
#programs-and-services .accordion-button:not(.collapsed)::before {
    content: "\f068";
}
#programs-and-services .accordion-button{
    font-size: 16px;
    font-weight: 500;
    color: var(--heading-color);
    padding: 14px 30px;
    border: none !important;
}
#programs-and-services .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#programs-and-services .accordion-item {
    border: none;
} */
#programs-and-services #body .body-1 ul{
    list-style: none;
    padding: 0;
    padding-bottom: 5px;
}
#programs-and-services #body .body-1 ul li{
    display: flex;
    margin: 20px 0;
    line-height: 25px;
    font-size: 16px;
    align-items: baseline;
}
#programs-and-services #body-field .body ul li{
    list-style: none !important;
    display: flex;
    margin: 20px 0;
    line-height: 25px;
    font-size: 16px;
    align-items: baseline;
}
#programs-and-services #body .body-1 ul li:before, #programs-and-services #body-field .body ul li:before{
    content: '';
    display: block;
    background-image: url('../images/tick.svg');
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    margin-right: 12px;
    top: 3px;
    position: relative;
  }
  #programs-and-services #body .body-1  ul li:last-child::before  {
    width: 19px;
  }
#programs-and-services #body .body-1  ul li svg{
    margin-right: 12px;
}
.links-svg {
    padding: 14px 25px;
    background-color: #bdd5ea;
    border: 3px solid #bdd5ea;
    display: flex;
    align-items: center;
}
.links-svg h3{
    font-size: 17px;
    font-weight: 500;
    color: var(--heading-color);
    margin: 0;
    text-transform: none;
}
/* #programs-and-services .links-lists{
    list-style: none;
    padding: 1rem 1.25rem;
    border: 3px solid #bdd5ea;
    border-top: 0;
    background-color: #f5f5f5;
} */
 .links-lists li{
    padding-bottom: 10px;
}

/* our-judges */
#program-judges{
    margin-top: 50px;
    background-color: #f5f5f5;
}
#our-judges h2::after{
    right: 0 !important;
    bottom: -14px !important;
}
#our-judges .our-judge{
    padding: 0 5px;
}
#our-judges .our-judge h4{
    font-size: 28px;
    text-transform: none !important;
}
#our-judges .our-judge .judge-title{
    padding: 15px 25px;
    background-color: #fff;
    text-align: center;
}
#our-judges .notice{
    color: var(--primary-color);
}
#our-judges .notice p{
    margin: 0;
    font-size: 16px;
}
#our-judges .our-judge-image {
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
}
#our-judges.fc-col-three .our-judge-image, #our-judges.fc-col-three .our-judge-image img {
    width: 414px;
    height: 414px;
}
#our-judges.fc-col-four .our-judge-image, #our-judges.fc-col-four .our-judge-image img {
    width: 302px;
    height: 302px;
}
.has-sidebar #our-judges.fc-col-three .our-judge-image, .has-sidebar #our-judges.fc-col-three .our-judge-image img {
    width: 271px;
    height: 271px;
}
.has-sidebar #our-judges.fc-col-four .our-judge-image, .has-sidebar #our-judges.fc-col-four .our-judge-image img {
    width: 187px;
    height: 187px;
}
.description span{
    color: var(--primary-color);
}


/* Judges */
#superior_judges {
    padding: 0 0 50px;
  }
#superior_judges .row{
    justify-content: center;
}
  #superior_judges .judges {
    padding: 0;
    margin-bottom: 25px;
    box-shadow: none;
    border: none;
    max-height: 400px;
    background: none;
    overflow: hidden;
  }
  #superior_judges .judge_image {
    text-align: center;
    margin: 20px 0;
  }
  #superior_judges .judge_image img {
    object-fit: cover;
    width: 100%;
    height: 310px;
  }
  #superior_judges .card-body p {
    margin-bottom: 5px;
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
  }
  #superior_judges .card-body {
    min-height: 148px;
    position: absolute;
    background-color: var(--primary-color);
    width: 100%;
    left: 0;
    right: 0;
    margin: 0px auto;
    bottom: -102px;
    color: #fff;
    padding: 25px;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
  }
  #superior_judges .judges:hover .card-body {
    bottom: 0;
  }
  #superior_judges .readmore_link {
    color: #fff;
    margin-top: 10px;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
    font-weight: bold;
  }
  #superior_judges .readmore_link i {
    padding-left: 5px;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    margin-top: 10px;
    display: inline-block;
  }
  #superior_judges .readmore_link:hover i {
    padding-left: 10px;
  }
  #superior_judges h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
  }
  /* #judge_detail {
    padding: 20px 15px;
  } */
  .judge_body h3 {
    margin-bottom: 15px;
    font-size: 18px;
    background: var(--primary-color);
    color: white;
    padding: 6px 15px;
  }
  .judge_body ul {
    margin-bottom: 30px;
    padding-left: 20px;
  }
  .judge_body ul li {
    list-style-type: square;
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 5px;
  }
  .judge_sidebar .judge_image {
    text-align: center;
  }
  .sticky-top {
    top: 150px;
    z-index: 0;
  }
  .judge_name {
    padding: 10px 0;
    text-align: center;
    margin-top: 20px;
  }
  .judge_name h2 {
    margin: 0;
    font-size: 25px;
  }
  .judge_body p {
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 0;
  }
  .cheif_judge {
      margin-bottom: 40px;
  }
  .cheif_judge .card {
    background-color: var(--primary-color)
  }
  .cheif_judge .card-body {
    padding: 0 !important;
  }
  .cheif_judge .card-body h3,
  .cheif_judge .card-body p,
  .cheif_judge .card-body a {
    color: #fff;
  }
  .cheif_judge .card-body .section_image {
    /* width: 300px; */
    height: 290px;
    /* border-radius: 50%; */
    overflow: hidden;
  }
  .cheif_judge .card-body .section_image img  {
    object-fit: cover;
    width: 350px;
    height: 300px;
  }
  .cheif_judge .card-body p {
    font-weight: 600;
  }
  .cheif_judge .card-body .readmore_link {
    font-weight: 600;
  }
  .cheif_judge .card-body .readmore_link i {
    padding-left: 10px;
  }
  .cheif_judge .section_content:after {
    border-top: 100px solid red;
    border-left: 100px solid transparent;
  }
  .cheif_judge .section_content {
    padding: 0 30px;
  }
  /* CALENDY */
  .calendy iframe{
      width: 100%;
      height: 100vh;
  }
  .calendy iframe html, .calendy iframe body{
      overflow: hidden
  }
  /*403,404*/
.access-denied .header-wrapper #header{
    /* background-image: url(../images/page_banner_1.jpg); */
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 20%;
    border: transparent;
}
#access-denied {
    padding: 150px 0 130px;
  }
  #access-denied .title-section {
    border: 2px solid #D64933;
    padding: 0px 0 25px;
    border-radius: 3px;
    margin-bottom: 50px;
  } 
  #access-denied .title-section h2 {
    color: #D64933;
    font-weight: 900;
    font-size: 160px;
    margin-bottom: 0;
  }   
  #access-denied .title-section h3 {
    color: #D64933;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 0.8px;
  }
  #access-denied h4 {
    color: #000;
    font-size: 37px;
    font-weight: 600;
    padding-bottom: 10px;
    letter-spacing: 1px;
  }
  #access-denied p {
    font-size: 18px;
    color: #000;
    line-height: 30px;
    margin-bottom: 0;
    margin-bottom: 20px;
  }
  /* #access-denied a {
    background-color: #D64933;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
    cursor: pointer;
    text-decoration: none;
    border: 2px solid #D64933;
    padding: 4px 15px;
    border-radius: 9px;
    width: auto;
  } */
  #access-denied a:focus, #access-denied a:active {
    /* outline: 0; */
    box-shadow: none;
  }
  /* #access-denied a:hover{
    background-color: transparent;
    color: #D64933 !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
    cursor: pointer;
    text-decoration: none;
    border: 2px solid #D64933;
    padding: 4px 15px;
    border-radius: 9px;
  } */
  /*403,404 End*/


  /* ACCRODION  */
  #accordion #varient1{
    padding: 5px;
  }
  #accordion #varient1 .accordion-collapse{
    border: none !important;
  }
  #faq-accordion{
      padding: 50px 0;
  }
  #accordion .varient1 .accordion-item {
    background-color: #fff;
    border: 1px solid transparent;
    box-shadow: 0 0px 10px rgba(0,0,0,0.12);
    margin-bottom: 30px;
    }
    #accordion .varient1 .accordion-button {
    color: #000000;
    font-size: 18px;
    box-shadow: none;
    }
    #accordion .accordion-header{
      font-family: 'Oswald', sans-serif;
      font-weight: 700;
      line-height: 1.4;
      position: relative;
      text-transform: uppercase;
      margin-top: 0;
      color: #000;
    }
    #accordion .varient1 .accordion-button::after {
    width: 16px;
    height: 10px;
    background-image: url('../images/icons/accordion_arrow.svg');
    background-size: contain;
    position: absolute;
    right: 10px;
    }
    #accordion .varient1 .accordion-button:not(.collapsed)::after {
    background-image: url('../images/icons/accordion_arrow.svg');
    transform: rotate(-180deg);
    }
    #accordion .varient1 .accordion-button img {
    width: 35px;
    height: 35px;
    padding: 7px;
    background-color: #3293D0;
    border-radius: 50%;
    margin-right: 15px;
    }
    #accordion .varient1 .accordion-body {
    border-top: 1px solid rgba(0,0,0,.20);
    }
    #accordion .varient1 .accordion-body p {
    margin-bottom: 20px;
    }
    #accordion .varient1 .accordion-body p:last-child {
    margin-bottom: 0;
    }
    #accordion .varient1 .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #FFF;
    box-shadow: none;
    }








    #accordion .varient2 .accordion-item {
    background-color: #fff;
    border-radius: 0;
    border: none;
    border-top: 3px dotted #d83319;
    padding: 10px 20px;
    }
    #accordion .varient2 .accordion-item:last-child {
    border-bottom: 3px dotted #d83319;
    }
     #accordion .varient2 .accordion-item .accordion-collapse{
        border: none;
    }
    #accordion .varient2 .accordion-button {
    font-family: var(--primary-font);
    color: #000000;
    font-size: 20px;
    padding: 25px 0;
    box-shadow: none;
    }
    #accordion .varient2 .accordion-button::after {
    width: 12px;
    height: 12px;
    background-image: url('../images/icons/accordion_plus.svg');
    background-size: contain;
    }
    #accordion .varient2 .accordion-button:not(.collapsed)::after {
    width: 12px;
    height: 2px;
    background-image: url('../images/icons/accordion_minus.svg');
    }
    #accordion .varient2 .accordion-button img {
    width: 35px;
    height: 35px;
    padding: 7px;
    background-color: #3293D0;
    border-radius: 50%;
    margin-right: 15px;
    }
    #accordion .varient2 .accordion-body {
    padding: 0 18px 0;
    margin: 0 0 25px;
    position: relative;
    }
    #accordion .varient2 .accordion-body:before {
    position: absolute;
    content: "";
    background-color: #d83319;
    border-radius: 30px;
    width: 4px;
    height: 100%;
    top: 0px;
    left: 0;
    }
    #accordion .varient2 .accordion-body p:last-child {
    margin-bottom: 0;
    }
    #accordion .varient2 .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #FFF;
    box-shadow: none;
    }
    #accordion .accordion-button {
      border: 0;
    }
    #accordion .varient3 .accordion-item {
    background-color: #FFF;
    /* border: 3px solid #3293D0; */
    border-radius: 0;
    margin-bottom: 30px;
    }
    #accordion .varient3 .accordion-button, .accordion-item{
      -o-transition: all .1s ease-in;
      transition: all .1s ease-in;
      -webkit-transition: all .1s ease-in;
      -moz-transition: all .1s ease-in;
      -ms-transition: all .1s ease-in;
    }
    #accordion .varient3 .accordion-collapse{
    border: 3px solid #3293D0 !important;
    border-top: none !important;
    /* border-bottom: none !important; */
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    }
    #accordion .varient3 .accordion-collapse.collapse.show {
      border: 3px solid #3293D0 !important;
      border-top: none !important;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in;
      -webkit-transition: all .3s ease-in;
      -moz-transition: all .3s ease-in;
      -ms-transition: all .3s ease-in;
    }
    #accordion .varient3 .accordion-item:last-child {
    margin-bottom: 0;
    }
    #accordion .accordion-button {
      text-align: left !important;
    }

    #accordion .varient3 .accordion-button {
    background-color: #3293D0;
    font-family: var(--primary-font);
    position: relative;
    border-radius: 0;
    color: #FFF;
    font-size: 18px;
    padding: 15px 20px 15px 50px;
    box-shadow: none;
    }
    .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0;
    }
    #accordion .varient3 .accordion-button::after {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 22px;
    left: 20px;
    background-image: url('../images/icons/accordion_plus.svg');
    background-size: contain;
    filter: brightness(0) invert(1);
    }
    #accordion .varient3 .accordion-button:not(.collapsed)::after {
    width: 12px;
    height: 2px;
    background-image: url('../images/icons/accordion_minus.svg');
    top: 27px;
    }
    #accordion .varient3 .accordion-button img {
    width: 35px;
    height: 35px;
    padding: 7px;
    background-color: #3293D0;
    border-radius: 50%;
    margin-right: 15px;
    }
    #accordion .varient3 .accordion-body p {
    margin-bottom: 15px;
    }
    #accordion .varient3 .accordion-body p:last-child {
    margin-bottom: 0;
    }
    #accordion .varient3 .accordion-button:not(.collapsed) {
    color: #FFF;
    background-color: #3293D0;
    box-shadow: none;
    }



    #accordion .varient5 .accordion-item {
    background-color: #FFF;
    /* border: 3px solid #ffffff;
    border-radius: 0; */
    }
    #accordion .varient5 .accordion-item:last-child {
    margin-bottom: 0;
    }
    #accordion .varient5 .accordion-button {
    background-color: #3293D0;
    font-family: var(--primary-font);
    position: relative;
    border-radius: 0;
    color: #FFF;
    font-size: 18px;
    padding: 15px 20px 15px 50px;
    box-shadow: none;
    }
    .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0;
    }
    #accordion .varient5 .accordion-button::after {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 22px;
    left: 20px;
    background-image: url('../images/icons/accordion_plus.svg');
    background-size: contain;
    filter: brightness(0) invert(1);
    }
    #accordion .varient5 .accordion-button:not(.collapsed)::after {
    width: 12px;
    height: 2px;
    background-image: url('../images/icons/accordion_minus.svg');
    top: 27px;
    }
    #accordion .varient5 .accordion-button img {
    width: 35px;
    height: 35px;
    padding: 7px;
    background-color: #3293D0;
    border-radius: 50%;
    margin-right: 15px;
    }
    #accordion .varient5 .accordion-body p {
    margin-bottom: 15px;
    }
    #accordion .varient5 .accordion-body p:last-child {
    margin-bottom: 0;
    }
    #accordion .varient5 .accordion-button:not(.collapsed) {
    color: #FFF;
    background-color: #3293D0;
    box-shadow: none;
    }



    #accordion .varient4 .accordion-item {
    margin-bottom: 30px;
    }
    #accordion .varient4 .accordion-button {
    color: #000000;
    font-size: 18px;
    background-color: #bdd5ea;
    border-color: #bdd5ea;
    border-radius: 0;
    }
    #accordion .varient4 .accordion-button::before {
        font-family: "Font Awesome 5 Free";
        content: "\f067";
        padding-right: 30px;
        vertical-align: middle;
        font-weight: 900;
        transition: transform .8s ease-in-out;
    }
    #accordion .varient4 .accordion-button:not(.collapsed)::before {
        content: "\f068";
    }
    #accordion .varient4 .accordion-button::after{
        display: none !important;
    }
    #accordion .varient4 .accordion-button img {
    width: 35px;
    height: 35px;
    padding: 0 5px;
    background-color: transparent;
    border-radius: 0;
    margin-right: 10px;
    }
    #accordion .varient4 .accordion-body {
    border: 3px solid #bdd5ea;
    border-top: 0;
    background-color: #f5f5f5;
    }
    #accordion .accordion-body {
      overflow-x: hidden;
    }
    #accordion .accordion-body li {
    color: #000000;
    margin: auto;
    list-style-type:disc;
    }
    #accordion .varient4 .accordion-body p {
    margin-bottom: 20px;
    }
    #accordion .varient4 .accordion-body p:last-child {
    margin-bottom: 0;
    }
    /* FAQ ACCORDION */
    #faq-accordion .section{
        height: 100%;
    }

    /* SIDEBAR 2 */
    .sidebar_second.sidebar .block{
        box-shadow: 0 0 18px -4px rgb(0 0 0 / 20%);
        border-style: none;
        border-width: 0;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
    }
    .sidebar_second.sidebar .block h2,.sidebar_second.sidebar .block h3,.sidebar_second.sidebar .block h4{
        font-size: 1.25rem;
        background-color: var(--primary-color);
        padding: 15px 25px;
        color: #FFF;
        margin-bottom: 20px;
        text-align: left;
    }
    .sidebar_second.sidebar .block .clearfix p:last-child{
        padding-bottom: 20px;
    }
    .sidebar_second.sidebar .block p{
        padding: 3px 25px;
        margin: 0;
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
           -moz-hyphens: auto;
                hyphens: auto;
    }
    .sidebar_second.sidebar ul{
        margin: 0 20px;
        padding-bottom: 20px;
        line-height: 1.7;
    }
#content .node__content{
    margin: 0;
}
.content .node header{
    display: none;
}
/* E-FILE */
#e_file li{
    line-height: 1.5;
}
/* JURY PAGE */
.title-and-content .card-title{
    position: inherit;
    bottom: 0;
}
.title-and-content{
    margin-bottom: 20px;
}
.title-and-content .card-body h3{
    text-transform: none;
}
.title-and-content ul li{
    line-height: 1.5;
}

/* Live hearing */
.live_hearing_description h2{
    text-align: center;
}
.live_hearing{
    padding: 0 20px;
    justify-content: center;
    margin-bottom: 30px;
  }
  .judges-block_5 section, .judges-block_4 section, .judges-block_3 section{
    padding: 0 !important ;
  }
  .live_hearing .judges .card-body a{
    color: #111;
  }
  .live_hearing .card-body{
    min-height: auto !important;
    display: flex;
  }
  .judges-block_5  .view-header, .judges-block_4 .view-header,.judges-block_3  .view-header{
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    margin: 10px 0 0 0;
  }
  .judges-block_5  .judges_list, .judges-block_4 .judges_list,.judges-block_3  .judges_list
  {
    padding-top: 30px !important;
  }
  .live_hearing .avator_div {
    height: 36px;
    margin-right: 12px;
    display: inline-block;
  }
  .live_hearing .avator {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: transparent;
    overflow: hidden;
  }
  .live_hearing .avator img {
    width: 100%;
    display: block;
    border-radius: 50%;
    height: 64px;
    object-fit: cover;
  }
  .live_hearing .card-content {
    text-align: left;
  }
  .live_hearing .card-title a {
    font-size: 16px;
    color: #000;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 8px;
  }
  .live_hearing .card-sub_content {
    font-weight: bold;
    font-size: 14px;
  }
  .live_hearing .card-sub_content i {
    padding: 0 6px;
  }
  .live_hearing .card-sub_content .popup-youtube {
    color: var(--red_c) !important;
  }
  .live_hearing .card {
    box-shadow: none;
    border: none;
  }
  /* Live Hearings */
  #live_hearings {
    padding-bottom: 20px;
  }
  .container.live-header{
    text-align: center;
    padding-bottom: 60px !important;
    font-weight: 900;
    font-size: 25px;
  }
  #live_hearings .btn{
    border-radius: 0;
    padding: 20px 50px;
    display: flex;
    width: 385px;
    margin: 30px auto;
    justify-content: center;
    color: #fff;
  }
  .judges_sub_list {
    padding-top: 30px;
    padding-left: 30px;
  }
  .judges_sub_list h5 {
    margin-bottom: 15px;
  }
  .basic_page_judges {
    padding-bottom: 50px;
  }
  .judges_table th {
    background-clip: padding-box;
    background-color: var(--date_bg);
    color: #fff;
    position: relative;
    font-weight: 600;
    font-size: 18px;
    padding: 15px 30px;
  }
  .judges_table ul li {
    list-style: none !important;
  }
  table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after {
    bottom: 30%;
    opacity: 1;
  }
  
  table.dataTable td a {
    color: var(--date_bg);
    font-weight: bold;
    /* font-size: 18px; */
  }
  #judges_table tr[role="row"]{
      background-color: var(--primary-color);
  }
  #judges_table2 {
    margin-bottom: 80px !important;
  }
  /* Live hearings */
  .v_offline {
    background-color: #bbb;
    padding: 0;
  }
  .v_live {
    background-color: var(--primary-color);
  }
  .v_offline .card {
    background-color: transparent;
  }
  .v_offline .card_body {
    padding: 25px;
  }
  .v_live .card_body {
    padding: 25px;
    min-height: 252px;
  }
  .v_offline .card_footer:before {
    right: 22%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-style: solid;
    border-width: 10px 15px 0 15px;
    border-color: #bbb transparent transparent transparent;
  }
  .v_offline .card_body p {
    background-color: #000;
    color: #fff;
    padding: 5px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3;
  }
  .v_live .card_body a p {
    background-color: var(--red_c);
    color: #fff;
    padding: 5px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3;
  }
  .v_offline .card_footer {
    background-color: #000;
    padding: 10px 25px;
    position: relative;
    min-height: 60px;
  }
  .v_offline .card_footer h3 {
    color: #fff;
    text-align: left;
    margin: 10px auto;
    font-size: 14px;
    line-height: 1.5;
  }
  .v_offline .card_footer a {
    color: #fff;
  }
  .v_live h3 {
    color: #fff;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.5;
  }
  .v_live h3 a {
    color: #fff;
  }
  .v_live img,
  .v_offline img {
    width: 150px;
    height: 120px;
    object-fit: contain;
  }
  /* COURT HOLIDAYS */
  #court_holidays .card{
    border: none;
    box-shadow: 0 0 18px 0px rgb(0 0 0 / 20%);
    background: #f5f5f5;
  }
  #court_holidays .card ul li strong{
      color: var(--primary-color);      
  }
  /* COURT PERFORMANCE */

.file_with_images {
    margin-bottom: 30px;
  }
  .file_with_images .card-img {
    height: 290px;
  }
  .file_with_images img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .file_with_images .card-body {
    padding: 15px;
  }
  .file_with_images .card-body h3 {
    color: var(--date_bg);
    text-align: center;
  }
#card_section{
    padding: 50px 0;
}
#card_section .row{
 justify-content: center;
}
#card_section .row .col-md-6{
    margin-bottom: 30px;
}
#card_section .card {
    box-shadow: 0 3px 6px rgb(0 0 0 / 6%), 0 4px 6px rgb(0 0 0 / 8%);
    background: #bdd5ea;
    border: none;
    height: 100%;
}
#card_section .card .card-body{
    display: flex;
    align-items: center;
    justify-content: center
}
#card_section h5{
    text-transform: initial;
    color: var(--primary-color);
}
/* MISSION */
.mission .card {
    border: none;
    box-shadow: 0 0 18px 0px rgb(0 0 0 / 20%);
    background: #f5f5f5;
}

.mission .card li strong{
    color: var(--primary-color);
}
.mission .card li::marker{
    color: var(--primary-color);
}
/* TEXT EDITOR */
#text_editor.paddingabove{
    padding-top: 50px;
}
#text_editor.paddingbelow{
    padding-bottom: 50px;
}
#text_editor.paddingboth{
    padding: 50px 0;
}
#text_editor .card{
    padding: 25px
}
#text_editor p{
    font-size: 16px;
}
#text_editor li{
    line-height: 1.7;
}
/* COMMUNITY PAGES */
.community_grid .row{
    justify-content: center;
}
.community_grid .col-md-6{
    margin-bottom: 40px;
}
.community_grid .card {
    box-shadow: 0 3px 6px rgb(0 0 0 / 6%), 0 4px 6px rgb(0 0 0 / 8%);
    /* background: #bdd5ea; */
    border: none;
    height: 100%;
}
.community_grid .card img{
    width: 100%;
    height: 330px;
    object-fit: fill;
}
.community_grid .card .card-body{
    display: flex;
    align-items: center;
    justify-content: center
}
.community_grid h5{
    text-transform: initial;
    color: var(--primary-color);
    text-align: center;
}
/* PROGRAMS AND SERVICES */
.card_links {
    padding: 40px 0 0;
    overflow: hidden;
  }
  .card_links .links {
    margin-bottom: 20px;
  }
  .card_links h2 {
    width: 100%;
    position: relative;
    margin-bottom: 90px;
  }
  .card_links h2:after {
    background-color: #55acee;
    content: "";
    display: inline-block;
    height: 2px;
    position: absolute;
    vertical-align: middle;
    width: 100%;
    left: 1em;
    right: 0;
    top: 25px;
    z-index: 1;
    bottom: auto;
  }
  .card_links h2 span {
    background-color: #ffffff;
    z-index: 99;
    position: absolute;
    padding-right: 15px;
    width: auto;
  }
  .card_links .container {
    padding: 0;
  }
  .card_links .link_section {
    text-align: center;
    margin: auto;
  }
  .card_links .links .card-link {
    padding: 15px;
    border-radius: 50%;
    background-color: transparent;
    color: var(--primary-color);
    text-align: center;
    border: 2px solid var(--primary-color);
    word-spacing: unset;
  }
  .card_links .section_title a {
    word-spacing: unset;
    text-align: left;
  }
  .card_links .card {
    border-radius: 0;
  }
  .card_links .card {
    height: 100%;
  }
  .card_links .section_title {
    position: relative;
  }
  .card_links .card:hover {
    background-color: var(--primary-color);
  }
  .card_links .card:hover .card-link {
    background-color: #ffffff;
    border: 2px solid transparent;
  }
  .card_links .card h3 {
    margin-bottom: 0;
    text-transform: none;
    color: var(--primary-color);
    font-size: 25px;
  }
  .card_links .card:hover h3 {
    color: #fff;
    margin-bottom: 0 !important;
  }
  .card_links .links .card-body {
    padding: 20px;
  }
  .card_links .links .card-link i {
    font-size: 20px;
    top: 3px;
    position: relative;
    width: 20px;
    height: 15px;
    left: 1px;
    right: 0;
  }
  #business_section .business_sub_section .sub_section_title {
    padding: 30px 20px;
    background-color: var(--primary-color);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #fff;
  }
  #business_section .business_sub_section .sub_section_title h3 {
    color: #fff;
  }
  .sub_section_body {
    background-color: #fff;
    padding: 40px;
  }
  #business_section {
    padding-top: 50px;
  }
  #business_section h2 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-bottom: 0;
    padding: 0 20px;
  }
  #business_section .business_section_title {
    text-align: center;
    margin-bottom: 30px;
  }
  #business_section .business_section_title:after {
    background-color: var(--date_bg);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 8%;
  }
  #business_section .business_section_title:before {
    background-color: var(--date_bg);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 8%;
  }
  /* ALERT */

/* alert */
.alert_box.highlights {
    background-color: #afd5fd;
  }
  .feature_content .alert_box {
    background-color: #fff;
    padding: 0 10px 30px 0;
  }
  .path-frontpage .alert_box {
    padding-left: 0;
  }
  .alert_box .alert_content a {
    display: inline-block;
    border-radius: 0 !important;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
  }
  .alert_box .alert_content p {
    display: inline-block;
    font-weight: 600;
    padding-left: 30px;
    color: #000;
    font-size: 15px;
  }
  .alert_box .alert_content {
    padding: 10px 30px;
  }
  .alert_box .card-header {
    display: flex;
    padding: 10px 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .alert_box_1 .card-header {
    background-color: #f7892b;
  }
  .alert_box_2 .card-header {
    background-color: #477bb2;
  }
  .alert_box .card-header h2 {
    font-size: 23px;
    margin-top: auto !important;
    margin-bottom: auto !important;
    padding-left: 20px;
    color: #fff;
  }
  .alert_box .card-header .fontawesome-icon i {
    font-size: 23px;
  }
  .alert_box_1 .card-header .fontawesome-icon i,
  .alert_box_1 .btn-close i {
    color: #f7892b;
  }
  .alert_box_2 .card-header .fontawesome-icon i,
  .alert_box_2 .btn-close i {
    color: #477bb2;
  }
  .alert_box .card-header .fontawesome-icon {
    background-color: #fff;
    padding: 10px;
    border-radius: 50%;
    border: 3px solid #f7892b;
    webkit-box-shadow: rgb(0 0 0 / 32%) 0 0 10px;
    -moz-box-shadow: rgb(0 0 0 / 32%) 0 0 10px;
    box-shadow: rgb(0 0 0 / 32%) 0 0 10px;
  }
  .alert_box_2 .card-header .fontawesome-icon {
    border: 3px solid #477bb2 ;
  }
  .alert_box .btn-close {
    background-image: none;
    background: #fff;
    border-radius: 50%;
    opacity: 9;
    margin: auto 0 auto auto;
    position: relative;
    padding: 5px;
  }
  .alert_box .btn-close i {
    top: -2px;
    position: relative;
  }
  .alert_box .card-body {
    padding: 30px !important;
  }
  .alert_box .card-body p {
    margin-bottom: 0;
    word-spacing: unset;
    text-align: left;
  }
  .alert_box .card-body a {
    color: #000;
    text-decoration: underline;
  }
  .alert_box ul {
    padding-left: 15px;
  }
  .alert_box ul li {
    list-style-type: disc !important;
  }
  .programs_and_services-block_1 .col-lg-4 {
      margin-bottom: 40px;
  }
  .programs_and_services-block_1 .col-lg-4 .card{
      background-color: #afd5fd;
  }
  .programs_and_services-block_1 .card h3{
    text-transform: inherit;
    text-align: center;
  }
  #programs_and_services .card{
    height: 100%;
    text-align: center;
    background-color: var(--primary-color);
    border: 0;
  }
  #programs_and_services .card:hover{
    background-color: #d83319;
  }
  #programs_and_services .card .card-body h3{
    color: #fff;
    font-size: 22px;
    margin: 0;
    padding: 10px;
  }
  #programs_and_services .card img{
    width: 100%;
    object-fit: cover;
    object-position: top;
  }

  .page-node-1474 .section_content .col{
    margin-bottom: 24px;
  }
  /* VIEWS EXPOSED FILTER */
  /* .views-exposed-filter .form-row{
      display: flex;
  }
  .views-exposed-filter .form-row label{
      display: none;
  }
  .views-exposed-filter .form-row fieldset {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 15px;
    border: 2px solid var(--primary-color);
    padding: 0 15px;
  }
  .views-exposed-filter{
    padding-bottom: 20px;
  }
  .views-exposed-filter .form-row fieldset::before{
    font-family: "Font Awesome 5 Free";
    content: "\f002";
    padding-right: 12px;
    border-right: 0;
    font-weight: 900;
  }
  .views-exposed-filter .form-row .form-control{
    padding: 0;
    line-height: 0 !important;
    border-radius: 0 !important;
    border-left: 0;
    padding-left: 0;
    border: none ;
  } */
/* VIEWS EXPOSED FILTER */
.views-exposed-filter .form-row{
    display: flex;
}
.views-exposed-filter .form-row label{
    display: none;
}
.views-exposed-filter .form-row .js-form-item {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 15px;
  border: 2px solid var(--primary-color);
  padding: 0 15px;
}
.views-exposed-filter{
  padding-bottom: 20px;
}
.views-exposed-filter .form-row .js-form-item::before{
  font-family: "Font Awesome 5 Free";
  content: "\f002";
  padding-right: 12px;
  border-right: 0;
  font-weight: 900;
}
.views-exposed-filter .form-row .form-control{
  padding: 0;
  line-height: 0 !important;
  border-radius: 0 !important;
  border-left: 0;
  padding-left: 0;
  border: none ;
}
  /* JUDGES PAGE NEW DESIGN */

  #superior-judges .card{
    border: none;
    height: 400px;
    overflow: auto;
    border-radius: 0;
    padding: 20px;
    box-shadow: 0 0 18px -4px rgb(0 0 0 / 20%);
  }
  #superior-judges .card .judge-image .judge_image{
    position: sticky;
    top: 0;
  }
  #superior-judges .card .judge-image .judge_image img{
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 355px;
  }
  #superior-judges .card .judge-image .judge_image img.empty{
    object-fit: contain !important;
  }
  #superior-judges .judges{
    margin-bottom: 40px;
  }
  #superior-judges .card .card-body{
    padding-top: 0 !important;
  }
  #superior-judges .card .card-body h3{
    text-transform: none;
    font-size: 20px;
    padding-bottom: 15px;
    text-align: center;
  } 
  #superior-judges .card .judge-contents{
    position: relative;
  }

  #superior-judges .card .judge-contents .card-body .section-title{
    min-height: 75px;
  }
  #superior-judges .card .judge-contents .section-link{
    text-align: center;
  }
  #superior-judges .card .judge-contents .section-link a{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #0a58ca;
  }
  #superior-judges .card a:hover{
    color: var(--primary-color) !important;
  }
  #superior-judges .card .card-body .readmore_link i{
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  }
  #superior-judges .card .card-body .readmore_link span{
    width: 30px;
    display: inline-block;
  }
  #superior-judges .card .card-body .readmore_link:hover i{
    padding-left: 5px;
    color: var(--primary-color);
  }
/* JUDGES NEW */
#judges-new .section-content p{
  border-bottom: 2px solid lightgray;
  padding-bottom: 15px;
  padding-left: 30px;
}
#judges-new .section-content p:last-child{
  padding-bottom: 0;
  border: none;
}
#judges-new .section-content{
  margin-top: 80px;
  position: sticky;
  top: 150px;
}
#judges-new .section-content .text-editor, #judges-new .section-content .section-block {
  box-shadow: 0 0 18px -4px rgb(0 0 0 / 20%);
  border-style: none;
  border-width: 0;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
#judges-new .section-content h3,#judges-new .section-content h2{
  font-size: 1.25rem;
  background-color: var(--primary-color);
  padding: 15px 25px;
  color: #FFF;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 #fff;
}
.col-md-4{
  display: flow-root !important;
}
/* navbar-sticky-on */
.navbar-sticky-on{
  top: 0;
  position: sticky;
  z-index: 100;
}
.navbar-sticky-on .page-topbar{
  display: none;
}
.navbar-sticky-on.header-wrapper #header{
  background-color: var(--primary-color);
  border: none;
  box-shadow: 0 0 18px 6px rgb(0 0 0 / 27%);
}
.sidebar_second  .section{
  position: sticky;
  top: 150px;
}

/* New Changes */
.links-svg svg {
  margin-right: 12px;
}
.field_title_and_content{
  margin-bottom: 30px;
}
.field_title_and_content.max .section-content{
  padding: 1rem 2rem;
  border: 3px solid #bdd5ea;
  border-top: 0;
  background-color: #f5f5f5;
  padding-right: 100px;
}
.field_title_and_content .section-content p{
  margin: 0;
}
#page li{
  font-size: 16px !important;
}
.field_title_and_content.max {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  width: max-content;
  position: sticky;
  margin-left: 25%;
}
.field_title_and_content h5{
  font-size: 18px;
}
.intake-unit-text h3{
  font-size: 22px;
}
.court-info .title{
  font-size: 18px !important;
  font-family: 'Oswald' !important;
}
.page-node-1579 #tabs-and-content{
  border: none !important;
}
.pretriel-intake img{
  object-fit: contain !important;
  height: 144px !important;
}
/* multiple-title-and-content */
#multiple-title-and-content .section-content{
  padding: 30px;
}
#multiple-title-and-content svg path{
  fill: var(--primary-color);
}
#multiple-title-and-content .section-body{
  background-color: #f5f5f5;
  height: 100%;
}
#multiple-title-and-content .field_title_and_content {
  margin-bottom: 0 !important;
}
.field_title_and_content .section-content ul{
  padding: 0;
}
.field_title_and_content .section-content ul li{
  list-style: none;
}
.field_title_and_content .section-content ul li::before{
  font-family: "Font Awesome 5 Free";
  content: "\f068";
  padding-right: 16px;
  color: var(--primary-color);
  font-weight: 900;
}

/* courtroom-technology */
#courtroom-technology .note{
  padding: 20px 0;
}
#courtroom-technology .courtroom-technology-form{
  box-shadow: 0 0 18px -4px rgb(0 0 0 / 20%);
  padding: 30px 40px;
}
.courtroom-technology-form h3 {
  text-align: center;
  padding: 15px;
  margin: 20px 0;
  background: #bdd5ea;
  font-size: 25px;
}
.courtroom-technology-form strong.error {
  padding-top: 5px;
  font-size: 14px;
  color: var(--primary-color);
}
.courtroom-technology-form .form-group{
  padding: 10px 0 !important;
}
.courtroom-technology-form .button.send{
  text-align: center;
}
.courtroom-technology-form .fieldset-legend{
  font-size: 16px;
  font-weight: 900;
}
.courtroom-technology-form #edit-evidences{
  padding: 15px 0;
}
.courtroom-technology-form #edit-evidences--wrapper--description{
  font-weight: 800;
}
.courtroom-technology-form .form-check-input:focus{
  box-shadow: none;
}
.courtroom-technology-form label.form-check-label {
  margin-top: 0.2rem !important;
}
input#edit-confirm-availability {
  position: relative;
  top: 5px;
}
.courtroom-technology-form .js-form-item-confirm-availability .form-check-label::after{
  content: '';
  vertical-align: super;
  display: inline-block;
  background-image: url(../../../../composer/bootstrap_barrio/images/required.svg);
  background-repeat: no-repeat;
  background-size: 7px 7px;
  width: 7px;
  height: 7px;
  margin: 0 0.3em;
}
/* sidebar */
.sidebar p, .sidebar li,.sidebar a{
  font-size: 15px;
  line-height: 1.3;
}
.form-required::after {
  content: '';
  vertical-align: super;
  display: inline-block;
/*  background-image: url(../../../../composer/bootstrap_barrio/images/required.svg);*/
  background-repeat: no-repeat;
  background-size: 7px 7px;
  width: 7px;
  height: 7px;
  margin: 0 0.3em;
}
.has-error .invalid-feedback {
  display: block !important;
}
/* BREADCRUMBS */
.breadcrumb {
  margin-bottom: 0;
  padding: 20px 0;
  font-weight: 600;
}

/* address-and-links */
#address-and-links .address-and-links{
  height: 100%;
  background-color: #f5f5f5;
}
#address-and-links .address-and-links .content{
  padding: 30px;
  padding-top: 15px;
}
#address-and-links .address-and-links h4{
  text-align: center;
  text-transform: initial;
  padding: 14px 30px;
  background-color: #bdd5ea;
}
/* description-and-links */
#description-and-links .description-and-links h4{
  text-align: center;
  text-transform: initial;
}
#description-and-links  .description-and-links.links{
  background-color: #f5f5f5;
}
#description-and-links  .description-and-links.links .content{
  padding: 30px;
  padding-top: 15px;
}
#description-and-links  .description-and-links.links h4{
  padding: 14px 30px;
  background-color: #bdd5ea;
}
#img-with-description .section-img .section {
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
}
#img-with-description .section-img .section .image{
  height: 100%;
  text-align: center;
  overflow: hidden;
}
#img-with-description .section-img .section .image img{
  /* object-fit: cover;
  object-position: center; */
  max-height: 600px;
  width: 100%; 
  object-fit: cover;
  object-position: top;
}





.nopadding{
  padding: 0 !important;
}
.paddingboth{
  padding: 50px 0;
}
.paddingbelow{
  padding-bottom: 50px;
}
.paddingabove{
  padding-top: 50px;
}
.paddingbelow.g-sec{
  padding: 0;
  padding-bottom: 50px;
}
.paddingabove.g-sec{
  padding: 0;
  padding-top: 50px;
}
.paddingboth.g-sec{
  padding: 0;
  padding: 50px 0;
}
#text_editor table tr td p{
  margin: 0;
  padding: 5px;
}
#text_editor table tr td p span{
  font-family: 'Open Sans', sans-serif !important;
  word-break: break-word;
}
.row.jury-parking{
  height: inherit !important;
}
.row.jury-parking img {
  /* width: 100%; */
  margin-bottom: 25px;
  object-fit: cover;
}
#text_editor div[style="margin-left:-7px"]{
  overflow: auto !important;
}
.user-pages .tabs{
  display: none;
}
.user-pages .btn.btn-primary{
  margin-top: 30px;
}
#button .button.padding-top{
  padding-top: 50px;
}
#button .button.padding-bottom{
  padding-bottom: 50px;
}
#button .button.padding-both{
  padding: 50px 0;
}

#button .button.left .section-button {
  text-align: left;
}
#button .button.right .section-button {
  text-align: right;
}
#button .button.center .section-button {
  text-align: center;
}
/* IMPORTANT ANNOUNCEMENTS BLOCK-2  */
.important-announcements-block-2 .col-md-4{
  margin-bottom: 24px;
}
/* NEWS AND EVENTS LISTING */
.row.news-events-listing {
    justify-content:center;
}
.news-events-listing .card.latest-news{
  height: 100%;
}
.important-announcements-block-2 .card.latest-news{
  height: 100%;
}
.news-events-listing .col-12{
  margin-bottom: 24px;
}
.news-events-listing img{
  width: 100%;
  min-height: 194px;
  object-fit: cover;
}
.news-events-listing .news-title{
  min-height: 65px;
  justify-content: left;
}
.news-events-listing .news-title h3{
  font-size: 25px;
}
.news-events-listing .news-title{
  min-height: 130px;
}
.news-events-listing .post-info{
  color: rgba(21,21,21,0.5);
  margin-bottom: 20px;
}
#news_and_events .section-img img{
  max-height: 400px !important;
}
#news_and_events.important-annoucement .section-img img{
  max-height: 600px !important;
  object-fit: cover;
  object-position: top;
}
#news_and_events .s-e-date{
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding: 20px;
}
#news_and_events .date{
  border: 2px solid lightgray;
  padding: 20px;
  margin-top: 30px;
}
#news_and_events .date p span{
  font-weight: 900;
}
#news_and_events .section-content img {
  padding-left: 35px;
  object-fit: contain;
  object-position: center;
  padding-bottom: 20px;
}
/* archive-items */
.archive-items .item-list{
  display: flex;
  justify-content: center;
}
.archive-items .item-list .views-summary {
  box-shadow: 0 0 18px -4px rgb(0 0 0 / 20%);
  padding: 50px;
}
.important-announcements-sidebar p {
  padding: 10px 40px !important;
}
.important-announcements-sidebar p:last-child {
  padding-bottom: 30px !important;
}
.card.latest-news .news-title h3 {
  font-size: 26px;
  line-height: 1.2;
  text-align: center;
}
.news-events-listing .news-title h3{
  text-align: left;
}
div#block-button {box-shadow: none;}

div#block-button .section-button a {font-size: 18px;padding: 15px;}
.navbar-toggler, header{
  background-color: none;
}
.navbar-brand.text{
  background-color: none !important;
}
.navbar-sticky-on #header{
  position: fixed;
}
.alert-wrapper .alert{
  display: flex;
  align-items: baseline;
}
.position-hide{
  position: absolute;
  top: -100px;
  color: transparent;
}
/* SIDEBAR BORDER BOTTOM */
.sidebar_second  hr {
  display: block;
  height: 0px !important;
  border-top: 1px solid lightgray;
  opacity: 1;
  background: none;
  background-color: none;
}
strong#edit-sign-up-error{
  display: none !important;
}
ul.recent-news-sidebar li {
  padding: 4px 0;
}

/* BUSINESS CASES */
#business_cases .btn-primary.edit-btn{
  color: #FFF;
}

/* TABLE STYLE */
table {
  margin:0 auto;
}
table tr th{
  background-color: var(--primary-color) !important;
  border: 2px solid var(--primary-color) !important;
  /* border-bottom-color: #ffffff; */
  text-align: center;
}
table tr th:first-child{
  border-right-color: #ffffff !important;
}
thead > tr {
  /* border-bottom: 3px solid #ffffff; */
  font-size: 16px;
  text-transform: uppercase !important;
}
tr td, tr th {
  padding: 15px 15px;
  border: 2px solid #d6493363;
}
tr.odd {
  background: #d649331c;
}
tr.even {
  /* background: #d6493336; */
  background: #ffffff;
}
table.dataTable th{
  background-color: var(--primary-color) !important;
  border: 1px solid #ffffff !important;
  border-bottom-color: #ffffff;
  text-align: center;
  
}
table.dataTable tr.odd:first-child td {
  border-top: 0;
}
#judges_table tr th:first-child{
  border-left: 1px solid var(--primary-color) !important;
}
#judges_table tr th:last-child{
  border-right: 1px solid var(--primary-color) !important;
}
table.dataTable td {
  background-color: #fff;
  background-image: none;
  border: 1px solid #d6493363;
  /* border: 2px solid var(--primary-color) !important; */
}
table.dataTable tr.odd td {
  background-color: #d649331c;
}
table.dataTable tr.even td {
  background-color: #ffffff;
}

.community-sidebar-links{
  max-height: 60vh;
  overflow-y: scroll;
}
td a{
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px;
  color: #0563c1;
  text-decoration: underline;
}
td a span {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px;
}


/* tr.odd:hover{
  background:#d6493375;
}
tr.even:hover {
  background: #d6493321;
} */

#block-courtadministratoroffice .add p:last-child {
  margin-bottom: 0;
}
#block-courtadministratoroffice .add p {
  margin-bottom: 4px;
}
#footer .d-inline-flex.align-items-center.mb-5{
  margin-bottom: 1rem !important;
}
#latest-press-release.g-sec {
  padding-bottom: 40px !important;
}

/* HEADER LOGO SVG */
.header-wrapper #header .navbar-brand.logo img{
  background: #ffffff;
  border-radius: 50%;
  height: auto;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;

}
.header-wrapper #header .navbar-brand.logo svg{
  width: 200px;
  height: 200px;
  position: relative;
  top: 5px;
}
.header-wrapper.navbar-sticky-on #header .navbar-brand.logo svg{
  position: absolute;
  top: -15px;
  width: 150px;
}
.springboard-page i {
  font-size: 45px;
  padding: 25px;
  border-radius: 50%;
  background: var(--primary-color);
  color: #ffffff;
}
.springboard-page h2 {
  padding: 20px 0 5px 0;
}
.springboard-page p {
  font-size: 18px;
}
.springboard-page p span{
  font-weight: 700;
  color: var(--primary-color);
}
.springboard-page .links {
  padding-top: 20px;
}
#the-court .container .description a {
  text-decoration: none;
  text-transform: unset;
  font-family: var(--body-font) !important;
  font-size: 16px;
}
#the-court .container .description a:hover{
  color: var(--primary-color);
} 
.staffs span {
  font-weight: bold;
}
/* .staffs {
  padding-top: 20px;
} */

.webform-feedback #edit-did-you-find {
  display: flex;
  padding-top: 10px;
}
.webform-feedback #edit-did-you-find--wrapper-legend span {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  font-weight: 600;
}
.webform-feedback #edit-description,
.webform-feedback #edit-description1 {
  line-height: 20px;
}
.webform-feedback .form-check-input:checked {
  background-color: #d64933;
  border-color: #d64933;
}