.cms a,
body a {
    color: inherit;
}

.cms a,
.cms a:active,
.cms a:focus,
.cms a:hover,
body a,
body a:active,
body a:focus,
body a:hover {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    outline: 0;
    outline-offset: 0;
}

/*.cms p,
.cms ul li,
body p,
body ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #9a563a;
    font-style: normal;
    text-align: left;
    letter-spacing: 0;
    word-spacing: 0;
    text-transform: inherit;
}*/

.cms p+ol,
.cms p+p,
.cms p+ul,
.cms ul li+ol,
.cms ul li+p,
.cms ul li+ul,
body p+ol,
body p+p,
body p+ul,
body ul li+ol,
body ul li+p,
body ul li+ul {
    margin-top: 15px;
}

.cms p+.h1,
.cms p+.h2,
.cms p+.h3,
.cms p+.h4,
.cms p+.h5,
.cms p+.h6,
.cms p+h1,
.cms p+h2,
.cms p+h3,
.cms p+h4,
.cms p+h5,
.cms p+h6,
.cms ul li+.h1,
.cms ul li+.h2,
.cms ul li+.h3,
.cms ul li+.h4,
.cms ul li+.h5,
.cms ul li+.h6,
.cms ul li+h1,
.cms ul li+h2,
.cms ul li+h3,
.cms ul li+h4,
.cms ul li+h5,
.cms ul li+h6,
body p+.h1,
body p+.h2,
body p+.h3,
body p+.h4,
body p+.h5,
body p+.h6,
body p+h1,
body p+h2,
body p+h3,
body p+h4,
body p+h5,
body p+h6,
body ul li+.h1,
body ul li+.h2,
body ul li+.h3,
body ul li+.h4,
body ul li+.h5,
body ul li+.h6,
body ul li+h1,
body ul li+h2,
body ul li+h3,
body ul li+h4,
body ul li+h5,
body ul li+h6 {
    margin-top: 15px;
}

.cms img+p,
body img+p {
    margin-top: 15px;
}

.cms p,
body p {
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
}

.cms .h1,
.cms .h2,
.cms .h3,
.cms .h4,
.cms .h5,
.cms .h6,
.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-weight: 400;
    line-height: 120%;
    font-style: normal;
    letter-spacing: 0;
    word-spacing: 0;
    text-transform: inherit;
    margin: 0;
    padding: 0;
}

