/*
 Theme Name:   Quiety Child
 Theme URI:    https://quiety-wp.themetags.com/
 Description:  Quiety is a modern and clean WordPress theme suitable for any kind of Digital Agency, Digital Marketing and Seo Marketing.
 Author:       ThemeTags
 Author URI:   https://themetags.com/
 Template:     quiety
 Version:      2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  quiety
*/
.mega-close {
    display: none !important
}

.topbanner-area {
    background: var(--e-global-color-primary);
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: "Open Sans", Sans-serif;
    position: sticky;
    height: auto;
}

.topbanner-area > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 10px 0
}

.dialog-type-lightbox {
    z-index: 100000 !important
}

h1,
h2,
h3,
h4 {
    line-height: 1.2 !important;
}

body * p,
body p,
html,
body,
li {
    line-height: 1.6 !important;
    font-size: 16px !important;
}

/* Shrink */
.hvr_shrink a,
a.btns,
a.boxity {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    box-shadow: 0px 0px 15px 0px rgb(182 192 211 / 48%);
}

.hvr_shrink a:hover,
.hvr_shrink a:focus,
.hvr_shrink a:active,
a.btns:hover,
a.btns:focus,
a.btns:active,
a.boxity:hover,
a.boxity:focus,
a.boxity:active {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    box-shadow: 0px 0px 5px 0px rgb(182 192 211 / 20%);
}

a.boxity {
    background: #fff;
    border-radius: 100px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D3DCEAC7;
}

a.hvr-link,
.de-button-text,
.hvr-link span a,
span.hvr-link {
    font-weight: bold;
    font-size: 16px;
    color: var(--e-global-color-primary) !important;
}

a.hvr-link:before,
.de-button-text:before,
.hvr-link span a:before,
span.hvr-link:before,
.hvr-link.back a:before {
    content: '';
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi4wNiAxNS40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDVjZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEsOC43SDE4LjY0bC01LDVjLS4zOSwuMzktLjM5LDEuMDIsMCwxLjQxLC4yLC4yLC40NSwuMjksLjcxLC4yOXMuNTEtLjEsLjcxLS4yOWw2LjctNi43Yy4wOS0uMDksLjE3LS4yLC4yMi0uMzMsLjEtLjI0LC4xLS41MiwwLS43Ni0uMDUtLjEyLS4xMi0uMjMtLjIyLS4zM0wxNS4wNiwuMjljLS4zOS0uMzktMS4wMi0uMzktMS40MSwwcy0uMzksMS4wMiwwLDEuNDFsNSw1SDFDLjQ1LDYuNywwLDcuMTUsMCw3LjdzLjQ1LDEsMSwxWiIvPjwvc3ZnPg==);
    width: 20px;
    height: 16px;
    position: relative;
    top: 2px;
    margin-right: 5px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;

}

.hvr-link.back a {
    font-weight: normal;
    font-size: 14px !important;
    color: var(--e-global-color-text) !important
}

.hvr-link.back a:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi4wNiAxNS40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDBjMWU7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIxLjA2LDYuN0gzLjQxTDguNDEsMS43MWMuMzktLjM5LC4zOS0xLjAyLDAtMS40MUM4LjIyLC4xLDcuOTYsMCw3LjcsMHMtLjUxLC4xLS43MSwuMjlMLjI5LDdjLS4wOSwuMDktLjE3LC4yLS4yMiwuMzMtLjEsLjI0LS4xLC41MiwwLC43NiwuMDUsLjEyLC4xMiwuMjMsLjIyLC4zM2w2LjcsNi43Yy4zOSwuMzksMS4wMiwuMzksMS40MSwwcy4zOS0xLjAyLDAtMS40MUwzLjQxLDguN0gyMS4wNmMuNTUsMCwxLS40NSwxLTFzLS40NS0xLTEtMVoiLz48L3N2Zz4=);
}

.hvr-link.white_r {
    color: #fff !important
}

.hvr-link.white_r:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi4wNiAxNS40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIxLjk4LDcuMzJjLS4wNS0uMTItLjEyLS4yMy0uMjItLjMzTDE1LjA2LC4yOWMtLjM5LS4zOS0xLjAyLS4zOS0xLjQxLDBzLS4zOSwxLjAyLDAsMS40MWw1LDVIMWMtLjU1LDAtMSwuNDUtMSwxcy40NSwxLDEsMUgxOC42NGwtNSw1Yy0uMzksLjM5LS4zOSwxLjAyLDAsMS40MSwuMiwuMiwuNDUsLjI5LC43MSwuMjlzLjUxLS4xLC43MS0uMjlsNi43LTYuN2MuMDktLjA5LC4xNy0uMiwuMjItLjMzLC4wNS0uMTIsLjA4LS4yNSwuMDgtLjM4cy0uMDMtLjI2LS4wOC0uMzhaIi8+PC9zdmc+");
}

a.hvr-link:hover:before,
.de-button-text:hover:before,
.hvr-link span a:hover:before,
.contact_bx:hover span.hvr-link:before {
    -moz-transform: translateX(3px);
    -webkit-transform: translateX(3px);
    -o-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
}

