/* 
 * Classic Addons for Elementor Plugin Main Style
 */


/*--------------------------------------------------------------
 Table of the content
01. Normalize
02. Blog
03. Circle Progress
04. Day Counter
05. Feature Box
06. Flip Box
07. Icon
08. Icon List
09. Section Title
10. Social Icons
11. Timeline
12. Pricing Tables
13. Timeline Slide
14. Team
15.	Toggle Posts
16. Testimonials
17. portfolio
18. Contact Form
19. Tab
20. Popover
21. Modal Popup
22. Animated Text
23. Button
24. Contact Info
25. Content Carousel
26. Counter
27. Google Map
28. Image Grid
29. Chart
30. Popup Anything
31. Accordion
32. Offcanvas
33. Switcher Content
34. Data Table
35. Event
36. Service
37. Toggle Content
38. Blog Layouts
39. Draw SVG
40. Text Image
41. Image Zoom
42. List Step
43. Bubble Float
44. Marquee
45. Video Audio Playlist
--------------------------------------------------------------*/
/*--------------------------------------------------------------
01. Normalize
--------------------------------------------------------------*/
.elementor-element .section-sticky {
    position: relative;
}

.elementor-element .section-sticky--stuck {
    position: fixed !important;
    top: 0;
    width: 100%;
}

.section-sticky-placeholder {
    display: none;
}

.cea-align-right {
    text-align: right;
}

.cea-align-left {
    text-align: left;
}

.cea-align-center {
    text-align: center;
}

.cea-align-justify {
    text-align: justify;
}

/* Plugin Shortcode Styles */
.before-icon {
    margin-right: 6px;
}

ul.nav.top-meta-list,
ul.nav.bottom-meta-list {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
}

ul.nav.meta-right {
    text-align: right;
    float: right;
}

ul.nav.top-meta-list>li,
ul.nav.bottom-meta-list>li {
    vertical-align: middle;
    display: inline-block;
    margin-top: 0;
    margin-right: 15px;
}

ul.nav.top-meta-list>li:last-child,
ul.nav.bottom-meta-list>li:last-child {
    margin-right: 0;
}

.post-author a>span img {
    width: 20px;
}

.post-author a>span {
    display: inline-block;
    vertical-align: middle;
}

.post-author a>span.author-name {
    margin-left: 6px;
}

ul.post-pagination>li>a,
ul.post-pagination>li>span {
    padding: 11px;
    background: #000;
    color: #fff;
    border-radius: 4px;
    margin: 4px;
}

.post-thumb {
    position: relative;
    display: block;
}

.post-overlay-items {
    position: absolute;
    bottom: 0;
    padding: 10px;
    left: 0;
    right: 0;
}

.elementor-column-gap-extended>.elementor-row>.elementor-column>.elementor-element-populated {
    padding-top: 0;
    padding-bottom: 0;
}

/* Cea Close Style */
.cea-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    height: 32px;
    opacity: 1;
    cursor: pointer;
}

.cea-close:hover {
    opacity: 1;
}

.cea-offcanvas-wrap span.cea-close.cea-offcanvas-close {
    background: #000;
}

.cea-close:before,
.cea-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #fff;
    top: 6px;
}

.cea-close:before {
    transform: rotate(45deg);
}

.cea-close:after {
    transform: rotate(-45deg);
}

/* Isotope Styles */
.blog-wrapper {
    clear: both;
}

.isotope {
    width: auto;
}

.isotope .isotope-item {
    float: left;
    min-height: 1px;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.35s;
}

.isotope .isotope-item.item-visible {
    opacity: 1;
    visibility: visible;
}

.infinite-load>.post-pagination-wrap {
    display: none;
}

.isotope #infscr-loading {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.isotope #infscr-loading>img {
    max-width: 100px;
    transition: all ease 0.35s;
}

@-webkit-keyframes ceaFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes ceaFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.cea-animate {
    opacity: 0;
    visibility: hidden;
}

.cea-animate.run-animate {
    opacity: 1;
    visibility: visible;
    animation-duration: 0.7s;
    animation-name: ceaFadeInUp;
}

/* Common */
body .entry-title a,
body .entry-title a:not(.button) {
    text-decoration: none;
}

/* button Syles */
.btn.link {
    background: transparent;
    color: #000;
    padding: 0;
    text-decoration: underline;
}

.btn:focus {
    box-shadow: none;
    color: #fff;
}

a.btn.link:hover {
    color: #000;
}

.btn:hover {
    background: #000;
}

a.btn.border {
    background: transparent;
}

a.btn.border:hover {
    border-color: #000;
    color: #000;
}

a.btn.classic:hover {
    background: #fff;
    color: #000;
}

a.btn.classic {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
}

a.btn.inverse:hover {
    background: #000;
    color: #fff;
}

a.btn.inverse {
    background: #fff;
    color: #000;
}

/*--------------------------------------------------------------
02. Blog
--------------------------------------------------------------*/
.elementor-widget-ceaposts .blog-style-default .blog-inner {
    border: 1px solid #eaeaea;
    padding: 20px;
    border-radius: 10px;
}

.elementor-widget-ceaposts .blog-inner>.entry-title {
    margin-bottom: 0;
}

.elementor-widget-ceaposts .blog-style-default .blog-inner .post-thumb {
    overflow: hidden;
}

.elementor-widget-ceaposts .blog-style-default .owl-carousel-item .blog-inner {
    margin: 0 10px 20px 10px;
}

.elementor-widget-ceaposts .blog-inner .post-date a {
    color: #888;
}

.elementor-widget-ceaposts .blog-inner .post-excerpt {
    line-height: 27px;
}

.elementor-widget-ceaposts .cea-carousel .blog-inner {
    margin: 20px 10px 20px 10px !important;
}

.elementor-widget-ceaposts .blog-inner {
    margin-bottom: 30px;
}

.elementor-widget-ceaposts .blog-inner>* {
    margin-bottom: 15px;
}

.elementor-widget-ceaposts .blog-inner>*:last-child {
    margin-bottom: 0;
}

.elementor-widget-ceaposts .blog-inner .post-excerpt p {
    margin-bottom: 0;
}

.elementor-widget-ceaposts .blog-inner .read-more {
    background: #000;
    padding: 12px 30px;
    line-height: 1;
    display: inline-block;
    text-decoration: none !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

.elementor-widget-ceaposts .blog-inner>*.entry-title .post-title-head {
    line-height: 1.5;
}

.elementor-widget-ceaposts .blog-wrapper.blog-style-default .post-category span.before-icon.fa.fa-folder-o {
    display: none;
}

.elementor-widget-ceaposts .post-thumb>img {
    margin: 0 auto;
}

.elementor-widget-ceaposts .blog-wrapper .blog-inner {
    background: #fff;
}

.elementor-widget-ceaposts .blog-wrapper .blog-inner .post-thumb img {
    max-width: none;
    width: 100%;
}

.elementor-widget-ceaposts .post-title-head {
    transition: all ease 0.35s;
}

.elementor-widget-ceaposts .post-overlay-items {
    display: block;
    margin-left: -4px;
    margin-right: -4px;
}

.elementor-widget-ceaposts .post-overlay-items>* {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
}

.elementor-widget-ceaposts .post-thumb.post-overlay-active:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all ease 0.35s;
}

.elementor-widget-ceaposts .blog-inner {
    transition: all ease 0.35s;
}

/* Blog Style Classic */
.blog-style-classic .blog-inner {
    margin-bottom: 30px;
}

.blog-wrapper.blog-style-classic .blog-inner .top-meta .post-category span.before-icon.fa.fa-folder-o {
    display: none;
}

.blog-style-classic .blog-inner img {
    border-radius: 6px;
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
}

.blog-style-classic .blog-inner:hover img {
    opacity: .8;
    -webkit-transform: scale(1.14);
    -khtml-transform: scale(1.14);
    -moz-transform: scale(1.14);
    -ms-transform: scale(1.14);
    -o-transform: scale(1.14);
    transform: scale(1.14);
}

.blog-style-classic .blog-inner .post-thumb {
    border-radius: 6px;
    overflow: hidden;
}

.blog-style-classic .blog-inner a.post-image-link {
    position: relative;
}

.blog-style-classic .blog-inner a.post-image-link:before {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    z-index: 1;
    opacity: 0;
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}

.blog-style-classic .blog-inner:hover a.post-image-link:before {
    opacity: 1;
    top: -20%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: linear;
}

.blog-style-classic .blog-inner .post-thumb {
    border-radius: 6px;
    overflow: hidden;
    margin: 0 -10px;
    margin-top: -10px;
}

.blog-style-classic .owl-carousel-item .blog-inner {
    border-radius: 10px;
    margin: 15px;
}

.post-author a>span.author-name {
    margin-left: 15px;
}

.post-author a>span img {
    width: 20px !important;
}

.blog-style-classic .owl-carousel-item .blog-inner>*:not(.post-thumb) {
    padding: 0 15px;
}

/* Blog Style Modern */
.blog-style-modern .blog-inner {
    background: #f7f7f7;
    padding: 30px 30px 25px 30px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
}

.blog-style-modern .blog-inner .post-thumb {
    margin: -30px -30px 30px -30px;
    overflow: hidden;
}

.blog-wrapper.blog-style-modern .blog-inner .top-meta {
    position: relative;
}

.entry-content .blog-inner .bottom-meta ul {
    margin-bottom: 0;
}

.blog-style-modern .blog-inner .top-meta .post-category {
    background: #000;
    padding: 1px 20px;
    border-radius: 7px;
    color: #fff;
}

.blog-wrapper.blog-style-modern .blog-inner .top-meta .post-category a {
    color: #fff;
    font-weight: 700;
}

.blog-wrapper.blog-style-modern .blog-inner .top-meta .post-category span.before-icon.fa.fa-folder-o {
    display: none;
}

.blog-style-modern .blog-inner:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: .5s ease;
}

.blog-style-modern .blog-inner img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.blog-style-modern .blog-inner:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* Classic Pro */
.blog-style-classic-pro .blog-inner .post-details-outer {
    margin-top: -62px;
    background: #ffffff;
    position: relative;
    padding: 30px;
    box-shadow: 0 0 32px rgb(0 0 0 / 7%);
}

.blog-style-classic-pro .blog-inner {
    background: #fff;
    margin-bottom: 00px;
}

.blog-style-classic-pro .blog-inner .post-details-outer {
    margin-top: -62px;
    background: #ffffff;
    position: relative;
    padding: 30px;
    box-shadow: 0 0 32px rgb(0 0 0 / 7%);
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.blog-style-classic-pro .blog-inner>.bottom-meta.clearfix {
    border-top: 1px solid #eaeaea;
    padding-top: 20px;
}

.blog-style-classic-pro .post-author a>span img {
    margin-right: 5px;
}

@media (max-width: 450px) {
    .section-title-wrapper .section-description .section-content {
        max-width: 100%;
    }
}

/* blog list */
.blog-wrapper.blog-style-list .blog-inner .media .media-body {
    padding: 30px 30px 30px 30px;
}

.elementor-widget-ceaposts .blog-style-list .blog-inner {
    margin-bottom: 45px;
    box-shadow: 0px 12px 10px rgb(238 239 240 / 25%);
    border-radius: 6px;
    border: 1px solid #F2F5FA;
}

.blog-wrapper.blog-style-list .blog-inner .media {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.blog-wrapper.blog-style-list .blog-inner .media .post-thumb {
    max-width: 45%;
    overflow: hidden;
}

.blog-style-list .bottom-meta.clearfix {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #eee;
}

/* Blog overlay */
.blog-wrapper .post-overlay-items .post-date a {
    background: #000;
    padding: 8px 10px;
    line-height: 1;
    display: inline-block;
    border-radius: 6px;
}

.blog-wrapper .post-overlay-items {
    margin: 0;
    padding: 15px 15px;
    opacity: 0;
}

.blog-wrapper .blog-inner:hover .post-overlay-items {
    opacity: 1;
}

.blog-dark .blog-inner {
    background-color: #000 !important;
}

.blog-dark .blog-inner .entry-title a,
.blog-dark .blog-inner {
    color: #fff;
}

.blog-dark .blog-inner {
    border-radius: 5px;
}

/*--------------------------------------------------------------
03. Circle Progress
--------------------------------------------------------------*/
.circle-progress-wrapper>* {
    margin-bottom: 20px;
}

.circle-progress-wrapper>*:last-child {
    margin-bottom: 0;
}

.circle-progress-circle {
    position: relative;
}

.progress-value {
    display: block;
    font-size: 26px;
    font-weight: 600;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    padding: 0 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.circle-progress-wrapper {
    margin-bottom: 30px;
}

/* Classic */
.circle-progress-wrapper.circle-progress-style-classic {
    border: 1px solid #eaeaea;
    padding: 30px;
}

/* Classic pro */
.circle-progress-wrapper.circle-progress-style-classic-pro {
    box-shadow: 0px 0px 13px rgb(0 0 0 / 10%);
    border-radius: 5px;
}

/* Modern */
.circle-progress-wrapper.circle-progress-style-modern {
    box-shadow: 0px 0px 13px rgb(0 0 0 / 10%);
    padding: 30px;
}

/*--------------------------------------------------------------
04. Day Counter
--------------------------------------------------------------*/
.day-counter {
    display: block;
}

.day-counter>*:last-child {
    margin-right: 0;
}

.day-counter>div {
    text-align: center;
    position: relative;
}

.day-counter .counter-item>span {
    line-height: 1;
}

.day-counter .counter-item {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 1;
}

.day-counter>* {
    display: inline-block;
    margin-right: 10px;
    height: 150px;
    width: 150px;
    padding: 0 20px;
}

.day-counter .counter-item>h3 {
    margin: 0;
    line-height: unset;
    font-size: 35px;
}

.day-counter-dark .day-counter .counter-item>h3 {
    color: #fff;
}

.day-counter-light .day-counter>* {
    background: #fff none repeat scroll 0 0;
}

.day-counter-dark .day-counter>* {
    background: #333 none repeat scroll 0 0;
    color: #fff;
}

.day-counter-transparent .day-counter>* {
    background: transparent;
}

.day-counter .rounded-circle {
    background: #f7f7f7;
    border: 1px solid rgba(234, 234, 234, 0.4);
}

/*  Classic */
.day-counter-classic .day-counter>div {
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
}

.day-counter-classic .day-counter>div:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 3px;
    background: #000;
}

/* Modern */
.day-counter-modern .day-counter>* {
    position: relative;
    overflow: hidden;
    border: 0;
}

.day-counter-modern .day-counter>*:after {
    content: "";
    width: 150%;
    height: 100px;
    background: rgba(0, 0, 0, .1);
    display: block;
    transform: rotate(-40deg);
    position: absolute;
    bottom: -17%;
    left: -125%;
    z-index: 0;
    border-radius: 50%;
}

/* classic Pro */
.day-counter-classic-pro .day-counter>* {
    margin: 0 10px;
    z-index: 1;
    position: relative;
    background: #fff;
    box-shadow: 0px 12px 50px 6px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0px 12px 50px 6px rgb(0 0 0 / 5%);
}

.day-counter-classic-pro .day-counter {
    position: relative;
}

.day-counter-classic-pro .day-counter .counter-item>span {
    background: #000;
    padding: 3% 10%;
    border-radius: 4px;
    line-height: 1;
}

/*--------------------------------------------------------------
05. Feature Box
--------------------------------------------------------------*/
.feature-box-wrapper {
    position: relative;
    padding: 35px 30px;
    margin-bottom: 30px;
}

.feature-box-wrapper .feature-box-icon>span {
    line-height: 1;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
}

.feature-box-wrapper .feature-box-icon>span.fbox-icon-middle {
    line-height: 2;
    display: inline-block;
}

.feature-box-wrapper .media .align-self-center .feature-box-icon>span.fbox-icon-middle {
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
}

h1.feature-box-title,
h2.feature-box-title,
h3.feature-box-title,
h4.feature-box-title,
h5.feature-box-title,
h6.feature-box-title {
    margin-bottom: 0;
}

/* Feature box Classic */
.feature-box-classic {
    border: 1px solid #eaeaea;
}

/* Feature box Modern */
.feature-box-modern {
    -moz-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8);
    -ms-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8);
    -o-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8);
    -webkit-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8);
    box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8);
}

/* Feature box Modern Pro */
.feature-box-classic-pro {
    border-radius: 10px;
    padding: 35px 30px;
}

/* Common Feature Box Style */
.icon-icon-light {
    color: #fff;
}

.icon-icon-dark {
    color: #000000;
}

.feature-box-inner>* {
    margin-bottom: 15px;
}

.feature-box-inner>*:last-child {
    margin-bottom: 0px;
}

.text-left .feature-box-image img {
    margin-left: 0;
}

.text-right .feature-box-image img {
    margin-right: 0;
}

/*feature Box Image hover styles*/
.feature-box-image.fbox-img-overlay-overlay {
    position: relative;
}