.cms .h1+.h1,
.cms .h1+.h2,
.cms .h1+.h3,
.cms .h1+.h4,
.cms .h1+.h5,
.cms .h1+.h6,
.cms .h1+h1,
.cms .h1+h2,
.cms .h1+h3,
.cms .h1+h4,
.cms .h1+h5,
.cms .h1+h6,
.cms .h2+.h1,
.cms .h2+.h2,
.cms .h2+.h3,
.cms .h2+.h4,
.cms .h2+.h5,
.cms .h2+.h6,
.cms .h2+h1,
.cms .h2+h2,
.cms .h2+h3,
.cms .h2+h4,
.cms .h2+h5,
.cms .h2+h6,
.cms .h3+.h1,
.cms .h3+.h2,
.cms .h3+.h3,
.cms .h3+.h4,
.cms .h3+.h5,
.cms .h3+.h6,
.cms .h3+h1,
.cms .h3+h2,
.cms .h3+h3,
.cms .h3+h4,
.cms .h3+h5,
.cms .h3+h6,
.cms .h4+.h1,
.cms .h4+.h2,
.cms .h4+.h3,
.cms .h4+.h4,
.cms .h4+.h5,
.cms .h4+.h6,
.cms .h4+h1,
.cms .h4+h2,
.cms .h4+h3,
.cms .h4+h4,
.cms .h4+h5,
.cms .h4+h6,
.cms .h5+.h1,
.cms .h5+.h2,
.cms .h5+.h3,
.cms .h5+.h4,
.cms .h5+.h5,
.cms .h5+.h6,
.cms .h5+h1,
.cms .h5+h2,
.cms .h5+h3,
.cms .h5+h4,
.cms .h5+h5,
.cms .h5+h6,
.cms .h6+.h1,
.cms .h6+.h2,
.cms .h6+.h3,
.cms .h6+.h4,
.cms .h6+.h5,
.cms .h6+.h6,
.cms .h6+h1,
.cms .h6+h2,
.cms .h6+h3,
.cms .h6+h4,
.cms .h6+h5,
.cms .h6+h6,
.cms h1+.h1,
.cms h1+.h2,
.cms h1+.h3,
.cms h1+.h4,
.cms h1+.h5,
.cms h1+.h6,
.cms h1+h1,
.cms h1+h2,
.cms h1+h3,
.cms h1+h4,
.cms h1+h5,
.cms h1+h6,
.cms h2+.h1,
.cms h2+.h2,
.cms h2+.h3,
.cms h2+.h4,
.cms h2+.h5,
.cms h2+.h6,
.cms h2+h1,
.cms h2+h2,
.cms h2+h3,
.cms h2+h4,
.cms h2+h5,
.cms h2+h6,
.cms h3+.h1,
.cms h3+.h2,
.cms h3+.h3,
.cms h3+.h4,
.cms h3+.h5,
.cms h3+.h6,
.cms h3+h1,
.cms h3+h2,
.cms h3+h3,
.cms h3+h4,
.cms h3+h5,
.cms h3+h6,
.cms h4+.h1,
.cms h4+.h2,
.cms h4+.h3,
.cms h4+.h4,
.cms h4+.h5,
.cms h4+.h6,
.cms h4+h1,
.cms h4+h2,
.cms h4+h3,
.cms h4+h4,
.cms h4+h5,
.cms h4+h6,
.cms h5+.h1,
.cms h5+.h2,
.cms h5+.h3,
.cms h5+.h4,
.cms h5+.h5,
.cms h5+.h6,
.cms h5+h1,
.cms h5+h2,
.cms h5+h3,
.cms h5+h4,
.cms h5+h5,
.cms h5+h6,
.cms h6+.h1,
.cms h6+.h2,
.cms h6+.h3,
.cms h6+.h4,
.cms h6+.h5,
.cms h6+.h6,
.cms h6+h1,
.cms h6+h2,
.cms h6+h3,
.cms h6+h4,
.cms h6+h5,
.cms h6+h6,
body .h1+.h1,
body .h1+.h2,
body .h1+.h3,
body .h1+.h4,
body .h1+.h5,
body .h1+.h6,
body .h1+h1,
body .h1+h2,
body .h1+h3,
body .h1+h4,
body .h1+h5,
body .h1+h6,
body .h2+.h1,
body .h2+.h2,
body .h2+.h3,
body .h2+.h4,
body .h2+.h5,
body .h2+.h6,
body .h2+h1,
body .h2+h2,
body .h2+h3,
body .h2+h4,
body .h2+h5,
body .h2+h6,
body .h3+.h1,
body .h3+.h2,
body .h3+.h3,
body .h3+.h4,
body .h3+.h5,
body .h3+.h6,
body .h3+h1,
body .h3+h2,
body .h3+h3,
body .h3+h4,
body .h3+h5,
body .h3+h6,
body .h4+.h1,
body .h4+.h2,
body .h4+.h3,
body .h4+.h4,
body .h4+.h5,
body .h4+.h6,
body .h4+h1,
body .h4+h2,
body .h4+h3,
body .h4+h4,
body .h4+h5,
body .h4+h6,
body .h5+.h1,
body .h5+.h2,
body .h5+.h3,
body .h5+.h4,
body .h5+.h5,
body .h5+.h6,
body .h5+h1,
body .h5+h2,
body .h5+h3,
body .h5+h4,
body .h5+h5,
body .h5+h6,
body .h6+.h1,
body .h6+.h2,
body .h6+.h3,
body .h6+.h4,
body .h6+.h5,
body .h6+.h6,
body .h6+h1,
body .h6+h2,
body .h6+h3,
body .h6+h4,
body .h6+h5,
body .h6+h6,
body h1+.h1,
body h1+.h2,
body h1+.h3,
body h1+.h4,
body h1+.h5,
body h1+.h6,
body h1+h1,
body h1+h2,
body h1+h3,
body h1+h4,
body h1+h5,
body h1+h6,
body h2+.h1,
body h2+.h2,
body h2+.h3,
body h2+.h4,
body h2+.h5,
body h2+.h6,
body h2+h1,
body h2+h2,
body h2+h3,
body h2+h4,
body h2+h5,
body h2+h6,
body h3+.h1,
body h3+.h2,
body h3+.h3,
body h3+.h4,
body h3+.h5,
body h3+.h6,
body h3+h1,
body h3+h2,
body h3+h3,
body h3+h4,
body h3+h5,
body h3+h6,
body h4+.h1,
body h4+.h2,
body h4+.h3,
body h4+.h4,
body h4+.h5,
body h4+.h6,
body h4+h1,
body h4+h2,
body h4+h3,
body h4+h4,
body h4+h5,
body h4+h6,
body h5+.h1,
body h5+.h2,
body h5+.h3,
body h5+.h4,
body h5+.h5,
body h5+.h6,
body h5+h1,
body h5+h2,
body h5+h3,
body h5+h4,
body h5+h5,
body h5+h6,
body h6+.h1,
body h6+.h2,
body h6+.h3,
body h6+.h4,
body h6+.h5,
body h6+.h6,
body h6+h1,
body h6+h2,
body h6+h3,
body h6+h4,
body h6+h5,
body h6+h6 {
    margin-top: 5px;
}

