.ast-container {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0 auto;
}
header.entry-header {
  text-align: center;
}
.entry-title {
  font-size: 1.5rem !important;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #1e1e2f;
  text-align: center;
  position: relative;
  margin: 1.15rem auto 0 auto;
  display: inline-block;
  padding-bottom: 0.5rem;
  background: linear-gradient(90deg, #ff8a00, #e52e71);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

div#customer_details {
    margin: auto;
    width: 94%;
}

#ceilogo {
    max-height: 52px;
}
a.img-logo {
    max-height: 48px;
    margin-top: 2px;
    display: flex;
    gap: 7px;
    align-items: center;
}
footer#colophon p {
    font-size: .8rem;
}

footer#colophon a {
    font-size: .9rem;
}

footer#colophon li {
    font-size: .9rem;
}

div#cpsfootlgd p {
    margin-top: 18px;
}
.textwidget ul li {
    word-wrap: break-word;
}

img.cpspmpp {
    width: 97%;
}
a.ecm-pc-seach-con,
a.ecm-pc-account-con {
    position: relative !important;
    min-width: 50px;
}

a.ecm-pc-seach-con {
  /* min-width: 64px; */
}
.ec-google-review-inline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    /* padding: 8px 14px; */
    /* border: 1px solid #ddd; */
    /* border-radius: 9999px; */
    /* background: #fff; */
    font-family: Arial, sans-serif;
    font-size: 16px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.ec-google-logo {
    height: 20px !IMPORTANT;
}

.ec-rating {
    font-weight: bold;
    color: #dee2e6;
}

.ec-stars {
    color: #fbc02d;
    font-size: 15px;
    line-height: 1;
}
@media only screen and (max-width: 767px) {
 
    .site-footer .widget {
        color: #8e8c8c;
        padding-bottom: 20px !important;
        padding-top: 30px;
    }

    footer.site-footer {
        background: #111240;
        color: #fff;
        padding: 40px 0 0 !important;
    }
 
}
svg.ecmhead_arrow_down {
    margin-top: 6.4px;
    position: absolute;
}
sapn.ecx-mu-text {
    font-size: 1rem;
    /* color: #545353; */
    padding-left: 6px;
}
.dnone {
    display: none
}

.alignleft {
    float: left;
    margin-right: 15px
}

.alignright {
    float: right;
    margin-left: 15px
}

.aligncenter {
    display: block;
    margin: 0 auto 15px
}

a:focus {
    outline: 0 solid;
    text-decoration: none
}

a {
    display: inline-block;
    -webkit-transition: .4S;
    transition: .4S
}

p {
    font-size: 15px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

img {
    max-width: 100%;
    height: auto;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0 0 15px;
    font-weight: 600
}



a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

input {
    outline: 0
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: 0
}

select::focus {
    border: 1px solid #ddd
}

textarea {
    outline: 0
}

input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset!important
}
.eslic_mcon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-top-area {
    color: #fff;
}

.header-top-area i.fa {
    color: orange
}

.social-icon {
    border: 1px solid #5d5c5c;
    border-radius: 50%;
    border-color: transparent;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 26px;
}

.social-icon i.fa {
    color: #fff
}

.header-right-content a {
    color: #fff;
    margin-right: 20px;
    font-size: .75rem;
}

.header-right-content a.social-icon {
    margin-right: 8px;
}

.header-right-content a.social-icon:hover {
    background: orange none repeat scroll 0 0;
    border: 1px solid orange
}

.slicknav_menu {
    display: none
}
span.ecmbclm {
    position: absolute;
    color: #fff;
    font-size: 1.9rem;
    margin-left: -1px;
    margin-top: -4px;
    font-weight: 300;
}
.comment-metadata a,.edit-link a,.entry-footer .cat-links a,.entry-meta span a,.factory-btn.factory-cta-btn,.factory-project-categories li,.factory-service-box,.factory-service-box a,.factory-service-box a i,.factory-service-box:before,.factory-single-staff .factory-staff-img img,.factory-single-staff .factory-staff-img:before,.factory-slide-buttons a,.factory-staff-social-link li a,.header-right-content .social-icon,.logo a,.main-menu-wrap .sub-siblings:after,.main-menu-wrap ul li ul,.read_more,.reply .comment-reply-link,.single-factory-project .factory-project-content a,.single-factory-project .factory-project-content a i,.single-factory-project .factory-project-content h3,.single-factory-project .factory-project-img:before,.site-footer .widget_nav_menu li a,section.widget ul li,section.widget ul li a,ul.menu li a {
    -webkit-animation-timing-function: cubic-bezier(.65,-.04,.53,.98);
    animation-timing-function: cubic-bezier(.65,-.04,.53,.98);
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.text-logo {
    color: #333;
    display: inline-block;
    font-size: 20px;
    padding: 4px 15px;
    text-transform: uppercase
}

.logo a:hover {
    border-color: #fc721e;
    color: #fc721e
}

.main-menu-wrap {
    padding: 0;
}

.main-menu-wrap ul {
    list-style: outside none none;
    padding: 0;
    text-align: center;
    margin-top: -14px;
}

.main-menu-wrap li {
    display: inline-block;
    position: relative
}

.main-menu-wrap ul li a {
    color: #333;
    display: block;
    padding: 5px 12px;
    position: relative;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    font-weight: 600;
    font-size: 1.1rem;
}

.main-menu-wrap ul li ul {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    position: absolute;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    width: 300px;
    z-index: 9
}

.main-menu-wrap li:nth-child(6) ul {
    right: 0
}

.main-menu>li:last-child .drop-menu {
    right: 0
}

.main-menu-wrap ul li ul li {
    display: block;
    background: #fff
}

.main-menu-wrap ul li ul li a {
    border-bottom: 1px solid rgba(0,0,0,.1);
    display: block;
    line-height: 30px;
    margin: 0;
    padding: 10px 15px;
    text-align: left;
    font-size: 13px
}

.drop-menu {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    visibility: hidden;
    display: block
}

.main-menu-wrap li:hover .drop-menu {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.service-area {
    padding-bottom: 20px
}

.row.all-projects-isotope {
    position: relative
}

.factory-section-title {
    line-height: 25px;
    margin: 0 auto;
    max-width: 400px;
    padding: 92px 0 60px;
    text-align: center
}

.about-area .factory-section-title {
    padding-bottom: 70px
}

.project-area .factory-section-title {
    padding-bottom: 70px
}

.factory-section-title h2 {
    font-weight: 600;
    text-transform: uppercase
}

.factory-section-title p:last-child {
    margin: 0
}

.factory-service-box {
    border: 1px solid #e5e4e4
}

.factory-service-box-image img {
    width: 100%
}

.factory-service-box-image {
    position: relative
}

.factory-service-box-image h2 {
    background: orange none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: -29px 35px 0;
    padding: 15px;
    position: relative;
    text-align: center;
    z-index: 9
}

.factory-service-box-content {
    padding: 30px 20px;
    text-align: center
}

.factory-service-box-content a {
    color: #0c0c0c;
    font-weight: 600
}

.factory-service-box {
    margin: 10px 0 0;
    position: relative
}

.factory-service-box a i {
    font-size: 15px;
    font-weight: 300;
    margin-left: 3px
}

.factory-service-box:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.3)
}

.factory-service-box:before {
    background: #ddd none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%
}

.factory-service-box a:hover i {
    margin-left: 10px
}

.factory-service-box:hover a {
    color: #fc721e
}

.home .factory-service-box:hover:before {
    opacity: 1
}

.factory-service-box-content a {
    font-size: 16px;
    font-weight: 700;
    margin-top: 15px
}

.factory-service-img {
    background-position: center center;
    background-size: cover;
    height: 200px;
    width: 100%
}

.about-area {
    background: #f4f4f4 none repeat scroll 0 0!important;
    padding-bottom: 100px
}

.about-left {
    position: relative
}

.about-right {
    padding-top: 35px
}

.about-right h3 {
    padding-bottom: 5px
}

.about-right>p {
    font-size: 14px;
    line-height: 22px;
    line-height: 24px
}

.about-right blockquote p {
    line-height: 23px
}

.factory-cta-box p {
    color: #fff;
    display: inline-block;
    margin: 0 35px 0 0;
    vertical-align: middle;
    font-size: 20px
}

.factory-cta-box {
    font-size: 20px;
    padding: 35px 0;
    text-align: left
}

.factory-btn.factory-cta-btn {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #666;
    float: right;
    font-size: 16px;
    position: relative;
    text-transform: uppercase;
    top: -7px
}

.factory-cta-box {
    padding: 60px 0
}

.factory-btn.factory-cta-btn {
    border: 1px solid #fff
}

.factory-btn.factory-cta-btn:hover {
    color: #fff;
    background-color: #fc721e;
    border-color: #fff
}

.text-logo.footer-logo {
    color: #fff!important;
    margin-bottom: 10px
}

.site-footer {
    background: #000 none repeat scroll 0 0;
    overflow: hidden
}

.footer-top {
    border-bottom: 1px solid #403f3f
}

.site-info {
    color: #8f8c8c;
    font-weight: 300;
    text-align: center
}

.site-info a {
    color: #fff;
    margin-left: 10px;
    opacity: .7
}

.footer-bottom-text:hover a {
    color: orange
}

button.email-submit-btn:hover {
    background: #fff none repeat scroll 0 0
}

.site-footer .widget button.email-submit-btn:hover i.fa {
    color: orange
}

.footer-sep {
    background: #0f0f0f none repeat scroll 0 0;
    height: 1px
}

.site-footer .widget {
    color: #8e8c8c;
    padding-bottom: 40px;
    padding-top: 85px;
}

.footer-widget-title {
    color: #FE0000;
    font-size: 20px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    position: relative
}

.footer-widget-title:after {
    background: orange none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px
}

.textwidget>p {
    line-height: 28px;
    margin-bottom: 30px;
    margin-top: -6px
}

.site-footer .widget a {
    color: #8c8c8c
}

.site-footer .widget a span.widged-left-arrow {
    display: inline-block;
    margin-right: 30px
}

.site-footer .widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.site-footer .widget.widget_recent_entries span {
    color: #8c8c8c;
    display: block;
    font-weight: 300
}

.site-footer .widget.widget_recent_entries li {
    margin-bottom: 10px
}

.site-footer .widget.widget_recent_entries.widged-single-post li {
    margin-bottom: 30px
}

.site-footer .widget.widget_recent_entries li:last-child {
    margin: 0
}

