html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 180%;
    color: #2C2C2C;
    padding: 0;
    margin: 0;
    text-size-adjust: none ;
    -webkit-text-size-adjust: none;
    
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
strong,b {
    font-weight: 700;
}
button {
    color: #cfa757;
    text-decoration:none;
    outline:none;
    display:inline-block;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
button:focus { outline: none; }
a {
    color: #861819;
    text-decoration: none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
a:hover, a:focus {
    color: #2c2c2c;
    text-decoration: none;
}
p {
    margin-top: 0;
    margin-bottom:25px;
}
p:last-child {
    margin-bottom:0px;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.theme-btn {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #861819;
    border-radius: 3px; 
    padding: 18px 30px 18px;
    padding-left: 90px;
    position: relative;  
    text-align: center; 
    width: auto;
    height: 65px; 
    text-transform: uppercase;
    line-height: 1.42857143;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
}
.theme-btn:hover,
.theme-btn:focus  { 
    color: #fff;
}
.theme-btn::after {
    content: "";
    position: absolute;
    width: 65px;
    height: 100%;
    background-color: #262626;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='28' viewBox='0 0 18 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.65468 0.0847168C4.16678 0.239596 4.52852 0.590702 4.89534 0.944611C8.91586 4.82991 12.9393 8.7131 16.9678 12.5914C17.4625 13.0672 17.6935 13.6083 17.4675 14.2593C17.3833 14.5025 17.2162 14.7422 17.0266 14.9251C12.8587 18.9589 8.68487 22.9865 4.50672 27.0113C3.80504 27.6875 2.89634 27.6847 2.18812 27.0225C1.85616 26.712 1.51984 26.403 1.22058 26.0638C0.716467 25.4919 0.741891 24.6993 1.25036 24.1281C1.32881 24.0405 1.41379 23.9578 1.49878 23.8758C4.89461 20.5995 8.28972 17.3226 11.687 14.0477C11.7655 13.972 11.8577 13.9103 12.0052 13.7225C11.9071 13.6713 11.7902 13.6384 11.7146 13.5655C8.28391 10.2612 4.85539 6.95266 1.42759 3.64413C0.788379 3.02672 0.660536 2.17594 1.18716 1.59847C1.72323 1.00909 2.22734 0.362939 3.04379 0.0847168H3.65468Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
}
.theme-btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #262626;
    border-radius: 3px 0px 0px 3px; 
    transform: translateX(-100%);
    z-index: -1;
    transition: all 0.5s ease-in-out;
}
.theme-btn:hover::before {
    transform: translateX(0);
}



.red-btn {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #861819;
    border-radius: 5px; 
    padding: 18px 30px 18px;
    padding-left: 90px;
    position: relative;  
    text-align: center; 
    width: auto;
    height: 70px; 
    text-transform: uppercase;
    line-height: 1.42857143;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
}
.red-btn:hover,
.red-btn:focus  { 
    color: #fff;
}
.red-btn::after {
    content: "";
    position: absolute;
    width: 65px;
    height: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='23' viewBox='0 0 15 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.76866 0C3.19799 0.129846 3.50126 0.424204 3.80879 0.720912C7.17948 3.97823 10.5526 7.2338 13.93 10.4852C14.3447 10.8842 14.5384 11.3378 14.349 11.8836C14.2783 12.0875 14.1383 12.2884 13.9793 12.4418C10.485 15.8236 6.98583 19.2002 3.48299 22.5745C2.89471 23.1414 2.13288 23.1391 1.53913 22.5839C1.26083 22.3236 0.97887 22.0645 0.727971 21.7801C0.30534 21.3007 0.326654 20.6362 0.752939 20.1573C0.818708 20.0839 0.889959 20.0146 0.961209 19.9458C3.80818 17.1991 6.65454 14.4517 9.50273 11.7062C9.5685 11.6427 9.64584 11.591 9.76947 11.4335C9.68725 11.3906 9.58921 11.363 9.52588 11.3019C6.64967 8.53167 3.7753 5.75789 0.901529 2.98412C0.365629 2.46649 0.258449 1.75322 0.699958 1.26909C1.14938 0.774966 1.57201 0.233253 2.25651 0H2.76866Z' fill='%23861819'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
}
.red-btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #262626;
    border-radius: 5px 0px 0px 5px; 
    transform: translateX(-100%);
    z-index: -1;
    transition: all 0.5s ease-in-out;
}
.red-btn:hover::before {
    transform: translateX(0);
}



.mainhead {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 64px;
    color: #2C2C2C;
    letter-spacing: 1.44px; 
    line-height: 100%;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.count-txt {
    font-size: 45px;
    letter-spacing: 0.96px;  
}
.heading {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0.96px; 
    color: #2C2C2C;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.text-red {
    color: #902526;
}
.subheading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #000;
    margin: 0 0 30px;
}



/*** 

====================================================================
  popup css
====================================================================

***/

.popUpBtn{
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}
.modal-open {
    overflow: hidden;
    padding-right: 17px;
}
.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(23, 23, 23, 0.85);
    display: none;
    z-index: 999;
    
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 1rem 1rem;
    width: 720px;
    background-color: transparent;
    transform: translate(-50%, -50%) scale(0.5);
}
.close {
    font-family: 'proxima_novabold';
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    font-size: 36px;
    color: #fff;
    transition: all ease 0.5s;
}
.close:hover {
    color: #CC0133;
    transform: rotate(180deg);
}
.modal .btn-box {
    padding: 30px 0 0;
    display: flex;
    justify-content: center;
}
.transform-in, .transform-out {
    display: block;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.transform-in {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.transform-out {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
}
/* 667 */
@media only screen and (max-width: 735px) {
    .modal-content { width: 100%; }
    .close { right: 15px; }
}


/*** 

====================================================================
  bootstrap css start here 
====================================================================

***/

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-block {
    display: block !important;
}
.text-center {
    text-align: center !important;
}
.text-white {
    color: #fff !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
dl,
ol,
ul {
 margin-top:0;
 margin-bottom:1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
 margin-bottom:0
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: 'Open Sans', sans-serif;
 margin-top: 0;   
 margin-bottom:.5rem;
 font-weight:700;
 line-height:1.2;
}
h1 {
 font-size:2.5rem
}
h2 {
 font-size:2rem
}
h3 {
 font-size:1.75rem
}
h4 {
 font-size:1.5rem
}
h5 {
 font-size:1.25rem
}
h6 {
 font-size:1rem
}
.container {
 width:100%;
 padding-right:15px;
 padding-left:15px;
 margin-right:auto;
 margin-left:auto
}
@media (min-width:576px) {
 .container {
  max-width:540px
 }
}
@media (min-width:768px) {
 .container {
  max-width:720px
 }
}
@media (min-width:992px) {
 .container {
  max-width:960px
 }
}
@media (min-width:1200px) {
 .container {
  max-width:1270px
 }
}
.container-fluid {
 width:100%;
 padding-right:15px;
 padding-left:15px;
 margin-right:auto;
 margin-left:auto
}
.row {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-right:-15px;
 margin-left:-15px
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
 width:100%;
 min-height:1px;
 padding-right:15px;
 padding-left:15px
}
@media (min-width:768px) {
 .col-md-1 {
  -webkit-box-flex:0;
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-md-2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-md-3 {
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-md-4 {
  -webkit-box-flex:0;
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-md-5 {
  -webkit-box-flex:0;
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-md-6 {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .col-md-7 {
  -webkit-box-flex:0;
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-md-8 {
  -webkit-box-flex:0;
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-md-9 {
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-md-10 {
  -webkit-box-flex:0;
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-md-11 {
  -webkit-box-flex:0;
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-md-12 {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 
}
@media (min-width:992px) {
.d-lg-none {
  display: none !important;
}
 .col-lg-1 {
  -webkit-box-flex:0;
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-lg-2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-lg-3 {
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-lg-4 {
  -webkit-box-flex:0;
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-lg-5 {
  -webkit-box-flex:0;
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-lg-6 {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .col-lg-7 {
  -webkit-box-flex:0;
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-lg-8 {
  -webkit-box-flex:0;
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-lg-9 {
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-lg-10 {
  -webkit-box-flex:0;
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-lg-11 {
  -webkit-box-flex:0;
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-lg-12 {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }

 .offset-lg-1 {
  margin-left:8.333333%
 }
 .offset-lg-2 {
  margin-left:16.666667%
 }
 .offset-lg-3 {
  margin-left:25%
 }
 
}
@media (min-width:1200px) {
 .col-xl-1 {
  -webkit-box-flex:0;
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-xl-2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-xl-3 {
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-xl-4 {
  -webkit-box-flex:0;
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-xl-5 {
  -webkit-box-flex:0;
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-xl-6 {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .col-xl-7 {
  -webkit-box-flex:0;
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-xl-8 {
  -webkit-box-flex:0;
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-xl-9 {
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-xl-10 {
  -webkit-box-flex:0;
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-xl-11 {
  -webkit-box-flex:0;
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-xl-12 {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .offset-xl-1 {
  margin-left:8.333333%
 }
 .offset-xl-2 {
  margin-left:16.666667%
 }
 .offset-xl-3 {
  margin-left:25%
 }
 .offset-xl-4 {
  margin-left:33.333333%
 }
 .offset-xl-5 {
  margin-left:41.666667%
 }
 .offset-xl-6 {
  margin-left:50%
 }
 
}


/*** 

====================================================================
  Mobile sticky 
====================================================================

***/

.cms-mobile-header {
    display: none;
    transition: all 0.5s ease;
}
@media only screen and (max-width:1023px) {
    .cms-mobile-header.sticky-on {
        position:fixed;
        top:0;
        display:block;
        width:100%;
        background: #861819;
        left:0;
        text-align:center;
        padding:10px 0 10px;
        z-index:3;
        -webkit-animation:smoothScroll 1s forwards;
                animation:smoothScroll 1s forwards;
    }
    @-webkit-keyframes smoothScroll {
        0% {
        transform:translateY(-100%)
        }
        100% {
        transform:translateY(0%)
        }
    }
    @keyframes smoothScroll {
        0% {
        transform:translateY(-100%)
        }
        100% {
        transform:translateY(0%)
        }
    }
    .cms-mobile-header .sticky-icon {
        margin-left:2%;
        width:23.5%;
        float:left;
        font-size:14px;
        font-weight:700;
        text-transform:uppercase;
        color: #fff;
        cursor: pointer;
    }
    .cms-mobile-header .sticky-icon.first {
        margin-left:0;
    }
    .cms-mobile-header .sticky-icon a {
        color:#fff;
        display: block;
    }
    .cms-mobile-header .sticky-icon svg {
        width: auto;
        height: 20px;
        display:block;
        margin:0 auto;
        margin-bottom:5px;
    }
}



/*** 
====================================================================
  Header start 
====================================================================
***/

header.cms-header {
    position: relative;
    z-index: 3;
    height: 80px;
}
header.cms-header .container {
    max-width: 1600px;
}
@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow:row nowrap;
    }
}
header.cms-header .navbar {
    padding: 0;
    display: flex;
    align-items: center;
}
header.cms-header .navbar-brand {
    position: relative;
    padding: 0;
    margin: 0;
    display: flex;
    min-width: 150px;
}
header.cms-header .mobile-navigation {
    margin-left: auto;
    line-height: 1;
}
.mobile-menu  {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.mobile-menu li {
    position: relative;
}
.mobile-menu li a {
    position: relative;
    padding: 15px 15px;
    font-size: 14px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.80);
    text-transform: capitalize;
    white-space: nowrap;
    display: flex;
}
.mobile-menu li a:hover,
.mobile-menu li.current_page_item > a 
.mobile-menu li a:focus {
    color: #861819;
}
.off-canvas-wrapper .off-canvas-inner {
    display: flex;
    align-items: center;
}



header.cms-header .header-right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

header.cms-header .lang-inner {
    width: 132px;
    height: 77px;
    border-radius: 1px;
    border: solid 2px #861819;
    border-top: 0;
    font-size: 18px;
    color: #861819;
    font-weight: 900;
    line-height: 100%;
    text-transform: capitalize;
    display: flex; 
    align-items: center;
    justify-content: center;
    margin-right: 60px;
}
header.cms-header .lang-inner:hover {
    background-color: #861819;
    color: #fff;
}
header.cms-header .lang {
    display: flex;
}
header.cms-header .quote-lft {
    font-size: 21px;
    font-weight: 700;
    margin-right: 3px;
    margin-top: -5px;
}
header.cms-header .lang-txt {
    display: flex;
    width: 80px;
}
header.cms-header .quote-rht {
    font-size: 21px;
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    margin-left: -5px;
}



header.cms-header .call-box {
    display: flex;
    align-items: center;
}
header.cms-header .call-icon {
    display: flex;
}
header.cms-header .call-txt {
    margin-left: 12px;
}
header.cms-header .call-top {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1;
    color: #262626;
    transition: all 0.3s ease-in-out;
}
header.cms-header .call-txt:hover .call-top {
    color: #861819;
}
header.cms-header .btn-box {
    margin-left: 30px;
}
header.cms-header .theme-btn {
    height: 56px;
    width: 222px;
    padding-left: 95px;
}
header.cms-header .theme-btn::after {
    background-size: 14px;
    width: 55px;
}






/* ================================= submenu style ===================================*/

@media(min-width:992px) {

    header.cms-header .off-canvas-wrapper {
        display: flex;
    }
    header.cms-header .off-canvas-inner-content {
        
    }

    header.cms-header .mobile-menu ul.sub-menu {
        opacity: 0;
        visibility: hidden;
        position:absolute;
        left: 0;
        top: 150%;
        background: #fff;
        box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        padding: 5px 15px 5px;
        min-width: 220px;
        z-index: 9999;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: all 0.5s ease-in-out;
        display: block !important;
    }

    header.cms-header .mobile-menu li.menu-item-has-children:hover > ul.sub-menu {
        top: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        visibility: visible;
    }
    header.cms-header .mobile-menu li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover ul.sub-menu {
        left: 100%;
        top: 0;
    }
    header.cms-header .mobile-menu ul.sub-menu li.menu-item {
        display: block;
        border-bottom: solid 1px #345276;
        padding: 0;
    }
    header.cms-header .mobile-menu ul.sub-menu li.menu-item:last-child {
        border-bottom: 0;
    }
    header.cms-header .mobile-menu ul.sub-menu li.menu-item a {
        display: block;
        font-size: 14px;
        font-weight: 600;
        color: #000;
        line-height: 1.2;
        padding: 10px 0 10px;
        margin: 0;
        text-transform: capitalize;
    }
    header.cms-header .mobile-menu ul.sub-menu li.menu-item a:hover {
        background-color: #861819;
        padding-left: 10px;
        color: #fff;
    }
    header.cms-header .mobile-menu .menu-expand {
        position: absolute;
        right: 5px;
        top: 23px;
        width: 8px;
        height: 4px;
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L0.535899 0.25L7.4641 0.25L4 4Z' fill='%23313131'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
    }
}

/*** 

====================================================================
  mobile menu css
====================================================================

***/


/* 768 */
@media only screen and (max-width: 1023px) {
.fix {
    overflow: hidden;
}
.mobile-navigation {
    overflow: hidden;
    max-height: 480px;
    width: 100%;
}
.off-canvas-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 300px;
    visibility: hidden;
    z-index: 9999999;
    padding: 20px;
    max-width: 100%;
}
.mobile-navigation nav {
    height: 100%;
}
.off-canvas-wrapper.open {
    visibility: visible;
}
.off-canvas-wrapper.open .off-canvas-inner-content {
    left: 0px;
}
.off-canvas-wrapper.open .off-canvas-overlay {
    opacity: 1;
    width: 100%;
    visibility: visible;
    transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -webkit-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.off-canvas-wrapper .off-canvas-inner-content {
    position: absolute;
    left: -400px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: #ffffff;
    padding: 20px 20px;
    z-index: 5;
    border-radius: 0px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
      transition-delay: 0s;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.off-canvas-wrapper .btn-close-off-canvas {
    top: 0;
    left: 100%;
    width: 40px;
    height: 40px;
    background-color: #861819;
    cursor: pointer;
    position: absolute;
}
.off-canvas-wrapper .btn-close-off-canvas .close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.off-canvas-wrapper .btn-close-off-canvas span:nth-child(1) {
    width: 20px;
    height: 2px;
    background-color: #fff;
    transform: rotate(-45deg);
    display: block;
    position: relative;
    left: 10px;
}
.off-canvas-wrapper .btn-close-off-canvas span:nth-child(2) {
    width: 20px;
    height: 2px;
    background-color: #fff;
    transform: rotate(45deg);
    display: block;
    position: relative;
    right: 10px;
}
.off-canvas-wrapper .off-canvas-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    height: 100%;
}

/*---------------------------
    - Mobile Menu Css
-----------------------------*/
.mobile-menu-btn .off-canvas-btn {
    font-size: 17px;
    cursor: pointer;
    padding: 10px 10px;
    line-height: 1;
    border: 2px solid #861819;
    margin-left: 10px;
}
.mobile-menu-btn .off-canvas-btn a {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.mobile-menu-btn .off-canvas-btn a span:nth-child(1) {
    width: 27px;
    height: 2px;
    background-color: #861819;
}
.mobile-menu-btn .off-canvas-btn a span:nth-child(2) {
    width: 17px;
    height: 2px;
    background-color: #861819;
}
.mobile-menu-btn .off-canvas-btn a span:nth-child(3) {
    width: 22px;
    height: 2px;
    background-color: #861819;
}

.mobile-menu {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
    margin-right: -10px;
    display: block;
}
.mobile-menu li > a {
    font-size: 16px;
    color: #222;
    text-transform: capitalize;
    line-height: 18px;
    position: relative;
    display: inline-block;
    padding: 15px 0;
}
.mobile-menu li > a:hover {
    color: #861819;
}
.mobile-menu li ul li {
    border: none;
}
.mobile-menu li ul li a {
    font-size: 14px;
    text-transform: capitalize;
    padding: 10px 0 10px;
}
.mobile-menu .menu-item-has-children {
    position: relative;
}
.mobile-menu .menu-item-has-children .menu-expand {
    line-height: 50;
    top: -5px;
    left: 95%;
    width: 30px;
    position: absolute;
    height: 50px;
    text-align: center;
    cursor: pointer;
}
.mobile-menu .menu-item-has-children .menu-expand i {
    display: block;
    position: relative;
    width: 10px;
    margin-top: 25px;
    border-bottom: 2px solid #252525;
    -webkit-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.mobile-menu .menu-item-has-children .menu-expand i::before {
    top: 0;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: 2px solid #252525;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.mobile-menu .menu-item-has-children.active > .menu-expand i::before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.mobile-menu ul.sub-menu {
    list-style: none;
    padding: 0 0 0;
    padding-left: 15px;
}

}



/*** 

====================================================================
  banner css
====================================================================

***/

.mobimg {
    display: none;
    text-align: center;
}
.home .cms-banner {
    min-height: 560px;
}
.cms-banner {
    position: relative;
    padding: 80px 0 120px;
    z-index: 1;
}
.cms-banner::before {
    content: "";
    position: absolute;
    left: 0;
    top: -80px;
    width: 547px;
    height: 505px;
    background-image: url("data:image/svg+xml,%3Csvg width='547' height='505' viewBox='0 0 547 505' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:multiply'%3E%3Cpath d='M-4 505V-4.00003H547L-4 505Z' fill='%23F5F3F3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    z-index: -1;
}
.cms-banner::after {
    content: "";
    position: absolute;
    right: 0;
    top: -17px;
    width: 100%;
    height: 732px;
    background-image: url(../images/banner-sap.webp);
    background-repeat: no-repeat;
    background-position: right top;
    z-index: -2;
}
.banner-wrapper::before {
    content: "";
    position: absolute;
    right: 0;
    top: 30px;
    width: 514px;
    height: 659px;
    background-image: url("data:image/svg+xml,%3Csvg width='514' height='659' viewBox='0 0 514 659' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:multiply'%3E%3Cpath d='M514 0V326L147 659L0.5 485.5L514 0Z' fill='%23902526'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    mix-blend-mode: multiply;
    z-index: -1;
}
.cms-banner .row {
    align-items: center;
}
.cms-banner .banner-lft {
    position: relative;

}
.tagline {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 800;
    color: rgba(134, 24, 25, 0.90); 
    line-height: 120%;
    letter-spacing: 3.6px;
    text-transform: uppercase;
    margin: 0 0 20px; 
}
.home .cms-banner .heading-area {
    height: 144px;
}
.cms-banner .heading-area {
    position: relative;
    margin: 0 0 40px;
}
.cms-banner .heading-area::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 5px;
    width: 6px;
    height: 96%;
    background-color: #861819;
}
.cms-banner .bot-txt {
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    line-height: 1;
    color: rgba(44, 44, 44, 0.65);
    font-weight: 500;
}
.cms-banner .bot-txt::before {
    content: "";
    position: absolute;
    left: -65px;
    top: -8px;
    width: 44px;
    height: 37px;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='37' viewBox='0 0 44 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5158 36.8962C7.18784 36.8962 4.65984 35.6802 2.93184 33.2482C1.20384 30.7522 0.339844 27.2962 0.339844 22.8802C0.339844 18.0802 1.55584 13.8242 3.98784 10.1122C6.48384 6.40019 10.2598 3.36019 15.3158 0.992188L18.7718 8.09619C15.6998 9.44019 13.3958 11.1042 11.8598 13.0882C10.3238 15.0722 9.55584 17.5042 9.55584 20.3842L9.65184 29.4082L4.75584 22.4002C5.52384 21.8242 6.41984 21.3122 7.44384 20.8642C8.46784 20.4162 9.49184 20.1922 10.5158 20.1922C12.8198 20.1922 14.7718 20.8962 16.3718 22.3042C17.9718 23.7122 18.7718 25.6322 18.7718 28.0642C18.7718 30.7522 18.0038 32.8962 16.4678 34.4962C14.9318 36.0962 12.9478 36.8962 10.5158 36.8962ZM35.4758 36.8962C32.1478 36.8962 29.6198 35.6802 27.8918 33.2482C26.1638 30.7522 25.2998 27.2962 25.2998 22.8802C25.2998 18.0802 26.5158 13.8242 28.9478 10.1122C31.4438 6.40019 35.2198 3.36019 40.2758 0.992188L43.7318 8.09619C40.6598 9.44019 38.3558 11.1042 36.8198 13.0882C35.2838 15.0722 34.5158 17.5042 34.5158 20.3842L34.6118 29.4082L29.7158 22.4002C30.4838 21.8242 31.3798 21.3122 32.4038 20.8642C33.4278 20.4162 34.4518 20.1922 35.4758 20.1922C37.7798 20.1922 39.7318 20.8962 41.3318 22.3042C42.9318 23.7122 43.7318 25.6322 43.7318 28.0642C43.7318 30.7522 42.9638 32.8962 41.4278 34.4962C39.8918 36.0962 37.9078 36.8962 35.4758 36.8962Z' fill='%23991B31'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
}
.cms-banner .banner-bottom {
    display: flex;
    align-items: center;
    column-gap: 30px;
    row-gap: 30px;
    padding: 30px 0 0;
}
.cms-banner .theme-btn {
    min-width: 436px;
    height: 72px;
}
.cms-banner .theme-btn::after {
    background-size: 15px;
}




.cms-banner .banner-review {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 63px;
}
.cms-banner .reviews-block {
    max-width: 200px;
    display: flex;
    align-items: center;
}
.cms-banner .stars-clock {
    width: 66px;
    text-align: center;
    margin-left: -10px;
}
.cms-banner .star {
    display: flex;
    justify-content: space-between;
}
.cms-banner .reviews-count {
    position: relative;
    font-size: 29px;
    font-weight: 900;
    text-transform: uppercase;
    color: #861819;
    display: flex;
    align-items: center;
    line-height: 1;
}
.cms-banner .reviews-count sup {
    position: relative;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    letter-spacing: 3.646px; 
    color: #262626;
    top: -15px;
    margin-left: -3px;
}
.cms-banner .stars-text {
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 2.127px; 
    color: #861819;
    padding: 0 0 0;
}


.banner-rht {
    text-align: right;
}
.cms-banner .video-box {
    position: relative;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.cms-banner .video-box .video-img img {
    border: 5px solid #2C2C2C; 
    border-radius: 5px;
    box-shadow: 0px 14px 42px 0px rgba(43, 10, 10, 0.20); 
    transition: all 0.3s ease-in-out;
}
.cms-banner .video-box:hover .video-img img {
    border: 5px solid #861819;
}

.cms-banner .video-icon {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 30px 40px 0;
    padding-right: 0;
}
.cms-banner .video-icon .play-txt {
    position: relative;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    padding: 0 0 5px;
    margin-right: 23px;
    transition: all 0.3s ease-in-out;
}
.cms-banner .video-icon .play-txt::before {
    content: "";
    position: absolute;
    left: -35px;
    bottom: 0;
    width: 86px;
    height: 3px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}
.cms-banner .video-box:hover .play-txt {
    color: #861819;
}
.cms-banner .video-box:hover .play-txt::before {
    background-color: #861819;
}
.cms-banner .video-box path {
    transition: all 0.3s ease-in-out;
}
.cms-banner .video-box:hover path {
    stroke: #861819;
}



/*** 

====================================================================
  banner service css
====================================================================

***/

.banner-service {
    position: relative;
    z-index: 1;
    margin: -60px 0 0;
}
.banner-service .service-inner {
    border-radius: 5px;
    border-bottom: 4px solid #861819;
    background-color: #F5F3F3;
    box-shadow: 0px 14px 36px 0px rgba(134, 24, 25, 0.08);
}
.banner-service .banner-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 20px 30px;
}
.banner-service .banner-box::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    width: 2px;
    height: 66px;
    background-color: #313840;
    opacity: 0.30;
    transform: translateY(-50%);
}
.banner-service .col-xl-3:first-child .banner-box::before {
    display: none;
}
.banner-service .icon {
    display: flex;
    justify-content: center;
    min-width: 92px;
    margin: 25px 0 0;
}
.banner-service .icon img {
    width: auto;
    transition: all 0.3s ease-in-out;
}
.banner-service .banner-box:hover .icon img {
    filter: invert(12%) sepia(16%) saturate(8%) hue-rotate(317deg) brightness(45%) contrast(86%);
}
.banner-service .top-txt {
    font-size: 15px;
    font-weight: 700;
    color: #861819;
    text-align: center;
    text-transform: capitalize; 
    line-height: 1;
    margin: 0 0 5px;
    transition: all 0.3s ease-in-out;
}
.banner-service .banner-box:hover .top-txt {
    color: #2C2C2C;
}
.banner-service .bot-txt {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #2C2C2C;
    text-align: center;
    text-transform: capitalize;
    line-height: 1; 
    transition: all 0.3s ease-in-out;
}
.banner-service .banner-box:hover .bot-txt {
    color: #861819;
}



/*** 

====================================================================
  badge css
====================================================================

***/

.cms-badge {
    position: relative;
    padding: 40px 0 40px;
    background-color: #fff;
    z-index: 1;
}
.cms-badge .badge-inner {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}




/*** 

====================================================================
  about us css
====================================================================

***/

.cms-about {
    position: relative;
    padding: 80px 0 80px;
    overflow: hidden;
}
.cms-about::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 717px;
    height: 700px;
    background-image: url(../images/about-sap.webp);
    background-repeat: no-repeat;
    z-index: -1;
}
.cms-about .section-header {
    max-width: 726px;
    margin: 0 auto;
    padding: 0 0 60px;
}
.cms-about .about-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 30px;
    max-width: 900px;
    margin: 0 auto;
}
.cms-about .about-link {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #262626;
    border-radius: 3px;
    overflow: hidden;
    padding: 10px;
    padding-left: 85px;
    min-height: 74px;
    z-index: 1;
}
.cms-about .about-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 71px;
    height: 100%;
    background-color: #861819;
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.cms-about .about-link::after {
    content: "?";
    position: absolute;
    left: 15px;
    top: 0;
    width: 71px;
    height: 100%;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
}
.cms-about .about-link:hover::before {
    width: 100%;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}



/*** 

====================================================================
  guide css
====================================================================

***/

.cms-lawyer {
    position: relative;
    padding: 100px 0 100px;
    background-color: #F4F1F1;
    z-index: 1;
}
.cms-lawyer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: 514px;
    height: 659px;
    background-image: url("data:image/svg+xml,%3Csvg width='514' height='659' viewBox='0 0 514 659' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:multiply'%3E%3Cpath d='M0.25 0V326L367.25 659L513.75 485.5L0.25 0Z' fill='%23902526'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    z-index: -1;
}
.cms-lawyer .section-header {
    position: relative;
    padding: 0 0 60px;
    padding-left: 300px;
}
.cms-lawyer .section-header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 45px;
    width: 246px;
    height: 4px;
    background-color: #861819;
}
.cms-lawyer .lawyer-lft {
    margin-right: -40px;
}
.cms-lawyer .lawyer-img img {
    border-radius: 3px;
    box-shadow: 0px 14px 32px 0px rgba(0, 0, 0, 0.12); 
}
.cms-lawyer .lawyer-rht {
    padding-left: 80px;
}
.cms-lawyer .lawyer-rht p {
    line-height: 180%;
}

.cms-lawyer .btn-box {
    padding: 90px 0 0;
}



/*** 

====================================================================
  team css
====================================================================

***/


.cms-team {
    position: relative;
    padding: 80px 0 80px;
    overflow: hidden;
}
.cms-team .section-header {
    position: relative;
    max-width: 750px;
    margin: 0 auto;
    padding: 0 0 70px;
}
.cms-team .section-header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    height: 4px;
    background-color: #861819;
}
.cms-team .section-header h2 {
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 0 30px;
}


.cms-team .team-inner {
    max-width: 1560px;
    margin: 0 auto;
}
.cms-team .customers-box {
    position: relative;
    transition: all .3s ease-in-out;
    text-align: center;
}
.cms-team .customers-img {
    position: relative;
    display: inline-block;
}
.cms-team .customers-box .content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.cms-team .customers-box .name {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    text-align: center;
    text-transform: capitalize;
    color: #2C2C2C;
    margin: 10px 0 15px;
}
.cms-team .customers-box .position {
    font-weight: 700;
    font-size: 21px;
    line-height: 1;
    text-align: center;
    text-transform: capitalize;
    color: rgba(134, 24, 25, 0.85);
}
.cms-team .customers-hover-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    background: rgba(38, 38, 38, 0.7);
    text-align: center;
    width: 100%;
    height: 100%;
    transform: scale(0);
    opacity: 0;
    z-index: 11;
    transition: all .3s ease-in-out;
    display: flex;
}
.cms-team .customers-box-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cms-team .customers-box:hover .customers-hover-box {
    opacity: 1;
    transform: scale(1);
    margin: 0 auto;
}
.cms-team .customers-hover-box .learn-more {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border: 0; 
    background-color: #861819;
    border-radius: 0; 
    padding: 14px 26px 14px;
    position: relative;  
    text-align: center; 
    width: auto; 
    cursor:pointer; 
    text-transform: capitalize;
    line-height: 1.42857143;
    display: inline-flex;
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
}
.cms-team .customers-hover-box .learn-more:hover {
    background-color: #262626;
    color: #fff;
}



.cms-team .owl-carousel .owl-nav button.owl-next, 
.cms-team .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 60px;
    width: 65px;
    height: 170px;
    background-color: #861819;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='41' viewBox='0 0 26 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0294 37.6429L6.05887 20.6724L23.0294 3.7018' stroke='white' stroke-width='8'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}
.cms-team .owl-carousel .owl-nav button span {
    font-size: 0;
}
.cms-team .owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}
.cms-team .owl-carousel .owl-nav button.owl-next {
    rotate: -180deg;
    left: inherit;
    right: -15px;
}
.cms-team .owl-carousel .owl-nav button:hover {
    background-color: #262626;
}


.cms-team .btn-boxsec {
    padding: 60px 0 0;
}


/*** 

====================================================================
  step css
====================================================================

***/

.cms-step {
    position: relative;
    padding: 80px 0 160px;
}
.cms-step::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -80px;
    width: 717px;
    height: 700px;
    background-image: url(../images/about-sap.webp);
    background-repeat: no-repeat;
    z-index: -1;
    transform: rotateY(180deg);
}
.cms-step .section-header {
    max-width: 780px;
    margin: 0 auto;
    padding: 0 0 80px;
}
.cms-step .step-lft {
    margin-right: -21px;
}
.cms-step .btn-box {
    padding: 65px 0 0;
}


.cms-step .step-rht {
    position: relative;
    padding-left: 55px;
}
.cms-step .step-rht::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 29px;
    height: 514px;
    background-image: url(../images/line-arrow.svg);
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.cms-step .step-inner {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
}
.cms-step .step-box {
    max-width: 484px;
    border-radius: 5px;
    border-bottom: 4px solid #861819;
    background: #F5F3F3;
    box-shadow: 0px 14px 36px 0px rgba(134, 24, 25, 0.08);
    padding: 34px 0 34px;
    display: flex;
    align-items: center;
}
.cms-step .step-box .icon-main {
    min-width: 200px;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.cms-step .step-box .icon-txt {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #2C2C2C;
    line-height: 1;
    text-transform: capitalize;
    margin: 0 0 15px;
}
.cms-step .step-box .icon img {
    width: auto;
}
.cms-step .step-box .step-number {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 500;
    color: #861819;
    line-height: 1;
    text-transform: capitalize;
    width: 36px;
    height: 114px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cms-step .step-box .step-number::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #313840;
    opacity: 0.10;
    margin-left: -1px;
}
.cms-step .step-box .step-number span {
    position: relative;
    width: 20px;
    height: 34px;
    background-color: #F5F3F3;
    display: flex;
    align-items: center;
} 
.cms-step .step-box .content {
    max-width: 192px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 150%;
    margin-left: 20px;
}




/*** 

====================================================================
  case result css 
====================================================================

***/

.cms-result {
    position: relative;
    background-color: #F4F1F1;
    padding: 110px 0 120px;
}
.cms-result .section-header {
    padding: 0 0 70px;
}

.cms-result .result-box {
    display: block;
    background-color: #fff;
    border-radius: 5px;
    border-top: 4px solid #861819;
    box-shadow: 0px -6px 10px 0px rgba(0, 0, 0, 0.04);
}
.cms-result .result-top {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    line-height: 120%;
    padding: 30px 35px 35px;
    min-height: 210px;
}
.cms-result .result-bot {
    border-radius: 0px 0px 5px 5px;
    border-top: 8px solid #861819;
    background: #262626;
    padding: 30px 35px 35px;
    min-height: 200px; 
}
.cms-result .outcome-txt {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.42px;
    text-transform: uppercase;
    margin: 0 0 25px; 
}
.cms-result .outcome {
    display: flex;
    align-items: center;
}
.cms-result .outcome .icon {
    min-width: 57px;
    margin-right: 25px;
}
.cms-result .outcome .icon img {
    width: auto;
}
.cms-result .outcome .content {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 150%;
    max-width: 240px;margin: 0 !important;
    display: block !important;
}


.cms-result .owl-carousel .owl-nav button.owl-next, 
.cms-result .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 54px;
    background-image: url(../images/result-arrow.svg);
    background-repeat: no-repeat;
    margin-top: -27px;
}
.cms-result .owl-carousel .owl-nav button span {
    font-size: 0;
}
.cms-result .owl-carousel .owl-nav button.owl-prev {
    left: -120px;
}
.cms-result .owl-carousel .owl-nav button.owl-next {
    rotate: -180deg;
    left: inherit;
    right: -120px;
}
.cms-result .owl-carousel .owl-nav button:hover {
    opacity: 0.4;
}



.cms-result .owl-carousel .owl-dots {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    margin: 40px 0 0;
}
.cms-result .owl-carousel .owl-dots button {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    border: 3px solid #861819; 
}
.cms-result .owl-carousel .owl-dots button {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    border: 3px solid #861819; 
}
.cms-result .owl-carousel .owl-dots button:hover,
.cms-result .owl-carousel .owl-dots button.active {
    background-color: #861819;
}


.cms-result .btn-box {
    padding: 150px 0 0;
}


/*** 

====================================================================
  testimonial css
====================================================================

***/

.cms-testimonial {
    position: relative;
    background-image: url(../images/review-bg.webp);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 170px 0 200px;
    z-index: 1;
}


.cms-testimonial .section-header {
    max-width: 1092px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.cms-testimonial .testimonial-review {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 370px;
    border-radius: 10px 10px 0px 0px;
    background-color: #262626;
    padding: 25px; 
}
.cms-testimonial .reviews-block {
    max-width: 200px;
    display: flex;
    align-items: center;
}
.cms-testimonial .stars-clock {
    width: 106px;
    text-align: center;
    margin-left: -13px;
}
.cms-testimonial .star {
    display: flex;
    justify-content: space-between;
}
.cms-testimonial .reviews-count {
    position: relative;
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    line-height: 1;
}
.cms-testimonial .reviews-count sup {
    position: relative;
    font-weight: 700;
    font-size: 28px;
    display: inline-block;
    letter-spacing: 3.646px; 
    color: #861819;
    top: -25px;
    margin-left: -5px;
}
.cms-testimonial .stars-text {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 3.459px; 
    color: #fff;
    padding: 0 0 0;
}
.cms-testimonial .section-rht {
    max-width: 530px;
    margin-left: 55px;
}







.cms-testimonial .testimonial-inner {
    position: relative;
    max-width: 1092px;
    margin: 0 auto;
    border-radius: 3px;
    background: #F4F1F1; 
}
.cms-testimonial .testimonial-inner::before,
.cms-testimonial .testimonial-inner::after {
    content: "";
    position: absolute;
    left: -95px;
    bottom: -70px;
    width: 144px;
    height: 104px;
    background-image: url("data:image/svg+xml,%3Csvg width='144' height='104' viewBox='0 0 144 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M143.182 59.9679C140.953 66.6355 138.725 73.303 136.496 79.9705C134.268 86.6732 132.04 93.4109 129.811 100.149C128.906 102.886 127.687 103.798 124.797 103.798C120.967 103.798 117.102 103.798 113.272 103.798C109.477 103.798 108.049 102.359 108.049 98.5695C108.049 87.4101 108.049 76.2507 108.049 65.0914C108.049 64.5299 108.049 64.0035 108.049 63.3017C107.387 63.3017 106.9 63.3017 106.378 63.3017C99.6923 63.3017 93.0417 63.3017 86.3564 63.3017C82.77 63.3017 81.2031 61.7225 81.2031 58.0729C81.2031 40.7022 81.2031 23.3315 81.2031 5.96082C81.2031 2.3814 82.77 0.837338 86.2868 0.837338C103.383 0.837338 120.479 0.872431 137.576 0.802246C140.152 0.802246 142.068 1.50409 143.182 3.92546C143.182 22.5946 143.182 41.2988 143.182 59.9679Z' fill='%23861819'/%3E%3Cpath d='M27.577 63.302C26.8457 63.302 26.3235 63.302 25.836 63.302C19.081 63.302 12.2912 63.302 5.53623 63.302C2.57657 63.302 0.800781 61.6176 0.800781 58.8102C0.800781 40.9833 0.800781 23.1213 0.800781 5.29437C0.800781 2.55717 2.54175 0.837646 5.29249 0.837646C22.946 0.837646 40.5994 0.837646 58.2529 0.837646C61.0385 0.837646 62.7794 2.55717 62.7794 5.39965C62.8143 23.1564 62.8143 40.878 62.7794 58.6347C62.7794 59.5471 62.5357 60.4946 62.2571 61.3719C58.0092 74.2859 53.7264 87.1999 49.4436 100.114C48.5035 102.921 47.2848 103.799 44.2903 103.799C40.3905 103.799 36.4907 103.799 32.6258 103.799C29.1438 103.799 27.6118 102.254 27.6118 98.7452C27.6118 87.5508 27.6118 76.3212 27.6118 65.1268C27.577 64.6004 27.577 64.0389 27.577 63.302Z' fill='%23861819'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
}
.cms-testimonial .testimonial-inner::after {
    left: auto;
    bottom: auto;
    right: -80px;
    top: -80px;
    z-index: -1;
}
.testimonial-slider::before {
    content: "";
    position: absolute;
    left: -35px;
    top: 35px;
    width: 100%;
    height: 97.5%;
    border-radius: 3px;
    border: 4px solid #861819; 
}
.cms-testimonial .testimonial-slider {
    padding: 85px 60px 50px;
}
.cms-testimonial .content {
    font-size: 24px;
    font-weight: 300;
    line-height: 38px;
    color: #000;
    padding: 0 0 20px;
    max-width: 910px;
    min-height: 260px;
}
.cms-testimonial .author-name {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    color: #000;
    text-align: right;
    padding-right: 30px;
}



.cms-testimonial .owl-carousel .owl-nav button.owl-next, 
.cms-testimonial .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 54px;
    background-image: url(../images/result-arrow.svg);
    background-repeat: no-repeat;
    margin-top: -27px;
}
.cms-testimonial .owl-carousel .owl-nav button span {
    font-size: 0;
}
.cms-testimonial .owl-carousel .owl-nav button.owl-prev {
    left: -150px;
}
.cms-testimonial .owl-carousel .owl-nav button.owl-next {
    rotate: -180deg;
    left: inherit;
    right: -150px;
}
.cms-testimonial .owl-carousel .owl-nav button:hover {
    opacity: 0.4;
}



.cms-testimonial .owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    margin: 150px 0 0;
}
.cms-testimonial .owl-carousel .owl-dots button {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    border: 3px solid #861819; 
}
.cms-testimonial .owl-carousel .owl-dots button {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    border: 3px solid #861819; 
}
.cms-testimonial .owl-carousel .owl-dots button:hover,
.cms-testimonial .owl-carousel .owl-dots button.active {
    background-color: #861819;
}


/*** 

====================================================================
  practice area css
====================================================================

***/

.cms-practice {
    position: relative;
    background-color: #F5F3F3;
    padding: 110px 0 130px;
    z-index: 1;
}
.cms-practice .section-header {
    padding: 0 0 60px;
}
.cms-practice .row {
    row-gap: 30px;
}
.cms-practice .practice-box {
    position: relative;
    display: block;
    text-align: center;
    height: 90px;
    border: 3px solid #861819;
    color: #000;
    overflow: hidden;
}
.cms-practice .practice-box .practice-img {
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: -1;
}
.cms-practice .practice-box .practice-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cms-practice .practice-box .practice-txt {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.42px;
    text-transform: uppercase; 
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px;
}
.cms-practice .practice-box:hover {
    background-color: #902526;
    box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.32);
    color: #fff; 
}



/*** 

====================================================================
  faq css
====================================================================

***/


.cms-faq {
    position: relative;
    padding: 100px 0 110px;
    /* background-image: url(../images/faq-bg.webp);
    background-repeat: no-repeat; 
    background-size: cover; */
    overflow: hidden;
    z-index: 1;
}
.cms-faq::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -80px;
    width: 717px;
    height: 700px;
    background-image: url(../images/about-sap.webp);
    background-repeat: no-repeat;
    z-index: -1;
    transform: rotateY(180deg);
}
.cms-faq::after {
    content: "";
    position: absolute;
    left: -140px;
    top: 200px;
    width: 787px;
    height: 732px;
    background-image: url(../images/banner-sap.webp);
    background-repeat: no-repeat;
    z-index: -2;
    transform: rotateY(180deg);
}
.faq-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 300px;
    width: 668px;
    height: 820px;
    background-image: url("data:image/svg+xml,%3Csvg width='668' height='821' viewBox='0 0 668 821' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:multiply'%3E%3Cpath d='M0.123535 0.0141602V326.014L527 821L667.109 639L0.123535 0.0141602Z' fill='%23902526'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    mix-blend-mode: multiply;
    z-index: -1;
}
.cms-faq .section-header {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 0 50px;
}
.cms-faq .section-header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    height: 4px;
    background-color: #861819;
}
.cms-faq .section-header h2 {
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 0 30px;
}




.cms-faq .question-block {
    max-width: 954px;
    margin: 0 auto;
    display:flex;
    flex-direction:column;
    background-color: #F5F3F3;
    padding: 30px 0 80px;
}
.cms-faq .question-item {
    background-color: #F5F3F3;
    border-radius: 3px 3px 3px 3px;
    overflow: hidden;
    transition: all 0.3s ease-in;
}
.cms-faq .question-item.opened {
    background-color: #262626;
    border-radius: 3px;
    border-bottom: 8px solid #861819;
    margin: 0 -22px;
    padding: 0 22px; 
}
.cms-faq .question {
    padding-left:70px;
    padding-right:120px;
    padding-top: 25px;
    padding-bottom: 25px;
    position:relative;
    display:flex;
    font-weight:700;
    font-size:24px;
    line-height: 1.2;
    color:#000;
    cursor:pointer;
    transition: all 0.3s ease-in-out;
}
.cms-faq .question-item.opened .question {
    color: #fff;
}
.cms-faq .question::before {
    content:'';
    position:absolute;
    width:80px;
    height:100%;
    right:0;
    top:30px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='14' viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7452 12.9433L20.6453 3.47483C20.8513 3.25583 20.9648 2.96349 20.9648 2.65178C20.9648 2.34007 20.8513 2.04773 20.6453 1.82873L19.9901 1.13145C19.5631 0.677715 18.8691 0.677715 18.4428 1.13145L10.969 9.08237L3.48694 1.12262C3.28092 0.903628 3.00629 0.782714 2.71345 0.782714C2.42028 0.782714 2.14565 0.903628 1.93947 1.12262L1.28435 1.81991C1.07834 2.03908 0.964844 2.33125 0.964844 2.64296C0.964844 2.95467 1.07834 3.24701 1.28435 3.466L10.1926 12.9433C10.3992 13.1628 10.6752 13.2834 10.9685 13.2827C11.263 13.2834 11.5387 13.1628 11.7452 12.9433Z' fill='%23861819'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    transition: all 0.3s ease-in;
}
.cms-faq .question-item.opened .question::before {
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='22' viewBox='0 0 35 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6343 1.51522L1.5041 16.9678C1.15388 17.3252 0.960938 17.8023 0.960938 18.311C0.960938 18.8197 1.15388 19.2968 1.5041 19.6542L2.61808 20.7922C3.34396 21.5327 4.52372 21.5327 5.2485 20.7922L17.9539 7.81628L30.6734 20.8066C31.0236 21.164 31.4905 21.3613 31.9883 21.3613C32.4867 21.3613 32.9536 21.164 33.3041 20.8066L34.4178 19.6686C34.768 19.3109 34.9609 18.8341 34.9609 18.3254C34.9609 17.8167 34.768 17.3396 34.4178 16.9822L19.2738 1.51522C18.9225 1.15697 18.4534 0.960201 17.9547 0.961331C17.4541 0.960201 16.9853 1.15697 16.6343 1.51522Z' fill='%23861819'/%3E%3C/svg%3E%0A");
}
.cms-faq .answer {
    max-width: 840px;
    padding: 0px 70px 50px;
    font-weight:400;
    font-size:18px;
    line-height:180%;
    color: #fff;
    position:relative;
    display:none;
}

.cms-faq .btn-box {
    margin: -30px 0 0;
}
.cms-faq .answer a { color:#fff; text-decoration:underline; }
.cms-faq .answer a:hover { color:#8f2526; }



/*** 

====================================================================
  video css
====================================================================

***/

.cms-video {
    position: relative;
    padding: 110px 0 120px;
    background-color: #F4F1F1;
    z-index: 1;
}
.cms-video .section-header {
    position: relative;
    max-width: 830px;
    margin: 0 auto;
    padding: 0 0 70px;
}
.cms-video .section-header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    height: 4px;
    background-color: #861819;
    z-index: -1;
}
.cms-video .section-header h2 {
    position: relative;
    display: inline-block;
    background-color: #F4F1F1;
    padding: 0 30px;
}


.cms-video .video-slider {
    max-width: 951px;
    margin: 0 auto;
}
.cms-video .item {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
}
.cms-video .video-box {
    position: relative;
    text-align: center;
}
.cms-video .video-box .popUpBtn {
    width: 100%;
}
.cms-video .video-box .video-img img {
    border-radius: 5px;
    border: 6px solid #000;
    width: 100%; 
    height: 100%;
    transition: all 0.3s ease-in-out;
}
.cms-video .video-box:hover .video-img img {
    border: 6px solid #861819;
}

.cms-video .video-icon {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -40px 0 0;
}
.cms-video .video-icon .icon {
    background-color: #fff;
    width: 84px;
    height: 84px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}
.cms-video .video-icon .icon svg {
    margin-left: 8px;
}
.cms-video .video-icon .icon path {
    transition: all 0.3s ease-in-out;
}
.cms-video .video-box:hover .icon path {
    fill: #fff;
}
.cms-video .video-box:hover .video-icon .icon {
    background-color: #861819;
}
.cms-video .video-icon .play-txt {
    font-weight: 700;
    font-size: 21px;
    text-transform: capitalize;
    color: #2A3334;
    margin: 12px 0 0;
    transition: all 0.3s ease-in-out;
}
.cms-video .video-box:hover .play-txt {
    color: #861819;
}



.cms-video .owl-carousel .owl-nav button.owl-next, 
.cms-video .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 54px;
    background-image: url(../images/result-arrow.svg);
    background-repeat: no-repeat;
    margin-top: -27px;
}
.cms-video .owl-carousel .owl-nav button span {
    font-size: 0;
}
.cms-video .owl-carousel .owl-nav button.owl-prev {
    left: -150px;
}
.cms-video .owl-carousel .owl-nav button.owl-next {
    rotate: -180deg;
    left: inherit;
    right: -150px;
}
.cms-video .owl-carousel .owl-nav button:hover {
    opacity: 0.4;
}

/*** 

====================================================================
  court css
====================================================================

***/

.cms-court {
    position: relative;
    padding: 80px 0 80px;
    z-index: 1;
}
.cms-court::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 340px;
    background-color: #F4F1F1;
    z-index: -1;
}
.cms-court .section-header {
    padding: 0 0 60px;
}
.cms-court .section-header h2 {
    margin: 0 0 10px;
}
.cms-court .court-link {
    font-size: 18px;
    font-weight: 700;
    color: #861819;
    line-height: 1;
    letter-spacing: 1.08px;
    text-decoration-line: underline;
    text-underline-offset: 3px;
    text-transform: uppercase;
}
.cms-court .court-link:hover {
    color: #2C2C2C;
    text-decoration-line: blink;
}

.courts-slider {

}
.courts-slider .court-item {
    display: block;
}
.court-item .court-img {
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
}
.court-item .court-img img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.court-item:hover .court-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.court-item .court-card {
    position: relative;
    background-color: #262626;
    border-top: 6px solid #861819;
    border-bottom: 6px solid #861819; 
    box-shadow: 0px 4px 20px rgba(1, 47, 93, 0.15);
    border-radius: 0 0 5px 5px;
    padding: 30px 12px 30px;
    text-align: center;
    min-height: 252px;
}
.court-item .court-card h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    line-height: 130%;
    letter-spacing: 0.42px;
    text-transform: uppercase; 
    margin: 0 0 14px;
    min-height: 54px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.court-item .court-card p {
    font-size: 16px;
    font-weight: 500;
    line-height: 134%;
    color: #fff;
    padding: 0 12px;
    min-height: 42px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.court-item:hover .court-card h3,
.court-item:hover .court-card p {
    color: #861819;
}
.court-item .court-card .location-icon {
    width: 32px;
    height: 36px;
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='36' viewBox='0 0 32 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9903 0.915039C9.83818 0.915039 4.70703 5.87078 4.70703 12.1983C4.70703 14.6055 5.43039 16.7521 6.81864 18.7635L15.1268 31.7276C15.5299 32.3578 16.4515 32.3566 16.8538 31.7276L25.198 18.7194C26.5563 16.7991 27.2735 14.5443 27.2735 12.1983C27.2735 5.9767 22.2119 0.915039 15.9903 0.915039ZM15.9903 17.327C13.1624 17.327 10.8615 15.0261 10.8615 12.1983C10.8615 9.37043 13.1624 7.06954 15.9903 7.06954C18.8181 7.06954 21.119 9.37043 21.119 12.1983C21.119 15.0261 18.8181 17.327 15.9903 17.327Z' fill='%23861819'/%3E%3Cpath d='M24.0184 24.4834L18.8534 32.5586C17.5164 34.643 14.4752 34.6362 13.1447 32.5606L7.97119 24.4855C3.41932 25.5379 0.613281 27.4659 0.613281 29.7698C0.613281 33.7676 8.54082 35.9243 15.9995 35.9243C23.4582 35.9243 31.3858 33.7676 31.3858 29.7698C31.3858 27.4642 28.5758 25.5353 24.0184 24.4834Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
.court-item:hover .court-card .location-icon {
    bottom: 29px;
}



.cms-court .owl-carousel .owl-nav {
    margin: 60px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 55px;
}
.cms-court .owl-carousel .owl-nav button.owl-next, 
.cms-court .owl-carousel .owl-nav button.owl-prev {
    position: relative;
    width: 70px;
    height: 54px;
    background-image: url(../images/result-arrow.svg);
    background-repeat: no-repeat;
}
.cms-court .owl-carousel .owl-nav button span {
    font-size: 0;
}
.cms-court .owl-carousel .owl-nav button.owl-prev {
    
}
.cms-court .owl-carousel .owl-nav button.owl-next {
    rotate: -180deg;
    
}
.cms-court .owl-carousel .owl-nav button:hover {
    opacity: 0.4;
}


/*** 

====================================================================
  map css
====================================================================

***/

.cms-map {
    position: relative;
    padding: 80px 0 80px;
    overflow: hidden;
}
.cms-map .section-header {
    position: relative;
    padding: 0 0 50px;
}
.cms-map .section-header::before {
    content: "";
    position: absolute;
    top: 25px;
    left: 93%;
    width: 100%;
    height: 4px;
    background-color: #861819;
}
.cms-map .section-header h2 {
    margin: 0 0 10px;
}
.cms-map .top-txt {
    font-size: 27px;
    font-weight: 700;
    color: #861819;
    letter-spacing: -0.54px;
    text-transform: capitalize; 
}

.cms-map .location {
    max-width: 305px;
    margin-right: -15px;
}
.cms-map .location-title {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    background-color: #8F0010;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.cms-map .location ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-right: 40px;
}
.cms-map .location ul li.location-item {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #2A3334;
    letter-spacing: -0.36px;
    text-transform: capitalize;
    border-bottom: solid 2px #8F0010;
}
/*.cms-map .location ul li.location-item > a {
    pointer-events: none;
}*/
.cms-map .location ul li a {
    display: block;
    color: #2A3334;
    padding: 13px 18px 13px;
    padding-right: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23555 6.22168L0.29751 0.876097L10.1736 0.876098L5.23555 6.22168Z' fill='%23861819'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: 95% 18px;pointer-events: none;
}



.cms-map .location ul.sub-menu {
    display: none;
    padding: 0;
    padding-left: 15px;
}
.cms-map .location ul.sub-menu li {
    font-size: 16px;
}
.cms-map .location ul.sub-menu li a {
    background-image: none;
    padding: 10px 15px 10px;
}


.cms-map .map-rht {
    margin-left: -15px;
    margin-right: -360px;
}
.cms-map .map-img {
    margin-top: -138px;
    margin-right: -320px;
}
.cms-map .address-box {
    background-color: #262626;
    border-radius: 0px 3px 3px 3px;
    border-bottom: 8px solid #861819;
    padding: 55px 45px 90px;
    display: flex;
    flex-direction: column;
    row-gap: 60px;
}
footer.cms-footer .footer-address ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
footer.cms-footer .footer-address ul li {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    position: relative;
    padding-left: 35px;
    text-align: left;
}
footer.cms-footer .footer-address ul li svg {
    position: absolute;
    top: 5px;
    left: 0;
}
footer.cms-footer .footer-address ul li a.direction {
    display: block;
    font-size: 16px;
    font-weight: 700;
    text-decoration-line: underline;
    text-transform: capitalize;
    color: #A92534;
    padding: 5px 0 0;
}
footer.cms-footer .footer-address ul li a.direction:hover {
    color: #fff;
}


footer.cms-footer .footer-address ul li a.call-txt {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
footer.cms-footer .footer-address ul li a.call-txt:hover {
    color: #A92534;
}



footer.cms-footer .footer-social {
    position: relative;
    display: flex;
    padding: 20px 40px 0;
}
footer.cms-footer .footer-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    column-gap: 25px;
}
footer.cms-footer .footer-social ul li a path {
    fill: #861819;
    transition: all 0.3s ease-in;
}
footer.cms-footer .footer-social ul li a:hover path {
    fill: #2c2c2c;
}


/*** 

====================================================================
  footer css
====================================================================

***/


footer.cms-footer .footer-copyright {
    background-color: #262626;
}
footer.cms-footer .copyright {
    padding: 20px 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer.cms-footer .footer-copyright p {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}
footer.cms-footer .footer-copyright ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    column-gap: 35px;
}
footer.cms-footer .footer-copyright ul li {
    position: relative;
}
footer.cms-footer .footer-copyright ul li a {
    position: relative;
    font-size: 14px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.69);    
}
footer.cms-footer .footer-copyright ul li a:hover {
    color: #A92534;
}




/*** 

====================================================================
  landing page css
====================================================================

***/

.page-template-contact-page .cms-badge {
    margin-top: -50px;
}
.page-template-landingpage .cms-badge,
.page-template-contact-page .cms-badge {
    background-color: transparent;
    padding: 0;
    margin: 0 0 40px;
}
.page-template-landingpage .badge-inner,
.page-template-contact-page .badge-inner {
    border-radius: 5px;
    border-bottom: 4px solid #861819;
    background-color: #F5F3F3;
    box-shadow: 0px 14px 36px 0px rgba(134, 24, 25, 0.08);
    padding: 40px 80px 40px;
    max-width: 100%;
}




/*** 

====================================================================
  case css
====================================================================

***/

.cms-case {
    position: relative;
    padding: 120px 0 120px;
    overflow: clip;
    z-index: 1;
}
.cms-case:before{
    content: "";
    position: absolute;
    right: 0;
    bottom: -80px;
    width: 717px;
    height: 700px;
    background-image: url(../images/about-sap.webp);
    background-repeat: no-repeat;
    z-index: -1;
    transform: rotateY(180deg);
}
.cms-case .section-header {
    padding-right: 60px;
}
.cms-case .section-header h3 {
    max-width: 610px;
}
.cms-case h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 52px;
    line-height: 100%;
    letter-spacing: 0.96px; 
    color: #2C2C2C;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.cms-case h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0.96px; 
    color: #2C2C2C;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.cms-case h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #000;
    margin: 0 0 30px;
}
.cms-case ul {
    list-style: none;
    margin: 30px 0;
    padding: 0;
    padding-left: 30px;
}
.cms-case ul li {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #2C2C2C;
    padding-left: 30px;
    margin: 0 0 6px;
}
.cms-case ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height: 8px;
    background-color: #861819;
}
.cms-case ul li a {
    color: #2C2C2C;
}
.cms-case ul li a:hover {
    color: #861819;
}
.landing-img-holder {
    position: relative;
    border-radius: 3px;
    border-bottom: 5px solid #861819;
    box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.25);
    margin: 30px 0 50px;
    max-width: 650px;
    overflow: hidden;
}


.sidebar-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.sidebar-inner .sidebar {
    position: absolute;
    width: 100%;
    height: 100%;
}
.sidebar-inner .sidebar .right-box {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.right-box-inner {
    position: relative;
    padding: 70px 35px 50px;
    padding-right: 75px;
    background-color: #F5F3F3;
    border-radius: 5px;
    max-width: 514px;
    margin-right: -15px;
    left: 30px;
}
.right-box-inner::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 30px;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 3.45px solid #861819; 
}
.sidebar-header h2 {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 100%;
    color: #2C2C2C;
    letter-spacing: 0.84px; 
    text-transform: uppercase;
    margin: 0 0 30px;
    padding: 0;
    border: 0;
    text-align: center;
}
.sidebar-header span {
    display: block;
}




/*** 

====================================================================
  contact form css 
====================================================================

***/

.contact-form .gform_heading {
    display: none;
}
.contact-form .gform_wrapper.gravity-theme .validation_message {
    padding: 5px 20px !important;
}
.contact-form .gform_wrapper.gravity-theme .gform_validation_errors {
    padding: 10px 10px 10px 48px;
}
.contact-form .gform_wrapper.gravity-theme .gfield input {
    font-family: 'Inter', sans-serif;
    width: 100%;
    background-color: #fff;
    color: #2D2B2A;
    font-size: 16px !important;
    font-weight: 700;
    height: 46px;
    padding-left: 45px !important;
    margin: 0;
    outline: none;
    border: 0;
    border-radius: 3px;
}
.contact-form .gform_wrapper.gravity-theme .gfield select {
    font-family: 'Inter', sans-serif;
    width: 100%;
    background-color: #fff;
    color: rgba(45,43,42,0.3);
    font-size: 16px !important;
    font-weight: 700;
    height: 46px;
    margin: 0;
    outline: none;
    border: 0;
    border-radius: 3px;
    text-indent: 40px;
}
@-moz-document url-prefix() { 
    .contact-form .gform_wrapper.gravity-theme .gfield select {
        text-indent: 20px;
  }
}

.contact-form .gform_wrapper.gravity-theme .gfield textarea {
    font-family: 'Inter', sans-serif;
    width: 100%;
    background-color: #fff;
    color: #2D2B2A;
    font-size: 16px !important;
    font-weight: 700;
    height: 180px !important;
    padding-left: 45px !important;
    margin: 0;
    outline: none;
    border: 0;
    border-radius: 3px;
    padding-top: 12px;
}
.contact-form .ginput_container {
    position: relative;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.12);
    display: flex;
}
.contact-form .ginput_container::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 46px;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
}
.contact-form .ginput_container_text::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 8C11.4862 8 13.5 6.21 13.5 4C13.5 1.79 11.4862 0 9 0C6.51375 0 4.5 1.79 4.5 4C4.5 6.21 6.51375 8 9 8ZM9 10C5.99625 10 0 11.34 0 14V16H18V14C18 11.34 12.0037 10 9 10Z' fill='%23861819'/%3E%3C/svg%3E");
}
.contact-form .ginput_container_email::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2 0H1.8C0.81 0 0.00899999 0.7875 0.00899999 1.75L0 12.25C0 13.2125 0.81 14 1.8 14H16.2C17.19 14 18 13.2125 18 12.25V1.75C18 0.7875 17.19 0 16.2 0ZM16.2 3.5L9 7.875L1.8 3.5V1.75L9 6.125L16.2 1.75V3.5Z' fill='%23861819'/%3E%3C/svg%3E");
}
.contact-form .ginput_container_phone::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6359 10.5022C14.5951 10.5022 13.5731 10.349 12.6047 10.0478C12.1302 9.89542 11.5468 10.0352 11.2572 10.3151L9.34573 11.6732C7.12896 10.5595 5.76347 9.27475 4.59632 7.20404L5.99682 5.45188C6.36068 5.10988 6.49119 4.61029 6.33483 4.14154C6.01342 3.22529 5.85015 2.26392 5.85015 1.28392C5.8502 0.575958 5.23824 0 4.48608 0H1.36411C0.611954 0 0 0.575958 0 1.28387C0 9.39846 7.01416 16 15.6359 16C16.388 16 17 15.424 17 14.7161V11.786C17 11.0781 16.388 10.5022 15.6359 10.5022Z' fill='%23861819'/%3E%3C/svg%3E");
}
.contact-form .ginput_container_select::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.9947 10.6105L18.9724 3.54529C19.0321 3.38534 19.0665 3.21292 19.0665 3.03255C19.0665 2.22223 18.4093 1.56581 17.5994 1.56581C17.109 1.56581 16.6764 1.80705 16.4102 2.17686H13.0275C12.6936 1.38734 11.9109 0.833008 10.9996 0.833008C10.088 0.833008 9.30601 1.38734 8.9725 2.17762H5.5898C5.32323 1.80781 4.89028 1.56657 4.39985 1.56657C3.58991 1.56657 2.93348 2.22299 2.93348 3.03331C2.93348 3.21368 2.96789 3.38572 3.02764 3.54605L0.00529373 10.6105H0C0 12.905 1.9704 14.7661 4.40023 14.7661C6.83081 14.7661 8.80008 12.905 8.80008 10.6105H8.79478L5.91953 3.88863H8.9725C9.14077 4.28641 9.42285 4.62446 9.77753 4.86192V15.7439H5.37768V16.7218C5.37768 18.0664 6.47764 19.1663 7.82225 19.1663H14.1778C15.5224 19.1663 16.6223 18.0664 16.6223 16.7218V15.7439H12.2221V4.86154C12.5768 4.6237 12.8589 4.28603 13.0271 3.88863H16.0797L13.2003 10.6105H13.1999V10.6109L13.1984 10.6143L13.2003 10.6151C13.2029 12.9076 15.1718 14.7661 17.6002 14.7661C20.0307 14.7661 22 12.905 22 10.6105C22 10.6109 21.9947 10.6109 21.9947 10.6105ZM7.4653 10.6105H1.33478L3.97559 4.43653C4.10983 4.47699 4.252 4.4993 4.39947 4.4993C4.54694 4.4993 4.68987 4.47699 4.82448 4.43615L7.4653 10.6105ZM14.5294 10.6105L17.1744 4.43653C17.309 4.47737 17.4515 4.49967 17.5994 4.49967C17.7472 4.49967 17.8898 4.47737 18.0244 4.43653L20.6656 10.6105H14.5294Z' fill='%23861819'/%3E%3C/svg%3E");
}
.contact-form .ginput_container_textarea::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0H18C19.084 0 20 0.785143 20 1.71429V11.1429C20 12.072 19.084 12.8571 18 12.8571H8.48067L5.24667 15.9066C5.182 15.9671 5.092 16 5 16C4.95967 16 4.919 15.9937 4.87967 15.9809C4.75133 15.9383 4.66667 15.8323 4.66667 15.7143V12.8571H2C0.916 12.8571 0 12.072 0 11.1429V1.71429C0 0.785143 0.916 0 2 0Z' fill='%23861819'/%3E%3C/svg%3E");
}
.contact-form .instruction.validation_message {
    display: none;
}
.contact-form .gform_wrapper.gravity-theme .gform_footer {
    position: relative;
    padding: 0;
    margin: 20px 0 0;
}
.contact-form .gform_wrapper.gravity-theme .gform_footer::after {
    content: "";
    position: absolute;
    width: 65px;
    height: 100%;
    background-color: #262626;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='28' viewBox='0 0 18 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.65468 0.0847168C4.16678 0.239596 4.52852 0.590702 4.89534 0.944611C8.91586 4.82991 12.9393 8.7131 16.9678 12.5914C17.4625 13.0672 17.6935 13.6083 17.4675 14.2593C17.3833 14.5025 17.2162 14.7422 17.0266 14.9251C12.8587 18.9589 8.68487 22.9865 4.50672 27.0113C3.80504 27.6875 2.89634 27.6847 2.18812 27.0225C1.85616 26.712 1.51984 26.403 1.22058 26.0638C0.716467 25.4919 0.741891 24.6993 1.25036 24.1281C1.32881 24.0405 1.41379 23.9578 1.49878 23.8758C4.89461 20.5995 8.28972 17.3226 11.687 14.0477C11.7655 13.972 11.8577 13.9103 12.0052 13.7225C11.9071 13.6713 11.7902 13.6384 11.7146 13.5655C8.28391 10.2612 4.85539 6.95266 1.42759 3.64413C0.788379 3.02672 0.660536 2.17594 1.18716 1.59847C1.72323 1.00909 2.22734 0.362939 3.04379 0.0847168H3.65468Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
}
.contact-form .gform_wrapper.gravity-theme .gform_footer .gform_button {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-radius: 3px;
    border: 0; 
    background-color: #861819;
    text-align: center; 
    width: 100%; 
    height: 65px;
    cursor:pointer; 
    text-transform: uppercase;
    line-height: 1.42857143 !important;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    padding-left: 60px;
    transition: all 0.3s ease-in-out;
    position: relative;
    box-shadow: inset 65px 0 0px 0px #262626; 
}
.contact-form .gform_wrapper.gravity-theme .gform_footer .gform_button:hover {
    box-shadow: inset 400px 0 0px 0px #262626; 
}


.contact-form .call-box {
    display: flex;
    justify-content: center;
    padding: 30px 0 0;
}
.contact-form .call-txt {
    margin-left: 12px;
}
.contact-form .call-top {
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    color: #fff;
    margin: 0 0 8px;
    transition: all 0.3s ease;
}
.contact-form .call-txt:hover .call-top,
.contact-form .call-txt:hover .call-bot {
    color: #B03E1A;
}
.contact-form .call-bot {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    text-align: right;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: all 0.3s ease;
}








.contact-form .gform_wrapper.gravity-theme .gf_placeholder {
    display: none;
}
.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder { /* Edge */
    opacity: 0.3;
    color: #2D2B2A;
}
.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 0.3;
    color: #2D2B2A;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder, {
    opacity: 0.3;
    color: #2D2B2A;
}




/*** 

====================================================================
  contact page css
====================================================================

***/


.contact-banner .right-box-inner {
    padding: 30px;
    margin: 0;
    border: 3.45px solid #861819;
}
.contact-banner .right-box-inner::before {
    display: none;
}




/*** 

====================================================================
  blog page css
====================================================================

***/

.cms-blogpage .blog-row {
    row-gap: 40px;
}
.cms-blogpage .blog-box {
    position: relative;
    height: 100%;
    background-color: #262626;
    border-bottom: 6px solid #861819;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.cms-blogpage .blog-box .blog-img {
    background-color: #FFF7E7;
    height: 250px;
    overflow: hidden;
}
.cms-blogpage .blog-box .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    border-radius: 5px 5px 0 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .7s ease-in-out;
    transition: .7s ease-in-out;
}
.cms-blogpage .blog-box:hover .blog-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.cms-blogpage .blog-box .recent-news-text {
    border-top: 6px solid #861819;
    padding: 20px 20px 30px;
}
.cms-blogpage .blog-box h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 130%;  
    color: #fff;
    font-weight: 700;
    margin: 0 0 20px;
    transition: all 0.3s ease-in-out;
}
.cms-blogpage .blog-box p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    transition: all 0.3s ease-in-out;
}
.cms-blogpage .blog-box:hover {
    background-color: #861819;
}




.cms-blogpage #pagenav {
    position: relative;
}
.cms-blogpage .pagination {
    display: flex;
    justify-content: center;
    margin: 30px 0 0;align-items: center; list-style:none; padding:0;
}
.cms-blogpage .nav-links {
    display: flex;
    column-gap: 10px;
}
.cms-blogpage .page-numbers {
    display: inline-block;
    padding: 10px 14px;
    margin: 0 2px 0 0;
    border: 1px solid #eee;
    font-size: 16px;
    color: #012722;
    line-height: 1;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 600;
    background-color: #fff;
}
.cms-blogpage .page-numbers.dots {
    background-color: #fff;
} 
.cms-blogpage .page-numbers.current,
.cms-blogpage a.page-numbers:hover {
    color: #fff;
    background-color: #861819;
}
#BlogS .blog-row {
    padding: 0;
}
.screen-reader-text {
    display: none;
}



/*** 

====================================================================
  general css
====================================================================

***/

.cms-404-content {
    height: 55vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cms-404-content .btn-box {
    padding: 30px 0 0;
}
iframe {
    width: 100%;
    min-height: 400px;
}

.team-box {
    background-color: #F5F3F3;
    border-radius: 10px;
    padding: 30px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}
.team-box span {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #902526;
    display: block;
    text-align: center;
}


/*** 

====================================================================
  Testimonials List css
====================================================================

***/
.cms-testimonials-listing { background:#fff; padding-bottom:40px; }
.cms-testimonials-listing .testimonial-inner:after { display:none; }
.cms-testimonials-listing .testimonial-box {padding: 85px 60px 50px;}
.cms-testimonials-listing .testimonial-box:before {content: "";position: absolute;left: -35px;top: 35px;width: 100%; height: 100%;border-radius: 3px;border: 4px solid #861819;}
.cms-testimonials-listing .testimonial-box div { position:relative; z-index:1; }
.cms-testimonials-listing .testimonials-header, .page-header { margin-bottom:60px; }
.cms-testimonials-listing .content { min-height:80px; font-size: 20px; line-height: 1.5; }
.cms-testimonials-listing .author-name { font-size: 21px; }
.cms-testimonials-listing .testimonial-inner:before { bottom:-80px; }
.cms-testimonials-listing .testimonial-inner { margin-bottom:120px;margin-left: 94px; max-width:100%; }
.cms-testimonials-listing .testimonial-inner:before { display:block !important; }


/*** 

====================================================================
  Pagination css
====================================================================

***/
#pagenav { position: relative; width:100%; } 
.pagination { display: flex; justify-content: center; margin: 40px 0 0;column-gap: 5px;align-items: center;list-style:none; padding:0;flex-wrap: wrap; }
.nav-links { display: flex; column-gap: 5px;align-items: center; }
.page-numbers { display: inline-block; padding: 10px 14px; margin: 0 2px 0 0; border: 2px solid #861819; font-size: 16px; color: #861819; line-height: 1; text-decoration: none; border-radius: 3px; font-weight: 700; background: none; }
.page-numbers.dots { background: none;border: 0;font-size: 25px;padding: 0 10px; }
.page-numbers.current { color: #fff; background-color: #861819; border-color: #861819; } 
a.page-numbers:hover { color: #fff; background-color: #262626; border-color: #262626; }
.page-numbers.prev, .page-numbers.next { border:0;color: #242424; padding:0; }  
.page-numbers.next { padding-right:20px; margin-left:30px;background-image: url("data:image/svg+xml,%3Csvg width='11' height='16' viewBox='0 0 11 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.8439 0C2.18123 0.0903279 2.41951 0.295098 2.66115 0.501504C5.30955 2.76747 7.95987 5.03221 10.6135 7.29408C10.9394 7.57161 11.0915 7.88714 10.9427 8.26684C10.8872 8.40867 10.7772 8.54845 10.6523 8.65513C7.90675 11.0077 5.15739 13.3567 2.40516 15.704C1.94295 16.0984 1.34436 16.0968 0.877843 15.7105C0.659176 15.5295 0.437639 15.3492 0.240504 15.1514C-0.0915633 14.8179 -0.0748164 14.3556 0.260121 14.0225C0.311798 13.9714 0.36778 13.9232 0.423763 13.8753C2.66067 11.9646 4.8971 10.0534 7.13496 8.14341C7.18664 8.09927 7.2474 8.0633 7.34454 7.95376C7.27994 7.92392 7.20291 7.90471 7.15314 7.86221C4.89327 5.93508 2.63483 4.00549 0.376871 2.07591C-0.0441935 1.71582 -0.128406 1.21963 0.218494 0.882843C0.571614 0.539106 0.903681 0.162263 1.4415 0H1.8439Z' fill='%23861819'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center right;}
.page-numbers.prev { padding-left:20px; margin-right:30px;background-image: url("data:image/svg+xml,%3Csvg width='11' height='16' viewBox='0 0 11 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.1561 0C8.81877 0.0903279 8.58049 0.295098 8.33885 0.501504C5.69045 2.76747 3.04013 5.03221 0.38647 7.29408C0.0606232 7.57161 -0.0915337 7.88714 0.0572739 8.26684C0.112778 8.40867 0.222829 8.54845 0.347713 8.65513C3.09325 11.0077 5.84261 13.3567 8.59484 15.704C9.05705 16.0984 9.65564 16.0968 10.1222 15.7105C10.3408 15.5295 10.5624 15.3492 10.7595 15.1514C11.0916 14.8179 11.0748 14.3556 10.7399 14.0225C10.6882 13.9714 10.6322 13.9232 10.5762 13.8753C8.33933 11.9646 6.1029 10.0534 3.86504 8.14341C3.81336 8.09927 3.7526 8.0633 3.65546 7.95376C3.72006 7.92392 3.79709 7.90471 3.84686 7.86221C6.10673 5.93508 8.36517 4.00549 10.6231 2.07591C11.0442 1.71582 11.1284 1.21963 10.7815 0.882843C10.4284 0.539106 10.0963 0.162263 9.5585 0H9.1561Z' fill='%23861819'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center left;}
a.page-numbers.prev:hover, a.page-numbers.next:hover {color: #861819; background-color:transparent;}
/*** 

====================================================================
  Team List css
====================================================================

***/
.team-listing { padding-bottom:40px; }
.team-list, .cms-case ul.team-list { margin:0 -15px; padding:0; list-style:none;display: flex;flex-wrap: wrap; }
.team-list li, .cms-case ul.team-list li { width:33.333%; padding: 15px; margin-bottom:0; }
.team-list li:before { display:none; }
.team-list .team-list-box { display:block; overflow:hidden;background: #F4F1F1; position:relative;transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; padding:20px;height: 100%; }
.team-list .team-list-box .img-holder { overflow:hidden; margin:-20px -20px 20px -20px;height: 400px; }
.team-list .team-list-box .img-holder img { width:100%; height:auto;transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.team-list .team-list-box:hover .img-holder img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.team-list .team-list-box .member-name { margin-bottom:5px; font-size:25px; font-weight:700; color:#2C2C2C;font-family: 'Oswald', sans-serif;}
.team-list .team-list-box .member-role { margin-bottom:20px; font-size:19px; font-weight:400; color:rgba(134, 24, 25, 1); }
.team-list .team-list-box .theme-btn {border-radius: 3px;background: none;color: #861819;text-align: center;font-size: 15px;font-weight: 400;text-transform: capitalize;padding: 11px 34px;border: 1px solid #861819; height:auto;transition: all 0.3s ease-in;}
.team-list .team-list-box .theme-btn:before, .team-list .team-list-box .theme-btn:after { display:none; }
.team-list .team-list-box .theme-btn:hover, .team-list .team-list-box:hover .theme-btn { background:#861819; color:#fff; }
.single-teams .attachment-post-thumbnail { width:150px; height:auto; }

/*** 

====================================================================
  Team Profile css
====================================================================

***/
.team-profile-banner .mainhead, .common-banner .mainhead { font-size:64px; }
.team-profile-banner .tagline { margin-bottom:7px; }
.content-title {color: rgba(44, 44, 44, 0.6);font-size: 24px;font-weight: 700;line-height: 1.6; margin-bottom:15px;}
.bullet-text { margin:0 0 40px 0; padding:0; list-style:none; }
.bullet-text ul { margin-top:20px; margin-bottom:20px; }
.bullet-text li { position:relative;font-weight: 300;font-size: 18px;line-height: 1.6;color: #2C2C2C; padding-left:34px; margin-bottom:24px; }
.bullet-text li a {color: rgba(134, 24, 25, 1);}
.bullet-text li a:hover {color: #2C2C2C;}
.bullet-text li:before {position: absolute;width: 10px;height: 10px; left:0; top:8px; content:""; border-radius:1px; background:#861819;}
.team-profile-banner .bullet-text, .team-profile-banner .bullet-text li:last-child { margin-bottom:0; }
.team-profile-banner .banner-lft { margin-right:-60px; }
.team-profile-banner .img-holder { max-width:413px; width:100%;background: #F4F1F1;box-shadow: 0px 14px 32px 0px rgba(0, 0, 0, 0.12); }
.mob-banner-img, .ipad-banner-img { display:none; }
.team-profile-banner .img-holder img { width:100%; height:auto; }
.team-profile-banner .banner-rht, .common-banner .banner-rht {display: flex;justify-content: end;}
.team-profile-banner .banner-wrapper:before { height:570px;background-size: auto 100%;background-position: top right; }
.team-profile { padding: 111px 0 71px 0; background:#F4F1F1; position:relative; min-height:800px; }
.team-profile:before { content: ""; position: absolute; right: 0; bottom: -80px; width: 777px; height: 771px;background-image: url(../images/team-profile-bg.webp);background-repeat: no-repeat;}
.team-profile .container { position:relative; z-index:1; max-width:1200px; }
.team-profile .heading { margin-bottom:65px; }
.team-profile .large-text { margin-bottom:60px; }
.team-profile blockquote {background: #FFF; margin-bottom:0;}
.team-profile .cms-video { padding:0; background: none; }
.profile-row { margin-bottom:90px; }
.profile-row .col-lg-6:nth-child(1) { padding-right:45px; }
.profile-row .col-lg-6:nth-child(2) { padding-left:45px; }
.team-profile .small-container { max-width:750px; }

.team-profile-content > P:first-child { font-weight:700; }
.team-profile-content > .bold-text { float:left; width:45%; margin-right:5%; font-weight:700; }
.team-profile-content .video-iframe { float:right; width:50%; margin:0 0 30px; }
.team-profile-content blockquote { float:left; width:45%;margin-right:5%; margin-bottom:50px; margin-top:20px; }
.team-profile-content p, .team-profile-content h2, .team-profile-content h3, .team-profile-content h4, .team-profile-content h5, .team-profile-content h6, .team-profile-content ul { clear:both; } 
.team-profile-content .video-iframe iframe { width:100%; height:300px; min-height:1px;border: 6.972px solid #000;border-radius: 5.81px; } 
/*** 

====================================================================
  Testimonials css
====================================================================

***/
.common-banner{background: #F4F1F1; padding: 70px 0; overflow:hidden; min-height:350px;}
.common-banner:before { display:none; }
.common-banner:after { width:525px; height:366px; top:0; background:url(../images/common-banner-img.webp) no-repeat top right; background-size:100%; }
.common-banner .heading-area { margin-bottom:32px; }
.common-banner .banner-lft { margin-right:-80px; }
.common-banner p a { text-decoration:underline;color: #2C2C2C; }
.common-banner p a:hover { color:#861819;}
.common-banner .banner-wrapper:before{clip-path: polygon(100% 0, 100% 70%, 70% 100%, 0% 100%); background:#902526; width:323px; height:295px; right:0; bottom:0; top:auto; }
.common-banner .banner-review { max-width:369px; width:100%;border-radius: 10px;background: #262626; padding: 25px; text-align:center; height:auto; margin-right:25px; }
.common-banner .banner-review .icon { line-height:1; }
.common-banner .banner-review .reviews-count { color: #FFF; font-size:48px; }
.common-banner .reviews-count sup {color: #861819;font-size: 28.237px;letter-spacing: 5.93px;top: -25px;}
.common-banner .stars-clock { width:auto;}
.common-banner .stars-text {color: #FFF;font-size: 16.471px;line-height: 25.753px;letter-spacing: 3.459px;}
.testimonials-listing { padding-bottom:120px; }
.testimonials-list { padding-top:120px; }
.testimonials-listing .large-pagination { margin-left:0; padding-right:0; }
.testimonials-list blockquote {border-radius: 5px 5px 12px 12px;border-bottom: 8px solid #861819;background: #262626;box-shadow: 0px 14px 36px 0px rgba(134, 24, 25, 0.08); overflow:hidden; margin: 0 0 56px 0;}
.testimonials-list blockquote, .testimonials-list blockquote p {color: #FFF;font-size: 16px;font-weight: 300; line-height:1.6;}
.testimonials-list blockquote p { margin-bottom:25px;}
.testimonials-list blockquote .quote-name {font-size: 20px; color:#fff;font-weight: 700; margin-bottom:0;}
.testimonials-list blockquote:before { width:44px; height:38px;background-image: url("data:image/svg+xml,%3Csvg width='46' height='39' viewBox='0 0 46 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cpath d='M0.812576 16.3405C1.51665 13.8548 2.22071 11.369 2.92479 8.8833C3.62885 6.38448 4.33293 3.87257 5.037 1.36066C5.32303 0.340202 5.70806 4.95911e-05 6.62115 4.95911e-05C7.83128 4.95911e-05 9.0524 4.95911e-05 10.2625 4.95911e-05C11.4616 4.95911e-05 11.9127 0.536446 11.9127 1.94939C11.9127 6.10974 11.9127 10.2701 11.9127 14.4304C11.9127 14.6398 11.9127 14.836 11.9127 15.0977C12.1217 15.0977 12.2757 15.0977 12.4407 15.0977C14.5529 15.0977 16.6542 15.0977 18.7664 15.0977C19.8995 15.0977 20.3945 15.6864 20.3945 17.047C20.3945 23.523 20.3945 29.999 20.3945 36.475C20.3945 37.8095 19.8995 38.3851 18.7884 38.3851C13.3868 38.3851 7.98529 38.372 2.58375 38.3982C1.76967 38.3982 1.16461 38.1365 0.812576 37.2338C0.812576 30.2737 0.812576 23.3006 0.812576 16.3405Z' fill='white'/%3E%3Cpath d='M37.337 15.0975C37.5681 15.0975 37.7331 15.0975 37.8871 15.0975C40.0213 15.0975 42.1665 15.0975 44.3007 15.0975C45.2358 15.0975 45.7969 15.7255 45.7969 16.7722C45.7969 23.4182 45.7969 30.0774 45.7969 36.7235C45.7969 37.744 45.2468 38.385 44.3777 38.385C38.8002 38.385 33.2226 38.385 27.6451 38.385C26.765 38.385 26.2149 37.744 26.2149 36.6842C26.2039 30.0643 26.2039 23.4575 26.2149 16.8376C26.2149 16.4974 26.2919 16.1442 26.3799 15.8171C27.7221 11.0026 29.0752 6.18813 30.4283 1.37365C30.7254 0.327019 31.1104 -5.34058e-05 32.0565 -5.34058e-05C33.2886 -5.34058e-05 34.5207 -5.34058e-05 35.7419 -5.34058e-05C36.842 -5.34058e-05 37.326 0.575592 37.326 1.88388C37.326 6.0573 37.326 10.2438 37.326 14.4172C37.337 14.6135 37.337 14.8228 37.337 15.0975Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;}
.large-pagination { background-color:#F4F1F1; padding: 45px 0; margin:20px 15px 0 15px; width:100%; position:relative; border-radius:15px; }
/*.large-pagination:before, .large-pagination:after { position:absolute; top:0; height:100%; width:3500px; content:"";background-color:#F4F1F1;}
.large-pagination:before { right:100%; }
.large-pagination:after { left:100%; }*/
.large-pagination .container { position:relative; z-index: 1; }
.large-pagination .pagination { margin:0; }
.videos-container-pagination,
.posts-container-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
    row-gap: 10px;
}

/*** 

====================================================================
  Case Result css
====================================================================

***/
.case-result-tab-wrap { background-color:#262626; padding: 42px 0; }
/*.case-result-content { display:none; }*/
.nav-filter { margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;justify-content: center; }
.nav-filter li { padding: 9px 8px;margin:0; }
.nav-filter li .tab-links, .nav-filter li .tab-link { display:block; border:2px solid #fff; color:#fff; text-align:center; padding: 11px 25px;border-radius: 3px;font-size: 18px;font-weight: 700; cursor:pointer;transition: all 0.3s ease-in-out;  line-height:1.1; }
.nav-filter li.active .tab-links, .nav-filter li.active .tab-links:hover,
.nav-filter li.active .tab-link, .nav-filter li.active .tab-link:hover {background:#861819; color:rgba(255, 255, 255, 0.8); border-color:#861819; }
.nav-filter li .tab-links:hover, .nav-filter li .tab-link:hover {background:#fff; color:#262626; border-color:#fff; }
.case-result-list { padding:110px 0; background:none; }
.case-result-list .result-box {border-bottom: 4px solid #861819; overflow:hidden;background: #F4F1F1; height:calc(100% - 99px); margin-bottom:99px;}
.case-result-list .result-top { padding: 28px 10px; text-align:center; line-height:1.2; font-size:26px; font-weight:800; min-height:155px;display: flex;align-items: center; background:#fff;justify-content: center; }
.case-result-list .result-box .outcome-txt { margin-bottom:17px; }
.case-result-list .result-body { padding: 26px 35px 41px 35px; }
.case-result-list .result-body p {font-size: 16px; font-weight:300;}

/*** 

====================================================================
  Video List css
====================================================================

***/
.video-list .video-box {border-top:4px solid #861819; border-bottom:4px solid #861819; box-shadow: 0px -6px 10px 0px rgba(0, 0, 0, 0.04);background: #fff;border-radius: 5px; overflow:hidden; height:calc(100% - 70px); margin-bottom:70px; position:relative;}
.video-list .video-box .popUpBtn { width:100%; }
.video-list .video-box .video-img img { width:100%; }
.video-list .video-body { padding: 20px; text-align:left; }
.video-list .video-body .video-title {font-family: 'Oswald', sans-serif;font-size: 21px;line-height: 1.3;color: #000;font-weight: 700;margin: 0 0 20px;transition: all 0.3s ease-in-out;}
.video-list .video-body .video-date { font-size:14px; color:rgb(100, 100, 100); font-weight:400; margin-bottom:0; }
.video-list .video-box .video-play-wrap { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;transition: all 0.3s ease-in-out; opacity:0; visibility:hidden;transform: scale(1.2); }
.video-list .video-box:hover .video-play-wrap {opacity:1; visibility:visible;transform: scale(1);}

.video-list .video-box .video-icon .icon { background-color: #fff; width: 84px; height: 84px; box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.25); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out;margin: 0 auto;transform: translateY(-30px); }
.video-list .video-box .video-icon .icon svg { margin-left: 8px; }
.video-list .video-box .video-icon .icon path { transition: all 0.3s ease-in-out; }
.video-list .video-box .video-icon:hover .icon path { fill: #fff; }
.video-list .video-box .video-icon:hover .icon { background-color: #861819; }
.video-list .video-box .video-icon .play-txt { font-weight: 700; font-size: 21px; text-transform: capitalize; color: #fff; margin: 12px 0 0; transition: all 0.3s ease-in-out;transform: translateY(30px); }
.video-list .video-box .video-icon:hover .play-txt { color: #861819; }
.video-list .video-box:hover .video-icon .icon, .video-list .video-box:hover .video-icon .play-txt{transform: translateY(0);}
.row.videos-container { display:block; margin:0; }
.row.videos-container .content {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
/*** 

====================================================================
  Event List css
====================================================================

***/
.d-flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.d-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.justify-content-end {-webkit-box-pack: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}
.justify-content-center{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}


.event-list { background-color:#fff; }
.event-list:before, .awards-list:before { display:none; }
.event-list-row {display: flex;flex-wrap: wrap;}
.event-list-row .left-col { width:58%; padding-right:40px; order:1;min-height: 1000px; }
.event-list-row .right-col { width:42%; padding-left:20px; order:2; }
.event-list-row .large-pagination { width:100%; order:3; position:relative; }
.event-list-row .large-pagination:before { position:absolute; left:-3500px; top:0; height:100%; width:7000px; content:""; background-color:#F4F1F1;}
.event-list-wrap { margin-bottom:100px; }
.event-list .event-list-wrap .heading, .career-page h2 { position:relative; }
.event-list .event-list-wrap .heading:before, .career-page h2:before {content: "";position: absolute;right: 100%;top: 50%;width: 5000px;height: 4px;background-color: #861819; margin-right:29px;}
.event-item { padding-top:27px;}
.event-item-row {display: flex;flex-wrap: wrap;align-items: center;border-radius: 0 0 5px 5px;border-top: 8px solid #861819;background: #262626; padding: 27px 5px 27px 20px; min-height:132px;}
.event-item-row .event-title {color: #FFF;font-size: 24px;font-weight: 800;line-height: 1.3; width:60%; margin:0; padding-right:40px; }
.event-item-row .event-title a { color:#fff; }
.event-item-row .event-date {display: flex;flex-wrap: wrap;align-items: center; width:40%; }
.event-item-row .date-icon { width:40px; height:40px; margin-right:17px; background:url(../images/date-icon.svg) no-repeat 0 0; background-size:100%; }
.event-item-row .event-date p { display:block;color: #FFF;font-size: 18px;font-weight: 400;line-height: 1.5; margin-bottom:0; }
a.event-item-row:hover { background:#861819; }

/*** 

====================================================================
  Award List css
====================================================================

***/
.awards-listing {display: flex;flex-wrap: wrap; margin: 0 -16px;}
.awards-listing .award-item { width:25%; padding: 0 16px; margin-bottom:64px; }
.awards-listing .award-box {border-radius: 5px;border-bottom: 4px solid #861819;background: #FFF;box-shadow: 0px 6px 42px 0px rgba(38, 38, 38, 0.14); text-align: center; padding: 35px 25px 55px 25px; position:relative; height:100%;}
.awards-listing .award-box .img-holder { max-width:187px; width:100%; margin:0 auto;margin-bottom:25px; min-height: 170px;}
.awards-listing .award-box .img-holder img { width: auto;max-height: 180px;height: auto;max-width: 180px; }
.awards-listing .award-box .awards-title {color: #2C2C2C;font-size: 18px;font-weight: 700;line-height: 1.4; margin-bottom:22px;transition: all 0.3s ease-in-out;}
.awards-listing .award-box .awards-year {color: #861819;font-size: 18px;font-weight: 700;line-height: 1.1; position:absolute; left:0; right:0; bottom:20px;transition: all 0.3s ease-in-out;}

.awards-listing a.award-item .award-box { position:relative; }
.awards-listing a.award-item .award-box:before { position:absolute; left:0; bottom:0; right:0; height:0; content:""; background-color:#861819;transition: all 0.3s ease-in-out; }
.awards-listing a.award-item:hover .award-box:before { height:60px; }
.awards-listing a.award-item:hover .awards-year {color: #fff; }
.awards-listing a.award-item:hover .awards-title {color: #861819; }
/*** 

====================================================================
  Career css
====================================================================

***/
.career-page p a { text-decoration:underline; color:#2c2c2c; }
.career-page p a:hover { color:#861819; text-decoration:none; }
.career-page .img-holder { margin-bottom: 20px; }
.career-page .img-holder img {box-shadow: 0px 14px 32px 0px rgba(0, 0, 0, 0.12); width:100%; height:auto;}
.career-page ul { margin:0 0 40px 0; padding:0; list-style:none; }
.career-page ul ul { margin-top:20px; margin-bottom:20px; }
.career-page ul li { position:relative;font-weight: 300;font-size: 18px;line-height: 1.6;color: #2C2C2C; padding-left:24px; margin-bottom:5px; }
.career-page ul li a {color: rgba(134, 24, 25, 1);}
.career-page ul li a:hover {color: #2C2C2C;}
.career-page ul li:before {position: absolute;width: 8px;height: 8px; left:0; top:10px; content:""; border-radius:1px; background:#861819;}

.career-slider { margin:50px 0;position:relative; }
.receptionist {border-radius: 3px 3px 0px 0px;background: #262626; position:relative; padding: 42px 495px 42px 56px;min-height: 330px;}
.receptionist h3 {color: #FFF;font-size: 32px;font-weight: 700;line-height: 28px; margin-bottom:25px;}
.receptionist p { color:#fff; font-size:16px; font-weight:400; }
.receptionist .career-btn-wrap { position:absolute; right:0; top:96px; width:442px; padding:57px 66px;border-radius: 8px 0 0 8px;background: rgba(217, 217, 217, 0.05);}
.receptionist .career-btn-wrap .theme-btn { min-width:306px;letter-spacing: 1.08px; }
.responsibilities {border-radius: 0px 0px 3px 3px;background: #F5F3F3; padding: 35px 56px;}
.responsibilities h3 {color: #000;font-size: 24px;font-weight: 700;line-height: 1.8; margin-bottom:14px;}
.career-page .responsibilities ul, .responsibilities ul { margin-bottom:0; }
.career-page .responsibilities ul li, .responsibilities ul li {color: #262626;font-size: 16px;font-weight: 400;line-height: 1.5;margin-bottom:0; }
.career-page .responsibilities ul li:not(:last-child), .responsibilities ul li:not(:last-child) {margin-bottom:14px; }
.career-page .responsibilities ul li:before, .responsibilities ul li:before { top:8px; }
.responsibilities .col-md-6:nth-child(1) { padding-right:60px; position:relative; }
.responsibilities .col-md-6:nth-child(2) { padding-left:60px; }
.responsibilities .col-md-6:nth-child(1):before { position:absolute; top:60px; bottom:6px; right:0; width:2px; content:""; background:rgba(38, 38, 38, 0.10); }

.career-slider .owl-dots { position: absolute; width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 8px; margin: 50px 0 0; }
.career-slider .owl-dots button { width: 24px; height: 24px; border-radius: 24px; border: 3px solid #861819; }
.career-slider .owl-dots button { width: 24px; height: 24px; border-radius: 24px; border: 3px solid #861819; }
.career-slider .owl-dots button:hover, .career-slider .owl-dots button.active { background-color: #861819; }
.mb-50 { margin-bottom:50px; }
.career-slider .owl-nav button.owl-next, .career-slider .owl-nav button.owl-prev { position: absolute; top: 170px; width: 70px; height: 54px; background-image: url(../images/result-arrow.svg); background-repeat: no-repeat;background-size: 100%; }
.career-slider .owl-nav button span { font-size: 0; }
.career-slider .owl-nav button.owl-prev { left: -110px; }
.career-slider .owl-nav button.owl-next { rotate: -180deg; left: auto; right: -110px; }
.career-slider .owl-nav button:hover { opacity: 0.4; }





/*** 

====================================================================
  download css
====================================================================

***/


.cms-guide-book {
    padding: 90px 0 110px;
    overflow: hidden;
}
.cms-guide-book .guide-book-lft {
    text-align: right;
}
.cms-guide-book .guide-book-img img {
    width: auto;
    box-shadow: 0px 14px 32px 0px rgba(0, 0, 0, 0.12);
}
.cms-guide-book .box-shadow img {
    box-shadow: none;
}

.cms-guide-book .guide-book-rht {
    padding-left: 70px;
}
.cms-guide-book .section-header {
    position: relative;
    padding: 0 0 50px;
}
.cms-guide-book .section-header::before {
    content: "";
    position: absolute;
    top: 25px;
    left: 100%;
    width: 100%;
    height: 4px;
    background-color: #861819;
}
.cms-guide-book .section-header p {
    max-width: 590px;
}
.cms-guide-book .section-header p a {
    text-decoration: underline;
    color: #2c2c2c;
}
.cms-guide-book .section-header p a:hover {
    color: #861819;
    text-decoration: none;
}
.cms-guide-book .guide-form-box {
    border-radius: 5px;
    border-bottom: 4px solid #861819;
    background: #F5F3F3;
    box-shadow: 0px 14px 36px 0px rgba(134, 24, 25, 0.08);
    padding: 32px 40px 40px;
    max-width: 660px;
}
.cms-guide-book .guide-form-title {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    line-height: 120%;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin: 0 0 25px;
}



.guide-form .gform_wrapper.gravity-theme .gform_fields {
    display: flex;
    column-gap: 0;
}
.guide-form .gfield--type-email {
    width: 60%;
}
.guide-form .ginput_container_email {
    position: relative;
}
.guide-form .ginput_container_email::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2 0H1.8C0.81 0 0.00899999 0.7875 0.00899999 1.75L0 12.25C0 13.2125 0.81 14 1.8 14H16.2C17.19 14 18 13.2125 18 12.25V1.75C18 0.7875 17.19 0 16.2 0ZM16.2 3.5L9 7.875L1.8 3.5V1.75L9 6.125L16.2 1.75V3.5Z' fill='%23861819'/%3E%3C/svg%3E");
}
.guide-form .ginput_container_email input {
    font-family: 'Inter', sans-serif;
    width: 100%;
    background-color: #fff;
    color: #2D2B2A;
    font-size: 16px !important;
    font-weight: 700;
    height: 48px;
    padding-left: 45px !important;
    margin: 0;
    outline: none;
    border: 0;
    border-radius: 3px;
}
.guide-form #field_submit {
    position: relative;
    padding: 0;
    margin: 0;
    width: 40%;
}
.guide-form #field_submit::after {
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: #262626;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.65171 9.81723C7.65171 9.74093 7.65171 9.66409 7.65171 9.58779C7.65171 6.72505 7.65117 3.86232 7.65383 0.999581C7.65383 0.854977 7.65969 0.702902 7.70334 0.567369C7.83111 0.168774 8.22506 -0.0542687 8.64829 0.0113634C9.02733 0.0700589 9.32119 0.403022 9.34248 0.80055C9.34727 0.886992 9.34568 0.973435 9.34568 1.05988C9.34568 3.90287 9.34568 6.74533 9.34568 9.58832V9.8183C9.37549 9.83965 9.4053 9.86046 9.43511 9.8818C9.46919 9.81723 9.49048 9.73933 9.53946 9.68917C10.3998 8.81888 11.2632 7.95179 12.1267 7.0847C12.3727 6.83764 12.6681 6.74853 13.0025 6.85151C13.3118 6.94703 13.5103 7.16313 13.5817 7.48062C13.6551 7.80718 13.5481 8.08092 13.3144 8.3141C12.4818 9.14597 11.6508 9.97998 10.8193 10.8135C10.2651 11.3689 9.71141 11.9255 9.15616 12.4793C8.74198 12.8923 8.25434 12.8923 7.84229 12.4793C6.45123 11.0867 5.06124 9.69291 3.67071 8.29916C3.41252 8.04036 3.32308 7.73301 3.44339 7.38564C3.55785 7.05481 3.80434 6.86379 4.14984 6.81843C4.45648 6.77841 4.70083 6.90808 4.91431 7.12418C5.76076 7.98007 6.61201 8.83115 7.45793 9.68757C7.50744 9.7372 7.52873 9.8151 7.56333 9.87966C7.59261 9.85885 7.62243 9.83805 7.65171 9.81777V9.81723Z' fill='%23FEFEFE'/%3E%3Cpath d='M8.4888 16.1905C5.96382 16.1905 3.43936 16.1905 0.914374 16.1905C0.38787 16.1905 0.0125553 15.8495 0.000310983 15.3672C-0.0108686 14.9254 0.280333 14.5711 0.718998 14.5006C0.81642 14.4851 0.917569 14.4841 1.01659 14.4841C6.0064 14.4835 10.9962 14.483 15.9855 14.4857C16.1362 14.4857 16.2943 14.4964 16.4364 14.5417C16.8261 14.666 17.046 15.0492 16.9922 15.4696C16.9438 15.8463 16.6126 16.1569 16.2219 16.1884C16.1489 16.1942 16.076 16.1916 16.0025 16.1916C13.4978 16.1916 10.993 16.1916 8.48827 16.1916L8.4888 16.1905Z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
}
.guide-form #field_submit .gform-button {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.96px; 
    border-radius: 0 0 3px 3px;
    border: 0; 
    background-color: #861819;
    text-align: center; 
    width: 100%; 
    height: 48px;
    cursor:pointer; 
    text-transform: uppercase;
    line-height: 1.42857143 !important;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    padding-left: 48px;
    transition: all 0.3s ease-in-out;
    position: relative;
    box-shadow: inset 48px 0 0px 0px #262626;
    align-self: flex-start !important; 
}
.guide-form #field_submit .gform-button:hover {
    box-shadow: inset 400px 0 0px 0px #262626; 
}


.guide-form .gform_wrapper.gravity-theme .gform_footer {
    margin: 0;
    padding: 0;
}





.cms-guide-book:nth-child(2n+2) {
    background-color: #F4F1F1;
}
.cms-guide-book:nth-child(2n+2) .row {
    flex-direction: row-reverse;
}
.cms-guide-book:nth-child(2n+2) .section-header::before {
    left: auto;
    right: 110%;
}





/*** 

====================================================================
  community css
====================================================================

***/


.cms-community {
    padding: 85px 0 85px;
    overflow: hidden;
}
.cms-community .section-header {
    position: relative;
}
.cms-community .section-header::before {
    content: "";
    position: absolute;
    top: 25px;
    right: 110%;
    width: 100%;
    height: 4px;
    background-color: #861819;
}
.cms-community .section-header p {
    max-width: 590px;
}
.cms-community .section-header p a {
    text-decoration: underline;
    color: #2c2c2c;
}
.cms-community .section-header p a:hover {
    color: #861819;
    text-decoration: none;
}
.cms-community .community-img img {
    width: auto;
    box-shadow: 0px 14px 32px 0px rgba(0, 0, 0, 0.12);
}


.cms-community:nth-child(2n+2) {
    background-color: #F4F1F1;
}
.cms-community:nth-child(2n+2) .row {
    flex-direction: row-reverse;
}
.cms-community:nth-child(2n+2) .section-header::before {
    right: auto;
    left: 50%;
}
.page-template-community-page .cms-video,
.page-template-downloadable-page .cms-video {
    background-color: #fff;
}
.page-template-community-page .cms-video .section-header h2,
.page-template-downloadable-page .cms-video .section-header h2 {
    background-color: #fff;
}
.penal-code-166 .section-header {
    max-width: 630px;
}
.penal-code-273 .section-header {
    max-width: 660px;
}


/*** 

====================================================================
  thank you css
====================================================================

***/

.thankyou-banner {
    position: relative;
    padding: 160px 0 0px;
    z-index: 1;
    background-color: #F4F1F1;
    margin: -80px 0 40px;
    background-image: url(../images/thankyou-banner-bg.webp);
    background-repeat: no-repeat;
    background-position: center top;
}
.thankyou-banner::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-color: #fff;
    z-index: -1;
}

.thankyou-banner .thankyou-top {
    padding: 0 0 55px;
}
.thankyou-banner .heading-area {
    text-align: center;
    padding: 0 0 35px;
}
.thankyou-banner .mainhead {
    display: inline-block;
    padding: 0 45px;
    border-left: solid 10px #861819;
    border-right: solid 10px #861819;
}
.thankyou-banner .top-txt {
    max-width: 632px;
    margin: 0 auto 20px;
    font-size: 20px;
    font-weight: 700;
    color: #2C2C2C;
    line-height: 140%;
    text-align: center;
}
.thankyou-banner .top-txt a {
    color: #2C2C2C;
    text-decoration: underline;
}
.thankyou-banner .top-txt a:hover {
    color: #861819;
    text-decoration: none;
}
.thankyou-banner .bot-txt {
    max-width: 646px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 300;
    color: #2C2C2C;
    line-height: 160%;
    text-align: center;
}


.thankyou-banner .thankyou-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 15px 0 0;
}
.thankyou-banner .thankyou-link {
    font-family: 'Oswald', sans-serif;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    font-weight: 700;
    color: #fff;
    background-color: #262626;
    border-radius: 3px;
    overflow: hidden;
    padding: 10px;
    padding-left: 45px;
    min-height: 74px;
    z-index: 1;
}
.thankyou-banner .thankyou-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 100%;
    background-color: #861819;
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.thankyou-banner .thankyou-link::after {
    font-family: 'Inter', sans-serif;
    content: "?";
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 100%;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.thankyou-banner .thankyou-link:hover::before {
    width: 100%;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}
.thankyou-banner .thankyou-bot {
    text-align: center;
}


/*** 
====================================================================
  landing banner css 
====================================================================
***/

.innerhead {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    line-height: 130%;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.innerhead strong {
    text-decoration: underline;
}
.innerhead a {
    color: #fff;
    text-decoration: underline;
}
.innerhead a:hover {
    color: #861819;
}

.landing-banner {
    position: relative;
    padding: 50px 0 70px;
    margin: 0px 0 0;
    z-index: 1;
    overflow: hidden;
}
.landing-banner .banner-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
.landing-banner .banner-bg::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.7), rgba(20, 20, 20, 0.7));
}
.landing-banner .banner-bg::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='1462' height='932' viewBox='0 0 1462 932' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M3.24249e-05 -376V263.27L772.68 932H1462L3.24249e-05 -376Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
}


.landing-banner .heading-area {
    text-align: center;
    max-width: 940px;
    margin: 0 auto;
    padding: 0 0 40px;
}
.landing-banner .innerhead {
    max-width: 900px;
    margin: 0 auto 20px;
}
.landing-banner .content {
    font-size: 21px;
    line-height: 170%;
    color: #fff;
}
.landing-banner .content a {
    color: #fff;
    text-decoration: underline;
}
.landing-banner .content a:hover {
    color: #861819;
}


.landing-banner .video-box {
    text-align: center;
}
.landing-banner .popUpBtn {
    display: inline-block;
    position: relative;
}
.landing-banner .video-img {
    position: relative;
}
.landing-banner .video-img img {
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 5px #fff;
}
.landing-banner .video-img:hover img {
    box-shadow: 0px 0px 0px 5px #861819;
}
.landing-banner .video-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    column-gap: 24px;
}
.landing-banner .paly-text {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 0 5px 9px;
    padding-left: 40px;
    border-bottom: solid 4px #fff;
}
.landing-banner .btn-box {
    max-width: 605px;
    margin: 0 auto;
    text-align: center;
    padding: 45px 0 0;
}
.landing-banner .red-btn {
    width: 100%;
    height: 80px;
    font-size: 24px;
}
.landing-banner .red-btn::after {
    width: 80px;
    background-size: 22px;
}


/*** 
====================================================================
  scroll-down-lft css
====================================================================
***/

.scroll-down-lft {
    position: absolute;
    bottom: 70px;
    left: 60px;
    cursor: pointer;
    rotate: 180deg;
    writing-mode: vertical-lr;
    z-index: 1;
}
.scroll-down-lft a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.6em;
    text-transform: uppercase;
    padding: 220px 0 120px;
}
.scroll-down-lft a:hover {
    color: #861819;
}
.scroll-down-lft a::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 0px;
    width: 16px;
    height: 198px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='198' viewBox='0 0 15 198' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.7' d='M8.03825 0.290392C7.6451 -0.0974858 7.01195 -0.0932097 6.62407 0.299943L0.303234 6.70674C-0.0846438 7.09989 -0.0803677 7.73304 0.312785 8.12092C0.705938 8.5088 1.33909 8.50452 1.72697 8.11137L7.34549 2.41644L13.0404 8.03496C13.4336 8.42284 14.0667 8.41856 14.4546 8.02541C14.8425 7.63226 14.8382 6.99911 14.445 6.61123L8.03825 0.290392ZM6.33596 1.00901L7.6664 198.005L9.66635 197.991L8.33591 0.995505L6.33596 1.00901Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
}
.scroll-down-lft a::after {
    content: "";
    position: absolute;
    left: 13px;
    bottom: 0px;
    width: 2px;
    height: 95px;
    background-color: #fff;
    opacity: 0.70;
}


/*** 
====================================================================
  scroll-down-rht css
====================================================================
***/


.scroll-down-rht {
    position: absolute;
    bottom: 70px;
    right: 60px;
    cursor: pointer;
    rotate: 180deg;
    writing-mode: vertical-lr;
    z-index: 1;
}
.scroll-down-rht a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.6em;
    text-transform: uppercase;
    padding: 220px 0 120px;
}
.scroll-down-rht a:hover {
    color: #861819;
}
.scroll-down-rht a::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 0px;
    width: 16px;
    height: 198px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='198' viewBox='0 0 15 198' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.7' d='M8.03825 0.290392C7.6451 -0.0974858 7.01195 -0.0932097 6.62407 0.299943L0.303234 6.70674C-0.0846438 7.09989 -0.0803677 7.73304 0.312785 8.12092C0.705938 8.5088 1.33909 8.50452 1.72697 8.11137L7.34549 2.41644L13.0404 8.03496C13.4336 8.42284 14.0667 8.41856 14.4546 8.02541C14.8425 7.63226 14.8382 6.99911 14.445 6.61123L8.03825 0.290392ZM6.33596 1.00901L7.6664 198.005L9.66635 197.991L8.33591 0.995505L6.33596 1.00901Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
}
.scroll-down-rht a::after {
    content: "";
    position: absolute;
    left: 13px;
    bottom: 0px;
    width: 2px;
    height: 95px;
    background-color: #fff;
    opacity: 0.70;
}

/*** 
====================================================================
  breadcrumb-section css
====================================================================
***/

.breadcrumb-section {
    position: relative;
    background-color: #F5F3F3;
    min-height: 70px;
    padding:20px 0 20px;
    border-bottom: solid 4px #861819;
}
.breadcrumb-section p {
    margin: 0;
}
#breadcrumbs {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #2C2C2C;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#breadcrumbs a {
    margin: 0 5px;
    color: #2C2C2C;
    border-bottom: dashed 2px #861819;
}
#breadcrumbs a:hover {
    color: #861819;
}
.breadcrumb_last {
    padding: 0 5px;
    color: #861819;
} 



/*** 
====================================================================
   landing case css
====================================================================
***/

.landing-case {
    position: relative;
    padding: 60px 0 90px;
    overflow: clip;
    flex: 1;
    clear: both;
}
.landing-case .case-inner {
    display: grid;
    grid-template-columns: auto 485px;
}
.landing-case .content-area {
    max-width: 650px;
}
.landing-case p {
    font-weight: 300;
    font-size: 18px;
    line-height: 180%;
    color: #2C2C2C;
}
.landing-case p a {
    font-weight: 600;
    color: #861819;
    text-decoration: underline;
}
.landing-case p a:hover {
    color: #2c2c2c;
}
iframe {
    width: 100%;
    height: 480px;
    margin: 0 0 40px;
}
.landing-case h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 120%;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.landing-case h2,.landing-case .heading {
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 100%;
    color: #2C2C2C;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.landing-case h2 strong,.landing-case .heading strong {
    color: #861819;
}
.landing-case h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;
    color: #000;
    margin: 0 0 25px;
}
.landing-case h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    color: #000;
    margin: 0 0 25px;
}
.landing-case ul {
    margin: 40px 0 40px;
    margin-left: 20px;
    padding: 0;
    list-style: none;
}
.landing-case ul li {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;
    color: #2C2C2C;
    margin: 0 0 10px;
    padding-left: 32px;
}
.landing-case ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background-color: #861819;
    border-radius: 1px;
}
.landing-case ol {
    list-style: none;
    counter-reset: my-awesome-counter; 
    padding:30px 0 0; 
    margin:0 0 60px;
}
.landing-case ol li {
    counter-increment: my-awesome-counter; 
    position:relative; 
    padding-left:48px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    text-align: left; 
    color:#000; 
    margin-bottom:17px; 
    min-height:30px;
}
.landing-case ol li:before {
    content: counter(my-awesome-counter) " ";
    position:absolute; 
    left:0; 
    top:0;
    width:24px; 
    height:24px; 
    background: #fff;
    border: solid 3px #861819;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: center; 
    color:#861819;
}
.landing-case hr {
    margin: 60px 0 60px;
    border: solid 1px #E7DDD1;
}
.casesidebar-main .casesidebar-inner {
    display: flex;
    flex-direction: column;
    row-gap: 80px;
}


/*** 
====================================================================
   quick-answer css
====================================================================
***/

.quick-answer {
    position: relative;
    margin: 0 0 80px;
    background-color: #262626;
    padding: 50px 120px 50px;
    padding-right: 85px;
    border-radius: 5px;
    border-bottom: solid 8px #861819;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    z-index: 1;
}
.quick-answer::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='561' height='455' viewBox='0 0 561 455' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M-8 -99V171.761L292.721 455H561L-8 -99Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    z-index: -1;
}
.quick-answer .answer-lft {
    position: absolute;
    left: 40px;
    top: 50px;
}
.quick-answer .quick-answer-title {
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 100%;
    margin: 0 0 20px;
}
.quick-answer .quick-answer-content p {
    font-size: 20px;
    font-weight: 300;
    line-height: 170%;
    color: #fff;
}
.quick-answer .btn-box {
    padding: 30px 0 0;
}

/*** 
====================================================================
   case video css
====================================================================
***/

.video-case {
    text-align: center;
    margin: 0 0 60px;
}
.video-case .popUpBtn {
    display: inline-block;
    position: relative;
    width: 100%;
}
.video-case .video-img {
    position: relative;
}
.video-case .video-img img {
    width: 100%;
    transition: all 0.3s ease-in-out;
    border-radius: 2px 2px 5px 5px;
    border-bottom: solid 5px #861819;
}
.video-case .video-img:hover img {
    border-color: #000;
}
.video-case .video-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    column-gap: 24px;
}
.video-case .paly-text {
    font-family: "Source Sans 3", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 0 5px 9px;
    padding-left: 40px;
    border-bottom: solid 4px #fff;
}


/*** 
====================================================================
   court house css
====================================================================
***/

.courthouse {
    position: relative;
    background-color: #262626;
    margin-bottom: 40px;
}
.courthouse .court-top {
    padding: 15px 35px 20px;
    background-color: #861819;
}
.courthouse .title {
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 130%;
    color: #fff;
    margin: 0 0 2px;
}
.courthouse .subtitle {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    color: #fff;
    margin: 0 0 0;
}
.courthouse .court-bot {
    display: grid;
    grid-template-columns: 280px auto;
}
.courthouse .court-img {
    margin-top: -5px;
}
.courthouse .court-content {
    padding: 30px 30px 20px;
}
.courthouse ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.courthouse ul li {
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
    display: flex;
    padding: 0;
}
.courthouse ul li strong {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-weight: 700;
    padding-right: 15px;
}
.courthouse ul li::before {
    display: none;
}
.courthouse ul li a {
    color: #fff;
}
.courthouse ul li a:hover {
    color: #861819;
}

/*** 
====================================================================
   blockquote css
====================================================================
***/

blockquote {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    line-height: 160%;
    color: #2C2C2C;
    padding: 30px 40px 30px;
    margin: 30px 0 60px;
    background-color: #F5F3F3;
    border-radius: 5px;
    border-bottom: 4px solid #861819; 
    box-shadow: 0px 14px 36px 0px rgba(134, 24, 25, 0.08);
}
blockquote p {
    line-height: 160% !important;
    font-weight: 600 !important;
}
blockquote p:first-child { text-align:left !important; }
blockquote p b { font-weight:600; }
blockquote .quote-name, 
blockquote p:last-child {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #861819;
    text-align: right !important;
}
blockquote::before {
    content: "";
    position: absolute;
    left: 40px;
    bottom: 25px;
    width: 54px;
    height: 39px;
    background-image: url("data:image/svg+xml,%3Csvg width='54' height='39' viewBox='0 0 54 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cpath d='M-0.000921756 16.502C0.82987 14.0162 1.66066 11.5305 2.49145 9.04474C3.32224 6.54591 4.15304 4.03401 4.98383 1.5221C5.32134 0.501642 5.77567 0.161489 6.85311 0.161489C8.28103 0.161489 9.72194 0.161489 11.1499 0.161489C12.5648 0.161489 13.097 0.697884 13.097 2.11083C13.097 6.27118 13.097 10.4315 13.097 14.5919C13.097 14.8012 13.097 14.9974 13.097 15.2591C13.3437 15.2591 13.5254 15.2591 13.7201 15.2591C16.2125 15.2591 18.6919 15.2591 21.1843 15.2591C22.5213 15.2591 23.1055 15.8478 23.1055 17.2084C23.1055 23.6844 23.1055 30.1604 23.1055 36.6365C23.1055 37.9709 22.5213 38.5465 21.2102 38.5465C14.8365 38.5465 8.46277 38.5335 2.08904 38.5596C1.12844 38.5596 0.414474 38.298 -0.000921756 37.3953C-0.000921756 30.4352 -0.000921756 23.462 -0.000921756 16.502Z' fill='%23861819'/%3E%3Cpath d='M43.0996 15.259C43.3722 15.259 43.5669 15.259 43.7486 15.259C46.2669 15.259 48.7983 15.259 51.3166 15.259C52.42 15.259 53.082 15.887 53.082 16.9336C53.082 23.5797 53.082 30.2388 53.082 36.8849C53.082 37.9054 52.433 38.5464 51.4075 38.5464C44.826 38.5464 38.2446 38.5464 31.6632 38.5464C30.6247 38.5464 29.9756 37.9054 29.9756 36.8457C29.9627 30.2258 29.9627 23.6189 29.9756 16.999C29.9756 16.6589 30.0665 16.3056 30.1704 15.9785C31.7541 11.1641 33.3507 6.34957 34.9474 1.53508C35.2979 0.488455 35.7522 0.161384 36.8686 0.161384C38.3225 0.161384 39.7764 0.161384 41.2173 0.161384C42.5154 0.161384 43.0866 0.737029 43.0866 2.04531C43.0866 6.21874 43.0866 10.4053 43.0866 14.5787C43.0996 14.7749 43.0996 14.9842 43.0996 15.259Z' fill='%23861819'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
}



/*** 
====================================================================
   state-location css
====================================================================
***/
.state-location { 
    position: relative;
    background-color: #262626;
    margin: 40px 0 60px;
    overflow: hidden;
}
.state-location::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='651' height='624' viewBox='0 0 651 624' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M-8 -33V343.089L326.198 624H699L-8 -33Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
}
.state-location-inner {
    position: relative;
    z-index: 1;
    padding: 50px 40px 50px; 
} 
.state-location-title {
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 30px;
    display: inline-block;
}
.state-location-title::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 17px;
    margin-left: 30px;
    width: 100vh;
    height: 2px;
    background-color: #fff;
}
.state-location ul { 
    list-style: none;
    padding:0; 
    margin:0; 
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 25px;
}
.state-location ul li { 
    margin: 0;
    padding: 0;
    line-height: 1;
}
.state-location ul li::before {
    display: none;
}
.state-location ul li .state-location-item {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
    text-align: left; 
    color:#fff; 
    position:relative; 
    display: inline-block;
    padding: 0 4px 3px;
    border-bottom: solid 3px #861819;
}
.state-location ul li a.state-location-item:hover { 
    color:#861819;
    border-color: #fff;
}
.location-moretext {
    display:none;
    animation: fadeIn 2s ease 0s 1 normal;
    margin-top: 25px;
}
.location-show-btn .location-readmore {
    position: relative;
    cursor: pointer;
    transition: 0.5s;
    width: 100%;
    height: 93px;
    display: flex;
    align-items: center;
}
.location-show-btn .location-readmore::before {
    content: "Show More";
    transition: 0.5s;  
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 36px;
    text-transform: uppercase;
}
.location-show-btn .location-readmore.less::before{
    content: "Show Less";
    transition: 0.5s;
}
.location-show-btn .location-readmore span {
    display: flex;
    margin-left: 240px;
    width: 37px;
    height: 37px;
    background-image: url(../images/plus-icon.svg);
    background-repeat: no-repeat;
}
.location-show-btn .location-readmore.less span {
    rotate: 180deg;
}
.location-show-btn {
    position: relative;
    background-color: #861819;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*** 
====================================================================
   case cta css
====================================================================
***/

.case-cta {
    position: relative;
    background-color: #262626;
    padding: 50px 0 0px;
    margin: 0 0 60px;
    border-radius: 5px;
    border-bottom: solid 8px #861819;
    overflow: hidden;
    z-index: 1;
}
.case-cta::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='501' height='374' viewBox='0 0 501 374' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M-8.0025 -99V171.761L232.495 374H500.773L-8.0025 -99Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    z-index: -1;
}
.case-cta .cta-top {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.case-cta .cta-title {
    font-family: 'Oswald', sans-serif;
    font-size: 56px;
    font-weight: 700;
    line-height: 100%;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 30px;
}
.call-cta {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.call-cta .call-box {
    position: relative;
    display: flex;
    align-items: center;
}
.call-cta .call-lft {
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    margin-top: 5px;
}
.call-cta .call-top {
    font-family: 'Oswald', sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    transition: all 0.3s ease-in-out;
} 
.call-cta .call-box:hover .call-bot {
    color: #C2E5F8;
}



.case-cta .cta-bot {
    max-width: 440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    column-gap: 50px;
    row-gap: 20px;
    padding: 35px 0 0;
}
.case-cta .lang-inner {
    width: 132px;
    height: 77px;
    border-radius: 1px;
    border: solid 2px #861819;
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    line-height: 100%;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
}
.case-cta .lang {
    display: flex;
}
.case-cta .quote-lft {
    font-size: 21px;
    font-weight: 700;
    margin-right: 3px;
    margin-top: -5px;
}
.case-cta .lang-txt {
    display: flex;
    width: 80px;
}
.case-cta .quote-rht {
    font-size: 21px;
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    margin-left: -5px;
}
.case-cta .lang-inner:hover {
    background-color: #861819;
    color: #fff;
}


/*** 
====================================================================
   case faq css
====================================================================
***/


.landing-case .question-block {
    display:flex;
    flex-direction:column;
    row-gap: 10px;
    margin: 0 0 30px;
}
.landing-case .question-item {
    border-radius: 5px;
    overflow: hidden;
}
.landing-case .question {
    padding-left:30px;
    padding-right:70px;
    position:relative;
    display:flex;
    align-items:center;
    font-family: 'Oswald', sans-serif;
    font-size:18px;
    font-weight:700;
    color:#fff;
    line-height: 1.2;
    min-height: 67px;
    background-color: #262626;
    cursor:pointer;
}
.landing-case .question::before {
    content:'';
    position:absolute;
    width: 68px;
    height:100%;
    right: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.62432 9.72849L15.7444 2.15369C15.9092 1.97849 16 1.74462 16 1.49525C16 1.24588 15.9092 1.01201 15.7444 0.836816L15.2202 0.278985C14.8786 -0.0839998 14.3234 -0.0839998 13.9823 0.278985L8.00332 6.63973L2.01768 0.271927C1.85286 0.0967307 1.63316 -6.27995e-07 1.39888 -6.38235e-07C1.16435 -6.48487e-07 0.944643 0.0967307 0.779701 0.271926L0.255608 0.829758C0.0907955 1.00509 8.99524e-07 1.23882 8.88623e-07 1.48819C8.77723e-07 1.73757 0.0907954 1.97144 0.255608 2.14663L7.38218 9.72849C7.54752 9.9041 7.76826 10.0006 8.00293 10C8.2385 10.0006 8.45912 9.9041 8.62432 9.72849Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center;
    transition: all 0.5s ease;
    z-index: 1;
}
.landing-case .question-item.opened .question::before {
    transform: rotate(180deg);
} 
.landing-case .question::after {
    content:'';
    position:absolute;
    width: 68px;
    height:100%;
    right: 0;
    top: 0;
    background-color: #861819;
}
.landing-case .answer {
    padding: 30px 30px 30px;
    padding-right: 60px;
    position:relative;
    background-color: #861819;
    display:none;
}
.landing-case .answer p {
    font-size:16px;
    line-height:30px;
    color: #fff;
    margin: 0 0 20px;
}
.landing-case .answer ul {
    margin: 0;  
}
.landing-case .answer ul li {
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
}
.landing-case .answer ul li::before {
    top: 9px;
    background-color: #fff;
}



/*** 
====================================================================
   sidebar contact form css
====================================================================
***/

.casesidebar-main .contact-box {
    background-color: #F5F3F3;
    border-radius: 5px;
    padding: 40px 40px 40px;
}
.casesidebar-main .sidebar-header h2 {
    font-size: 42px;
    letter-spacing: 0.02em;
}
.casesidebar-main .contact-box .gfield_checkbox li {
    padding: 0;
}
.casesidebar-main .contact-box .gfield_checkbox li::before {
    display: none;
}


/*** 
====================================================================
   sidebar award css
====================================================================
***/

.sidebar-award {
    max-width: 485px;
    margin: 0 auto;
}
.sidebar-award .item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 20px;
    max-width: 485px;
}
.sidebar-award .award-box {
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 3.22px #F5F3F3;
    border-radius: 20px;
    height: 230px;
    padding: 10px;
    transition: all 0.3s ease;
}
.sidebar-award .award-box img {
    width: auto;
    max-height: 100px;
}
.sidebar-award .award-box:hover {
    border-color: #02142B;
}


.sidebar-award .owl-carousel .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0 0;
    column-gap: 16px;
}
.sidebar-award .owl-carousel .owl-nav button.owl-next, 
.sidebar-award .owl-carousel .owl-nav button.owl-prev {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out;
}
.sidebar-award .owl-carousel .owl-nav button span {
    font-size: 0;
}
.sidebar-award .owl-carousel .owl-nav button.owl-prev {
    background-image: url(../images/arrow-lft.svg);
}
.sidebar-award .owl-carousel .owl-nav button.owl-next {
    background-image: url(../images/arrow-rht.svg);
}



/*** 
====================================================================
   sidebar review css
====================================================================
***/

.sidebar-review {
    max-width: 190px;
    margin: 0 auto;
}
.sidebar-review .review-img-top {
    text-align: center;
}
.sidebar-review .review-img-bot {
    text-align: center;
    margin-top: -10px;
}
.sidebar-review .review-top {
    display: flex;
    align-items: center;
}
.sidebar-review .review-count {
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #000;
    line-height: 1;
    letter-spacing: -0.03em;
    margin-right: 5px;
}
.sidebar-review sup {
    position: relative;
    color: #C62628;
    line-height: 0;
    top: 13px;
}
.sidebar-review .review-title {
    font-size: 18px;
    font-weight: 900;
    color: #000;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}



/*** 
====================================================================
  sidebar practice css 
====================================================================
***/

.sidebar-practice {
    max-width: 485px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.sidebar-practice .section-header {
    text-align: center;
    padding: 0 0 0px;
}
.sidebar-practice h2 {
    font-size: 42px;
}
.sidebar-practice .practice-row {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.sidebar-practice .practice-box {
    position: relative;
    height: 90px;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 20px 22px 20px;
    border: solid 3px #861819;
}
.sidebar-practice .practicebox-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
.sidebar-practice .practice-box .title {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 100%;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.sidebar-practice .practice-box:hover {
    background-color: #861819;
}
.sidebar-practice .practice-box:hover .title {
    color: #fff;
}

/*** 
====================================================================
  sidebar map css 
====================================================================
***/


.sidebar-map {
    max-width: 485px;
    margin: 0 auto;
    position: relative;
    background-color: #F5F3F3;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
}
.sidebar-map .title {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #000;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    line-height: 110%;
    text-align: center;
    margin: 0;
    padding: 30px 0 30px;
}
.sidebar-map .title strong {
    color: #861819;
}
.sidebar-map .location-map {
    border-top: solid 5px #861819;
    border-bottom: solid 5px #861819;
}
.sidebar-map .location-detail {
    padding: 30px 30px 60px;
}
.sidebar-map .map-address {
    font-size: 32px;
    font-weight: 300;
    color: #000;
    line-height: 120%;
    text-align: center;
    display: block;
}
.sidebar-map a.map-address:hover {
    color: #861819;
}
.sidebar-map .call-cta {
    padding: 30px 0 0;
}
.sidebar-map .call-top {
    color: #262626;
}
.sidebar-map .call-cta:hover .call-top {
    color: #861819;
}
.sidebar-map .btn-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 25px 0 0;
}
.sidebar-map .theme-btn {
    width: 100%;
}


/*** 
====================================================================
  table of contents css
====================================================================
***/
/*
.ez-toc-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
}
#ez-toc-container {
    background-color: #F5F3F3;
    border-radius: 5px;
    border: 0;
    border-bottom: solid 4px #861819;
    padding: 30px;
    width: 100%;
    margin: 0 0 40px;
}
#ez-toc-container .ez-toc-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700 !important;
    font-size: 42px !important;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #101522;
}
#ez-toc-container nav > ul {
    padding: 30px 0 0;
}
#ez-toc-container a.ez-toc-toggle {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background-color: #262626;
}
#ez-toc-container a.ez-toc-toggle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='18' viewBox='0 0 28 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.9609 14.8473C27.9609 14.6563 27.939 14.4633 27.8567 14.2909C27.6768 13.9138 27.3898 13.6179 27.101 13.3185C23.2157 9.29801 19.3326 5.27458 15.4543 1.24607C14.9784 0.751405 14.4374 0.520417 13.7863 0.746321C13.5432 0.830581 13.3035 0.997649 13.1206 1.18723C9.08671 5.35521 5.05915 9.529 1.03439 13.7071C0.358109 14.4088 0.360912 15.3175 1.02318 16.0258C1.33364 16.3577 1.64269 16.694 1.98189 16.9933C2.55375 17.4974 3.34637 17.472 3.91753 16.9635C4.00513 16.8851 4.08782 16.8001 4.16982 16.7151C7.44611 13.3193 10.7231 9.92415 13.998 6.52686C14.0253 6.4986 14.0507 6.46854 14.0809 6.43475C14.1958 6.30616 14.3604 6.37516 14.4801 6.49926V6.49926C17.7845 9.92996 21.093 13.3585 24.4015 16.7863C25.0189 17.4255 25.8697 17.5533 26.4472 17.0267C26.9614 16.559 27.5188 16.1157 27.8374 15.468C27.9317 15.2763 27.9609 15.061 27.9609 14.8473V14.8473Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    transition: all 0.3s ease-in-out;
}
.toc_close a.ez-toc-toggle::before {
    rotate: 180deg;
}


#ez-toc-container .ez-toc-js-icon-con {
    display: none;
}

div#ez-toc-container ul li {
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 18px !important;
    font-weight: 600;
    color: #000;
    line-height: 130%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}
div#ez-toc-container ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 7px;
    height: 7px;
    background-color: #861819;
    border-radius: 50%;
}
.ez-toc-counter nav ul li a::before {
    display: none;
}
.ez-toc-counter nav ul li a {
    color: #000;
}
*/
/*** 
====================================================================
  news media css
====================================================================
***/

.cms-news {
    position: relative;
    padding: 80px 0 80px;
}
.masonry {
    column-count: 2;
    column-gap: 30px;
}
.masonry .masonry-item {
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}
.newsbox {
    position: relative;
    display: flex;
    padding: 30px;
    background: #FFFFFF;
    border-bottom: 4px solid #861819;
    box-shadow: 0px 6px 31px rgba(38, 38, 38, 0.08);
    border-radius: 5px;
    overflow: hidden;
}
.newslogo {
    width: 220px;
}
.newslogo img {
    width: auto;
}
.newspara {
    position: relative;
    width: calc(100% - 220px);
    padding-left: 40px;
}
.newestype {
    font-family: "Inter",sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 110%;
    color: #2C2C2C;
    text-align: center;
    margin: 15px 0 0;
}
.newspara p {
    font-size: 16px;
    font-weight: 300;
    color: #2C2C2C;
    line-height: 180%;
    margin: 0;
}
.newsbox .btnbox {
    transform: scale(0);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(134, 24, 25, 0.9);
    transition: all .3s ease-in-out;
}
.newsbox:hover .btnbox {
    opacity: 1;
    transform: scale(1);
    margin: 0 auto;
}
.newsbox .theme-btn {
    background-color: transparent;
    border-radius: 1px;
    border: solid 2px #fff;
    padding: 18px 50px 18px;
    padding-left: 110px;
}
.newsbox .theme-btn::after {
    background-color: transparent;
    border-right: solid 2px #fff;
}

/*** 
====================================================================
   news media css
====================================================================
***/

.cms-media-appearances {
    position: relative;
    padding: 80px 0 80px;
}
.media-inner {
    max-width: 1070px;
    margin: 0 auto;
}
.mediabox {
    position: relative;
    display: flex;
    background: #262626;
    border-bottom: 8px solid #861819;
    border-radius: 3px;
    margin: 0 0 25px;
}
.medialogo {
    width: 300px;
}
.medialogo img {
    width: auto;
}
.media-right {
    position: relative;
    width: calc(100% - 300px);
    padding: 30px 40px 30px;
}
.mediabox .media-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 20px;
}
.mediatype {
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 120%;
    color: #fff;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0 0 0;
    min-width: 365px;
    width: 365px;
    transition: all 0.3s ease-in-out;
}
.mediabox:hover .mediatype {
    color: #902526;
}
.mediapara p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 160%;
    margin: 0;
}
.mediabox .theme-btn {
    padding: 18px 50px 18px;
    padding-left: 110px;
    letter-spacing: 0.06em;
    height: 58px;
    transition: all 0.3s ease-in-out;
}
.mediabox .theme-btn::after {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='28' viewBox='0 0 18 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.65468 0.0847168C4.16678 0.239596 4.52852 0.590702 4.89534 0.944611C8.91586 4.82991 12.9393 8.7131 16.9678 12.5914C17.4625 13.0672 17.6935 13.6083 17.4675 14.2593C17.3833 14.5025 17.2162 14.7422 17.0266 14.9251C12.8587 18.9589 8.68487 22.9865 4.50672 27.0113C3.80504 27.6875 2.89634 27.6847 2.18812 27.0225C1.85616 26.712 1.51984 26.403 1.22058 26.0638C0.716467 25.4919 0.741891 24.6993 1.25036 24.1281C1.32881 24.0405 1.41379 23.9578 1.49878 23.8758C4.89461 20.5995 8.28972 17.3226 11.687 14.0477C11.7655 13.972 11.8577 13.9103 12.0052 13.7225C11.9071 13.6713 11.7902 13.6384 11.7146 13.5655C8.28391 10.2612 4.85539 6.95266 1.42759 3.64413C0.788379 3.02672 0.660536 2.17594 1.18716 1.59847C1.72323 1.00909 2.22734 0.362939 3.04379 0.0847168H3.65468Z' fill='%23262626'/%3E%3C/svg%3E");
}
.mediabox:hover .theme-btn::before {
    transform: translateX(0);
    background-color: #fff;
}
.mediabox:hover .theme-btn {
    color: #2C2C2C;
}
.cms-media-appearances .btn-boxsec {
    padding: 40px 0 0;
} 




/*** 
====================================================================
  subscription css
====================================================================
***/

.subscription-banner {
    position: relative;
    padding: 60px 0 170px;
}
.subscription-banner::before {
    content: "";
    position: absolute;
    left: 0;
    top: -80px;
    width: 547px;
    height: 505px;
    background-image: url("data:image/svg+xml,%3Csvg width='547' height='505' viewBox='0 0 547 505' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:multiply'%3E%3Cpath d='M-4 505V-4.00003H547L-4 505Z' fill='%23F5F3F3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    z-index: -1;
}
.subscription-banner::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 572px;
    height: 525px;
    background-image: url(../images/subscription-sap.png);
    background-repeat: no-repeat;
    z-index: -2;
}
.subscription-banner .banner-wrapper::before {
    content: "";
    position: absolute;
    right: 0;
    top: 240px;
    width: 340px;
    height: 460px;
    background-image: url("data:image/svg+xml,%3Csvg width='350' height='460' viewBox='0 0 350 460' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M350 0V246.24L110.626 460L0 328.949L350 0Z' fill='%23902526'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    mix-blend-mode: multiply;
    z-index: -1;
}
.subscription-banner .mainhead {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 64px;
    font-weight: 700;
    color: #2C2C2C;
    letter-spacing: 0.02em;
    line-height: 100%;
    text-transform: uppercase;
    padding-left: 40px;
    margin: 0 0 18px;
    margin-right: -20px;
}
.subscription-banner .mainhead strong {
    color: #861819;
}
.subscription-banner .mainhead::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 3px;
    width: 10px;
    height: 70px;
    background-color: #861819;
}
.subscription-banner .sub-title {
    font-size: 27px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #2C2C2C;
    padding-left: 40px;
    max-width: 800px;
    margin: 0 0 30px;
}
.subscription-banner .content {
    font-size: 16px;
    font-weight: 300;
    line-height: 180%;
    color: #2C2C2C;
    padding-left: 40px;
    max-width: 860px;
}
.subscription-banner .banner-bot {
    max-width: 890px;
    padding-left: 40px;
    padding-top: 40px;
}
.subscription-banner .join-text {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #861819;
    margin: 0 0 22px;
}
.subscription-banner ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 120px 140px 170px 120px 205px;
    column-gap: 30px;
    row-gap: 20px;
}
.subscription-banner ul li {
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: rgba(0, 0, 0, 0.5);
    padding-left: 35px;
}
.subscription-banner ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.20944 16L0 8.58088L3.91531 5.04279L8.20944 8.9232L18.0847 0L22 3.53809L8.20944 16Z' fill='%23861819'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
}
/*** 
====================================================================
  pricing css
====================================================================
***/

.cms-pricing {
    margin-top: -125px;
    padding: 0 0 80px;
}
.cms-pricing .row {
    row-gap: 40px;
}
.pricing-box {
    background-color: #262626;
    border-radius: 10px;
    border-bottom: solid 4px #861819;
}
.pricing-box .pricing-header {
    background: #F5F3F3;
    border-bottom: 7px solid #861819;
    border-radius: 10px;
    padding: 15px 15px 15px;
}
.pricing-box .pricing-tier {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #A92534;
}
.pricing-box .pricing-title {
    font-family: 'Inter', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-transform: capitalize;
    color: #262626;
}
.pricing-box .price {
    font-family: 'Inter', sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    text-transform: capitalize;
    color: rgba(38, 38, 38, 0.70);
}
.pricing-box .pricing-header-content {
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #262626;
}



.pricing-box .pricing-top {
    padding: 20px 20px 15px;
    padding-right: 35px;
}
.pricing-box .pricing-top-content {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: #fff;
}


.pricing-box .pricing-body {
    background-color: rgba(217, 217, 217, 0.15);
    padding: 22px 27px 22px;
}
.pricing-box .pricing-detail ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pricing-box .pricing-detail ul li {
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    color: #fff;
    padding-left: 22px;
    margin: 0 0 18px;
}
.pricing-box .pricing-detail ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 1px;
}
.pricing-box .pricing-body p {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    color: #fff;
    padding-left: 22px;
    margin: 0 0 18px;
}

.pricing-box .pricing-sub-detail {
    padding: 0 0 10px;
}
.pricing-box .pricing-sub-detail ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pricing-box .pricing-sub-detail ul li {
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #fff;
    padding-left: 22px;
    margin: 0 0 12px;
}
.pricing-box .pricing-sub-detail ul li::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 7px;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
}


.pricing-box .pricing-footer {
    padding: 25px;
    text-align: center;
}
.pricing-box .red-btn {
    width: 100%;
    height: 56px;
    letter-spacing: 0.06em;
}



/*** 
====================================================================
  choose-plan css
====================================================================
***/
.choose-plan {
    overflow: hidden;
}
.choose-plan .section-header {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
}
.choose-plan .heading strong {
    color: #861819;
}


.choose-plan-inner {
    background-color: #262626;
}

/*table start */
.divTable{
    width: 100%;
}
.divTableRow {
    position: relative;
    display: grid;
    grid-template-columns: 350px 270px 275px 340px;

}
.divTableBody .divTableRow:nth-child(odd) {
    background-color: rgba(217, 217, 217, 0.15);
}
/* 1024 */
@media only screen and (min-width: 1200px) {
    .divTableBody .divTableRow:nth-child(odd)::before {
        content: "";
        position: absolute;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(217, 217, 217, 0.15);
    }
    .divTableBody .divTableRow:nth-child(odd)::after {
        content: "";
        position: absolute;
        right: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(217, 217, 217, 0.15);
    }
}
.divTableCell, .divTableHead {
    border: 0;
    display: table-cell;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}
.divTableBody {
    display: table-row-group;
}
.divTable {
    border-collapse: collapse;
    width: 100%;
}
.divTableHead {
    font-family: 'Inter', sans-serif;
    font-size: 27px;
    font-weight: 300;
    line-height: 1;
    color: rgba(255, 255, 255, 0.70);
    text-align: center;
    background-color: #262626;
    padding: 20px;
}
.divTableHead strong {
    font-family: 'Inter', sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    display: block;
    margin: 0 0 5px;
}
.divTableHead.first {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.3);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-right: 30px;
}
.divTableCell {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    height: 58px;
    border-left: solid 1px rgba(213, 212, 234, 0.30);
}
.divTableCell.first {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-align: right;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    padding: 15px 30px 15px;
    padding-left: 0;
    justify-content: flex-end;
    border-left: 0;
}
.divTableBody .divTableRow:first-child .divTableCell.fourth .right-icon {
    margin-right: 15px;
}
.divTableCell .right-icon,
.divTableCell .dash-icon {
    display: flex;
}







/* Stack rows vertically on small screens */
@media (max-width: 1199px) {
    /* Hide column labels */
    .divTableHeading >.divTableRow {
        position: absolute;
        top: -9999em;
        left: -9999em;
    }
    .divTableRow {
        border: 0.125em solid #333;
        border-bottom: 0;
        display: block;
    }
    /* Leave a space between table rows */
    .divTableRow + .divTableRow {
        margin-top: 1.5em;
    }
    .divTableBody {
        display: block;
    }
    .divTableCell.first {
        text-align: left;
        padding: 10px;
    }
    .divTableCell {
        border: none;
        border-bottom: 0.125em solid #333;
        padding-left: 50% !important;
        display: flex;
        justify-content: flex-start !important;
    }
    /* Add data labels */
    .divTableCell:before {
        content: attr(data-label);
        display: inline-block;
        font-weight: bold;
        line-height: 1.5;
        margin-left: -100%;
        width: 100%;
    }

}

/* Stack labels vertically on smaller screens */
@media (max-width: 666px) {
   .divTableCell {
        padding: 10px !important;
        display: block !important;
        height: auto;
   }
   .divTableCell:before {
        margin-left: 0;
        margin-bottom: 15px;
   }
   .divTableBody .divTableRow:first-child .divTableCell.fourth .right-icon {
    margin: 0 0 15px;
   }
}


/*** 
====================================================================
  caught-guard css
====================================================================
***/

.caught-guard {
    background-color: rgba(217, 217, 217, 0.50);
    padding: 60px 0 80px;
}
.caught-guard .section-header {
    text-align: center;
    padding: 0 0 30px;
}
.caught-guard .heading {
    margin: 0 0 15px;
}
.caught-guard .heading strong {
    color: #861819;
}
.caught-guard .sub-title {
    font-family: 'Inter', sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 110%;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #2C2C2C;
    margin: 0 0 30px;
}
.caught-guard .content {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 180%;
    text-align: center;
    color: #2C2C2C;
    max-width: 815px;
    margin: 0 auto;
}


.caught-guard .guard-inner {
    max-width: 860px;
    margin: 0 auto;
    background-color: #f5f5f5;
    border-radius: 5px;
    border-bottom: solid 4px #861819;
    padding: 18px 30px 18px;
    display: grid;
    grid-template-columns: 200px 210px 235px;
    column-gap: 70px;
}
.caught-guard .guard-box {
    display: flex;
    align-items: center;
}
.caught-guard .guard-box .guard-icon {
    min-width: 64px;
    margin-right: 15px;
}
.caught-guard .guard-box:last-child .guard-icon {
    min-width: 54px;
}
.caught-guard .guard-box img {
    width: auto;
}
.caught-guard .guard-box .guard-title {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    color: #000;
}


.caught-guard .section-footer {
    text-align: center;
    padding: 32px 0 0;
}
.caught-guard .join-title {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #861819;
    margin: 0 0 22px;
}
.caught-guard .protect {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    font-style: italic;
    color: #2C2C2C;
    margin: 15px 0 0;
}



/*** 
====================================================================
  table section css
====================================================================
***/

/* ── DARK SECTION ── */
.table-section {
    width: 100%;
    background: #262626;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table-inner {
    max-width: 1270px;
    min-width: 600px;
    margin: 0 auto;
}

/* ── DESKTOP GRID ── */
.table-section .row {
    display: grid;
    grid-template-columns: 30% repeat(3, 1fr);
    width: 100%;
    margin: 0;
}

.row.header {
    padding: 24px 0 20px;
}
.col-label {
    font-family: 'Inter', sans-serif;
    color: rgba(255, 255, 255, 0.30);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 24px 6px;
    
}

.col-plan-header {
    text-align: center;
    padding: 0 16px;
    border-left: 1px solid rgba(213, 212, 234, 0.30);
}

.plan-name {
    font-family: 'Inter', sans-serif;
    font-size: clamp(21px, 1.6vw, 16px);
    font-weight: 700;
    line-height: 1;
    color: #fff;
    display: block;
}

.plan-price {
    font-family: 'Inter', sans-serif;
    font-size: clamp(27px, 1.4vw, 14px);
    font-weight: 300;
    line-height: 1;
    color: rgba(255, 255, 255, 0.70);
    display: block;
    margin-top: 4px;
}

.row.odd {
    position: relative;
    background: rgba(217, 217, 217, 0.15);
    transition: background .15s;
}
.row.even {
    position: relative;
    background: #262626;
    transition: background .15s;
}
.row.odd:hover,
.row.even:hover {
    background: #383838;
    transition: background .15s;
}
/* 1024 */
@media only screen and (min-width: 1199px) {
    .table-section {
        overflow: hidden;
    }
    .row.odd::before {
        content: "";
        position: absolute;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(217, 217, 217, 0.15); 
        transition: background .15s;
    }
    .row.odd::after {
        content: "";
        position: absolute;
        right: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(217, 217, 217, 0.15);
        transition: background .15s; 
    }
    .row.odd:hover::before,
    .row.odd:hover::after {
        background: #383838;
        transition: background .15s;
    }


    .row.even::before {
        content: "";
        position: absolute;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #262626; 
        transition: background .15s;
    }
    .row.even::after {
        content: "";
        position: absolute;
        right: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #262626;
        transition: background .15s; 
    }
    .row.even:hover::before,
    .row.even:hover::after {
        background: #383838;
        transition: background .15s;
    }
}

.col-feature {
    font-family: 'Inter', sans-serif;
    font-size: clamp(18px, 1.3vw, 14px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 16px 24px 16px 16px;
}

.col-val {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 12px;
    font-size: clamp(16px, 1.3vw, 14px);
    letter-spacing: 0.03em;
    color: #fff;
    text-align: center;
    border-left: 1px solid rgba(213, 212, 234, 0.30);
    min-height: 56px;
}
.check {
    color: #3dba78;
    font-size: 20px;
    line-height: 1;
}
.dash {
    color: #555;
    font-size: 18px;
}
.sub-note {
    font-size: 16px;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.03em;
}

/* ════════════════════════════════
MOBILE
════════════════════════════════ */
.mobile-table {
    display: none;
}

@media (max-width: 1199px) {
    .col-label { font-size: 20px; }
    .plan-name { font-size: clamp(16px, 1.6vw, 16px); }
    .plan-price { font-size: clamp(20px, 1.4vw, 14px); }
    .col-feature { font-size: clamp(14px, 1.3vw, 14px); }
}
@media (max-width: 666px) {

    /* hide desktop version */
    .table-section {
        display: none;
    }

    /* show mobile version */
    .mobile-table {
        display: block;
        background: #222;
        width: 100%;
    }

    /* ── TAB SWITCHER ── */
    .plan-tabs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        border-bottom: 2px solid #444;
    }

    .plan-tab {
        padding: 14px 8px;
        text-align: center;
        cursor: pointer;
        background: #1a1a1a;
        color: #888;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: background .2s, color .2s;
        border-right: 1px solid #333;
        line-height: 1.3;
    }

    .plan-tab:last-child {
        border-right: none;
    }

    .plan-tab .tab-price {
        display: block;
        font-size: 14px;
        color: #666;
        font-weight: 400;
        margin-top: 3px;
        text-transform: none;
        letter-spacing: 0;
    }

    .plan-tab.active {
        background: #2e2e2e;
        color: #fff;
        border-bottom: 3px solid #3dba78;
    }

    .plan-tab.active .tab-price {
        color: #bbb;
    }

    /* ── PLAN PANELS ── */
    .plan-panel {
        display: none;
    }

    .plan-panel.active {
        display: block;
    }

    /* each feature row */
    .m-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 14px 20px;
        border-bottom: 1px solid #2a2a2a;
        gap: 12px;
    }

    .m-row:nth-child(odd) {
        background: #2e2e2e;
    }

    .m-row:nth-child(even) {
        background: #1e1e1e;
    }

    .m-feature {
        font-size: 13px;
        font-weight: 700;
        color: #e0e0e0;
        flex: 1;
    }

    .m-val {
        font-size: 13px;
        color: #ccc;
        text-align: right;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        flex-shrink: 0;
    }
    .sub-note {
        font-size: 14px;
    }
}