.cms .h1+ol,
.cms .h1+p,
.cms .h1+ul,
.cms .h2+ol,
.cms .h2+p,
.cms .h2+ul,
.cms .h3+ol,
.cms .h3+p,
.cms .h3+ul,
.cms .h4+ol,
.cms .h4+p,
.cms .h4+ul,
.cms .h5+ol,
.cms .h5+p,
.cms .h5+ul,
.cms .h6+ol,
.cms .h6+p,
.cms .h6+ul,
.cms h1+ol,
.cms h1+p,
.cms h1+ul,
.cms h2+ol,
.cms h2+p,
.cms h2+ul,
.cms h3+ol,
.cms h3+p,
.cms h3+ul,
.cms h4+ol,
.cms h4+p,
.cms h4+ul,
.cms h5+ol,
.cms h5+p,
.cms h5+ul,
.cms h6+ol,
.cms h6+p,
.cms h6+ul,
body .h1+ol,
body .h1+p,
body .h1+ul,
body .h2+ol,
body .h2+p,
body .h2+ul,
body .h3+ol,
body .h3+p,
body .h3+ul,
body .h4+ol,
body .h4+p,
body .h4+ul,
body .h5+ol,
body .h5+p,
body .h5+ul,
body .h6+ol,
body .h6+p,
body .h6+ul,
body h1+ol,
body h1+p,
body h1+ul,
body h2+ol,
body h2+p,
body h2+ul,
body h3+ol,
body h3+p,
body h3+ul,
body h4+ol,
body h4+p,
body h4+ul,
body h5+ol,
body h5+p,
body h5+ul,
body h6+ol,
body h6+p,
body h6+ul {
    margin-top: 5px;
}

.cms .h1,
.cms h1,
body .h1,
body h1 {
    color: #e2731e;
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
}

.cms .h2,
.cms h2,
body .h2,
body h2 {
    color: #e2731e;
    font-size: 35px;
    line-height: 120%;
    font-weight: 600;
}

.cms .h3,
.cms h3,
body .h3,
body h3 {
    font-size: 2.813rem;
    color: #e2731e;
    line-height: 3rem;
}

.cms .h4,
.cms h4,
body .h4,
body h4 {
    font-size: 24px;
    color: #e2731e;
}

.cms .h5,
.cms h5,
body .h5,
body h5 {
    font-size: 22px;
    color: #ffffff;
}

.cms .h6,
.cms h6,
body .h6,
body h6 {
    font-size: 20px;
    color: #ffffff;
}

.cms img,
body img {
    max-width: 100%;
}

.cms ol,
.cms ul,
body ol,
body ul {
    padding: 0;
}

.cms ol li+li,
.cms ul li+li,
body ol li+li,
body ul li+li {
    margin-top: 3px;
}

