/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*******************************************************************/
/******************************general******************************/
/*******************************************************************/
/* ::selection {
        background-color: rgba(241, 68, 57, 1);
        color: #fff;
    } */

    :root {
        --highlight-color: null;
        --underline-duration: 0.5s;
        --vp-color-brand: #f15744 !important;
        --text-spec-icon: "";
    }
    
    ::selection {
        background: var(--highlight-color);
        color: #333;
    }
    
    body {
        transition: background-color 1s ease;
    
    
    }
    
    * {
        letter-spacing: 0.03em;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        letter-spacing: 0.05rem;
    }

	b, strong {
		font-weight: 500;
	}
    
    .elementor-button-content-wrapper {
        align-items: center;
    }
    
/*     .color-grey {
        background-color: #f8f8f8;
    } */
    
    .color-black {
        background-color: #222;
    }
    
    .color-offwhite {
        background-color: #efefef;
    }
    
    .color-white {
        background-color: #fff;
    }
    
    .color-orange {
        background-color: #F15744;
    }
    
    .color-yellow {
        background-color: #FFC938;
    }
    
    .color-purple {
        background-color: #633a86;
    }
    
    .color-teal {
        background-color: #00a99d;
    }
    
    .text-color-orange {
        color: #F15744;
    }
    
    .text-color-yellow {
        color: #FFC938;
    }
    
    .text-color-purple {
        color: #633a86;
    }
    
    .text-color-teal {
        color: #00a99d;
    }
    
    .sec-90 {
        padding-left: 30px;
        padding-right: 30px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .sec-90>.elementor-container {
        width: 90%;
        max-width: 1800px;
        margin-left: auto;
        margin-right: auto;
    }
    
    /*flexbox container - release candidate */
    .sec-90>.e-con {
        width: 90%;
        max-width: 1800px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .container-md>.elementor-container {
        max-width: 1340px;
    }
    
    html {
        font-size: 16px;
        /**CHANGE THIS VALUE FOR RESPONSIVE**/
    }
    
    .hidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px !important;
        overflow: hidden;
        padding: 0;
        position: absolute !important;
        width: 1px;
    }
    
    
    
    /*to prevent horizontal scroll bar - this is same as toggling the settings in elementor builder*/
    /* .page-content .elementor-section:not(#sec-speciality) {
                    overflow: hidden !important;
                } */
    
    /* .page-content #sec-speciality.elementor-section {
                    overflow: unset !important;
                }
                */
    .flex-column,
    .flex-column>.elementor-container>.elementor-row {
        flex-direction: column;
    }
    
    #mega-menu-wrap-menu-1 li.menu-item.current_page_item a {
        color: #F15744 !important;
    }

	.grecaptcha-badge {
		display: none !important;
	}
    
    
    
    /*********************whatsapp********************/
    #qlwapp.qlwapp-bubble .qlwapp-toggle {
        width: 55px !important;
        height: 55px !important;
    }
    
    #qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-toggle {
        margin-right: 15px !important;
    }
    
    #qlwapp .qlwapp-toggle {
        box-shadow: none !important;
    }
    
    
    /*********************start a project side button********************/
    .section-sidebtn .elementor-column {
        min-height: 0px !important;
        /*remove white line*/
    }
    
    .text-startprojbtn a {
        color: #fff !important;
        background-color: #F15744;
        border: 1px solid #F15744;
        border-radius: 50px;
        padding: 0.75em 1.25em 0.625em;
        font-weight: 700;
        transition: 0.3s ease;
    }
    
    .text-startprojbtn:hover a {
        color: #F15744 !important;
        background-color: #fff;
        border: 1px solid #F15744;
    }
    
    .text-startprojbtn .elementor-widget-container {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 310px;
        right: 15px;
        position: fixed;
    }
    
    .text-startprojbtn p {
        position: absolute;
        width: 202px;
        padding-top: 15px;
    }
    
    /** SVG Text rotation for spinning face **/
    
    .svgpath-rotate .dce-svg-pathtext {
    animation: anotherRotation 8s infinite linear;
    transform-origin: 50% 50%;
    }
    
    
    @keyframes anotherRotation {
        from {
            transform: rotate(0deg);
        }
    
        to {
            transform: rotate(359deg);
        }
    }
    
    /******************************************************************************************/
    /******************************responsive styling for general******************************/
    /******************************************************************************************/
    span.elementor-menu-toggle__icon--close,
    span.elementor-menu-toggle__icon--open {
        line-height: unset !important;
    }
    
    /*********************************************************************************/
    /*******************************first half of footer******************************/
    /*********************************************************************************/
    .con-footer-top a {
        color: #333;
    }
    
    .con-footer p {
        margin-bottom: 0 !important;
    }
    
    #headquarters-weather {
        /* 	height: 33px; */
    }
    
    #footer-sitemap-displayed {
        cursor: pointer;
    }
    
    /*hover transitions*/
    .footer-link {
        position: relative;
    }
    
    .footer-link:after {
        background: #333;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        transform-origin: 100% 100%;
        transform: scaleX(0);
        -webkit-animation: none;
        animation: none;
        pointer-events: none;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-duration: var(--underline-duration);
    }
    
    
    
    /*******************************************************************/
    /*******************************header******************************/
    /*******************************************************************/
    .html-pixelmhome-logo {
        width: 176px !important;
    }
    
    .mega-menu-item ul {
        list-style: none;
        padding-left: 0px;
    }
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover {
        background: #fff;
        font-weight: 300;
        text-decoration: none;
        color: #333;
    }
    
    
    /*SERVICES MENU PARENT*/
    .menu-services-parent {
        font-family: inherit;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 300;
        line-height: 1.2em !important;
    }
    
    .menu-services-parent a {
        padding: 0 !important;
        margin-top: -5px;
        color: #858585 !important;
    }
    
    
    /**Header hover title animation for header start**/
    #mega-menu-wrap-menu-1 .mega-menu-item .mega-menu-link:before {
        content: attr(title);
        position: absolute !important;
        transform: translate(0, -100%);
        font-family: var(--e-global-typography-primary-font-family) !important;
        transition: transform 0.5s ease;
    }
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
        transform: translate(0, 0%);
        transition: transform 0.5s ease, color 0.5s ease;
    }
    
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
        overflow: hidden;
    }
    
    
    
    /**somehow this has to be here to works for non full-width menu items*/
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu.mega-menu-item {
        position: static !important;
    }
    
    
    /**Header hover title animation for header end**/
    
    
    /* #header-pixelm.elementor-sticky--effects #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
                    line-height: 28px;
                    height: 28px;
                } */
    
    
    /*only for services and any other FULL WIDTH mega menu*/
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu {
        top: 100px;
    }
    
    #header-pixelm.elementor-sticky--effects #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    #header-pixelm.elementor-sticky--effects {
        box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);
    }
    
    
    /**home logo animation**/
    .header-pixelm-home {
        visibility: hidden;
    }
    
    #header-pixelm-logo {
        line-height: 1;
    }
    
    
    
    
    @media (min-width: 1025px) {
    
        /*to fix the horizontal scrollbar issue*/
        #header-pixelm {
            overflow: hidden !important;
        }
    
        #header-pixelm:hover {
            overflow: visible !important;
        }
    }
    
    
    
    /*dropdown indicator*/
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
        margin: 0 0 0 4px;
    }
    
    /* #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
                    display: ;
                } */
    
    /*mega menu anchor links*/
    #mega-menu-wrap-menu-1 li.mega-menu-item a {
        color: #333;
        transition: color 0.2s ease;
    }
    
    #mega-menu-wrap-menu-1 li.mega-menu-item a:hover {
        color: var(--e-global-color-primary);
    }
    
    /***mega menu hover transitions end***/
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
        font-size: 14px;
        color: rgba(51, 51, 51, .8);
    }
    
    
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item:last-child>a.mega-menu-link {
        padding-right: 0px;
    }
    
    .elementor-sticky--effects .elementor-menu-toggle svg path{
    fill: #333 !important;
    }
    
    
    /**********************************************************************************/
    /*******************************responsive for header******************************/
    /**********************************************************************************/
    
    @media only screen and (min-width: 1024px) {
    
        /*reduce duration of the transition, 200 -> 100*/
        #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu,
        #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
            transition: opacity 100ms ease-in, transform 100ms ease-in, visibility 100ms ease-in;
    
        }
    
        /*hide indicator arrow on desktop*/
        #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
            display: none;
        }
    
        /*styling for mega menu sub items*/
        #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-menu-item-has-children .mega-sub-menu a {
            padding: 5px 0px !important;
            display: block !important;
            width: 100% !important;
        }
    
        .services-menuitem>.mega-sub-menu>li {
            width: 22.5% !important;
        }
    
        .services-menuitem>.mega-sub-menu>li:first-child {
            margin-left: 5% !important;
        }
    
        .services-menuitem>.mega-sub-menu>li:last-child {
            margin-right: 5% !important;
        }
    
        /*reduce padding for grants and works sub items on desktop*/
        #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.grants-menuitem.mega-menu-megamenu>ul.mega-sub-menu,
        #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.works-menuitem.mega-menu-megamenu>ul.mega-sub-menu {
            padding: 15px 25px 15px 25px !important;
        }
    
        /*set hover to #F15744*/
        #mega-menu-wrap-menu-1 li.mega-menu-item a:hover {
            color: #F15744 !important;
            /*not variable*/
        }
    
        /***on hover***/
        #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item:hover>a.mega-menu-link {
            transform: translate(0, 100%);
        }
    
        /*transform to be constantly there when toggled on*/
        #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
            transform: translate(0, 100%);
        }
    
        /**elementor header scroll effects**/
        /**********NOT SCROLLED DOWN*********/
        #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
            margin-top: 36px;
            margin-bottom: 36px;
            transition: all 400ms ease-in-out;
        }
    
        #header-pixelm.elementor-sticky--effects #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu {
            top: 68px;
        }
    }
    
    @media (max-width:1024px) {
        #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
            font-size: 15px;
        }
		
		.elementor-nav-menu--dropdown a{
			padding-top:13px;
			padding-bottom:13px;
		}
    }
    
    @media (min-width: 1024px) and (max-width: 1199px) {
        .services-menuitem>.mega-sub-menu>li {
            width: 25% !important;
        }
    
        .services-menuitem>.mega-sub-menu>li:first-child {
            margin-left: 0 !important;
        }
    
        .services-menuitem>.mega-sub-menu>li:last-child {
            margin-right: 0 !important;
        }
    }
    
    /*******************************************************************/
    /******************************buttons******************************/
    /*******************************************************************/
    
    /*******************************letsgo-btn*******************************/
    .view-proj-wrapper {
        overflow: hidden;
        height: 1.6em;
        position: relative;
        display: inline-block;
        margin-top: 15px;
    }
    
    .view-proj-wrapper div {
        transition: all 0.3s ease;
    }
    
    /* .view-proj-wrapper a {
        color: var(--e-global-color-text);
        font-weight: 500;
    } */
    
    #cta-col a {
        font-weight: 300;
        color: var(--e-global-color-text);
    }
    
    .heading-cta {
        margin-left: auto;
        margin-right: auto;
    }
    
    .single-portfolio #cta-col a {
        color: #fff;
    }
    
    .view-proj-wrapper:after {
        background: #fff;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        transform-origin: 100% 100%;
        transform: scaleX(0);
        -webkit-animation: none;
        animation: none;
        pointer-events: none;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-duration: var(--underline-duration);
    }
    
    /*since lets go is shorter than learn more*/
    .view-proj-wrapper:after {
        width: 92%;
    }
    
    .view-proj-wrapper:hover:after,
    .footer-link:hover:after {
        transform-origin: 0 0;
        transform: scaleX(1);
    }
    
    .view-proj-wrapper:hover .pixel-button-text>div {
        transform: translateY(-100%);
    }
    
    
    /********view proj button*********/
    .casestudy-col .view-proj-wrapper {
        overflow: hidden;
        height: 1.6em;
        position: relative;
        display: inline-block;
        font-size: 15px;
        margin-top: 0px;
        /*   text-align: right; */
    }
    
    .casestudy-col .view-proj-wrapper div {
        transition: all var(--underline-duration) ease;
    }
    
    .casestudy-col .view-proj-wrapper:after {
        background: var(--e-global-color-text);
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        transform-origin: 100% 100%;
        transform: scaleX(0);
        -webkit-animation: none;
        animation: none;
        pointer-events: none;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-duration: var(--underline-duration);
    }
    
    /*since lets go is shorter than learn more*/
    /* .casestudy-col .view-proj-wrapper:after {
                width: 61px;
                } */
    
    .casestudy-col:hover .view-proj-wrapper:after {
        transform-origin: 0 0;
        transform: scaleX(1);
    }
    
    .casestudy-col:hover .letsgo-button:after {
        transform-origin: 0 0;
        transform: scaleX(1);
    }
    
    .casestudy-col:hover .pixel-button-text>div {
        transform: translateY(-100%);
    }
    
    
    
    
    /*************buttonTwo*************/
    .letsgo-button-wrapper {
        display: block;
    
    }
    
    .letsgo-button {
        overflow: hidden;
        height: 1.6em;
        position: relative;
        display: inline-block;
        margin-top: 15px;
    }
    
    .letsgo-button div {
        transition: all var(--underline-duration) ease;
    }
    
    .letsgo-button a {
        color: var(--e-global-color-text);
    }
    
    .letsgo-button:after {
        background: var(--e-global-color-text);
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        transform-origin: 100% 100%;
        transform: scaleX(0);
        -webkit-animation: none;
        animation: none;
        pointer-events: none;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-duration: var(--underline-duration);
    }
    
    /*since lets go is shorter than learn more*/
    .letsgo-button:after {
        width: 92%;
    }
    
    .letsgo-button:hover:after,
    .footer-link:hover:after {
        transform-origin: 0 0;
        transform: scaleX(1);
    }
    
    .letsgo-button:hover .pixel-button-text>div {
        transform: translateY(-100%) !important;
    }
    
    
    
    /* 
                @keyframes underlinedButton {
                0% {
                    transform: scaleX(1);
                }
                
                33.33% {
                    transform-origin: 100% 100%;
                    transform: scaleX(0);
                }
                
                66.67% {
                    transform-origin: 0% 100%;
                    transform: scaleX(0);
                }
            
                100% {
                    transform-origin: 0% 100%;
                    transform: scaleX(1);
                }
                }
                */
    
    /********cta - follows view proj wrapper*********/
    #cta-col {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    
    
    #cta-col .view-proj-wrapper {
        height: 2.5em;
        margin-top: 0px;
    }
    
    #cta-col .view-proj-wrapper:after {
        /* 	background: #fff;
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                height: 1px;
                transform-origin: 100% 100%;
                transform: scaleX(0);
                -webkit-animation: none;
                animation: none;
                pointer-events: none;
                transition-property: transform;
                transition-timing-function: cubic-bezier(.215,.61,.355,1); */
        margin-left: auto;
        margin-right: auto;
        bottom: 30px;
        transition-duration: var(--underline-duration);
        transition-delay: 0.3s;
        background: var(--e-global-color-text);
    }
    
    .single-portfolio #cta-col .view-proj-wrapper:after{
        background:#fff;
    }
    
    #cta-col:hover .pixel-button-text>div {
        transform: translateY(-170%);
    }
    
    
    
    /* #cta-col .view-proj-wrapper:hover .pixel-button-text > div {
                transform: translateY(-170%);
                } */
    
    /*since lets go is shorter than learn more*/
    #cta-col .view-proj-wrapper:after {
        width: 252px;
    }
    
    #cta-col a {
        color: var(--e-global-color-text);
    }
    
    #cta-col .view-proj-wrapper div {
        transition: all .7s ease;
    }
    
    #cta-col:hover .view-proj-wrapper:after {
        transform-origin: 0 0;
        transform: scaleX(1);
    }
    
    
    
    
    
    /**********************************************************************************/
    /******************************second half of footer*******************************/
    /**********************************************************************************/
    #footer-section a,
    .con-footer-top a {
        position: relative;
    }
    
    #footer-section a:after,
    .con-footer-top a:after {
        background: #333;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        transform-origin: 100% 100%;
        transform: scaleX(0);
        -webkit-animation: none;
        animation: none;
        pointer-events: none;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-duration: var(--underline-duration);
    }
    
    #footer-section a:hover:after,
    .con-footer-top a:hover:after {
        transform-origin: 0 0;
        transform: scaleX(1);
    }
    
    
    
    #footer-sitemap-displayed:after {
        content: '\f347';
        font-family: dashicons;
        font-weight: normal;
        display: inline-block;
        margin: 0 0 0 3px;
        vertical-align: top;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: rotate(0);
        color: rgba(51, 51, 51, .8);
        position: relative;
        background: transparent;
        height: auto;
        width: auto;
        right: auto;
        line-height: 20px;
        font-size: 10px;
    }
    
    .sitemap-title h3{
        color:#333;
        font-size: 1rem;
		margin-bottom: 0.5em;
    }
    
    .sitemap-title a{
        font-size:0.875rem !important;
    }
    

	/*unset stylings by mega menu plugin*/
	@media only screen and (max-width: 768px) {
	  #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-megamenu > ul.mega-sub-menu {
		padding: 0 !important;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		}
	}
	


    
    
    
    /** Logo boxes animation**/
    .innersec-logosanimation .elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
        display: flex;
        flex-direction: row;
        gap: 20px;
        padding: 10px;
        overflow: hidden;
        flex-wrap: nowrap;
    }
    
    .innersec-logosanimation .elementor-column>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image {
        /*     animation: sideScrollingLR 40s linear infinite; */
        background-color: #f7f7f7;
        margin: 0;
        padding: 40px;
        border-radius: 3px;
    }
    
    
    .innersec-logosanimation .elementor-column>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image img {
        max-width: unset;
        width: 150px;
    }
    
    /* .innersec-logosanimation-lr */
    .innersec-logosanimation.innersec-logosanimation-lr .elementor-column>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image {
        animation: sideScrollingLR 40s linear infinite;
    }
    
    /* .innersec-logosanimation-rl */
    .innersec-logosanimation.innersec-logosanimation-rl .elementor-column>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image {
        animation: sideScrollingRL 40s linear infinite;
    }
    
    /* .innersec-logosanimation-lr .innersec-logosanimation-lr-speed2 - third row on about page */
    /*.innersec-logosanimation .innersec-logosanimation-lr .elementor-column>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image {*/
    /*    animation: sideScrollingLR 30s linear infinite;*/
    /*}*/
    
    /* Side-scroll Left to Right */
    @keyframes sideScrollingLR {
        0% {
            transform: translateX(calc(-250px*9));
        }
    
        100% {
            transform: translate3d(0, 0, 0);
        }
    }
    
    /* Side-scroll Right to Left */
    @keyframes sideScrollingRL {
        0% {
            transform: translate3d(0, 0, 0);
        }
    
        100% {
            transform: translateX(calc(-250px*9));
    
        }
    }
    
    
    /***************************************************************/
    /******************************about page***********************/
    /***************************************************************/
    
    #col-photogallery>.elementor-column-wrap>.elementor-widget-wrap {
    flex-wrap: nowrap;
    overflow-x: hidden;
    align-items: center;
    cursor: grab;
    padding-bottom: 40px;
    }
    
    #col-photogallery img {
        max-width: 550px;
        margin-right: 100px !important;
        max-height: 530px;
        width: auto;
    
    }
    
    #col-photogallery .elementor-widget-image img {
        -moz-user-select: none !important;
    }
    
    
    #col-photogallery>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
        margin-left: 80px;
    }
    
    #col-photogallery>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image:last-child img {
        margin-right: 80px;
    }
    
    
    #col-photogallery .photo-square img {
        max-width: 420px;
    }
    
    /**************************************************************************************/
    /*******************************responsive for about page******************************/
    /**************************************************************************************/
    
    @media (max-width: 1024px) {
        #col-photogallery img{
            max-width: 380px;
            margin-right: 70px !important;
            max-height: 350px;
        }
        
        #col-photogallery>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
            margin-left: 50px;
        }
    
        #col-photogallery>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image:last-child img {
            margin-right: 50px;
        }
    
    }
    
    @media (max-width: 600px) {
        #col-photogallery img{
            max-width: 280px;
            margin-right: 50px !important;
            max-height: 300px;
        }
        
        #col-photogallery>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image:nth-child(2) {
            margin-left: 30px;
        }
    
        #col-photogallery>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image:last-child img {
            margin-right: 30px;
        }
    
    }
    
    /***********************************************************************/
    /*******************************teams page******************************/
    /***********************************************************************/
    
    /** Make margin smaller on desktop **/
    .elementor-image-box-title{
    margin-bottom:5px;
    }
    
    /**************************************************************************************/
    /*******************************responsive for teams page******************************/
    /**************************************************************************************/
    
    @media (max-width:600px){
        .elementor-widget-image-box .elementor-image-box-content{
            width:83%;
            margin-left:70px;
        }
        
        .elementor-image-box-img{
            float:left;
        }
        
        
    }
    /*********************************************************************************/
    /*******************************project planner page******************************/
    /*********************************************************************************/
    #back-btn {
        cursor: pointer;
        font-weight: 500;
        display: inline-block;
    }
    
    .btn-animation {
        position: relative;
        padding: 5px 0px;
    }
    
    .btn-animation:after {
        background: #333;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        transform-origin: 100% 100%;
        transform: scaleX(0);
        -webkit-animation: none;
        animation: none;
        pointer-events: none;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-duration: var(--underline-duration);
    }
    
    
    
    .btn-animation:hover:after {
        transform-origin: 0 0;
        transform: scaleX(1);
    }
    
    
    
    /*******************************************************************/
    /*************************visual portfolio**************************/
    /*******************************************************************/
    .vp-portfolio__items-style-default {
        --vp-items-style-default--image-hover__transform: scale(1) !important;
        --vp-items-style-default--meta-items__gap: 0 !important;
        --vp-items-style-default--caption__padding: 10px 0px !important;
        /*         --vp-items-style-default--meta__padding-v: 10px !important; */
        /*         --vp-items-style-default--meta__padding-h: 0 !important; */
        --vp-items-style-default--meta-categories__text-transform: none !important;
        --vp-items-style-default--meta-categories__font-weight: 300 !important;
        --vp-items-style-default--links__color: var(--e-global-color-text) !important;
        --vp-items-style-default--meta-categories__opacity: 1 !important;
        --vp-items-style-default--links-hover__color: var(--e-global-color-text) !important;
        --vp-items-style-default--meta__color: var(--e-global-color-text) !important;
    }
    
    .vp-filter__style-minimal {
        --vp-filter-minimal--items__text-transform: none !important;
        --vp-filter-minimal--items__font-size: 1.3em !important;
    }
    
    
    
    .vp-portfolio__layout-elements-align-center {
        justify-content: left !important;
    }
    
    .vp-portfolio__filter-wrap {
        margin-bottom: 3em;
    }
    
    .vp-portfolio__item-meta-title {
        margin-bottom: 3px !important;
        margin-top: 0.4rem !important;
        font-size: 1.25rem !important;
        line-height: 1.3em;
    }
    
    /* 	.vp-portfolio__items-wrap{
                    min-height:465px;
                } */
    
    
    .vp-portfolio__item:hover .vp-portfolio__item-overlay {
        opacity: 0 !important;
    
    }
    
    
    .vp-portfolio__items-style-default .vp-portfolio__item-img img {
        transition: 0.4s all !important;
        clip-path: circle(75%);
        border-radius: 4px;
    }
    
    .vp-portfolio__item-img:hover img {
        clip-path: circle(40%);
    }
    
    .vp-portfolio__item-meta {
        /*swop title and category*/
        /* 	display: flex;
                    flex-direction: column-reverse;  */
        min-height:105px;
    }
    
    
    /*filters align left*/
    .vp-portfolio__layout-elements-align-center .vp-filter__style-minimal {
        justify-content: flex-start !important;
        /* 	padding-right: 15%; */
    }
    
    .vp-filter__style-minimal .vp-filter__item>* {
        padding: 0.7em 2.5em 0.7em 0 !important;
        font-weight: 500 !important;
        font-size: 1.25rem !important;
    }
    
    /* 
                .vp-portfolio__filter-wrap {
                    margin-left: 0 !important;
                } */
    
    
    .vp-portfolio__items-style-default .vp-portfolio__item-meta-excerpt {
        font-weight: 300 !important;
        opacity: 1 !important;
    }
    
    /**visual portfolio element on services page **/
    @media (max-width: 992px) {
        .elementor-widget-visual-portfolio {
            padding-left: 20px;
            padding-right: 20px;
        }
    }	
    
    
    /*******************************************************************/
    /*****************************services******************************/
    /*******************************************************************/
    
    
    
    
    .accordion-svcfaq .elementor-accordion .elementor-accordion-item {
        border-width: 0px;
    }
    
    .accordion-svcfaq .elementor-accordion .elementor-tab-content {
        border-top-width: 0px;
    }
    
    .accordion-svcfaq .elementor-accordion .elementor-accordion-item .elementor-tab-title {
        border-top: 1px solid #7a7a7a;
        padding: 2.1rem 0px 2.375rem;
    }
    
    .accordion-svcfaq .elementor-accordion .elementor-accordion-item:first-child .elementor-tab-title {
        border-top-width: 0px;
    }
    
    .accordion-svcfaq ul, .accordion-svcfaq ol>li {
        margin-bottom: 0.7em;
    }
    
    
    .accordion-svcfaq .elementor-accordion-icon svg {
        width: 24px;
        padding-right: 2px;
    }
    
    
    .accordion-svcfaq .elementor-accordion-title {
        transition: color 0.3s;
    }
    
    /***********************************************************************************/
    /********************************specialty 2 section********************************/
    /***********************************************************************************/
    
    .elementor-column.col-specialty {
        /* 	height: fit-content !important; */
        margin-top: 70px;
    }
    
    .elementor-column.col-specialty:first-child {
        margin-top: 0;
    }
    
    
    
    .usp-iconbox h3 {
        margin-bottom: 0.5em;
    }
    
    
    /* Custom CSS for desktop */
    @media (min-width: 1025px) {
        .usp-iconbox .elementor-icon-box-description {
            width: 75%;
        }
		
		
    
    }
    
    @media (max-width: 1024px) {
        .sec-speciality-2 {
            background-image: none !important;
        }
    
    }
    
    @media (max-width: 767px) {
        .text-spec {
            flex-direction: column-reverse;
        }
    
        .text-spec:after {
            content: var(--text-spec-icon);
            height: 200px;
            width: 200px;
            display: block;
        }
    }
    
    
    #sec-speciality {
        margin-top: 9vh;
    }
    
    .text-spec h3 {
        color: var(--e-global-color-text);
        font-family: "museo-sans", Sans-serif;
        font-size: 1.5rem;
        font-weight: 500;
        margin-bottom: .5em;
    }
    
    .text-spec {
        height: 600px;
        /*600 in js*/
        display: flex;
        align-items: center;
    }
    
    /*column - sticky*/
    #col-speciality-icons {
        position: sticky;
        position: -webkit-sticky;
        top: 120px;
        height: 600px;
        /*600 in js*/
    }
    
    /*image - position absolute*/
    .img-spec {
        display: none;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
    }
    
    
    /* .iconbox-service-parent {
                    padding-right: 5%;
                }
                */
    
    .iconbox-service-parent .letsgo-button-wrapper a {
        font-size: 18px;
    }
    
    .iconbox-service-parent .elementor-icon-box-title {
        margin-bottom: 8px;
    }
    
    
    
    /*******************************************************************/
    /**************************services parent**************************/
    /*******************************************************************/
    .pixm-img-serviceparent {
        margin-bottom: 10px;
    }
    
    .tabs-serviceparent.elementor-widget-tabs .elementor-tab-desktop-title {
        padding: 15px 0 !important;
    }
    
    .tabs-serviceparent .elementor-tabs-wrapper {
        padding-top: 40px;
    }
    
    .tabs-serviceparent .letsgo-button-wrapper {
        margin-top: 0 !important;
    }
    
    /**services inner**/
    
    .ue-box-title h3 {
        font-size: 1.25rem;
        line-height: 1.4em;
        margin-bottom: 0;
    }
    
    .tabs-serviceparent h3 {
        color: unset;
        font-size: 2.375rem;
    }
    
    /*******************************************************************/
    /*************************case studies page*************************/
    /*******************************************************************/
    
    /*used https://www.dynamic.ooo/widget/dynamic-posts-v2/*/
    /*remove all stylings of default button to put in own styling*/
    .elementor-button.dce-button {
        display: block !important;
        text-align: left !important;
        line-height: inherit !important;
    }
    
    
    /*old case study col hover effect*/
    .dce-post.dce-post-item img {
        /*transform: translate(0px, 0px);*/
        /*transform-origin: 50% 50%;*/
        transition: 0.6s all !important;
        clip-path: circle(75%);
        border-radius: 4px;
    
    }
    
    .dce-post.dce-post-item:hover img {
        /*transform: translate(16.1692px, -6.1396px);*/
        clip-path: circle(40%);
    }
    
    .dce-post.dce-post-item:hover .pixel-button-text {
        transform: translateY(-100%);
    }
    
    
    
    /*button hover effect*/
    .dce-post.dce-post-item:hover .letsgo-button:after {
        transform-origin: 0 0;
        transform: scaleX(1);
    }
    
    .dce-post.dce-post-item:hover .pixel-button-text>div {
        transform: translateY(-100%);
    }
    
    
    /* adjustments */
    .dce-item_custommeta {
        margin-top: 5px;
    }
    
    .dce-item .letsgo-button {
        font-weight: 500;
        margin-top: 12px;
    }
    
	.case-studies-btn .elementor-widget-wrap{
		padding: 0px !important;
	}

	/*******************************************************************************/
    /************************* responsive case studies page*************************/
    /*******************************************************************************/

	@media (max-width:1024px){
		.sec-casestudy-cover {
        padding-bottom: 4vh !important;
		}
	}
    /*******************************************************************/
    /*****************************portfolio*****************************/
    /*******************************************************************/
    .textblock-focus-p p {
        margin-bottom: 0 !important;
    }
    
    
    .img-portfolioitem img {
        filter: drop-shadow(6px 0 11px rgba(155, 168, 176, .2));
        border-radius: 5px;
    }
    
    .sec-portfolio-colored {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    /*******************************************************************/
    /**********************case studies individual**********************/
    /*******************************************************************/
    
    /*cover*/
    .btn-viewwebsite:hover svg path {
        fill: var( --e-global-color-text ) !important;
    }
    
    
    .sec-casestudy-cover {
        padding-bottom: 7vh;
    }
    
    .sec-casestudy-intro {
        padding-top: 5vh;
        padding-bottom: 4vh;
    }
    
    
    .sec-casestudy-content {
        padding-top: 4vh;
        padding-bottom: 4vh;
    }
    
    
    .col-casestudy-content {
        padding-left: 30px;
        padding-right: 30px;
		max-width: 974px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .casestudy-ps-t {
        padding-top: 3vh;
    }
    
    .casestudy-ps-b {
        padding-bottom: 3vh;
    }
    
    
    .casestudy-p-t {
        padding-top: 8vh;
    }
    
    .casestudy-p-b {
        padding-bottom: 8vh;
    }
    
    
    .video-container {
        border: solid 16px #e8e8e8;
        border-radius: 20px;
        filter: drop-shadow(6px 0 11px rgba(155, 168, 176, .2));
        /*background: #111111;*/
    }
    
    .video-container video {
        border-radius: 5px;
        height: inherit !important;
    }
    
    
    /*****************************portfolio - digital marketing global*****************************/
    .sec-dm-first {
        padding-top: 15vh;
    }
    
    .sec-dm-second {
        padding-top: 1vh;
        padding-bottom: 1vh;
    }
    
    .sec-dm-probstatement {
        padding-top: 3vh;
        padding-bottom: 3vh;
    }
    
    .sec-dm-whatwedid {
        padding-top: 3vh;
        padding-bottom: 6vh;
    }
    
    .sec-results {
        padding-top: 6vh;
        padding-bottom: 6vh;
    }
    
    .innersec-results .elementor-widget-wrap {
        flex-direction: column;
    }
    
    .iconbox-stats.elementor-vertical-align-middle .elementor-icon-box-wrapper {
        align-items: center;
    }
    
    .heading-results .elementor-heading-title {
        line-height: 1.4em;
    }
    
    
    /*add class "col-textwhite-tablet" to force number and icon to be white for responsive*/
    @media (max-width: 1024px) {
        .col-textwhite-tablet .elementor-element, .col-textwhite-tablet .elementor-icon-box-title,  .col-textwhite-tablet .elementor-icon {
        color: #fff !important;
    }
        
    }
    
    
    
    /*******************************************************************/
    /********************services - portfolio section*******************/
    /*******************************************************************/
    
    .txt-btn-viewallproj a:after {
        /*   background: #333; */
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        transform-origin: 100% 100%;
        transform: scaleX(0);
        -webkit-animation: none;
        animation: none;
        pointer-events: none;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-duration: var(--underline-duration);
    }
    
    .txt-btn-viewallproj a {
        position: relative;
    }
    
    .txt-btn-viewallproj a:hover:after {
        transform-origin: 0 0;
        transform: scaleX(1);
    }
    
    .txt-btn-orange a:after {
        background: var(--e-global-color-primary);
    }
    
    .txt-btn-yellow a:after {
        background: var(--e-global-color-secondary);
    }
    
    .txt-btn-purple a:after {
        background: var(--e-global-color-accent);
    }
    
    .txt-btn-teal a:after {
        background: var(--e-global-color-75f2045);
    }
    
    /*******************************************************************/
    /*******************************blog********************************/
    /*******************************************************************/
    .elementor-toc__header {
        padding-bottom: 0 !important;
    }
    
    .elementor-toc__list-item-text-wrapper i {
        margin-right: 0 !important;
    }
    
    .elementor-widget-wp-widget-recent-posts ul {
        padding-inline-start: 0 !important;
    }
    
    .elementor-widget-wp-widget-recent-posts ul li {
        list-style-type: none !important;
        margin-bottom: 1em;	
    }
    
    .elementor-widget-wp-widget-recent-posts a {
        color: var( --e-global-color-text ) !important;
    }
    
    .elementor-widget-wp-widget-recent-posts .post-date {
        font-size: 0.7em;
        display: block;
        margin-top: 0.5em;
        color: #575757;
    }
    
    /******************************************************************************************/
    /****************************************responsive****************************************/
    /******************************************************************************************/
    
    
    @media (min-width: 768px) {
        /*stagger*/
        .dce-posts-container.dce-skin-grid .dce-post-item:nth-child(even) {
            margin-top: 9%;
            padding-left: 2.5%;
        }
    
        .dce-posts-container.dce-skin-grid .dce-post-item:nth-child(odd) {
            padding-right: 2.5%;
        }
    
    }
    
    
    @media (max-width: 1199px) {
        .sec-90>.elementor-container {
            width: 100%;
        }
    
        .sec-90>.e-con {
            width: 100%;
        }
		
		/*footer sitemap*/
		#mega-menu-wrap-menu-2 #mega-menu-menu-2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
			padding-left: 30px;
    		padding-right: 30px;
		}
		
		#mega-menu-wrap-menu-2 #mega-menu-menu-2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item 			{
			padding: 0 !important;
		}
    }
    
	@media only screen and (max-width: 768px) {
		#mega-menu-wrap-menu-2 #mega-menu-menu-2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item 			{
			padding-bottom: 10px !important;
		}
	}    
    
    @media (max-width: 1024px) {
        html {
            font-size: 15px;
            /**CHANGE THIS VALUE FOR RESPONSIVE**/
        }
    
        .sec-90 {
            padding-left: 20px;
            padding-right: 20px;
        }
		
		
		#mega-menu-wrap-menu-2 #mega-menu-menu-2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
			padding-left: 20px;
    		padding-right: 20px;
		}
    