.l-black {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi4wNiAxNS40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDBjMWU7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIxLjA2LDYuN0gzLjQxTDguNDEsMS43MWMuMzktLjM5LC4zOS0xLjAyLDAtMS40MUM4LjIyLC4xLDcuOTYsMCw3LjcsMHMtLjUxLC4xLS43MSwuMjlMLjI5LDdjLS4wOSwuMDktLjE3LC4yLS4yMiwuMzMtLjEsLjI0LS4xLC41MiwwLC43NiwuMDUsLjEyLC4xMiwuMjMsLjIyLC4zM2w2LjcsNi43Yy4zOSwuMzksMS4wMiwuMzksMS40MSwwcy4zOS0xLjAyLDAtMS40MUwzLjQxLDguN0gyMS4wNmMuNTUsMCwxLS40NSwxLTFzLS40NS0xLTEtMVoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: contain
}

.r-black {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi4wNiAxNS40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDBjMWU7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEsOC43SDE4LjY0bC01LDVjLS4zOSwuMzktLjM5LDEuMDIsMCwxLjQxLC4yLC4yLC40NSwuMjksLjcxLC4yOXMuNTEtLjEsLjcxLS4yOWw2LjctNi43Yy4wOS0uMDksLjE3LS4yLC4yMi0uMzMsLjEtLjI0LC4xLS41MiwwLS43Ni0uMDUtLjEyLS4xMi0uMjMtLjIyLS4zM0wxNS4wNiwuMjljLS4zOS0uMzktMS4wMi0uMzktMS40MSwwcy0uMzksMS4wMiwwLDEuNDFsNSw1SDFDLjQ1LDYuNywwLDcuMTUsMCw3LjdzLjQ1LDEsMSwxWiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain
}

.l-blue {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi4wNiAxNS40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDVjZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIxLjA2LDYuN0gzLjQxTDguNDEsMS43MWMuMzktLjM5LC4zOS0xLjAyLDAtMS40MS0uMi0uMi0uNDUtLjI5LS43MS0uMjlzLS41MSwuMS0uNzEsLjI5TC4yOSw3Yy0uMDksLjA5LS4xNywuMi0uMjIsLjMzLS4xLC4yNC0uMSwuNTIsMCwuNzYsLjA1LC4xMiwuMTIsLjIzLC4yMiwuMzNsNi43LDYuN2MuMzksLjM5LDEuMDIsLjM5LDEuNDEsMHMuMzktMS4wMiwwLTEuNDFMMy40MSw4LjdIMjEuMDZjLjU1LDAsMS0uNDUsMS0xcy0uNDUtMS0xLTFaIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: contain
}

.r-blue {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi4wNiAxNS40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDVjZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEsOC43SDE4LjY0bC01LDVjLS4zOSwuMzktLjM5LDEuMDIsMCwxLjQxLC4yLC4yLC40NSwuMjksLjcxLC4yOXMuNTEtLjEsLjcxLS4yOWw2LjctNi43Yy4wOS0uMDksLjE3LS4yLC4yMi0uMzMsLjEtLjI0LC4xLS41MiwwLS43Ni0uMDUtLjEyLS4xMi0uMjMtLjIyLS4zM0wxNS4wNiwuMjljLS4zOS0uMzktMS4wMi0uMzktMS40MSwwcy0uMzksMS4wMiwwLDEuNDFsNSw1SDFDLjQ1LDYuNywwLDcuMTUsMCw3LjdzLjQ1LDEsMSwxWiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain
}

.r-white {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi4wNiAxNS40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIxLjk4LDcuMzJjLS4wNS0uMTItLjEyLS4yMy0uMjItLjMzTDE1LjA2LC4yOWMtLjM5LS4zOS0xLjAyLS4zOS0xLjQxLDBzLS4zOSwxLjAyLDAsMS40MWw1LDVIMWMtLjU1LDAtMSwuNDUtMSwxcy40NSwxLDEsMUgxOC42NGwtNSw1Yy0uMzksLjM5LS4zOSwxLjAyLDAsMS40MSwuMiwuMiwuNDUsLjI5LC43MSwuMjlzLjUxLS4xLC43MS0uMjlsNi43LTYuN2MuMDktLjA5LC4xNy0uMiwuMjItLjMzLC4wNS0uMTIsLjA4LS4yNSwuMDgtLjM4cy0uMDMtLjI2LS4wOC0uMzhaIi8+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: contain
}



.mobilenav .has-submenu:after {
    width: 20px;
    height: 20px;
    content: '';
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwMGMxZTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjguMjUsMTAwYy0xLjY2LDAtMy4zMi0uNjMtNC41OS0xLjktMi41NC0yLjU0LTIuNTQtNi42NCwwLTkuMThMNjIuNTgsNTAsMjMuNjYsMTEuMDhjLTIuNTQtMi41NC0yLjU0LTYuNjQsMC05LjE4czYuNjQtMi41NCw5LjE4LDBsNDMuNTEsNDMuNTFjMi41NCwyLjU0LDIuNTQsNi42NCwwLDkuMThsLTQzLjUxLDQzLjUxYy0xLjI3LDEuMjctMi45MywxLjktNC41OSwxLjlaIi8+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: 0;
    z-index: 9999;
    display: inline-block;
    opacity: 1 !important;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.mobilenav .has-submenu.highlighted:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwMGMxZTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwyOC4yNWMwLTEuNjYsLjYzLTMuMzIsMS45LTQuNTksMi41NC0yLjU0LDYuNjQtMi41NCw5LjE4LDBMNTAsNjIuNTgsODguOTIsMjMuNjZjMi41NC0yLjU0LDYuNjQtMi41NCw5LjE4LDBzMi41NCw2LjY0LDAsOS4xOGwtNDMuNTEsNDMuNTFjLTIuNTQsMi41NC02LjY0LDIuNTQtOS4xOCwwTDEuOSwzMi44M2MtMS4yNy0xLjI3LTEuOS0yLjkzLTEuOS00LjU5WiIvPjwvc3ZnPg==")
}