#recent-posts-3 a {
    display: block;
    line-height: 28px;
    margin-bottom: 8px
}

.site-footer .widget i.fa {
    color: orange;
    margin-right: 0
}

.header-right-content a.social-icon:hover i.fa {
    color: #fff
}

.site-footer #text-3.widget i {
    margin-right: 5px
}

.site-footer .widget span i.fa {
    font-size: 17px
}
a.ech_ors {
    background: #FE0000;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 7px 4px 7px;
    font-weight: 600;
    border-radius: 41px;
    font-size: .8rem;
}
p.ec_bran_name {
    margin-left: -5px !important;
    font-size: 1.1rem;
    color: #dc3545;
    font-weight: 600;
}
@media (max-width: 1199px) {
    ul.main-menu {
        padding-bottom: .5rem !important;
    }
}/* Mobile */

@media (max-width: 319px) {
    p.ec_bran_name {
        display: none;
    }
}
@media (min-width: 320px) and (max-width: 359px) {

    p.ec_bran_name {
        font-size: .79rem;
        margin-left: -5px;
    }
    a.ech_ors {
        font-size: .7rem;
    }

}/* Tablet */
span.ech_vl {
    color: #482313;
}

span.ech_yl {
    color: #c98406;
}
button.email-submit-btn {
    background: orange none repeat scroll 0 0;
    border: 1px solid orange;
    font-size: 18px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: -10px;
    text-align: center;
    top: 0;
    -webkit-transform: skewX(-18deg);
    transform: skewX(-18deg);
    width: 50px;
    -webkit-transition: .4s;
    transition: .4s
}

.footer-bottom-text>p {
    padding: 15px;
    margin: 0
}

.textwidget>span {
    display: block;
    font-size: 14px;
    margin-bottom: 20px
}

.site-footer .widget a.contact-link {
    color: #8c8c8c;
    display: block;
    margin-bottom: 20px
}

.mail-us {
    margin-top: 40px;
    overflow: hidden;
    position: relative
}

.mail-us input {
    background: #222 none repeat scroll 0 0;
    border: 1px solid #222!important;
    height: 48px;
    padding-left: 15px;
    width: 100%
}

.site-footer .widget button.email-submit-btn i.fa {
    color: #fff;
    margin-right: 10px;
    -webkit-transform: skewX(18deg);
    transform: skewX(18deg)
}

.border-area {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 30px!important;
    padding-bottom: 25px!important
}

blockquote {
    padding-right: 0
}

.factory-breadcroumb-area {
    position: relative;
    z-index: 2
}

.factory-breadcroumb-area:after {
    content: "";
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.factory-breadcroumb-area h2 {
    color: #fff;
    margin: 0;
    padding: 100px 0;
    text-align: center;
    text-transform: uppercase
}

.page-entry-header h1 {
    margin: 15px 0
}

.edit-link {
    display: inline-block;
    padding: 20px 0
}

.edit-link a {
    color: #333
}

.factorycrumbs-area {
    bottom: -25px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

#factorycrumbs {
    background: orange none repeat scroll 0 0;
    color: #fff;
    padding: 20px 40px;
    display: inline-block;
    min-width: 300px
}

#factorycrumbs a {
    color: #fff
}

#factorycrumbs {
    position: relative
}

#factorycrumbs:after,#factorycrumbs:before {
    border-bottom: 0 solid #cc5912;
    border-left: 15px solid #cc5912;
    border-top: 35px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0;
    z-index: 1
}

#factorycrumbs:before {
    border-right: 15px solid #cc5912;
    right: auto;
    left: -15px;
    border-left: none
}

blockquote {
    font-size: inherit;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 0 15px
}

.about-page .team-member-area {
    padding-top: 60px
}

.about-page .owl-controls {
    display: block;
    overflow: hidden;
    padding-top: 20px
}

.about-page .owl-controls {
    display: block;
    overflow: hidden;
    padding-top: 20px
}

.about-page .owl-prev {
    display: inline-block!important
}

.about-page .owl-next {
    display: inline-block!important
}

section.service-area.service-page {
    padding-bottom: 20px;
    padding-top: 110px
}

.factory-service-box {
    margin-bottom: 80px
}

.service-details-img {
    margin-bottom: 35px
}

blockquote.service-blockquote {
    border-left: 5px solid transparent;
    line-height: 28px;
    margin-left: 3%;
    margin-top: 30px;
    padding-left: 40px;
    padding-right: 0;
    position: relative;
    width: 97%
}

blockquote.service-blockquote:before {
    background: #fc721e none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: -35px;
    position: absolute;
    top: 50%;
    width: 35px
}

blockquote.service-blockquote:after {
    background: #fc721e none repeat scroll 0 0;
    content: "";
    height: 86%;
    left: 0;
    position: absolute;
    top: 7%;
    width: 2px
}

.service-menu-bottob>h2 {
    margin: 45px 0 50px
}

.widgettitle {
    margin: 60px 0 50px
}

.service-menu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.service-menu ul {
    margin-top: 30px
}

.service-menu ul li a {
    border-bottom: 1px solid #ebeaea;
    border-top: 1px solid #ebeaea;
    color: #333;
    display: block;
    padding: 10px 0;
    position: relative;
    margin-top: -1px
}

.service-menu ul li a:after {
    content: "\f105";
    float: right;
    font-family: fontawesome
}

.service-menu ul li a:hover,.service-menu ul li.current_page_item a {
    border-color: orange;
    color: orange;
    z-index: 2
}

.bordered-btn.iconic-btn {
    border: 1px solid #f4f4f4;
    color: orange;
    display: block;
    margin: 25px 0 15px;
    padding: 10px 20px
}

.bordered-btn.iconic-btn i.fa {
    float: right;
    line-height: 25px
}

.factory-blog-content-area,.factory-shop-content-area {
    padding: 100px 0 80px
}

.entry-content {
    padding-bottom: 60px
}

.factory-blog-content-area {
    padding-bottom: 20px
}

section.widget {
    margin-bottom: 55px;
    padding-left: 70px
}

section.widget h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px
}

section.widget ul {
    list-style: outside none none;
    padding: 0
}

section.widget.widget_archive ul li,section.widget.widget_categories ul li {
    text-align: right;
    overflow: hidden
}

section.widget.widget_archive ul li *,section.widget.widget_categories ul li * {
    float: left
}