.cms ol+.h1,
.cms ol+.h2,
.cms ol+.h3,
.cms ol+.h4,
.cms ol+.h5,
.cms ol+.h6,
.cms ol+h1,
.cms ol+h2,
.cms ol+h3,
.cms ol+h4,
.cms ol+h5,
.cms ol+h6,
.cms ol+p,
.cms ul+.h1,
.cms ul+.h2,
.cms ul+.h3,
.cms ul+.h4,
.cms ul+.h5,
.cms ul+.h6,
.cms ul+h1,
.cms ul+h2,
.cms ul+h3,
.cms ul+h4,
.cms ul+h5,
.cms ul+h6,
.cms ul+p,
body ol+.h1,
body ol+.h2,
body ol+.h3,
body ol+.h4,
body ol+.h5,
body ol+.h6,
body ol+h1,
body ol+h2,
body ol+h3,
body ol+h4,
body ol+h5,
body ol+h6,
body ol+p,
body ul+.h1,
body ul+.h2,
body ul+.h3,
body ul+.h4,
body ul+.h5,
body ul+.h6,
body ul+h1,
body ul+h2,
body ul+h3,
body ul+h4,
body ul+h5,
body ul+h6,
body ul+p {
    margin-top: 15px;
}

.cms ol,
body ol {
    list-style-type: decimal-leading-zero;
    margin: 0;
}

.cms a {
    color: #fff;
}

/*.cms img {
    float: left;
    width: 50%;
    margin: 15px 25px 15px 0;
}*/


.cms ul{
    margin: 0 0 48px 0;
    position: relative;
}
/*.cms ul li:before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #eb9319;
    font-size: 16px;
    left: 10px;
    top: 10px;
    font-weight: 600;
}*/

.error-content {
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    padding: 90px 0;
}
.error-content h2{
    font-size: 250px;
    font-weight: 400;
    display: block;
    line-height: 1;
    margin: -0.26em 0 0 0;
    color: var(--white-color);
}
.error-content h3{
    text-transform: uppercase;
    font-size: 50px;
    margin: -0.3em 0 5px 0;
    color: var(--white-color)
}
.error-content a{
    color: #ffffff;
}
.error-content .error-span{
    color: var(--theme-color);
    font-size: 1.4em;
}
.error-content p{
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 40px;
    width: 500px;
    margin: auto;
    text-align: center;
    padding: 10px 0px;
}
@media (max-width: 768px){
    .error-content h2 {
        font-size: 86px !important;
        margin-bottom: 15px;
    }
    .error-content h3{
        font-size: 28px;
    }
    .error-content p{
        font-size: 15px;
        width: auto;
    }
}
.cms .num_list {
    counter-reset: list-number;
}

.cms .num_list li {
    padding-left: 20px;
}

.cms .num_list li::before {
    counter-increment: list-number;
    content: counter(list-number);
    font-family: 'Nunito Sans', sans-serif !important;
}

.cms .alpha_list {
    counter-reset: list;
}

.cms .alpha_list li::before {
    counter-increment: list;
    content: counter(list, lower-alpha);
    font-family: 'Nunito Sans', sans-serif !important;
}

.cms ol li,
.cms ul li {
    line-height: 150%;
}

.cms ol li,
.cms ul li {
    line-height: 150%;
}


.cms ul li {
    color: #ffffff;
    padding-left: 30px;
    overflow: hidden;
    position: relative;
    font-size: 16px;
}
.cms ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    height: 15px;
    width: 15px;
    background-image: url(../images/unordered-list-ball.png);
    background-size: cover;
}

.cms ol {
    left: 0;
    margin: 0;
    counter-reset: my-sec-counter;
}

.cms ol li {
    color: #383838;
    padding-left: 30px;
    overflow: hidden;
    position: relative;
    font-size: 16px;
}

.cms ol li:before {
    position: absolute;
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter, upper-roman) ".";
    color: #ec2129;
    font-size: 16px;
    left: 0;
    top: 0;
    font-weight: 600;
}

.cms ol li {
    color: #ffffff;
    padding-left: 30px;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    counter-increment: roman-counter; /* Increment the counter for each list item */
}

.cms ol li:before {
    position: absolute;
    content: counter(roman-counter, upper-roman) "."; /* Add Roman numeral with a dot */
    color: #e2731e;
    font-size: 16px;
    left: 0;
    top: 0;
    font-weight: 600;
}


.cms h1+.table-responsive,
.cms h2+.table-responsive,
.cms h3+.table-responsive,
.cms h4+.table-responsive,
.cms h5+.table-responsive,
.cms h6+.table-responsive {
    margin-top: 15px;
}