.mobilenav .sm:first-child {
    margin-top: 20px;
}

#mainheader {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.whiteheader {
    background: rgba(255, 255, 255, .96);
    -webkit-box-shadow: 0 0 10px 5px rgba(182, 192, 211, 0.4);
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.clearheader {
    background: rgba(255, 255, 255, 0);
    padding: 15px 0 15px 0
}

.dropdownmenu a {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.dropdownmenu a:hover {
    -moz-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -o-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}

.style4 .read_more {
    opacity: 0;
    display: inline-block;
    margin-top: 10px;

}

.post-grid.style4 {
    border-radius: 0;
    position: relative
}

.post-grid.style4 .feature-a {
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    cursor: pointer;
    z-index: 30
}

.post-grid.style4:hover .feature-image img {
    transform: scale(1.07);
}

.style4 * {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.style4 .meta-category-wrapper {
    display: inline-block;
    background: var(--e-global-color-text);
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.style4 .entry-header {
    z-index: 20;
    position: relative;
    overflow: hidden;
}

.post-grid.style4:hover .entry-header {

    -moz-transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    overflow: visible
}

.post-grid.style4:hover .meta-category-wrapper {
    background: var(--e-global-color-primary) !important;
}

.post-grid.style4:hover .blog-content {
    border-bottom: 2px solid var(--e-global-color-primary) !important;
}

.post-grid.style4 .blog-content {
    padding: 19px 30px 10px;
    border-bottom: 2px solid transparent;
}

.post-grid.style4:hover .read_more {
    opacity: 1;
}

.v6 .testimonial {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    background-color: transparent !important;
    box-shadow: none;
    flex-wrap: wrap;
    margin: 0;
}

.v6 .testimonial .avatar {
    margin-right: 20px;
    width: 150px;
    height: 150px;
    position: relative;
    z-index: 2;
    flex: 0 0 150px;
    border-radius: 100%;
    overflow: hidden;
}

.v6 .star-rating {
    margin-bottom: 10px;
}

.v6 .testimonial .testimonial-content-wrapper {
    display: block
}

.v6 .bio-wrapper {
    margin-top: 20px;
    font-size: 16px;
    color: var(--e-global-color-text);
}

.v6 .slider-controls > div {
    width: 20px;
    height: 16px;
}

.v6 .slider-controls {
    display: flex;
    width: 100%;
    padding: 0 20px;
    justify-content: space-between;
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.v6 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #fff;
    box-shadow: none;
    padding: 50px 80px;
}

.testi-swiper-pagination.naughty {
    /* width: max-content !important; */
    /* left: auto !important; */
    /* right: 25px; */
    /* bottom: 25px !important; */
    /* position: absolute; */
    z-index: 2;
    display: flex;
    justify-content: center;
}

.testi-swiper-pagination.naughty .swiper-pagination-bullet {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.testi-swiper-pagination.naughty .swiper-pagination-bullet {
    background: #BCC5D3
}

.testi-swiper-pagination.naughty .swiper-pagination-bullet-active {
    background: var(--e-global-color-primary)
}

.banner_btns a {
    width: 220px !important;
}

.butn a {
    min-width: 220px !important;
}

.btns {
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    fill: #fff !important;
    color: #fff !important;
    background-color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 100px 100px 100px 100px;
    padding: 20px 30px 20px 30px;
    min-width: 220px !important;
    height: auto;
    display: inline-block;
    text-align: center;
}

.solar h1 > span,
.sfr h1 > span,
.cons h1 > span,
.teals h1 > span,
.yellow h1 > span,
.lgreen h1 > span,
.lorange h1 > span,

.solar h2 > span,
.sfr h2 > span,
.cons h2 > span,
.teals h2 > span,
.yellow h2 > span,
.lgreen h2 > span,
.lorange h2 > span,

.cons h3 > span,
.solar h3 > span,
.sfr h3 > span,
.teals h3 > span,
.yellow h3 > span,
.lgreen h3 > span,
.lorange h3 > span,

.solar h1,
.sfr h1,
.cons h1,
.teals h1,
.yellow h1,
.lgreen h1,
.lorange h1,

.solar h2,
.sfr h2,
.cons h2,
.teals h2,
.yellow h2,
.lgreen h2,
.lorange h2,

.cons h3,
.solar h3,
.sfr h3,
.teals h3,
.yellow h3,
.lgreen h3,
.lorange h3 {
    z-index: 10;
    position: relative;
}

.solar h1 > span,
.solar h2 > span,
.solar h3 > span,
.yellow h1 > span,
.yellow h2 > span,
.yellow h3 > span {
    background-image: linear-gradient(var(--e-global-color-1be651d), var(--e-global-color-1be651d));
    background-repeat: no-repeat;
    background-size: 100% 15px;
    background-position: 0 85%;
}

.sfr h1 > span,
.sfr h2 > span,
.sfr h3 > span,
.lgreen h1 > span,
.lgreen h2 > span,
.lgreen h3 > span,
.teals h1 > span,
.teals h2 > span,
.teals h3 > span {
    background-image: linear-gradient(var(--e-global-color-c195245), var(--e-global-color-c195245));
    background-repeat: no-repeat;
    background-size: 100% 15px;
    background-position: 0 85%;
}

.cons h1 > span,
.cons h2 > span,
.cons h3 > span,
.orange h1 > span,
.orange h2 > span,
.orange h3 > span {
    background-image: linear-gradient(var(--e-global-color-018ee5c), var(--e-global-color-018ee5c));
    background-repeat: no-repeat;
    background-size: 100% 15px;
    background-position: 0 85%;
}

.lorange h1 > span,
.lorange h2 > span,
.lorange h3 > span {
    background-image: linear-gradient(var(--e-global-color-4e59087), var(--e-global-color-4e59087));
    background-repeat: no-repeat;
    background-size: 100% 15px;
    background-position: 0 85%;
}

/* Tablet screens (up to 768px) */
@media (max-width: 768px) {

    .solar h1 > span,
    .solar h2 > span,
    .solar h3 > span,
    .yellow h1 > span,
    .yellow h2 > span,
    .yellow h3 > span,
    .sfr h1 > span,
    .sfr h2 > span,
    .sfr h3 > span,
    .lgreen h1 > span,
    .lgreen h2 > span,
    .lgreen h3 > span,
    .teals h1 > span,
    .teals h2 > span,
    .teals h3 > span,
    .cons h1 > span,
    .cons h2 > span,
    .cons h3 > span,
    .orange h1 > span,
    .orange h2 > span,
    .orange h3 > span,
    .lorange h1 > span,
    .lorange h2 > span,
    .lorange h3 > span {
        background-size: 100% 15px;
    }
}

/* Mobile screens (up to 576px) */
@media (max-width: 576px) {

    .solar h1 > span,
    .solar h2 > span,
    .solar h3 > span,
    .yellow h1 > span,
    .yellow h2 > span,
    .yellow h3 > span,
    .sfr h1 > span,
    .sfr h2 > span,
    .sfr h3 > span,
    .lgreen h1 > span,
    .lgreen h2 > span,
    .lgreen h3 > span,
    .teals h1 > span,
    .teals h2 > span,
    .teals h3 > span,
    .cons h1 > span,
    .cons h2 > span,
    .cons h3 > span,
    .orange h1 > span,
    .orange h2 > span,
    .orange h3 > span,
    .lorange h1 > span,
    .lorange h2 > span,
    .lorange h3 > span {
        background-size: 100% 15px;
    }
}

.sml h3 > span:after {
    height: 6px !important;
}

.med h3 > span:after {
    height: 12px !important;
}



.case_studies img {
    height: 90px !important;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: left;
    /* filter: grayscale(0);*/
}

.case_studies .tt-icon-box .de-button-text {
    filter: grayscale(100%);

}

.case_studies .tt-icon-box:hover .de-button-text,
.case_studies .tt-icon-box:hover img {
    filter: grayscale(0);

}

.content-tab-image img {
    border-radius: 30px !important;
    height: 350px !important;
    object-fit: cover;
}

.tt-tabs-wrapper .tab-image:before {
    display: none !important
}

.tt-tabs-wrapper .tab-image-wrapper {
    padding: 0 !important
}

.wow #tt-tabs-nav li .author-image {
    /* background: var(--e-global-color-text);*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.wow #tt-tabs-nav li .author-image img {
    width: 50px;
    height: 50px;
    border-radius: 0 !important
}

.team .tt-team__social {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 20px;
}

.team .tt-team__social ul {
    margin-bottom: 0;
    padding: 0
}

.team .tt-team:hover .tt-team__social > a {
    transform: translateY(0);
    opacity: 1;

}

.team .tt-team__social > a {
    transition-delay: 0.5s;

}

.team .tt-team__social li a {
    line-height: 28px !important;
}

.team .tt-team__social > a {
    display: inline-block;
    transition: all 0.3s ease-in-out;
    transform: translateY(20px);
    opacity: 0;
}

.team .tt-team {
    margin-bottom: 0;
}

.team-member:hover {}

.team-member:hover .team-img {
    background-size: 280px
}

/* Initially hide .team_details */
.team-member .team-img .team_details {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
    /* Ensure visibility change happens after fade */
}

/* On hover, make .team_details visible */
.team-member:hover .team-img .team_details {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in-out, visibility 0s linear 0s;
}

.team .popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    max-width: 800px !important;
    height: auto !important;
}

.team .overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999998;
    background: rgba(0, 0, 0, .35)
}

.team-member {
    margin-bottom: 0 !important
}

.no-scroll {
    overflow: hidden;
    height: 100vh;
    /* Prevent scrolling when popups are open */
}

.team_details .socials {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
}

.team_details .socials * {
    color: #fff !important
}

.team_details .socials .pop-trig {
    align-self: flex-end;
}

.team_details .ico {
    margin-right: auto;
    font-size: 18px;
}

.team_details .ico:hover {
    transition: all 0.3s ease-in-out;
    transform: scale(.9)
}

.closethis {

    cursor: pointer;
}


.closethis .x {
    position: relative;
    display: inline-block;
    /* Ensure it takes up only as much space as needed */
    width: 20px;
    /* Adjust size */
    height: 20px;
    /* Adjust size */
}

.closethis .x::before,
.closethis .x::after {
    content: '';
    position: absolute;
    top: 50%;
    /* Center vertically */
    left: 50%;
    /* Center horizontally */
    width: 100%;
    /* Full width of the parent */
    height: 3px;
    border-radius: 20px;
    /* Thickness of the line */
    background-color: black;
    /* Line color */
    transform-origin: center;
}

.closethis .x::before {
    transform: translate(-50%, -50%) rotate(45deg);
    /* First diagonal line */
}

.closethis .x::after {
    transform: translate(-50%, -50%) rotate(-45deg);
    /* Second diagonal line */
}


.featrs > div {

    display: flex;
    flex-direction: row;
    padding-left: 40px !important
}

.featrs > div .elementor-heading-title i {
    position: absolute;
    top: -2px;
    left: -24px;
    font-size: 14px;
    content: '';
    display: flex;
    justify-content: center;
    align-content: center;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    background-color: rgba(23, 92, 255, 0.102);
    border-radius: 100px;
    color: #175cff;
}

.featrs > div .elementor-heading-title {
    display: flex
}

input[type='text'],
input[type='email'],
select,
textarea {
    background-color: white !important;
}

.gform_footer input[type="submit"].gform_button {
    padding: 15px 30px !important;
    min-width: 200px;
    border-radius: 50px;
    font-family: "Poppins", Sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0
}

.gform_footer input[type="submit"]:hover {
    transform: scale(0.95);
}

.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 0 !important
}

.elementor-widget-shortcode {
    width: 100% !important;
}

#tt-tabs-nav.flexyo {
    display: flex;
    margin-top: 30px !important;
    background: transparent;

}