section.widget ul li a,section.widget ul li span {
    color: #282727;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}

section.widget ul li span {
    color: #666
}

section.widget ul li:hover,section.widget ul li:hover a {
    color: #fc721e
}

.post-featured-content {
    margin-bottom: 45px
}

.factory-blog-post-title {
    margin-bottom: 20px
}

.factory-blog-post-title>a {
    text-transform: capitalize;
    color: #282727
}

.screen-reader-text {
    display: none
}

.entry-content>p {
    line-height: 28px
}

.search-form input[type=search] {
    border: 1px solid #ddd;
    line-height: 35px;
    text-indent: 10px;
    width: 235px
}

.search-form {
    position: relative
}

input[type=submit] {
    background: #0d6efd none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    padding: 8px 30px
}

section.widget ul li a,section.widget ul li span {
    color: #282727;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}

.search-form input.search-submit[type=submit] {
    height: 38px;
    padding: 0;
    width: 60px
}

.entry-meta span {
    font-size: 15px;
    margin-left: 18px
}

.entry-meta span:first-child {
    margin-left: 0
}

.entry-meta span i {
    color: #fc721e;
    margin-right: 12px
}

.entry-meta span a {
    color: #333
}

.entry-meta span a:hover {
    color: #fc721e
}

.entry-meta {
    margin-bottom: 25px
}

.read_more {
    background-color: #fc721e;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 45px;
    margin-top: 10px;
    padding: 0 45px;
    border: 1px solid #fc721e
}

.read_more:hover {
    background-color: #fff;
    color: #fc721e
}

article:not(:first-child) {
    margin-top: 25px;
}

.edit-link a.post-edit-link {
    background: #fc721e;
    line-height: 30px;
    padding: 0 20px;
    margin: 10px 0 20px;
    color: #fff;
    display: inline-block;
    border: 1px solid #fc721e;
    margin-right: 5px
}

.edit-link {
    padding: 0
}

.edit-link a.post-edit-link:hover {
    background-color: #fff;
    color: #fc721e
}

.navigation.post-navigation .nav-links {
    overflow: hidden;
    margin-bottom: 60px;
    margin-top: 20px;
    background-color: #666
}

.navigation.post-navigation .nav-next a,.navigation.post-navigation .nav-previous a {
    border: 1px solid #a8a8a8;
    float: left;
    padding: 10px 15px;
    width: 50%;
    font-size: 15px;
    background-color: #666;
    color: #fff
}

.navigation.post-navigation .nav-previous a:before {
    content: '\f137';
    font-family: fontawesome;
    margin-right: 5px
}

.navigation.post-navigation .nav-next a:after {
    content: '\f138';
    font-family: fontawesome;
    margin-right: 5px;
    margin-left: 5px
}

.navigation.post-navigation .nav-links>div:nth-child(2) a {
    border-left: medium none;
    text-align: right
}

.single-post {
    margin-bottom: 20px
}

.single-post-img {
    float: left;
    width: 94px
}

.single-post-text {
    float: left;
    padding-left: 15px;
    width: 67%
}

.single-post-text h4 {
    font-size: 16px;
    line-height: 24px
}

.flickr_badge_image {
    display: inline-block;
    margin: 2px
}

.blog-tag-area li {
    display: inline-block
}

.blog-tag-area a {
    border: 1px solid #fc721e;
    display: block;
    padding: 10px 14px
}

.blog-social-icon .social-icon i.fa {
    color: #222
}

.blog-comment-area>h2 {
    margin-bottom: 45px
}

.commentor-img {
    display: inline-block;
    position: relative;
    z-index: 2
}

.blog-single-comment {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-bottom: 60px
}

.commentor-img>img {
    border: 3px solid #fc721e;
    border-radius: 50%
}

.commentor-img:before {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border-color: transparent transparent transparent #fc721e;
    border-style: solid solid none;
    border-width: 25px 60px medium;
    content: "";
    height: 0;
    position: absolute;
    right: -92px;
    top: 23px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    width: 0;
    z-index: -1
}

.commentor-details {
    padding-left: 40px
}

.commentor-details>h4 {
    font-size: 15px;
    font-weight: 400
}

.commentor-details h5 {
    color: #7d7b7b;
    font-weight: 400
}

.commentor-details>p {
    color: #222;
    line-height: 28px;
    margin-bottom: 18px
}

.header-right-content.commentor-social-link a:hover {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border: 1px solid transparent
}

.reply-btn {
    background: orange none repeat scroll 0 0;
    border: 1px solid orange;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    padding: 15px 20px;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.reply-btn:hover {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    color: orange
}

.post-comment-area>h2 {
    padding-bottom: 50px
}

.post-comment-area input {
    border: 1px solid #ededed;
    color: #888787;
    display: inline-block;
    height: 50px;
    margin-bottom: 30px;
    margin-right: 2%;
    outline: medium none;
    padding-left: 15px;
    width: 47%
}

.post-comment-area textarea {
    border: 1px solid #ddd;
    color: #888787;
    font-size: 14px;
    font-weight: 400;
    height: 150px;
    outline: medium none;
    padding-left: 15px;
    padding-top: 10px;
    resize: none;
    width: 100%
}

.post-comment-area input:focus {
    outline: medium none
}

.single-blog-left blockquote {
    border: medium none;
    line-height: 28px;
    margin-bottom: 10px;
    padding: 10px 0 10px 30px
}

.single-blog-widged .search-form input {
    display: block;
    position: relative;
    width: 100%
}

.widged-search-area {
    position: relative
}

.search-submit {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border: medium none;
    color: #999;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.cat-item span {
    border: 1px solid transparent;
    border-radius: 50%;
    display: inline-block;
    font-size: 14px!important;
    height: 30px;
    line-height: 28px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 30px
}

.cat-item {
    height: 50px;
    margin-bottom: 0;
    padding-bottom: 25px!important;
    padding-left: 0!important;
    padding-right: 0!important;
    padding-top: 0;
    position: relative
}

.cat-item>a {
    font-weight: 400!important;
    margin: 0!important;
    position: relative;
    top: 3px
}

.cat-item:hover span {
    border: 1px solid #fc721e;
    color: #fc721e
}

.single-rated-details {
    display: inline-block
}

.single-rated-details>h4 {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.single-rated-list:hover .single-rated-details>h4 {
    color: #fc721e
}

.single-rated-details h5 {
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.single-rated-img {
    display: inline-block;
    float: right
}

.single-rated-list {
    margin-bottom: 30px;
    overflow: hidden
}

.product-price>ul.rated-stars {
    display: block;
    float: none;
    margin-bottom: 10px
}

.contact-form-area {
    padding: 100px 0 70px
}

.wpcf7-form-control-wrap {
    position: relative
}

.factory-contact-form input[type=email],.factory-contact-form input[type=tel],.factory-contact-form input[type=text],.factory-contact-form textarea {
    width: 100%
}

.factory-contact-form input {
    margin-bottom: 15px
}

.factory-contact-form p {
    margin: 0
}

.factory-contact-form textarea {
    height: 120px;
    margin-bottom: 30px;
    resize: none
}

.contact-form-area input[type=submit] {
    background: orange none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    padding: 0;
    width: 180px
}

.contact-form-area textarea,input[type=email],input[type=tel],input[type=text] {
    border: 1px solid #ddd;
    padding: 10px
}

.Contact-info-area {
    padding-left: 40px
}

.Contact-info-area>p i {
    color: orange;
    display: inline-block;
    margin-right: 15px
}

.vc_row.contact h2 {
    margin-bottom: 40px
}

.vc_row.contact i.fa {
    color: orange;
    margin-right: 5px
}

.factory-contact-form.billing-contact-form {
    padding-right: 35px
}

.faq-area {
    padding: 100px 0 40px
}

.factory-faq-content {
    overflow: hidden
}

.factory-faq-box h3 {
    font-size: 20px
}

.faq-area-heading {
    padding-bottom: 80px;
    text-align: center
}

.factory-faq-left {
    overflow: hidden;
    padding-right: 30px
}

.factory-faq-right {
    overflow: hidden;
    padding-left: 28px
}

.factory-faq-box {
    float: left;
    margin-bottom: 50px;
    padding-left: 40px;
    position: relative
}

.factory-faq-box:before {
    background: orange none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 2px orange;
    content: "";
    height: 13px;
    left: 4px;
    position: absolute;
    top: 5px;
    width: 13px
}

.thank-you-area.errr-area {
    padding: 90px 0 100px
}

.thank-you-area.errr-area h1 {
    color: #fc721e;
    font-size: 170px;
    font-weight: 900;
    opacity: .4;
    padding-bottom: 15px
}

.thank-you-area.errr-area h3 {
    color: #333;
    margin: 0
}

.thank-you-area.errr-area>p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px
}

.cpsbtn {
    background: orange;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 4px
}

.cpsbtn2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 20px;
    border-radius: 4px;
    border: 2px solid
}

.header-top-area {
    background: #000002e3;
}

.social-icon:hover {
    border: none
}

.social-iconf {
    background: #3b5998
}

.social-icont {
    background: #1da1f2
}

.social-iconi {
    background: #e30079
}

.social-iconp {
    background: #de0000
}

.social-iconl {
    background: #0077b5
}

#mainheader {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.dwhfixed {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    animation: smoothScroll 1s forwards
}
body.admin-bar .dwhfixed {
    top: 32px;
}
@media (max-width: 767px) {
    body.admin-bar .dwhfixed {
        top: 0;
    }
}
.main-menu-wrap {
    border: none
}
li.freetialli a {
    background: #FE0000;
    bottom: 1px;
}
li.getquoteli a {
    background: #0041FE;
    margin-left: 15px !important;
}

li.freetialli a,li.getquoteli a {
    color: #fff!important;
    font-size: .78rem !important;
    border-radius: 30px;
    padding: 8px 12px !important;
    font-weight: 600 !important;
}

@media only screen and (min-width: 768px) and (max-width:990px) {
    .main-menu-wrap {
        margin:0
    }

    ul.main-menu {
        margin-top: 0
    }

    li.freetialli a,li.getquoteli a {
        line-height: 20px
    }
}

@media only screen and (min-width: 767px) {
    .cpsmgmnuli {
        position: static !important;
        margin-left: -14px;
        margin-right: 3px;
    }
    .mhmnurow>a {margin-bottom: 5px;}

    .cpsmgmnuli:after {
        position: absolute;
        content: '';
        width: 130px;
        height: 11px;
        margin-left: -120px
    }

    .cpsmegamenu {
        visibility: hidden;
        opacity: 0;
        background: #fff;
        position: absolute;
        z-index: 999;
        left: 0;
        right: 0;
        margin-top: 30px;
        padding: 10px 15px 15px;
        transition: visibility .5s,opacity .5s linear;
        -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.5);
        box-shadow: 0 0 6px 0 rgba(0,0,0,.5);
        display: flex;
        justify-content: center;
        align-items: start;
    }

    .cpsmgmnuli:hover .cpsmegamenu {
        visibility: visible;
        opacity: 1
    }

    .cpsmegamenu .col-sm-3,.cpsmegamenu .col-sm-9 {
        padding: 0
    }

    .cpsmegamenu .col-sm-3>div {
        text-align: left;
        border: 1px solid #eee;
        margin: 5px 10px 10px 0;
        padding: 5px 10px;
        font-size: 18px;
        font-weight: 800;
        border-radius: 4px;
        color: #3c3a3a;
        display: flex;
        align-items: center;
    }

    .cpsmegamenu .col-sm-3>div.active {
        border: none;
        -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.5);
        box-shadow: 0 0 6px 0 rgba(0,0,0,.5);
        background: #155a30;
        color: #fbfbfb;
    }

    .mgmnutabcont {
        text-align: center;
        display: none
    }

    .mgmnutabcont h4 {
        display: none
    }

    .mgmnutabcont.active {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mhmnurow {
        clear: both;
        padding: 5px 5px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
    }

    .mgmnutabcont a {
        width: calc(25% - 5px);
        float: left;
        padding: 0!important;
        border-color: #ddd!important;
        -webkit-transition: all 0s ease 0s!important;
        transition: all 0s ease 0s!important
    }

    .mgmnutabcont p {
        font-size: 13px;
        line-height: 18px;
        text-transform: none;
        margin: 0;
        padding: 5px 3px
    }
}

@media only screen and (max-width: 767px) {
    #mainheader .container {
        display:none
    }

    .slicknav_menu {
        display: block;
    }

    .mobilemlogo img {
        width: 33px;
    }

    .slicknav_btn {
        padding: 15px;
        top: 15px
    }

    ul.slicknav_nav {
        max-height: calc(100vh - 100px);
        overflow-y: scroll;
        margin-top: 15px !important;
        border-top: 1px solid #ddd
    }

    ul.slicknav_nav>li {
        border-bottom: 1px solid #ddd;
        border-radius: 0;
        margin: 0;
        font-size: 18px;
        padding: 10px 5px
    }

    ul.slicknav_nav>li a {
        color: #333;
        font-weight: 600
    }

    .cpsmegamenu .col-sm-3>div {
        display: none
    }

    .cpsmgmnuli>a {
        font-weight: 800!important
    }

    .mgmnutabcont {
        background: #f5f5f5;
        border: 1px solid #ccc;
        margin: 10px 0;
        position: relative;
        color: #333
    }

    .mhmnurow {
        clear: both;
        box-sizing: border-box;
        overflow: auto
    }

    .mgmnutabcont h4 {
        padding: 15px 20px 20px 15px;
        margin: 0;
        position: relative;
        cursor: pointer
    }

    .mgmnutabcont h4 i {
        position: absolute;
        right: 15px;
        font-size: 20px
    }

    .mgmnutabcont a {
        padding: 15px;
        margin: 0;
        max-width: 300px;
        float: left;
        display: none
    }

    .mgmnutabcont a:before {
        position: absolute;
        left: 0;
        right: 0;
        margin-top: -15px;
        content: '';
        border-top: 1px solid #ccc
    }

    .mgmnutabcont a img {
        width: 260px;
        float: left
    }

    .mgmnutabcont a p {
        margin: 0;
        padding: 0;
        font-weight: 600
    }

    li.freetialli a,li.getquoteli a {
        margin: 0;
        padding: 10px 15px
    }
}

.hmpgsldr {
    padding: 20px
}

.hmpgsldr h2 {
    font-weight: 700;
    font-size: 45px!important;
    color: #1f497d
}

.hmpgsldr h2 span {
    color: orange
}

.hmpgsldr p {
    line-height: 23px;
    margin-bottom: 20px
}

.sd897s {
    padding: 30px 0
}

@media only screen and (min-width: 768px) {
    .sd897s {
        margin-top:50px
    }
}