/*.ac-table table,
.cms table {
    width: 100%;
    margin-bottom: 0;
    border: 1px solid rgba(47, 90, 123, .5);
}

.ac-table table tr:first-of-type td,
.cms table tr:first-of-type td {
    background-color: #fff;
}

.ac-table table tr:nth-of-type(odd),
.cms table tr:nth-of-type(odd) {
    background-color: #fff;
}

.ac-table table tr td,
.ac-table table tr th,
.cms table tr td,
.cms table tr th {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: #464343;
    font-style: normal;
    border: 1px solid #209fd4;
    padding: 8px;
    text-align: center;
    background: #ffffff;
}

.ac-table table tr th,
.cms table tr th {
    border-bottom: 1px solid #209fd4;
    border-right: 1px solid #209fd4;
    background-color: #f5f5f5;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: #209fd4;
}

.ac-table table tr th:last-child,
.cms table tr th:last-child {
    border-right: 1px solid #209fd4;
}

.ac-table .table-responsive,
.cms .table-responsive {
    border: 0 solid #209fd4;
}*/

@media (max-width:992px) {
    .cms .h1,
    .cms h1,
    body .h1,
    body h1 {
        font-size: 32px;
    }
    .cms .h2,
    .cms h2,
    body .h2,
    body h2 {
        font-size: 28px;
    }
    .cms .h3,
    .cms h3,
    body .h3,
    body h3 {
        font-size: 24px;
    }
    .cms .h4,
    .cms h4,
    body .h4,
    body h4 {
        font-size: 22px;
    }
    .cms .h5,
    .cms h5,
    body .h5,
    body h5 {
        font-size: 20px;
    }
    .cms .h6,
    .cms h6,
    body .h6,
    body h6 {
        font-size: 18px;
    }
    .detail-main .right-side {
        margin-top: 30px;
    }
}

.jp-breadcrumb {
    margin: 15px 0 5px 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.jp-breadcrumb {
    text-align: left;
}

.jp-breadcrumb li {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: #fff;
    display: inline-block;
}

.jp-breadcrumb li:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 400px;
}

.jp-breadcrumb li+li {
    margin-top: 0;
}

.jp-breadcrumb li+li::before {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    color: #ffffff;
    content: "/";
}

.jp-breadcrumb li a {
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    color: #ff9900;
    letter-spacing: 1px;
}

.jp-breadcrumb li.active {
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.i-b_c_back-to-list {
    text-align: right;
    position: relative;
    margin-top: 15px;
    z-index: 1;
}

.i-b_c_back-to-list a {
    font-size: 14px;
    font-weight: 400;
    color: #9a563a;
    line-height: 110%;
    text-transform: capitalize;
}

.i-b_c_back-to-list a i {
    margin-right: 5px;
}

.jp-pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    display: -webkit-inline-flex;
    display: -khtml-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
}

.jp-pagination li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.jp-pagination li {
    margin: 0 2px;
    display: inline;
    text-align: center;
}

.jp-pagination li {
    margin-left: 10px;
}

.jp-pagination li a {
    position: relative;
    float: left;
    padding: 0;
    margin-left: -1px;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    color: #2f5a7b;
}

.jp-pagination li a i {
    font-size: 14px;
    font-weight: 400;
    color: #2f5a7b;
}

.jp-pagination li.active a {
    color: #9a563a;
    cursor: default;
    pointer-events: none;
}

@media (min-width:1024px) {
    .cms a:hover {
        color: #e2731e;
    }
    .jp-breadcrumb li a:hover {
        color: #ffffff;
    }
    .jp-pagination li a:hover {
        color: #9a563a;
    }
}

@media(max-width:767px) {
/*    .cms p,
    .cms ul li,
    body p,
    body ul li {
        font-size: 14px;
    }*/
    .jp-breadcrumb {
        display: none;
    }
}

.modal {
    z-index: 999999;
}

.modal-backdrop {
    z-index: 9999;
}

.modal-header .close {
    margin: -20px;
    font-size: 10px;
    color: #fff;
    background: #9a563a;
    padding: 8px;
    border-radius: 100%;
    opacity: 1;
}

.modal-footer { 
    justify-content: center;
}


/* table css S*/

.table-responsive table {
    overflow-x: scroll;
}