#tt-tabs-nav.flexyo li a {
    align-items: flex-start;
    flex-direction: row;
}

#tt-tabs-nav.flexyo li a .tab-name {
    margin-bottom: 5px;
}

#tt-tabs-nav.flexyo li a .tab-designation {
    font-size: 15px;
    line-height: 1.4 !important;
}

#tt-tabs-nav.flexyo .author-image {
    margin-bottom: 0;
    height: 50px;
    flex: 0 0 50px;
    overflow: hidden;
    /* border-radius: 100px; */
    margin-right: 0;
}

#tt-tabs-nav.flexyo .author-image img {
    height: 50px;
    width: 50px;
}

#tt-tabs-nav.flexyo li {
    height: 100%;
}

#tt-tabs-nav.flexyo .author-info {
    margin-top: 0;
    flex: auto;
    margin-left: 20px;
}

#tt-tabs-nav.flexyo .tt-tabs-wrapper .title {
    margin-bottom: 20px
}

.yoyo .tt-tabs-wrapper p,
.yoyo .tabs-content p {
    line-height: 1.4;
    margin-bottom: 0 !important
}

#tt-tabs-nav.flexyo .tabs-content {
    padding-right: 70px
}

#tt-tabs-nav.flexyo .tab-image img {
    height: 450px;
    object-fit: contain;
    border-radius: 0;
    box-shadow: none;
    max-height: 450px;
    margin: auto;
    display: block;
}