.sd897s>div>span {
    display: block;
    font-size: 11px;
    margin-top: 5px
}

.hmpgfeatures {
    background: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 60px 0 80px
}

.hmpgfeatures img {
    background: #fff;
    width: 95px;
    border-radius: 10px;
    border: 2px solid orange;
    margin: 20px 0;
    padding: 10px
}

.hmpgfeatures h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #1f497d
}

.hmpgfeatures p {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto
}

.hmpgursrv {
    text-align: center;
    padding: 60px 0
}

.hmpgursrv h1,.hmpgursrv h2 {
    text-transform: uppercase;
    font-weight: 900
}

.hmpgursrv p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    line-height: 23px;
    padding: 10px 0
}

.hmpgursrv img {
    margin: 15px 0;
    border: 1px solid #333
}

.hmpgprcss {
    background: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 60px 0 30px;
    text-align: center
}

.hmpgprcss h2 {
    font-weight: 700
}

.hmpgprcss .col-sm-12 p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px
}

.hmpgprcss img {
    background: #f5f5f5;
    padding: 5px;
    border-radius: 3px;
    width: 70px;
    border: 1px solid #ddd;
    margin-bottom: 15px
}

.hmpgprcss h4 {
    font-weight: 900
}

.hmpgprcss h4 span {
    color: orange;
    font-size: 30px
}

.hmpgprcss .col-sm-4 p {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px
}

.hmpguralls {
    padding: 60px 0
}

.cpsemnidv h2 {
    text-align: center;
    font-weight: 800
}

.cpsemnidv p {
    text-align: center;
    margin-bottom: 25px
}

.cpsbtndv {
    background: #eee;
    border-radius: 4px;
    display: block;
    overflow: auto;
    padding: 0
}

.cpsbtndv>div {
    width: 33%;
    float: left;
    text-align: center;
    padding: 25px 0;
    font-size: 22px;
    font-weight: 700;
    color: #555;
    display: block;
    overflow: auto
}

.cpsbtndv>div i {
    color: #1f497d;
    font-size: 22px
}

.cpsbtndv>div.active {
    border-bottom: 5px solid orange
}

.cpsbtndv>div:not(:last-child) {
    border-right: 1px solid #ddd
}

.cpstabdiv {
    margin-top: 20px;
    display: none
}

.cpstabdiv.active {
    display: block
}

.cpstabdiv a {
    padding-left: 50px;
    margin-bottom: 30px
}

.cpstabdiv a i {
    position: absolute;
    left: 0;
    font-size: 35px;
    width: 52px;
    text-align: center;
    line-height: 50px;
    background: #eee;
    border-radius: 4px
}

.cpstabdiv a h4 {
    color: #444;
    font-weight: 900;
    margin-bottom: 5px
}

.cpstabdiv a p {
    color: #333
}

.cpstabdiv img {
    margin: 20px 0
}

@media only screen and (max-width: 1000px) {
    .cpsbtndv>div {
        font-size:13px;
        padding: 15px 5px;
        min-height: 80px
    }

    .cpsbtndv>div i {
        font-size: 13px;
        display: block
    }
}

.hmpgpricing {
    padding: 80px 0;
    background: #eee;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.hmpgpricing h2 {
    font-weight: 700;
    text-transform: uppercase
}

.hmpgpricing a {
    color: #333
}

.hmpgpricing img {
    background: #fff;
    padding: 15px;
    width: 120px;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin: 20px 0
}

.hmpgpricing h4 {
    margin-bottom: 5px;
    font-weight: 900;
    font-size: 20px
}

.hmpgpricing a.cpsbtn {
    color: #fff;
    margin-top: 20px
}

.cpscounter {
    padding: 100px 0 40px;
    background: #21325b;
    text-align: center
}

.cpscnttbig {
    color: orange;
    font-size: 40px;
    font-weight: 900
}

.cpscnttsm {
    color: #fff;
    font-weight: 600
}

.cpscntbig {
    color: orange;
    font-size: 70px;
    font-weight: 600
}

.cpscntsm {
    color: #fff;
    font-size: 18px;
    margin-top: 20px
}

.cpscntsm,.cpscnttsm {
    margin-bottom: 50px
}

.hmpgbnft h2 {
    font-weight: 600
}

.hmpgbnft li {
    line-height: 25px;
    font-weight: 600
}

.hmpgdrow {
    background: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 70px 0 50px
}

.hmpgdrow h2 {
    font-weight: 800
}

.hmpgdrow .col-sm-5 {
    text-align: center
}

.cpshmrctp {
    padding: 80px 0 50px
}

.cpshmrctp h2 {
    margin: 0 0 20px;
    text-align: center;
    font-weight: 800
}

.hmrctpstsg {
    margin: 40px 0;
    border: 1px solid #eee
}

.hmrctpstsg h3 {
    padding: 15px;
    margin: 0;
    font-size: 20px;
    font-weight: 700
}

.hmrctpstsg p {
    padding: 0 15px;
    line-height: 24px
}

.hmrctpstsg a {
    padding: 0 15px 15px;
    text-transform: uppercase;
    font-weight: 800;
    color: #1f497d
}

.hmrctpstsgimg img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover
}

.oursrvcmnpg {
    padding: 60px 0
}

.oursrvcmnpg2 {
    background: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.oursrvmcttl {
    text-align: center;
    margin-bottom: 20px
}

.oursrvmcttl h2 {
    font-weight: 800
}

.oursrvmcttl p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

.oursrvmctxt img {
    width: 100%;
    max-width: 400px;
    margin: 0!important
}

.breadcroumb-areasrv {
    background: #162438;
    color: #fff;
    text-align: center;
    padding: 70px 30px
}

.srvpgbrcm h1 {
    text-transform: uppercase;
    font-weight: 900
}

.srvpgbrcm p {
    font-size: 16px;
    margin-bottom: 15px
}

a.srvpgft {
    background: #35baf2;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}

.srvpginto {
    padding: 60px 0
}

.srvpginto .col-sm-8 {
    margin: 15px 0
}

.srvpginto p {
    font-size: 16px
}

.srvpginto img {
    border: 1px solid #333
}

.srvpginto img {
    margin: 15px 0
}

.srvpgfree {
    background: #e0e0e0;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 0;
    text-align: center
}

.sd897ss {
    margin-top: 60px
}

@media only screen and (min-width: 768px) {
    .sd897ss {
        position:relative;
        min-height: 450px;
        margin-top: 0
    }

    .sd897ss>div {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%
    }
}

.srvpgfree h2 {
    text-transform: uppercase;
    font-weight: 900
}

.srvpgfree p {
    font-size: 16px
}

.srvpgfree a {
    clear: both
}

.srvpgfree img {
    max-width: 460px;
    width: 100%
}

.srvpgsmpl {
    padding: 60px 0 40px;
    text-align: center
}

.srvpgsmpl h2 {
    font-weight: 900;
    margin-bottom: 40px
}

.srvpgsmpl img {
    border: 3px solid #333;
    margin-bottom: 30px
}

.srvpgmainc {
    background: #f5f5f5;
    padding: 60px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.srvpgmainc h2 {
    position: relative;
    margin-top: 15px
}

.srvpgmainc h2:after {
    content: '';
    border-bottom: 3px solid orange;
    width: 50px;
    position: absolute;
    left: 0;
    bottom: -10px
}

.srvpgmainc h3 {
    color: #555;
    font-weight: 700;
    margin-top: 12px
}

.srvpgmainc ul {
    list-style-type: inherit;
    list-style-position: inside
}

.srvpgmainc li {
    font-weight: 500
}

.srvpgfq {
    padding: 60px 0
}

.srvpgfq h2 {
    text-align: center;
    font-weight: 800;
    margin-bottom: 30px
}

#cpsfaqcntnr>div {
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 5px 10px
}

.cpsfqqstn {
    margin: 0 0 5px;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    padding-left: 20px;
    cursor: pointer
}

.cpsfqqstn:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 6px
}

#cpsfaqcntnr>div.active .cpsfqqstn:before {
    content: "\f106"
}

.cpsfqansr {
    font-size: 16px;
    margin: 10px 0 5px;
    display: none
}

.pricingtxt {
    padding: 60px 0 20px
}

.pricingtbl {
    padding: 40px 0;
    text-align: center
}

.pricingtbl h2 {
    font-weight: 900;
    margin-bottom: 20px
}

.prctable {
    margin-top: 20px;
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden
}

.prctable h4 {
    background: #162438;
    color: #fff;
    font-size: 20px;
    line-height: 90px;
    margin-bottom: 0;
    box-shadow: 0 0 30px rgba(0,0,0,.3) inset
}

.prctable2 h4 {
    background: orange
}

ul.ptblulusd {
    background: #fffde0;
    min-height: 359px
}

.ptblulusd li {
    padding: 12px 5px;
    font-weight: 600;
    box-shadow: 0 0 20px rgba(0,0,0,.2) inset
}

.ptblulusd li:not(:last-child) {
    border-bottom: 1px solid #e3df98
}

.ptblulusd li strong {
    color: #212b7c;
    font-weight: 900
}

ul.ptblulopt {
    background: #eee;
    font-weight: 700
}

ul.ptblulopt li {
    padding: 15px 5px;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0 20px rgba(0,0,0,.3) inset
}

.prctable>div {
    background: #eee;
    padding: 15px 0;
    box-shadow: 0 0 20px rgba(0,0,0,.2) inset
}

.prctable>div a {
    background: orange;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding: 8px 15px 10px;
    border-radius: 5px;
    text-transform: uppercase
}

.pricingbulk {
    padding: 30px 0
}

.pricingbulk span {
    font-weight: 700;
    font-size: 18px
}

.pricingbulk h2 {
    font-weight: 800
}

.pricingfaq {
    padding: 30px 0 60px
}

.pricingfaq h2 {
    font-weight: 800
}

.prcfqq {
    font-weight: 700;
    color: orange;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 0
}

.prcfqa {
    font-size: 16px
}

.abtintro {
    font-size: 16px;
    text-align: justify
}

.abtintro img {
    float: right;
    width: 100%;
    max-width: 700px;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 10px
}

.abtvission {
    background: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.abtvission h3 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    margin-bottom: 25px
}

.abtvission h3:after {
    background: orange;
    content: '';
    position: absolute;
    width: 70px;
    height: 2px;
    bottom: -10px;
    left: calc(50% - 35px)
}

.abtceodv {
    overflow: hidden;
    background-image: linear-gradient(0deg,rgba(64,84,178,0) 0,rgba(64,84,178,.1) 100%)
}