/*.table-responsive table th:first-child,
.table-responsive table td:first-child {
    position: sticky;
    left: -1px;
}*/

.quantity-counter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border: 1px solid #f1f1f1;
    padding: 10px;
    border-radius: 6px;
    height: 40px;
}

.quantity-counter .value {
    margin: 0 3px;
    text-align: center;
    -moz-appearance: textfield;
    max-width: 30px;
    border: 0;
    outline: none;
}

.quantity-counter .value::-webkit-outer-spin-button,
.quantity-counter .value::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity-counter .quntity-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.quantity-counter .quntity-btn .decrement {
    transform: rotate(180deg);
}

.quantity-counter .increment,
.quantity-counter .decrement {
    border: 0;
    background: transparent;
    cursor: pointer;
    color: #002236;
    font-size: 14px;
    padding: 0;
    line-height: 14px;
}


/* share button css s */

.share-button {
    text-align: right;
    padding-bottom: 20px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 9999;
}

.share-button .dropdown-toggle {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.share-button .dropdown-toggle i {
    font-size: 18px;
    color: #ffffff;
    background: #9a563a;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: -3px;
    margin-left: 5px;
}
.dropdown-toggle:after{
    display: none;
}

.share-button ul li+li {
    margin-left: 10px;
    margin-top: 0;
}

.share-button ul li+li .dropdown-toggle:after {
    content: none;
}

.share-button ul li:before {
    content: none;
}

.share-button ul li .dropdown-menu {
    position: absolute;
    background: #9a563a;
    left: auto !important;
    right: -2px;
    margin-top: 10px;
    border-radius: 20px;
    padding:  10px !important;
    opacity: 0;
    visibility: hidden;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    min-width: auto;
    -webkit-box-shadow: 6.428px 7.66px 7.5px rgba(0, 0, 0, .1);
    -khtml-box-shadow: 6.428px 7.66px 7.5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 6.428px 7.66px 7.5px rgba(0, 0, 0, .1);
    -ms-box-shadow: 6.428px 7.66px 7.5px rgba(0, 0, 0, .1);
    -o-box-shadow: 6.428px 7.66px 7.5px rgba(0, 0, 0, .1);
    box-shadow: 6.428px 7.66px 7.5px rgba(0, 0, 0, .1);
}

.share-button ul li .dropdown-menu:after {
    position: absolute;
    content: "";
    left: auto;
    right: 21px;
    top: -7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #022330;
    margin: auto;
}

.share-button .dropdown {
    overflow: visible;
}

.share-button .dropdown.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
}

.share-button ul li .dropdown-menu li {
    display: inline-block;
    margin-top: 0;
    line-height: 100%;
    padding: 0;
}

.share-button ul li .dropdown-menu li a {
    font-size: 18px; 
    color: #02222e;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    background: #ffffff;
    border-radius: 100%;
    padding: 4px 8px;
}
.share-button ul{
    list-style: none;
}


@media(min-width:1200px) {
    .share-button ul li .dropdown-menu li a:hover {
         background: #ffffff;
        color: #9a563a;
    }
}

@media(max-width:767px) {
/*    .cms img {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }*/
    .share-button {
        position: relative;
        display: none;
    }
}


/* share button css E */

.cms_down.primary_button {
    max-width: 170px;
    width: 100%;
    padding: 12px;
    color: #ffffff !important;
}

.cms_down.primary_button i {
    left: 20px;
    transform: rotate(180deg);
}

@media(min-width:1200px) {
    .cms_down.primary_button:hover i {
        left: 20px;
    }
    .cms_down.second-btn:hover {
        background: #209fd4;
        color: #ffffff;
    }
    .cms_down.second-btn:hover i {
        color: #ffffff;
    }
}

.d-button {
    display: flex;
}

.d-button .primary_button+.primary_button {
    margin-left: 20px;
}

.cms .img-title {
    margin: 20px 0 10px;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    padding-bottom: 30px;
    color: #9a563a;
    display: inline-block;
}

.cms .img-title::before {
    position: absolute;
    content: '';
    background-image: url(../images/title-shape.png);
    right: -30px;
    bottom: 9px;
    height: 20px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: 25px;
}

.cms .img-title:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 16px;
    border-bottom: 2px dotted #9a563a;
    height: 30px;
    width: 100%;
    border-radius: 0 0 0 10px;
}