.feature-box-wrapper .fbox-img-overlay-overlay:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.feature-box-wrapper:hover .fbox-img-overlay-overlay:before {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

body .round-infoboxes .elementor-widget-ceafeaturebox {
    width: 235px;
    height: 235px;
    position: absolute;
    top: 0;
    bottom: auto;

}

.round-infoboxes .elementor-widget-ceafeaturebox .feature-box-wrapper.feature-box-default {
    border-radius: 50%;
}

body .round-infoboxes .elementor-widget-ceafeaturebox.round-featurebox2 {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

body .round-infoboxes .elementor-widget-ceafeaturebox.round-featurebox3 {
    top: 60%;
}

/*zoom in*/
.feature-box-image {
    overflow: hidden;
}

.fbox-img-overlay-zoomin img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fbox-img-overlay-zoomin:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/*grayscale*/
.fbox-img-overlay-grayscale img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fbox-img-overlay-grayscale:hover img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    /* For Webkit browsers */
    filter: gray;
    /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;
    /* Transition for Webkit browsers */
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/*Blur*/
.fbox-img-overlay-blur img {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.fbox-img-overlay-blur:hover img {
    -webkit-filter: blur(2px);
    -moz-filter: all .25s ease;
    -o-filter: all .25s ease;
    -ms-filter: all .25s ease;
    filter: blur(2px);
}

/* feature Button */
.feature-btn a {
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    font-size: 13px;
    line-height: 46px;
    height: 46px;
    width: 46px;
    display: inline-block;
}

/* Image style */
.max-width-none .elementor-image img {
    max-width: none !important;
}

/* feature Box Hover Effects With classes */
.feature-box-wrapper.hover-style-1:hover {
    box-shadow: 0 3px 30px rgba(110, 122, 182, 0.1);
    transform: translate3d(0, -20px, 0);
    transition: .35s;
}

.feature-box-wrapper.hover-style-1:hover .feature-box-image {
    -webkit-transform: rotateY(360deg);
    -khtml-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
    transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -webkit-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
}

/* List */
.feature-box-wrapper>.media>*:first-child {
    margin-right: 25px;
    line-height: 1;
}

.rtl .feature-box-wrapper>.media>*:first-child {
    margin-right: 0;
    margin-left: 30px;
}

.feature-box-wrapper.list-fullwidth-active>.media {
    margin-bottom: 40px;
}

.feature-box-wrapper.list-fullwidth-active:hover {
    transform: translateY(-10px);
    box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.1);
    transition: .5s ease;
}

.feature-box-wrapper.list-fullwidth-active {
    position: relative;
    transition: .5s ease;
}

.feature-box-wrapper.list-fullwidth-active .feature-box-btn {
    position: absolute;
    bottom: -18px;
    opacity: 0;
    transform: scale(.5);
    transition: .5s ease;
}

.feature-box-wrapper.list-fullwidth-active:hover .feature-box-btn {
    opacity: 1;
    transform: scale(1);
    transition: .5s ease;
}

.list-fullwidth-active .feature-box-title:after {
    position: absolute;
    content: '';
    background: #e9e6e6;
    bottom: -22px;
    left: 0px;
    width: 50px;
    height: 3px;
}

.list-fullwidth-active .feature-box-title {
    position: relative;
}

.cea-featured-icon i,
.cea-featured-icon svg {
    position: relative;
    transform: rotate(0deg);
    display: block;
    line-height: 1;
}

.cea-shape-circle .cea-featured-icon,
.cea-shape-square .cea-featured-icon {
    padding: 30px;
}

.cea-featured-icon {
    display: inline-block;
    text-align: center;
}

.cea-shape-circle .cea-featured-icon {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.cea-view-framed .cea-featured-icon {
    color: #333;
    border: 3px solid #333;
    background-color: transparent;
}

figure.cea-feature-box-img {
    display: inline-block;
}

figure.cea-feature-box-img>img {
    width: auto;
    max-width: 100%;
    display: inline-block;
}

.feature-box-wrapper:hover .feature-box-icon>span.icon-icon-hlight {
    color: #fff;
}

.feature-box-wrapper:hover .feature-box-icon>span.icon-icon-hdark {
    color: #000;
}

.elementor-widget-container.feature-box-wrapper.feature-box-classic:before {
    content: "";
    position: absolute;
    left: -20px;
    width: 125px;
    height: 125px;
    top: -20px;
    border-left: 1px solid #e2edfd;
    border-top: 1px solid #e2edfd;
}

.elementor-widget-container.feature-box-wrapper.feature-box-classic:after {
    content: "";
    position: absolute;
    left: -24px;
    top: -20px;
    width: 8px;
    height: 8px;
    background: #000;
    z-index: 9;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 50%;
}

.elementor-widget-container.feature-box-wrapper.feature-box-classic:hover:after {
    top: 101px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.feature-box-wrapper.feature-box-classic:hover figure.cea-feature-box-img {
    transform: rotate3d(15, 15, 15, 360deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.feature-box-wrapper.feature-box-classic figure.cea-feature-box-img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.cea-view-framed .cea-featured-icon:hover,
.feature-box-inner {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

.feature-box-inner {
    position: relative;
}

.feature-box-inner a.info-box-link {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/*Video modified*/
.feature-box-video {
    width: 500px;
    margin: auto;
    height: 315px;
}

/*Icons modified*/
.cea-featured-icon svg {
    width: 25px;
}

/*--------------------------------------------------------------
06. Flipbox
--------------------------------------------------------------*/
.flip-box-icon {
    line-height: 1;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
}

[class*=' imghvr-'] .cea-button-wrapper a,
[class^=imghvr-] .cea-button-wrapper a {
    position: relative;
}

.flip-box-wrapper .flip-box-icon>span.flip-icon-middle {
    line-height: 2;
}

.flip-box-wrapper.text-right .flip-box-icon>span {
    margin-left: auto;
    margin-right: 0;
}

.flip-box-wrapper .flip-box-title .section-title {
    color: inherit;
}

.flip-front>*,
.flip-back>* {
    margin-bottom: 20px;
}

.flip-box-wrapper .flip-front>*:last-child,
.flip-box-wrapper .flip-back>*:last-child {
    margin-bottom: 0;
}

.flip-box-wrapper .flip-front>div.flip-box-thumb {
    padding: 0;
}

.flip-box-wrapper .flip-box-thumb {
    padding: 0 !important;
}

.flip-box-wrapper {
    display: block;
    overflow: hidden;
}

.imghvr-flip-diag-1 .flip-back,
.imghvr-flip-diag-2 .flip-back {
    opacity: 0;
}

.imghvr-flip-diag-1:hover .flip-back,
.imghvr-flip-diag-2:hover .flip-back {
    opacity: 1;
}

.flip-box-inner.imghvr-flip-3d-horz>* {
    box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
    border-radius: 5px;
}

.flip-box-title {
    position: relative;
    margin-bottom: 15px;
}

.flip-box-btn a.btn {
    position: relative;
}

.flip-box-wrapper .flip-front {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.flip-box-wrapper .flip-front,
.flip-box-wrapper .flip-back {
    display: flex;
}

.flip-box-wrapper .flip-front {
    background-color: #fff;
}

.flip-box-wrapper .flip-back {
    background-color: #f2f2f2;
}

.flip-box-inner .flip-front-inner,
.flip-box-inner .flip-back-inner {
    align-self: center;
    width: 100%;
}

.flip-box-wrapper {
    height: 300px;
}

.flip-box-wrapper .flip-box-inner {
    height: 100%;
}

.cea-primary-icon-shape-circle .flip-box-icon,
.cea-primary-icon-shape-square .flip-box-icon,
.cea-secondary-icon-shape-circle .flip-box-icon,
.cea-secondary-icon-shape-square .flip-box-icon {
    padding: 30px;
}

.flip-box-icon i,
.flip-box-icon svg {
    position: relative;
    transform: rotate(0deg);
    display: block;
}

.flip-box-icon {
    display: inline-block;
    text-align: center;
}

.cea-primary-icon-shape-circle .cea-icon,
.cea-secondary-icon-shape-circle .cea-icon {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.cea-primary-icon-view-framed .cea-icon,
.cea-secondary-icon-view-framed .cea-icon {
    color: #333;
    border: 3px solid #333;
    background-color: transparent;
}

.cea-primary-icon-shape-circle .flip-front .flip-box-icon,
.cea-secondary-icon-shape-circle .flip-back .flip-box-icon {
    border-radius: 50%;
}

.cea-primary-icon-view-framed .flip-front .flip-box-icon,
.cea-secondary-icon-view-framed .flip-back .flip-box-icon {
    border-style: solid;
}

.flip-box-wrapper .flip-box-image {
    display: inline-block;
}

/*Icons modified*/
.flip-box-icon svg {
    width: 25px;
}

/*--------------------------------------------------------------
07. Icon
--------------------------------------------------------------*/
.icon-wrapper .icon-parent>span {
    transition: all ease 0.35s;
}

.icon-wrapper .icon-parent .icon-middle {
    line-height: 2;
}

.cea-icon i,
.cea-icon svg {
    position: relative;
    transform: rotate(0deg);
    display: block;
}

.cea-shape-circle .cea-icon,
.cea-shape-square .cea-icon {
    padding: 30px;
}

.cea-icon {
    display: inline-block;
    text-align: center;
}

.cea-shape-circle .cea-icon {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.cea-view-framed .cea-icon {
    color: #333;
    border: 3px solid #333;
    background-color: transparent;
}

/*Icons modified*/
.cea-icon svg {
    width: 25px;
}

/*--------------------------------------------------------------
08. Icon List
--------------------------------------------------------------*/
.icon-list-wrapper .icon-parent>span {
    margin-right: 8px;
    -webkit-transition: all ease 0.35s;
    transition: all ease 0.35s;
}

ul.nav.icon-list-inline {
    display: block;
}

ul.nav.icon-list-inline>li {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.cea-icon-list .cea-icon-list-item {
    position: relative;
    margin: 0;
}

.cea-icon-list .cea-icon-list-item:after {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.cea-icon-list.icon-list-inline .cea-icon-list-item:after {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
}

.elementor-widget-ceaiconlist.elementor-align-right .cea-icon-list-item:after {
    left: auto;
    right: 0;
}

.elementor-widget-ceaiconlist.elementor-align-center .cea-icon-list-item:after {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.cea-icon-list .cea-icon-list-item .cea-icon-list-icon i,
.cea-icon-list .cea-icon-list-item .cea-icon-list-icon svg,
.cea-icon-list .cea-icon-list-item .icon-list-text {
    transition: all ease 0.35s;
}

.cea-icon-list-icon svg {
    width: 1rem;
    height: 1rem;
}

/*--------------------------------------------------------------
09. Section Title
--------------------------------------------------------------*/
.title-separator.separator-img {
    background: transparent;
    height: auto;
    width: auto;
    max-width: 200px;
}

.text-left .title-separator.separator-img>img {
    margin-left: 0;
}

.text-right .title-separator.separator-img>img {
    margin-right: 0;
}

.section-title-wrapper .title-wrap>* {
    display: block;
    margin-bottom: 15px;
}

.section-title-wrapper .title-wrap>.section-title {
    margin-bottom: 20px;
}

.section-title-wrapper .title-wrap>*:last-child {
    margin-bottom: 0;
}

.section-title-wrapper .section-description {
    max-width: 800px;
    margin: 0;
}

.cea-align-center .section-title-wrapper .section-content {
    max-width: 65%;
    margin: 0 auto;
}

.section-title-wrapper.text-center .section-description {
    text-align: center;
    margin: 0 auto;
}

.section-title-wrapper.text-left .section-description {
    text-align: left;
    margin: inherit;
    max-width: inherit;
    margin-left: auto;
    margin-right: 0;
}

.section-title-wrapper.text-right .section-description {
    text-align: right;
    float: right;
}

.section-title-wrapper .section-description a.btn {
    margin-top: 25px;
}

.section-description span.lead.d-block {
    margin-bottom: 14px;
    color: #000;
    font-weight: 100;
}

.cea-align-right .section-title-wrapper .section-description {
    float: right;
}

.cea-align-center .section-title-wrapper .section-description {
    margin: 0 auto;
}

.elementor-widget-ceasectiontitle {
    --separator-border-style: none;
    --separator-border-width: 1px;
    --separator-border-color: #000;
    --separator-icon-size: 20px;
    --separator-element-spacing: 10px;
    --separator-pattern-height: 5px;
    --separator-pattern-size: 20px;
    --separator-pattern-url: none;
    --separator-pattern-repeat: round;
    /* Backwards compatibility */
}

.cea-separator--no-spacing {
    --separator-pattern-size: auto;
}

.elementor-widget-ceasectiontitle .elementor-divider-separator {
    display: inline-block;
    width: 100%;
    min-height: var(--separator-pattern-height);
    background-image: var(--separator-pattern-url);
    -webkit-background-size: var(--separator-pattern-size) 100%;
    background-size: var(--separator-pattern-size) 100%;
    background-repeat: var(--separator-pattern-repeat);
}

.elementor-widget-ceasectiontitle.cea-separator-type-normal .elementor-divider-separator {
    border-top: var(--separator-border-width) var(--separator-border-style) var(--separator-border-color);
}

.elementor-widget-ceasectiontitle .elementor-divider {
    line-height: 0;
    font-size: 0;
}

.elementor-widget-ceasectiontitle .elementor-divider-separator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    direction: ltr;
}

.elementor-widget-ceasectiontitle.cea-align-center .elementor-divider-separator {
    margin: 0 auto;
}

.elementor-widget-ceasectiontitle.cea-align-right .elementor-divider-separator {
    float: right;
}

span.title-separator.separator-img {
    display: inline-block;
}

.section-title-wrap p.lead {
    max-width: 70%;
    margin: 0 auto;
    margin-top: 50px;
}

p.section-sub-title {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 20px;
}

span.title-seperator:before,
span.title-seperator:after {
    position: absolute;
    width: 50px;
    height: 1px;
    background: #000;
    content: "";
}

span.title-seperator:after {
    margin-top: 4px;
    width: 60px;
}

.animated-section-title .char,
.animated-section-title .word {
    animation-play-state: running !important;
}

.nml-letter-slide-up .char {
    transform: translateY(100%);
    opacity: 0;
    animation: letterSliceUp 0.6s ease-out forwards;
    animation-play-state: paused;
}

.nml-letter-slide-right .char {
    transform: translateX(100%);
    opacity: 0;
    animation: letterSliceRight 0.6s ease-out forwards;
    animation-play-state: paused;
}

.nml-letter-fade-in .char,
.nml-letter-fade-in .word {
    opacity: 0;
    animation: letterFadeIn 0.6s ease-out forwards;
    animation-play-state: paused;
}

.nml-letter-blur-out .char,
.nml-letter-blur-out .word {
    filter: blur(10px);
    opacity: 0;
    animation: letterBlurOut 0.6s ease-out forwards;
    animation-play-state: paused;
}

.nml-letter-blur-in-reverse .char,
.nml-letter-blur-in-reverse .word {
    animation: letterBlurInReverse 0.6s ease-out forwards;
    animation-play-state: paused;
}

.nml-letter-magnify .char {
    opacity: 0;
    animation: letterMagnify 0.6s ease-out forwards;
    animation-play-state: paused;
}

.nml-letter-beat .char {
    animation: letterBeat 0.6s ease-out forwards;
    animation-play-state: paused;
}

.nml-letter-kick-out .char {
    animation: letterKickOut 0.6s ease-out forwards;
    animation-play-state: paused;
}

.nml-letter-scale-in .char {
    transform: scale(0.4);
    opacity: 0;
    animation: letterScaleIn 0.6s ease-out forwards;
    animation-play-state: paused;
}

.nml-letter-fly-in .char {
    opacity: 0;
    animation: letterFlyIn 0.6s ease-out forwards;
    animation-play-state: paused;
}

.nml-letter-push-release .char {
    animation: letterPushRelease 0.6s ease-out forwards;
    animation-play-state: paused;
}

.nml-letter-rotate-from .char {
    opacity: 0;
    animation: letterRotate 0.6s ease-out forwards;
    animation-play-state: paused;
}

.nml-letter-zoom-in .char,
.nml-letter-zoom-in .word {
    opacity: 0;
    animation: letterZoomIn 0.6s ease-out forwards;
    animation-play-state: paused;
}

.text-reveal-content {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    will-change: opacity, transform;
}

.text-reveal-content.active {
    opacity: 1;
    transform: translateY(0);
}

@keyframes letterZoomIn {
    from {
        transform: scale(10);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes letterRotate {
    from {
        transform: translateX(-60px) perspective(600px) rotateY(180deg);
        opacity: 0
    }

    to {
        transform: translateX(0) perspective(600px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes letterPushRelease {
    0% {
        transform: scale(3, 3);
        opacity: 0;
    }

    50% {
        transform: scale(.5, .5)
    }

    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes letterFlyIn {
    0% {
        transform: translate(0px, -80px);
        opacity: 0;
    }

    50% {
        transform: translate(10px, 50px);
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        transform: translate(0px, 0px);
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
}

@keyframes letterScaleIn {
    0% {
        transform: scale(0.4);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes letterKickOut {
    40% {
        transform: rotate(-45deg)
    }

    100% {
        transform: rotate(0deg);
        animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
    }
}

@keyframes letterBeat {

    14%,
    42% {
        transform: scale(1.3);
    }

    28%,
    70% {
        transform: scale(1);
    }
}

@keyframes letterMagnify {
    0% {
        transform: scale(0.4);
        opacity: 0;
    }

    50% {
        transform: scale(1.8);
        letter-spacing: 26px;
    }

    100% {
        transform: scale(1);
        letter-spacing: 0;
        opacity: 1;
    }
}

@keyframes letterBlurOut {
    0% {
        filter: blur(10px);
        opacity: 0;
    }

    100% {
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes letterBlurInReverse {
    0% {
        filter: blur(0);
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        filter: blur(10px);
        opacity: 0;
        transform: translateY(-100%);
    }
}

@keyframes letterFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes letterSliceRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes letterSliceUp {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/*Icon Modified*/
.title-separator.separator-icon svg {
    width: 25px;
}

/*--------------------------------------------------------------
10. Social Links
--------------------------------------------------------------*/
ul.nav.cea-social-icons>li {
    padding: 0;
    margin: 0;
    text-align: center;
    text-align: -webkit-center;
    padding: 0;
}

ul.nav.cea-social-icons {
    padding: 0;
    margin: 0;
    display: inline-block;
}

ul.social-icons>li>a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    width: 40px;
    padding: 0;
    background: #fff;
    text-align: center;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    -ms-transition: all ease 0.35s;
}

/*--------------------------------------------------------------
11. Timeline
--------------------------------------------------------------*/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
    top: 22px;
    bottom: 42px;
    position: absolute;
    content: " ";
    width: 1px;
    border-right: 1px solid #eaeaea;
    left: 50%;
    margin-left: -0.5px;
}

.timeline-title {
    margin-bottom: 6px;
}

.timeline>li {
    margin-bottom: 40px;
    position: relative;
    padding-left: 0;
    margin-left: 0;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    width: 50%;
    float: left;
    border-radius: 2px;
    padding: 30px;
    background: #fff;
    position: relative;
    -webkit-box-shadow: -1px 0px 12px 0 rgba(38, 59, 94, 0.1);
    box-shadow: -1px 0px 12px 0 rgba(38, 59, 94, 0.1);
}

.timeline>li>.timeline-panel .timeline-title {
    margin-top: 0;
}

.timeline>li:not(.timeline-inverted) {
    padding-right: 90px;
}

.timeline>li.timeline-inverted {
    padding-left: 90px;
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline>li>.timeline-badge,
.timeline-sep-title {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
}

.timeline-body>p+p {
    margin-top: 5px;
}

.timeline>li>.timeline-sep-title {
    margin-left: 50px;
    width: auto;
    word-wrap: break-word;
    text-align: left;
    height: auto;
    font-size: 18px;
    line-height: 30px;
}

.timeline>li.timeline-inverted>.timeline-sep-title {
    right: 50%;
    left: 0;
    text-align: right;
    margin-right: 50px;
}

.timeline-sep-title>span {
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #000;
    margin-top: 0px;
}

.timeline-wrapper>ul.timeline>li.sep-img-activated .timeline-badge {
    background: transparent !important;
}

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

/*Timeline Left Layout */
.timeline.tl-left-layout>li>.timeline-sep-title {
    text-align: right;
    padding-top: 0 !important;
}

.separator-shape-custom>i,
.separator-shape-custom>img,
.separator-shape-custom>.separator-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*Timeline Layout 2 */
.timeline-style-2 .timeline>li>.timeline-panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px dashed #c5c5c5;
    border-radius: 10px;
}

.timeline-style-2 .timeline>li>.timeline-panel .timeline-title {
    font-size: 18px;
}

/*Timeline Layout 3 */
.timeline-style-3 .timeline>li>.timeline-panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #eaeaea;
}

.timeline-style-3 .timeline>li.timeline-inverted>.timeline-panel .timeline-heading,
.timeline-style-3 .timeline>li.timeline-inverted>.timeline-panel .timeline-body {
    text-align: right;
}

.timeline-style-3 .timeline>li>.timeline-sep-title {
    color: #fff;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.timeline-style-3 .timeline>li>.timeline-badge {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
}

.timeline-wrapper.timeline-style-3 .timeline-panel {
    border-radius: 0 65px 65px 0;
    padding: 20px 20px;
}

.timeline-wrapper.timeline-style-3 .timeline-title {
    font-size: 17px;
}

.timeline-wrapper.timeline-style-3 .timeline-inverted .timeline-panel {
    border-radius: 65px 0% 0% 65px;
    padding-left: 60px;
}

.timeline-style-3 .timeline>li>.timeline-badge,
.timeline-style-3 .timeline-sep-title {
    top: 50%;
    transform: translateY(-50%);
}

.timeline-style-3 .timeline>li>.timeline-panel:after {
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #ddd;
    width: 14px;
    margin: 0 auto;
}

.timeline-badge canvas {
    min-height: -webkit-fill-available;
}

/*--------------------------------------------------------------
12. Pricing Table
--------------------------------------------------------------*/
.pricing-table-wrapper {
    overflow: hidden;
    position: relative;
}

.pricing-table-info>* {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.pricing-inner-wrapper {
    padding: 35px 0;
}

.pricing-inner-wrapper>*:last-child {
    margin-bottom: 0;
}

.content-area .page .pricing-table-body ul {
    padding: 0;
}

ul.pricing-features-list>li {
    display: inline-block;
    border: medium none;
    background: unset;
    padding-left: 0;
    padding-right: 0;
}

li.list-group-item.feature-inactive {
    color: #5c5b5b;
    opacity: 0.3;
}

.pricing-icon>span {
    font-size: 60px;
}

.corner-ribbon {
    width: 180px;
    background: #e43;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 30px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.corner-ribbon.top-left {
    top: 25px;
    left: -50px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right {
    top: 17px;
    right: -55px;
    left: auto;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
}

.corner-ribbon.bottom-left {
    top: auto;
    bottom: 25px;
    left: -50px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right {
    top: auto;
    right: -50px;
    bottom: 25px;
    left: auto;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* price */
.pricing-table-wrapper .pricing-title {
    font-size: 23px;
    line-height: 1;
}

.price-after p {
    margin-bottom: 0;
}

/* price image */
.pricing-inner-wrapper>.pricing-image {
    padding: 0;
}

.pricing-table-wrapper .btn {
    color: #fff;
}

.pricing-table-wrapper .btn:hover {
    color: #fff;
}

/* pricing table layout one */
.pricing-style-default .pricing-table-info {
    background: #000;
    color: #fff;
}

.pricing-style-default .pricing-table-foot .btn {
    display: block;
}

/* pricing table layout two */
.pricing-table-wrapper.pricing-style-classic,
.pricing-style-classic .pricing-table-info p {
    background: #fff;
    color: #333;
}

.pricing-style-classic .pricing-title {
    font-size: 24px;
}

.pricing-style-classic .price-text p {
    font-size: 36px;
}

.pricing-style-classic .btn {
    display: block;
    padding: 15px 0;
}

.pricing-style-classic .btn:hover {
    color: #fff;
}

.pricing-style-classic.pricing-table-wrapper:hover ul li:before {
    color: inherit;
}

.pricing-style-classic.pricing-table-wrapper ul>li {
    padding: 4px 0;
    color: inherit;
}

.pricing-style-classic .price-after {
    font-weight: 400;
}

.pricing-style-classic .pricing-inner-wrapper>* {
    padding: 0;
}

.pricing-style-classic .pricing-inner-wrapper>.pricing-table-body {
    margin-bottom: 0;
}

.pricing-style-classic .pricing-inner-wrapper {
    padding-bottom: 0;
}

.pricing-table-wrapper.pricing-style-classic .pricing-inner-wrapper {
    border-bottom: 3px solid;
}

/* pricing table layout three */
.pricing-style-modern .pricing-inner-wrapper {
    border-radius: 10px;
}

.pricing-style-modern ul.pricing-features-list>li {
    box-shadow: 0px 6px 3px -7px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0px 6px 3px -7px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 6px 9px -7px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0px 6px 9px -7px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 6px 9px -7px rgba(0, 0, 0, 0.5);
}

.pricing-style-modern ul.pricing-features-list>li:last-child {
    box-shadow: none;
}

.pricing-style-modern .pricing-table-foot .btn {
    display: block;
    border-radius: 0;
}

figure.pricing-image,
figure.pricing-image>img {
    display: inline-block;
}

.pricing-table-wrapper ul>li {
    padding: 7px 0;
    margin: 0;
}

.pricing-table-wrapper ul {
    padding: 0;
    margin: 0;
}

.pricing-icon-wrap .pricing-icon {
    display: inline-block;
    text-align: center;
}

.cea-shape-circle .pricing-icon,
.cea-shape-square .pricing-icon {
    padding: 30px;
}

.pricing-icon i,
.pricing-icon svg {
    position: relative;
    transform: rotate(0deg);
    display: block;
}

.cea-shape-circle .pricing-icon {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.cea-view-framed .pricing-icon {
    color: #333;
    border: 3px solid #333;
    background-color: transparent;
}

/*Video modified*/
.pricing-video {
    width: 500px;
    margin: auto;
    height: 315px;
}

/*Icons modified*/
.pricing-icon svg {
    width: 25px;
}

/*--------------------------------------------------------------
13. Timeline Slide
--------------------------------------------------------------*/
ul.cd-timeline-navigation>li,
.events-content>ul>li {
    list-style: none;
}

.cd-horizontal-timeline {
    opacity: 0;
    margin: 2em auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.cd-horizontal-timeline .timeline:before {
    border: none;
}

.cd-horizontal-timeline .timeline {
    padding: 0;
}

.cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}

.cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
}

.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}

.cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #dfdfdf;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #7b9d6f;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    border-radius: 50%;
}

.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 12px;
    padding-bottom: 15px;
    color: #383838;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #999;
    border-color: #999;
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}

.cd-horizontal-timeline .events a.selected::after {
    background-color: #999;
    border-color: #999;
}

.cd-horizontal-timeline .events a.older-event::after {
    border-color: #999;
}

@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline {
        margin: 6em auto;
    }

    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}

.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    /* replace text with an icon */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.cd-timeline-navigation a.prev:after,
.cd-timeline-navigation a.next:after {
    content: "\e649";
    font-family: 'themify';
    color: inherit;
    position: absolute;
    left: 0px;
    top: 2px;
    font-size: 10px;
}

.cd-timeline-navigation a.prev:after {
    content: "\e64a";
}

.cd-timeline-navigation a.prev {
    left: 0;
}

.cd-timeline-navigation a.next {
    right: 0;
}

.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f;
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}

.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px;
}

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
    height: auto !important;
}

.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}

.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}

.cd-horizontal-timeline .events-content li>* {
    max-width: 800px;
    margin: 0 auto;
}

.cd-horizontal-timeline .events-content h2 {
    font-weight: bold;
    font-size: 26px;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    line-height: 1.2;
}

.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}

.cd-horizontal-timeline .events-content em::before {
    content: '- ';
}

.cd-horizontal-timeline .events-content p {
    font-size: 14px;
    color: #959595;
}

.cd-horizontal-timeline .events-content em,
.cd-horizontal-timeline .events-content p {
    line-height: 1.6;
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.events ul {
    padding-left: 0 !important;
    list-style: none !important;
}

/*--------------------------------------------------------------
14. Team
--------------------------------------------------------------*/
.team-title>*:last-child {
    margin-bottom: 0;
}

.team-title>* {
    margin-bottom: 14px;
}

.team-info>*:last-child {
    margin-bottom: 0;
}

.team-inner>.team-name h2,
.team-inner>.team-name h3,
.team-inner>.team-name h4,
.team-inner>.team-name h5,
.team-inner>.team-name h6 {
    margin-bottom: 5px;
}

.team-info>* {
    margin-bottom: 30px;
}

.team-info-inner>div>* {
    padding-left: 15px;
}

.team-wrapper.text-right .nav.social-icons {
    display: inline-flex;
    float: right;
}

.team-inner p {
    margin-bottom: 0;
}

.team-wrapper .team-inner {
    margin-bottom: 30px;
}

.team-isotope-model .team-inner {
    margin-bottom: 0;
}

.team-light .team-inner {
    background: #fff;
}

.team-inner>* {
    margin-bottom: 15px;
}

.team-image-wrap.alignleft {
    margin-right: 25px;
}

.team-excerpt {
    font-size: 12px;
}

.client-name {
    color: #333;
}

.team-wrapper.team-dark .team-inner {
    background: #111 none repeat scroll 0 0;
    color: #ffffff;
    border: none;
}

.team-wrapper.team-dark .team-inner {
    padding: 30px 30px !important;
    border-radius: 10px;
}

.team-inner>.team-social-wrap {
    display: inline-block;
}

.team-social-wrap ul.social-icons>li>a {
    width: 33px;
    height: 33px;
    line-height: 33px;
}

.team-dark .client-name,
.team-dark p {
    color: #fff;
}

/*team slider*/
.team-wrapper .owl-carousel div[class^="col-"] {
    padding: 0;
    width: auto;
    max-width: 100%;
}

.cea-content .team-excerpt p {
    font-size: 14px;
}

.team-name>* {
    line-height: 1;
    margin-bottom: 0;
}

.team-inner>*:last-child {
    margin-bottom: 0;
}

.team-wrapper .post-title {
    line-height: 1;
}

.team-inner>*.entry-title {
    margin-bottom: 0;
}

.team-inner .post-title-head {
    margin-bottom: 10px;
}

/* overlay */
.team-inner .post-overlay-items>* {
    width: 100%;
}

.team-inner .post-overlay-items>* ul.nav.social-icons {
    display: inline-block;
    margin: 0px 0px 0px -10px !important;
}

.team-inner .post-overlay-items {
    display: block;
    margin-left: 0px;
    margin-right: 0;
    background: rgba(0, 0, 0, 0.85);
    padding: 30px;
}

.team-wrapper .team-inner .post-overlay-items {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    align-content: center;
    display: grid;
}

.team-wrapper .team-inner:hover .post-overlay-items {
    opacity: 1;
    transform: scale(0);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.team-designation {
    margin-bottom: 15px;
}

/*team style-1 */
.team-wrapper.team-style-default .team-inner>.post-thumb {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
}

.team-wrapper.team-style-default .team-inner:hover>.post-thumb img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.team-wrapper.team-style-default .team-inner>.post-thumb img {
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;

}

.team-wrapper.team-style-default .team-inner>.post-thumb img.img-fluid.rounded-circle {
    box-shadow: 0px 14px 10px 0px rgb(0 0 0 / 6%) inset;
    padding: 30px;
    transition: all 0.6s;
}

.team-wrapper.team-style-default .team-inner:hover>.post-thumb img.img-fluid.rounded-circle {
    box-shadow: none;
}

ul.nav.bottom-meta-list {
    margin-bottom: 0;
}

.team-style-default .team-inner .post-overlay-items>.team-social-wrap {
    background: #fff;
    width: 40px;
    height: 40px;
    top: 15px;
    position: absolute;
    right: 15px;
    border-radius: 50%;
    cursor: pointer;
}

.team-style-default .team-inner .post-overlay-items>.team-social-wrap:before {
    content: "\e750";
    font-size: 13px;
    line-height: 40px;
    font-weight: 100;
    font-family: 'themify';
}

.team-style-default .team-inner .post-overlay-items>.team-social-wrap>ul {
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    background: #000;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 5px;
    border-radius: 40px 40px 40px 40px;
}

.team-style-default .team-inner .post-overlay-items>.team-social-wrap>ul li a {
    color: #fff;
    margin-right: 0;
    height: 25px;
    width: 25px;
    line-height: 25px;
}

.team-style-default .team-inner .post-overlay-items>.team-social-wrap>ul li a:hover {
    color: #fff;
}

.team-style-default .team-inner:hover .post-overlay-items>.team-social-wrap {
    background: #000;
}

.team-style-default .team-inner:hover .post-overlay-items>.team-social-wrap:before {
    color: #fff;
}

.team-style-default .team-inner:hover .post-overlay-items>.team-social-wrap>ul {
    opacity: 1;
}

.team-style-default .team-inner .post-overlay-items>.team-social-wrap>ul li {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

.team-style-default .team-inner:hover .post-overlay-items>.team-social-wrap>ul li {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.team-style-default .team-inner .post-overlay-items>.team-social-wrap>ul li:nth-child(1n) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.team-style-default .team-inner .post-overlay-items>.team-social-wrap>ul li:nth-child(2n) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.team-style-default .team-inner .post-overlay-items>.team-social-wrap>ul li:nth-child(3n) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.team-style-default .team-inner .post-overlay-items>.team-social-wrap>ul li:nth-child(4n) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.team-style-default .team-inner .post-overlay-items {
    opacity: 1;
    background: transparent;
    transform: scale(1);
}

/*team style-2 */
.team-style-classic .post-thumb img {
    -webkit-filter: grayscale(60%);
    filter: grayscale(60%);
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    -o-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
}

.team-style-classic .team-inner:hover .post-thumb img {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}

.team-style-classic .team-inner {
    box-shadow: 0px 12px 50px 6px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 12px 50px 6px rgba(0, 0, 0, 0.05);
    padding: 40px 30px;
    border-radius: 7px;
}

.team-style-classic .team-designation {
    border: 1px solid #eaeaea;
    display: inline-block;
    padding: 7px 10px;
    line-height: 1;
    margin: 10px 0 26px 0;
    font-weight: 600;
    font-size: 13px;
    border-radius: 9px;
}

.team-style-classic .owl-stage-outer .team-inner {
    margin: 15px 15px 60px 15px;
}

.team-style-classic .post-thumb:first-child {
    margin-top: -10px;
}

.team-style-classic .post-thumb {
    margin: 0 -10px;
}

.team-style-classic .post-thumb img {
    filter: grayscale(0);
}

.team-wrapper ul.nav.social-icons {
    display: inline-block;
    margin-bottom: 0;
}

body .row>* {
    padding-right: 15px;
    padding-left: 15px;
}


/*team style-3 */
.team-wrapper.team-style-modern .team-inner {
    box-shadow: 0 0 10px rgba(57, 59, 102, 0.07);
    -webkit-box-shadow: 0 0 10px rgba(57, 59, 102, 0.07);
    border: none;
    padding: 25px 25px;
}

.team-style-modern .team-name a {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 7px;
    display: block;
}

.team-style-modern .team-name a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 1px;
    background: #000;
}

.team-style-modern.text-left .team-name a::after {
    margin: 0;
}

.team-style-modern.text-right .team-name a::after {
    margin-right: 0;
    margin-left: auto;
}

.team-wrapper.team-style-modern .owl-item .team-inner {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.team-style-modern .team-social-wrap ul.social-icons>li>a {
    border: 1px solid #eaeaea;
    border-radius: 50%;
    font-size: 11px;
}

/* style classic pro */
.team-style-classic-pro .team-inner {
    padding: 10px;
}

.team-wrapper.team-style-classic-pro .team-inner .post-overlay-items {
    --rotateX: -20.2176deg;
    --rotateY: -5.4125deg;
    transform: rotateX(var(--rotateX))rotateY(var(--rotateY));
    border-radius: 6px;
}

.team-style-classic-pro .post-details-outer {
    box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 15%);
    padding: 20px 7% 20px 7%;
    margin: 0 35px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    background: #fff;
    display: inline-block;
    left: 0;
    right: 0;
    margin-bottom: 20px;
    transition: 0.5s;
}

.team-style-classic-pro .team-inner:hover .post-details-outer {
    margin-bottom: 30px;
    transition: 0.5s;
}

.team-wrapper.team-style-classic-pro [class*="col-"] {
    padding: 0 30px;
}

.team-wrapper.team-style-classic-pro .team-inner img {
    border-radius: 6px;
    --rotateX: -20.2176deg;
    --rotateY: -5.4125deg;
    transform: rotateX(var(--rotateX))rotateY(var(--rotateY));
}

.team-style-classic-pro .team-designation {
    color: #7B899A;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0;
}

.team-style-classic-pro .team-social-wrap ul.social-icons>li>a {
    color: #fff;
    width: 27px;
    height: 27px;
    line-height: 28px;
    margin-right: 10px;
    border-radius: 50%;
    font-size: 10px;
    background: #444;
}

/* Hover Zoom Team */
.team-image-extent,
.testimonial-image-extent,
.blog-image-extent {
    display: flex;
    gap: 2%;
}

/* Team List */
.team-wrapper.team-style-list .media .post-thumb {
    margin-right: 30px;
}

.team-wrapper.team-style-list .media {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.owl-stage-outer .media.team-style-list-item {
    margin: 15px 10px;
}

.media.team-style-list-item {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    box-shadow: 0 0px 24px -4px rgba(158, 152, 153, 0.15);
}

.owl-stage-outer .media.team-list-item .media-body {
    padding: 15px 15px 15px 0;
}

.team-wrapper.team-style-list .team-inner {
    border-radius: 8px;
    margin-bottom: 40px;
}

.team-wrapper.team-style-list .media .team-designation {
    text-decoration: underline;
    font-size: 17px;
    margin-bottom: 15px;
    font-weight: 600;
}

.team-wrapper.team-style-list .media .team-social-wrap ul.social-icons>li>a {
    background: #f7f7f7;
    border: 1px solid #f2f2f2;
}

.team-wrapper.team-style-list .media .post-thumb img {
    border-radius: 10px 0px 0px 10px;
}

.team-wrapper.team-style-list .media .post-thumb:after {
    content: "";
    position: absolute;
    left: auto;
    right: -50px;
    margin: 0 auto;
    top: -10px;
    width: 100px;
    height: 30px;
    background-image: linear-gradient(45deg, #fff0 25%, transparent 25%), linear-gradient(-45deg, transparent 25%, transparent 25%), linear-gradient(45deg, transparent 75%, transparent 75%), linear-gradient(-45deg, transparent 75%, #ffb9b9 75%);
    background-image: linear-gradient(45deg, #fff0 25%, transparent 25%), linear-gradient(-45deg, transparent 25%, transparent 25%), linear-gradient(45deg, transparent 75%, transparent 75%), linear-gradient(-45deg, transparent 75%, #ffb9b9 75%);
    background-image: linear-gradient(45deg, #fff0 25%, transparent 25%), linear-gradient(-45deg, transparent 25%, transparent 25%), linear-gradient(45deg, transparent 75%, transparent 75%), linear-gradient(-45deg, transparent 75%, #ffb9b9 75%);
    background-image: linear-gradient(45deg, #fff0 25%, transparent 25%), linear-gradient(-45deg, transparent 25%, transparent 25%), linear-gradient(45deg, transparent 75%, transparent 75%), linear-gradient(-45deg, transparent 75%, #ffb9b9 75%);
    -moz-background-size: 2px 2px;
    background-size: 53px 56px;
    -webkit-background-size: 13px 8.1px;
    background-position: 0 0, 1px 0, 1px -1px, 0px 41px;
}

.team-wrapper.team-style-list .media .post-thumb {
    position: relative;
}

/* Single */
.single-cea-team .team-social-wrap ul.social-icons>li>a {
    border-radius: 50px;
    box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 15%);
    margin-right: 10px;
    background: #fff;
}

.team-info>.custom-post-nav {
    margin: 0;
}

.team-image-wrap img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    height: 400px;
    width: 400px;
    object-fit: cover;
}

.team-info .team-title h2 {
    font-size: 30px;
    margin-bottom: 10px;
}

.single-cea-team span.team-designation {
    font-size: 20px;
    line-height: 32px;
}

.single-cea-team .team-content-wrap {
    color: #131e25;
}

.team-content-area .col-md-12 {
    padding: 0;
}

.single .row.team {
    -ms-flex-align: center !important;
    align-items: center !important;
    box-shadow: 0px 0px 50px 0px rgb(6 6 6 / 6%);
    border-radius: 10px;
    padding: 40px 30px 40px 30px;
    position: relative;
}

.single-cea-team .team-content-area>.row {
    margin: 0;
}

.team-wrapper ul.nav.social-icons {
    display: inline-block;
}

.team-inner>.team-social-wrap {
    display: inline-block;
    width: 100%;
}

.team-wrapper .team-inner>.post-thumb img {
    width: 100%;
}

.team-media.media .media-body span {
    display: block;
}

.team-media.media {
    display: flex !important;
    align-items: center !important;
}

.team-details-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-right: 15px;
    border: 1px solid #e8eefc;
    border-radius: 50%;
    background: #fff;
}

.team-info>* .col-md-6 {
    margin-bottom: 20px;
}

.team-media.media a {
    font-weight: bold;
}

.team-media.media .media-body span {
    display: block;
    line-height: 29px;
    font-size: 14px;
}

.team-media.media .media-body span.team-experience {
    font-weight: bold;
    color: #151515;
    font-size: 15px;
}

/*--------------------------------------------------------------
15. Recent/Popular Post
--------------------------------------------------------------*/
.cea-toggle-post-wrap .cea-popular_posts,
.cea-toggle-post-wrap .cea-recent_posts {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity ease 0.35s;
}

.blog-wrapper .cea-toggle-post-wrap .blog-inner {
    padding: 30px 30px 30px 30px;
    overflow: hidden;
}

.blog-wrapper .cea-toggle-post-wrap .blog-inner .post-thumb:first-child {
    margin-left: -30px;
    margin-top: -30px;
    margin-right: -30px;
}

.elementor-widget-container.blog-wrapper .cea-toggle-post-trigger {
    margin-bottom: 30px;
}

.elementor-widget-container.blog-wrapper .cea-toggle-post-trigger label.cea-switch {
    margin-bottom: 0;
}

.cea-toggle-post-wrap .cea-recent_posts {
    position: relative;
    opacity: 1;
    visibility: visible;
}

.cea-toggle-post-wrap.cea-active-post .cea-recent_posts {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.blog-wrapper.blog-style-classic-pro .cea-toggle-post-wrap .blog-inner {
    padding: 0;
}

.cea-toggle-post-wrap.cea-active-post .cea-popular_posts {
    position: relative;
    opacity: 1;
    visibility: visible;
}

.cea-toggle-post-trigger>ul.nav>li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    font-weight: 900;
}

.cea-toggle-post-trigger>ul.nav {
    display: inline-block;
}

/* Switch Button Styles */
.cea-toggle-post-wrap .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.cea-toggle-post-wrap .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.cea-toggle-post-wrap .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.cea-toggle-post-wrap .switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.cea-toggle-post-wrap .switch input:checked+.slider {
    background-color: #2196F3;
}

.cea-toggle-post-wrap .switch input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.cea-toggle-post-wrap .switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.cea-toggle-post-wrap .switch .slider.round {
    border-radius: 34px;
}

.cea-toggle-post-wrap .switch .slider.round:before {
    border-radius: 50%;
}

/*--------------------------------------------------------------
16. Testimonial
--------------------------------------------------------------*/
.testimonial-content-wrap {
    margin-bottom: 30px;
}

.single .testimonial-content-wrap .testimonial-content {
    margin-bottom: 23px;
    text-align: center;
    font-style: italic;
    font-family: initial;
    font-size: 23px;
    line-height: 34px;
}

.single .testimonial-content-wrap .testimonial-rating {
    text-align: center;
}

.testimonial-rating i {
    color: #ffc400;
}

/** Isotope-model */
.testimonial-wrapper.testimonial-isotope-model .testimonial-inner {
    padding: 25px;
    margin-bottom: 0px;
}

.testimonial-wrapper .testimonial-inner {
    padding: 25px;
    margin-bottom: 30px;
}

.testimonial-inner .post-thumb>a>img {
    display: inline-block;
    width: auto;
}

.testimonial-wrapper .owl-carousel div[class^="col-"] {
    padding: 0;
    width: auto;
    max-width: 100%;
}

.testimonial-wrapper a.read-more {
    padding: 6px 14px;
}

.entry-title.testimonial-name {
    line-height: 1;
    margin-bottom: 0;
}

.testimonial-wrapper.testimonial-dark .testimonial-inner {
    background: #333333 none repeat scroll 0 0;
    color: #ffffff;
}

.testimonial-wrapper.testimonial-dark a.client-name {
    color: #fff;
}

.testimonial-wrapper .testimonial-info p {
    margin-bottom: 0;
}

.testimonial-wrapper .testimonial-inner>* {
    margin-bottom: 14px;
    display: block;
    width: 100%;
}

.testimonial-wrapper .testimonial-inner>*:last-child {
    margin-bottom: 0;
}

.testimonial-info p>* {
    display: block;
    margin-bottom: 6px;
    width: 100%;
}

.testimonial-info p>*:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

.testimonial-3 .testimonial-info p>.client-designation {
    line-height: 1;
    font-size: 15px;
}

.testimonial-thumb img {
    max-width: 80px;
    margin: unset;
}

.text-right .testimonial-thumb img {
    margin-left: auto;
}

.text-center .testimonial-thumb img {
    margin: 0 auto;
}

.testimonial-inner p {
    margin-bottom: 0;
}

.testimonial-wrapper.testimonial-wrapper a.client-name {
    font-weight: bold;
}

.testimonial-wrapper.text-center .owl-dots {
    text-align: center;
}

.testimonial-rating {
    font-size: 12px;
    line-height: 1;
    text-align: center;
}

.testimonial-name h1,
.testimonial-name h2,
.testimonial-name h3,
.testimonial-name h4,
.testimonial-name h5,
.testimonial-name h6 {
    line-height: 1;
    margin-bottom: 0;
    display: inline-flex;
}

.owl-carousel .owl-stage-outer .testimonial-thumb img {
    width: auto;
}

.custom-testimonial .elementor-testimonial-content {
    position: relative;
}

.custom-testimonial .elementor-testimonial-content:before {
    content: url(assets/images/quote3.png);
    display: block;
    margin: auto 0 20px;
}

.elementor-widget.elementor-widget-star-rating:not(:last-child) {
    margin: 6px;
}

/*Testimonial Review Title */
.testimonial-inner .review-title {
    font-size: 35px;
    line-height: 45px;
    color: initial;
    font-weight: 700;
    margin-bottom: 15px;
}

/* testimonials company logo */
.testimonial-logo-image-wrap {
    max-width: 74px;
}

/*Testimonial Layout One */
.testimonial-wrapper.testimonial-style-default .testimonial-inner {
    background: #fff;
    padding: 35px 45px 35px 45px;
    margin-bottom: 50px;
    position: relative;
}

.testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner {
    margin: 15px 10px;
    background: #000;
}

.testimonial-wrapper.testimonial-style-default .testimonial-inner>* {
    position: relative;
}

.testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner>.testimonial-thumb:first-child {
    float: left;
    margin-right: 15px;
}

.testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner>*:not(.testimonial-info) {
    float: none;
    clear: both;
}

.testimonial-wrapper.testimonial-style-default .testimonial-inner>*.testimonial-info a.client-name {
    margin-bottom: 0;
}

.testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner>.testimonial-thumb {
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0px 14px rgba(0, 0, 0, 0.09);
}

.testimonial-wrapper.testimonial-style-default .testimonial-inner>.testimonial-info:nth-child(2) {
    padding-top: 20px;
}

.testimonial-wrapper.testimonial-style-default .testimonial-inner>*.testimonial-excerpt:before {
    content: "\f10d";
    position: absolute;
    font-family: fontAwesome;
    font-size: 41px;
    z-index: 0;
    color: #000;
    opacity: 0.1;
}

.testimonial-wrapper.testimonial-style-default .testimonial-inner>*.testimonial-excerpt>p {
    position: relative;
    z-index: 1;
}

.testimonial-style-default .testimonial-inner {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 7%;
    margin: auto;
}

.testimonial-style-default .testimonial-inner>* {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}

.testimonial-style-default .testimonial-info {
    position: relative;
}

.testimonial-style-default .testimonial-info .client-name {
    margin-bottom: 0;
}

.testimonial-style-default.testimonial-wrapper a.client-name {
    font-weight: 600;
    font-size: 20px;
}

.testimonial-style-default .testimonial-excerpt {
    font-size: 30px;
    line-height: 1.53;
    font-weight: 700;
    letter-spacing: normal;
}

.testimonial-style-default.testimonial-light .testimonial-excerpt {
    color: #000;
}

.testimonial-style-default .owl-prev,
.testimonial-style-default .owl-next {
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #eaeaea;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.testimonial-style-default .owl-prev:before,
.testimonial-style-default .owl-next:before {
    line-height: 50px !important;
    font-size: 25px !important;
}

.rtl .testimonial-style-default .owl-prev,
.testimonial-style-default .owl-prev {
    left: 30px;
    right: auto;
}

.rtl .testimonial-style-default .owl-next,
.testimonial-style-default .owl-next {
    right: 30px;
}

/*Testimonial Modern*/
.testimonial-wrapper.testimonial-style-modern .testimonial-inner>* {
    margin-bottom: 24px;
}

.testimonial-wrapper.testimonial-style-modern .testimonial-inner>.testimonial-thumb {
    display: inline-block;
    vertical-align: middle;
}

.testimonial-wrapper.testimonial-style-modern .testimonial-inner>.testimonial-info {
    margin-right: 0;
    display: inline-block;
    vertical-align: middle;
}

.testimonial-wrapper.testimonial-style-modern .testimonial-name {
    color: #000;
}

.testimonial-wrapper.testimonial-style-modern .testimonial-inner>*:last-child {
    margin-bottom: 0;
}

.testimonial-wrapper.testimonial-style-modern .testimonial-inner>.testimonial-excerpt:first-child {
    margin-bottom: 20px;
}

.testimonial-style-modern.testimonial-dark .testimonial-rating i {
    color: #fff;
}

.testimonial-wrapper.testimonial-style-modern .testimonial-inner {
    background: #fff;
    padding: 70px 45px 45px 45px;
    -webkit-box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 10%);
    -ms-box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    margin-top: 25px;
    position: relative;
    border-radius: 10px;
}

.testimonial-wrapper.testimonial-style-modern.testimonial-dark .testimonial-inner {
    background: unset;
    color: #dfdfdf;
}

.testimonial-wrapper.testimonial-style-modern .testimonial-inner .testimonial-designation>p {
    line-height: 1;
}

.testimonial-wrapper.testimonial-style-modern .testimonial-inner>* {
    position: relative;
}

.testimonial-wrapper.testimonial-style-modern .testimonial-inner:after {
    font-family: fontAwesome;
    position: absolute;
    font-size: 20px;
    line-height: 1;
    color: #eaeaea;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
}

.testimonial-wrapper.testimonial-style-modern .testimonial-inner:after {
    content: "\f10e";
    top: -25px;
    left: auto;
    right: 9%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background: #000;
    text-align: center;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.testimonial-style-modern .owl-dot span {
    background: #e2e0dd;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.testimonial-wrapper.testimonial-style-modern .testimonial-info .client-name {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}

.testimonial-style-modern .owl-stage-outer .owl-item .item {
    margin: 15px;
}

/* Testimonial classic */
.testimonial-wrapper.testimonial-style-classic .testimonial-inner {
    border-radius: 7px;
    border: 1px solid #eaeaea;
}

/* Testimonial classic pro */
.testimonial-wrapper.testimonial-style-classic-pro .testimonial-inner {
    border: 1px solid rgba(243, 243, 243, 0.3);
}

/* Testimonial List */
.media.testimonial-list-item .media-body {
    text-align: left;
    margin-left: 28px;
}

.testimonial-style-list .testimonial-inner {
    padding: 35px;
}

.testimonial-wrapper.testimonial-style-list .testimonial-inner>*.media {
    display: flex;
    width: auto;
}

.testimonial-wrapper.testimonial-style-list .post-thumb {
    width: 20%;
    margin-right: 25px;
}

.testimonial-wrapper.testimonial-style-list .post-thumb img {
    margin-left: 0;
    margin-right: 25px;
}

.testimonial-list .testimonial-list-item {
    padding: 25px 30px;
    -webkit-box-shadow: 0 0px 14px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0px 14px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0px 14px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.testimonial-style-list .owl-item .testimonial-style-list-item {
    margin: 10px 10px;
}

.testimonial-style-list .testimonial-style-list-item .testimonial-thumb {
    position: relative;
}

.testimonial-style-list .testimonial-style-list-item .testimonial-thumb:before,
.single-cea-testimonial .testimonial-info .testimonial-img:before {
    position: absolute;
    bottom: 0;
    content: "\f10e";
    font-family: fontAwesome;
    left: -54px;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background: #000;
    text-align: center;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    margin: 0 auto;
}

.testimonial-wrapper.testimonial-style-list .post-thumb {
    width: 40%;
    margin-right: 50px;
    position: relative;
    z-index: 1;
}

.testimonial-wrapper.testimonial-style-list .testimonial-inner>*.media {
    align-items: flex-end;
}

.testimonial-style-list .testimonial-inner:after {
    content: "\e67e";
    position: absolute;
    right: 10%;
    top: 70px;
    font-family: 'themify';
    font-size: 120px;
    line-height: 1;
}

.testimonial-style-list .testimonial-inner .media-body {
    padding-bottom: 40px;
}

.testimonial-style-list .testimonial-inner .post-thumb:after {
    content: "";
    background-image: linear-gradient(70deg, #fff0 25%, transparent 25%), linear-gradient(-43deg, transparent 26%, transparent 34%), linear-gradient(52deg, transparent 85%, transparent 91%), linear-gradient(-42deg, transparent 77%, #000 87%);
    width: 100px;
    height: 100px;
    background-position: 0 0, 1px 0, 1px 1px, 0px 36px;
    -moz-background-size: 2px 2px;
    background-size: 53px 56px;
    -webkit-background-size: 7px 1.1px;
    position: absolute;
    left: auto;
    right: -60px;
    margin: 0 auto;
    top: 50px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 1px solid #eaeaea2b;
    transform: rotate(40deg);
}

/* slider */
.testimonial-slide-model .testimonial-inner {
    margin: 7px 23px;
}

/* Testimonial Dark */
.testimonial-wrapper.testimonial-dark .testimonial-inner {
    background: #111 none repeat scroll 0 0;
    color: #ffffff;
    border: none;
}

/*Testimonial Single*/
.single .testimonial-info>.testimonial-img {
    margin-bottom: 30px;
}

.single .testimonial-info>.testimonial-designation-wrap {
    margin-bottom: 100px;
    text-align: center;
}

.single-cea-testimonial .testimonial-info img {
    border-radius: 50%;
}

.single-cea-testimonial .testimonial-title h2 {
    margin-bottom: 0;
    font-size: 23px;
    line-height: 30px;
}

.single-cea-testimonial .testimonial {
    color: #000;
}

.single .testimonial-info>*:last-child {
    margin-bottom: 0;
}

.single-cea-testimonial .testimonial-info .testimonial-img {
    position: relative;
}

.single .testimonial-info>*:last-child {
    margin: 0;
}

/* Pagination */
.custom-post-nav .prev-nav-link,
.custom-post-nav .next-nav-link {
    display: inline-flex;
}

.custom-post-nav .prev-nav-link>a,
.custom-post-nav .next-nav-link>a {
    line-height: 1;
    font-size: 10px;
    background: transparent;
    -webkit-box-shadow: 7px 5px 30px 0 rgb(72 73 121 / 15%);
    -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    -ms-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    box-shadow: 10px 6px 37px 0 rgb(72 73 121 / 15%);
    padding: 15px 25px;
    display: inline-block;
}

.custom-post-nav .prev-nav-link>a>i,
.custom-post-nav .next-nav-link>a>i {
    margin-bottom: 5px;
}

.rtl .custom-post-nav .prev-nav-link {
    float: left;
}

.custom-post-nav {
    margin-top: 100px;
    padding: 0 30px;
    display: inline-block;
    width: 100%;
    box-shadow: 0px 12px 10px rgb(238 239 240 / 25%);
    border: 1px solid #F2F5FA;
}

.custom-post-nav .next-nav-link {
    text-align: right;
    float: right;
}

.custom-post-nav .next-nav-link h4,
.custom-post-nav .prev-nav-link h4 {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 20px;
    padding: 0 10px;
    display: inline-block;
}

.custom-post-nav a.disabled {
    display: none;
}

/*--------------------------------------------------------------
17. Portfolio
--------------------------------------------------------------*/
.portfolio-inner .post-overlay-items {
    margin: 0 auto;
    left: 0px;
    top: initial;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    height: auto;
    top: initial;
    border-radius: 0;
    padding: 30px;
    word-break: break-word;
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    transition: all .5s;
    overflow: hidden;
    background: #f2ab37;
    opacity: 0;
}

.portfolio-inner .post-overlay-items .post-icons a {
    background: #000;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    margin: 0 3px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
}

.portfolio-inner .post-category a {
    background: transparent;
    color: inherit;
    padding: 0;
    font-size: inherit;
}

.portfolio-inner .post-overlay-items ul.nav {
    display: inline-block;
}

.portfolio-wrapper .post-category>span {
    display: none;
}

.portfolio-inner .post-thumb img {
    transition: all 0.9s linear;
}

.portfolio-inner .post-thumb:hover img {
    transition: all 0.9s linear;
    transform: scale(1.1);
}

.portfolio-inner .post-thumb {
    overflow: hidden;
}

/* Hover Zoom Portfolio */
.portfolio-image-extent {
    display: flex;
    gap: 2%;
}

article.image-extent-item {
    padding: 0;
    transition: width 0.6s ease-in-out;
    position: relative;
    z-index: 1;
}

article.image-extent-item>.post-thumb img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

article.image-extent-item:hover {
    width: 50%;
}

.isotope-filter {
    margin-bottom: 35px;
    margin-top: 25px;
}

.isotope-filter ul.nav.m-auto.d-block {
    text-align: center;
}

.isotope-filter ul.nav.m-auto.d-block li {
    margin: 0 10px;
}

.isotope-filter ul.nav.m-auto.d-block li a {
    padding: 0;
    color: #000;
    margin: 0 15px;
    margin-bottom: 20px;
    font-weight: bold;
}

.isotope-filter ul.nav.m-auto.d-block li.active a:hover {
    color: #fff;
}

.isotope-filter ul.nav li a {
    position: relative;
}

.isotope-filter ul.nav li.active a:after,
.isotope-filter ul.nav li a:after {
    content: "";
    position: absolute;
    bottom: -0.42em;
    left: 0;
    width: 0%;
    height: 3px;
    border-radius: 1.5px;
    background: #000;
    -webkit-transition: all 250ms ease-in-out 0s;
    -moz-transition: all 250ms ease-in-out 0s;
    -ms-transition: all 250ms ease-in-out 0s;
    -o-transition: all 250ms ease-in-out 0s;
    transition: all 250ms ease-in-out 0s;
}

.isotope-filter ul.nav li.active a:after,
.isotope-filter ul.nav li a:hover:after {
    width: 100%;
}

.portfolio-inner:hover .post-overlay-items,
.owl-item.active.center .portfolio-inner .post-overlay-items {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    opacity: 1;
}

.portfolio-inner .post-overlay-items a.post-title {
    text-transform: capitalize;
    color: #fff;
}

.portfolio-inner .post-overlay-items .post-more {
    position: absolute;
    right: 40px;
    border: 3px solid #000000;
    display: block;
    font-size: 26px;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition: transform 1s;
    border-radius: 50%;
}

.portfolio-inner .post-overlay-items .post-more:hover {
    transform: rotate(360deg);
}

.portfolio-inner {
    margin-bottom: 35px;
}

.portfolio-isotope-model .portfolio-inner {
    margin-bottom: 0;
}

/* POrtfolio default */
.portfolio-style-default .portfolio-inner .post-thumb {
    overflow: hidden;
}

.portfolio-style-default .post-overlay-items {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid #ffffff66;
}

/* Portfolio classic */
.portfolio-style-classic .post-thumb.post-overlay-active:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #000;
    position: absolute;
    top: 15px;
    right: 15px;
    border-radius: 50%;
    opacity: 0;
    z-index: 99;
}

.portfolio-style-classic .post-thumb.post-overlay-active {
    position: relative;
}

.portfolio-style-classic .portfolio-inner:hover .post-thumb.post-overlay-active:after {
    opacity: 1;
}

/* Portfolio classic pro */
.portfolio-style-classic-pro .post-details-outer {
    padding: 0 30px;
}

.portfolio-style-classic-pro .portfolio-inner .post-thumb {
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 50px;
}

/* Portfolio style modern */
.portfolio-style-modern .portfolio-inner .post-thumb {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.portfolio-style-modern .portfolio-inner .post-thumb:hover {
    -webkit-clip-path: inset(5px 10px);
    clip-path: inset(5px 10px);
}

/* Portfolio Dark */
.portfolio-wrapper.portfolio-dark .portfolio-inner {
    background: #111 none repeat scroll 0 0;
    color: #ffffff;
    border: none;
}

/* Portfolio single */
.single-cea-portfolio .portfolio-info .custom-post-nav a {
    background: #f7f7f7;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    margin-bottom: 20px;
    border-radius: 50%;
    border: 1px solid #eaeaea;
    outline: 0;
}

.single ul.portfolio-meta-list li {
    display: flex;
    align-items: center;
}

.portfolio-single .portfolio-format {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 60px;
    padding-bottom: 60px;
}

.portfolio-meta ul.nav.social-icons>li>a {
    background: #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 11px;
    margin-right: 5px;
}

.single-cea-portfolio .portfolio-image {
    box-shadow: rgb(17 17 26 / 5%) 0px 4px 16px, rgb(17 17 26 / 5%) 0px 8px 32px;
    border-radius: 18px;
    overflow: hidden;
}

.row.portfolio-details .col-sm-4>.portfolio-meta ul.portfolio-meta-list>li h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 800;
}

.row.portfolio-details .col-sm-4>.portfolio-meta ul.portfolio-meta-list>li>ul>li {
    font-size: 14px;
}

.row.portfolio-details .col-sm-4>.portfolio-meta span.portfolio-meta-icon {
    margin-right: 10px;
}

.row.portfolio-details .col-sm-4>.portfolio-meta ul.portfolio-meta-list>li {
    border-bottom: 1px solid #f3f3f3;
    padding: 13px 0;
    display: flex;
}

.row.portfolio-details .col-sm-4>.portfolio-meta ul.portfolio-meta-list>li>.portfolio-meta-title-wrap {
    width: 33%;
}

.row.portfolio-details .col-sm-4>.portfolio-meta ul.portfolio-meta-list>li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.row.portfolio-details .col-sm-4>.portfolio-meta ul.portfolio-meta-list>li h6 {
    margin-bottom: 0;
}

.portfolio-inner .post-title-head {
    margin-bottom: 0;
    line-height: 1;
}

.portfolio-single .custom-post-nav {
    margin: 50px 0 0 0;
}

.portfolio-content-wrap .portfolio-title {
    padding: 0 15px;
}

.custom-post-nav a {
    display: inline-block;
    background: #000;
    text-align: center;
    line-height: 50px;
    margin-bottom: 30px;
    margin-top: 30px;
    color: #fff;
    border-radius: 5px;
    padding: 0 20px;
}

.custom-post-nav a>* {
    padding: 0 5px;
    color: #fff;
    display: inline;
    vertical-align: middle;
    line-height: 1;
    font-weight: 500;
}

.custom-post-nav a:focus {
    color: #fff;
}

.custom-post-nav a:hover {
    color: #fff;
}

.custom-post-nav a:last-child {
    float: right;
}

/* Portfolio List */
.portfolio-inner .media .post-thumb {
    max-width: 40%;
    margin-right: 25px;
}

.portfolio-style-list .portfolio-inner .media {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.portfolio-wrapper .post-pagination-wrap {
    margin-top: 30px;
}

.portfolio-wrapper .post-pagination-wrap li>* {
    height: 50px;
    line-height: 50px;
    width: 50px;
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0 7px;
}

.elementor-element .elementor-widget-container.portfolio-wrapper .portfolio-inner {
    margin-bottom: 0;
}

.isotope-filter ul.nav.m-auto.d-block li.active a:hover,
.isotope-filter ul.nav.m-auto.d-block li.active a:focus,
.isotope-filter ul.nav.m-auto.d-block li.active a:active {
    color: #000;
}

.portfolio-inner .post-title-head {
    margin-top: 20px;
}

/* Owl Styles */
.owl-carousel,
.owl-carousel .owl-item {
    position: relative;
}

/*owl navigation*/
.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 25px;
}

.owl-carousel .owl-dot {
    display: inline-block;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background-size: auto;
}

/*owl Navigation*/
.owl-carousel .owl-nav {
    text-align: center;
    text-align: -webkit-center;
    font-size: 0px;
    right: 0;
}

.owl-carousel .owl-nav button {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.owl-prev,
.owl-next {
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    position: absolute;
    top: -70px;
    right: 0;
}

.owl-prev {
    margin-right: 50px;
}

.owl-carousel .owl-nav .owl-prev:before,
.owl-carousel .owl-nav .owl-next:before {
    font: normal normal normal 14px/1 FontAwesome;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}

.owl-carousel .owl-nav .owl-prev:before {
    content: "\f104";
}

.owl-carousel .owl-nav .owl-next:before {
    content: "\f105";
}

.owl-dots {
    margin: 15px 0 0 0;
}

.owl-dots button.owl-dot.active {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transition: all 250ms ease-in-out 0s;
    -moz-transition: all 250ms ease-in-out 0s;
    -ms-transition: all 250ms ease-in-out 0s;
    -o-transition: all 250ms ease-in-out 0s;
    transition: all 250ms ease-in-out 0s;
}

button.owl-dot:focus {
    outline: 0;
}

.owl-dots button.owl-dot {
    width: 7px;
    height: 7px;
    margin: 0 7px;
    border-radius: 50%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 250ms ease-in-out 0s;
    -moz-transition: all 250ms ease-in-out 0s;
    -ms-transition: all 250ms ease-in-out 0s;
    -o-transition: all 250ms ease-in-out 0s;
    transition: all 250ms ease-in-out 0s;
}

/* Portfolio Single */
.single ul.portfolio-meta-list {
    border: 1px solid #F2F5FA;
    padding: 30px;
    box-shadow: 0px 12px 10px rgb(238 239 240 / 25%);
    background: #f7f8fa;
}

.portfolio-content-area .container {
    padding: 0;
}

.portfolio-content-area .container .row {
    margin: 0 -15px;
}

.single ul.portfolio-meta-list span.portfolio-meta-icon {
    margin-right: 10px;
}

.single ul.portfolio-meta-list>li {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
}

.portfolio-content-wrap .portfolio-title h3 {
    border-radius: 4px;
    font-size: 30px;
    font-weight: 600;
    padding: 15px 25px;
    color: #fff;
}

.cea-related-slider.owl-carousel.owl-loaded.owl-drag {
    margin-top: 30px;
}

.portfolio-related-slider figure img {
    border-radius: 5px;
    margin-bottom: 24px;
}

.portfolio-related-slider h6.related-title a {
    color: #000;
    font-size: 20px;
}

/* Related */
.portfolio-related-slider {
    margin-top: 40px;
}

/*--------------------------------------------------------------
18. Contact Form
--------------------------------------------------------------*/
.contact-form-wrapper .wpcf7-form label {
    width: 100%;
    display: block;
}

.contact-form-wrapper span.wpcf7-form-control-wrap input::placeholder,
.contact-form-wrapper span.wpcf7-form-control-wrap select::placeholder,
.contact-form-wrapper span.wpcf7-form-control-wrap textarea::placeholder {
    color: inherit;
}

.contact-form-wrapper span.wpcf7-form-control-wrap input,
.contact-form-wrapper span.wpcf7-form-control-wrap select,
.contact-form-wrapper span.wpcf7-form-control-wrap textarea {
    width: 100%;
    display: block;
    border-color: #eaeaea;
    margin-bottom: 25px;
    padding: 0 15px 0 15px !important;
}

.contact-form-wrapper span.wpcf7-form-control-wrap input,
.contact-form-wrapper span.wpcf7-form-control-wrap select {
    height: 52px;
    line-height: 52px;
}

.contact-form-wrapper span.wpcf7-form-control-wrap textarea {
    height: 130px;
}

.contact-form-wrapper span.wpcf7-form-control-wrap textarea:focus {
    box-shadow: none;
    outline: 0;
}

.contact-form-wrapper input.wpcf7-form-control.wpcf7-submit {
    border-radius: 5px;
    margin-top: 8px;
    padding: 0px 30px;
}

.contact-form-wrapper input.wpcf7-form-control.wpcf7-submit:hover {
    background: #000;
    color: #fff;
}

.contact-form-wrapper .col-md-12 {
    padding: 0 15px;
}

span.wpcf7-form-control.wpcf7-radio input[type="radio"] {
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-bottom: 0 !important;
    margin-right: 15px;
    min-height: auto;
    vertical-align: middle;
    line-height: 15px;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 2em;
}

span.wpcf7-list-item.first {
    margin: 0;
}

span.wpcf7-form-control.wpcf7-radio {
    margin-top: 15px !important;
    display: block;
}

.contact-form-wrapper span.wpcf7-form-control-wrap input,
.contact-form-wrapper span.wpcf7-form-control-wrap select,
.contact-form-wrapper span.wpcf7-form-control-wrap textarea {
    padding-left: 0;
}

input.wpcf7-form-control,
textarea.wpcf7-form-control {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 0;
    border-radius: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}


/* Style Classic */
.cf-style-classic span.wpcf7-form-control-wrap input,
.cf-style-classic span.wpcf7-form-control-wrap select,
.cf-style-classic span.wpcf7-form-control-wrap textarea {
    background: #f7f7f7;
    border-color: #f2f2f2;
}

.contact-form-wrapper.cf-style-classic input.wpcf7-form-control.wpcf7-submit {
    margin-bottom: 0;
}

/* Style Modern */
.cf-style-modern span.wpcf7-form-control-wrap input,
.cf-style-modern span.wpcf7-form-control-wrap select,
.cf-style-modern span.wpcf7-form-control-wrap textarea {
    background: transparent;
    border: 0;
    border: 1px solid #E8EAF0;
    border-radius: 15px;
}

.contact-form-wrapper.cf-style-modern .wpcf7-form label span.wpcf7-form-control-wrap {
    margin-top: 10px;
    display: block;
}

.contact-form-wrapper.cf-style-modern br {
    display: none;
}

.contact-form-wrapper.cf-style-modern .wpcf7-form label {
    font-weight: 600;
}

.cf-style-modern span.wpcf7-form-control-wrap input::placeholder,
.cf-style-modern span.wpcf7-form-control-wrap textarea::placeholder {
    color: #888;
}

.contact-form-wrapper.cf-style-modern input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
}

.contact-form-wrapper.cf-style-modern p {
    margin-bottom: 0;
}

/* Style Classic pro */
.cf-style-classic-pro span.wpcf7-form-control-wrap input,
.cf-style-classic-pro span.wpcf7-form-control-wrap select,
.cf-style-classic-pro span.wpcf7-form-control-wrap textarea {
    box-shadow: 0 0 1.25rem rgb(30 34 40 / 4%);
    border: 0;
    background: #fefefe;
    border-radius: 0.4rem;
}

.contact-form-wrapper.cf-style-classic-pro span.wpcf7-form-control-wrap input,
.contact-form-wrapper.cf-style-classic-pro span.wpcf7-form-control-wrap textarea {
    padding: 0 15px;
}


/*--------------------------------------------------------------
19. Tab
--------------------------------------------------------------*/
.cea-tab-content .cea-tab-pane {
    display: none;
}

.cea-tab-content .cea-tab-pane.active {
    display: block;
}

.cea-vertical-tab .cea-tabs>a.nav-item {
    width: 100%;
}

.nav.nav-tabs.cea-tabs .nav-link {
    border: 0;
}

.cea-tab-elementor-widget.cea-vertical-tab a.nav-item.nav-link {
    margin-bottom: 5px;
}

.cea-tab-elementor-widget.cea-vertical-tab .nav-tabs .nav-link {
    border-radius: 0;
}

.cea-vertical-tab>* {
    display: inline-block;
}

.cea-vertical-tab .cea-tabs {
    width: 25%;
    vertical-align: top;
    float: left;
}

.cea-vertical-tab .cea-tab-content {
    width: 75%;
    padding-left: 40px;
}

.cea-tabs>a .cea-tab-title {
    margin-bottom: 0;
}

.nav.nav-tabs.cea-tabs {
    border: 0;
    /* Modified */
    display: flex;
}

.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
    background: #f2ab37;
    color: #000;
    border: 0;
}

body .elementor-widget-tabs .elementor-tab-desktop-title,
body .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-content {
    border: solid rgba(242, 171, 55, 0.2);
}

.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active:after,
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active:before {
    display: none !important;
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {
    border-bottom: 0;
    color: #000;
    display: inline-block !important;
}

/*Icons Modify*/
.cea-tab-icon svg {
    width: 21px;
}

/*--------------------------------------------------------------
20. Popover
--------------------------------------------------------------*/
.popover-wrapper {
    position: relative;
    display: inline-block;
}

a.popover-trigger,
a.cea-popover-trigger>* {
    display: inline-block;
    vertical-align: middle;
}

.popover-content {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    border: 1px solid #eaeaea;
    border-radius: .3rem;
    word-wrap: break-word;
    z-index: 1060;
    padding: .5rem .75rem;
    color: #212529;
    width: 180px;
    z-index: 99999;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover-wrapper.popover-active .popover-content {
    opacity: 1;
    visibility: visible;
    font-weight: 600;
}

.popover-wrapper .popover-content p {
    margin: 0;
}

.popover-content .arrow {
    width: .5rem;
    height: 1rem;
    position: absolute;
    display: block;
}

.popover-left .popover-content .arrow {
    left: calc((.5rem + 1px) * -1);
    right: auto;
}

.popover-right .popover-content .arrow {
    right: calc((.5rem + 1px) * -1);
    left: auto;
}

.popover-top .popover-content .arrow,
.popover-right .popover-content .arrow {
    top: 100%;
    transform: translateY(-50%) rotate(90deg);
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 5px;
}

.popover-bottom .popover-content .arrow {
    bottom: 100%;
    transform: translateY(-50%) rotate(270deg);
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-bottom: -11px;
}

.popover-left .popover-content .arrow,
.popover-right .popover-content .arrow {
    top: 50%;
    transform: translateY(-50%);
}

.popover-right .popover-content .arrow {
    transform: translateY(-50%) rotate(180deg);
    right: 100%;
    margin: 0;
    left: auto;
}

.popover-left .popover-content .arrow {
    transform: translateY(-50%);
    right: auto;
    left: 100%;
    margin: 0;
}

.popover-content .arrow::after,
.popover-content .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: .5rem 0 .5rem .5rem;
}

.popover-content .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, .25);
}

.popover-content .arrow::after {
    right: 1px;
    border-left-color: #fff;
}

.popover-wrapper.popover-top .popover-content {
    top: auto;
    bottom: 100%;
    margin: 0 auto;
    transform: translateX(-50%) translateY(-15px);
    left: 50%;
    padding: 20px;
    font-weight: 600;
}

.popover-wrapper.popover-top.popover-active .popover-content {
    transform: translateX(-50%) translateY(-20px);
}

.popover-wrapper.popover-bottom .popover-content {
    top: 100%;
    bottom: auto;
    margin: 0 auto;
    transform: translateX(-50%) translateY(10px);
    left: 50%;
}

.popover-wrapper.popover-bottom.popover-active .popover-content {
    transform: translateX(-50%) translateY(15px);
}

.popover-wrapper.popover-left .popover-content {
    top: 50%;
    transform: translateY(-50%) translateX(5px);
    left: auto;
    right: 100%;
    margin-right: 20px;
}

.popover-wrapper.popover-left.popover-active .popover-content {
    transform: translateY(-50%) translateX(0);
}

.popover-wrapper.popover-right .popover-content {
    top: 50%;
    transform: translateY(-50%) translateX(-5px);
    left: 100%;
    right: auto;
    margin-left: 20px;
}

.popover-wrapper.popover-right.popover-active .popover-content {
    transform: translateY(-50%) translateX(0);
}

/*Icons modified*/
.cea-popover-trigger.popover-trigger-icon svg {
    width: 25px;
}

/*--------------------------------------------------------------
21. Modal Popup
--------------------------------------------------------------*/
.modal-popup-wrapper .modal-title {
    text-align: center;
    width: 100%;
}

.white-popup-block {
    padding: 20px;
    margin: 40px auto;
    position: relative;
    color: #000;
    border-radius: 10px;
}

span.cea-popup-modal-dismiss.ti-close {
    position: absolute;
    right: -15px;
    top: -15px;
    background: #000;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    z-index: 1;
    border-radius: 50%;
}

.cea-popup-content form.wpcf7-form>p {
    margin-bottom: 0;
}

.cea-popup-content span.wpcf7-form-control-wrap {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.white-popup-block.cea-popup-content h4 {
    margin-bottom: 25px;
}

.white-popup-block>*.modal-popup-size {
    background: #FFF;
    margin: auto;
    position: relative;
}

span.cea-popup-modal-dismiss.ti-close {
    cursor: pointer;
}

a.modal-box-trigger.modal-trigger-icon {
    font-size: 40px;
    line-height: 40px;
}

.mfp-hide {
    display: none !important;
}

span.cea-popup-modal-dismiss.ti-close {
    position: absolute;
    right: -15px;
    top: -15px;
    ;
    line-height: 32px;
    text-align: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #000000;
    color: #fff;
    cursor: pointer;
}

body .mfp-iframe-holder .mfp-close {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0;
    opacity: 1;
}

.modal-popup-size.modal-lg {
    max-width: 800px;
    padding: 40px;
}

.modal-popup-size.modal-md {
    max-width: 600px;
    padding: 30px;
}

.modal-popup-size.modal-sm {
    max-width: 475px;
    padding: 20px;
}

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.modal-popup-body input.wpcf7-form-control,
.modal-popup-body textarea.wpcf7-form-control {
    border: 2px solid #eaeaea;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
    padding: 0;
    height: 40px;
    line-height: 30px;
    border: 0;
}

.modal-popup-body form.wpcf7-form {
    margin: 0 auto;
    max-width: 80%;
}

a.cea-modal-box-trigger.popup-trigger-txt,
a.cea-modal-box-trigger.popup-trigger-icon {
    display: inline-block;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.9;
}

.modal-popup-body input.wpcf7-form-control.wpcf7-submit {
    border: 0px;
}

a.btn.btn-default.cea-modal-box-trigger {
    box-shadow: none;
    color: #fff;
}

/*Icons modified*/
.cea-modal-box-trigger.popup-trigger-icon svg {
    width: 25px;
}

/*--------------------------------------------------------------
23. Rain Drops Styles
--------------------------------------------------------------*/
.cea-rain-drops {
    position: absolute !important;
    left: 0;
    right: 0;
}

.cea-rain-drops>canvas,
.cea-raindrops-wrap>canvas {
    width: 120%;
}

.section-raindrops-actived .cea-raindrops-wrap {
    overflow: hidden;
    position: absolute !important;
    left: 0;
    right: 0;
    width: 100%;
}

/*--------------------------------------------------------------
22. Animated Text
--------------------------------------------------------------*/
/*--------------------------------------------------------------
23. Button
--------------------------------------------------------------*/
.cea-btn-align-right .cea-button-wrapper {
    text-align: right;
}

.cea-btn-align-left .cea-button-wrapper {
    text-align: left;
}

.cea-btn-align-center .cea-button-wrapper {
    text-align: center;
}

.cea-btn-align-justify .cea-button-wrapper>a {
    width: 100%;
}

.cea-align-icon-right {
    float: right;
}

.cea-button-icon svg {
    width: 1rem;
    height: 1rem;
}

/* Button types */
.cea-button.cea-button-info {
    background-color: #17a2b8;
}

.cea-button.cea-button-success {
    background-color: #28a745;
}

.cea-button.cea-button-warning {
    background-color: #ffc107;
}

.cea-button.cea-button-danger {
    background-color: #dc3545;
}

/*--------------------------------------------------------------
24. Contact Info
--------------------------------------------------------------*/
.contact-info-wrapper>* {
    margin-bottom: 15px;
}

.contact-info-wrapper>*:last-child {
    margin-bottom: 0;
}

.contact-info-wrapper .social-icons>ul {
    padding-left: 0;
}

.contact-info-wrapper .social-icons li>a {
    border: 1px solid !important;
    height: 35px;
    width: 35px;
    line-height: 35px;
}

.contact-info-wrapper .social-icons li>a:hover {
    border: 1px solid;
    height: 35px;
    width: 35px;
    line-height: 35px;
}

.contact-info-wrapper span.fa {
    float: left;
    margin-right: 15px;
}

.contact-info-wrapper form.wpcf7-form.init>p {
    margin-bottom: 0;
}

.contact-info-wrapper .wpcf7 input.wpcf7-form-control.wpcf7-submit {
    height: 40px;
    line-height: 40px;
    padding: 0 22px;
}

.contact-info-style-modern span.wpcf7-form-control-wrap input,
.contact-info-style-modern span.wpcf7-form-control-wrap select {
    box-shadow: 0px 0 15px rgb(0 0 0 / 5%);
    border-color: #f5f5f5;
    height: 40px;
    line-height: 40px;
    margin-bottom: 23px;
    padding: 0 16px;
    font-weight: 500;
    width: -webkit-fill-available;
}

.contact-info-style-modern .contact-mail:before {
    content: "\e75a";
    font-family: "themify";
    color: inherit;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    margin-right: 7px;
}

.contact-info-style-modern .contact-phone:before {
    content: "\e719";
    font-family: "themify";
    color: inherit;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    margin-right: 7px;
}

/* Contact Info Style Classic */
.contact-info-wrapper.contact-info-style-classic {
    border: 1px solid #eaeaea;
    padding: 30px;
    border-radius: 5px;
}

.contact-info-wrapper.contact-info-style-classic:before {
    content: "\e645";
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #000;
    font-size: 21px;
    left: -30px;
    top: -30px;
    font-family: "themify";
    color: #fff;
    border-radius: 50%;
    -webkit-animation: pulse2 1s linear infinite;
    -moz-animation: pulse2 1s linear infinite;
    -ms-animation: pulse2 1s linear infinite;
    animation: pulse2 1s linear infinite;
}

@keyframes pulse2 {
    0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse2 {
    0% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -moz-transform: scale(.8);
        transform: scale(.8);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes pulse2 {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes pulse2 {
    0% {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -ms-transform: scale(.8);
        transform: scale(.8);
    }

    100% {
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.contact-info-wrapper .contact-info-inner {
    line-height: 1;
}

/* Contact Info Style Modern */
.contact-info-wrapper.contact-info-style-modern {
    padding: 30px;
    box-shadow: 0px 0 15px rgba(0, 0, 0, 0.05);
}

/* Contact Info Style Classic Pro */
.contact-info-wrapper.contact-info-style-classic-pro {
    border: 1px dashed #eaeaea;
    padding: 30px;
}

.contact-info-style-classic-pro .contact-info-title {
    background: #f7f7f7;
    padding: 5px 20px;
    border-radius: 8px;
}

.contact-info-style-classic-pro .contact-info-title {
    color: #fff;
}

.contact-info-style-classic-pro .contact-timing {
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
25. Content Carousel
--------------------------------------------------------------*/
/*--------------------------------------------------------------
26. Counter
--------------------------------------------------------------*/
.counter-wrapper>*:last-child {
    margin-bottom: 0;
}

.counter-wrapper>* {
    margin-bottom: 15px;
}

.counter-title .counter-title-head {
    margin-bottom: 0;
}

.counter-icon i,
.counter-icon svg {
    position: relative;
    transform: rotate(0deg);
    display: block;
}

.cea-shape-circle .counter-icon,
.cea-shape-square .counter-icon {
    padding: 30px;
}

.counter-icon {
    display: inline-block;
    text-align: center;
}

.cea-shape-circle .counter-icon {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.cea-view-framed .counter-icon {
    color: #333;
    border: 3px solid #333;
    background-color: transparent;
}

figure.counter-image>img {
    display: inline-block;
}

/* counter  style classic */
.counter-value h3 {
    margin-bottom: 0;
}

.cea-counter-wrapper.cea-counter-style-classic {
    border: 1px solid rgba(234, 234, 234, 0.1);
    padding: 30px;
}

/* counter  style Modern */
.cea-counter-wrapper.cea-counter-style-modern {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    padding: 30px;
}

.counter-style-modern .counter-value span.counter-up {
    font-size: 40px;
    line-height: 1;
    font-weight: 800;
}

.cea-counter-style-classic span.counter-up {
    text-decoration: underline;
    text-decoration-thickness: from-font;
}

/*Icons modified*/
.counter-icon svg {
    width: 25px;
}

/*--------------------------------------------------------------
27. Google Map
--------------------------------------------------------------*/
/*--------------------------------------------------------------
28. Image Grid
--------------------------------------------------------------*/
.image-grid-inner img {
    margin: 0 auto;
}

.image-grid-wrapper>.row:last-child {
    margin-bottom: 0;
}

.image-grid-wrapper>.row {
    margin-bottom: 30px;
}

.image-grid-wrapper .owl-carousel div[class^="col-"] {
    padding: 0;
    width: auto;
    max-width: 100%;
}

.image-grid-3 .image-grid-inner {
    padding: 25px;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
}

.image-grid-wrapper.image-grid-3 .owl-carousel .owl-stage-outer {
    padding-top: 13px;
}

.image-grid-3 .image-grid-inner:hover {
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.image-grid-3 .image-grid-inner:hover img {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    opacity: 1;
}

.image-grid-3 .image-grid-inner img {
    transform: scale(0.8);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    opacity: 0.65;
}

.image-grid-wrapper.image-grid-2 .image-grid-inner {
    overflow: hidden;
    margin-bottom: 30px;
}

.image-grid-wrapper.image-grid-2 .cea-carousel .image-grid-inner {
    margin-bottom: 0;
}

.image-grid-wrapper.image-grid-2.custom .image-grid-inner {
    overflow: hidden;
    border: 1px solid #fbfbfb;
    padding: 25px;
}

.image-grid-wrapper .owl-carousel .owl-item img {
    width: auto;
}

/*slider*/
.image-grid-wrapper.image-grid-2 .image-grid-inner:hover img {
    -webkit-filter: grayscale(0%);
    filter: gray;
    opacity: 1;
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-animation: clientSlider 550ms forwards;
    -moz-animation: clientSlider 550ms forwards;
    -ms-animation: clientSlider 550ms forwards;
    -o-animation: clientSlider 550ms forwards;
    animation: clientSlider 550ms forwards;
}

.image-grid-wrapper.image-grid-2 .image-grid-inner img {
    filter: gray;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.image-grid-wrapper .owl-carousel .owl-item .image-grid-inner img {
    width: auto;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
}

@-webkit-keyframes clientSlider {
    49% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes clientSlider {
    49% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-ms-keyframes clientSlider {
    49% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-o-keyframes clientSlider {
    49% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes clientSlider {
    49% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

.image-grid-2 .image-grid-inner:after {
    display: none;
}

/*--------------------------------------------------------------
29. Chart
--------------------------------------------------------------*/
/*--------------------------------------------------------------
30. Popup Anything
--------------------------------------------------------------*/
.popup-trigger-img,
.popup-trigger-img>img {
    display: inline-block;
}

.popup-anything-wrapper .popup-trigger-icon {
    display: inline-block;
    text-align: center;
}

.cea-shape-circle .popup-trigger-icon,
.cea-shape-square .popup-trigger-icon {
    padding: 30px;
}

.popup-trigger-icon i,
.popup-trigger-icon svg {
    position: relative;
    transform: rotate(0deg);
    display: block;
}

.cea-shape-circle .popup-trigger-icon {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.cea-view-framed .popup-trigger-icon {
    color: #333;
    border: 3px solid #333;
    background-color: transparent;
}

.cea-view-framed .cea-popup-anything.popup-trigger-icon {
    position: relative;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    background-color: #222;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
}

.cea-view-framed .cea-popup-anything.popup-trigger-icon:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100%;
    background-color: #111;
    z-index: -1;
    opacity: 0.6;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    right: 0px;
    transform: translateX(-50%) translateY(-50%);
}

.cea-view-framed .cea-popup-anything.popup-trigger-icon:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100%;
    background-color: #000;
    z-index: -1;
    animation: video-toggle-animate 1.9s linear 0s infinite;
    left: 50%;
    margin: 0 auto;
    top: 50%;
    right: 0px;
    transform: translateX(-50%) translateY(-50%);
}

@keyframes video-toggle-animate {
    0% {
        width: 70px;
        height: 70px;
        opacity: 0.8;
    }

    100% {
        width: 150px;
        height: 150px;
        opacity: 0;
    }
}

/* light */
.cea-view-framed .cea-popup-anything.popup-trigger-icon:after,
.anim.light .cea-popup-anything.popup-trigger-icon:before,
.anim.light .cea-popup-anything.popup-trigger-icon {
    background: #fff;
}

.cea-view-framed .cea-popup-anything.popup-trigger-icon:before {
    background: rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(234, 234, 234, 0.6);
}

/*--------------------------------------------------------------
31. Accordion
--------------------------------------------------------------*/
.cea-accordion .cea-accordion-content.active {
    display: block;
}

.cea-accordion .cea-accordion-content {
    display: none;
}

span.elementor-tab-icon {
    display: inline;
    float: left;
}

span.elementor-tab-icon.elementor-tab-icon-top {
    display: block;
    float: none;
}

span.elementor-tab-icon.elementor-tab-icon-right {
    float: right;
}

span.elementor-tab-icon.elementor-tab-icon-bottom {
    float: right;
    width: 100%;
}

span.elementor-tab-icon span.cea-tab-icon {
    padding: 5px;
}

.cea-tab-elementor-widget .cea-tabs>a .cea-tab-title {
    display: initial;
}

.cea-accordions .card-header {
    border-bottom: 0;
}

.cea-tab-elementor-widget.cea-vertical-tab {
    position: relative;
}

.cea-tab-icon>svg {
    fill: currentColor;
}

.cea-accordion-header a .elementor-accordion-icon .cea-accordion-icon-opened,
.cea-accordion-header a.active .elementor-accordion-icon .cea-accordion-icon-closed {
    display: none;
}

.cea-accordion-header a.active .elementor-accordion-icon .cea-accordion-icon-opened {
    display: inherit;
}

.elementor-accordion-icon-right {
    float: right;
    text-align: right;
}

.card-header.cea-accordion-header {
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
}

.card-header.cea-accordion-header>a {
    padding: 10px;
}

.card.cea-accordion {
    background: transparent;
    border: none;
}

#search-container {
    margin-bottom: 15px;
}

#search-container input {
    width: 100%;
    padding: 10px;
    border: 1px solid #0000001A;
    border-radius: 4px;
    box-sizing: border-box;
}

/*--------------------------------------------------------------
32. Offcanvas
--------------------------------------------------------------*/
body {
    transition: all ease 0.35s;
}

body.cea-offcanvas-active {
    overflow: hidden;
    transition: all ease 0.35s;
    position: relative;
}

body.cea-offcanvas-active:before {
    position: absolute;
    height: 200%;
    width: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    transition: all ease 0.35s;
}

.cea-offcanvas-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    z-index: 999999;
    height: 100%;
    background: #fff;
    transition: all ease 0.35s;
    overflow-y: auto;
}

.cea-offcanvas-wrap-inner {
    padding: 20px;
    margin-top: 60px;
}

.cea-offcanvas-wrap.offcanvas-right-overlay,
.cea-offcanvas-wrap.offcanvas-right-push {
    left: auto;
    right: -300px;
}

.cea-offcanvas-wrap.offcanvas-right-overlay.active,
.cea-offcanvas-wrap.offcanvas-right-push.active {
    right: 0;
}

.cea-offcanvas-wrap.offcanvas-left-overlay,
.cea-offcanvas-wrap.offcanvas-left-push {
    right: auto;
    left: -300px;
}

.cea-offcanvas-wrap.offcanvas-left-overlay.active,
.cea-offcanvas-wrap.offcanvas-left-push.active {
    left: 0;
}

.cea-offcanvas-wrap {
    background-size: cover;
    background-position: center center;
}

.cea-offcanvas-wrap-inner:before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.offcanvas-trigger-img>img {
    margin: 0;
}

.cea-offcanvas-wrap-inner>* {
    color: inherit;
}

/*Icons modified*/
.cea-offcanvas-trigger.offcanvas-trigger-icon svg {
    width: 25px;
}

/*--------------------------------------------------------------
33. Switcher Content
--------------------------------------------------------------*/
.cea-switcher-content .cea-switcher-secondary {
    display: none;
}

.cea-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-bottom: 0;
    margin: 0 15px;
}

.cea-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

ul.nav.cea-swticher-list {
    display: inline-flex;
    text-align: center;
}

.cea-switcher-header {
    text-align: center;
}

.cea-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.cea-switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.cea-switch input:checked+.slider {
    background-color: #2196F3;
}

.cea-switch input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.cea-switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.cea-switch .slider.round {
    border-radius: 34px;
}

.cea-switch .slider.round:before {
    border-radius: 50%;
}

/*--------------------------------------------------------------
34. Data Table
--------------------------------------------------------------*/
.cea-data-table-pagination-wrap>a {
    padding: 10px;
    text-align: center;
    background: #333;
    margin: 4px;
    display: inline-block;
    width: 40px;
    color: #fff;
    border-radius: 4px;
    transition: all ease 0.35s;
}

.cea-data-table p img {
    margin: 0;
}

.cea-data-table-pagination-wrap>a:hover,
.cea-data-table-pagination-wrap>a.active {
    opacity: 0.8;
    color: #fff;
}

.cea-table-sort-active th {
    position: relative;
}

.cea-table-sort-active th:before,
.cea-table-sort-active th:after {
    font-family: 'themify';
    content: "\e648";
    position: absolute;
    right: 10px;
    margin-top: -4px;
    font-size: 10px;
}

.cea-table-sort-active th:after {
    content: "\e64b";
    margin-top: 4px;
}

.cea-data-table-inner .table {
    color: inherit;
    margin-bottom: 0;
    border-collapse: separate;
}

.cea-data-table-inner {
    overflow-x: hidden;
}

.cea-data-table-search-wrap input {
    padding: 6px 20px;
}

.table.cea-data-table thead th {
    padding: 25px 5px;
}

/*--------------------------------------------------------------
35. Event
--------------------------------------------------------------*/
.event-wrapper .event-inner {
    margin-bottom: 30px;
}

.event-address i {
    margin-right: 8px;
}

.event-address address {
    font-weight: 600;
}

/* Classic */
.event-style-classic .post-thumb {
    margin: -19px -20px 0 -20px;
}

.event-style-classic .top-meta .post-date a {
    color: #fff;
}

.event-style-classic .top-meta .post-date {
    background: #000;
    padding: 10px 15px;
    border-radius: 3px;
}

.event-style-classic .top-meta .post-author {
    border: 1px solid #f0f0f0;
    border-left: 0;
    border-right: 0;
    padding: 5px 0;
    vertical-align: middle;
}

/* Modern */
.event-style-modern .post-date {
    border: 1px solid #eaeaea;
    padding: 2px 10px;
    border-radius: 3px;
}

/* Classic Pro */
.event-style-classic-pro .post-details-outer {
    padding: 30px 20px;
    margin: -35px 23px 0 23px;
    position: relative;
    -webkit-box-shadow: rgb(2 2 2 / 8%) 0px 0px 50px;
    -moz-box-shadow: rgba(2, 2, 2, 0.08) 0px 0px 50px;
    box-shadow: rgb(2 2 2 / 8%) 0px 0px 50px;
    background: #fff;
}

.event-style-classic-pro.event-dark .event-inner {
    background: transparent;
}

.event-style-classic-pro.event-dark .event-inner .post-details-outer {
    background: #000;
}

.event-style-classic-pro .post-details-outer address {
    border: 1px solid #eaeaea;
    display: inline-block;
    padding: 3px 12px 3px 10px;
    border-radius: 5px;
}

/* Dark */
.event-dark .event-inner {
    background: #000;
    color: #fff;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .11);
}

.event-style-modern.event-dark .post-date {
    border-color: rgba(255, 255, 255, 0.2);
}

/* Event list */
.event-wrapper.event-style-list .event-inner .media {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.event-wrapper.event-style-list .event-inner .media .post-thumb {
    width: 48%;
}

.event-wrapper.event-style-list .event-inner .media .media-body {
    padding: 28px;
}

/* Single */
.single .event-content-area {
    padding: 75px 15px;
}

.single .event-title-date-time {
    border: 1px solid #eaeaea;
    margin-bottom: 30px;
    padding: 7px 15px;
    display: inline-block;
    margin-top: 30px;
    color: #000;
    font-weight: 700;
    border-radius: 8px;
}

.single-cea-event .custom-post-nav {
    margin: 70px 0 0 0;
}

.single .event-info-wrap .event-info,
.single .event-info-wrap .event-venue,
.single .event-info-wrap .event-contact {
    box-shadow: 0 5px 40px 10px rgb(234 234 239 / 68%);
    padding: 41px 30px;
}

.single .event-info-wrap {
    margin-top: 30px;
}

.event-contact input {
    width: 100%;
    margin-bottom: 15px;
    height: 40px;
    padding: 0 10px;
    font-weight: 500;
}

.event-contact textarea {
    font-weight: 500;
    padding: 0 10px;
}

.event-contact form>p {
    margin-bottom: 0;
}

.event-contact input.wpcf7-form-control.wpcf7-submit {
    margin-bottom: 0;
}

.event-contact textarea {
    height: 102px;
    margin-bottom: 10px;
}

.event-info-wrap h4 {
    margin-bottom: 20px;
}

.event-contact .wpcf7 .ajax-loader {
    position: absolute;
}

.single .event-info-wrap .event-contact {
    padding: 32px 40px;
}

.single .event-info-wrap .event-info a.btn.btn-default {
    padding: 0;
    background: transparent !important;
    text-decoration: underline;
    font-weight: 500;
    display: inline;
}

/* Hover Zoom Event */
.event-image-extent {
    display: flex;
    gap: 2%;
}

/*--------------------------------------------------------------
36. Service
--------------------------------------------------------------*/
.service-inner {
    margin-bottom: 35px;
}

.service-content {
    padding: 20px 0;
}

.service-wrapper a.read-more.btn {
    background: transparent !important;
    color: #000;
    padding: 0;
    text-decoration: underline !important;
}

.service-inner>*:last-child {
    margin-bottom: 0;
}

.service-icon-img-wrap {
    z-index: 1;
    position: relative;
    display: inline-block;
}

.service-wrapper .service-icon-img-wrap img {
    border-radius: 5px;
}

/* Style default */
/* .service-style-default .post-thumb {
    border-radius: 12px;
    overflow: hidden;
} */
/* .service-wrapper.service-style-default .service-icon-img-wrap img {
    border-radius: 5px;
} */
/* Services Classic */
.service-style-classic .service-inner>.service-thumb {
    margin-left: -30px;
    margin-right: -30px;
}

.service-style-classic .entry-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: rgba(233 32 79);
    bottom: 0px;
    opacity: 0.1;
    left: 0;
}

.service-style-classic .entry-title:before {
    content: "";
    position: absolute;
    width: 25%;
    height: 2px;
    background: #e9204f;
    bottom: 0px;
    left: 0;
}

.service-style-classic .entry-title {
    position: relative;
}

.service-style-classic .service-inner>.service-thumb:first-child {
    margin-top: -30px;
}

.service-style-classic .post-thumb {
    border-radius: 10px;
    overflow: hidden;
}

.service-style-classic .post-title-head {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

/* Services Modern */
.service-style-modern .service-inner {
    -webkit-box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 4%);
    -moz-box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 4%);
    box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 4%);
    border: none;
    border-radius: 10px;
    padding: 35px 30px;
    overflow: hidden;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.service-style-modern .service-inner:hover {
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.service-style-modern .service-inner>.service-thumb {
    margin-left: -30px;
    margin-right: -30px;
}

.service-style-modern .service-inner>.service-thumb:first-child {
    margin-top: -35px;
}

.service-wrapper.service-style-modern .service-icon-img-wrap img {
    border: 1px solid #fff;
}

/* service classic pro */
.service-style-classic-pro .post-details-outer {
    background: #fff;
    padding: 20px;
    margin: -24px 30px 0 30px;
    z-index: 1;
    position: relative;
}

.service-style-classic-pro .post-details-outer .service-icon-img-wrap:first-child {
    margin-top: -50%;
}

/* Hover Zoom Service */
.service-image-extent {
    display: flex;
    gap: 2%;
}

/* Services List */
.service-style-list .post-thumb {
    width: 45%;
}

.service-style-list .service-inner .media {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.service-style-list .service-inner {
    border: 1px solid #eaeaea;
}

.service-style-list .service-inner .media-body {
    padding: 20px 30px;
}

/* dark */
.service-dark .service-inner {
    background: #111 none repeat scroll 0 0;
    color: #ffffff;
    border: none;
}

/* Single Services */
.service-title {
    color: #000;
    margin-bottom: 30px;
    padding: 0 15px;
}

.single .service-img {
    border-radius: 10px;
    overflow: hidden;
}

.service .service-info-wrap {
    padding: 0 15px;
}

.single .service-img img {
    border-radius: 10px;
}

.single-cea-service .container>.row>.col.order-md-2 {
    padding: 0;
}

.widget_nav_menu .menu-services-menu-container li a {
    display: block;
    padding: 5px 15px;
}

body .widget_nav_menu .menu-services-menu-container li {
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
    display: block;
    padding: 0;
}

/* Isotope model */
.service-isotope-model .service-inner {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
37. Toggle Content
--------------------------------------------------------------*/
.toggle-content {
    overflow: hidden;
    opacity: 0;
    transition: all .6s;
}

.toggle-content.toggle-content-shown {
    opacity: 1;
    transition: all .6s;
}

.cea-button-wrapper.toggle-content-trigger {
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    margin-top: 20px;
    width: 100%;
    /* Modified */
}

.toggle-content.toggle-content-shown img {
    margin-top: 15px;
}

.toggle-content-wrapper .button-inner-down {
    display: none;
}

.cea-toggle-post-wrap {
    position: relative;
}

/*--------------------------------------------------------------
38. Blog Layouts
--------------------------------------------------------------*/
.blog-inner {
    margin-bottom: 30px;
}

.blog-inner .post-category {
    font-size: 0;
}

.blog-layouts-wrapper .cea-block-secondary .post-thumb {
    width: 40%;
}

.blog-layouts-wrapper .cea-block-secondary .post-thumb img {
    margin: 0;
}

a.post-title {
    display: block;
}

.blog-layouts-wrapper .post-overlay-items .post-date a {
    padding: 4px 7px;
    color: #fff;
    border-radius: 4px;
}

.blog-layouts-wrapper .post-thumb.post-overlay-active:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all ease 0.35s;
    overflow: hidden;
}

.blog-layouts-wrapper .media {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.blog-multi-layout-1 .cea-block-primary>*:not(.post-thumb) {
    padding: 0px 60px 0px 60px;
}

.blog-multi-layout-1 .cea-block-primary {
    box-shadow: 3px 5px 23px rgb(0 0 0 / 10%);
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.blog-multi-layout-1 .col-md-5 .cea-block-secondary {
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    padding: 50px 10% 50px 10%;
    border-top: 10px solid #eaeaea;
}

.blog-multi-layout-1 .cea-block-secondary .media {
    margin-bottom: 30px !important;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 30px;
}

.blog-multi-layout-1 .cea-block-secondary .media:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0;
    border: 0;
}

.blog-layouts-wrapper .post-title-head {
    font-weight: bold;
}

.blog-multi-layout-1 {
    margin-bottom: 2rem;
}

.blog-multi-layout-1 .column-md-6 {
    padding: 0;
}

.blog-multi-layout-1 .post-overlay-items .post-date a {
    color: #fff;
    padding: 4px 7px;
    border-radius: 4px;
}

.blog-layouts-wrapper .blog-multi-layout-1 .cea-block-secondary .post-thumb {
    width: 26%;
}

/* Layout 2 */
.blog-multi-layout-2 .cea-block-primary {
    margin-bottom: 30px;
}

.blog-multi-layout-2 .cea-block-primary .post-thumb {
    width: 45%;
}

.blog-multi-layout-2 .cea-block-primary .media {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 30px !important;
}

.blog-multi-layout-2 .cea-block-secondary .media {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px !important;
}

.blog-multi-layout-2 .cea-block-secondary>.media:last-child,
.blog-multi-layout-2 .cea-block-primary>.media:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0;
    border: 0;
}

.blog-layouts-wrapper .blog-multi-layout-2 .cea-block-secondary .post-thumb {
    width: 23%;
}

.blog-multi-layout-2 .media {
    background: #fff;
}

.blog-multi-layout-2 .media-body {
    padding: 0px 20px 0px 10px;
}

.blog-layouts-wrapper .blog-multi-layout-2 .cea-block-primary .media:hover .post-thumb.post-overlay-active:before {
    opacity: 1;
}

/* Layout 3 */
.blog-multi-layout-3 .cea-block-primary {
    border: 1px solid #eaeaea;
    padding: 25px;
    margin-bottom: 30px;
}

.blog-multi-layout-3 .cea-block-secondary .media {
    border: 1px solid #eaeaea;
    margin-bottom: 30px !important;
}

.blog-multi-layout-3 .cea-block-primary .post-thumb {
    margin: 0 -25px;
}

.blog-multi-layout-3 .cea-block-primary .post-thumb:first-child {
    margin-top: -25px;
}

.blog-multi-layout-3 .cea-block-secondary .media {
    border: 1px solid #eaeaea;
    margin-bottom: 30px !important;
}

.blog-layouts-wrapper .blog-multi-layout-3 .cea-block-secondary .post-thumb {
    width: 43%;
}

/* LAyout 4 */
.blog-multi-layout-4 .cea-block-primary {
    margin-bottom: 30px;
}

.blog-multi-layout-4 .bottom-meta {
    padding: 5px 15px;
    background: #f9f9f9;
}

.blog-multi-layout-4 .cea-block-secondary .media {
    margin-bottom: 22px !important;
}

.blog-layouts-wrapper .blog-multi-layout-4 .cea-block-secondary .post-thumb {
    width: 31%;
}

/* Layout 5 */
.blog-multi-layout-5 .cea-block-primary {
    box-shadow: 3px 5px 23px rgb(0 0 0 / 10%);
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
}

.blog-multi-layout-5 .cea-block-primary .post-thumb {
    margin: 0 -25px;
}

.blog-multi-layout-5 .cea-block-primary .post-thumb:first-child {
    margin-top: -25px;
}

.blog-multi-layout-5 .cea-block-secondary .media {
    box-shadow: 3px 5px 23px rgb(0 0 0 / 10%);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px !important;
}

.blog-multi-layout-5 .media-body {
    padding: 0px 20px 0 0px;
}

.blog-layouts-wrapper .blog-multi-layout-5 .cea-block-secondary .post-thumb {
    width: 35%;
}

/* Layout 6 */
.blog-multi-layout-6 .col-md-12 {
    margin-bottom: 30px;
}

.blog-multi-layout-6 .col-md-12:last-child {
    margin-bottom: 0;
}

.blog-multi-layout-6 .media {
    margin-bottom: 25px !important;
}

.blog-layouts-wrapper .blog-multi-layout-6 .cea-block-secondary .post-thumb {
    width: 37%;
}

/* Layout 7 */
.blog-multi-layout-7 .row {
    margin-bottom: 30px;
}

.blog-multi-layout-7 .row:last-child {
    margin-bottom: 0;
}

.blog-layouts-wrapper .media:last-child {
    margin-bottom: 0 !important;
}

.blog-layouts-wrapper .blog-multi-layout-7 .media {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 26px;
    margin-bottom: 26px !important;
}

.blog-layouts-wrapper .blog-multi-layout-7 .media:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0 !important;
}

.blog-layouts-wrapper .blog-multi-layout-7 .cea-block-secondary .post-thumb {
    width: 37%;
}

/* Layout 8 */
.blog-multi-layout-8 .row {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.blog-multi-layout-8 .row:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.blog-multi-layout-8 .cea-block-secondary .media {
    padding-bottom: 27px;
    margin-bottom: 27px !important;
    border-bottom: 1px solid #eaeaea;
}

.blog-multi-layout-8 .cea-block-secondary .media:last-child {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.blog-layouts-wrapper .blog-multi-layout-8 .top-meta .post-date a {
    color: #999;
    font-size: 13px;
    font-style: unset;
    text-transform: uppercase;
}

span.elementor-button-icon {
    font-size: 14px;
    vertical-align: middle;
}

.blog-layouts-wrapper .blog-multi-layout-8 .cea-block-secondary .post-thumb {
    width: 33%;
}

/* Blog layout list */
.blog-multi-layout-list .col-md-12 .cea-block-primary {
    margin-bottom: 30px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 30px;
}

.blog-multi-layout-list .col-md-12:last-child .cea-block-primary {
    margin-bottom: 0px;
    border-bottom: 0px;
    padding-bottom: 0px;
}

/* Over lay */
.blog-layouts-wrapper .post-thumb.post-overlay-active:before {
    opacity: 0;
}

.blog-layouts-wrapper .cea-block-primary:hover .post-thumb.post-overlay-active:before,
.blog-layouts-wrapper .cea-block-secondary:hover .post-thumb.post-overlay-active:before {
    opacity: 1;
}

.zozo-block-secondary .post-thumb {
    margin-right: 1rem !important;
}

.zozo-block-secondary>.zozo-media {
    margin-bottom: 1rem;
}

.zozo-block-secondary>.zozo-media:last-child {
    margin-bottom: 0;
}

.blog-multi-layout-1 .zozo-block-secondary {
    margin-left: 1rem;
}

.blog-multi-layout-2 .zozo-block-secondary {
    margin-top: 1.5rem;
}

.zozo-block-primary .post-category {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.blog-multi-layout-3 .zozo-block-secondary .post-category {
    margin-bottom: 0.5rem;
}

/*--------------------------------------------------------------
39. Draw SVG
--------------------------------------------------------------*/
.cea-draw-svg-widget {
    padding: 5px;
    display: flex;
}

.cea-draw-svg-widget span svg {
    overflow: visible;
    width: 200px;
    height: auto;
}

.cea-draw-svg-widget span svg path {
    fill: transparent;
    stroke-width: 10;
    stroke: #974CF3;
    transition: all 0.3s ease-in-out;
}

.cea-draw-svg-widget span svg path {
    stroke-dasharray: 5000;
    stroke-dashoffset: 0;
    animation-name: draw;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-direction: alternate;
}

.paused svg path {
    animation-play-state: paused;
}

.paused:hover svg path {
    animation-play-state: running;
}

.running svg path {
    animation-play-state: running;
}

.running:hover svg path {
    animation-play-state: paused;
}

.scrolled svg path {
    animation-play-state: paused;
}

.scroll-now svg path {
    animation-play-state: running;
}

@keyframes draw {

    0%,
    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }

    15% {
        stroke-dashoffset: 2000;
        fill-opacity: 0.5;
    }

    40%,
    50%,
    60% {
        stroke-dashoffset: 5000;
        fill-opacity: 0;
    }

    85% {
        stroke-dashoffset: 2000;
        fill-opacity: 0.5;
    }
}

/*--------------------------------------------------------------
40. Text Image
--------------------------------------------------------------*/

.cursor-image {
    position: fixed;
    pointer-events: none;
}

/*--------------------------------------------------------------
41. Image Zoom
--------------------------------------------------------------*/

.image-zoom-scroll {
    position: relative;
    width: 100%;
    display: grid;
    place-content: center;
}

.img-grid-container {
    width: 100%;
    position: relative;
}

.zoom-grid-item {
    position: absolute;
    width: 250px;
    height: auto;
    transition: 0.01s linear;
}

.image-zoom-text {
    position: absolute;
    z-index: 3 !important;
    width: 100%;
}

.image-zoom-scroll .section-title-wrapper,
.img-grid-container .section-title-wrapper {
    position: absolute;
    z-index: 3 !important;
    width: 100%;
}

.cea-zoom-video {
    position: relative;
    height: 100vh;
}

.cea-zoom_wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 1300px;
    margin: auto;
}

.zoom-video-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transform: translate3D(var(--cea-zoom-h-pos, 0), var(--cea-zoom-v-pos, 0), 0);
    height: 50vh;
    margin: auto;
}

/*--------------------------------------------------------------
42. List Step
--------------------------------------------------------------*/

.list-step-item {
    background-color: #f9f9f9;
    height: fit-content;
    z-index: 1;
    padding: 30px 0;
    transition: 0.3s;
    overflow: hidden;
}

.list-step-content {
    width: 90%;
    height: 100%;
    margin: auto;
    display: flex;
    gap: 30px;
}

.list-step-image {
    width: 350px;
    height: auto;
    transition: 0.3s;
}

.list-step-image img {
    transition: 0.3s;
}

.list-step-icon svg {
    width: 200px;
    height: auto;
}

.list-step-right .cea-button-front {
    z-index: 10;
    position: relative;
}

.list-step-btn {
    padding: 10px 20px;
    transition: 0.2s;
    outline: none;
    display: inline-block;
}

.list-step-btn i {
    margin: 0 5px;
}

@media (max-width: 767px) {
    .list-step-content {
        flex-direction: column;
    }
}

@media (max-width: 450px) {
    .list-step-image img {
        width: 75%;
    }
}

/*--------------------------------------------------------------
43. Bubble Float
--------------------------------------------------------------*/

.matter-bubbles-widget {
    width: 100%;
    height: 500px;
    position: relative;
    border-radius: 20px;
}

#matter-bubbles-canvas {
    width: 100%;
    height: 100%;
    display: block;
    touch-action: pan-y;
}

.bubble-title,
.bubble-desc {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*--------------------------------------------------------------
44. Marquee
--------------------------------------------------------------*/

.cea-marquee-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    white-space: nowrap;
    overflow: hidden
}

.cea-marquee-list .cea-marquee-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cea-marquee-list .cea-marquee-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.cea-marquee-list .marquee-icon,
.cea-marquee-list .marquee-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 30px;
}

.cea-marquee-list .marquee-title {
    padding: 0;
    margin: 0;
}

.cea-marquee-list .marquee-img img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 50%
}

.cea-marquee-list.scroll-left .cea-marquee-inner {
    -webkit-animation: scroll_to_left 40s linear infinite;
    animation: scroll_to_left 10s linear infinite
}

.cea-marquee-list.scroll-right .cea-marquee-inner {
    -webkit-animation: scroll_to_right 40s linear infinite;
    animation: scroll_to_right 40s linear infinite
}

.cea-marquee-list.pause-on-hover:hover .cea-marquee-inner {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

@-webkit-keyframes scroll_to_left {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes scroll_to_left {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes scroll_to_right {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes scroll_to_right {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

/*--------------------------------------------------------------
45. Video Audio Playlist
--------------------------------------------------------------*/

.cea-youtube-playlist-wrapper,
.cea-vimeo-playlist-wrapper,
.cea-video-list .cea-video-item,
.cea-video-list .cea-vimeo-item {
    display: flex;
}

.cea-youtube-playlist-wrapper .cea-main-player,
.cea-vimeo-playlist-wrapper .cea-main-player {
    flex: 2;
}

.cea-youtube-playlist-wrapper .cea-video-playlist,
.cea-vimeo-playlist-wrapper .cea-video-playlist,
.cea-video-playlist-container .cea-video-playlist {
    flex: 1;
    overflow: auto;
    height: 100%;
}

.cea-video-playlist .cea-video-list,
.cea-audio-playlist .cea-video-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cea-video-list .cea-video-item,
.cea-video-list .cea-vimeo-item {
    margin-bottom: 10px;
    gap: 10px;
    cursor: pointer;
    align-items: center;
}

.cea-video-playlist-container {
    display: flex;
    flex-wrap: wrap;
}

.cea-video-playlist-container .cea-video-main-player {
    max-width: 100%;
    text-align: center;
    flex: 2;
    height: 100%;
    overflow: hidden;
}

.cea-video-playlist-container .cea-video-main-player .cea-video-player {
    width: 100%;
    max-width: 800px;
    object-fit: cover;
    height: 100%;
}

.cea-youtube-playlist-wrapper .youtube-title {
    line-height: 17px;
    font-size: 14px;
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    padding: 2px 15px;
}

.cea-video-item.active {
    color: rgb(14 30 54);
    font-weight: bold;
}

.cea-video-item:hover {
    text-decoration: underline;
}

li.cea-video-item.d-flex {
    margin-bottom: 10px;
    cursor: pointer;
}

li.cea-video-item img {
    width: 150px;
    height: auto;
    margin: 0;
    border-radius: 10px;
}

.cea-vimeo-playlist-wrapper .vimeo-title {
    line-height: 17px;
    font-size: 14px;
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    padding: 2px 15px;
}

.cea-vimeo-item.active {
    color: rgb(14 30 54);
    font-weight: bold;
}

.cea-vimeo-item:hover {
    text-decoration: underline;
}

li.cea-vimeo-item.d-flex {
    margin-bottom: 10px;
    cursor: pointer;
}

li.cea-vimeo-item img {
    width: 50%;
    height: auto;
    border-radius: 10px;
    margin: 0;
}

.cea-upload-playlist ul li.media-upload-image img {
    width: 10%;
    height: auto;
    display: inline-block;
    margin-right: 10px;
}

a.cea-upload-playlist-item {
    margin-left: 10px;
}

li.media-upload-image {
    margin-bottom: 10px;
    background-color: #e5e5e5;
}

.cea-upload-playlist ul li.media-upload-image img {
    width: 10%;
    height: 50px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
}

.cea-upload-playlist-container {
    border: 2px solid black;
    border-radius: 10px;
    padding: 10px;
}

.media-upload-image:hover {
    background-color: #d0d0d0;
    cursor: pointer;
}

.cea-upload-playlist-item.active {
    font-weight: bold;
    color: #0073aa;
}

.cea-video-playlist-item.active {
    font-weight: bold;
    color: #0073aa;
}

.cea-video-audio-widget {
    width: 100%;
    box-sizing: border-box;
}

#cea-audio-thumbnail {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 15px;
}

.cea-video-audio-widget iframe {
    width: 100%;
    height: 100%;
}

.cea-video-audio-widget {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.cea-video-main-player,
.cea-audio-main-player {
    flex: 2 1 60%;
    max-width: 100%;
    text-align: center;
    overflow: hidden;
}

.cea-video-playlist,
.cea-audio-playlist {
    flex: 1 1 35%;
    max-width: 100%;
    overflow-y: auto;
}

.cea-youtube-playlist-wrapper,
.cea-vimeo-playlist-wrapper,
.cea-video-playlist-container,
.cea-playlist-style-audio {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
}

.cea-main-player {
    flex: 2 1 60%;
    max-width: 100%;
    text-align: center;
}

.cea-video-playlist {
    flex: 1 1 35%;
    max-width: 100%;
    overflow-y: auto;
}

.cea-main-player iframe,
#cea-video-player {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 450px;
}

#cea-audio-player {
    object-fit: cover;
}

.cea-video-item,
.cea-vimeo-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.cea-video-item img,
.cea-vimeo-item img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 5px;
}

.cea-audio-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.cea-audio-item img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
    margin: 0;
    margin-right: 10px;
}

#cea-video-title,
#cea-audio-title {
    text-align: center;
    margin-bottom: 10px;
}

/* --- Responsive Breakpoints --- */
@media (max-width: 1024px) {

    .cea-video-playlist-container,
    .cea-playlist-style-audio,
    .cea-youtube-playlist-wrapper,
    .cea-vimeo-playlist-wrapper {
        flex-direction: column;
        align-items: stretch;
    }

    .cea-youtube-playlist-wrapper,
    .cea-vimeo-playlist-wrapper,
    .cea-video-playlist-container {
        min-height: 500px;
    }

    a.cea-upload-playlist-item {
        margin: auto;
        text-align: center;
    }

    .cea-main-player,
    .cea-video-main-player,
    .cea-audio-main-player,
    .cea-video-playlist {
        flex: 1 1 100%;
        max-width: 100%;
        order: initial !important;
    }

    #cea-video-player,
    #cea-audio-player {
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 600px) {

    .cea-audio-item,
    .cea-video-item,
    .cea-vimeo-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .cea-video-item img,
    .cea-vimeo-item img,
    .cea-audio-item img {
        width: 100%;
        height: auto;
    }

    .cea-upload-playlist-item,
    .cea-video-playlist-item {
        display: block;
        width: 100%;
    }

    #cea-audio-thumbnail {
        width: 100%;
        height: auto;
    }
}

/*--------------------------------------------------------------
Parallax Styles
--------------------------------------------------------------*/
.cea-parallax {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    background-attachment: fixed;
    background-size: cover;
}

section {
    position: relative;
}

.float-parallax {
    position: absolute;
    left: 50%;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    height: auto;
    width: auto;
    opacity: 1;
    transition: opacity ease 0.35s;
}

section.float-parallax-started .float-parallax {
    opacity: 1;
    transition: opacity ease 0.35s;
}

.content-parallax-yes {
    perspective: 50px;
}

.parallax-container {
    transform-style: preserve-3d;
    will-change: transform;
}

.parallax-img-full-width img {
    width: 100%;
}

/* floating-animate-model-1 */
.floating-animate-model-1>img {
    animation-name: floating-animate-model-1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: floating-animate-model-1;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: floating-animate-model-1;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: floating-animate-model-1;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: floating-animate-model-1;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes floating-animate-model-1 {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

@keyframes floating-animate-model-1 {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

/* .floating-animate-model-2 */
.floating-animate-model-2>img {
    animation-name: floating-animate-model-2;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: floating-animate-model-2;
    -webkit-animation-duration: 24s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: floating-animate-model-2;
    -moz-animation-duration: 24s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: floating-animate-model-2;
    -ms-animation-duration: 24s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: floating-animate-model-2;
    -o-animation-duration: 24s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@keyframes floating-animate-model-2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes floating-animate-model-2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes floating-animate-model-2 {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes floating-animate-model-2 {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg);
    }
}

.floating-animate-model-3>img {
    animation-name: floating-animate-model-3;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: floating-animate-model-3;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: floating-animate-model-3;
    -moz-animation-duration: 7s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: floating-animate-model-3;
    -ms-animation-duration: 7s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: floating-animate-model-3;
    -o-animation-duration: 7s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@keyframes floating-animate-model-3 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes floating-animate-model-3 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes floating-animate-model-3 {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes floating-animate-model-3 {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg);
    }
}

/* Verticle Moves */
.verticalMove {
    animation: verticalMove 3.5s infinite;
}

@-webkit-keyframes verticalMove {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes verticalMove {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

/* Rain */
.cea-rain-drops {
    position: absolute !important;
    left: 0;
    right: 0;
}

.cea-rain-drops>canvas {
    width: 120%;
}

/*360 Degree*/
#cea-panorama {
    width: 100%;
    height: 500px;
}

/* Progress */
.elementor-progress-bar {
    box-shadow: 0px 9px 30px 0px rgb(0 0 0 / 40%);
}

.elementor-progress-percentage {
    margin-top: -20px;
    color: #545454;
    font-weight: 600;
}

.elementor-widget-progress span.elementor-title {
    margin-bottom: 7px !important;
    display: inline-block;
}


/* mailchimp */
button.input-group-addon.cea-mc.btn {
    line-height: 1;
}

.form-control.zozo-mc-email.must-fill {
    border-color: red !important;
    background: #ff00001f !important;
}

/*--------------------------------------------------------------
	Responsive
--------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
    .single .row.team .col-sm-5.team-image-wrap {
        width: 100%;
        margin-bottom: 30px;
    }

    .single .row.team .col-sm-7.team-info {
        width: 100%;
    }

    .team-image-wrap img {
        border-radius: 0%;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        height: 400px;
        width: 400px;
        object-fit: cover;
        margin-left: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .blog-multi-layout-8 .row .col-md-6 {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .blog-multi-layout-8 .row .col-md-6:last-child {
        margin-top: 30px;
        padding-top: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    .blog-multi-layout-1 .col-md-7 {
        padding-right: 4%;
    }

    .single-cea-testimonial .testimonial {
        max-width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1024px) {
    .cea-btn-tablet-align-left .cea-button-wrapper {
        text-align: left;
    }

    .cea-btn-tablet-align-right .cea-button-wrapper {
        text-align: right;
    }

    .cea-btn-tablet-align-center .cea-button-wrapper {
        text-align: center;
    }

    .row.portfolio-details>.col-sm-8,
    .row.portfolio-details>.col-sm-4 {
        width: 100%;
        margin-bottom: 55px;
    }
}

@media only screen and (max-width: 991px) {
    .event-style-list .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .service-style-list .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 34px;
    }

    .cd-horizontal-timeline .events-content em {
        font-size: 20px;
    }

    .cd-horizontal-timeline .events-content p {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .single .row.team {
        -ms-flex-align: center !important;
        align-items: center !important;
        box-shadow: 0px 0px 50px 0px rgb(6 6 6 / 6%);
        border-radius: 10px;
        padding: 30px 25px 30px 25px;
        position: relative;
    }

    .single .row.team .col-sm-5.team-image-wrap,
    .single .row.team .col-sm-7.team-info {
        padding: 0;
    }

    .single-cea-testimonial .testimonial {
        color: #000;
        border-radius: 10px;
        box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 4%);
        padding: 30px 30px;
    }

    .single .testimonial-info>.testimonial-designation-wrap {
        margin-bottom: 62px;
    }

    .feature-box-wrapper .media {
        display: block;
    }

    .blog-multi-layout-7 [class*="col-"] {
        margin-bottom: 30px;
    }

    .blog-multi-layout-7 [class*="col-"]:last-child {
        margin-bottom: 0;
    }

    .cea-btn-mobile-align-left .cea-button-wrapper {
        text-align: left;
    }

    .cea-btn-mobile-align-right .cea-button-wrapper {
        text-align: right;
    }

    .cea-btn-mobile-align-center .cea-button-wrapper {
        text-align: center;
    }

    .portfolio-inner .post-overlay-items {
        padding-right: 60px;
        padding-left: 20px;
    }

    .portfolio-single .row.portfolio-details>div {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .portfolio-single .row.portfolio-details>div.col-sm-4 {
        margin-top: 40px;
    }

    .portfolio-inner .post-overlay-items .post-more {
        right: 15px;
    }

    .portfolio-inner .post-overlay-items {
        bottom: 15px;
        max-width: calc(100% - 30px);
    }

    .portfolio-inner .post-overlay-items a.post-title {
        font-size: 20px;
        line-height: 30px;
    }

    .portfolio-inner .post-overlay-items .post-more {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border: 2px solid #000;
    }

    .timeline>li>.timeline-sep-title {
        font-size: 25px;
        width: 100%;
        position: relative;
        height: 100%;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        margin: 0;
        padding-left: 70px;
        margin-top: 15px;
        top: auto;
        transform: inherit;
    }

    .timeline-wrapper.timeline-style-3 .timeline-inverted .timeline-panel {
        border-radius: 0 65px 65px 0;
        padding-left: 20px;
    }

    .timeline-style-3 .timeline>li>.timeline-panel:after {
        top: 15px;
        transform: inherit;
    }

    .timeline-style-3 .timeline>li.timeline-inverted>.timeline-panel .timeline-heading,
    .timeline-style-3 .timeline>li.timeline-inverted>.timeline-panel .timeline-body {
        text-align: left;
    }

    .timeline>li>.timeline-panel {
        float: none !important;
        width: 80%;
        margin-left: 70px;
    }

    h4.timeline-title {
        font-size: 16px;
        line-height: 21px;
    }

    .timeline>li:not(.timeline-inverted) {
        padding: 0;
    }

    .timeline:before {
        left: 5%;
        border-right: 2px dotted #eaeaea;
    }

    .timeline>li>.timeline-badge {
        left: 5%;
        right: auto;
        display: inline-block;
        margin-left: -23px;
    }

    .timeline>li.timeline-inverted>.timeline-sep-title {
        text-align: left;
        right: auto;
        padding-left: 80px;
    }

    .timeline>li.timeline-inverted {
        padding-left: 0;
    }

    .timeline>li.timeline-inverted>.timeline-panel:after,
    .timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }

    .timeline>li>.timeline-panel:before {
        display: none;
    }

    .timeline-sep-title>span {
        margin-bottom: 15px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 640px) {
    .service-style-list .service-inner .media {
        display: block;
        margin-bottom: 20px;
    }

    .service-style-list .service-inner .post-thumb {
        margin-bottom: 10px !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .event-wrapper.event-style-list .event-inner .media {
        display: block;
        margin-bottom: 50px;
    }

    .event-wrapper.event-style-list .event-inner .media .post-thumb {
        margin-bottom: 10px !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .cea-data-table-inner {
        overflow-x: scroll;
    }

    .blog-wrapper.blog-style-list .blog-inner .media {
        display: block;
    }

    .blog-wrapper.blog-style-list .blog-inner .media .post-thumb {
        max-width: 100% !important;
        margin-right: 0;
    }

    .testimonial-wrapper.testimonial-style-list .post-thumb {
        width: 16%;
        margin-right: 15px;
    }
}

@media only screen and (max-width: 580px) {
    .blog-multi-layout-8 .cea-block-secondary .media .post-thumb {
        margin-bottom: 25px;
    }

    .blog-multi-layout-8 .cea-block-secondary .media .post-thumb img {
        margin: 0;
    }

    .blog-multi-layout-2 .cea-block-primary .media {
        display: block;
        padding-bottom: 20px !important;
    }

    .blog-multi-layout-2 .cea-block-primary .media .post-thumb {
        margin-bottom: 30px !important;
        width: 100%;
    }
}

@media (min-width: 576px) {
    .modal-popup-size.modal-sm {
        max-width: 450px;
    }
}

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

    .cea-vertical-tab .cea-tabs,
    .cea-vertical-tab .cea-tab-content {
        width: 100%;
    }

    .nav.nav-tabs.cea-tabs {
        border: 0;
        display: block;
    }

    .nav.nav-tabs.cea-tabs .nav-link {
        margin: 0 !important;
    }

    .portfolio-style-list .portfolio-inner .media {
        display: block;
        margin-bottom: 50px;
    }

    .portfolio-style-list .portfolio-inner .media .post-thumb {
        margin-bottom: 35px !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .team-wrapper.team-style-list .media {
        display: block;
        margin-bottom: 50px;
        padding: 40px 34px;
    }

    .team-wrapper.team-style-list .media .post-thumb img {
        border-radius: 0;
        width: 100%;
    }

    .team-wrapper.team-style-list .media .post-thumb {
        margin-bottom: 35px !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .team-wrapper.team-style-classic-pro [class*="col-"] {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 420px) {
    .blog-layouts-wrapper .cea-block-secondary .post-thumb {
        width: 100% !important;
        margin-bottom: 30px !important;
    }

    .blog-layouts-wrapper .media {
        display: block;
    }

    .blog-layouts-wrapper .cea-block-secondary .media {
        padding-bottom: 20px !important;
    }

    .blog-multi-layout-5 .cea-block-secondary {
        margin-bottom: 30px;
    }

    .blog-multi-layout-8 .cea-block-secondary .entry-title {
        margin-bottom: 30px;
    }

    .blog-multi-layout-1 .cea-block-primary>*:not(.post-thumb) {
        padding: 0px 35px 0px 35px;
    }
}

@media only screen and (max-width: 363px) {
    .day-counter-wrapper .day-counter>div {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Custom Cursor Animation */
.custom-cursor {
    position: fixed;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 9999;
    transition: transform 0.05s linear, opacity 0.05s linear;
}

/* CEA Fluid Animation */
.cea-canvas-outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.cea-canvas-outer canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
}

body.cea-canvas-effect * :not(.sticky-outer, .site-header, .sticky-outer *, .site-header *, .cea-canvas-outer, [class$="-slider-wrapper"] *) {
    z-index: 2;
}

/* Smoke Simulation */
#smoke-simulation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.smoke-simulation-effect {
    position: relative;
    overflow: hidden;
}

/* Slide Items */
.slider-item {
    position: relative;
    overflow: hidden;
}

.slider-item .slider-image {
    width: 100%;
    height: auto;
    display: block;
}

.button-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 14px;
    background-color: #7700e6;
    color: #fff;
    transition: background-color 0.3s ease;
}

.button-link:hover {
    background-color: #005bb5;
}

.button-link i {
    margin: 0 5px;
}

.svg-draw-container {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}

.svg-draw-container svg {
    width: 100%;
    height: auto;
}

/*------------------------------------------------------------
Slider Widget
--------------------------------------------------------------*/
.slider-widget-inner img {
    margin: 0 auto;
}

.slider-widget-wrapper>.row:last-child {
    margin-bottom: 0;
}

.slider-widget-wrapper>.row {
    margin-bottom: 30px;
}

.slider-widget-wrapper .owl-carousel div[class^="col-"] {
    padding: 0;
    width: auto;
    max-width: 100%;
}

.slider-widget-3 .slider-widget-inner {
    padding: 25px;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
}

.slider-widget-wrapper.slider-widget-3 .owl-carousel .owl-stage-outer {
    padding-top: 13px;
}

.slider-widget-3 .slider-widget-inner:hover {
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.slider-widget-3 .slider-widget-inner:hover img {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    opacity: 1;
}

.slider-widget-3 .slider-widget-inner img {
    transform: scale(0.8);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    opacity: 0.65;
}

.slider-widget-wrapper.slider-widget-2 .slider-widget-inner {
    overflow: hidden;
    margin-bottom: 30px;
}

.slider-widget-wrapper.slider-widget-2 .cea-carousel .slider-widget-inner {
    margin-bottom: 0;
}

.slider-widget-wrapper.slider-widget-2.custom .slider-widget-inner {
    overflow: hidden;
    border: 1px solid #fbfbfb;
    padding: 25px;
}

.slider-widget-wrapper .owl-carousel .owl-item img {
    width: auto;
}

/*slider*/
.slider-widget-wrapper.slider-widget-2 .slider-widget-inner:hover img {
    -webkit-filter: grayscale(0%);
    filter: gray;
    opacity: 1;
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-animation: clientSlider 550ms forwards;
    -moz-animation: clientSlider 550ms forwards;
    -ms-animation: clientSlider 550ms forwards;
    -o-animation: clientSlider 550ms forwards;
    animation: clientSlider 550ms forwards;
}

.slider-widget-wrapper.slider-widget-2 .slider-widget-inner img {
    filter: gray;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.slider-widget-wrapper .owl-carousel .owl-item .slider-widget-inner img {
    width: auto;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
}

@-webkit-keyframes clientSlider {
    49% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes clientSlider {
    49% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-ms-keyframes clientSlider {
    49% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-o-keyframes clientSlider {
    49% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes clientSlider {
    49% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

.slider-widget-2 .slider-widget-inner:after {
    display: none;
}

.slider-content .float-vertical {
    animation: floatVertical infinite 3s ease-in-out;
}

@keyframes floatVertical {
    50% {
        transform: translateY(20px);
    }
}

.slider-content .float-horizontal {
    animation: floatHorizontal infinite 3s ease-in-out;
}

@keyframes floatHorizontal {
    50% {
        transform: translateX(20px);
    }
}

.slider-widget-wrapper {
    position: relative;
}

.cea-button.slider-button {
    position: absolute;
}

/* Owl navigation and pagination */
.cea-carousel .owl-nav button.owl-prev {
    position: absolute;
}

.cea-carousel .owl-nav button.owl-next {
    position: absolute;
}

.row-sticky {
    z-index: 10;
    /* Ensure it stays above other elements */
}

/* Hide on Desktop */
.hidden-desktop {
    display: none !important;
}

@media (max-width: 1023px) {

    /* Override for non-desktop devices */
    .hidden-desktop {
        display: block !important;
    }
}

/* Hide on Tablet */
.hidden-tablet {
    display: block;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .hidden-tablet {
        display: none !important;
    }

    .hide-in-sm {
        display: none !important;
    }

    .hide-on-mobile {
        display: none !important;
    }
}

/* Hide on Mobile Portrait */
.hidden-mobile {
    display: block;
}

@media (min-width: 320px) and (max-width: 767px) {
    .hidden-mobile {
        display: none !important;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .hide-in-sm {
        display: none !important;
    }
}

@media (max-width: 320px) {
    .hidden-mobile {
        display: none !important;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .hide-in-sm {
        display: none !important;
    }
}

/* Auto Activation */
.nav-img {
    display: none;
}

.active-auto {
    display: block;
}

/* Horizontal Scroll */
/*.cea-horizontal-scroll-yes {*/
/*    --progress-bar: true;*/
/*    --progress-bar-color: #FFFF00;*/
/*    --progress-bar-height: 2px;*/
/*}*/

body {
    --disable-movement-desktop: false;
    --disable-movement-tablet: false;
    --disable-movement-mobile: true;
    --hide-default-scrollbar: false;
    --disable-horizontal-scroll-mobile: false;
}

html.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

html.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.cea-horizontal-scroll-yes {
    /*overflow: hidden !important;*/
    --initial-height: var(--min-height, 100vh);
    width: 100%;
    height: 100vh;
    justify-content: flex-start;
    padding: 0;
}



.cea-horizontal-scroll-main {
    flex-direction: row !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
}

.cea-horizontal-scroll-section {
    flex-grow: 1 !important;
    flex-shrink: 0 !important;
}

/*.cea-horizontal-scroll-yes:after {*/
/*    content: "";*/
/*    left: 0;*/
/*    top: calc(100vh - var(--progress-bar-height, 2px));*/
/*    width: 100vw;*/
/*    height: var(--progress-bar-height, 2px);*/
/*    background: var(--progress-bar-color, FFFF00);*/
/*    transform: scaleX(calc(var(--progress, 0)*100%));*/
/*    position: fixed;*/
/*    transform-origin: left;*/
/*    will-change: transform;*/
/*    transition: transform 0.1s linear;*/
/*    opacity: 0;*/
/*}*/

.cea-horizontal-scroll-yes.fixed:after {
    opacity: 1;
}

.cea-horizontal-scroll-yes.progress-bar-disabled:after {
    display: none;
}

.cea-horizontal-scroll-yes>.e-con,
.cea-horizontal-scroll-yes>.e-container {
    transition: none;
    height: var(--initial-height, 100vh);
}

body.tiny-scroll .cea-horizontal-scroll-yes>.e-con,
body.tiny-scroll .cea-horizontal-scroll-yes>.e-container {
    will-change: transform;
    transition: transform 1s cubic-bezier(0, .33, .07, 1.03);
}

.cea-horizontal-scroll-yes.fixed>.e-con,
.cea-horizontal-scroll-yes.fixed>.e-container {
    position: fixed;
    top: 0;
    left: 0;
}

.cea-horizontal-scroll-yes.bottom {
    justify-content: flex-end;
}

.cea-horizontal-scroll-yes>.e-con>*,
.cea-horizontal-scroll-yes>.e-container>* {
    height: var(--min-height, 100vh);
}

.cea-horizontal-scroll-yes.hs-disabled {
    height: auto !important;
}

.cea-horizontal-scroll-yes.hs-disabled:after {
    display: none;
}

.cea-horizontal-scroll-yes.hs-disabled>.e-con,
.cea-horizontal-scroll-yes.hs-disabled>.e-container {
    flex-direction: column !important;
    height: auto;
}

.cea-horizontal-scroll-yes.hs-disabled.fixed>.e-con,
.cea-horizontal-scroll-yes.hs-disabled.fixed>.e-container {
    position: relative;
}

.cea-horizontal-scroll-yes.hs-disabled>.e-con>*,
.cea-horizontal-scroll-yes.hs-disabled>.e-container>* {
    height: auto;
}

.cea-horizontal-scroll-yes.hs-disabled>.e-con>.e-con,
.cea-horizontal-scroll-yes.hs-disabled>.e-container>.e-container {
    width: 100%;
}


/* Youtube video Playlist*/
.cea-youtube-playlist-wrapper .youtube-title {
    line-height: 17px;
    font-size: 14px;
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    padding: 2px 15px;
}

.cea-video-item.active {
    color: rgb(14 30 54);
    font-weight: bold;
}

.cea-video-item:hover {
    text-decoration: underline;
}

li.cea-video-item.d-flex {
    margin-bottom: 10px;
    cursor: pointer;
}

li.cea-video-item img {
    width: 50%;
    height: auto;
    border-radius: 10px;
}

/* Vimeo video Playlist*/
.cea-vimeo-playlist-wrapper .vimeo-title {
    line-height: 17px;
    font-size: 14px;
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    padding: 2px 15px;
}

.cea-vimeo-item.active {
    color: rgb(14 30 54);
    font-weight: bold;
}

.cea-vimeo-item:hover {
    text-decoration: underline;
}

li.cea-vimeo-item.d-flex {
    margin-bottom: 10px;
    cursor: pointer;
}

li.cea-vimeo-item img {
    width: 50%;
    height: auto;
    border-radius: 10px;
}

/* Upload Audio Playlist */
.cea-upload-playlist ul li.media-upload-image img {
    width: 10%;
    height: auto;
    display: inline-block;
    margin-right: 10px;
}

a.cea-upload-playlist-item {
    margin-left: 10px;
}

li.media-upload-image {
    margin-bottom: 10px;
    background-color: #e5e5e5;
}

.cea-upload-playlist ul li.media-upload-image img {
    width: 10%;
    height: 50px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
}

/* .cea-upload-playlist-container{
    border: 2px solid black;
    border-radius: 10px;
    padding: 10px;   
} */
.media-upload-image:hover {
    background-color: #d0d0d0;
    cursor: pointer;
}

.cea-upload-playlist-item.active {
    font-weight: bold;
    color: #0073aa;
}

.cea-video-playlist-item.active {
    font-weight: bold;
    color: #0073aa;
}

/* Auto Active Scroll */
.auto-items {
    display: none;
}

.active-auto {
    display: block !important;
}

.mouse-hover-text {
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.9);
    color: #222;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
}

/* On Scroll */
.load-btn-scroll {
    background: none !important;
    border: none !important;
    color: #000 !important;
}

.vertical-carousel {
    .owl-nav {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        .owl-prev {
            position: absolute;
            left: 0;
            top: 50%;
        }

        .owl-next {
            position: absolute;
            right: 0;
            top: 50%;
        }
    }
}

.cea-image-accordion-horizontal {
    display: flex;
    flex-direction: row;
}

.cea-image-accordion-vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.image-accordion-item {
    padding: 0;
    transition: all 0.6s ease-in-out;
    position: relative;
    z-index: 1;
}

.cea-image-accordion-horizontal div.image-accordion-item {
    width: 300px;
}

.cea-image-accordion-horizontal div.image-accordion-item:hover {
    width: 600px;
}

.cea-image-accordion-vertical .image-accordion-item {
    overflow: hidden;
    width: fit-content;
}

.cea-image-accordion-vertical div.image-accordion-item>.post-thumb>a>img {
    height: 200px;
}

.cea-image-accordion-vertical div.image-accordion-item:hover>.post-thumb>a>img {
    height: 400px;
}

@media (max-width: 767px) {
    .cea-image-accordion-vertical div.image-accordion-item>.post-thumb>a>img {
        height: 100px;
    }

    .cea-image-accordion-vertical div.image-accordion-item:hover>.post-thumb>a>img {
        height: 200px;
    }
}

div.image-accordion-item>.post-thumb>a>img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: height 0.6s ease-in-out;
}

/*div.image-accordion-item .post-thumb.post-overlay-active .post-overlay-items {*/
/*    visibility: hidden;*/
/*    opacity: 0;*/
/*    transition: all 0.8s ease-in;*/
/*}*/
/*div.image-accordion-item:hover >.post-thumb.post-overlay-active .post-overlay-items {*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*}*/


/* Location map widget */
.location-map-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.location-map-popup.active {
    display: flex;
}

.location-map-popup .popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    max-width: 400px;
    width: 100%;
    position: relative;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 20px;
}