.ceottldv {
    position: relative;
    margin-bottom: 30px
}

.ceottldv:before {
    content: 'about';
    position: absolute;
    font-size: 200px;
    top: 0;
    left: 0;
    line-height: 100px;
    font-weight: 900;
    z-index: -1;
    color: #777;
    opacity: .1
}

p.cpsbtceo {
    font-weight: 800;
    color: orange
}

.abtceodv h2 {
    color: #162478;
    font-weight: 900;
    font-size: 35px
}

p.cpsceosucs {
    font-size: 20px;
    font-weight: 900
}

p.cpscosuc {
    color: #77f;
    font-size: 22px;
    font-weight: 600
}

.cpsceovoice {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #666;
    font-style: italic
}

.cpsceovoice i {
    font-size: 36px;
    color: #162438
}

.fa-quote-left {
    margin-right: 10px
}

.cpsceovoice span {
    position: relative
}

.fa-quote-right {
    margin-left: 10px;
    line-height: 0;
    position: absolute;
    bottom: 0
}

.cpsceovoice img {
    width: 100%;
    max-width: 500px;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    -webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,.5);
    box-shadow: 0 0 6px 2px rgba(0,0,0,.5);
    background: #fff
}

@media only screen and (min-width: 1000px) {
    .abtintro img {
        margin:0 0 10px 20px
    }

    .cpsceovoice img {
        margin: 0 20px 20px 0
    }
}

.cntcfrm .cpsbtn {
    background: #337ab7
}

.cntcfrm h4 {
    text-transform: uppercase;
    font-weight: 800
}

.cntcfrm .col-md-7 h4 {
    margin-top: 15px
}

.cntcfrm .col-md-7 {
    margin-bottom: 15px
}

.cntcfrm input,textarea {
    border-color: #ddd;
    border-radius: 4px;
    padding: 10px
}

.cntcfrm .col-md-5 ul {
    margin-bottom: 20px
}

.cntcfrm li {
    position: relative;
    padding: 5px 0 5px 30px;
    max-width: 300px;
    font-weight: 600
}

.cntcfrm li i {
    position: absolute;
    left: 0;
    font-size: 18px;
    top: 7px;
    color: #135aa7
}

.cpssctxtfq {
    padding: 60px 0 80px
}

.cpssctxtfq h2 {
    font-size: 20px;
    font-weight: 800;
    margin-top: 30px
}

.cpssctxtfq #cpsfaqcntnr {
    border: 1px solid #ccc
}

.cpssctxtfq #cpsfaqcntnr>div {
    margin: 0;
    border: 0;
    border-top: 1px solid #ccc;
    padding: 0
}

.cpssctxtfq #cpsfaqcntnr>div:first-child {
    border-top: 0
}

.cpssctxtfq .cpsfqqstn {
    margin: 0;
    color: #162438;
    padding: 5px 5px 6px 30px;
    background: #f5f5f5
}

.cpssctxtfq .cpsfqqstn:before {
    left: 10px;
    top: 10px
}

.cpssctxtfq .cpsfqansr {
    border-top: 1px solid #ddd;
    padding: 5px 10px;
    margin: 0
}

.freetrialmain {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto
}

.freetrialmain h2 {
    font-weight: 800;
    margin-bottom: 30px
}

.freetrialmain input {
    border-radius: 4px
}

.freetrialmain .labenmain {
    font-size: 18px;
    margin-top: 15px
}

.labenmainc {
    margin-bottom: 15px;
    text-transform: uppercase
}

.freetrialmain #ffile {
    padding: 40px;
    border: 3px dashed #133a87;
    border-radius: 0;
    margin: 10px 0 0;
    width: 100%
}

.dwred {
    color: red;
    font-weight: 600
}

.dwgreen {
    color: green;
    font-weight: 600
}

.cpsblgpg {
    padding: 80px 0 50px
}

#categories-2,#search-2,#tags-2 {
    padding-top: 0;
    padding-bottom: 0
}

.cpsblgpg .widget-title {
    margin: 0 0 25px;
    font-weight: 700;
    position: relative
}

.cpsblgpg .widget-title:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background: orange;
    left: 0;
    bottom: -10px
}

.dwbtags a {
    color: #333;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 0 5px 5px 0
}

.cpsblgpg .entry-content img {
    border: 1px solid #ccc
}

.cpsblgpg .entry-content h2 {
    margin: 0 0 15px;
    padding: 0
}

.cpsblgpg .entry-content p {
    margin-bottom: 15px
}

.pagination {
    margin-bottom: 60px
}

.pagination>a,.pagination>span {
    color: #fff;
    border: 0;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 4px;
    font-weight: 600
}

.pagination>span {
    background: #111240
}

.pagination>a {
    background: orange
}

.cpsblogsinglepg img {
    border: 1px solid #ccc
}

.cpsblogsinglepg .wp-caption-text {
    color: orange;
    font-style: italic
}

.hmpgfootcta {
    padding: 15px 0;
    background: #4665b1;
    color: #fff;
    text-align: center;
    font-size: 18px
}

.hmpgfootcta a {
    margin-left: 5px;
    font-size: 15px
}

footer.site-footer {
    background: #000000;
    color: #fff;
    padding: 55px 0 0;
}

#cpsfootcnt,#cpsfootlgd,#cpsfootnvl,#cpsfootpmd {
    padding-top: 0
}

#cpsfootlgd img {
    max-width: 300px;
    width: 100%
}

#cpsfootlgd p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    color: #fff
}

#cpsfootnvl ul li {
    margin-bottom: 3px
}

#cpsfootnvl ul li a {
    color: #fff
}

#cpsfootnvl ul li i {
    color: orange
}

#cpsfootcnt ul li {
    position: relative;
    margin-bottom: 10px;
    max-width: 240px;
    color: #fff
}

#cpsfootcnt ul li i {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 16px;
    color: orange
}

#cpsfootpmd p {
    color: #fff;
    line-height: 20px;
    margin: 0 0 10px
}

img.cpspmpp {
    max-width: 230px;
    margin-bottom: 10px;
    display: block
}

.footterm a {
    color: #fff
}

.footer-bottom-text p {
    color: #bbb
}

@media only screen and (max-width: 767px) {
    .hmpgfootcta span {
        display:block;
        padding-bottom: 10px
    }

    .srvpgbrcm h1 {
        font-size: 25px
    }
}

.main-menu-wrap ul li.menuactive a {
    color: #1f497d;
    font-weight: 900
}

li.cpsmgmnuli a.ecx-fs-menu {
    display: flex;
    justify-content: space-between;
    font-weight: 600 !important;
}

a.ecx-fs-menu i {
    font-size: 22px;
}
.mhmnurow a:hover {
    background: #ccc;
    border-radius: 10px;
    position: relative;
    z-index: 9999;
}
.mhmnurow a>img {
    border-radius: 100px;
    width: 96%;
}
li.mb_cpsmgmnuli .mhmnurow a>img {
    border-radius: 0;
}
.mobilemlogo {
    margin-top: -4px;
}
@media only screen and (min-width: 900px) {
 
    .mfp-content {
        margin-top: 40px;
    }
 
}
.footer-bottom-text p {
    color: #fff;
}

.footer-bottom-text p a {
    color: #dc3545 !important;
    font-weight: 600;
}
.slicknav_btn,.slicknav_nav .slicknav_item {
    cursor: pointer
}

.slicknav_menu,.slicknav_menu * {
    box-sizing: border-box
}

.slicknav_btn {
    position: relative;
    display: block;
    padding: .438em .625em;
    line-height: 1.125em;
}

.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: .188em
}

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 3px #000
}

.slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: .875em;
    margin: .188em 0 0 .438em
}

.slicknav_menu .slicknav_icon:before {
    background: 0 0;
    width: 1.125em;
    height: .875em;
    display: block;
    content: "";
    position: absolute
}

.slicknav_menu .slicknav_no-text {
    margin: 0
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: .125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.25);
    box-shadow: 0 1px 0 rgba(0,0,0,.25);
    margin-top: 1px;
}

.slicknav_menu:after,.slicknav_menu:before {
    content: " ";
    display: table
}

.slicknav_menu:after {
    clear: both
}

.slicknav_nav li,.slicknav_nav ul {
    display: block
}

.slicknav_nav .slicknav_arrow {
    font-size: .8em;
    margin: 0 0 0 .4em
}

.slicknav_nav .slicknav_item a {
    display: inline
}

.slicknav_nav .slicknav_row,.slicknav_nav a {
    display: block
}

.slicknav_nav .slicknav_parent-link a {
    display: inline
}

.slicknav_menu {
    font-size: 16px;
    background: #ffffff;
    padding: 5px;
}

.slicknav_nav,.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #fff
}

.slicknav_btn {
    margin: 0px 10px 0px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #222;
    margin-top: -1.7rem !important;
}

.slicknav_nav {
    clear: both;
    color: #fff;
    margin: 0;
    font-size: .875em
}

.slicknav_nav ul {
    margin: 0 0 0 20px
}

.slicknav_nav .slicknav_row,.slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px
}
.ech_brand_con {
    display: flex;
    align-items: baseline;
    font-weight: 600;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ccc;
    color: #fff
}

.slicknav_nav a {
    text-decoration: none;
    color: #fff
}

.slicknav_nav a:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ccc;
    color: #222
}

.slicknav_nav .slicknav_txtnode {
    margin-left: 15px
}

.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0
}

.slicknav_brand {
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding: 7px 12px;
    height: 44px
}
.cpsmegamenu {
    max-width: 1020px;
    margin-right: auto;
    margin-left: auto;
}

button[type="submit"] {
    background: #007F00;
    border: #007F00;
}

button[type="submit"]:hover {
    background: #014F7F;
    border: #014F7F;
}

button.ecm-fileSelectBtn {

    background: #007F00;
    border: #007F00;
}

button.ecm-fileSelectBtn:hover {
    background: #014F7F;
    border: #014F7F;
}
.entry-content.clear {
    padding: 0;
}
div.echd_row {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--bs-gutter-y));align-items: center;}

@media (max-width: 767px) {
    li.getquoteli a {
        margin-left: 0 !important;
    }
}/* Mobile */