.cms table .cms_down {
    margin: 0 auto;
}

.responsive-table {
    overflow-x: auto;
    padding-bottom: 4px;
}

.responsive-table ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

@media(max-width:767px) {
    .responsive-table table th,
    td {
        min-width: 40px !important;
    }
    .responsive-table table th:first-child,
    td:first-child {
        min-width: 60px;
    }
    
    .datepicker {
        top: 1682.19px;
        left: 40px !important;
        z-index: 12;
        display: block;
    }
}



.sec-subtitle {
    display: block;
    text-transform: uppercase;
    color: var(--theme-color);
    font-family: var(--body-font);
    font-weight: 500;
    letter-spacing: 0.22em;
    line-height: 1;
    margin-top: -0.1em;
    margin-bottom: 18px;
}
.package-style1 .package-price {
    font-size: 60px;
    color: var(--theme-color);
    font-family: var(--title-font);
    line-height: 1;
    margin: 0 0 1px 0;
    transition: all ease 0.4s;
}
.package-style1 .package-duration {
    font-size: 12px !important;
    margin: 0;
    color: #6f6c6c;
    text-transform: uppercase;
    font-weight: 500;
}
.package-style1 .package-name {
    margin: 3px 0 0 0;
    font-family: var(--title-font);
    color: var(--title-color);
    text-transform: none;
    font-weight: 400;
    line-height: 1.2;
    font-size: 23px;
  color: #9a563a;
}
.package-style1 .package-list ul {
    margin: 0 0 48px 0;
}
.package-style1 .package-list li {
    position: relative;
    margin: 0 0 8px 0;
    color: #6f6c6c;
    overflow: visible;
}
.membership{
    padding: 120px 0px;
}
.text-title {
    color: var(--title-color) !important;
}
.package-style1 .package-btn a{
    color: #fff;
}
.membership .package-style1 .package-btn a:hover{
    color: #001821;
}
.sec-shape {
    margin: 33px 0 60px 0;
}
.sec-shape img{
    float: unset;
    width: unset;
}
.slick-slide img {
    display: inline-block;
}
.package-style1 .package-shape {
    text-align: center;
    margin: 12px 0 30px 0;
}
.package-shape img{
    float: unset;
    width: unset;
}
.thank-you{
    padding: 120px 0px;
}
.thank-you-content{
    text-align: center;
    padding: 120px 0px;
}
.thank-you-content h2{
    font-size: 79px;
    font-weight: 500;
    display: block;
    line-height: 1;
    margin: -0.26em 0 0 0;
    color: #2f5a7b;
}
.thank-you-content p {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #9a563a;
    margin-bottom: 20px;
}
@media (max-width: 468px) {
    .thank-you-content h2{
        font-size: 56px;
    }
    .thank-you-content p{
        margin-bottom: 20px;
    }
}

.coming-soon{
    text-align: center;
    padding: 40px;
    background-color: #9a563a45;
}
.coming-soon img{
    max-width: 25% !important;
}
.coming-soon h2{
    font-size: 59px;
    font-weight: 500;
    margin-bottom: 20px;
}
.coming-soon a:hover{
    color: #fff;
}
@media (max-width: 768px) {
    .coming-soon img {
        max-width: 40% !important;
    }
    .coming-soon h2{
        font-size: 49px;
    }
}
@media (max-width: 468px) {
    .coming-soon h2 {
        font-size: 31px;
    }
    .coming-soon img {
        max-width: 50% !important;
    }
}
.about-number {
    font-size: 45px;
    font-weight: 700;
    color: var(--title-color);
    line-height: 1;
    display: block;
}
.fs-22 {
    font-size: 22px !important;
}
.no_record_main{
    text-align: center;
}
.no_record img{
        max-width: 30% !important;
}
@media (max-width: 768px) {
    .no_record img {
        max-width: 75% !important;
    }
}
.team-degi{
    text-align: center !important;
}