#tt-tabs-nav.flexyo li.active {
    box-shadow: none !important;
    transform: none !important
}

.tt-tabs-wrapper .tab-image img {
    border-radius: 15px;
    box-shadow: none !important;
}

.yoyo .tab-image img {
    max-height: ;
}

.yoyo .row {
    justify-content: space-between;
    align-items: center;
}

.copyright {
    font-size: 14px;
    color: #000C1E;
}

.footer_main {
    width: 100%;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.footer_main > div {
    padding-left: 0;
    padding-right: 50px;
    width: auto;
}

.footer_main > div:first-child {
    flex: 0 0 35%;
    padding-left: 0;
    padding-right: 0;
}

.footer_main nav > ul li a {
    width: 100%;
    display: block
}

.footer_main nav > ul li a:hover {
    -moz-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -o-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}

.legal_menu ul#menu-1-0f8f5c2 {
    align-items: center;
}

.legal_menu ul#menu-1-0f8f5c2 > li:after {
    content: '/';
    display: inline-block;
    margin: 0 5px;
    border: 0;
}

.legal_menu ul#menu-1-0f8f5c2 > li:last-child:after {
    display: none
}

.uael-post__content-wrap {
    transition: all .2s linear;
}

/* .scroll-container.removed {
    opacity: 0;
	
} */
.scroll-container .elementor-widget-wrap {
    transition: all 0.5s;
}

.scroll-container.removed .elementor-widget-wrap {
    opacity: 0;
    transform: translatey(250px);
}