body:not(.admin-bar) .dwhfixed {
    top: 0;
}
ul.main-menu {
    padding: 3px;
}
.main-menu-wrap ul li a:hover {
  color: #FE0000;
  fill: #FE0000;
  transform: scale(1.1);
}
li.active a {
  color: #FE0000 !important;
}
li.freetialli.active a {
    color: #f7f7f9 !important;
}
li.getquoteli.active a {
    color: #ffc107 !important;
}
.ecf_inner_col{
    background: hsla(0, 0%, 13%, 1);
}
.ecmft_svg{
 fill: #FE0000;
 width: 19px;
}
li.ecm_foo_info {
    display: flex;
    gap: 6px;
}
span.ecf_intxt {
    color: #FFFFFF !important;
    margin-top: -5px;
    font-weight: 400 !important;
}
address.ecf_intxt {
    margin-top: -4px;
}
.ecmft_social_share{
  width: 32px;
  fill: #fff;
  background: #FE0000;
  padding: 5px;
  border-radius: 8px;
}
ul.ecmft_shr_con {
    display: flex;
    gap: 10px;
    align-items: center;
}

@media all{
.chaty *{box-sizing:border-box;}
.chaty-channel,.chaty-channels,.chaty-tooltip{position:relative;}
.chaty-tooltip .on-hover-text,.chaty-tooltip .on-hover-text:before,.chaty-tooltip:after,.chaty-tooltip:before{text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;}
.on-hover-text{display:none;white-space:pre;}
.chaty-tooltip .on-hover-text:before,.chaty-tooltip:before{content:"";border:5px solid transparent;z-index:1001;}
.chaty-tooltip:after{content:attr(data-hover);}
.chaty-tooltip .on-hover-text,.chaty-tooltip:after{text-align:center;min-width:1em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 15px;border-radius:10px;background:#fff;color:#333;z-index:1000;box-shadow:0 1.93465px 7.73859px rgb(0 0 0 / 15%);font-size:17px;line-height:21px;}
.chaty-tooltip .on-hover-text{overflow:visible;white-space:pre;}
.chaty-tooltip:hover .on-hover-text,.chaty-tooltip:hover .on-hover-text:before,.chaty-tooltip:hover:after,.chaty-tooltip:hover:before{display:block;opacity:1;}
.chaty-tooltip.pos-left:hover .on-hover-text,.chaty-tooltip.pos-left:hover .on-hover-text:before,.chaty-tooltip.pos-left:hover:after,.chaty-tooltip.pos-left:hover:before{animation:ease-out forwards tooltips-horz;}
.chaty-tooltip.has-on-hover:after,.chaty-tooltip.has-on-hover:before,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.on-hover-text:empty{display:none!important;}
.chaty-tooltip.pos-left .on-hover-text:before,.chaty-tooltip.pos-left:before{top:50%;border-right-width:0;border-left-color:#fff;left:calc(0em - 10px);transform:translate(-.5em,-50%);}
.chaty-tooltip.pos-left .on-hover-text:before{left:auto;right:calc(0em - 5px);}
.chaty-tooltip.pos-left .on-hover-text,.chaty-tooltip.pos-left:after{top:50%;right:calc(100% + 10px);transform:translate(-.5em,-50%);}
.chaty{display:none;z-index:99999;}
.chaty.active{display:block!important;}
.chaty *{margin:0;padding:0;}
.chaty .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;outline:0!important;}
.chaty a,.chaty a:focus,.chaty a:hover,.chaty button{border:none;text-decoration:none;outline:0;box-shadow:none;}
.chaty-widget{position:fixed;bottom:25px;right:25px;z-index:10001;}
.chaty-channel-list{display:flex;width:62px;height:124px;position:absolute;bottom:-4px;right:0;flex-direction:column;align-items:flex-start;pointer-events:none;}
.chaty-channel.single .chaty-svg{display:inline-block;width:54px;height:54px;border-radius:50%;margin:4px;cursor:pointer;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%);}
.chaty-channel.single .chaty-svg{margin:0;}
.chaty-channel a,.chaty-channel button,.chaty-svg{display:block;width:54px;height:54px;border-radius:50%;cursor:pointer;position:relative;outline:0;min-width:unset;}
* .chaty-channel button{min-width:unset;max-width:unset;}
.chaty-channel button{background:0 0;border-radius:50%;}
.chaty-channel a:focus,.chaty-channel button:focus{outline:0;}
.chaty-channel svg{width: 100%;height: 100%;}
.chaty-i-trigger .chaty-channel{position:absolute;bottom:0;right:4px;transition:.5s;border-radius:50%;cursor:pointer;}
.chaty-cta-button{transition:.5s;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%);border-radius:50%;}
.chaty-widget .chaty-i-trigger .chaty-cta-close{pointer-events:none;}
.chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{z-index:999;opacity:0;visibility:hidden;}
.chaty-channel span.chaty-icon{display:block;}
.chaty,.chaty *{-webkit-tap-highlight-color:transparent;}
}

#chaty-widget-0 .Whatsapp-channel .color-element{fill:#49E670;color:#49E670;}
#chaty-widget-0 .channel-icon-Whatsapp .color-element{fill:#49E670;color:#49E670;}
#chaty-widget-0 .Whatsapp-channel .chaty-svg{background-color:#49E670;}
#chaty-widget-0 .channel-icon-Whatsapp .chaty-svg{background-color:#49E670;}
#chaty-widget-0 .chaty-i-trigger .chaty-cta-button{background-color:#A886CD;}
#chaty-widget-0 .chaty-i-trigger .chaty-cta-button button{background-color:#A886CD;}
#chaty-widget-0 .chaty-i-trigger .chaty-channel{width:54px;height:54px;}
#chaty-widget-0 .chaty-i-trigger .chaty-channel > a{width:54px;height:54px;}
#chaty-widget-0 .chaty-i-trigger .chaty-channel button{width:54px;height:54px;margin:0;padding:0;outline:none;border-radius:50%;}
#chaty-widget-0 .chaty-i-trigger .chaty-channel .chaty-svg{width: 46px;height: 46px;}
#chaty-widget-0 .chaty-i-trigger .chaty-channel span.chaty-icon{width:54px;height:54px;}
#chaty-widget-0 .chaty-i-trigger .chaty-channel a{width:54px;height:54px;}
#chaty-widget-0 .chaty-channel-list{height:62px;}
#chaty-widget-0 .chaty-channel-list{width:62px;}
#chaty-widget-0 .chaty-widget{bottom:25px;}
#chaty-widget-0 .chaty-widget{left: auto;right: 39px;}
#chaty-widget-0 .chaty-tooltip:after{background-color:#ffffff;color:#333333;}
#chaty-widget-0 .chaty-tooltip.pos-left:before{border-left-color:#ffffff;}
#chaty-widget-0 .on-hover-text{background-color:#ffffff;color:#333333;}
#chaty-widget-0 .chaty-tooltip.pos-left .on-hover-text:before{border-left-color:#ffffff;}
#chaty-widget-0,#chaty-widget-0 .chaty-tooltip:after{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;}