@media (max-width: 767px) {
  .package-style1 .package-name {
    font-size: 19px;
  }
  .package-style1 .package-duration {
    font-size: 10px;
  }
  .package-style1 .package-price {
    font-size: 31px;
  }
  .package-style1 .currency {
    font-size: 26px;
    top: 5px;
  }
  .package-style1 .package-list ul {
    margin: 0 0 38px 0;
  }
  .package-style1 .package-list li {
    font-size: 14px;
  }
  .package-style1 .package-shape {
    margin: 12px 0 15px 0;
  }
  .price-inner3 {
    padding: 40px 15px 5px 15px;
  }
}
.community-title{
    color: #ff9900;
    font-size: 19px;
    margin-bottom: 5px !important;
    font-weight: 500 !important;
}
.community-desc{
    color: #001821 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.grey-color{
    color: #7c7a75 !important;
    font-size: 17px !important; 
    line-height: 28px !important;
}
.event-detail-desc ul li strong{
    color: rgb(44, 52, 99);
}


/*About Us Table */
.table-container {
overflow-x: auto;
width: 100%;
padding: 0;
}
.personal-details {
border-collapse: collapse;
background-color: white;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
font-family: var(--primary-font);
width: 100%;
min-width: 450px;
}
.personal-details th, .personal-details td {
border: 1px solid #ddd;
padding: 10px;
text-align: center;
font-size: 16px;
color: #2c3463;
font-weight: 600;
}
.personal-details th {
color: #fff;
background-color: rgb(44, 52, 99);
}
.name-cell, .email-cell, .number-cell, .town-cell {
color: rgb(44, 52, 99);
}
.table-gaam-name {
font-size: 23px !important;
position: relative;
display: inline-block;
padding: 0 20px;
}
.table-gaam-name::before{
content: '';
position: absolute;
top: 111%;
width: 50px;
height: 1px;
background-color: rgb(255 153 0);
}
.table-gaam-name::after {
content: '';
position: absolute;
top: 111%;
width: 50px;
height: 1px;
left: 80px;
background-color: rgb(255 153 0);
}
.table-gaam-name::after {
right: 0;
}
.image-container {
position: relative; 
}
@media (max-width: 1199px) {
.personal-details {
margin-top: 20px;
}
.table-gaam-name::after {
    content: '';
    position: absolute;
    top: 135%;
    width: 50px;
    height: 1px;
    left: 80px;
    background-color: rgb(255 153 0);
}
.table-gaam-name::before {
    content: '';
    position: absolute;
    top: 135%;
    width: 50px;
    height: 1px;
    left: 80px;
    background-color: rgb(255 153 0);
}
}
.absolute-image{
position: absolute;
top: 0;
width: 21px;
height: 21px;
top: 40px;
left: 70px;
}
.about-table{
margin-bottom: 30px;
}
/*About Us Table */


.gaams-name .gaam-box{
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 25px;
    text-align: center;
    border: 3px solid #fff;
    background: #2b3660;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    overflow: hidden;
    position: relative;
    width: 175px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    transition: all ease 0.4s;
}
.gaams-name .gaam-box:hover{
    border: 3px solid #ff9900;
}
@media (max-width: 1199px) {
    .gaams-name .gaam-box{
        width: 100%;
    }
}
.community-about-image{
    text-align: center;
}



.calculator_section {
    color: #ffffff;
    padding: 25px 60px;
    margin: 25px auto;
    background-color: #2b3660;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
}

.calculator-row {
    flex-wrap: nowrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.calculator_content .calculator_section_title {
    font-weight: 600;
    font-size: 21px;
    margin: 0;
}

.calculator_btn {
    margin-bottom: 0;
}
.calculator_content, .calculator_btn{
    width: unset;
}
.calculator_btn .get-started-btn{
    background: #fff;
    color: #2c3463;
}
.calculator_btn .get-started-btn:hover{
    background: #ff9900;
    color: #fff;
}
@media (max-width: 1199px) {
    .calculator-row{
        flex-direction: column;
    }
    .calculator_section{
        padding: 20px;
    }
    .calculator_btn .get-started-btn{
        margin-top: 15px;
    }
    .calculator_content .calculator_section_title{
        font-size: 18px;
    }
}
.about-title{
    color: #000000 !important;
}
.product-table {
  width: 100%;
  max-width: 600px;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #333;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.product-table td {
  padding: 12px 15px;
  border: 1px solid #ddd;
  color: #ffffff;
  font-weight: 600;
}

.product-table tr:first-child {
  background-color: #e2731e;
  color: #fff;
  font-weight: bold;
}