.gform_footer input[type="submit"] {
    padding: 15px 75px !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.gform_footer input[type="submit"]:hover {
    transform: scale(0.95) !important;
}


/*Hubspot Form style*/
.cap_hubform fieldset {
    max-width: 750px !important;
    width: 100%;
}

.cap_hubform div.input {
    width: 100%;
}

.cap_hubform input[type="email"] {
    width: 100% !important;
}

.cap_hubform input[type="tel"],
.cap_hubform input[type="number"] {
    width: 100% !important;
    background-color: #ffffff !important;
}

.cap_hubform input[type="text"] {
    width: 100% !important;
}

.cap_hubform select {
    width: 100% !important;
}

.cap_hubform textarea {
    width: 100% !important;
    padding: 10px 15px !important;
    resize: none !important;
}

.cap_hubform fieldset.form-columns-2 {
    display: flex;
    gap: 15px;
}

.cap_hubform .hs-form-field {
    position: relative;
}

.cap_hubform .hs-form-field label {
    transition: all .2s linear;
    top: 27px;
    transform: translateY(-50%);
    position: absolute;
    left: 15px;
    z-index: 10;
    color: #52525C;
}

.cap_hubform .hs-fieldtype-select label {
    /*position:initial;*/
}

.cap_hubform label.hs-error-msg {
    color: red !important;
    font-size: 10px;
}

.cap_hubform ul.hs-error-msgs {
    list-style: none;
    /*margin-bottom: 0px;*/
    position: absolute;
    right: 0;
    bottom: 26px;
    width: 100%;
}

.cap_hubform .hs-form-field.success ul.hs-error-msgs {
    list-style: none;
    /*margin-bottom: 0px;*/
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 100%;
}

.cap_hubform .hs-form-field.success label {
    top: 10px;
    left: 15px;
    font-size: 10px;
}

.cap_hubform .hs-button {
    transition: all .2s linear;
    padding: 15px 30px !important;
    min-width: 200px;
    border-radius: 50px !important;
    font-family: poppins, Sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.cap_hubform .hs-button:hover {
    transform: scale(1.05);
}

.cap_hubform .hs_referrer_email {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0 !important;
}

#referrer_email-5cc613d3-e483-4f7e-96a1-b45beaf3d522 {
    margin-bottom: 0 !important;
}

.cap_hubform .hs_referrer_email > * {
    flex: 0 0 100%
}

.cap_hubform .hs_referrer_email > legend {
    order: 3;
    font-size: 14px;
    margin-bottom: 15px !important;
    margin-top: 5px;
    font-weight: bold;
    color: var(--e-global-color-primary)
}

.hs-richtext.hs-main-font-element {
    font-family: poppins, Sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1;
    margin-bottom: 20px;
}

.legal h2,
.legal h3,
.legal h4 {
    font-size: 24px !important;
    margin: 30px 0 20px 0;
}

.legal p,
.legal ul,
.legal ol {
    margin-bottom: 20px
}

/* End Hubspot Form style */


.posts-tabs-wrapper {
    margin: 0;
}

.posts-tabs-nav {
    display: flex;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.posts-tabs-nav .tab {
    cursor: pointer;
    font-size: 14px;
    background-color: #bcc5d4 !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Poppins';
    padding: 8px 14px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.posts-tabs-nav .tab.active {
    background-color: #175cff !important;

}

.posts-tabs-nav .tab:hover {
    background-color: #175cff !important;
}

.posts-tabs-content {
    margin-top: 20px;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.posts-grid {
    display: grid;
    gap: 20px;
}

.posts-grid .post-item {
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    padding: 0;
    height: 100%
}

.posts-grid .post-thumbnail img {
    max-width: 100%;
    height: auto;
    display: block;
}

.posts-grid .post-info {
    margin: 0;
    padding: 20px;
}

.posts-grid .post-title {
    margin: 0 0 10px;
}

.posts-grid .post-meta {
    font-size: 14px;
    color: #777;
}

.post-category {
    padding: 5px 10px;
    background: #111;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block;
}

.post-item * {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.post-item:hover img {
    transform: scale(1.02)
}

.post-item:hover .post-info {
    transform: translateY(-34px)
}

.post-item:hover .post-category {
    background: #175CFF;
}

.post-thumbnail {
    overflow: hidden
}

.post-item .post-date {
    color: #111
}

.post-item .readmore {
    display: block;

    opacity: 0;
    font-weight: bold;
    color: #175CFF;
    margin-top: 10px;
}

.post-item:hover .readmore {
    opacity: 1
}

.paginate {
    display: flex;
    justify-content: center;
    margin-block-start: 20px;
    gap: 10px;
}

.paginate .page-numbers {
    font-weight: bold;
    padding: 5px;
    color: #111;
    border-radius: 3px;
}

.paginate .page-numbers.current {
    color: #fff;
    background: #175cff;
}

.new-label .elementor-icon-list-text:after {
    content: 'NEW';
    font-size: 10px;
    border-radius: 2px;
    padding: 2px 3px;
    background: var(--e-global-color-018ee5c);
    margin-left: 3px;
    color: #fff;
}

.plan-dets {
    font-family: "Poppins", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: .2 !important;
    color: var(--e-global-color-text);
    margin: 0;
    padding: 0;
    line-height: 1.2
}

.subs {
    font-family: "Poppins", Sans-serif;
    font-weight: bold;
    font-size: 18px;
    background: #F5F6F8;
    border: 2px solid rgba(0, 0, 0, .03);
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 20px;
}


.cs-masonry {
    width: 100%;
    /*grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    display: grid;*/
}

.cs {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-sizing: border-box;
    width: calc(33.33% - 13.33px);
    margin-bottom: 20px;
}

.cs:hover {
    transform: scale(1.02)
}

.bgpc {
    background-size: cover;
    height: 200px;
    border-radius: 10px 10px 0 0;
    position: relative
}

.cs-info {
    background: #fff;
    padding: 30px;
    border-radius: 0 0 10px 10px;
}

.cs_logo > img {
    max-width: 100px !important;
    max-height: 60px;
    object-fit: contain;
    object-position: center;
}

.featured_cs {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 405px;
    display: block;
    z-index: 10;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.featured_cs .bgpic {
    height: 100%;
    background-size: cover;
    background-position: bottom center;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}

.featured_cs .bgpic:before {
    content: '';
    background-color: transparent;
    --background-overlay: '';
    background-image: linear-gradient(180deg, var(--e-global-color-text) 0%, var(--e-global-color-f614c41) 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: .6;
}

.featured_cs .featured-content {
    padding: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 20px;
    z-index: 2;
}

.featured_cs .feats span {
    position: relative;
    z-index: 1;
    position: relative;
}

.featured_cs .feats {
    position: absolute;
    right: 0;
    top: 30px;
    padding: 15px 30px 15px 40px;
    background: var(--e-global-color-text);
    border-radius: 100px 0 0 100px;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: var(--e-global-color-9026a57);
}

.featured_cs .logo {
    background-color: var(--e-global-color-9026a57);
    margin: 0;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--e-global-color-ac04d2e);
    border-radius: 6px;
}

.featured_cs .logo > img {
    width: auto;
    max-width: 100%;
    height: 40px;
    object-fit: contain;
    object-position: center center;
}

.featured_cs:hover {
    transform: scale(1.01)
}

.featured_cs .industry-name {
    position: relative;
    right: auto;
    left: 0;
    display: inline-block;
}

.featured_cs .hvr-link.white_r {
    align-self: flex-end;
}

.featured_cs:hover .hvr-link.white_r:before {
    -moz-transform: translateX(3px);
    -webkit-transform: translateX(3px);
    -o-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
}

.featured_cs h2 {
    font-family: "Poppins", Sans-serif;
    font-size: 34px !important;
    font-weight: bold;
    color: var(--e-global-color-9026a57) !important;
    margin: 0;
    line-height: 1.2
}

.posts-tabs-wrapper.case-studies .posts-tabs-nav {
    justify-content: center;
    margin-bottom: 60px;
}

.posts-tabs-wrapper.case-studies .posts-tabs-nav .tab {

    background: none !important;
    padding: 0;
    position: relative;
}

.posts-tabs-wrapper.case-studies .posts-tabs-nav span {
    font-family: "Poppins", Sans-serif;
    font-size: 34px;
    font-weight: bold;
    color: var(--e-global-color-text);
    margin: 0 5px;
    pointer-events: none;
    z-index: 2;
}

.posts-tabs-wrapper.case-studies .posts-tabs-nav .tab span {
    position: relative;
    z-index: 2;
}

/* Default state for ::after */
.posts-tabs-wrapper.case-studies .posts-tabs-nav .tab::after {
    content: '';
    width: 0;
    /* Start with zero width */
    height: 8px;
    background-color: var(--e-global-color-c195245);
    position: absolute;
    left: 0;
    /* Anchor to the left */
    bottom: 8px;
    /* Match your positioning */
    z-index: 1;
    transition: width 0.3s ease-in-out;
    /* Transition the width */
}

/* Active state */
.posts-tabs-wrapper.case-studies .posts-tabs-nav .tab.active::after {
    width: 100%;
    /* Full width for active */
    display: inline-block;
}

.posts-tabs-wrapper.case-studies .posts-tabs-nav .tab:hover::after {
    width: 100%;
    display: inline-block;
}

.posts-tabs-wrapper.case-studies .posts-tabs-nav .tab[data-tab="industry-sfr"]:after {
    background-color: var(--e-global-color-c195245);
}

.posts-tabs-wrapper.case-studies .posts-tabs-nav .tab[data-tab="industry-solar"]:after {
    background-color: var(--e-global-color-1be651d)
}

.posts-tabs-wrapper.case-studies .posts-tabs-nav .tab[data-tab="all"]:after {
    background-color: #00B4CC
}

/* Fade animations for cs-masonry */
.posts-tabs-content .tab-content .cs-masonry {
    opacity: 1;
    /* Default state */
    transition: opacity 0.3s ease-in-out;
    /* Smooth transition */
}

.posts-tabs-content .tab-content.fade-out .cs-masonry {
    opacity: 0;
    /* Fade out */
}

.posts-tabs-content .tab-content.fade-in .cs-masonry {
    opacity: 0;
    /* Start faded out */
    animation: fadeIn 0.3s ease-in-out forwards;
    /* Fade in */
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.topofthemorning .industry-name {
    position: relative !important;
    top: 0;
    right: auto;
    left: 0;
    display: inline-block;
}

.industry-name {
    margin: 0;
    padding: 7px 20px 5px 20px;
    border-radius: 0 8px 0 4px;
    font-weight: bold;
    color: var(--e-global-color-text);
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
}

.industry-name.solar {
    background: var(--e-global-color-1be651d)
}

.industry-name.sfr {
    background: var(--e-global-color-c195245)
}

.industry-name.construction {
    background: var(--e-global-color-018ee5c)
}

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

.bodytext ul:last-child {
    margin-bottom: 0 !important
}

.bodytext ul li {
    position: relative;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.6;
    padding-left: 25px
}

.bodytext ul li:last-child {
    margin-bottom: 0;
}

.bodytext ul li:before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgY2xhc3M9ImUtZm9udC1pY29uLXN2ZyBlLWZhcy1jaGVjayIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeiI+PC9wYXRoPjwvc3ZnPg==);
    fill: rgb(0 92 255);
    position: absolute;
    left: 3px;
    width: 15px;
    height: 15px;
    top: 4px;
}

.next-arrow {
    position: relative
}

.next-arrow:after {
    content: '';
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi4wNiAxNS40MSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzIzMWYyMDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjEuOTgsOC4wOWMuMS0uMjQuMS0uNTIsMC0uNzYtLjA1LS4xMi0uMTItLjIzLS4yMi0uMzNMMTUuMDYuMjljLS4zOS0uMzktMS4wMi0uMzktMS40MSwwcy0uMzksMS4wMiwwLDEuNDFsNSw1SDFjLS41NSwwLTEsLjQ1LTEsMXMuNDUsMSwxLDFoMTcuNjRsLTUsNWMtLjM5LjM5LS4zOSwxLjAyLDAsMS40MS4yLjIuNDUuMjkuNzEuMjlzLjUxLS4xLjcxLS4yOWw2LjctNi43Yy4wOS0uMDkuMTctLjIuMjItLjMzWiIvPgo8L3N2Zz4=");
    width: 20px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: -24px;
    transform: translateY(20px);

}

/* Widget-specific styles */
.pricing-toggle-wrapper .pricing-toggle-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    background: #fff;
    padding: 2px;
    border-radius: 50px;
    cursor: pointer;
    user-select: none;
    height: 50px;
}

.pricing-toggle-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    border: 0;
    background: #fff;
    border-radius: 100px;
    cursor: pointer;
    user-select: none;
    height: 52px;
    margin-bottom: 20px
}

.pricing-toggle-wrapper .toggle-label {
    position: relative;
    z-index: 2;
    padding: 0;
    font-weight: normal;
    text-align: center;
    color: #111;
    width: 140px;
    font-size: 14px;
    transition: color 0.3s ease;
    cursor: pointer
}

.pricing-toggle-wrapper .toggle-label.active {
    color: #fff;
}

.badgewrapper {
    position: absolute;

    margin: 0;
    transform: translate(300px, 15px);
}

.pricing-toggle-wrapper .save-badge,
.save-badge,
.badgewrapper {

    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: var(--e-global-color-primary)
}

.pricing-toggle-wrapper .pricing-toggle-input {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.pricing-toggle-wrapper .toggle-slider {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(50% - 2px);
    height: calc(100% - 2px);
    background: var(--e-global-color-primary);
    border-radius: 50px;

    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.pricing-toggle-wrapper .pricing-toggle-input:checked ~ .toggle-slider {
    transform: translateX(100%);
}

.pricing-package .monthly {
    display: none;
}

.pricing-package .annual {}

/* Responsive Grid */
@media (min-width: 1025px) {
    .posts-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cs {
        width: calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    .posts-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .cs {
        width: 100%;
    }
}

@media (max-width: 1400px) and (min-width: 768px) {
    #mainheader {
        width: 100% !important
    }
}

/*Tablet*/
@media only screen and (max-width: 1040px) {
    .footer_main {
        padding: 20px;
    }

    .footer_main > div:first-child {
        flex: 0 0 100%;
        justify-content: space-between;
        flex-direction: row;
        border-bottom: 1px solid #F2F3F6;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .copyright {
        text-align: center;
        font-size: 12px
    }

    .elementor-5494 .elementor-element.elementor-element-4db0ea0 {
        flex-wrap: wrap
    }

    .elementor-5494 .elementor-element.elementor-element-d0fe252 {
        order: 3;
        --width: 100% !important;
    }

    .elementor-5494 .elementor-element.elementor-element-2d408b3 {
        order: 2;
        padding: 10px 0 6px;
        --width: 100% !important;
    }

    .elementor-5494 .elementor-element.elementor-element-cefb96f {
        order: 1;
        --width: 100% !important;
    }

    .elementor-5494 .elementor-element.elementor-element-0f8f5c2 {
        --e-nav-menu-horizontal-menu-item-margin: calc(10px / 2);
        margin: auto;
    }

    .elementor-5494 .elementor-element.elementor-element-0f8f5c2 .elementor-nav-menu .elementor-item {
        font-size: 12px !important
    }

    .recent-post:last-child {
        display: none
    }
}

/*End Tablet*/

/*Mobile*/
@media only screen and (max-width: 767px) {
    .next-arrow:after {
        display: none
    }

    #mega-menu-wrap-primary {
        padding: 0 20px;
    }

    .topbanner-area > div {
        padding: 10px 20px
    }

    .topbanner-area .line {
        display: none
    }

    .topbanner-area .timed {
        display: block
    }

    .content-tab-image img {
        height: 250px !important;
    }

    .home_banner a,
    .banner_btns a {
        display: block;
        width: 100% !important;
    }

    .v6 {
        padding: 30px;
    }

    .v6 .testimonial .avatar {
        margin: 0 0 20px 0
    }

    .v6 .slider-controls {
        display: none
    }

    .post-grid .feature-image img {
        height: 200px;
    }

    .industry_links {
        padding: 0 !important;
    }

    .industry_links .elementor-image-box-wrapper {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .industry_links .elementor-image-box-img {
        padding-right: 10px !important
    }

    .logos > div {
        flex: 0 0 50%;
    }

    .gform_footer input[type="submit"].gform_button {
        font-size: 12px !important;
    }

    .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1 !important;
        min-height: 0 !important;
        display: block;
        width: 100%;
    }

    .footer_main {
        --flex-direction: column;
        text-align: center;
        padding: 20px
    }

    .footer_main > div:first-child {
        flex: 0 0 100%;
        flex-direction: column;
        margin-bottom: 0;
        padding-bottom: 30px;
    }

    .footer_main > div {
        padding-right: 0;
        width: 100%;
        text-align: center;
        margin-top: 20px
    }

    .footer_main .elementor-heading-title P {
        text-align: center
    }

    .featured_cs h2 {
        font-size: 22px !important;
    }

    .posts-tabs-wrapper.case-studies .posts-tabs-nav {
        margin-bottom: 30px;
    }

    .posts-tabs-wrapper.case-studies .posts-tabs-nav span {
        font-size: 24px
    }

    .posts-tabs-wrapper.case-studies .posts-tabs-nav .tab::after {
        bottom: 3px
    }

    .cs-info,
    .featured_cs .featured-content {
        padding: 20px
    }

    .cs-info > h3.post-title {
        font-size: 22px !important
    }

    .badgewrapper {
        position: relative;
        margin: 0 0 20px 0;
        transform: none;
    }

    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
        align-items: flex-start;
        justify-content: flex-start;
        padding-top: 50px;
    }

}

/*End Mobile*/