.ecmsp_inner {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    --border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    align-items: start;
}
.ecmsp_img_con {
    width: 45%;
    max-width: 350px;
    margin: auto;
}
.ecmsp_right_con {
    width: 55%;
    padding: 80px 20px 20px 20px;
}
.ecanh_title {
    text-align: left;
}
.ecmsp_content {
    display: flex;
    justify-content: start;
    flex-direction: column;
    align-items: start;
}
.ecanh_title {
    position: relative;
    display: inline-block;
    color: red;
    font-weight: bold;
  }
  
  .ecanh_svg {
    width: 100%;
    height: 37px;
    display: block;
    margin: 0 auto;
    margin-top: -20px;
  }
  
  .ecanh_svg path {
    /* stroke: red; */
    stroke-width: 8px;
    fill: none;
    stroke-dasharray: 500; /* Adjust according to your SVG path */
    stroke-dashoffset: 500;
    animation: drawLine 4s linear infinite;
  }
  @media (max-width: 767px) {
    .ecmsp_img_con {
        width: 45%;
        max-width: 350px;
        margin-right: 10px;
        margin-top: 32px;
    }  
  }/* max-width:767px */

  /* Keyframes controlling animation + waiting */
  @keyframes drawLine {
    0% {
      stroke-dashoffset: 500;
    }
    16.66% {
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  .ecfree_btn a, .freetialli a {
    text-decoration: none;
  }

svg.ecv_violet path {
    stroke: #770F02;
}
.ecv_violet {
    color: #770F02;
}
svg.ecv_red path {
    stroke: red;
}
.ecv_red {
    color: red;
}
.font-20 {
    font-size: 2rem;
}
.font-17 {
    font-size: 1.7rem;
}
.ecanh_desc p {
    font-size: .95rem;
    font-weight: 500;
}
.ecanh_title {
    margin-bottom: 5px;
}
.ecmsp_hcon {
    margin-bottom: 1rem;
}

svg.ecv_hot path {
    stroke: #E9575C;
}
.ecv_hot {
    color: #E9575C;
}

svg.ecv_medium path {
    stroke: #FDA200;
}
.ecv_medium {
    color: #FDA200;
}

svg.ecv_lemon path {
    stroke: #9BBD20;
}
.ecv_lemon {
    color: #9BBD20;
}

svg.ecv_mango path {
    stroke: #617A05;
}
.ecv_mango {
    color: #617A05;
}
svg.ecv_medium-2 path {
    stroke: #2196F3;
}
.ecv_medium-2 {
    color: #2196F3;
}

svg.ecv_lemon-2 path {
    stroke: #673AB7;
}
.ecv_lemon-2 {
    color: #673AB7;
}
svg.ecv_bbq path {
    stroke: #A52A2A;
}
.ecv_bbq {
    color: #A52A2A;
}
svg.ecv_white path {
    stroke: #FFFFFF;
}
.ecv_white {
    color: #FFFFFF;
}
.freetialli {
    background: #FE0000;
    color: #fff;
    font-size: .9rem;
    margin-top: 1rem;
    transition: transform 0.5s ease;
    padding: 0;
    border-radius: 25px;
    /* margin-left: 5px; */
    margin-right: 7px;
}
.freetialli a {
    padding: 15px 18px;
}
.echs_hero-section {
    position: relative;
    background: url('/wp-content/uploads/2025/05/la-peri-peri-halal-grill-house.webp') no-repeat center center/cover;
    width: 100%;
    height: 100vh;
    max-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: -2rem;
    
  }
  
  .echs_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* dark overlay */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .echs_banner {
    color: #fff;
    max-width: 694px;
    padding: 20px;
  }
  
  .echs_welcome-text {
    background: #EE1D1DD9;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    padding: 10px 42px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    transform: rotate(-3deg);
    max-width: 600px;
    gap: 50px;
  }
  
  .echs_welcome {
    margin-right: 10px;
  }
  
  .echs_brand {
    margin-left: 10px;
    font-family: cursive;
    font-weight:  600;
    color: #f8f9fa;
  }
  
  .echs_title {
    font-size: 30px !important;
    margin-bottom: 15px !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
    transform: rotate(-3deg);
    letter-spacing: 2px;
    margin-top: 5px;
  }
  
  .echs_description {
    font-size: 17px;
    line-height: 1.6;
    font-weight: 500;
  }

  section.ecflb_gallery{
    margin-top: 4rem;
  }
  section.ecflb_gallery .ecah_header {
      text-align: center;
      padding: 0 20%;
  }
  
  @media (max-width: 769px) {
     section.ecflb_gallery{
          margin-top: 3rem;
      }
      section.ecflb_gallery .ecah_header {
          padding: 0 5%;
      }
  
  }
  
  
  .clflb_container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
      padding: 40px;
    }
    
    .clflb_flipbox {
      background-color: transparent;
      perspective: 1000px;
    }
    
    .clflb_inner {
      position: relative;
      width: 100%;
      height: 300px;
      text-align: center;
      transition: transform 0.8s;
      transform-style: preserve-3d;
    }
    
    .clflb_flipbox:hover .clflb_inner {
      transform: rotateY(180deg);
    }
    
    .clflb_front, .clflb_back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      border-radius: 12px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
    
    .clflb_front {
      background: #f0f0f0;
    }
    
    .clflb_front img {
      /* max-width: 100px; */
      margin-bottom: 15px;
    }
    
    .clflb_front h3 {
      font-size: 18px;
      font-weight: bold;
      text-align: center;
    }
    
    .clflb_back {
      background: #009688;
      color: white;
      transform: rotateY(180deg);
    }
    .clflb_flipped {
      transform: rotateY(180deg);
    }
    .clflb_back {
      justify-content: center;
      padding: 10px;
    }
    .ecfree_view a {
        font-size: .76rem;
        font-weight: 600;
        color: #fff;
        background: #FE0000;
        text-decoration: none;
        padding:10px 12px !important;
        border-radius: 22px;
        text-decoration: none !important;
    }
    .ecfree_view {
        transition: transform 0.5s ease;
        text-align: center;
    }
    .ecfree_view:hover {
        transform: scale(1.1);
    }
   .ecanh_title.font-17 {
      font-size: 1.9rem;
    }
    h3.ecanh_title.font-17 {
    font-size: 1.2rem;
    }
    @media (max-width: 480px) {

        .ecanh_title.font-17 {
            font-size: 1.26rem;
        }
        .ecah_header {
         text-align: center;
        }
        section.ecmspi_con .ecah_header {
          text-align: left;
        }
         .clflb_front h3.ecanh_title {
            font-size: 1rem;
        }
        .ecfree_view a {
            font-size: .66rem;
            font-weight: 600;
            color: #fff;
            background: #FE0000;
            text-decoration: none;
            padding:4px !important;
            border-radius: 22px;
            line-height: 1.3;
        }
    
        .clflb_back p {
           font-size: .8rem;
         }
  
    }
    
    @media (max-width: 339px) {
      .clflb_container {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
          gap: 10px;
          padding: 15px;
      }
  
    }
  
    @media (min-width: 340px) and (max-width: 480px) {
      .clflb_container {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
          gap: 10px;
          padding: 15px;
      }
  
    }
  
  
    @media (min-width: 481px) and (max-width: 599px) {
      .clflb_container {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
          gap: 10px;
          padding: 15px;
      }
  
      .clflb_inner {
          height: 260px;
      }
  
    }/* Tablet */
  
    @media (min-width: 320px) and (max-width: 399px) {
  
      .clflb_inner {
          height: 230px;
      }
  
    }
    
    @media (min-width: 400px) and (max-width: 480px) {
  
      .clflb_inner {
          height: 240px;
      }
  
    }
    @media (min-width: 600px) and (max-width: 700px) {
  
      .clflb_inner {
          height: 270px;
      }
  
    }
    
    @media (min-width: 800px) and (max-width: 869px) {
  
      .clflb_inner {
          height: 330px;
      }
  
    }
  
    .clflb_inner, .clflb_front, .clflb_back {
      min-height: 100%;
  }
  
  @media (max-width: 412px) {
    
    span.echs_welcome {
        font-size: 1rem;
    }
    .echs_brand {
        font-size: 1rem;
    }
    h2.echs_title {
        font-size: 1rem !important;
    }
    p.echs_description {
        font-size: .9rem;
    }
    .echs_welcome-text {
      gap: 3px;
    }
    section.echs_hero-section {
      max-height: 330px;
    }
    .echs_welcome-text {
      padding: 10px 15px;
    }
  
  }/* Mobile */
  
  @media (min-width: 413px) and (max-width: 767px) {
  
    .echs_welcome-text {
      gap: 10px;
    }
  
  .echs_welcome-text {
      padding: 10px 20px;
  }
  
    span.echs_welcome {
      font-size: 1.2rem;
  }
  
  span.echs_brand {
      font-size: 1.2rem;
  }
  
  h2.echs_title {
      font-size: 1.2rem !important;
      word-spacing: 2px;
  }
  
  p.echs_description {
      font-size: .95rem;
      line-height: 1.5;
  }
  section.echs_hero-section {
    max-height: 370px;
  }
  }
  
  
  @media only screen and (max-width: 1000px) and (min-width: 768px) {
   
    section.echs_hero-section {
      max-height: 650px;
    }
   
  }
  
  @media only screen and (min-width: 768px) {
   
    h2.echs_title {
      padding-bottom: 10px;
   }
   
  }

section.ecm_vintro p {
    font-weight: 500;
    line-height: 1.4;
    margin-top: 10px;
}
section.ecm_vintro .ecmsp_hcon.mb-3 {
    text-align: center;
}
span.ecmsp_ptext {
    font-size: 1.7rem;
    font-weight: 600;
    color: #000000;
}

video.ecmsp_video {
    object-fit: cover;
    width: 100%;
    height: 400px;
}
div.freetialli:hover {
    transform: scale(1.1);
}
.freetialli a {
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none !important;
}
section.ecfsv_con .ecanh_desc {
    padding-top: 8px;
}
@media only screen and (max-width: 959px) {
 
    .ecmsp_right_con {
        width: 55%;
        padding: 27px 5px 20px 0;
    }
 
}

@media (max-width: 575px) {
    .ecmsp_inner {
        width: 96%;
        margin: 0 2%;
    }
}
section.ecmspi_con {
    margin-top: 58px;
}
section.ecm_vintro {
    margin-top: 80px;
}
section a {
    text-decoration: underline;
    text-underline-offset: 3px;
}
section.ecfsv_con {
    margin-top: 80px;
}

@media only screen and (max-width: 768px) {
 
    section.ecmspi_con {
        margin-top: 45px;
    }

    section.ecm_vintro {
        margin-top: 55px;
    }

    section.ecfsv_con {
        margin-top: 55px;
    }
 
}

.ecfree_btn:hover {
    transform: scale(1.1);
}
.ecfree_btn {
    background: #FE0000;
    font-size: .8rem;
    margin-top: 1rem;
    transition: transform 0.5s ease;
    padding: 0;
    border-radius: 25px;
}
.ecfree_btn a {
    padding: 10px 15px;
}

.ecfree_btn a {
  color: #FFFFFF;
  font-weight: 500;
  text-decoration: none !important;
}
.ecfaq_container {
    margin-top: 2rem;
}

.ecv_green {color: #770F02;word-spacing: 5px;}

.ecv_green path {
    stroke: #770F02;
}
.ecfaq_container {
    max-width: 1200px;
    padding: 20px;
    text-align: left;
  }
  
  .ecfaq_item {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
  }
  
  .ecfaq_question {
    font-weight: 600;
    padding: 13px;
    cursor: pointer;
    transition: background 0.3s;
    position: relative;
    -webkit-box-shadow: -1.216px 6.894px 15px 0 rgba(37, 117, 252, .2);
    box-shadow: -1.216px 6.894px 15px 0 rgba(37, 117, 252, .2);
    border-radius: 0 0 5px 5px;
    background: #fff;
    color: #000000;
    display: flex;
    justify-content: space-between;
  }
  svg.ecmfaq_arrow_down {
    min-width: 24px;
  }
  .ecfaq_question:hover {
    background: #f1f1f1;
  }
  
  .ecfaq_answer {
    display: none;
    padding: 15px;
    color: #444;
    background: #fff;
    font-size: .92rem;
  }
  .ecm_faq_item_con {
    margin-top: 2rem;
 }
 .ecfaq_question p {
    font-size: .88rem;
    margin-bottom: 0;
    padding-left: 3px;
 }
 .ecfaq_answer p {
    margin-bottom: 0;
 }
.mx-w-720{
 max-width: 720px;
}
/* Overall Style for the Description */
.ecdesc_product-description {
  background-color: #ffffff;
  color: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 1140px;
  margin: 20px auto;
}

@media (min-width: 768px) {
 .ecdesc_product-description {
  margin-bottom: 1.5rem;
 }   
}

/* Title Styling for Sections */
.ecdesc_section-title {
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  text-transform: uppercase;
  background: #f8f9fa;
  -webkit-box-shadow: -1.216px 6.894px 15px 0 rgb(37 117 252 / .2);
  box-shadow: -1.216px 6.894px 15px 0 rgb(37 117 252 / .2);
  border-radius: 0 0 5px 5px;
}

/* Toggle Icon */
.ecdesc_toggle {
  font-size: 1.5rem;
  font-weight: bold;
}

/* Content of Sections - Initially Hidden */
.ecdesc_section-content {
  display: none;
  font-size: .86rem;
  line-height: 1.6;
  padding: 15px;
  border-radius: 8px;
  color: #333;
}

/* Checklist Styling */
.ecdesc_checklist {
  list-style-type: none;
  padding-left: 20px;
}

.ecdesc_checklist li {
  font-size: 1rem;
  margin: 10px 0;
}

.ecdesc_checklist input {
  margin-right: 10px;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
  .ecdesc_product-description {
    padding: 15px;
  }

  .ecdesc_section-title {
    font-size: 1rem;
  }

  .ecdesc_section-content {
    font-size: 0.9rem;
  }
}
.ecdesc_section-content p {
    margin-bottom: .4rem;
}
  .ecrtlpr_grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 1024px) {
  .ecrtlpr_grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ecrtlpr_card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  padding: 10px;
  transition: box-shadow 0.3s ease;
}

.ecrtlpr_card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.ecrtlpr_img {
  width: 100%;
  aspect-ratio: 1.45 / 1; /* Maintains 620x428 ratio */
  object-fit: cover;
  border-radius: 5px;
}

.ecrtlpr_title {
  margin-top: 10px;
  font-size: 1rem;
}

.ecrtlpr_price {
  color: #d32f2f;
  font-weight: bold;
  margin-top: 5px;
}

/* cutomize css */
article#post-3433 dl.variation {
    font-size: .79rem !important;
    padding-left: 1rem;
}
article#post-3433 td.product-name strong {
    margin-left: 2px;
}