/*         #footer-sitemap-displayed {
            display: none;
        } */
    
        /**footer - cta**/
        #cta-col .view-proj-wrapper:after {
            width: 218px;
        }
    
        #cta-col .view-proj-wrapper:after {
            bottom: 24px;
        }
    
    
        /**Remove the margins on the Case Studies section for the homepage on mobile**/
        .dce-posts-wrapper {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }
    
        /* .dce-posts-wrapper .dce-post-item {
            padding-right: 0 !important;
            padding-left: 0 !important;
        } */


            
        /** Logo boxes animation responsive**/
        .innersec-logosanimation .elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
            gap: 16px;
        }
        .innersec-logosanimation .elementor-column>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image {
            padding: 37px;
        }
        
        
        .innersec-logosanimation .elementor-column>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image img {
            width: 135px;
        }

        /* Side-scroll Left to Right */
        @keyframes sideScrollingLR {
            0% {
                transform: translateX(calc(-225px*9));
            }
        
            100% {
                transform: translate3d(0, 0, 0);
            }
        }
        
        /* Side-scroll Right to Left */
        @keyframes sideScrollingRL {
            0% {
                transform: translate3d(0, 0, 0);
            }
        
            100% {
                transform: translateX(calc(-225px*9));
        
            }
        }
    
    }
    
    
    @media (max-width: 767px) {
        html {
            font-size: 14px;
            /**CHANGE THIS VALUE FOR RESPONSIVE**/
        }
    
        .sec-90 {
            padding-left: 20px;
            padding-right: 20px;
        }
    
    
        .text-startprojbtn p {
            padding-top: 5px;
        }
    
        #qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-toggle {
            margin-right: 5px !important;
            margin-bottom: 10px !important;
    
        }
    
        /**footer - cta**/
        #cta-col .view-proj-wrapper:after {
            width: 204px;
        }
    
        #cta-col .view-proj-wrapper:after {
            bottom: 20px;
        }
		
		
		/**visual**/
		    .vp-filter__style-minimal .vp-filter__item>* {
    	    padding: 0.5em 1em 0.5em 0 !important;
		}
    
        /*******************************************************************/
        /*******************************header******************************/
        /*******************************************************************/
        .html-pixelmhome-logo {
            width: 158px !important;
        }
    
    
    
        /*******************************************************************/
        /************************case studies***********************/
        /*******************************************************************/
    
        .dce-posts-container.dce-skin-grid .dce-post-item:not(:first-child) {
            margin-top: 9%;
        }
		
		.col-casestudy-content {
			padding-left: 0;
			padding-right: 0;

		}
    
    
        /*******************************************************************/
        /************************services - specialty***********************/
        /*******************************************************************/
        
        .text-spec {
            height: 570px;
        }
    
        #col-speciality-icons {
            display: none;
        }
    
        #col-speciality-text .elementor-widget-wrap {
            text-align: center;;
        }
    
    
        #col-photogallery .elementor-widget-image {
            max-width: none !important;
        }
        
        .elementor-widget-testimonial-carousel .swiper-slide {
            padding: 0 !important;
        }



        /** Logo boxes animation responsive**/
        .innersec-logosanimation .elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
            gap: 13px;
        }
        .innersec-logosanimation .elementor-column>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image {
            padding: 20px;
        }
        
        
        .innersec-logosanimation .elementor-column>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-image img {
            width: 135px;
        }

        /* Side-scroll Left to Right */
        @keyframes sideScrollingLR {
            0% {
                transform: translateX(calc(-188px*9));
            }
        
            100% {
                transform: translate3d(0, 0, 0);
            }
        }
        
        /* Side-scroll Right to Left */
        @keyframes sideScrollingRL {
            0% {
                transform: translate3d(0, 0, 0);
            }
        
            100% {
                transform: translateX(calc(-188px*9));
        
            }
        }
    
    }
    
    
    
    /**********************************************************************************/
    /***********************************Contact Page***********************************/
    /**********************************************************************************/
    
    #contact-col:hover .pixel-button-text>div {
        transform: translateY(-100%);
    }
    
    #contact-col:hover .letsgo-button:after {
        transform-origin: 0 0;
        transform: scaleX(1);
    }
    
    
    /**********************************************************************************/
    /*************************************PSG page*************************************/
    /**********************************************************************************/
    
    /******container for psg hero******/
    .con-psghero-left {
        padding-left: 6.7%;
        padding-right: 2%;
    
    }
    
    .con-psghero-right {
        padding-left: 4%;
        padding-right: 7%;
        filter: drop-shadow(6px 0 11px rgba(155, 168, 176, .2));
    }
    
    @media (max-width: 1199px) {
        .con-psghero-left {
            padding-left: 30px;
        }
    
        .con-psghero-right {
            padding-right: 30px;
        }
    
    }
    
    
    
    @media (max-width: 1023px) {
        .con-psghero-left {
            padding-left: 20px;
			padding-right: 20px;
        }
    
        .con-psghero-right {
            padding-left: 20px;
            padding-right: 20px;
        }
    }
    
    /******gravity form******/
    .gform_wrapper.gravity-theme input[type=color],
    .gform_wrapper.gravity-theme input[type=date],
    .gform_wrapper.gravity-theme input[type=datetime-local],
    .gform_wrapper.gravity-theme input[type=datetime],
    .gform_wrapper.gravity-theme input[type=email],
    .gform_wrapper.gravity-theme input[type=month],
    .gform_wrapper.gravity-theme input[type=number],
    .gform_wrapper.gravity-theme input[type=password],
    .gform_wrapper.gravity-theme input[type=search],
    .gform_wrapper.gravity-theme input[type=tel],
    .gform_wrapper.gravity-theme input[type=text],
    .gform_wrapper.gravity-theme input[type=time],
    .gform_wrapper.gravity-theme input[type=url],
    .gform_wrapper.gravity-theme input[type=week],
    .gform_wrapper.gravity-theme select,
    .gform_wrapper.gravity-theme textarea {
        font-size: 15px !important;
    }
    
    .gform_wrapper.gravity-theme .gfield_label {
        margin-bottom: 3px !important;
    }
    
    
    /******psg button******/
    .text-psgbutton a {
        position: relative;
    }
    
    .text-psgbutton a:after {
        background: #333;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        transform-origin: 100% 100%;
        transform: scaleX(0);
        -webkit-animation: none;
        animation: none;
        pointer-events: none;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-duration: var(--underline-duration);
    }
    
    
    .text-psgbutton a:hover:after {
        transform-origin: 0 0;
        transform: scaleX(1);
    }
    
    .text-psgmaxwidth {
        max-width: 950px;
    }
    
    
    .text-psg-withbg p {
        margin-bottom: 0;
    }
    
    /******meet pixelcommerce******/
    .iconbox-meetpx .elementor-icon-box-title {
        margin-top: 0;
        margin-bottom: 0.5em;
    }
    
    
    /******with ol - PSG / SFEC section******/
    .text-psg-withol ol {
        padding-inline-start: 1.1em;
    }
    
    .text-psg-withol li {
        margin-bottom: .3em;
    }
    
    .text-psg-withol ol>li>ol>li {
        list-style: square url("https://t2.pixelmstage.com/pixel/wp-content/themes/hello-elementor-child/images/pixel-li.svg");
        padding-left: 5px;
    
    }
    
    
    
    
    
    /******packages******/
    .iconbox-packages .elementor-icon-box-title {
        margin-top: 0;
    }
    
    .text-package ul {
        padding-inline-start: 1.1em;
    
    }
    
    .text-package li {
        list-style: square url("https://t2.pixelmstage.com/pixel/wp-content/themes/hello-elementor-child/images/pixel-li.svg");
        padding-left: 5px;
        margin-bottom: .3em;
    }
    
    
    /**faq**/
    
    
    .accordion-svcfaq .elementor-tab-title {
        position: relative;
    }
    
    .accordion-svcfaq .elementor-accordion-icon.elementor-accordion-icon-right {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

	.accordion-svcfaq .elementor-accordion-title {
		padding-right: 25px;
		display: block;
		line-height: 1.5em;
	}
    
    /******cta******/
    .col-darkbg .gf_step_label {
        color: #fff;
    }
    
    .col-darkbg .validation_error {
        color: #fff !important;
    }
    
    .col-darkbg .gfield_label {
        color: #fff !important;
    }
    
    .col-darkbg .ginput_container input {
        background-color: transparent;
        color: #fff;
    
    }
    
    .col-darkbg .gform_wrapper {
        max-width: 650px;
        grid-row-gap: .7em !important;
    }
    
    .col-darkbg .gform_wrapper .gform_body .gform_fields .gfield input {
        border-bottom: 2px solid #555;
    }
    
    /******pixelcommere highlights******/
    
    /**tablet thing**/
    .sec-pixelcommercehighlights-wrapper >  .elementor-container {
        height: 820px;
    }


    .innersec-pixelhighlights.elementor-section {
        width: 80%;
        max-width: 1150px;
        margin-left: auto;
        margin-right: auto;
        border: solid 16px #333;
        border-radius: 20px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        height: 740px;
    }
    
    .infoc-pixelhighlights .swiper-slide .pp-info-box-title {
        margin-top: -2px;
    }
    
    
    .infoc-pixelhighlights .swiper-slide {
        filter: drop-shadow(6px 0 11px rgba(155, 168, 176, .2));
    }
    
    .infoc-pixelhighlights .swiper-wrapper {
        padding-top: 1%;
        padding-bottom: 1%;
        align-items: center !important;
    }
    
    
    @media (max-width: 1199px) {
        .sec-pixelcommercehighlights-wrapper >  .elementor-container {
            height: 910px;
        }
    
    
        .innersec-pixelhighlights.elementor-section {
            height: 830px;
        }
    }

    @media (max-width: 1024px) {
        .sec-pixelcommercehighlights-wrapper >  .elementor-container {
            height: 725px;
        }
    
    
        .innersec-pixelhighlights.elementor-section {
            height: 645px;
        }
    }