article#post-3433 td.product-name {
    font-size: .9rem !important;
    align-items: start !important;
}
.payment_box.payment_method_bacs p {
    font-size: .86rem;
}

.woocommerce-privacy-policy-text p {
    font-size: .85rem;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    display: block;
    color: #515962;
}
.woocommerce-js form .form-row input.input-text, .woocommerce-js form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: 1;
    border-width: 2px;
    border-color: #18171717;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    display: block;
    color: #515962;
}
.woocommerce-js .select2-container .select2-selection--single, .woocommerce-js select, .woocommerce-page .select2-container .select2-selection--single, .woocommerce-page select {
    /* padding: .8em; */
    line-height: normal;
    padding-right: 1em;
    appearance: none;
    background-position: 98% 50%;
    background-color: #fff;
    border-color: #51596214;
    border-radius: 3px;
    box-shadow: none;
    border-width: 2px;
}
.woocommerce-js .select2-container .select2-dropdown, .woocommerce-js .select2-container .select2-search__field, .woocommerce-page .select2-container .select2-dropdown, .woocommerce-page .select2-container .select2-search__field {
    border: 2px solid #51596224;
    z-index: 98;
}
dl.variation {
    font-size: .85rem;
    padding-left: 10px;
}

@media only screen and (max-width: 768px) {

    dl.variation {
        font-size: .82rem;
        padding-left: 10px;
    }
   }
	article#post-4249 dl.variation {
        padding-left: 10px;
   }

@media (max-width: 480px) {
    td.product-name {
        font-size: .92rem;
    }
}
article#post-4328 dl.variation {
    padding-left: 0;
}

@media only screen and (min-width: 1200px) {
 
    article#post-4328, article#post-4249 {
        margin-top: -3rem;
    }
    
}

article#post-4328 button.button {
    padding: 13px !important;
    font-size: .94rem !important;
}

article#post-4328 input#coupon_code {
    max-width: 9rem;
    padding: 1.14rem !important;
    border-radius: 1rem !important;
}
.cart_totals.calculated_shipping h2 {
    font-size: 2.2rem;
}
span.woocommerce-input-wrapper div {
    font-size: .8rem;
    font-style: italic;
}
.xoo-wsc-body dl.variation {
    padding-left: 0;
}
.woocommerce form.track_order {
  background: #fafafa;
  padding: 30px;
  border: 1px solid #ddd;
  border-radius: 8px;
  max-width: 800px;
  margin: 0 auto;
	margin-bottom: 2rem;
}

.woocommerce form.track_order input[type="text"],
.woocommerce form.track_order input[type="email"] {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.woocommerce form.track_order button {
  background-color: #d62e2e;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
}

.woocommerce form.track_order button:hover {
  background-color: #bb1e1e;
}
article#post-4328 p.woocommerce-shipping-destination {
    display: none;
}
article#post-4328 form.woocommerce-shipping-calculator {
    display: none;
}
.ecm_text_box{
  box-shadow: 0 0 5px #dee2e6;
    border-radius: 10px;
    padding: 10px;
}
.esec_h2 {
    font-size: 1.7rem !important;
    position: relative;
    display: inline-block;
}

@media (max-width: 480px) {

.esec_h2 {
    font-size: 1.3rem !important;
    position: relative;
    display: inline-block;
}
}
@media (min-width: 481px) and (max-width: 768px) {

  .esec_h2 {
    font-size: 1.5rem !important;
    position: relative;
    display: inline-block;
  } 
}

@media (min-width: 768px) {
  .ept-5{
    padding-top: 2.5rem;
  }
}

.bg_yellow{
  background: #FF9800;
}

section.ecm_top_intro {
    padding-top: 4rem;
    margin-top: -2rem;
    min-height: 415px;
}
section.ecm_top_intro .esec_img_con {
    position: relative;
}

section.ecm_top_intro .ecmab_desc p {
    font-size: .9rem;
}
@media (max-width: 767px) {
  section.ecm_top_intro {
    padding-top: 1rem;
}

}

img.ecmab_image {
    border: 5px solid #FFEB3B;
}
@media (min-width: 768px) {

  .esec_right .ecmab_con {
    margin-left: 15px;
  }
   .esec_left .ecmab_con {
    margin-right: 15px;
  }

}/* Mobile */

    .cmabm_container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 20px;
    }

    .cmabm_heading {
      font-size: 28px;
      font-weight: bold;
      color: #1c3c6b;
      margin-bottom: 20px;
    }

    .cmabm_subheading {
      font-size: 16px;
      line-height: 1.6;
      color: #555;
      margin-bottom: 40px;
      max-width: 800px;
    }

    .cmabm_grid {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .cmabm_card {
      background-color: white;
      border-radius: 10px;
      padding: 20px;
      flex: 1 1 calc(50% - 20px);
      box-shadow: 0 0 10px rgb(63 81 181 / 15%);
      display: flex;
      align-items: flex-start;
      gap: 10px;
      transition: transform 0.3s;
    }

    .cmabm_card:hover {
      transform: translateY(-5px);
    }

    .cmabm_icon {
      font-size: 30px;
      color: #1c3c6b;
    }

    .cmabm_card_title {
      font-size: 18px;
      font-weight: bold;
      color: #058e38;
      margin-bottom: 5px;
    }

    .cmabm_card_desc {
      font-size: 15px;
      color: #333;
      line-height: 1.5;
    }
    section.ecmabm_intro_con {
     margin-top: 1rem;
    }
    @media (max-width: 768px) {
      .cmabm_card {
        flex: 1 1 100%;
      }
    }

    section.ecmabm_sp {
        margin-top: 10%;
    }
    .font-11{
        font-size: 1.1rem;
    }
    .font-86{
     font-size: .86rem !important;
    }
    .font-9{
    font-size: .9rem !important;
    }
    .ecmabm_intro_img_con {
        padding: 20px;
    }
    .ecmabm_intro_desc {
       padding-top: 13px;
       text-align: left;
     }
    @media (max-width: 768px) {
     .ecmabm_intro_desc {
       padding: 4%;
       text-align: center;
      }
    }
  .ecanh_desc {
    text-align: left;
  }
  .bg_radish{
    background-color: #d70f0f;
  }
section.ecm_top_intro img{
    border: none;
}
.ecatrf_form {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-family: 'Segoe UI', sans-serif;
}

h3.ecatrf_heading {
  font-size: 1.5rem;
  margin-bottom: 10px;
  text-align: center;
}
@media (max-width: 767px) {
  h3.ecatrf_heading {
  font-size: 1.2rem;
 }
}

.ecatrf_intro {
  margin-bottom: 30px !important;
  text-align: center;
  font-weight: 500;
}

.ecatrf_fieldset {
  border: none;
  margin-bottom: 20px;
  padding: 0;
}

.ecatrf_legend {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  color: #c00;
  padding: 0;
}

.ecatrf_label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}

.ecatrf_input,
.ecatrf_textarea,
.ecatrf_select {
  width: 100%;
  padding: 10px !important;
  margin-bottom: 15px;
  border: 1px solid #bbb;
  border-radius: 4px !important;
  font-size: 15px;
  box-sizing: border-box;
}
input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type=reset],input[type=tel],input[type=date],select,textarea {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    padding: 12px 16px;
    border-radius: 4px !important;
    color: var(--ast-form-input-text,#475569);
    border: 1px solid #e9ecef !important;
  }

.ecatrf_textarea {
  min-height: 80px;
  resize: vertical;
}

.ecatrf_consent {
  margin: 10px 0 25px 0;
  font-size: 14px;
}

.ecatrf_btn {
  display: inline-block;
  background-color: #c40000;
  color: #fff;
  padding: 12px 24px;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.ecatrf_btn:hover {
  background-color: #a00000;
}
button[type="submit"]:hover {
    color: #fff;
}

.spinner-border {
    --bs-spinner-width: 1.5rem;
    --bs-spinner-height: 1.5rem;
}

table.woocommerce-checkout-review-order-table {
  table-layout: auto;
  width: 100%;
}

tr.woocommerce-shipping-totals.shipping th,
tr.woocommerce-shipping-totals.shipping td {
  width: 100%;
}

tr.woocommerce-shipping-totals.shipping > th {
  display: none;
}

/* Add clean heading for Delivery Option */
tr.woocommerce-shipping-totals.shipping > td[data-title="Delivery Option"]::before {
  content: "Delivery Option";
  display: block;
  margin-bottom: 12px;
  text-align: left;
}

/* Clean vertical layout for shipping methods */
ul.woocommerce-shipping-methods {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.woocommerce-shipping-methods li {
  margin-bottom: 18px;
}

/* Better aligned radio buttons */
ul.woocommerce-shipping-methods input[type="radio"] {
  margin-right: 8px;
  transform: scale(1.1);
}

/* ------------------------------ */
/* Stylish Pickup Option box */
#pickup-datetime-container {
  background-color: #fafafa;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  padding: 15px 18px;
  margin-top: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

@media (min-width: 768px) {
  div#pickup-datetime-container {
    max-width: 50%;
}
}

/* Pickup Option heading */
#pickup-datetime-container > p {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 0 10px;
  color: #222;
}

/* Radio layout for ASAP/Scheduled */
#pickup-datetime-container label {
  margin-right: 10px;
  font-size: 0.9rem;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* Date/Time subfields spacing */
#scheduled-fields p {
  margin: 10px 0 0;
}

#scheduled-fields label {
  display: block;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 0.9rem;
}

#scheduled-fields input[type="text"] {
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  max-width: 200px;
}

td[data-title="Delivery Option"] {
  display: block;
  width: 130% !important;
  min-width: 208px;
}
div#scheduled-fields {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}

div#pickup-datetime-container input[type="radio"] {
    margin-right: 0 !important;
}
ul#shipping_method label {
    font-size: .95rem;
}
input#shipping_method_0_woocommerce_doordash4 ~ label {
    margin-right: 22px;
}